/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: ESIRION
 * Template: blocksy
 * Text Domain: blocksy
 */

@import 'fonts.css';

:root {
    --theme-font-family: 'Work Sans', sans-serif !important;
    --theme-icon-size: 40px !important;
    --theme-icon-color:  #C88A00;
    --theme-icon-hover-color: white;
}

.ct-panel-content a {
    font-family: 'Bebas Neue', sans-serif !important;
    font-weight: 100 !important;
    font-size: 2rem !important;
}

#header [data-row] {
    position: unset !important;
}

.ct-header-trigger {
    position: absolute !important;
    right: 200px;
    top: 140px;

    @media(max-width: 1700px) {
        right: 100px;
    }

    @media(max-width: 1400px) {
        right: 50px;
    }

    @media(max-width: 580px) {
        top: calc(140px - 60px);
    }

    @media(max-width: 480px) {
        top: calc(140px - 90px);
    }
}

#offcanvas {
    top: 270px;
}

.entry-content {
    display: flex;
    flex-direction: column;
    gap: 100px;

   @media (max-width: 1100px) {
       gap: 40px;
   }
}

.ct-container-fluid {
    min-height: 0 !important;
}

.ct-panel-actions {
    display: none !important;
}

.ct-panel-content {
    position: absolute;
    right: 200px;
    top: -59px;
    width: 300px;
    padding: 0;

    @media(max-width: 1700px) {
        right: 100px;
    }

    @media(max-width: 1400px) {
        right: 50px;
    }

    @media(max-width: 580px) {
        top: calc(-59px - 60px - 10px);
    }

    @media(max-width: 480px) {
        top: calc(-59px - 90px - 15px);
    }
}

.ct-panel-content-inner {
    padding: 0 !important;
}

.ct-panel-inner {
    width: 0 !important;
}

.ct-menu-link {
    justify-content: flex-end !important;
}

.menu-item {
    margin: 30px 0 !important;

    @media(max-width: 580px) {
        margin: 20px 0 !important;
    }

    @media(max-width: 480px) {
        margin: 15px 0 !important;
    }

}

[data-header*="type-1"] [data-id="trigger"] {
    --theme-icon-size: unset !important;
}

[data-header*="type-1"] [data-id="mobile-menu"] {
    --theme-font-size: 25px !important;
}

body {
    background-color: black !important;
    color: white !important;
}

header [data-device="desktop"] {
    display: none;
}

header [data-device="mobile"] {
    display: block !important;
    width: 0;
}

#offcanvas [data-device="mobile"] {
    display: block !important;
}

#offcanvas [data-device="desktop"] {
    display: none !important;
}

h1, h2 {
    font-family: 'Bebas Neue' !important;
    white-space: nowrap;
}

h2 {
    font-weight: 100 !important;
}

.wp-block-columns {
    @media(max-width: 1100px) {
        /* align-items: flex-start; */
        gap: 40px;
    }
}

.wp-block-columns.column-reverse {
    @media(max-width: 1100px) {
        flex-direction: column-reverse;
    }
}


.wp-block-group .wp-block-group {
    margin-bottom: 40px;
}

.wp-block-group .wp-block-group:last-of-type {
    margin-bottom: 0;
}

.wp-block-group p, .wp-block-group {
    @media(max-width: 1100px) {
        width: 100%;
    }
}

.wp-block-group, .wp-block-columns {
    @media(max-width: 1100px) {
        margin-block-end: 0 !important;
    }
}

.wp-block-group:has(>.wp-block-group) {
    @media(max-width: 1100px) {
        display: flex !important;
        flex-direction: column;
        gap: 40px;
    }

}

[data-panel="out"] img {
    opacity: 1;
    transition: opacity 0.15s linear;
}

[data-panel="in:right"] img {
    transition: opacity 0.15s linear;

    @media(max-width: 800px) {
        opacity: 0.3 !important;
    }
}

[data-vertical-spacing*=top] {
    --theme-content-vertical-spacing: 0 !important;
}

.wp-block-spacer {
    @media(max-width: 1100px) {
        display: none !important;
    }
}