/*!
 * Pearl - Master
 * Copyright 2025 Punchmark
 */

/* ==============================
   General
============================== */

.btn-primary {
    color: var(--bs-dark) !important;
}

.btn-clear {
    background: transparent !important;
}

.btn-clear.btn-link::after {
    content: none !important;
}

.btn-link {
    min-height: auto !important;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: var(--bs-primary-400) !important;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-weight: 500 !important;
}

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

.alert-global {
    background: var(--bs-primary) !important;
    color: var(--bs-dark) !important;
    font-weight: 300 !important;
    font-size: 15px !important;
}

.alert-global a {
    color: var(--bs-dark) !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

.alert-global .btn-close-white {
    filter: none !important;
}

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

.toolbar {
    background: var(--bs-section-default-inset) !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.toolbar .toolbar-item i + span {
    margin-left: 8px !important;
}

.toolbar .toolbar-inner {
    /*
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    */
}

.toolbar .toolbar-inner a, 
.toolbar .toolbar-inner span {
    font-size: 1rem !important;
    color: var(--bs-p-color) !important;    
    opacity: 1 !important;
}

.toolbar .toolbar-inner > ul > li > a:hover, 
.toolbar .toolbar-inner > ul > li > a:focus, 
.toolbar .toolbar-inner > ul > li > a:hover i, 
.toolbar .toolbar-inner > ul > li > a:focus i,
.toolbar .toolbar-inner > ul > li > a:hover span,
.toolbar .toolbar-inner > ul > li > a:focus span {
    color: var(--bs-primary-400) !important;
    opacity: 1 !important;
}


.toolbar.top .dropdown-menu .dropdown-divider {
    border-color: rgba(0,0,0,0.1) !important;
}

.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    border-color: rgba(0,0,0,0.1) !important;
    border-top: 0px !important;
    background: var(--bs-section-default-inset) !important;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1) !important;
    margin-top: 0 !important;
}
.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu > div.px-10 {
    padding: 0 !important;
}

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

header {
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    background: var(--bs-section-default-bg) !important;
}

header a#logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

header a#logo img, 
header a#logo svg {
    width: 100%;
    height: auto;
} 

header > .main-content > .row > .col {
    min-height: 80px !important;
    height: 80px !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important; 
}

header .content-toolbar {
    width: auto !important;
}

