
body.custom-background {
    background: #FFF!important;
}

.header-overlay .row {
    padding: 7.5rem 0;
}

.header-overlay:after, .socialproof:after {
    content:'';
    display: block;
    clear: both;
}

    .header .logo {
        display: block;
    }

    #welcome-gate-header .welcome-gate-header-image {
        display: flex; 
        flex-direction: row; 
        align-items: flex-end;
        padding: 0;
    }

        #welcome-gate-header .welcome-gate-header-image.no-spacing img {
            margin-bottom: -7.5rem;
        }

    .header .text-left .logo,
    .header .text-right .logo {
        margin: 0;
    }

    .header h1 {
        font-weight:800;
        font-size: 3.25rem;
        margin:0 0 1.5rem 0;
    }

    .header h2 {
        font-weight: 800;
        font-size: 1.625rem;
        margin:0 auto 3rem auto;
    }

    .header a.button.primary, .content a.button.primary {
        font-weight:800;
        border-radius: 0.1875rem;
        padding:1rem 2rem;
        font-size: 2rem;
        text-transform: uppercase;
        height: auto;
        line-height: 1;
        margin: 0 0 2rem 0;
    }

    .header a.button.primary:hover {
        border-color: #fff;
    }

    .header small {
        font-size: 0.875rem;
    }

.welcomegate .socialproof {
    padding: 1.5rem 0
}

    .socialproof p {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.875rem;
        letter-spacing: 0.1rem;
        margin:1.5rem 0 0 0;
    }

    .socialproof ul {
        list-style: none;
        padding: 1.5rem 0;
        margin:0;
    }

    .socialproof ul li {
        display: inline-block;
        margin:0 1rem;
    }

    .socialproof blockquote {
        position: relative;
        padding: 1.5rem 0 2.5rem 0;
        margin-bottom: 1.5rem;
        border: none;
    }

    .socialproof blockquote p {
        font-style: italic;
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .socialproof blockquote img {
        width:7.5rem;
        height:7.5rem;
        margin:1.5rem 1.5rem 0 0;
        border-radius:100%;
        float: left
    }

    .socialproof blockquote strong {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        opacity: 0.7;
    }

.content {
    padding:2.5rem 0;
}

    #primary article blockquote p {
        margin: 0 0 1.5rem 0;
    }

    #primary article blockquote p:last-child {
        margin: 0;
    }

    #primary article blockquote:after {
        position: absolute;
        text-align: right;
        font-size: 8em;
        font-family: 'Arial';
        right: 2rem;
        top: 0;
        line-height: 1;
        z-index: 1;
    }

    #primary article blockquote img {
        width:7.5rem;
        height:7.5rem;
        margin:0.5rem 3rem 1.5rem -1rem;
        border-radius:100%;
        float: left
    }

    #primary article blockquote strong {
        display: block;
        text-align: right;
        font-size: 0.875rem;
    }

    .content a.button.primary {
        display: inline-block;
        margin:2rem -2rem;
    }

    #primary article {
        margin: 0;
    }

#footer-navigation {
    margin: 0 0 2rem 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .content a.button.primary {
        margin: 2rem 0;
    }

    #primary article blockquote {
        margin: 0 0 2rem 0!important;
    }

    footer.site-footer .site-info {
        margin-top: 2rem;
    }

    #footer-navigation ul {
        padding: 0;
    }

    #footer-navigation ul li {
        display: block;
        margin: 0;
    }

    #footer-navigation ul li.is-dropdown-submenu-parent > a {
        display: none;
    }

    #footer-navigation ul li a {
        display: block;
        width: 100%;
        padding: 1rem;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

    #footer-navigation ul li ul,
    #footer-navigation .is-dropdown-submenu {
        display: block;
        width: 100%;
        left: initial;
        right: initial;
        bottom: initial;
        top: initial;
        position: relative;
    }

    #footer-navigation ul li ul li a,
    #footer-navigation ul li ul li ul li a {
        padding: 1rem 2rem;
        font-size: 0.75rem;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        display:block;
        width: 100%;
    }

    #footer-navigation ul li ul li ul li a {
        padding: 1rem 3rem;
    }

    #site-navigation ul li ul li:last-child a,
    #footer-navigation ul li ul li:last-child a {
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }
}