/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');


/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/

:root {
    /* Primary Color */
    /* --primary-color: #048E7B; */
    --primary-color: #1F3A93;

    --background-color: #F39C12;

    --secondary-color: #1F3A93;
    
    /* Darker Orange for hover */
    --hover-color: #D68910;     
      
    /* Background */
    --white-color: #ffffff; 
  
    /* Accent Gray */
    --heading-text: #000;
  
    /* Text and Secondary Elements */
    --text-color: #333;
  
    /* Divider Lines */
  }



html{

    font-size: 62.5%;
    scroll-behavior: smooth;
}

body{

    /* font-family: 'Lato', sans-serif; */
    color: var(--text-color);
    font-size: 1.8rem;
    line-height: 1.6;

} 


ul{

    list-style: none;
}

a{

    text-decoration: none;
}


.bg-header{

    background-color: var(--background-color);
}

nav{

    /* height: 9rem; */
    padding: 2rem 0;
}

.nav-link:link , .nav-link:visited {
    
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
}


.nav-link:hover , .nav-link:active{

    color: var(--secondary-color);
}

.nav-link.cta {

    background-color: #F39C12;
    /* background-color: var(--background-color); */
    display: inline-block;
    padding: 0.5rem 2rem !important;
    border-radius: 4px;
}

.nav-link.cta:hover{

    color: #fff;
    background-color: var(--hover-color);
}

@media (max-width: 982px) {
  /* .navbar-nav {
    width: 100%;
    justify-content: center !important;
  }
  .navbar-nav .nav-item {
    text-align: center;
  } */

    nav .navbar-nav {
        /* background-color: #048e7c74; */
        padding: 2rem;
        backdrop-filter: blur(5px);
    }

    .nav-item{

        text-align: center;
        width: 100%;
    }

    .nav-link, .nav-link.cta {
        color: #fff !important;
        padding: 0.6rem 1.6rem;
        border-radius: 0.4rem;
        background-color: transparent !important;
        backdrop-filter: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .nav-link:link,
    .nav-link:visited { 

        /* transition: color 0.3s ease; */
        color: #fff;
        font-size: 1.8rem;
        font-weight: 500;
        display: inline-block;
        background-color: transparent;
        transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;
    }

    /* .nav-link:hover, .nav-link:active{
        
        color: var(--primary-color) !important;

    } */

    .nav-item:hover, .nav-item:active{

        background-color: var(--hover-color);
        /* background-color: var(--hover-color); */
        /* color: #fff; */
        transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;
    }
}