/**
 * Theme Name: Dual Pro Child
 * Description: Dual Pro Child Theme
 * Author: Dual Interactive, LLC
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
    --trickyScale: 1;
    --ct-header-trigger-size: 60px;
    --theme-block-max-width: var(--stk-block-wide-width);
    --theme-transition-duration: 0.3s;
    --theme-transition-delay: 0.3s;
    --theme-transition-easing: cubic-bezier(0.76, 0, 0.24, 1);
    /* https://easings.net */
}


/* Header
----------------------------------------------- */

[data-header] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background-color: var(--theme-header-middlerow-backgroundcolor-transparent);
}

[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background-color: var(--theme-header-middlerow-backgroundcolor-sticky);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* Header Menu
----------------------------------------------- */

[data-menu*="type-2"] {
    height: auto;
}

[data-header] .ct-header [data-id*="menu"] > ul > li > a {
    --menu-indicator-y-position: -0.5em;
}

[data-header] .menu > li > .ct-menu-link {
    --menu-item-padding: 0px 10px;
}

[data-header] .menu > li.menu-item-has-children > a:after {
    content: none !important;
}




[data-header] .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li > a {
    --theme-link-initial-color: var(--theme-header-menu-fontcolor-transparent-default);
}

[data-header] .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li:hover > a {
    --theme-link-hover-color: var(--theme-header-menu-fontcolor-transparent-hover);
}

[data-header] .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li:hover > a:after {
    background-color: var(--theme-header-menu-indicatorcolor-transparent-hover);
}

[data-header] .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li[class*=current-menu-] > a {
    --theme-link-active-color: var(--theme-header-menu-fontcolor-transparent-active);
}

[data-header] .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li[class*=current-menu-] > a:after {
    background-color: var(--theme-header-menu-indicatorcolor-transparent-active);
}

[data-header]:not(.has-scrolled) .ct-header [data-transparent-row="no"][data-row*="middle"] {
    --theme-box-shadow: none;
}

/* locomotive has-scrolled */
[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li > a {
    --theme-link-initial-color: var(--theme-header-menu-fontcolor-sticky-default);
}

[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li:hover > a {
    --theme-link-hover-color: var(--theme-header-menu-fontcolor-sticky-hover);
}

[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li:hover > a:after {
    background-color: var(--theme-header-menu-indicatorcolor-sticky-hover);
}

[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li[class*=current-menu-] > a {
    --theme-link-active-color: var(--theme-header-menu-fontcolor-sticky-active);
}

[data-header].has-scrolled .ct-header [data-sticky*="yes"] [data-id*="menu"] > ul > li[class*=current-menu-] > a:after {
    background-color: var(--theme-header-menu-indicatorcolor-sticky-active);
}


/* Header Menu - Trigger
----------------------------------------------- */

.ct-header-trigger .ct-icon,
.ct-header-trigger .ct-icon rect {
    width: var(--ct-header-trigger-size);
}

.ct-header-trigger .ct-icon rect {
    height: 3px;
}

.ct-header-trigger .ct-icon rect:nth-child(1) {
    y: 0.0;
}

.ct-header-trigger .ct-icon rect:nth-child(3) {
    y: 11.0;
}

.ct-header-trigger .ct-icon rect:nth-child(2) {
    display: none !important;
}

.ct-header-trigger:hover .ct-icon rect:nth-child(1) {
    y: -2.0;
}

.ct-header-trigger:hover .ct-icon rect:nth-child(3) {
    y: 13.0;
}

.ct-header-trigger[aria-expanded=true] .ct-icon {
    opacity: 0;
}

.ct-header-trigger[aria-expanded=true] .ct-icon rect {
    transform: none !important;
    width: var(--ct-header-trigger-size) !important;
}

[data-header] .ct-header-trigger .ct-icon {
    fill: var(--theme-header-trigger-iconcolor-transparent-default);
}

[data-header] .ct-header-trigger:hover .ct-icon {
    fill: var(--theme-header-trigger-iconcolor-transparent-hover);
}

[data-header].has-scrolled .ct-header-trigger .ct-icon {
    fill: var(--theme-header-trigger-iconcolor-sticky-default);
}

[data-header].has-scrolled .ct-header-trigger:hover .ct-icon {
    fill: var(--theme-header-trigger-iconcolor-sticky-hover);
}


/* Mega Menu
----------------------------------------------- */

nav > ul > .ct-mega-menu-custom-width:not([data-submenu]) {
    position: relative;
}


/* Main Menu - Offcanvas Panel
----------------------------------------------- */

#offcanvas[data-behaviour=modal] {
    align-items: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: scroll;
}

#offcanvas[data-behaviour=modal] .ct-panel-content[data-device=desktop] {
    justify-content: flex-start;
    padding-bottom: calc(var(--scroll-margin-top-offset)*var(--trickyScale));
}

#offcanvas[data-behaviour=modal] .ct-panel-content[data-device=desktop] .ct-panel-content-inner {
    flex-direction: row;
    align-items: center;
    padding: 0;
    overflow: visible;
}

#offcanvas[data-behaviour=modal] .ct-panel-content[data-device=desktop] .ct-panel-content-inner > * {
    width: 50%;
}

#offcanvas[data-behaviour=modal] > [class^=ct-panel] {
    width: var(--theme-container-width);
    max-width: var(--theme-normal-container-max-width);
    flex: 0 0 auto;
}

