/* ROOT */

:root {
    --ls-light-blue: #ebf1f9;
    --ls-grey: #bec4cb;
    --ls-slate: #24353F;
    --ls-dark-slate: #1B262D;
    --ls-accent: #24353F;
    --ls-accent-hover: #1B262D;
    --ls-orange: #f26430;
    --ls-yellow: #f4c62a;

    /* --ls-accent: #f26430; */
    /* --ls-accent-hover: #b94d25; */
}

/* GLOBAL STYLES */

.btn-primary, .sppb-btn-primary {
    border-color: var(--ls-accent);
    background-color: var(--ls-accent);
}


.btn-primary:hover, .sppb-btn-primary:hover{
    border-color: var(--ls-accent-hover);
    background-color: var(--ls-accent-hover);
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ls-accent);
    --bs-btn-hover-bg: var(--ls-accent-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ls-accent-hover);
    --bs-btn-active-border-color: var(--ls-accent);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--ls-accent-hover);
    --bs-btn-disabled-border-color: var(--ls-accent-hover);
    --bs-btn-border-color: var(--ls-accent);
}

.btn:hover {
    border-color: var(--ls-accent-hover);
}

.sppb-btn {
    border-radius: 7px;
}

.sppb-btn-default {
    background: #e4e4e4;
    border-color: #e4e4e4;
}

.sppb-btn-default:hover {
    background: #fff;
    border-color: #fff;
}



/* COMING SOON PAGE */
html.coming-soon body {
    background-image: url(/staging/images/Masthead/L16_Studios_Masthead.jpg) !important;
    background-color: #000000ad;
    background-blend-mode: soft-light;
}

html.coming-soon .coming-soon-logo {
    margin-bottom: 3rem;
    max-width: 350px;
}

h1.coming-soon-title {
    color: #FFF;
}

.coming-soon-content {
    color: #FFF;
}

/* PRELOADER ANIMATION */

.sp-pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  z-index: 9999;
}

.pre-loader-icon {
  width: 100px;
  height: 100px;
  animation: loadingspin 1s linear infinite;
  pointer-events: none;
}

/* Optional spinning animation */
@keyframes loadingspin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* HEADER */

.com-sppagebuilder #sp-main-body {
    margin-top: -100px;
}

#sp-title {
    margin-top: -100px;
}



#sp-header {
    background: #24353f00;
    padding: 10px 0px 0px 0px;
    box-shadow: none;
}

#sp-header.header-sticky {
    height: 100px;
    padding: 0px;
    animation: spFadeInDown 0.3s;
    background: #1b262d;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 20px;
}


/* NAVIGATION */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'comfortaa', sans-serif;
    font-size: 1.0rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffffff00;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #ffffff;
}

.sp-megamenu-parent>li.active>a {
    font-weight: 700;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #1b262d;
}

.sp-dropdown.sp-dropdown-main.sp-menu-right {
    margin-top: -5px;
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover>.sp-dropdown {
    animation: spFadeInUp 100ms ease-in-out;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    padding: 15px 0;
}

.sp-megamenu-parent .sp-dropdown li:not(:last-child):after {
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 0px 0px 16px 16px;
}

/* HIDE DROPDOWN ICON */
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{
    display: none;
}


/* HOME CARDS */

.home-cards .sppb-addon-content .sppb-media-content {
    padding: 20px 30px 40px 30px;
    background: var(--ls-dark-slate);
    border-radius: 0px 0px 16px 16px;
    color: #fff;
    min-height: 378px;
}

.home-cards h6 {
    color: #fff;
}

.home-cards a {
    color: #fff;
}

.home-cards a:hover, a:focus {
/*    color: var(--ls-accent);*/
    color: #DEDEDE;
}

.home-cards sppb-btn {
    color: var(--ls-accent);
}

.home-cards sppb-btn:hover sppb-btn:focus {
    color: var(--ls-accent-hover);
}

.home-cards img.sppb-img-responsive {
    border-radius: 10px 10px 0px 0px;
}

.home-cards .sppb-btn-link, .sppb-btn-link {
    color: #FFF;
    /*    color: var(--ls-accent);*/
}

.home-cards .sppb-btn-link:focus, .sppb-btn-link:hover {
    color: var(--ls-accent-hover);
}

#sppb-addon-1748982653016 .sppb-img-container, #sppb-addon-sKK43JvbLOAZA0Lor5Vx_ .sppb-img-container, 
#sppb-addon-aP9rLmo2DKa4BXrd0W6z6 .sppb-img-container,
#sppb-addon-RnqEhuugTrRAEqYWh9Euj .sppb-img-container {
    border-radius: 16px 16px 0px 0px !important;
}


