/**
 * Theme Name: Twenty Twenty Four Child Theme
 * Template:   twentytwentyfour
 * Version:    1.0.1
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:where(.wp-site-blocks *:focus) {
    outline: none;
}

body {
    background-color: #fff;
    
    &.single-post {
        --wp--style--global--content-size: 1300px;
        
        & main > div {
            padding-top: 3em !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            
            & .wp-block-post-featured-image {
                display: none;
            }
            
            &:first-child > div > div > div > div {
                & .wp-block-post-date time {
                    font-size: 1em;
                }
            }
            
            &:first-child {
                & > div > div > div > div > p,
                & .wp-block-post-author-name,
                & .taxonomy-category {
                    display: none;
                }
            }
            
            &:last-child {
                display: none;
            }
        }
    }
}

header {
    & > div.wp-block-group {
        background-color: #ddd !important;
    }
    
    & nav {
        & ul:focus,
        & li:focus,
        & a:focus,
        & span:focus,
        & ul:focus-visible,
        & li:focus-visible,
        & a:focus-visible,
        & span:focus-visible {
            outline: none;
        }
        
        & .wp-block-navigation__container {
            gap: 1.4em;
        }
        
        & a {
            font-size: 0.9em;
            font-weight: 500;
            letter-spacing: -0.04em;
        }
        
        & a[aria-current="page"] {
            font-weight: 600;
        }
        
        & .wp-block-navigation__submenu-container {
            min-width: 235px !important;
        }
    }
}

main {
    margin: 0 0;
    
    & #header {
        display: block;
        height: 25em;
        width: 100%;
        margin: 0 0;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        
        & > .wpb_column {
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
        }
        
        & .vc_column-inner,
        & .wpb_text_column,
        & .wpb_wrapper {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        & .vc_column-inner {
            padding: 0 0;
        }
        
        & .wpb_text_column > .wpb_wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: 100%;
            height: 100%;
        }
        
        & .wpb_text_column {
            margin: 0 0;
        }
        
        & h1,
        & h2,
        & p {
            display: block;
            width: fit-content;
            height: fit-content;
            margin: 0 0;
            line-height: 1;
        }
        
        & h1 {
            color: #fff;
            font-size: 2.4em;
            font-weight: 500;
        }
        
        & p {
            width: fit-content;
            max-width: 50%;
            margin: 1em 0 0 0;
            font-size: 0.95em;
            font-weight: 400;
            text-align: center;
            line-height: 1.2;
        }
    }
    
    & .wpb_text_column {
        margin: 0 0;
        
        & > .wpb_wrapper {
            & > h2 {
                margin: 0 0 1em 0;
                font-size: 1.3em;
                font-weight: 500;
            }
            
            & > p {
                margin: 0 0 1em 0;
                font-size: 0.9em;
                font-weight: 400;
            }
            
            & a:where(:not(.wp-element-button)) {
                color: #ee7623;
                font-weight: 500;
            }
        }
    }
    
    & .pdf-button {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 8.8em !important;
        height: 2.2em !important;
        margin: 0 0 0 auto !important;
        padding: 0 0 !important;
        background: #c5c5c5 !important;
        
        & > .wpb_wrapper,
        & > .wpb_wrapper > p,
        & > .wpb_wrapper > p > a {
            display: block !important;
            width: 100% !important;
            margin: 0 0 !important;
            padding: 0 0 !important;
        }
        
        & > .wpb_wrapper {
            font-size: unset !important;
        }
        
        & > .wpb_wrapper > p {
            color: #000 !important;
            font-size: 0.82em !important;
            font-weight: 500 !important;
            text-align: center !important;
            letter-spacing: unset !important;
        }
        
        & > .wpb_wrapper > p > a {
            color: #000 !important;
            font-weight: 500 !important;
            line-height: 2.6em !important;
            text-align: center !important;
            text-decoration: none !important;
            letter-spacing: unset !important;
            background: #c5c5c5 !important;
            transition: 0.25s !important;
            
            &:hover {
                background: #ee7623 !important;
            }
        }
    }
    
    & .vc_tta-container {
        margin: 0 0;
        
        & .vc_tta-panel,
        & .vc_tta-panel.vc_active {
            & .vc_tta-panel-heading {
                border-radius: 0;
                border: none;
                
                & h4 {
                    font-size: 1em;
                    font-weight: 500;
                }
                
                & .vc_tta-panel-title > a,
                & .vc_tta-controls-icon,
                & .vc_tta-controls-icon:before {
                    color: #000;
                }
            }
            
            & .vc_tta-panel-body {
                padding: 1em 3em;
                border-radius: 0;
                border: none;
                background-color: #eee;
                
                & .vc_row {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    
                    &:last-child {
                        margin: 0 0;
                    }
                    
                    &:not(:last-child) {
                        margin: 0 0 0.8em 0;
                    }
                    
                    & .vc_column-inner {
                        padding: 0 0;
                    }
                }
                
                & .wpb_text_column p {
                    margin: 0 0;
                    font-size: 1em;
                    font-weight: 400;
                    letter-spacing: -0.03em;
                }
            }
        }
        
        & .vc_tta-panel.vc_active .vc_tta-panel-heading {
            background-color: #eee !important;
            
            &:hover {
                background-color: #eee !important;
            }
        }
        
        & .vc_tta-panel:not(.vc_active) .vc_tta-panel-heading {
            background-color: #ddd !important;
            
            &:hover {
                background-color: #eee !important;
            }
        }
    }
    
    & .wpb-content-wrapper > .vc_row {
        margin: 0 0;
    }
    
    & .wpb_wrapper .wpb_raw_code {
        margin-bottom: unset;
    }
    
    & #awesomeness-form-img {
        width: 100%;
        max-width: 800px;
        margin: 0 auto 1em auto;
        
        & img {
            width: 400px;
            height: auto;
            margin-left: -55px;
        }
    }
}

footer > .wp-block-group {
    padding: 3em 0 !important;
}