#offcanvas[data-behaviour=modal] .ct-panel-content-inner {
    height: 100%;
    --panel-padding: calc((100vw - var(--theme-container-edge-spacing))/2);
}

#offcanvas[data-behaviour=modal] .ct-header-content-block .entrance-animation-delay-sequence .stk-column-wrapper > .stk-inner-blocks > *:not(.mobile-menu),
#offcanvas[data-behaviour=modal] .ct-panel-content-inner > *:not(.mobile-menu) {
    opacity: 0;
    transition: opacity calc(var(--theme-transition-duration)*3) var(--theme-transition-easing);
}

#offcanvas[data-behaviour=modal].active .ct-header-content-block .entrance-animation-delay-sequence .stk-column-wrapper > .stk-inner-blocks > *:not(.mobile-menu),
#offcanvas[data-behaviour=modal].active .ct-panel-content-inner > *:not(.mobile-menu) {
    opacity: 1;
}

[class*=ct-toggle-close] {
    --theme-icon-size: 24px;
    inset-inline-end: calc(calc(var(--ct-header-trigger-size)/2) - calc(var(--theme-icon-size)/4));
}

@media (min-width: 1000px) {
    #offcanvas[data-behaviour=modal] {
        justify-content: center;
    }

    #offcanvas[data-behaviour=modal] .ct-panel-wrapper {
        transform: scale(var(--trickyScale));
    }

    #offcanvas[data-behaviour=modal] .ct-panel-actions {
        height: calc(var(--header-height)*var(--trickyScale));
        padding: 0;
    }

    #offcanvas[data-behaviour=modal] .ct-panel-content-inner {
        padding-top: 0;
    }
}

@media (max-width: 999.98px) {
    #offcanvas[data-behaviour=modal] > [class^=ct-panel] {
        display: flex;
        flex-direction: column;
        position: absolute;
        inset-block: 0;
        height: 100%;
    }

    #offcanvas[data-behaviour=modal] .ct-panel-actions {
        padding-left: 0;
        padding-right: 0;
        padding-top: 2em;
    }
}



/* Main Menu - Offcanvas Panel Animations
----------------------------------------------- */

#offcanvas[data-behaviour=modal] {
    transform: translate3d(0, -50%, 0);
    transition: all calc(var(--theme-transition-duration)*3) var(--theme-transition-easing) var(--theme-transition-delay);
}

#offcanvas[data-behaviour=modal].active {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
    z-index: 9999999;
}

[data-panel*=out] [data-behaviour=modal] .ct-panel-content,
[data-panel*=in] [data-behaviour=modal].active .ct-panel-content {
    animation-name: none;
}


/* Mobile Menu - Animations */
.mobile-menu > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mobile-menu ul > li,
.ct-social-box {
    overflow: hidden;
}

.ct-header.ct-panel .mobile-menu ul > li > :first-child,
.ct-header.ct-panel .ct-social-box a {
    opacity: 0;
    transition: transform calc(var(--theme-transition-duration)*3) var(--theme-transition-easing), opacity calc(var(--theme-transition-duration)*4) var(--theme-transition-easing);
}

.ct-header.ct-panel.active .mobile-menu ul > li > :first-child,
.ct-header.ct-panel.active .ct-social-box a {
    opacity: 1;
    transform: translateY(0px) !important;
}

[data-panel*=out] [data-behaviour=modal] .ct-panel-content,
[data-panel*=in] [data-behaviour=modal].active .ct-panel-content {
    animation-name: none;
}