@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');

img { max-width: 100%; }

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
    {
        max-width: 1420px;
    }
}

.figure { margin: 0; }
.figure > .figure-img { margin: 0; }

.jGallery .col > div { height: 100%; width: 100%; }
.jGallery .figure { height: 100%; width: 100%; }
.jGallery .figure > .figure-img { height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 1rem; }
.jGallery .figure > .figure-img.rounded { border-radius: 1rem !important; }
@media (max-width: 991px) {
    .jGallery .figure > .figure-img { border-radius: .5rem; }
}

.btn { border-width: 3px; }
.btn { outline: var(--sl-primary-light) solid 1px; outline-offset: 3px; }
.btn.btn-link { outline: none; }
.btn-primary-light { background-color: var(--sl-primary-light); border-color: var(--sl-primary-light); }
.btn-outline-primary-light { border-color: var(--sl-primary-light); }

.font-primary { font-family: 'Kalam', cursive; }
.text-primary-light { color: var(--sl-primary-light); }

.bg-primary-light { background-color: var(--sl-primary-light); }

.bg-primary-fullwidth { position: relative; }
.bg-primary-fullwidth::before { content: ''; position: absolute; width: 500%; top: 0; bottom: 0; left: -100%; border-radius: 5rem; background-color: var(--sl-primary); z-index: -1; }
.bg-primary-fullwidth::before { outline: 5px solid var(--sl-primary-light); }

.sl-top-bg-round { position: relative; margin-top: 10rem; }
.sl-top-bg-round::before { content: ''; position: absolute; top: -8rem; left: 0; width: 100%; height: 10rem; background: var(--sl-light); display: block; border-radius: 100% 100% 0 0; z-index: -1; }

.sl-top-bg-round-2 { position: relative; height: 10rem; }
.sl-top-bg-round-2::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10rem; background: var(--sl-body-bg); display: block; border-radius: 100% 100% 0 0; }
.sl-top-bg-round-2 + section { margin-top: -5rem; }

.dropdown-toggle::after { display: none; }

#main-sidebar { position: absolute; top: 1rem; left: 0; z-index: 999; width: 100%; }
#main-sidebar .navbar { border-radius: 1rem; background-color: #d1c2dfcc; }
#main-sidebar .navbar .navbar-nav .nav-link { color: var(--sl-light); text-transform: uppercase; font-weight: 900; font-family: 'Kalam', cursive; }

.sl-scrolled #main-sidebar { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background-color: #c8b6d6; border-bottom: 5px solid var(--sl-primary); }
.sl-scrolled #main-sidebar .navbar { background-color: transparent; }
@media (max-width: 991px) {
    #main-sidebar .navbar-collapse { background: #c8b6d6; border-radius: 1rem; }
    #main-sidebar .border-start { border: 0 !important; }
}

.navbar .sl-navbar-nav-main > li { margin: 0 1rem; }
.navbar .sl-navbar-nav-main > li:last-child { margin-left: auto; }
.navbar .sl-navbar-nav-socials { margin-left: 1rem; }
@media (max-width: 991px) {
   .navbar .sl-navbar-nav-main > li:last-child { margin-left: 1rem; } 
   .navbar .sl-navbar-nav-socials { margin-left: 0; }
}


.sl-gallery-album > a { position: relative; aspect-ratio: 1; width: 100%; overflow: hidden; }
.sl-gallery-album > a img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.sl-gallery-album > a:hover img { transform: scale(1.1); }
.sl-gallery-album .sl-gallery-album-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: .5rem; }

.sl-border-right-dotted { border-right: 3px dotted var(--sl-secondary); }
.sl-border-left-dotted { border-left: 3px dotted var(--sl-secondary); }

footer > .bg-primary-light > .bg-primary > .container > div:first-child a { color: var(--sl-light); font-weight: 600; font-size: .9rem; margin: 0 1rem; }