/**
 * Theme Name:  Sundt (2019)
 * Theme URI:   https://skyhookinteractive.com/
 * Description: Custom theme built for Sundt.
 * Version:     1.0.0
 * Author:      Skyhook Interactive
 * Author URI:  https://skyhookinteractive.com/
 * Text Domain: titan
 * License:     MIT License
 * License URI: http://opensource.org/licenses/MIT
 */

/*
 * Site overrides. Loaded as plain CSS after the compiled app.css.
 * Nested rules and & selectors are native CSS nesting. Gulp does not compile this file.
 */
body.transparent-header .header-mm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    .header-nav {
        padding-left: 0;
    }
}

/* Logged-in admin bar is also fixed to the top. Keep the header, and its hover bar, below it. */
@media screen and (min-width: 783px) {
    body.admin-bar.transparent-header .header-mm {
        top: 32px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar.transparent-header .header-mm {
        top: 46px;
    }
}

/* The fixed header stays in the viewport after it hides on scroll. Ignore it so the white bar does not reappear. */
body.transparent-header.mega-menu-primary_navigation-mega-hide .header-mm:not(.mm-open),
body.transparent-header.mega-menu-primary_navigation-mega-hide .header-mm:not(.mm-open) * {
    pointer-events: none;
}

@media (min-width: 1201px) {
    body.transparent-header.mega-menu-primary-navigation:not(.mega-menu-primary_navigation-mega-sticky) .header-mm {
        transition: background-color 0.25s ease;
        #mega-menu-wrap-primary_navigation {
            transition: background-color 0.25s ease;
        }
    }
}

body:not(.transparent-header) .header-mm {
    position: relative;
    .header-nav {
        padding-left: 0;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    body #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
        padding: 0 15px;
    }
}

@media (min-width: 1201px) {
    /*
    styles for desktop sticky navbar default
    */
    body.mega-menu-primary-navigation {
        .header-mm {
            div#mega-menu-wrap-primary_navigation ul#mega-menu-primary_navigation {
                > li.mega-logo-white {
                    display: inline-block;
                }
                > li.mega-logo-color {
                    display: none;
                }
            }
        }
    }
    /*
    styles for desktop sticky navbar when scrolling up
    */
    body.mega-menu-primary_navigation-mega-sticky:not(.mega-menu-primary_navigation-mega-hide) .header-mm,
    body:not(.transparent-header) .header-mm,
    body.mega-menu-primary-navigation:not(.mega-menu-primary_navigation-mega-hide) .header-mm:hover,
    body.mega-menu-primary-navigation .header-mm.mm-open {
        background-color: #fff;
        &:after {
            content: ' ';
            display: inline-block;
            position: absolute;
            height: 1px;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: #b7babc;
        }
        div#mega-menu-wrap-primary_navigation {
            background-color: #fff;
            ul#mega-menu-primary_navigation {
                > li.mega-logo-white {
                    display: none;
                }
                > li.mega-logo-color {
                    display: inline-block;
                }
                > li.mega-menu-item,
                > li.mega-toggle-search {
                    > a.mega-menu-link,
                    span.search-icon:before {
                        color: #4A4A4A !important;
                        &:hover {
                            color: #244b43 !important;
                        }
                    }
                    &.mega-toggle-on {
                        > a.mega-menu-link {
                            color: #244b43 !important;
                        }
                    }
                    form.mega-search-open > input {
                        border-bottom: 1px solid #4a4a4a !important;
                        padding: 8px !important;
                    }
                }
            }
        }
    }
    .header-mm {
        .container {
            min-width: 1560px;
            max-width: 95%;
            width: 100%;
        }
        #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            display: flex;
            justify-content: center;
            li.mega-logo-white,
            li.mega-logo-color,
            li:last-child {
                flex-grow: 1;
            }
            /*
            styles the main navbar on desktop
            */
            > li.mega-menu-item {
                > a.mega-menu-link {
                    > span.mega-indicator {
                        position: absolute;
                        height: 25px;
                        left: 27px;
                        bottom: 65px;
                        margin: 0;
                        width: calc(100% - 54px);
                        transition: bottom .25s;
                        &:after {
                            width: 100%;
                            text-align: center;
                            opacity: 0.3;
                        }
                    }
                }
                &.mega-toggle-on {
                    > a.mega-menu-link {
                        color: #244b43 !important;
                        > span.mega-indicator {
                            bottom: 31px;
                            z-index: 99999;
                            &:after {
                                left: 0;
                                right: 0;
                                opacity: 1;
                            }
                            &:before {
                                content: ' ';
                                display: inline-block;
                                position: absolute;
                                height: 3px;
                                width: 100%;
                                bottom: -31px;
                                left: 0;
                                background-color: #244b43;
                            }
                        }
                    }
                }
                &.mega-toggle-search {
                    text-align: right;
                }
            }
            /*
            adds "full width" bg behind mega menu since the menu is in a container
            also adds default link styles to all mega menu layouts
            */
            .mega-menu-item.mega-menu-grid,
            .mega-menu-item.mega-menu-tabbed {
                > .mega-sub-menu::after {
                    content: none;
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    width: 200vw;
                    margin-left: -100vw;
                    margin-right: -100vw;
                    background: linear-gradient(to right, #4A4A4A 0% 50%, #fff 50% 100%);
                    z-index: -1;
                }
                .mega-sub-menu a.mega-menu-link:hover {
                    text-decoration: underline !important;
                }
            }
            /*
            styles that apply to all mmm grid layouts
            we have three custom sub-layouts that are styled more specifically below
            */
            .mega-menu-item.mega-menu-grid {
                .mega-sub-menu {
                    .mega-sub-menu {
                        display: flex;
                        .mega-sub-menu {
                            display: inline-block;
                        }
                        .mega-menu-columns-3-of-12 {
                            background-color: #fff;
                            padding-left: 1.5%;
                            padding-right: 1.5%;
                            padding-top: 60px;
                            padding-bottom: 60px;
                        }
                        .mega-menu-columns-3-of-12,
                        .mega-menu-columns-6-of-12 {
                            .widget_block,
                            .widget_text {
                                font-weight: 300;
                                color: #4A4A4A !important;
                                padding-top: 0px !important;
                                margin-top: -18px;
                            }
                            .widget_block h4,
                            .widget_text h4 {
                                color: #4A4A4A !important;
                                font-family: 'Saira Extra Condensed', sans-serif;
                                font-size: 42px;
                                text-transform: uppercase;
                                border-bottom: 1px solid #b7babc;
                            }
                            .widget_block h4:hover,
                            .widget_text h4:hover {
                                border-bottom: 1px solid #b7babc;
                            }
                        }
                        .mega-menu-columns-6-of-12 {
                            background-color: #fff;
                            padding-left: 3%;
                            padding: 94px 0;
                            .widget_block {
                                color: #4A4A4A !important;
                                padding-top: 0px !important;
                                margin-top: -18px;
                            }
                            > .mega-sub-menu {
                                display: flex;
                                flex-wrap: wrap;
                                > .mega-menu-item:first-child {
                                    width: 100%;
                                }
                                > .mega-menu-item {
                                    width: 50%;
                                }
                            }
                        }
                        .mega-menu-columns-3-of-12:first-child {
                            .widget_custom_html {
                                color: #FFFFFF !important;
                            }
                            .widget_custom_html h4 {
                                position: relative;
                                color: #FFFFFF !important;
                                font-style: italic;
                                padding-bottom: 20px;
                            }
                            .widget_custom_html h4::after {
                                content: '';
                                display: block;
                                position: absolute;
                                width: 30px;
                                height: 1px;
                                bottom: 10px;
                                left: 0;
                                background-color: #fff;
                            }
                            .textwidget {
                                max-width: 90%;
                                font-size: 18px;
                            }
                        }
                    }
                }
            }
            ul.mega-sub-menu li.mega-mm-grid.mm-grid ul.mega-sub-menu {
                li.mega-menu-columns-3-of-12:nth-child(2),
                li.mega-menu-columns-3-of-12:nth-child(3),
                li.mega-menu-columns-3-of-12:nth-child(4) {
                    .mega-sub-menu {
                        .mega-menu-item {
                            .mega-menu-link {
                                font-size: 20px;
                                font-weight: bold;
                            }
                        }
                    }
                }
            }
            ul.mega-sub-menu li.mega-mm-list.mm-list ul.mega-sub-menu {
                li.mega-menu-columns-3-of-12:nth-child(2),
                li.mega-menu-columns-6-of-12 {
                    padding-top: 60px;
                    padding-bottom: 60px;
                }
            }
            ul.mega-sub-menu li.mega-mm-list-images.mm-list-images ul.mega-sub-menu {
                li.mega-menu-columns-3-of-12:first-child {
                    li.mega-menu-item:last-child {
                        text-align: left;
                        a.mega-menu-link {
                            display: inline-block;
                            background-color: #fff;
                            color: #244b43;
                            width: auto;
                            padding: 6px 10px;
                            margin-right: 36px;
                            font-family: 'Saira Extra Condensed', sans-serif;
                            font-size: 33px;
                            font-weight: normal;
                            text-transform: uppercase;
                            line-height: 35px;
                        }
                    }
                }
                li.mega-menu-column:nth-child(2) {
                    padding-top: 40px;
                    padding-bottom: 40px;
                }
                li.mega-menu-column:nth-child(3),
                li.mega-menu-column:nth-child(4) {
                    padding-top: 30px;
                    padding-bottom: 30px;
                    .widget_block,
                    .widget_text {
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 0;
                        p {
                            font-size: 15px;
                            font-weight: 500;
                            a {
                                font-size: 22px;
                                line-height: 25px;
                                color: #4a4a4a;
                            }
                        }
                    }
                }
            }
            /*
            styles that apply to the mmm tabbed layout
            */
            .mega-menu-item.mega-menu-tabbed {
                > .mega-sub-menu {
                    padding: 40px 0;
                    > .mega-menu-item:last-child {
                        width: 26%;
                        > a {
                            display: inline-block;
                            background-color: #fff;
                            color: #244b43;
                            width: auto;
                            float: right;
                            padding: 6px 10px;
                            margin-right: 36px;
                        }
                    }
                    > .mega-menu-item .mega-indicator {
                        &::after {
                            opacity: 0;
                            color: #4A4A4A;
                            margin-right: -64px;
                            z-index: 99;
                            font-size: 44px;
                        }
                    }
                    > .mega-menu-item.mega-toggle-on .mega-indicator {
                        &::after {
                            opacity: 1;
                        }
                    }
                    .mega-menu-link {
                        text-align: right;
                    }
                    > .mega-menu-item > .mega-sub-menu {
                        background-color: #fff;
                        .mega-menu-row > ul > li {
                            padding-left: 40px;
                        }
                        .mega-menu-columns-12-of-12 {
                            padding: 30px 0;
                            background-color: #eeeeee;
                            margin-bottom: 0px;
                            &::after {
                                content: '';
                                display: inline-block;
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                width: 200vw;
                                margin-right: -100vw;
                                background-color: #eeeeee;
                                z-index: -1;
                            }
                            .widget_text {
                                display: flex;
                                align-items: center;
                                h4,
                                p {
                                    color: #4A4A4A;
                                    padding: 0;
                                    margin: 0;
                                }
                                h4 {
                                    font-family: 'Saira Extra Condensed', sans-serif;
                                    font-size: 42px;
                                    text-transform: uppercase;
                                    white-space: nowrap;
                                    padding-right: 80px;
                                }
                            }
                        }
                    }
                }
            }
            /*
            styles that apply to desktop mm search
            */
            li.mega-toggle-search {
                padding-right: 27px;
            }
        }
    }
}