header .content-toolbar.left {
    margin-right: auto !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a {
    color: var(--bs-p-color) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus, 
header .content-toolbar .content-toolbar-inner > ul > li > a:hover i, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus i {
    color: var(--bs-primary-400) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    transform: translateY(-1px) !important;
}

@media (min-width: 992px) {  
    header a#logo {
        position: absolute;
        left: 50%;
        margin: 0 !important;
    }
    header .content-toolbar {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 991px) {
    header a#logo {
        width: calc(100% - 200px) !important;
        max-width: 275px !important;
    }
    header .content-toolbar {
        margin: 0 !important;
    }
    header .content-toolbar.left {
        padding-left: 0.25rem !important;
    }    
    header .navbar-toggler {
        position: relative !important;
        padding: 0.625rem !important;
        height: 100% !important;
    }
    header .navbar-toggler:not(.collapsed) .navbar-toggler-icon > span {
        box-shadow: 0 0 0 0.01rem currentColor !important;
    }
}






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

nav.navbar #main-navigation .mobile-container .mobile-top {
    display: flex;
    flex-flow: column wrap;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-search,
nav.navbar #main-navigation .mobile-container .mobile-bottom {
    display: none !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar {
    margin-top: auto;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar a {
    line-height: 1.05 !important;
    box-shadow: none;
    font-weight: 400 !important;
    font-size: 15px !important;
}
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a {
    justify-content: flex-start !important;
    color: var(--bs-light) !important
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i {
    display: inline !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:hover,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:focus,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:hover i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:focus i {
    color: var(--bs-primary-400) !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
    color: var(--bs-dark) !important;
    line-height: 1 !important;
}

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

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link, 
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link, 
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:active .nav-link,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link > i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link > i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:active .nav-link > i {
    color: var(--bs-primary-400) !important; 
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
    background: var(--bs-input-bg-color) !important;
    border-color: var(--bs-input-border-color) !important;
}

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

@media (min-width: 992px) {  
    nav.navbar {
        position: relative;
        width: calc(100% + 1.25rem) !important;
        max-width: calc(100% + 1.25rem) !important;
        margin-left: -0.625rem !important;
        margin-right: -0.625rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu {
        padding: 0 !important;
    }
    /* Nav Currency Switcher */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img {
        max-width: 32px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + .currency-switcher-country {
        margin-left: 0.625rem !important;
        text-transform: none !important;
    }
    /* Nav Main Links */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links {
        justify-content: space-between !important;
        padding: 0 1.25rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav.navbar-left {
        /*justify-content: space-between;*/
        justify-content: flex-start !important;
        padding-left: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav.navbar-right {
         /*justify-content: space-between;*/
        justify-content: flex-end !important;
        padding-right: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        padding: 0.3125rem !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        border-bottom: 10px solid var(--bs-primary) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .menu-cart-buttons {
        padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem !important;
    }
}

@media(min-width:1200px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links {
        padding: 0 1.875rem !important;
    }
}

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

@media (max-width: 991px) {
    nav.navbar #main-navigation { 
        width: 100% !important;
        background: var(--bs-primary) !important;
    }    
    nav.navbar .navbar-collapse .mobile-container {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }
    nav.navbar #main-navigation .mobile-container .btn-close {
        box-shadow: none !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        padding: 0 !important;
        margin: 0.625rem !important;
    }
    /* Nav Tools */
    nav.navbar .navbar-collapse .mobile-container .mobile-top {
        background: var(--bs-section-default-inset) !important;
        padding-bottom: 2.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar {
        flex: 1 !important;
        border-top: 10px solid var(--bs-primary) !important;
        height: 100% !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item {
        color: var(--bs-p-color) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a {
        justify-content: flex-start !important;
        font-family: var(--bs-h3-family) !important;
        text-transform: var(--bs-h3-transform) !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        color: var(--bs-dark) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i {
        display: inline-flex !important;
        width: 24px !important;
        height: 24px !important;
        margin-right: 3px !important;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 14px !important;
        color: currentColor !important;
        border: 1px solid currentColor !important;
        border-radius: 50% !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i + span {
        display: inline !important;
        margin-left: 7px !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-wishlist, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-premium-global-cart-toggle {
        display: block !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu {
        padding: 0.3125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-2,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-3,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-10 {
        padding: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after {
        font-family: var(--bs-icon-font) !important;
        content: "\e909" !important;
        transform: rotate(0deg) !important;
        margin-left: 8px !important;
        margin-right: auto !important;
        -webkit-text-stroke-width: 0 !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.show .dropdown-toggle::after, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.menu-open .dropdown-toggle::after {
        transform: rotate(-180deg) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .input-group {
        border: 0 !important;
        border-radius: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .menu-cart-buttons {
        padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem !important;
    }
    /* Nav Currency Switcher */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img {
        width: 24px !important;
        height: 24px !important;
        object-fit: cover !important;        
        border: 1px solid currentColor !important;
        border-radius: 50% !important;
        overflow: hidden !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + span,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + .currency-switcher-country {
        margin-left: 0.625rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .currency-switcher-value {
        /**/
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .menu-currency-switcher {
        padding: 0.3125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .menu-currency-switcher img {
        border: 1px solid rgba(0,0,0,0.1) !important;
        border-radius: 2px !important;
        overflow: hidden !important;
        width: auto !important;
        object-fit: auto !important;  
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-search .input-group .form-control {
        color: var(--bs-h2-color) !important;
    }
    /* Nav Main-Links */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav {
        border-bottom: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        width: auto !important;
        font-family: var(--bs-h2-family) !important;
        font-weight: var(--bs-h2-weight) !important;
        text-transform: var(--bs-h2-transform) !important;
        font-size: 30px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        position: relative !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown:first-child,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-item, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-submenu, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .mobile-dropdown {
        border-top: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .nav-link-and-plus-wrap {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
        padding-top: 0.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        background: var(--bs-section-default-inset) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu {
        padding-bottom: 1rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        padding-bottom: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }
    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent {
        font-family: var(--bs-h2-family) !important;
        font-weight: var(--bs-h2-weight) !important;
        text-transform: var(--bs-h2-transform) !important;
        font-size: 20px !important;
        padding-right: 0 !important;
        padding-left: 1.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .nav-link,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent {
        width: auto !important;        
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus {
        flex: 1 !important;
        justify-content: flex-start !important;
    }

    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-submenu.show .nav-link-and-plus-wrap .dropdown-plus > i::before {
        content: "\e909" !important;
        height: 20px !important;
        width: 20px !important;
        font-size: 20px !important;
        transition: none !important;
        transform-origin: center !important;
        -webkit-text-stroke-width: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: rotate(0deg) !important;
        transition: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: rotate(180deg) !important;
        transition: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link::before {
        content: "" !important;
        position: absolute !important;
        bottom: 0.875rem !important;
        left: 50% !important;
        width: 0 !important;
        height: 3px !important;
        background: var(--bs-primary-400) !important;
        transform: translateX(-50%) !important;
        transform-origin: center !important;
        transition: width 0.3s ease-in-out !important;   
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link:focus::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.show .nav-link::before {
        width: 100% !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown-is-open {
        color: var(--bs-primary-400) !important;
    }
}

/* ==============================
   Footer
============================== */

footer {
    border-top: 10px solid var(--bs-primary) !important;  
}

footer .footer-section .container-fluid {
    background: var(--bs-secondary) !important;
    width: calc(100% + 1.25rem) !important;
    max-width: calc(100% + 1.25rem) !important;
    margin-left: -0.625rem !important;
    margin-right: -0.625rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

footer h6, 
footer .h6 {
    color: var(--bs-p-color) !important;
    text-transform: var(--bs-h2-transform) !important;
    font-weight: var(--bs-h2-weight) !important;
    letter-spacing: var(--bs-h2-letter-spacing) !important;
}

footer p,
footer p a,
footer address,
footer address *,
footer .footerlinks li a,
footer p.copyrights,
footer p.copyrights * {
    color: var(--bs-p-color) !important;
}

footer address {
    display: block !important;
    text-align: center !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
}

footer address a,
footer address a * {
    font-weight: 500 !important;
}

footer address .location-link {
    display: none !important;
}

footer div.logo {
    margin-top: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: flex-start !important;
}

footer div.logo img {
    max-width: 240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

footer .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

footer [data-bs-toggle="collapse"] {
    pointer-events: auto !important;
    width: 100% !important;
}
footer [data-bs-toggle="collapse"] + div {
    width: 100% !important;
}

footer [data-bs-toggle="collapse"]:not(.collapsed) h6::after,
footer [data-bs-toggle="collapse"]:not(.collapsed) .h6::after {
    transform: rotate(180deg) !important;
}

footer [data-bs-toggle="collapse"].collapsed h6::after,
footer [data-bs-toggle="collapse"].collapsed .h6::after {
    transform: rotate(0deg) !important;
}

footer [data-bs-toggle="collapse"]::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -0.625rem !important;    
    width: calc(100% + 1.25rem) !important;
    background: var(--bs-p-color) !important;
    height: 1px !important;
    opacity: 0.2 !important;
}

footer [data-bs-toggle="collapse"] h6, 
footer [data-bs-toggle="collapse"] .h6 {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    font-family: var(--bs-p-family) !important;
    text-transform: none !important;
    align-items: flex-end !important;
}

footer [data-bs-toggle="collapse"] h6::after, 
footer [data-bs-toggle="collapse"] .h6::after {
    font-size: 17px;
    margin-left: 0.625rem;
    content: var(--bs-icon-desc) !important;
}

footer .footerlinks li a {
    display: block !important;
    padding: 0.3125rem 0 !important;
    opacity: 1 !important;
    transition: opacity 0.2s linear !important;
    text-decoration: none !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

footer .footerlinks li a:hover, 
footer .footerlinks li a:focus, 
footer .footerlinks li a:active {
    color: var(--bs-p-color) !important;
    opacity: 0.7 !important;
}

footer .social-networks {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; 
}

footer .social-networks .network {
    margin-top: 10px !important;
    color: var(--bs-dark) !important;
    width: 24px !important;
    height: 24px !important;
}

footer .social-networks .network:hover, 
footer .social-networks .network:focus, 
footer .social-networks .network:active {
    color: var(--bs-primary-400) !important;   
}

footer .subscribe-widget-xl {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

footer .subscribe-widget-xl form > div {
    display: block !important;
}

footer .subscribe-widget-xl form > div p {
    margin: 0 !important;
    display: block !important;
    font-size: 0.875rem !important;
    width: 100% !important;
    text-align: left !important;
}

footer .subscribe-widget-xl form > div label {
    margin: 0 !important;
    display: block !important;
    font-size: var(--bs-h6-size) !important;
    width: 100% !important;
    text-align: left !important;
    top: unset !important;
}

footer .subscribe-widget-xl form > div > .d-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

footer .subscribe-widget-xl form .input-group {
    max-width: 100% !important;
    padding-left: 0 !important;
    margin-top: 1.25rem !important;
}

footer .subscribe-widget-xl form .input-group .form-control {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border: 0 !important;
    background: rgba(0,0,0,0.05) !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb),0) !important;
    color: var(--bs-p-color) !important;
    font-weight: 500 !important;
}

footer .subscribe-widget-xl form .input-group .form-control::placeholder {
    color: var(--bs-p-color) !important;
    opacity: 0.65 !important;
    font-weight: 400 !important;
}

footer .subscribe-widget-xl form .input-group .form-control:focus {
    border: 0 !important;
    background: rgba(0,0,0,0.1) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),0.5) !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn {
    padding-left: 0.625rem !important;
    padding-right: 0 !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn > .btn {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

footer p.copyrights {
    text-align: left !important;
}

@media (max-width: 767px) {
    footer div.logo.d-flex.d-md-none {
        position: relative !important;
        padding-top: 30px !important;
    }
    footer div.logo.d-flex.d-md-none::after {
        content: '';
        position: absolute;
        top: 0 !important;
        left: -1.25rem !important;    
        width: calc(100% + 2.5rem) !important;
        background: var(--bs-p-color) !important;
        height: 1px !important;
        opacity: 0.2 !important;
    }
    footer .subscribe-widget-xl form .input-group {
        flex-wrap: wrap !important;
    }
    footer .subscribe-widget-xl form .input-group .form-control{
        text-align: center !important;
    }
    footer .subscribe-widget-xl form .input-group input,
    footer .subscribe-widget-xl form .input-group .input-group-btn,
    footer .subscribe-widget-xl form .input-group .input-group-btn > .btn {
        width: 100% !important;
        margin: 0 !important;
    }
    footer .subscribe-widget-xl form .input-group .input-group-btn {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0.625rem !important;
    }
    footer .subscribe-widget-xl form .input-group .input-group-btn > .btn {
        min-height: 64px !important;
        padding: 0.5rem 3rem !important;
        font-size: 1.13rem !important;
    }
    footer p.copyrights {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) {
    footer {
        padding-top: 0px !important;
    }
    footer .row > [class*="col-"] {
        justify-content: center !important;
    }
    footer .footer-section .container {
        padding-top: 60px !important;
    }
    footer > .footer-section > .container > .row > .col-md-auto {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    footer div.logo {
        justify-content: center !important;
    }    
    footer address.d-md-flex {
        display: block !important;
    }
    footer .footerlinks li a {
        text-align: center !important;
    }    
    footer [data-bs-toggle="collapse"] {
        pointer-events: none;
        display: none !important;
    }
    footer [data-bs-toggle="collapse"] h6, 
    footer [data-bs-toggle="collapse"] .h6 {
        justify-content: flex-start !important;
    }
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        margin-left: auto !important;
        height: 25px !important;
        transform: rotate(180deg) !important;
    }
    footer .social-networks {
        margin-top: 1.25rem !important;
        margin-bottom: 0 !important;
        justify-content: center !important;
    }
    footer p.copyrights {
        margin-top: 60px !important;
        text-align: center !important;
    }
    footer .subscribe-widget-xl form > div p,
    footer .subscribe-widget-xl form > div label {
        text-align: left !important;
    }
    footer .subscribe-widget-xl form > div {
        width: 100% !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        justify-content: space-between !important;
    }
    footer .subscribe-widget-xl form .input-group {
        margin-top: 0 !important;
        padding-left: 1.25rem !important;
    }
    footer .subscribe-widget-xl form .input-group .input-group-btn > .btn {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media(min-width:1200px){
    footer .subscribe-widget-xl {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important;
        max-width: 1140px !important;
    }
}

@media(min-width:1400px){
    footer .subscribe-widget-xl {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        max-width: 1340px !important;
    }
}


/* ==============================
    Footer Acccessibility
============================== */

footer a:focus-visible {
    outline: 2px dashed var(--bs-light);
    outline-offset: 2px;
}

/* ==============================
   Multi-colored Backgrounds
============================== */

@media (min-width: 768px) {
    section[data-pagebuilder="section"].two-color::before,
    section[data-pagebuilder="section"].category-slider::before,
    section[data-pagebuilder="section"].staff-slider::before  {
        content: '' !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        background: var(--bs-section-default-bg) !important;
        height: 100% !important;
        width: 33% !important;
        z-index: 1 !important;
    }
    section[data-pagebuilder="section"].two-color [data-pagebuilder="section-container"],
    section[data-pagebuilder="section"].category-slider [data-pagebuilder="section-container"],
    section[data-pagebuilder="section"].staff-slider [data-pagebuilder="section-container"] {
        position: relative !important;
        z-index: 2 !important;
    }
}

/* ==============================
   Column Slider Arrows
============================== */

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav button.owl-prev,
section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav button.owl-next,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav button.owl-prev,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav button.owl-next {
    background: none !important;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav {
    position: absolute;
    top: -50px;
    right: 0.625rem;
    width: 60px;
    left: auto;
    transform: none !important;
    height: 40px;
    bottom: auto;
    opacity: 1 !important;
    visibility: visible;
    display: flex;
    justify-content: space-between;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav.disabled,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav.disabled {
    display: none;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-prev,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-prev {
    width: 30px !important;
    height: 40px !important;
    left: 0 !important;
}
section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-next,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-next {
    width: 30px !important;
    height: 40px !important;
    right: 0 !important;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-prev i,
section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-next i,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-prev i,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-next i {
    width: 30px !important;
    height: 40px !important;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-prev i::before,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-prev i::before {
    content: '' !important;
    border: 15px solid var(--bs-primary) !important;
    border-left: 10px solid transparent !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    transform: translateX(-7.5px) !important;
}

section[data-pagebuilder="section"] [data-slider-id].owl-carousel .owl-nav .owl-next i::before,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-nav .owl-next i::before {
    content: '' !important;
    border: 15px solid var(--bs-primary) !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    transform: translateX(7.5px) !important;
}

/* ==============================
    Pearl Hero Banner
============================== */

section[data-pagebuilder="section"].pearl-banner,
section[data-pagebuilder="section"].pearl-banner [data-pagebuilder="section-container"],
section[data-pagebuilder="section"].pearl-banner [data-widget-type="slider"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

section[data-pagebuilder="section"].pearl-banner [data-widget-type="slider"] {
    transform: scale(1.2) !important;
    padding-top: calc(10vw + 10px) !important;
    padding-bottom: calc(10vw + 30px) !important;
}

section[data-pagebuilder="section"].pearl-banner [data-pagebuilder="row"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

section[data-pagebuilder="section"].pearl-banner [data-pagebuilder="row"]:nth-child(1) {
    position: relative !important;
    z-index: 5 !important;
}

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

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-item {
    transform: scale(0.9) !important;
    opacity: 0 !important;
    transition: all 0.5s ease !important;
}

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-item.active {
    opacity: 1 !important;
}

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-item.active.center {
    transform: scale(1.1) !important;
}

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-dots {
    display: none !important;    
}

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav {
    bottom: -9vw !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    justify-content: center !important;
    height: 20px !important;
    opacity: 1 !important;
    transform: none !important;
}

section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav button {
    position: relative !important;
}

@media (min-width:575px) {
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav {
        bottom: -7.5vw !important;
    }
}

@media (min-width:768px) {
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav {
        bottom: -6.5vw !important;
    }
}

@media (min-width:992px) {
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav {
        bottom: -6vw !important;
    }
}

@media (min-width:1200px) {
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-nav {
        bottom: -55px !important;
    }
    section[data-pagebuilder="section"].pearl-banner [data-widget-type="slider"] {
        padding-top: calc(5vw + 10px) !important;
        padding-bottom: calc(5vw + 30px) !important;
    }
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-item:not(.active), 
    section[data-pagebuilder="section"].pearl-banner [data-slider-id].owl-carousel .owl-item.active.center + .owl-item.active + .owl-item.active {
        opacity: 0 !important;
    }
}

/* ==============================
   Alt Section - Btn Links
============================== */

section[data-pagebuilder="section"].alt .btn-link:hover, 
section[data-pagebuilder="section"].alt .btn-link:focus,
section[data-pagebuilder="section"].alt .btn-link:active {
    color: var(--bs-secondary) !important;
}

/* ==============================
   Link Section - Wide (swap for btn-block)
============================== */

section[data-pagebuilder="section"].link-section-wide .btn {
    background-color: transparent !important;
    border-color: transparent !important;
}

section[data-pagebuilder="section"].inset.link-section-wide .btn:hover,
section[data-pagebuilder="section"].inset.link-section-wide .btn:focus,
section[data-pagebuilder="section"].inset.link-section-wide .btn:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-primary-400) !important;
}

section[data-pagebuilder="section"].alt.link-section-wide .btn:hover,
section[data-pagebuilder="section"].alt.link-section-wide .btn:focus,
section[data-pagebuilder="section"].alt.link-section-wide .btn:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-light) !important;
}

section[data-pagebuilder="section"].default.link-section-wide .btn:hover,
section[data-pagebuilder="section"].default.link-section-wide .btn:focus,
section[data-pagebuilder="section"].default.link-section-wide .btn:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-primary) !important;
}


/* ==============================
   Staff Slider
============================== */

section[data-pagebuilder="section"].staff-slider .staff-member-name {
    text-align: left !important;
    color: var(--bs-dark) !important;
    margin-top: 0.625rem !important;
}

section[data-pagebuilder="section"].staff-slider .staff-member-title {
   text-align: left !important;
   color: var(--bs-dark) !important;
   font-weight: 300 !important;
}

/* ==============================
   Prices Sections
============================== */

section[data-pagebuilder="section"].price-section [data-pagebuilder="row"] {
    justify-content: center !important;
}

section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] {
    font-size: 16px !important;
    line-height: 1 !important;
    text-transform: none !important;
    font-family: var(--bs-p-family) !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] > span {
    display: block !important;
    font-size: 35px !important;
    line-height: 1 !important;
    font-family: var(--bs-p-family) !important;
    font-weight: 400 !important;
}

section[data-pagebuilder="section"].price-section.alt [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"] {
    color: var(--bs-secondary) !important;
}

section[data-pagebuilder="section"].price-section.inset [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"],
section[data-pagebuilder="section"].price-section.default [data-pagebuilder="widget"] > [data-widget-url]:hover [data-widget-element="widgetHeader"] {
    color: var(--bs-primary-400) !important;
}

@media (max-width: 767px) {
    section[data-pagebuilder="section"].price-section {
        border-top: 1px solid var(--bs-dark) !important;
        border-bottom: 1px solid var(--bs-dark) !important;
    }
    section[data-pagebuilder="section"].price-section,
    section[data-pagebuilder="section"].price-section [data-pagebuilder="section-container"] {
        padding: 0 !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
        border-bottom: 1px solid var(--bs-dark) !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:nth-child(odd) {
        border-right: 1px solid var(--bs-dark) !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:last-child {
        border-bottom: 0 !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:nth-child(5):last-child {
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
        border-right: 1px solid var(--bs-dark) !important;
    }
    section[data-pagebuilder="section"].price-section [data-pagebuilder="column"]:last-child {
        border-right: 0 !important;
    }
}
@media (min-width: 992px) {
    section[data-pagebuilder="section"].price-section [data-widget-element="widgetHeader"] > span {
        font-size: 62px !important;
        font-weight: 300 !important;
    }
}

/* ==============================
   Three Icon Section
============================== */

section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"] {
    border-top: 1px solid var(--bs-dark) !important;
}

section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"]:first-child {
    border-top: none !important;
}

@media (min-width: 576px) {
    section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"] {
        border-right: 1px solid var(--bs-dark) !important;
        border-top: none !important;
    }
    section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"]:last-child {
        border-right: none !important;
    }
}

/* ==============================
    Testimonials Carousel 
============================== */

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-dots {
    display: none !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-stage-outer,
section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item {
    height: auto !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-stage {
    display: flex !important;
    align-items: flex-start !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .icon-star {
    margin-right: 10px !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .icon-star:before {
    content: '';
    background: url('https://cdn.jewelryimages.net/static/domains/pearl/images/store-pics/testimonial-star.svg') !important;
    background-size: 91% 91% !important;
    background-repeat: no-repeat;
    height: 30px !important;
    width: 30px !important;
    background-position: center center !important;
}

@media(max-width: 767px) {
    section[data-pagebuilder="section"] .testimonials-tiles-carousel .icon-star:before {
        height: 20px !important;
        width: 20px !important;
    }

}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .icon-star:last-child {
    margin-right: 0 !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item > div {
    background: var(--bs-secondary) !important;
    border: none !important;
    border-radius: 0 !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item .star-rating {
    order: 1 !important;
    margin-bottom: 7px !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item .review-description {
    order: 2 !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item>.d-flex {
    padding: 0 !important;
}   

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item>.d-flex .inner > .review-heading {
    order: 3 !important;
    margin: 6px 0 10px !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
}

section[data-pagebuilder="section"] .testimonials-tiles-carousel .owl-item>.d-flex .inner {
    overflow: visible !important;
    padding: 2rem !important;
    display: flex !important;
    flex-flow: column wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}