:root {
    --font-92: 92px;
    --font-64: 64px;
    --font-42: 42px;
    --font-32: 32px;
    --font-24: 24px;
    --font-14: 14px;
}
h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--main_font);
    color:var(--darker-accent);
    letter-spacing: 1;
}
p,
body {
    font-family: var(--sub_font);
    color:var(--darker-accent);
    letter-spacing: 0.5;
}
a,
a:hover,
input,
input:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    text-decoration: none;
}
h1 {
    font-size: var(--font-92);
}
h2 {
    font-size: var(--font-64);
}
h3 {
    font-size: var(--font-42);
}
h4 {
    font-size: var(--font-32);
}
h1.has-large-font-size {
    font-size: var(--font-64) !important;
}
h2.has-large-font-size {
    font-size: var(--font-64) !important;
}
p.has-large-font-size {
    font-size: var(--font-24) !important;
    font-family: var(--main_font);
    text-transform: uppercase;
}
.section_h_2 {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    width:100%;
}
body .is-layout-flex {
    width: 100%;
}
.wp-block-cover,
.wp-block-cover-image,
.wp-block-heading,
.wp-block-spacer {
    width:100%;
}
:where(.wp-block-columns) {
    margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__background {
    background-color: var(--darker-accent) !important;
}
.wp-element-button {
    border-radius: 0;
    border-width: 1px !important;
    border-color: var(--light-accent) !important;
    text-transform: uppercase;
    font-size: var(--font-14);
    display: inline-flex;
    width: auto !important;
}
.wp-element-button:hover {
    background:var(--light-accent);
    color:#fff;
}
:root :where(.wp-block-cover h2:not(.has-text-color)) {
    color:#fff;
}
p {
    strong {
        font-family: var(--main_font);
        font-size: var(--font-24);
        font-weight: 500;
    }
}
.wp-block-columns,
.wp-block-group {
    padding:0 15px
}
.wp-block-cover {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    * {
        width:100%;
        color:#fff;
    }
    .wp-block-buttons.is-content-justification-center  {
        .wp-block-button {
            display: inline-flex;
            width: auto;

        } 
    }
    .wp-block-buttons.is-content-justification-right  {
        .wp-block-button {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            width:100%
        } 
    }
    .wp-block-columns {
        padding:0 0;
    }
}
footer {
    background:var(--darker-accent);
    padding:15px 0px;
    text-align:center;
    * {
        color:#fff;
        font-size:var(--font-14);
    }
    p {
        margin-bottom:0;
        a {
            
        }
        a:hover {
            color:#fff;
        }
    }
}
header {
    position: absolute;
    top:0;
    left:0;
    padding:30px 0;
    z-index: 5;
    width: 100%;
    text-align: center;
    * {
        color:#fff;
        font-size:var(--font-14);
    }
    ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        li {
            display: inline-block;
            position: relative;
            margin:0 15px;
            a {
                text-transform: uppercase;
            }
            a:hover {
                border-bottom:solid thin #fff;
                color:#fff;
            }
            ul {
                display: none;
                position: absolute;
                background:#fff;
                width:300px;
                padding:15px;
                left:-15px;
                li {
                    width: 100%;
                    text-align: left;
                    a {
                        color: var(--darker-accent);
                    }
                    a:hover {
                        color: var(--darker-accent);
                    }
                }
            }
        }
        li:hover {
            ul {
                display: block;
            }
        }
    }
}
.upcoming_events {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 0 0 0;
}
.main_banner {
    .wp-block-cover__inner-container {
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 1200px) {
    .wp-block-group,
    .wp-block-columns,
    .wp-block-cover__inner-container {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding:0 15px;
    }
    .upcoming_events {
        .wp-block-group {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%; 
        }
        .wp-block-columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;  
        }
    }
    .wp-block-cover__inner-container {
        .wp-block-columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding:0 0px;
        }
    }
}

@media (min-width: 768px) {
    .wp-block-group,
    .wp-block-columns,
    .wp-block-cover__inner-container {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding:0 15px;
    }
    .upcoming_events {

        .wp-block-group {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%; 
        }
        .wp-block-columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;  
        }
    }
    .wp-block-cover__inner-container {
        .wp-block-columns {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding:0 0px;
        }
    }
}
@media (max-width: 991.98px) {
    .wp-block-columns {
      flex-wrap: wrap;
    }
    .wp-block-column {
      width: 100% !important;
    }
  }
@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {
    .upcoming_events {
        .wp-block-columns {
            flex-wrap: wrap !important;
            .wp-block-column {
                flex-basis: auto;
            }
        }
    }
    .programs_section {
        .wp-block-columns {
            flex-wrap: wrap !important;
            .wp-block-column {
                flex-basis: auto;
            }
            .column_programs,
            .program_title_column {
                flex-basis: 100% !important;
            }
            .column_programs {
                .wp-block-column {
                    flex-basis: inherit !important;
                }
            }
        }  
    }
    .column_programs {
        .wp-block-columns {
            .wp-block-column {
                flex-basis: 0;
            }

        }
        .wp-block-column {
            flex-basis:100% !important;
        }     
    }
}
@media (max-width: 767.98px) {
    .programs_section {

        .wp-block-columns {
            .column_programs {
                .wp-block-column {
                    flex-basis: 100% !important;
                }
            }
        }  
    }
}