/* Mobile header and mega menu (max-width 1201px) */
@media (max-width: 1201px) {
    .mega-hide-on-mobile {
        display: none !important
    }
    /* .header-mm .header-nav #mega-menu-wrap-primary_navigation .mega-menu-toggle */
    .header-mm {
        .header-nav {
            #mega-menu-wrap-primary_navigation {
                .mega-menu-toggle {
                    padding: 0 15px;
                }
            }
        }
    }
    body.mega-menu-primary_navigation-mega-sticky:not(.mega-menu-primary_navigation-mega-hide) .header-mm,
    body:not(.transparent-header) .header-mm,
    body.mega-menu-primary-navigation:not(.mega-menu-primary_navigation-mega-hide) .header-mm:hover,
    body.mega-menu-primary-navigation .header-mm.mm-open,
    body.mega-menu-primary_navigation-mobile-open .header-mm {
        background-color: #fff;
        #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner,
        #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::before,
        #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::after {
            background-color: #898A8D;
        }
        .header-nav {
            #mega-menu-wrap-primary_navigation {
                background-color: #fff;
                .mega-menu-toggle {
                    .mega-toggle-blocks-left {
                        #mega-toggle-block-1 {
                            display: none;
                        }
                        #mega-toggle-block-2 {
                            display: flex;
                        }
                    }
                }
                ul#mega-menu-primary_navigation {
                    border-top: 2px solid #b7babc;
                    padding: 28px 0 0;
                    width: 100vw !important;
                    height: calc(100vh - 94px);
                    overflow-y: scroll;
                    > li.mega-menu-item {
                        border-bottom: 1px solid #eeeeee;
                        > a.mega-menu-link {
                            margin: 20px 0;
                            padding: 0 22px;
                        }
                        > a.mega-menu-link > span.mega-indicator {
                            float: none;
                            font-size: 18px;
                        }
                        > a.mega-menu-link > span.mega-indicator:after {
                            vertical-align: baseline;
                        }
                        ul.mega-sub-menu {
                            border-top: 1px solid #eeeeee;
                            li.mega-menu-item {
                                border-bottom: 1px solid #eeeeee;
                            }
                        }
                        > ul.mega-sub-menu {
                            > li.mega-menu-item {
                                > a.mega-menu-link {
                                    padding: 20px 10px 20px 22px;
                                }
                                > ul.mega-sub-menu {
                                    > li.mega-menu-item {
                                        > a.mega-menu-link {
                                            font-size: 28px;
                                            padding: 18px 10px 18px 58px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    > li.mega-menu-item.mega-toggle-on {
                        > a.mega-menu-link {
                            padding-left: 0;
                            > span.mega-indicator {
                                float: left;
                                transform: rotate(-90deg);
                                margin-right: 10px;
                                width: 22px;
                                margin: 0;
                            }
                        }
                    }
                    > li.mega-menu-item.mobile-hide-submenu {
                        display: none;
                    }
                }
            }
        }
    }
}

@media (max-width: 1201px) {
    #mega-menu-wrap-primary_navigation .mega-menu-toggle {
        display: flex !important;
    }
    header.header-mm {
        background-color: #ffffff;
    }
    #mega-toggle-block-1 {
        display: none !important;
    }
    #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-inner::after {
        background-color: #000000 !important;
    }
}

/* Fix for mega menu grid layout */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
    .mega-sub-menu {
        width: 100%;
    }
    .mega-menu-row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .mega-menu-column {
        width: calc(var(--span, 1) * 100% / var(--columns, 12));
        box-sizing: border-box;
    }
    .mega-menu-columns-12-of-12 {
        .widget_text {
            padding: 30px;
            background: #eeeeee;
            h4 {
                font-family: 'Saira Extra Condensed', sans-serif;
                font-size: 42px;
                text-transform: uppercase;
                margin: 0;
                padding-right: 80px;
            }
            p {
                margin: 0;
            }
        }
    }
    .mega-menu-link {
        display: block;
        padding: 8px 12px;
        transition: color 0.2s ease;
        &:hover {
            color: #244b43;
        }
    }
}

/* Mobile adjustments */
@media (max-width: 1201px) {
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
        .mega-menu-row {
            flex-direction: column;
        }
        .mega-menu-column {
            width: 100%;
        }
        .mega-menu-link {
            padding: 12px 20px;
        }
    }
}

/* Ensure proper spacing in menu items */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 20px;
    width: 100%;
}

/* Fix for menu item alignment */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item {
    display: flex;
    align-items: center;
}

/* Base mega menu resets and structure */
#mega-menu-wrap-primary_navigation,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-row,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-column,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation a.mega-menu-link {
    transition: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    border: 0;
    bottom: auto;
    box-sizing: border-box;
    clip: auto;
    color: #4a4a4a;
    display: block;
    float: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: auto;
    left: auto;
    line-height: 1.7;
    list-style-type: none;
    margin: 0;
    min-height: auto;
    max-height: none;
    min-width: auto;
    max-width: none;
    opacity: 1;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative;
    pointer-events: auto;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    transform: none;
    top: auto;
    vertical-align: baseline;
    visibility: inherit;
    width: auto;
    word-wrap: break-word;
    white-space: normal;
}

