/* 
 * Ensure site content always takes up full page height 
 * so that footer is at the bottom
 *
 * Layout clamp values calculated with following inputs:
 * Min viewport width: 640
 * Max viewport width: 1400
 *
 * Content size
 * Min size: 40rem
 * Max size: 75rem
 *
 * Wide size
 * Min size: 40rem
 * Max size: 110rem
 *
 * Font weights
 * Skippy Sharp: 400
 * Museo Sans: 300, 700
 *
 */

:root {
    --site-header-height: 7.25rem;
    --font-open-sans: "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* padding-top: var(--site-header-height) !important; */
}

.wp-site-blocks>main {
    flex: 1;
}

.wp-block-kenforth-site-footer__columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--wp--preset--spacing--80);

    @media (max-width: 781px) {
        flex-wrap: wrap;
    }
    
    .wp-block-kenforth-site-footer__column {
        margin: 0 !important;
    
        @media (max-width: 781px) {
            &:nth-child(1) {
                order: 2 !important;
            }
            
            &:nth-child(2) {
                order: 1 !important;
                width: 100% !important;
            }
            
            &:nth-child(3) {
                order: 3 !important;
            }
        }
    }
}

    .wp-block-kenforth-site-footer__logo {
        width: 10rem;
        margin-block-end: var(--wp--preset--spacing--40) !important;
    }


/* Services */

.wp-block-kenforth-service {
    gap: var(--wp--preset--spacing--50) !important;

    .wp-block-image,
    .wp-block-heading {
        margin-bottom: 0 !important;
    }

    .wp-block-heading {
        display: flex;
        align-items: center;
        height: 2.4em;

        a { 
            text-decoration: none;
        }
    }
}

.wp-block-kenforth-page-header {
    .wp-block-media-text__media {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .wp-block-media-text__content {
        padding-top: var(--wp--preset--spacing--80) !important;
        padding-bottom: var(--wp--preset--spacing--80) !important;

        .wp-block-image {
            width: 10rem;
            margin: 0 0 var(--wp--preset--spacing--70) !important;
        }

        p {
            max-width: 50ch;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
    }
}


/* Buttons */

.wp-block-button .wp-block-button__link {
    border: 2px solid currentColor !important;
    border-radius: 5px;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;

    &,
    &:visited {
        background: transparent !important;
        transition: all .3s;
    }

    &.has-dark-grey-color:visited {
        color: var(--wp--preset--color--grey-dark) !important;
    }

    &:hover,
    &:focus {
        background: var(--wp--preset--color--white) !important;
        border-color: var(--wp--preset--color--white) !important;
        color: var(--wp--preset--color--green-2) !important;
    }

    &.has-grey-dark-color:hover,
    &.has-grey-dark-color:focus {
        background: var(--wp--preset--color--grey-dark) !important;
        border-color: var(--wp--preset--color--grey-dark) !important;
        color: var(--wp--preset--color--white) !important;
    }

    &:active {
        box-shadow: 0 -1px 0 0 rgba(0,0,0,0.15);
        background: rgba(255, 255,255,0.8) !important;
        outline: none !important;
    }

    &.has-grey-dark-color:active {
        box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5);
        background: rgba(0, 0, 0, 0.7) !important;
    }
}

/* Videos */

.wp-block-kenforth-videos {

}

.wp-block-kenforth-videos__wrapper {
    flex-wrap: wrap !important;
    gap: var(--wp--preset--spacing--70) !important;

    & > :first-child {
        flex-basis: 23rem;
        flex-grow: 1;
    }

    & > :last-child {
        flex-basis: 0;
        flex-grow: 999;
        min-inline-size: 56%;
    }
}