/* General */

    :root{
        --orange: #F0804A;
        --maroon: #851C05;
        --gray: #2E2D2D;
        --teal: #A6C7BF;
        --off-white: #FFFFE8;
        --yellow: #FFDB7E;
    }

    /* Default Link */

    a{
        color: #C64D10;
    }

    .content-area > *{
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: none !important;
        color: var(--gray) !important;
    }

    article h2{
        font-size: 2em;
        font-weight: 600;
    }

    .wp-block-button__link, button{
        outline: none !important;
        padding: 15px 40px;
        font-size: 1.1em;
        font-family: 'Roboto', sans-serif;
        color: var(--off-white);
        background-color: var(--teal) !important;
    }

    .wp-block-button__link, button a{
        outline: none !important;
        color: var(--off-white);
        text-decoration: none;
        transition: color .25s ease;
    }

    .wp-block-button__link:hover, .wp-block-button__link:focus, button:hover, button:focus{
        background-color: var(--teal);
    }

    .wp-block-button__link:hover, button:hover a{
        color: var(--yellow);
        transition: color .25s ease;
    }

    .wp-block-button__link:active, button:active a{
        color: var(--gray);
        transition: color .25s ease;
    }


    @media (min-width: 1730px){
        body{
            max-width: 1730px;
            margin-right: auto;
            margin-left: auto;
        }
    }

/* Header */

    /* Nav Toggle */

    .nav-toggle{
        outline: none !important;
        background: white !important
    }

    .nav-toggle:active{
        background-color: white;
    }

    /* Text */

    .site-header{
        margin-top: 15px !important;
    }

    .union-lit-logo{
        position: relative; 
    }

    .union-lit-logo a{
        color: var(--gray) !important;
        text-decoration: none;
    }

    .union-lit-logo span{
        display: block;
        padding: 5px 7.5px 0 7.5px;
        font: inherit;
        line-height: 1em;
        font-size: calc(24px + .25vw) !important;;
        font-family: "Roboto Slab", sans-serif !important;
        font-weight: 700;
        background-color: white; 
    }

    .union-lit-logo::after{
        z-index: -1;
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        width: 20%;
        height: calc(50% + 10px);
        background-color: var(--orange);
    }

    #menu-main a{
        outline: none;
        position: relative; 
        display: block;
        padding: 2.5px 5px;
        width: 100%;
        font-size: calc(40px + .25vw) !important;
        font-family: "Roboto", sans-serif !important;
        text-decoration: none;
        background: white;
    }

    #menu-main a::after{
        z-index: -1;
        content: "";
        position: absolute;
        bottom: -3px;
        right: -3px;
        width: 35%;
        height: calc(50% + 10px);
        background-color: var(--orange);
        opacity: 0;
        transition: opacity .25s ease;
    }

    #menu-main a:hover::after{
        opacity: 1;
        transition: opacity .25s ease;
    }

    #menu-main .current-menu-item a::after{
        opacity: 1;
    } 

    @media only screen and (min-width: 960px){
        #menu-main a{
            font-size: calc(20px + .25vw) !important;
            line-height: calc(20px + .25vw);
        }

        .site-header{
            margin-top: 0 !important;
        }
    }

/* Blocks */

    /* Block Quote */

    .wp-block-quote{
        margin-top: 20px;
        border-left: solid 4px var(--maroon) !important;
    }

    .wp-block-quote p{
        padding: 0 0 30px 0px !important;
        font-size: 1.1em;
        font-family: 'Roboto', sans-serif;
        line-height: var(--go--line-height);
    }

    .wp-block-quote p::before, .wp-block-quote p::after{
        content: "" !important;
    }

    /* Pull Quote */

    .wp-block-pullquote p{
        font-family: 'Roboto' !important;
        line-height: var(--go--line-height);
    }

    .wp-block-pullquote p::before, .wp-block-pullquote p::after{
        font-family: sans-serif;
    }

    /* Single Post */

    .post .title{
        text-align: center;
    }