@media (min-width: 1201px) {
    body.transparent-header.mega-menu-primary-navigation:not(.mega-menu-primary_navigation-mega-sticky) #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
        transition: color 0.25s ease;
    }
}

/* Menu item styling */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    display: block;
    float: left;
    clear: none;
    padding: 15px 28px;
    vertical-align: top;
}

/* Grid layout structure */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
    text-align: center;
    padding: 0;
    .mega-sub-menu {
        width: 100%;
        visibility: hidden;
        opacity: 1;
        pointer-events: auto;
    }
    .mega-menu-row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    /* Column sizing */
    .mega-menu-column {
        width: calc(var(--span, 1) * 100% / var(--columns, 12));
        box-sizing: border-box;
    }
    /* Widget text styling */
    .mega-menu-columns-12-of-12 .widget_text {
        padding: 30px;
        background: #eeeeee;
        h4 {
            font-family: 'Saira Extra Condensed', sans-serif;
            font-size: 42px;
            text-transform: uppercase;
            margin: 0;
            padding-right: 80px;
        }
        p {
            margin: 0;
        }
    }
}

/* Show submenu on hover/focus */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu,
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    visibility: visible;
}

/* Mobile adjustments */
@media (max-width: 1201px) {
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
        .mega-menu-row {
            flex-direction: column;
        }
        .mega-menu-column {
            width: 100%;
        }
        li.mega-menu-item {
            border-bottom: 1px solid #eeeeee;
            > a.mega-menu-link {
                margin: 20px 0;
                padding: 0 22px;
            }
        }
    }
}

/* Site update adjustments and custom classes */
.photoPhoto img {
    margin-bottom: 25px;
}

.red-highlight {
    display: inline-block;
    padding: 5px 10px;
    background-color: #244b43;
    transform: translatex(-10px)
}

@media only screen and (min-width: 1301px) {
    .bigHide {
        display:none;
    }
}

@media only screen and (max-width: 1300px) {
    .midHide {
        display:none;
    }
}

.shadow-divider {
    box-shadow: 0px 15px 20px rgba(0,0,0,0.05);
}

@media screen and (max-width: 900px) {
    .mobileHide {
        display: none;
    }
}

/* random fixes */
.list-fix {
    padding-left: 20px;
}

ul.list-fix {
    list-style-type: disc;
}

ol.list-fix {
    list-style-type: decimal;
}

.list-fix li,
.list-fix li {
    margin-bottom: 15px;
}

.page-id-42177 p {
    text-align: center;
}

.page-id-42177 .intro__content {
    justify-content: center;
}

/* END random fixes */

/* OSS Order page */
.OSS::after {
    content: " ";
    display: block;
    min-width: 18%;
    height: 150px;
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 25%;
    left: 75%;
}

.OSS {
    background-position: 50% 70%;
}

.oss-form-container .button {
    background-color: #244b43;
    color: white;
    border: none;
    padding: 5px 10px;
    font-family: 'Saira Extra Condensed';
    text-transform: uppercase;
    font-size: 20px;
}

.oss-form-container .button:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

/* END OSS Order page */

/* Design updates to Project Profiles */
.nav-tabs {
    display: none;
}

/* END Design updates to project profiles */

/*page-specific overrides */
.page-id-149 .hero-intro {
    margin-left: 6px;
}

.address-cards .card {
    border: none;
    box-shadow: 0px 5px 25px rgba(0,0,0,0.10)
}

.address-cards .card-body p:nth-child(even) {
    margin-bottom: 0px;
    margin-top: 15px;
}

/*END page-specific overrides*/

/* Custom Classes */
@media screen and (min-width: 1200px) {
    .button-right .section__body {
        max-width: 1170px;
        margin: auto;
    }
    .button-right a.btn {
        float: right;
        margin-right: 75px;
    }
    .button-right .title-align-left {
        margin-left: 65px;
    }
    .button-right h4 {
        font-size: 27px;
    }
}

.hide-me {
    display: none;
}

.top-divider {
    border-top: 1px solid lightgrey;
}

.clear {
    clear: both;
}

.article-byline {
    font-family: 'Lora',serif;
    font-style: italic;
    color: grey;
    font-size: 18px;
    position: absolute;
    top: -65px;
}

@media screen and (max-width: 900px) {
    .article-byline {
        top: 0px;
        position: relative;
    }
}

/* END custom classes, so to sepak */
.no-wrap {
    flex-shrink: 0;
}

@media only screen and (min-width: 900px) {
    .trnslt100 {
        transform: translateY(50px);
    }
}

.halfWidthImage {
    width: 50%;
    float: right;
    margin: 0px 0px 25px 25px;
}

@media only screen and (max-width: 900px) {
    .halfWidthImage {
        width: 100%;
        float: none;
        margin: 20px 0px;
    }
}

@media only screen and (min-width: 768px) {
    .btnWhiteText .card-body {
        padding-bottom: 55px;
    }
    .btnWhiteText .card-body p:last-child {
        position: absolute;
        bottom: 55px;
    }
}

.btnWhiteText .card-body p>a.btn {
    color: white;
}

.btnWhiteText .card-body p>a.btn:hover {
    color: rgb(36,75,67);
}

.textBlockOnPhoto {
    padding: 150px 0px;
}

.textBlockOnPhoto div.col-sm-5 {
    background-color: rgba(0,0,0,0.7);
    padding: 25px;
}

/* END Custom Classes*/

/* meganav customization */
html #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
}

.mega-vertCenter {
    align-content:center;
}

.mega-photoNavCol {
    align-content: center;
}

div.textwidget {
    max-width: 600px;
}

@Media only screen and (min-width: 1201px) {
    .mega-photoColCTA {
        font-size: 15px !important;
        color: #244b43 !important;
        font-weight: 600;
    }
}

@media (min-width: 1201px) {
    .header-mm {
        & #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            & .mega-menu-item.mega-menu-grid,
            & .mega-menu-item.mega-menu-tabbed {
                > .mega-sub-menu::before {
                    height:100vh;
                    width: 100vw;
                    display:block;
                    background-image: none;
                    background-color: rgba(0,0,0,0.25);
                    position: fixed;
                    z-index: -100;
                }
            }
        }
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .mega-menu-item.mega-menu-grid .mega-sub-menu .mega-sub-menu .mega-menu-columns-3-of-12:first-child .textwidget {
        font-size: 15px;
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .mega-menu-item.mega-menu-grid .mega-sub-menu a.mega-menu-link:hover,
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .mega-menu-item.mega-menu-tabbed .mega-sub-menu .redHov a.mega-menu-link:hover {
        transition: all 0.25s ease-in-out;
        text-decoration: none !important;
        color: #244b43 !important;
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .mega-menu-item.mega-menu-grid .mega-sub-menu .mega-sub-menu .mega-menu-columns-3-of-12,
    & .mega-menu-columns-6-of-12 {
        .widget_block,
        .widget_text {
            font-weight: 500;
            font-size: 14px;
        }
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu li.mega-mm-grid.mm-grid ul.mega-sub-menu li.mega-menu-columns-3-of-12:nth-child(2),
    & li.mega-menu-columns-3-of-12:nth-child(3),
    & li.mega-menu-columns-3-of-12:nth-child(4) .mega-sub-menu .mega-menu-item .mega-menu-link {
        font-size: 18px;
    }
}

@media (min-width: 1201px) {
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation p.mph {
        font-size: 30px;
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        border-bottom: 1px solid lightgray;
        margin-bottom: -10px;
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu li.mega-mm-list-images.mm-list-images ul.mega-sub-menu li.mega-menu-column:nth-child(3) .widget_block .widget_text p a,
    & li.mega-menu-column:nth-child(4) .widget_block .widget_text p a {
        font-size:20px;
    }
}

@media (min-width: 1201px) {
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu li.mega-mm-list-images.mm-list-images ul.mega-sub-menu li.mega-menu-column:nth-child(3),
    .header-mm #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul.mega-sub-menu li.mega-mm-list-images.mm-list-images ul.mega-sub-menu li.mega-menu-column:nth-child(4) {
        & .widget_block,
        & .widget_text {
            & p {
                a:hover {
                    text-decoration: none;
                }
            }
        }
    }
}

/* featured image nav block */
.featuredImageLink>p a strong {
    transition: all 0.25s ease-in-out;
}

.featuredImageLink:hover>p a strong {
    transition: all 0.25s ease-in-out;
    color: #244b43 !important;
    text-decoration: none !important;
}

.zoomParent {
    overflow:hidden;
    margin-bottom: 20px;
    height: 200px;
}

.featuredImageLink> a .zoomChild,
.featuredImageLink> div a .zoomChild {
    transition: all 0.35s ease-in-out;
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featuredImageLink:hover> a .zoomChild,
.featuredImageLink:hover> div a .zoomChild {
    transition: all 0.35s ease-in-out;
    transform: scale(1.1);
}

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .featuredImageLink p {
    margin-bottom: 0px;
}

/* end featured image nav block */
#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.fontSize18 > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px;
}

/* END Meganav Customization*/

/* SF25 page */
.page-id-35523 .faq h6 {
    font-weight: 800;
    font-size: 1.9rem;
    margin-top: 1.5em;
}

.page-id-35523 .faq p {
    line-height: 1.5
}

/* END SF25 page */

/* PHOENIX LANDING PAGE CUSTOMIZATION */
.page-id-34428 .card-body p a,
.page-id-21544 .card-body p a {
    display: inline-block;
    color: #244b43;
}

/* END PHOENIX LANDING PAGE CUSTOMIZATION */

/*SKILLED WORKFORCE PAGE CUSTOMIZATION*/
.page-id-10551 #WFDapprentice2.section {
    padding-top: 0px;
    padding-bottom: 60px;
}

.page-id-10551 #WFDapprentice2.section .col-sm-10 {
    width:100%
}

.page-id-10551 #WFDapprentice2.section .offset-sm-1 {
    margin-left: 0px;
}