#sppb-addon-1748982653016 #btn-1748982653016.sppb-btn-link {
    padding: 0px !important;
}

#sppb-addon-sKK43JvbLOAZA0Lor5Vx_ #btn-sKK43JvbLOAZA0Lor5Vx_.sppb-btn-link {
    padding: 0px;
}

#sppb-addon-aP9rLmo2DKa4BXrd0W6z6 #btn-aP9rLmo2DKa4BXrd0W6z6.sppb-btn-link {
    padding: 0px;
}

#sppb-addon-RnqEhuugTrRAEqYWh9Euj #btn-RnqEhuugTrRAEqYWh9Euj.sppb-btn-link {
    padding: 0px;
}

i.fas.fa-angle-right {
    margin-left: 2px;
}

/* Shadow */

/*
    .sppb-addon-content-align-before.sppb-addon.sppb-addon-feature.home-cards:hover {
        box-shadow: #ebebeb 8px 8px 4px !important;
        transition: .3s !important;
        border-radius: 12px !important;
    }
*/

/* GALLERY */

.speasyimagegallery-album > div > a:after {
    border-radius: 10px;
}

.speasyimagegallery-album > div img {
    border-radius: 10px;
}

.speasyimagegallery-gallery-item img {
    border-radius: 10px;
}

.speasyimagegallery-gallery-item > div:after {
  border-radius: 10px;
}

span.speasyimagegallery-album-title {
    font-family: 'Comfortaa', sans-serif;
}

.speasyimagegallery-album-info {
    background: linear-gradient(0deg, black, transparent);
    border-radius: 10px;
}

.no-gallery-title .speasyimagegallery-gallery-item-content {
    display: none;
}

.sppb-carousel-extended-item img {
    border-radius: 16px;
}

/* CONTACT FORM */

.ls-contact-form .form-label {
    margin-bottom: .5rem;
    font-weight: bold;
    font-family: 'Comfortaa';
    color: var(--ls-dark-slate);
}

.ls-contact-form .form-control {
    padding: .475rem .75rem;
    margin-bottom: 20px;
}

/* CONTACT SOCIAL ICONS */

.sppb-icons-group-list a {
    color: var(--ls-dark-grey);
}

.sppb-icons-group-list a:hover {
    color: var(--ls-orange);
}


/* OFF CANVAS MENU */

.burger-icon {
    width: 30px;
}

.burger-icon>span {
background-color: #ffffff;
}

.offcanvas-menu {
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100%;
}


.offcanvas-menu .offcanvas-inner .sp-contact-info {
    margin-top: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 18px;
}

.sp-contact-info {
    list-style: none;
    padding: 20px 50px 20px 0px;
    margin: 0px;
}

.offcanvas-menu {
    background: var(--ls-dark-slate);
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--ls-orange);
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ffffff;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, .offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 18px;
    padding: 20px 0px;
    opacity: 1;
    transition: 0.3s;
}


@media (max-width: 576px) {
    .logo-image {
        height: 85px;
        margin-top: 30px;
    }
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: var(--ls-grey) !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 17px !important;
    line-height: 59px !important;
    font-weight: 400 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #FFF !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #f26430 !important;
}

