@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;1,300;1,400;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root{

    --dark-green: #004743;
    --green: #00655d;
    --gray: #8c8c8c;
    --ligth-green: #96e8e4;

    --phone-green: #75a7a3;

    --btn-green: #b1e7e3;

}

.bg-clouds{
    background-image: url('../img/bkg-clouds.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-btn-green{
    background-color: var(--btn-green);
}

.bg-btn-green:hover{
    background-color: var(--dark-green);
    color: var(--btn-green);
}

/* fonts */

.fc-dark-green{
    color: var(--green);
}

.fc-gray{
    color: var(--gray);
}

.fc-green{
    color: var(--green);
}

.fc-phone-green{
    color: var(--phone-green);
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}
  
.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}
  
.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.fs-0{
    font-size: 3rem;
}

/* specials */
    
hr:not([size]) {
    height: 2px;
    color: var(--ligth-green);
    opacity: 1;
}

hr.last-line {
    border: none;
    height: 2px; 
    background: repeating-linear-gradient(
        to right,
        var(--green) 0,
        var(--green) 20px, 
        transparent 20px,
        transparent 25px 
    );
}

.no-link{
    text-decoration: none;
}