@font-face {
	font-family: 'Bai Jamjuree';
	src: url('../fonts/Bai_Jamjuree/BaiJamjuree-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
    display: swap;
}

:root{
    --header-color: #3e315d;
    --text-color: #FFF;
    --green-color: #ADA96C;
    --dark-green-color: #58584B;
    --main-color: #806CAE;
    --complementary-color: #857b976e;
    --other-color: #6c757d;
    --header-font: Bai Jamjuree;
}

.navbar .nav-link, .navbar .dropdown-item{
    font-family: var(--header-font);
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #000;
}

.ftco-section {
	background-color: var(--header-color) !important;
}

#ftco-navbar a.nav-link, #ftco-navbar .navbar-toggler{
    color: var(--text-color);
    font-weight: 800;
}

#ftco-navbar li.activo{
    box-sizing: content-box;
    border-bottom: 4px solid var(--main-color) !important;
}

#ftco-navbar li.activo a{
    color: var(--text-color) !important;
}

#ftco-navbar .navbar-toggler{
    border: 0px;
}

.navbar-nav .nav-item:has(.nav-link:focus), 
.navbar-nav .nav-item:has(.nav-link:hover) {
    color: #fff;
}

.navbar-expand-lg {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-dark .navbar-nav .nav-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-nav {
    display: -webkit-box !important;
}

.btn-outline-secondary {
    color: #d5e7f7d6 !important;
    border-color: #d5e7f7d6 !important;
}

.btn-outline-secondary:hover {
    color: #555 !important;
    background-color: #d5e7f7d6 !important;
}

.btn-outline-light {
    color: #6c757d !important;
    border-color: #6c757d !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-outline-light:hover {
    color: #fff !important;
    background-color: #6c757d !important;
}

a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: black;
}


.navbar-dark .navbar-brand {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
}


.navbar-nav .dropdown-menu{
    background-color: var(--header-color);
    color: var(--text-color);
    margin: 0;
}

.navbar-nav .dropdown-menu a{
    color: var(--text-color) !important;
    font-weight: 800;
}

.navbar a[href="cerrar"]{
    color: var(--text-color) !important;
}

.navbar .dropdown:hover>.dropdown-menu {
    display: block;
}

.navbar .dropdown-item:hover{
    background-color: var(--other-color);
}

.navbar ul .btn-outline-light{
    padding: .25rem;
    border: none;
    display: block;
}

/* .dropdown>.dropdown-toggle:active {
    pointer-events: none;
} */


@media (max-width: 767.98px) {
    .navbar-dark .navbar-brand {
        margin-bottom: 20px;
    }

    .navbar-expand-lg {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-dark .navbar-nav .nav-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-nav .dropdown-menu{
        position: absolute;
        width: 100%;
    }

}

@media (max-width: 991.98px) {
    .navbar-dark .navbar-brand {
        padding-bottom: 10px;
    }

    .navbar-expand-lg {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}