/* FOOTER */

#sp-bottom {
    background: #24353F;
    padding: 70px 0 30px;
}

#sp-footer .container-inner {
    padding: 25px 0;
    border-top: none;
}

#sp-footer {
    background: #1B262D;
}

div#mod-custom124 {
    text-align: justify;
}

#sp-footer ul.menu li:not(:last-child) {
    border-right: 1px solid white;
    padding-right: 20px;
}

div#column-wrap-id-1748977891297 {
    padding: 0px;
}

ul.social-icons>li:not(:last-child) {
    margin-right: 25px;
}

ul.social-icons {
    font-size: 22px;
}

li.social-icon-twitter {
    width: 23px !important;
    position: relative;
    top: -1.5px;
}

li.social-icon-twitter svg {
    width: 25px !important;
}

ul.social-icons>li:not(:last-child) {
    margin-right: 30px;
}

#sp-bottom .sp-module ul>li {
    margin-bottom: 28px;
}

/* OFFLINE PAGE */

.offline-message {
    color: #FFF;
}

/* ANIMATIONS */

    @keyframes pulseMove {
      0% {
        opacity: 0.3;
        transform: translateX(0);
      }
      50% {
        opacity: 1;
        transform: translateX(4px); /* reduced from 10px */
      }
      100% {
        opacity: 0.3;
        transform: translateX(0);
      }
    }

#sppb-addon-44b62ed3-56de-46e9-92cc-f754c34ca15b .sppb-btn i,
#sppb-addon-ORqdPhXIxtcc_wQ4u_vhA .sppb-btn i,
#sppb-addon-jpjej4pEGh7JAN0wIZBSD .sppb-btn i,
#sppb-addon-tn7QW92wcZmH_Wh3qt81u .sppb-btn i,
#sppb-addon-y0sax6HtkYEh2W-iNvmI4 .sppb-btn i,
#sppb-addon-asyY6PHad_eQo4bDT7XJ- .sppb-btn i,
#sppb-addon-CZHl68bd7ursiU5kmZYnJ .sppb-btn i {
    animation: pulseMove 1.2s ease-in-out infinite;
}

/* NEWSLETTER SIGN UP */

.sppb-addon-optin-forms {
    padding: 0px 30px 0px 0px;
}

.sppb-optin-form-info-wrap.media-position-top.sppb-col-sm-12 {
    display: none !important;
}

.sppb-form-group {
    padding: 0px;
}

label.sppb-form-check-label a {
    text-decoration: underline;
    /* color: var(--ls-orange) !important; */
}

/* ERROR PAGE */

html.error-page body {
    background-size: cover;
}

html.error-page .error-logo {
    height: 200px;
    margin-bottom: 50px !important;
}

.error-code, .coming-soon-number {
    color: var(--ls-orange) !important;
}

html.error-page .error-message {
    color: #FFF;
}


/* RESPONSIVENESS */

@media screen and (max-width: 3000px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 400px !important;
        padding-bottom: 400px !important;
    }
}

@media screen and (max-width: 2550px) {
.sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
    }
}

@media screen and (max-width: 1750px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 330px !important;
        padding-bottom: 330px !important;
    }
}

@media screen and (max-width: 1375px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 220px !important;
        padding-bottom: 400px !important;
    }

    .home-cards .sppb-addon-content .sppb-media-content {
        min-height: 420px !important;
    }

    #sppb-addon-8c52c18d-8bd1-4666-93f7-15a05945fe3c .sppb-addon-header .sppb-addon-title {
    font-size: 50px;
    line-height: 70px;
    }

    #sppb-addon-8c52c18d-8bd1-4666-93f7-15a05945fe3c .sppb-addon-header .sppb-addon-title {
    margin-bottom: 20px !important;
    }

    #sppb-addon-ClGPq9ObKHe7BTxsJT5m0 .sppb-addon-text-block .sppb-addon-content {
    font-size: 16px;
    line-height: 26px;
    }
}

