/* GLOBAL ------------------------------------------------------- */
/* #wpadminbar is 32px tall */
@media screen and (min-width: 768px) {

    .hidden-md {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {

    .hidden-lg {
        display: none !important;
    }

}

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

    .block-wrap.dual-column {
        padding-top: 30px;
    }

}


/* RICH BANNER -------------------------------------------------- */
@media screen and (max-width: 450px) {

    .banner-rich .content .content-wrap h1{
        font-size: 52px;
    }
    
}


/* SPACING ------------------------------------------------------ */
@media screen and (max-width: 450px) {

    .wp-columns-padding{
        padding: 25px;
    }

}


/* GRID & FLEX ------------------------------------------------------- */

@media screen and (min-width: 768px) {

    .flex-grid-md-half .col {
        width: calc(50% - 30px);
    }

    .flex-grid-md-thirds .col {
        width: calc(33% - 30px);
    }

    .flex-grid-md-quarters .col {
        width: calc(25% - 30px);
    }

    .justify-content-md-start {
        justify-content: start;
    }

    .justify-content-md-center {
        justify-content: center;
    }

    .justify-content-md-end {
        justify-content: end;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .block-wrap > div, .block-wrap>h1,.block-wrap>h2,.block-wrap>h3,.block-wrap>h4,.block-wrap>h5,.block-wrap>h6,.block-wrap>p,.block-wrap>ol,.block-wrap>ul{
        padding: 0 45px;
    }
}

@media screen and (min-width: 1024px) {
    .flex-grid-lg-half .col {
        width: calc(50% - 30px);
    }

    .flex-grid-lg-thirds .col {
        width: calc(33% - 30px);
    }

    .flex-grid-lg-quarters .col {
        width: calc(50% - 30px);
    }

    .justify-content-lg-start {
        justify-content: start;
    }

    .justify-content-lg-center {
        justify-content: center;
    }

    .justify-content-lg-end {
        justify-content: end;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .block-wrap > div, .block-wrap>h1,.block-wrap>h2,.block-wrap>h3,.block-wrap>h4,.block-wrap>h5,.block-wrap>h6,.block-wrap>p,.block-wrap>ol,.block-wrap>ul{
        padding: 0 70px;
    }

}



@media screen and (min-width: 1401px) {

    .flex-grid-lg-quarters .col {
        width: calc(25% - 30px);
    }
}

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

    .flex .col {
        margin: 15px 0;
    }
    
}

/* TEXT and FONTS -------------------------------------------------- */
@media screen and (min-width: 1024px) {
    .text-callout {
        border-radius: 86px;
        padding: 70px;
        font-size: 40px;
        width: 80%;
    }
}

/* RICH BANNER -------------------------------------------------- */

@media screen and (min-width: 768px) {
    .banner-rich .content .content-wrap {
        padding: 0 45px;
    }
}

@media screen and (min-width: 1024px) {
    .banner-rich .mask {
        /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 60%); */
    }

    .banner-rich .content {
        padding: 0;
    }

    .banner-rich .content .content-wrap {
        max-width: 1640px;
        padding: 0 70px;
        position: absolute;
        bottom: 90px;
        width: 100%;
    }

    .home .banner-rich .content .content-wrap {
        max-width: 1100px;
        padding: 0 70px;
        position: absolute;
        bottom: 90px;
        width: 100%;
    }

    .home .banner-rich .content .content-wrap h1 {
        font-size: 86px;
    }
}

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

    .text-callout-green {
        margin: 1.5em 30px;
    }
    
}

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

    .text-callout-green {
        margin: 1.5em 20px;
        font-size: 22px;
    }
    
}

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

    .text-callout-green {
        margin: 0;
    }
    
}