.page-id-10551 #WFDapprentice1.section {
    padding-bottom: 0px;
    padding-top: 60px;
}

.page-id-10551 #WFDskilled.section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.page-id-10551 #WFDeducators.section {
    padding-top: 80px;
    padding-bottom: 10px;
}

.page-id-10551 #WFDlaunching.section {
    padding-top: 10px;
    padding-bottom: 80px;
}

.page-id-10551 #WFDleaders.section {
    padding-top: 80px;
    padding-bottom: 20px;
}

.page-id-10551 #WFDpeople.section {
    padding-top: 10px;
    padding-bottom: 80px;
}

.page-id-10551 .xcomponent.content-media .media-content-content-container h5:first-of-type {
    margin-top: 0px;
}

.page-id-10551 h2 {
    margin-bottom: 0px;
}

@media only screen and (min-width: 1200px) {
    .page-id-10551 .container {
        max-width: 1400px;
    }
}

.j-poster,
.j-meta {
    display:none;
}

.page-id-10551 .card-body small {
    display: none;
}

/* END WFD cutsomization */

/* Blog h4 adjust */
.postid-33785 h4 {
    margin-top: 25px;
}

/* CSR 2023 Download Page Customization */
.page-id-32021 .intro .container:before {
    background: rgba(0,0,0,0.58)
}

.page-id-32021 .xcomponent.content-media.customVertAlign .media-content-content-container h5:first-of-type {
    margin-top: 5px;
}

.page-id-32021 .testimonial {
    height: 400px;
    background-color: rgba(255,255,255,0.8);
    padding:35px;
}

.page-id-32021 .testimonial h3 {
    margin-bottom:15px;
    margin-top: 15px;
}

.page-id-32021 .testimonial .testimonial__image:before,
.page-id-32021 .testimonial .testimonial__image:after {
    display: none;
}

.page-id-32021 .section--darker-overlay:after {
    background: rgba(0,0,0,0.4)
}

/* END CSR 2023 */

/* Careers Slider Fix */
@media only screen and (min-width: 1200px) {
    #RecognizedEmployerExcellence .slick-active {
        height: 264px !important;
    }
}

/* End Careers Slider Fix*/

/*START WIC 2026 Customization*/
.page-id-43446 .hero-extra-tall {
    background-position: 50% 70%;
    height: 75vh;
    min-height: 700px;
}

/* end WIC 2026 Customization */

/*START WIC 2020 Customization*/
#WIC-Hero .intro__content {
    width: 66%;
    float: right;
    padding: 40px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#WIC-Intro {
    padding: 130px 0
}

#WIC-Intro .flex-col {
    justify-content: center;
}

#Angie1 {
    padding: 150px 0px;
}

#Angie2 .flex-col {
    justify-content: center;
}

#Angie2 {
    padding: 100px 0px;
}

#Angie2 .introText {
    position:relative;
    left: 30px;
}

#Jennifer1 {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    padding: 150px 0px;
}

#Jennifer2 {
    padding: 100px 0px 150px 0px;
}

#Jennifer2 .flex-col {
    justify-content: center;
}

#Jennifer2 img {
    transform: translateY(-20px);
}

#Yaz1 {
    padding: 200px 0px;
}

#Yaz2 .flex-col {
    justify-content: center;
}

#Yaz2 {
    padding: 100px 0px;
}

#Yaz2 img {
    transform:scale(1) translateY(-25px);
}

#Yaz2 .introText {
    position:relative;
    left: 40px;
}

#Gianna1 {
    padding: 150px 0px;
}

#Gianna2 .flex-col {
    justify-content: center;
}

#Gianna2 {
    padding: 00px 0px 100px 0px;
}

#Gianna2 img {
    transform:scale(0.9);
}

/*Media Query under 1200 px*/
@media only screen and (max-width: 1200px) {
    #WIC-Hero {
        padding:25px;
    }
    #WIC-Hero .intro__content {
        position: relative;
        left: 50px;
        width:81%;
    }
    #WIC-Intro {
        padding: 75px 0px 50px 0px;
    }
    #WIC-Intro .introText {
        top:-25px;
    }
    #Angie1 {
        padding:100px 0px;
    }
    #Angie1 .col-sm-5 {
        width:50%
    }
    #Jennifer1 {
        padding: 100px;
    }
    #Jennifer1 .col-sm-5 {
        width: 45%;
    }
    #Jennifer1 .offset-sm-7 {
        margin-left: 47%;
    }
    #Jennifer1 .introText {
        position: relative;
    }
    #Jennifer2 {
        padding: 100px 0px;
    }
    #Yaz2 {
        padding: 80px 0px 100px 0px;
    }
    #Yaz2 img {
        transform: translateY(20px);
    }
    #Gianna1 {
        padding: 100px 0px;
    }
    #Gianna2 {
        padding: 100px 0px 50px 0px;
    }
}

/*Media Query under 992 px*/
@media only screen and (max-width: 991px) {
    #WIC-Hero h1 {
        font-size: 60px;
    }
    #WIC-Hero .intro__content {
        position: relative;
        left: 50px;
        width:90%;
    }
    #WIC-Intro {
        padding: 50px 0px 75px 0px;
    }
    #WIC-Intro img {
    }
    #WIC-Intro .introText {
    }
    #Angie1 .col-sm-5 {
        width: 70%;
    }
    #Angie2 .col-sm-6 {
        width:100%;
    }
    #Angie2 {
        padding: 50px 0px 100px 0px;
    }
    #Angie2 img {
        transform:scale(1);
    }
    #Angie2 .introText {
        left: 0px;
    }
    #Jennifer1 {
        padding: 80px 0px;
    }
    #Jennifer1 .col-sm-5 {
        width: 60%;
    }
    #Jennifer1 .offset-sm-7 {
        margin-left: 40%;
    }
    #Jennifer2 {
        padding: 25px 0px 50px 0px;
    }
    #Jennifer2 img {
        display:block;
        margin: 0 auto;
        max-width: 500px;
        transform: translatey(0px);
    }
    #Jennifer2 .col-sm-6 {
        width:100%;
    }
    #Jennifer2 .introText {
        left: 0px;
    }
    #Yaz1 .col-sm-5 {
        width: 70%;
    }
    #Yaz2 {
        padding:0px 0px 100px 0px
    }
    #Yaz2 .col-sm-6 {
        width:100%;
    }
    #Yaz2 img {
        transform:scale(0.9) translateY(0px);
    }
    #Yaz2 .introText {
        left: 0px;
    }
    #Gianna2 .introText {
        left: 0px;
    }
    #Gianna2 .col-sm-6 {
        width:100%;
    }
    #Gianna2 img {
        display:block;
        margin: 0 auto;
        max-width: 500px;
    }
}

