/*!
 * Citrine - Master
 * Copyright 2024 Punchmark
 */

/* ==============================
   Helpers
============================== */

[data-pagebuilder="row"] {
    justify-content: center;
}

body {
    background: var(--bs-secondary);
}

.global-cart {
    z-index: 0;
}

body.global-cart-open .global-cart {
    z-index: 2001;
}

body.nav-left-open header .content-toolbar,
body.nav-right-open header .content-toolbar,
body.nav-left-back-open header .content-toolbar,
body.nav-right-back-open header .content-toolbar {
    pointer-events: none;
}

.btn-outline-default,
.btn-outline-dark,
.btn-outline-light,
.btn-outline-secondary,
.btn-outline-primary,
.btn-default,
.btn-dark,
.btn-light,
.btn-secondary,
.btn-primary {
    border-radius: 4px;
}

[data-widget-element="widgetLink"].btn-outline-default,
[data-widget-element="widgetLink"].btn-outline-dark,
[data-widget-element="widgetLink"].btn-outline-light,
[data-widget-element="widgetLink"].btn-outline-secondary,
[data-widget-element="widgetLink"].btn-outline-primary,
[data-widget-element="widgetLink"].btn-default,
[data-widget-element="widgetLink"].btn-dark,
[data-widget-element="widgetLink"].btn-light,
[data-widget-element="widgetLink"].btn-secondary,
[data-widget-element="widgetLink"].btn-primary {
    border-radius: 4px !important;
}

section.citrine-banner [data-pagebuilder="row"] > [data-pagebuilder="column"],
section.px-0 [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-widget-element="widgetHeader"] {
    margin-bottom: 0.625rem;
    line-height: 1.1;
}

[data-widget-element="widgetParagraph"] {
    margin-bottom: 1.25rem;
    line-height: 1.25;
}

section.tight-grid .row {
    margin-left: -0.3125rem !important;
    margin-right: -0.3125rem !important;
}

section.tight-grid .row > * {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
}

@media(max-width:767px){
    .mobile-stack [data-widget-element="widgetLink"].btn-outline-light {
        background: none !important;
        border-color: var(--bs-dark) !important;
        color: var(--bs-light) !important;
    }
    .mobile-stack [data-widget-element="widgetLink"].btn-light {
        background: var(--bs-dark) !important;
        border-color: var(--bs-dark) !important;
        color: var(--bs-light) !important;
    }
}

@media(max-width:991px){
    body #page-wrap,
    body:not(.grid-menu-open) #page-wrap {
        transform: none !important;
    }
}

@media(min-width:768px){
    .two-column-paragraph {
        column-count: 2;
        column-gap: 1.25rem;
    }
}

@media(min-width:1200px){
    .two-column-paragraph {
        column-gap: 2.5rem;
    }
}

/* ==============================
   Stars
============================== */

.star-rating i.icon-star,
.star-rating i.icon-star-half,
.colored-stars i.icon-star,
.colored-stars i.icon-star-half {
    color: var(--bs-primary);
}

/* ==============================
   Alert
============================== */

.alert-global {
    background: var(--bs-secondary);
    box-shadow: inset 1000px 0 0 1000px rgba(0,0,0,0.1);
}

.alert-global a:hover,
.alert-global a:focus {
    color: var(--bs-primary);
}

/* ==============================
   Toolbar
============================== */

.toolbar {
    background: var(--primary);
    display: none !important;
}

/* ==============================
   Header
============================== */

header {
    background: var(--bs-secondary);
    position: sticky;
    top: 0;
}
body.sitemanager-menu-open header, 
body.sitemanager-menu-closed header {
    top: 63px;
}
header a#logo {
    padding: 0.625rem !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;    
    max-height: none !important;
    min-width: unset !important;
    width: auto;
}
header a#logo img {
    max-height: calc(80px - 2rem) !important;
}
@media(min-width:768px){
    header a#logo {
        min-width: unset !important;
    }
    header a#logo img {
        max-height: calc(80px - 2rem) !important;
    }
}
@media(min-width:992px){
    header a#logo img {
        max-height: calc(80px - 1.875rem) !important;
    }
}
@media(min-width:1400px){
    header .container,
    header .container-fluid {
        max-width: 1360px !important;
    }
}

/* ==============================
   Content Toolbar
============================== */

