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

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

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    min-height: var(--theme-button-min-height);
    margin-block-end: 0.1em;
}

#header [data-device=mobile] [data-sticky*="yes"] {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-device=mobile][data-transparent] {
    position: fixed;
}

/* Get Tickets Button */
.ct-header-cta .ct-button {
    gap: 0;
    border: none !important;
}

button.get-tickets-button {
    cursor: pointer;
}

.ct-footer-socials .get-tickets-button {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--theme-link-initial-color);
    --theme-link-initial-color: var(--theme-palette-color-7);
    --theme-link-hover-color: var(--theme-palette-color-4);
}

.ct-footer-socials .get-tickets-button:hover {
    color: var(--theme-link-hover-color);
}

/* Mobile Menu - Offcanvas Panel
----------------------------------------------- */

[data-header*="type-1"] #offcanvas {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#offcanvas .ct-panel-actions {
    height: var(--header-height);
    margin-left: auto;
    --panel-padding: calc((100vw - var(--theme-container-edge-spacing))/2);
    padding-top: 0;
    z-index: 1;
}

#offcanvas .ct-panel-content {
    margin-top: calc(0px - var(--header-height));
}

#offcanvas .ct-panel-content-inner {
    height: 100%;
    --panel-padding: calc((100vw - var(--theme-container-edge-spacing))/2);
    padding-top: 0;
}

[data-header*="type-1"] [data-id="offcanvas-logo"] {
    margin-top: calc((var(--header-height) - var(--logo-max-height))/2) !important;
    margin-bottom: calc((var(--header-height) - var(--logo-max-height))/2) !important;
}

[data-header*="type-1"] [data-id="content-block"] {
    margin-top: auto !important;
    width: 100%;
}

/* Mobile Menu - Nav Items */
.mobile-menu li {
    align-items: flex-start;
}

/* Mobile Menu Subnav Items */
.mobile-menu [class*=children] > ul {
    margin-bottom: 0.5em;
}

.mobile-menu .ct-toggle-dropdown-mobile .ct-icon {
    --theme-icon-size: 20px;
}

/* Mobile Menu - Animations */
.mobile-menu ul > li,
.ct-social-box,
[data-header*="type-1"] [data-id="content-block"] .animate-in {
    overflow: hidden;
}

.ct-social-box {
    flex-direction: column;
}

.ct-header.ct-panel .mobile-menu ul > li > :first-child,
.ct-header.ct-panel .ct-social-box a,
[data-header*="type-1"] .ct-header.ct-panel [data-id="content-block"] .animate-in > :first-child {
    transition: all 0.5s ease-out;
}

.ct-header.ct-panel.active .mobile-menu ul > li > :first-child,
.ct-header.ct-panel.active .ct-social-box a,
[data-header*="type-1"] .ct-header.ct-panel.active [data-id="content-block"] .animate-in > :first-child {
    transform: translateY(0px) !important;
}

[data-device=mobile] [data-sticky*="yes"] {
    transition: background-color 0.25s ease-out;
}

[data-panel*=in] [data-device=mobile] [data-sticky*="yes"] {
    background-color: transparent;
}

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

.ct-panel-content .scale-in {
    opacity: 0;
    width: 0;
}

[data-panel*=in] [data-behaviour=modal].active .ct-panel-content .scale-in {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    animation-name: scale-in;
}

@keyframes scale-in {
    0% {
        opacity: 0;
        width: 0%;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

/* Footer Nav
----------------------------------------------- */

@media screen and (max-width: 999.98px) {

    [data-footer*="type-1"] .ct-footer [data-column="menu"],
    [data-footer*="type-1"] .ct-footer [data-column="socials"] {
        display: none;
    }
}