/*Media Query under 768 px*/
@media only screen and (max-width: 767px) {
    #WIC-Hero .intro__content {
        width: 95%;
        padding: 0px;
        left: 0px;
    }
    #WIC-Intro {
        padding: 75px 0px 75px 0px;
    }
    #WIC-Intro img {
        max-width: 500px;
        display: block;
        margin: 0 auto;
    }
    #WIC-Intro .introText {
        padding: 0px 5%;
        top:0px;
    }
    #Angie1 {
        padding: 50px 0px;
    }
    #Angie1 .introText {
        text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    }
    #Angie2 .introText {
        padding: 0px 5%;
    }
    #Jennifer2 img {
        max-width: 500px;
    }
    #Jennifer2 .introText {
        padding: 0px 5%;
    }
    #Yaz1 {
        padding: 80px 0px;
    }
    #Yaz2 img {
        max-width: 500px;
        display: block;
        margin: 0 auto;
    }
    #Yaz2 .introText {
        padding: 0px 5%;
    }
    #Gianna1 {
        padding: 80px 0px;
    }
    #Gianna1 .introText {
        margin-left: 35%
    }
    #Gianna2 {
        padding: 0px 0px 50px 0px;
    }
    #Gianna2 img {
        max-width: 400px;
        display: block;
        margin: 0 auto;
    }
    #Gianna2 .introText {
        padding: 0px 5%;
    }
}

/*Media Query under 575 px*/
@media only screen and (max-width: 575px) {
    #WIC-Intro img {
        max-width: 100%;
    }
    #Angie1 {
        background-position: 65% !important;
        padding: 25px 0px;
    }
    #Angie1 .col-sm-5 {
        width:100%;
    }
    #Angie1 h5 {
        width: 50%;
    }
    #Jennifer1 {
        background-position: 25% !important;
        padding: 25px 0px;
    }
    #Jennifer2 img {
        max-width: 100%;
    }
    #Yaz1 {
        background-position: 65% !important;
    }
    #Yaz1 .col-sm-5 {
        width:100%;
    }
    #Yaz2 img {
        max-width: 100%;
    }
    #Gianna1 {
        background-position: 40% !important;
    }
    #Gianna2 img {
        max-width: 100%;
    }
}

/* END WIC 2020 */

/* COVID PAGES */
.covid-button-row-container {
    display:flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.covid-button-row {
    margin-right: 25px;
}

.covid-ul {
    padding-left: 5px;
}

.covid-ul li {
    list-style: default;
    padding-left: 10px;
}

/* COVID PAGES */

/* COVID NAV ADJUST 
.nav-secondary>ul>li+li{margin-left:45px;}
@media (max-width: 1162px) and (min-width: 1070px){
.header .header__bar .nav-secondary{
font-size:14px !important;
}
}
END COVID NAV ADJUST */

/* TWO COLUMN SPLIT */
.ul-split-column {
    width: 50%;
    columns: 2;
}

@media only screen and (max-width: 1200px) {
    .ul-split-column {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .ul-split-column {
        columns: 1;
    }
}

/* END TWO COLUMN SPLIT */

/* REMOVE EMAILS FROM EXECS LEADERSHIP PAGE AND PROFILE PAGES */
.ExecutiveTeam small,
.postid-7281 small,
.postid-7571 small,
.postid-7570 small,
.postid-7569 small,
.postid-19468 small,
.postid-7284 small,
.postid-7282 small,
.postid-7575 small {
    display: none;
}

/* END REMOVE EMAILS FROM BOARD OF DIRECTORS ON LEADESHIP PAGE */

/* Renewables Expertise Customization */
#RenewablesExpertizeTabs .tabs-block .tab-content .tab-pane .tab__body .tab__image {
    display:none;
}

#RenewablesExpertizeTabs .tabs-block .tab-content .tab-pane .tab__body {
    position: relative;
    top: 50%;
    transform: translatey(-50%)
}

#RenewablesExpertizeTabs .tabs-block .tab-content .tab-pane .tab__body .tab__content {
    font-size: 22px;
    max-width: 95%;
}

@media screen and (max-width: 1300px) {
    #RenewablesExpertizeTabs .tabs-block .tab-content {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1291px) {
    #RenewablesExpertizeTabs .tabs-block .tab-content p {
        font-size: 16px;
    }
}

#RenewablesLeadership p {
    margin-top: 0px;
}

.angle-haver::before {
    content: " ";
    display: inline-block;
    min-width: 60px;
    min-height:50px;
    background-color: white;
    position: relative;
    margin-top: 0px;
    margin-bottom: -60px;
    left: 0px;
    top: 0px;
    transform: translatex(-30px) translatey(-25px) rotate(-45deg);
}

/* Renewables Expertise Customization */

/* Two Column Partnership Downloads Fix */
@media only screen and (min-width: 990px) {
    .partnershipDownloadColumn {
        max-width:50%;
        margin-bottom: 40px;
        padding: 15px;
    }
}

@media only screen and (max-width: 990px) {
    .partnershipDownloadColumn {
        margin-bottom:40px;
    }
}

/* END Two Column Partnership Downloads Fix */

/* Project Gallery Border Removal */
.slider--gallery .slider__slide a {
    border: none;
    border-radius: 0px;
}

/* END project gallery border removal */

/* Rounded Corner Removal */
.nav-tabs li a {
    border-radius: 0px !important;
}

/* END rounded corner removal*/

/* WIC 2021 */
.backgroundImageTop {
    background-position: center top !important;
}

/* WIC 2021 */

/*slider fixes*/
@media only screen and (max-width: 1060px) {
    #slick-slide00 {
        background-image: none;
        background-size: cover;
    }
    #slick-slide00 iframe {
        display: none;
    }
}

home .vp-controls-wrapper {
    display: none;
}

#slick-slide02 div,
#slick-slide03 div,
#slick-slide04 div {
    height:100%;
}

.sliderContentLeft {
    margin-left: 20%;
    max-width: 80%;
}

.sliderContentLeft h2 {
    margin-bottom: 0px;
}

.sliderContentLeft p,
.sliderContentLeft a {
    margin-left: 0px;
}

/* END slider fixes */

/* Taller Location Cards */
.page-id-26092 .card-head,
.page-id-149 .card-head {
    height: 300px;
}

/* END Taller Location Cards */

/* CRAFT CAREERS PAGE */
.page-id-158 .hero-large {
    background-position-y: 80%;
}

.page-id-158 .media-content-media-container img {
    padding-right: 10px;
}

/* END CRAFT CAREERS PAGE */

/* TABLET AND CONTENT+MEDIA FIX*/
@media only screen and (max-width: 1023px) {
    .container {
        width:100%;
    }
}

/* END TABLET AND CONTENT+MEDIA FIX*/

/* DEI Custom */
@media only screen and (min-width: 1200px) {
    .page-id-27718 div.container {
        width: 100%;
        max-width: 2200px;
    }
    .page-id-27718 .DEI-A .media-content-content-container {
        padding: 0 4% 0 9%;
    }
    .page-id-27718 .DEI-B .media-content-content-container {
        padding: 0 11% 0 4%;
    }
    .page-id-27718 .hero-large {
        padding-top: 125px;
        padding-bottom: 125px;
    }
    .page-id-27718 .header__content .container,
    .page-id-27718 .header__bar .container {
        width: 1170px;
    }
    .page-id-27718 .hero-large {
        background-position-y: 40%;
    }
}

/* END DEI Custom */

/* Leadership Row Adjustments */
@media only screen and (min-width: 1200px) {
    .page-id-124 div.container,
    .page-id-10551 div.container {
        width: 100%;
        max-width: 1200px;
    }
    .page-id-124 .ExecutiveTeam .col,
    .page-id-10551 .workforceLeaders .col {
        flex: 0 0 33%;
        max-width: 30%;
    }
    .page-id-124 h3,
    .page-id-10551 h3 {
        text-align: center;
    }
    .page-id-124 .section__content,
    .page-id-10551 .section__content {
        justify-content: center;
    }
    .page-id-124 .header__content .container,
    .page-id-124 .header__bar .container,
    .page-id-10551 .header__content .container,
    .page-id-10551 .header__bar .container {
        width: 1170px;
    }
}

/* END leadership row adjustment */

/* DATA CENTERS EMPLOYEE CARD FIX */
.page-id-183 .section--flexed .section__content {
    justify-content: center;
}

.page-id-183 .employee-cards h3.text-light-red {
    color: white;
    text-align: center;
}

.page-id-183 h6.text--serif {
    margin-top: 0px;
}

/*
 * Desktop only, 1200px and up. The page-183 rules in the comment below do not
 * close this query, so it stays open through the image-flex rules. The closing
 * brace is the one immediately before .redHov. Max-width queries nested in
 * this block never match.
 */
