:root {
    --sl-primary: #cbab6f !important;
    --sl-primary-light: #e8ca91 !important;
    --sl-primary-lighter: #f1d9aa !important;
    --sl-secondary: #1a1919 !important /*#174a38 !important*/;
    --sl-secondary-dark: #cf8b29 !important;
    --sl-secondary-light: #fcf7ee !important;
    --sl-white: #fff !important;
    --sl-light: #f0f1f3 !important;
    --sl-muted: #666666 !important;
    --sl-dark: #1a1919 !important;
    --sl-dark-light: #303030 !important;
}

body { background-color: var(--sl-light); color: var(--sl-dark); }

p strong { color: var(--sl-secondary) !important; }

.navbar .dropdown > .dropdown-menu { width: max-content; top: calc(100% + 10px); }
.navbar .dropdown .nav-title { text-transform: uppercase; font-size: .7rem; color: var(--sl-muted); padding: 0 .5rem; }

.nav-footer img { border-radius: 0 !important; }

header .navbar-container-logo::before { background: var(--sl-dark) !important; }
header .navbar-container-logo::after { background: var(--sl-dark) !important; }
header .navbar-container-logo img { padding: 0 2rem !important; }
header .navbar-container-menu::before { background: var(--sl-white) !important; }
header .navbar-nav .nav-item { align-self: center; }
header .navbar-nav .nav-item .nav-link { color: var(--sl-dark) !important; font-weight: 500 !important; }
header .navbar-nav .nav-item .nav-link.text-light { color: var(--sl-light) !important; font-weight: 600 !important; }
header .navbar-nav .nav-item .nav-link.active, header .navbar-nav .nav-item .nav-link:hover { color: var(--sl-primary) !important; }
header .navbar-nav .dropdown-menu { background-color: var(--sl-white) !important; }

@media (max-width: 991px) {
    header .navbar-container-logo::before { right: -2rem !important; }
    header .navbar-container-logo::after { left: -2rem !important; }
}


.sl-hr-title { height: .375rem; background-color: var(--sl-secondary); border: 0; width: 7rem; border-radius: 5rem; opacity: 1; margin: 3rem auto; }
.sl-hr-subtitle { height: .5rem; background-color: var(--sl-secondary); border: 0; width: .5rem; border-radius: 5rem; opacity: 1; margin: 2rem auto; position: relative; overflow: visible; }
.sl-hr-subtitle:before { content: ''; height: .5rem; background-color: var(--sl-secondary); width: .5rem; border-radius: 5rem; position: absolute; top: 0; left: -.75rem; }
.sl-hr-subtitle:after { content: ''; height: .5rem; background-color: var(--sl-secondary); width: .5rem; border-radius: 5rem; position: absolute; top: 0; right: -.75rem; }

/* RESPONSIVE */

@media (max-width: 1399px) {
    header .navbar-nav .nav-item { padding: 0 .5rem !important; }
}

@media (max-width: 991px) {
    header .navbar-container-logo img { height: 3rem !important; padding: 0 1rem; }
    header .navbar-container-menu::before { transform: none !important; }
    header .navbar-container-logo + div { position: absolute; top: 0; left: 0; width: 100%; }
    header .navbar { width: 100% !important; }
    header .navbar .navbar-toggler { margin-left: auto; z-index: 990; color: var(--sl-primary); border: 0; box-shadow: none; font-size: 2rem; padding: 0; }
    header .navbar-collapse { position: absolute; top: 0px; left: 0px; background-color: var(--sl-white); width: 100%; z-index: 900; border-radius: .5rem; }
    header .navbar-collapse .navbar-nav { padding-top: 6rem; padding-bottom: 1rem; }
    header .navbar-collapse .navbar-nav .dropdown-toggle { text-align: center; }
    header .navbar-collapse .navbar-nav .btn-primary { margin-top: 1rem; }
}

header .navbar-container-socials { position: absolute; z-index: -10; top: 100%; right: 3rem; background: var(--sl-secondary); padding: .075rem 1rem; border-radius: 0 0 .5rem .5rem; font-size: 1.4rem; transition: transform 1s 1.5s ease; transform: translateY(-5rem); }
header .navbar-container-socials a { color: var(--sl-light); }
.sl-page-loaded header .navbar-container-socials { transform: translateY(0); }

.bg-marbre { background-image: url('/d/dc14/d019/5/4/2/6/7/marbre-ideosens.jpg'); background-size: cover; background-position: center; }


/* Custom */
.container-inside-p-0 .container-fluid { padding: 0; }

.img-cover > div, .img-cover > div figure, .img-cover > div img { height: 100%; }
.img-cover img { object-fit: cover; }
@media (min-width: 768px) {
    .img-cover { position: relative; }
    .img-cover > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media (max-width: 767px) {
    .img-cover img { aspect-ratio: 2; }
}

.img-contain > div, .img-contain > div figure, .img-contain > div img { height: 100%; }
.img-contain img { object-fit: contain; }
@media (min-width: 768px) {
    .img-contain { position: relative; }
    .img-contain > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media (max-width: 767px) {
    .img-contain img { aspect-ratio: 2; }
}


/* MENU */

@media (max-width: 767px) {
    #sl-main-menu .navbar .navbar-collapse { max-height: 100vh; overflow-x: auto; }
    #sl-main-menu .navbar .navbar-nav { padding-left: 0 !important; }
    #sl-main-menu .navbar .navbar-nav .nav-item { width: 100%; text-align: center; }
    #sl-main-menu .navbar .navbar-nav .nav-item .dropdown-menu { width: 100%; text-align: center; background-color: #ece4d6 !important; border: 0; }
    #sl-main-menu .navbar .navbar-nav .nav-item .dropdown-menu .nav-title { color: var(--sl-primary) !important; }
    #sl-main-menu .navbar .navbar-nav .nav-item .dropdown-menu .nav-link { padding: .125rem !important; font-size: .9rem !important; }
}