@media screen and (max-width: 450px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 260px !important;
        padding-bottom: 260px !important;
    }
}


@media screen and (max-width: 375px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 220px !important;
        padding-bottom: 220px !important;
    }
}

@media screen and (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 46px !important;
    }
    
    #sp-bottom {
    padding: 60px 0 30px;
    font-size: 15px;
    }

    .l16-masthead {
    min-height: 325px !important;
    padding-top: 100px !important;
    }

    .sp-page-builder .page-content #section-id-f1d1bc07-bb52-4e00-8f6d-a3fa5e11211e {
    padding-top: 100px !important;
    min-height: 325px !important;
    }

    .sp-scroll-up {
    bottom: 120px;
    }
    
    #sp-footer ul.menu li {
    padding-right: 20px;
    }

    #sp-footer ul.menu li {
    display: block;
    margin: 0 10px;
    }

    #sp-footer ul.menu li:last-child {
    border-right: 1px solid white;
    }

    #sppb-addon-8c52c18d-8bd1-4666-93f7-15a05945fe3c .sppb-addon-header .sppb-addon-title {
    font-size: 44px;
    line-height: 60px;
    }
}

@media screen and (max-width: 4227px) {
    h1, h2, h3, h4, h5, h6 {
    line-height: 46px !important;
    }
    
    #sp-bottom {
    padding: 60px 0 30px;
    font-size: 15px;
    }

    .l16-masthead {
    min-height: 325px !important;
    padding-top: 100px !important;
    }

    .sp-page-builder .page-content #section-id-f1d1bc07-bb52-4e00-8f6d-a3fa5e11211e {
    padding-top: 100px !important;
    min-height: 325px !important;
    }
 
    #sppb-addon-8c52c18d-8bd1-4666-93f7-15a05945fe3c .sppb-addon-header .sppb-addon-title {
    font-size: 62px;
    line-height: 60px;
    }
}

@media screen and (max-width: 575px) {
    .home-cards .sppb-addon-content .sppb-media-content {
        min-height: 350px !important;

    }
}

@media screen and (max-width: 768px) {
    .home-cards .sppb-addon-content .sppb-media-content {
        min-height: 250px !important;

    }
}

/* iPad Pro - Landscape */
@media screen and (width: 1366px) and (height: 1024px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 350px !important;
        padding-bottom: 350px !important;
    }
}


/* iPad Pro - Portait */
@media screen and (width: 1024px) and (height: 1366px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 500px !important;
        padding-bottom: 500px !important;
    }
}

/* iPad Air - Landscape */
@media screen and (width: 1180px) and (height: 820px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 400px !important;
        padding-bottom: 400px !important;
    }
}

/* iPad Air - Portrait */
@media screen and (width: 820px) and (height: 1180px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 400px !important;
        padding-bottom: 400px !important;
    }
}

/* iPad Air - Landscape */
@media screen and (width: 1180px) and (height: 820px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 300px !important;
        padding-bottom: 300px !important;
    }
}

/* iPad Mini - Landscape */
@media screen and (width: 1024px) and (height: 768px) {
.sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 290px !important;
        padding-bottom: 290px !important;
    }
}

/* iPad Mini - Landscape */
@media screen and (width: 768px) and (height: 1024px) {
.sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 330px !important;
        padding-bottom: 330px !important;
    }
}

/* Super small phone - Landscape */
@media screen and (max-width: 667px) and (max-height: 375px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }
}


/* @media screen and (max-width: 1024px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 500px !important;
        padding-bottom: 500px !important;
    }
}

@media screen and (max-width: 992px) {
    .sp-page-builder .page-content #section-id-cd9a12f7-ab73-413c-b98c-8f7e9c76df49 {
        padding-top: 290px !important;
        padding-bottom: 290px !important;
    }
}*/