@media only screen and (min-width: 1200px) {
    /*	.page-id-183 .content-media div.container{
    width: 95%;
    max-width: 2200px;
    }
    .page-id-183 .DEI-A .media-content-content-container{
    padding: 0 4% 0 9%;
    }

    .page-id-183 .DEI-B   .media-content-content-container{
    padding: 0 11% 0 4%;
    }}*/

    /* END DATA CETNERS EMPLOYEE CARD FIX  */

    /* WATER REUSE & INFRASTRUCTURE LANDER CUSTOMIZATION */
    .page-id-33807 .intro,
    .page-id-27862 .intro,
    .page-id-30803 .intro,
    .page-id-35825 .intro {
        padding: 150px 0;
    }
    .page-id-27862 .intro .container::before,
    .page-id-30803 .intro .container::before,
    .page-id-35825 .intro .container::before {
        background: rgba(0,0,0,.6)
    }
    .page-id-30803 .hero-large {
        background-position: center 10%;
    }
    .page-id-27862 .hero-large,
    .animatedBackground {
        background-position: center 80%;
    }
    .page-id-35825 .hero-large,
    .animatedBackground90.hero-large {
        background-position: center 90%;
    }
    .animated-bg-reverse {
        background-position: center 10%;
    }
    @keyframes animatedBackground {
        from {
            background-position: center top;
        }
        to {
            background-position: center 80%;
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(20%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes fadeInDelay {
        0% {
            opacity: 0;
            transform: translateY(20%);
        }
        20% {
            opacity: 0;
            transform: translateY(20%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes animatedBackground90 {
        from {
            background-position: center top;
        }
        to {
            background-position: center 90%;
        }
    }
    @keyframes animatedBackgroundReverse {
        from {
            background-position: center 90%;
        }
        to {
            background-position: center 10%;
        }
    }
    .fadeIn {
        animation: fadeIn 3s ease-in-out 1;
    }
    .fadeInDelay {
        animation: fadeInDelay 5s ease-in-out 1;
    }
    .page-id-27862 .hero-large,
    .page-id-30803 .hero-large,
    .page-id-33807 .hero-large,
    .animatedBackground {
        animation: animatedBackground 15s ease-in-out 1;
    }
    .page-id-35825 .hero-large,
    .animatedBackground90 {
        animation: animatedBackground90 15s ease-in-out 1;
    }
    .animated-bg-reverse {
        animation: animatedBackgroundReverse 15s ease-in-out 1;
    }
    .page-id-27862 .h5,
    .page-id-30803 h5,
    .page-id-35825 h5 {
        font-size: 24px;
    }
    @media (min-width: 768px) {
        .page-id-27862 .gform_wrapper ul.gform_fields li.gfield.contact_form_left_field,
        .page-id-30803 .gform_wrapper ul.gform_fields li.gfield.contact_form_left_field {
            float: none;
            width: 100%;
            clear: both;
        }
        .page-id-27862 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field,
        .page-id-30803 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field {
            float: none;
            width: 100%;
            clear: none;
            padding-right: 0;
            padding-left: 0px;
        }
        .page-id-27862 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field textarea,
        .page-id-30803 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field textarea {
            height: 176px;
        }
        .page-id-27862 .gform_wrapper ul.gform_fields li.gfield.contact_form_left_field label,
        .page-id-27862 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field label,
        .page-id-30803 .gform_wrapper ul.gform_fields li.gfield.contact_form_left_field label,
        .page-id-30803 .gform_wrapper ul.gform_fields li.gfield.contact_form_right_field label {
            font-size: 16px;
        }
    }
    .page-id-27862 .gform_wrapper .gform_footer,
    .page-id-30803 .gform_wrapper .gform_footer {
        text-align: left;
    }
    .page-id-27862 .section--equal [class^="col"],
    .page-id-30803 .section--equal [class^="col"] {
        /* padding-right: 70px; */
        padding-right: 50px;
    }
    .page-id-27862 label,
    .page-id-30803 label {
        margin-bottom: 0px;
    }
    .page-id-27862 .gform_wrapper .gfield,
    .page-id-30803 .gform_wrapper .gfield {
        margin-bottom: 5px;
    }
    .page-id-27862 .gform_legacy_markup_wrapper .top_label .gfield_label,
    .page-id-27862 .gform_legacy_markup_wrapper legend.gfield_label,
    .page-id-30803 .gform_legacy_markup_wrapper .top_label .gfield_label,
    .page-id-30803 .gform_legacy_markup_wrapper legend.gfield_label {
        line-height: 1;
    }
    .page-id-27862 .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
    .page-id-30803 .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
        /* font-size: inherit; */
        font-size: 14px;
    }
    .page-id-27862 .container--sm > div:nth-child(1) > div:nth-child(1),
    .page-id-30803 .container--sm > div:nth-child(1) > div:nth-child(1) {
        position: relative;
        transform: translateY(40%);
    }
    .section--halves h5 {
        margin-bottom: 15px;
    }
    .page-id-27862 #contact,
    .page-id-30803 #contact {
        min-height: 650px;
    }
    .page-id-27862 .statistics h5 {
        color: #FFFFFF !important;
    }
    /* END WATER REUSE LANDER CUSTOMIZATION */

    /* CHECKBOX FIX */
    .gform_wrapper .gfield input.gfield-choice-input {
        width: 15px !important;
    }
    #choice_13_13_0,
    #choice_13_13_1 {
        width: 15px !important;
    }
    #input_13_13 {
        margin-left:0px;
    }
    .ginput_container_radio {
        margin-top: 0px !important;
    }
    /* END CHECKBOX FIX */

    /* EMPLOYEE PROFILE HEADING HIDER */
    .employee-template-default .bio h4:nth-child(3) {
        display: none;
    }
    .employee-template-default .bio p:nth-child(4) {
        display: none;
    }
    .employee-template-default .bio h4:nth-child(5) {
        display: none;
    }
    .employee-template-default .bio p:nth-child(6) {
        display: none;
    }
    /* END EMPLOYEE PROFILE HEADING HIDER */

    /* WIC 2022 Blog */
    .photoQuote {
        display: flex;
        flex-direction: row-reverse;
        align-items:center;
        background-color: rgb(245,245,245);
        margin-top:25px;
    }
    .photoQuote p {
        flex:1;
        margin-bottom:0;
        display: flex;
        justify-content:right;
    }
    .photoQuote blockquote {
        flex:2;
        margin-bottom:0px;
    }
    .photoText {
        display: flex;
        flex-direction: row-reverse;
        align-items:center;
        background-color: rgb(245,245,245);
        margin-top:25px;
    }
    .photoText p {
        flex:2;
        margin-bottom:0;
        display: flex;
        justify-content:right;
    }
    .photoText blockquote {
        flex:1;
        margin-bottom:0px;
    }
    .photoQuoteLeft {
        display: flex;
        align-items:center;
        background-color: rgb(245,245,245);
        margin-top:25px;
    }
    .photoQuoteLeft p {
        flex:1;
        margin-bottom:0;
        display: flex;
        justify-content:right;
    }
    .photoQuoteLeft blockquote {
        flex:2;
        margin-bottom:0px;
    }
    .photoTextLeft {
        display: flex;
        align-items:center;
        background-color: rgb(245,245,245);
        margin-top:25px;
    }
    .photoTextLeft p {
        flex:2;
        margin-bottom:0;
        display: flex;
        justify-content:right;
    }
    .photoTextLeft blockquote {
        flex:1;
        margin-bottom:0px;
    }
    .photoPhoto {
        display: flex;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .photoPhoto img {
        flex:1;
        margin-bottom:25px;
        margin-right: 2%;
        display: flex;
        justify-content:right;
        width: 49%
    }
    .post-28287 figure.wp-caption figcaption,
    .post-32284 figure.wp-caption figcaption {
        background-color:rgb(75,75,75);
        padding: 15px 15px 15px 15px !important;
        color:white;
        border-top: 2px solid white;
    }
    .post-28287 h6 {
        margin-top: 45px;
        margin-bottom: 20px;
        font-size: 28px;
        font-weight: 100;
        line-height:1.4;
    }
    .quoteAttribution {
        display:inline-block;
        margin-top: 10px;
    }
    .post-28287 p {
        font-size: 16px;
        color: rgb(75,75,75);
        line-height:1.6;
    }
    .fullQuote {
        background-color: rgb(245,245,245);
        padding: 25px;
        margin-top:-13px;
    }
    .flexWrapper {
        display:flex;
        flex-direction: row-reverse;
        margin-bottom: 15px;
    }
    .flexWrapper figure {
        margin: 0px 0px 0px 25px !important;
    }
    .flexWrapper div {
        flex:2;
        align-self: center;
    }
    .post-28287 .text--serif p {
        line-height: 1.4;
    }
    @media only screen and (max-width: 950px) {
        .post-28287 .text--serif span {
            line-height: 1.4;
            font-size: 18px !important;
        }
        .photoQuote {
            flex-direction: column;
            padding:35px;
        }
        .photoQuote img {
            margin-bottom:20px;
        }
        .photoQuoteLeft {
            flex-direction: column;
            padding:35px;
        }
        .photoQuoteLeft img {
            margin-bottom:20px;
        }
        .photoText {
            flex-direction: column;
            padding:35px;
        }
        .photoText img {
            margin-bottom:20px;
        }
        .photoTextLeft {
            flex-direction: column;
            padding:35px;
        }
        .photoTextLeft img {
            margin-bottom:20px;
        }
        .photoPhoto {
            flex-direction: column;
            padding: 0px;
            margin-bottom: 15px;
        }
        .post-28287 h6 {
            font-size: 22px;
        }
    }
    /* END WIC 2022 Blog */

    /* POPUP FORM MOBILE FIX */
    .pum-container {
        background-color: transparent !important;
        box-shadow: none !important;
    }
    @media only screen and (max-height:750px) {
        .popupContainer h4 {
            font-size: 30px;
            margin-bottom: 0px;
            padding: 0px 10px !important;
        }
        .popupContainer p {
            font-size: 14px !important;
            margin-bottom: 0px !important;
            padding: 0px 10px !important;
        }
        .popupContainer .gform_wrapper {
            padding: 5px 10px !important;
            margin-bottom: 0px !important;
        }
        .popupContainer .gfield_label,
        .popupContainer .name_first label,
        .popupContainer .name_last label {
            display: none !important;
        }
        .popupContainer input {
            margin-top:0px !important;
        }
        .popupContainer .ginput_container,
        .popupContainer .gfield,
        .popupContainer .gfield span {
            margin-top: 5px !important;
            margin-bottom: 0px !important;
        }
        .popupContainer input::placeholder {
            font-size: 14px;
        }
        .popupContainer li.gchoice {
            margin-bottom: 5px;
        }
        .popupContainer .gform_legacy_markup_wrapper .gform_footer {
            margin-top: 0px;
        }
        .popupContainer input {
            line-height: 1.3 !important;
        }
    }
    @media only screen and (max-height:450px) {
        .pum-close {
            position: fixed !important;
            top:0 !important;
            right: 0px !important;
            width: 50px!important;
        }
    }
    @media only screen and (max-width:641px) {
        .pum-container {
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background-color: rgba(255, 255, 255, 0.8) !important;
        }
        .pum-content {
            height: 100% !important;
        }
        .pum-close {
            position: fixed !important;
            top:0 !important;
            right: 15px !important;
            width: 50px!important;
        }
        .popupContainer {
            width: 100% !important;
            height: auto !important;
            left: 0 !important;
            background-color: rgba(255, 255, 255, 1) !important;
            padding: 5px !important;
            position: relative !important;
            top: 50% !important;
            transform: translatey(-50%)
        }
        .popupContainer h4 {
            font-size: 30px;
            margin-bottom: 0px;
            padding: 0px 10px !important;
        }
        .popupContainer p {
            font-size: 14px !important;
            margin-bottom: 0px !important;
            padding: 0px 10px !important;
        }
        .popupContainer .gform_wrapper {
            padding: 5px 10px !important;
            margin-bottom: 0px !important;
        }
        .popupContainer .gfield_label,
        .popupContainer .name_first label,
        .popupContainer .name_last label {
            display: none !important;
        }
        .popupContainer input {
            margin-top:0px !important;
        }
        .popupContainer .ginput_container,
        .popupContainer .gfield,
        .popupContainer .gfield span {
            margin-top: 5px !important;
            margin-bottom: 0px !important;
        }
        .popupContainer input::placeholder {
            font-size: 14px;
        }
        .popupContainer li.gchoice {
            margin-bottom: 5px;
        }
        .popupContainer .gform_legacy_markup_wrapper .gform_footer {
            margin-top: 0px;
        }
        .popupContainer input {
            line-height: 1.3 !important;
        }
    }
    /* END POPUP FORM MOBILE FIX */

    /* POPUP FORM FOR LIGHTBOXES */
    .pum-theme-lightbox .pum-container {
        background-color: white !important;
        padding: 45px !important;
    }
    .pum-theme-25703 .pum-title,
    .pum-theme-lightbox .pum-title {
        font-family: 'Saira Extra Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 5rem;
        line-height: 2.5rem;
        padding-bottom: 0px;
    }
    .pum-theme-25703 .pum-title::after,
    .pum-theme-lightbox .pum-title::after {
        content: " ";
        display: inline-block;
        width: 100%;
        height: 2px;
        border-bottom: 1px solid lightgray;
    }
    .pum-theme-25703 .pum-content,
    .pum-theme-lightbox .pum-content {
        column-count: 2;
        column-gap: 3em;
    }
    .pum-theme-25703 .pum-content,
    .pum-theme-lightbox .pum-content {
        color: #4D4E4E;
        letter-spacing: 0.5px;
        line-height: 1.5;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
    }
    @media only screen and (max-width: 1130px) {
        .pum-theme-25703 .pum-content,
        .pum-theme-lightbox .pum-content {
            column-count: 1 !important;
        }
    }
    @media only screen and (max-width: 800px) {
        .pum-theme-25703 .pum-content,
        .pum-theme-lightbox .pum-content {
            font-size: 13px;
            letter-spacing: 0;
            line-height: auto;
        }
        .pum-theme-lightbox .pum-container {
            padding: 45px 15px !important;
        }
    }
    /* END POPUP FORM FOR LIGHTBOXES */

    /* Extra Padding Custom Class */
    @media only screen and (min-width: 1200px) {
        .extraPaddingLeft .media-content-content-container,
        .extraPaddingLeft .col--1of2 {
            padding: 75px 8% 75px 0%;
        }
        .extraPaddingRight .media-content-content-container,
        .extraPaddingRight .col--1of2 {
            padding: 75px 11% 75px 0%;
        }
    }
    /* END Extra Padding Custom Class */

    /* Admin Page Customization */
    .page-id-28470 .hero-large {
        background-position: 50% 70%;
    }
    .page-id-28470 #Testimonialchad {
        background-position: center bottom !important;
    }
    @media only screen and (min-width: 768px) {
        .page-id-28470 .hero-large .col-sm-10 {
            width: 63.33333%;
        }
        .page-id-28470 .hero-large .offset-sm-1 {
            margin-left:18.333333%;
        }
        #adminTrainingCards {
            padding-top: 90px;
            padding-bottom: 0px;
        }
        #adminTrainingText {
            padding-top: 0px;
            padding-bottom: 90px;
        }
    }
    /* END Admin Page Customization */

    /* Awards section spacing */
    .awardsSection h6 {
        margin-top: 25px;
        margin-bottom: 0px;
    }
    /* END awards section spacing */

    /* Biometrics Page */
    .page-id-29332 .xcomponent.content-two-column > .container > h2.section__title {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .page-id-29332 .xcomponent.content-two-column > .container > h2.section__title::after {
        content: " ";
        display: block;
        width: 90%;
        margin: 0 auto;
        border-bottom: 1px solid grey;
        transform: translatey(2 5px);
    }
    .page-id-29332 #bioSection1 {
        padding-bottom: 0px;
    }
    #bioCallout {
        background-color: #244b43;
        color: white;
        outline: 4px solid #b7babc;
        outline-offset: 4px;
        padding: 15px;
        transform: translatey(-20px);
    }
    #bioCallout h3 {
        margin-top: 0px;
    }
    /* Biometrics Page */

    /* Project Contact Cards */
    iframe.projectContact {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 655px;
        position: relative;
    }
    .page-id-29719 .xcomponent.content-one-column p > .btn {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .page-id-29719 .intro__content {
        justify-content:center;
    }
    /*END Project Contact Cards */

    /*HIDE NAVS AND PAGE TITLES*/
    .page-id-29719 header.header,
    .page-id-29719 footer,
    .page-id-29719 .page-header {
        display:none;
    }
    .page-id-29332 header.header {
        display: none;
    }
    /*END HIDE NAVS AND PAGE TITLES*/

    /* OL UL responsive fix */
    @media only screen and (max-width: 767px) {
        ol,
        ul {
            padding: 25px;
        }
    }
    /* END OL UL responsive fix */

    /* WIC 2023 Customization */
    @media only screen and (min-width: 994px) {
        .page-id-35062 .container,
        .page-id-31195 .container {
            width: 90%;
        }
        .page-id-31195 .xcomponent.content-media .media-content-content-container h5:first-of-type,
        .page-id-35062 .xcomponent.content-media .media-content-content-container h5:first-of-type {
            margin-top: 0px;
        }
        .page-id-31195 .media-content-content-container {
            width: 60%
        }
        .page-id-31195 .media-content-media-container {
            width: 40%
        }
        #WIC-Hero-2023 {
            padding-top: 125px;
            padding-bottom: 125px;
        }
        #WIC-Hero-2023 .offset-sm-1 {
            margin-left: 0;
        }
        #WIC-Hero-2023 .intro__content {
            margin-left: 0;
            max-width: 60%
        }
        #WIC-Intro .introText {
            padding-right: 95px;
        }
        #BrianaWIC,
        #JohanaWIC,
        #GeriWIC {
            height: 580px;
        }
        #BrianaWIC .btn,
        #JohanaWIC .btn {
            margin-top: 15px;
        }
        #BrianaWIC {
            background-position: right 80px center !important;
        }
        #BrianaWIC .col-sm-5 {
            transform: translateY(25%);
        }
        #BrianaWIC .btn,
        #JohanaWIC .btn {
            margin-top: 15px;
        }
        #JohanaWIC {
            background-position: left 50px center !important;
        }
        #JohanaWIC .col-sm-5 {
            transform: translateY(15%);
        }
        #GeriWIC {
            background-position: right 80px center !important;
        }
    }
    @media only screen and (max-width: 1300px) {
        .page-id-31195 .xcomponent.content-media p,
        .page-id-35062 .xcomponent.content-media p {
            font-size: 14px;
        }
        .page-id-31195 .container,
        .page-id-35062 .container {
            width:80%;
        }
        #BrianaWIC {
            background-position: right 50px center !important;
        }
        #BrianaWIC .col-sm-5 {
            transform: translateY(0%);
            width: 55%;
        }
        #BrianaWIC .btn,
        #JohanaWIC .btn {
            margin-top: 15px;
        }
        #JohanaWIC {
            background-position: left 50px center !important;
        }
        #JohanaWIC .col-sm-5 {
            transform: translateY(0%);
            width: 55%;
        }
        #GeriWIC {
            background-position: t 50px center !important;
        }
        #GeriWIC .col-sm-5 {
            width: 55%;
        }
    }
    @media only screen and (max-width: 992px) {
        .page-id-31195 .xcomponent.content-one-column p>.btn,
        .page-id-35062 .xcomponent.content-one-column p>.btn {
            margin-top: 0px;
        }
        #WIC-Hero-2023 .intro__content h1 {
            display: inline-block;
            margin-left: 0;
            padding-right: 35%;
        }
    }
    @media only screen and (max-width: 767px) {
        #BrianaWIC .col-sm-5 {
            transform: translateY(60%);
            width: 95vw;
            padding-right: 35px;
        }
        #BrianaWIC {
            background-position: center center !important;
            margin-bottom: 50%;
        }
        #JohanaWIC {
            background-position: center center !important;
            margin-bottom: 40%;
        }
        #JohanaWIC .col-sm-5 {
            transform: translateY(60%);
            width: 95vw;
            padding-right: 35px;
        }
        #GeriWIC {
            background-position: center center !important;
            margin-bottom: 40%;
        }
        #GeriWIC .col-sm-5 {
            transform: translateY(60%);
            width: 95vw;
            padding-right: 35px;
        }
    }
    /* END WIC 2023 Customization */

    /* oversizeImage Custom Class */
    @media only screen and (min-width: 1300px) {
        .oversizeImage {
            padding: 0px;
            margin: 45px 0px 45px 0px;
        }
        .oversizeImage img {
            transform: scale(1.2)translateX(-10%);
        }
    }
    /* END imageAnimate Custom Class */

    /* Fred Harvey WRP Edits */
    .page-id-31591 #menu-primary-navigation li.menu-item,
    .page-id-31591 .header__bar {
        display: none;
    }
    .page-id-31591 .header-nav {
        height: 20px;
    }
    .page-id-31591 a.logo {
        display: none;
    }
    .page-id-31591 h1 {
        text-align: center;
        margin-top: 0px;
    }
    .page-id-31591 .header__inner .container::after {
        content: " ";
        display: inline-block;
        width: 250px;
        height: 80px;
        background-image: url(https://r85227.a2cdn1.secureserver.net/wp-content/uploads/2019/06/logo.png?time=1679008466);
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        left: 50%;
        transform:translateX(-50%)
    }
    /* END Fred Harvey WRP Edits */

    /* IMG FLEX WRAP */
    .imgFlexWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .imgFlexWrap img {
        margin-bottom: 5px;
        width: 33%
    }

    /* Closes the 1200px desktop-only block opened under Data centers. */
}

