@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');

#header {
    background-color: #baa99e !important;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;

}

#topMain.nav-pills > li.active > a {
    color: #fff !important;
}
#topMain.nav-pills > li.active > a:hover {
    color: rgb(236, 230, 219) !important;
}

#header.shadow-after-3::before {
    background-image: none !important;
}

#topBar {
    background-color: black !important;
}

body {
    font-family: 'Poppins', sans-serif;
    
}


#topMain.nav-pills > li > a {
    font-size: 1.5rem !important;
    color: #fff;
}


.info-bar h3 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
}

.info-bar {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}

.tparrows.preview2 {
    background: transparent !important;
}

.heading-title.heading-arrow-bottom::after {
    border-top: 0px !important;
}

section.callout-dark  {
    padding: 50px !important;
    background-color: #ffffff !important;
}

.heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 {
    color: black !important;
}

#slider h2 {
    text-shadow: rgba(0, 0, 0, 0.36) 0px 3px 6px, rgba(0, 0, 0, 0.43) 0px 3px 6px !important; 
    color: #fff !important;
    line-height: 50px !important;
    font-weight: 300 !important;
    text-align: left;
    font-size: 3.5rem;
}

#topNav div.submenu-dark ul.dropdown-menu {
    background-color: #baa99e;
}

#topMain.nav-pills > li > a:hover, #topMain.nav-pills > li > a:active {
    color: rgb(236, 230, 219) !important;
}
#topNav nav.nav-main li > ul.dropdown-menu li a {
    color: #fff;
}

#topMain.nav-pills > li > a.dropdown-toggle::after {
    color: #fff;
    opacity: 1;
}


@media (max-width: 500px) {
    #slider h2 {
        font-size: 1.5rem;
        line-height: 20px !important;
    }
    #topMain.nav-pills > li.active > a {
        color: #fff !important;
    }
    #topMain.nav-pills > li > a {
        color: #fff !important;
    }
    #topMain {
        background-color: #baa99e !important;
    }
    #topNav nav.nav-main li > ul.dropdown-menu li a {
        color: #fff;
    }
}

#header ul.nav-second-main li > a, #header li.search i.fa {
    color: #fff;
}