header .content-toolbar .content-toolbar-inner > ul > li > a {
    color: var(--bs-light);
}
header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:hover > span,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > span {
    color: var(--bs-primary);
}
@media(max-width:767px){
    header .content-toolbar .content-toolbar-inner > ul > li.item-search {
        position: static !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search > .dropdown-menu.menu-search {
        /* box-shadow: 0 2000px 0 2000px rgba(var(--bs-dark-rgb),0) !important; */      
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search:hover > .dropdown-menu.menu-search,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search > .dropdown-menu.menu-search.show {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
        /* box-shadow: 0 2000px 0 2000px rgba(var(--bs-dark-rgb),0.8) !important; */
        box-shadow: 0 50px 50px rgba(var(--bs-dark-rgb),0.2) !important;
        max-height: 999px !important;
        transition: all 0.3s ease-out 0.1s !important;
    }
}

/* ==============================
   Navigation
============================== */

nav.navbar .navbar-nav .nav-item .nav-link {
    color: var(--bs-light);
}
nav.navbar .navbar-nav .nav-item .nav-link:hover,
nav.navbar .navbar-nav .nav-item .nav-link:focus,
nav.navbar .navbar-nav .nav-item:hover .nav-link,
nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link {
    color: var(--bs-primary);
}

@media(max-width:991px){
    nav.navbar #main-navigation {
        background: var(--bs-secondary);
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-dark-rgb),0.0) !important;
    }
    body.nav-right-open nav.navbar #main-navigation,
    body.nav-right-back-open nav.navbar #main-navigation {
        box-shadow: -2500px 0 0 2500px rgba(var(--bs-dark-rgb),0.8) !important;
    }
    body.nav-left-open nav.navbar #main-navigation,
    body.nav-left-back-open nav.navbar #main-navigation {
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-dark-rgb),0.8) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn i,
    nav.navbar #main-navigation .mobile-top .input-group .form-control,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.show > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: var(--light);
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn:hover i,
    nav.navbar #main-navigation .mobile-top .input-group .btn:focus i,
    nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus {
        color: var(--light);
        opacity: 0.5 !important;
    }
    nav.navbar ul.navbar-nav .dropdown.show>.dropdown-menu {
        background: var(--bs-section-default-inset) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        background: rgba(0,0,0,0.1);
    }
    nav.navbar #main-navigation .mobile-top-toolbar {
        list-style: none;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
        border-color: var(--light);
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: var(--light);
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover,
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus {
        background: var(--light) !important;
        border-color: var(--light) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover i,
    nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus i {        
        color: var(--primary) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons {
        background: var(--light);
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn {
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: auto;
    }
    nav.navbar .navbar-collapse .mobile-container .btn-close {
        filter: brightness(1) invert(1);
    }
}

@media(min-width:992px){
    nav.navbar {
        width: auto !important;
        flex: 1 !important;
    }
    nav.navbar .navbar-nav .nav-item {    
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        text-align: center;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        line-height: 1;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-top: calc(var(--bs-gutter-x, 0.625rem) * 1);
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 2);
    }
}

/* ==============================
   Footer
============================== */
footer {
    background: var(--bs-secondary);
    border-top: 0 !important;
}
footer .subscribe-widget-xl form label {
    margin-top: 0;
}

footer .footerlinks a {
    display: flex !important;
}

footer .footerlinks a > i {
    margin-right: 0.125rem;
    width: 18px;
    height: 18px;
}

footer .required-links li a {
    font-size: 14px !important;
}

footer .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 
footer .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-radius: 4px 0 0 4px !important;
    padding-left: 1.25rem !important;
}

footer .input-group > input.form-control + .input-group-btn > .btn {
    border-radius: 0 4px 4px 0 !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) !important;
    }
}

/* ==============================
   Other
============================== */

[data-pagebuilder="section"] [data-pagebuilder="column"] .widget .content-block {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/* ==============================
   PageBuilder Slider
============================== */

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav {
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: -45px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 70px !important;
    height: 45px !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button > i {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:hover,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:focus {
    background: var(--dark) !important;
    border-color: var(--dark) !important;
    color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button > i {
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button.disabled {
    opacity: 0.25 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-next {
    right: 0 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-prev > i {
    transform: translateX(-1px) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-next > i {
    transform: translateX(1px) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

@media(min-width:1200px){
    [data-pagebuilder="section"] [data-widget-type="slider"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ==============================
    Widgets
============================== */

[data-pagebuilder="section"] .widget [data-widget-url] + .content-block {
    padding-top: 0.875rem;
}

/* ==============================
    Social Widgets
============================== */

.widget-social-carousel-post .social-link,
.widget-social-carousel-post .social-heading,
.widget-social-carousel-post .social-interaction,
.widget-social-carousel-post .social-interactions {
    display: none !important;
}

.widget-social-carousel-post .social-description {
    margin-bottom: 0 !important;
}

/* ==============================
   Banner Helpers
============================== */

[data-pagebuilder="section"].citrine-banner {
    padding: 0 !important;
}
[data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] {
    padding: 0 !important;
}
[data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] > [data-pagebuilder="row"] {
    margin: 0 !important;
}
[data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    padding: 0 !important;
    flex-direction: column;
}
[data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] > [data-pagebuilder="widget"] {
    /**/
}
[data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] > [data-pagebuilder="widget"].text-box-container .content-block {
    padding-top: 30px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
@media(min-width:1200px){
    [data-pagebuilder="section"].citrine-banner {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}
@media(min-width:1200px){
    [data-pagebuilder="section"].citrine-banner > [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] > [data-pagebuilder="widget"].text-box-container .content-block {
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
}