.redHov {
    background-color: white;
}

@media (min-width: 1201px) {
    .header-mm {
        & #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            & .mega-menu-item.mega-menu-tabbed {
                > .mega-sub-menu {
                    padding: 40px 0;
                    background-color: #4a4a4a;
                }
            }
        }
    }
}

@media (min-width: 1201px) {
    .header-mm {
        & #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            & .mega-menu-item.mega-menu-grid {
                & .mega-sub-menu {
                    & .mega-sub-menu {
                        .mega-menu-columns-3-of-12 {
                            background-color: #fff;
                            padding-left: 1.5%;
                            padding-right: 1.5%;
                            /* width: 22%; */
                            padding-top: 60px;
                            padding-bottom: 60px;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 1201px) {
    .header-mm {
        & #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            & .mega-menu-item.mega-menu-grid {
                & .mega-sub-menu {
                    & .mega-sub-menu {
                        .mega-menu-columns-4-of-12 {
                            background-color: #fff;
                            padding-left: 1.5%;
                            padding-right: 1.5%;
                            /* width: 22%; */
                            padding-top: 20px;
                            padding-bottom: 20px;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 1201px) {
    .header-mm {
        & #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
            & .mega-menu-item.mega-menu-grid {
                & .mega-sub-menu {
                    & .mega-sub-menu {
                        .mega-menu-columns-2-of-12 {
                            background-color: #fff;
                            padding-left: 1.5%;
                            padding-right: 1.5%;
                            /* width: 22%; */
                            padding-top: 20px;
                            padding-bottom: 20px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1201px) {
    #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation {
        & li.mega-menu-item {
            > a.mega-menu-link {
                margin: 0px 0;
                padding: 0 22px;
            }
        }
    }
}

#mega-menu-38396-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-236-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-230-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-35358-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-35319-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-35325-0-0 {
    background-color: #4a4a4a !important;
}

#mega-menu-35362-1-0 {
    padding-top: 20px !important;
    padding-bottom: 20px!important;
}

#mega-menu-35366-1-1 {
    padding-top: 20px !important;
    padding-bottom: 20px!important;
}

#mega-menu-35363-1-1 {
    padding-top: 20px !important;
    padding-bottom: 20px!important;
}

#mega-menu-35363-1-0 {
    padding-top: 20px !important;
    padding-bottom: 20px!important;
}

#mega-menu-35364-1-1 {
    padding-top: 60px !important;
    padding-bottom: 20px!important;
}

/* Boxed content + media stack. Matches production style.css. */
@media (max-width: 1023px) {
    div.media--right .row {
        display: flex;
        flex-direction: column-reverse;
    }
    div.media--right .row h3 {
        margin-top: 25px;
    }
}

/* Tablet content + media. The row margin wins over the compiled -25px gutter. */
.xcomponent.content-media .row {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 1023px) {
    .container {
        width: 100%;
    }
    .media--left .section__image {
        position: relative;
        top: -35px;
        left: 15px;
    }
    .media-content-media-container img {
        width: 100%;
    }
}

/* DELETE ME LATER: temporary Sundt SCQ styles. Move into the plugin, then remove this block. */
.sundt-scq__question-prompt {
    margin-bottom: 10px;
}

.sundt-scq__choice-label {
    font-weight: 700;
}