/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
 [data-header*="type-1"] .ct-header [data-row*="middle"],
 [data-header*="type-1"] .ct-header [data-row*="bottom"],
 [data-header*="type-1"] .ct-header [data-row*="top"],
 [data-footer*="type-1"] .ct-footer  {
    background-color: transparent !important;
 }
#main-container {
    display: grid !important;
    gap: 30px;
    width: 100%;
    grid-template-areas: 
    "menu content"
    "footer footer";
    grid-template-columns: 3fr 9fr;
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.site-main {
    padding-top: 60px;
    padding-bottom: 80px;
}
#header {
   grid-area: menu; 
}
@media(min-width: 999.99px) {
    .ct-header {
        height: 100vh;
        grid-area: menu;
        position: sticky !important;
        top: 80px;
        left: 0;
    }
}
.ct-header h1 {
    font-size: 20px !important;
    max-width: 300px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.site-main {
     grid-area: content;
}
.ct-footer {
    grid-area: footer;
}

.header-bio--buttons {
    display: flex;
    gap: 10px;
}

.wp-block-query ul li {
    list-style: none !important;
    padding: 0;
}
.wp-block-query ul {
    padding: 0 !important;
}
.wp-block-query ul li .wp-block-group {
    padding: 0 !important;
}

@media(max-width: 769px) {
     #main-container {
        grid-template-areas: 
        "menu menu"
        "content content"
        "footer footer";
        grid-template-columns: 3fr 9fr;
    }
    .ct-header div[data-row="bottom"]{
        display: none;
    }
    .ct-header {
       height: auto;
       top: 0;
    }
}