/* Styled Header + Paragraph */
    .styled-paragraph{
        padding-top: 10px;
        padding-bottom: 50px;
        position: relative;
        background-color: white;
    }

    .styled-paragraph::after{
        z-index: -1;
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        width: 15%;
        height: 100%;
        background-color: var(--teal);
    }

    .styled-paragraph h1{
        margin: 0 0 10px 0;
        font-size: 2.5em;
        font-weight: 600;
    }

    .styled-paragraph p{
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
    }

    /* Editor */

    .styled-paragraph input, .styled-paragraph textarea{
        display: block;
        margin: auto;
        max-width: var(--go--max-width);
        width: 100%;
    }

    .styled-paragraph input{
        margin-bottom: 10px;
        padding: 10px;
        font-family: 'Roboto Slab', serif;
        font-size: 2.5em;
    }

    .styled-paragraph textarea{
        padding: 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
    }

/* Latest Posts */

    .union-latest-posts{
        z-index: 1;
        display: grid;
        position: relative;
        padding: 0;
        gap: 40px;
        list-style: none;
        background-color: white;
    }

    .union-latest-posts li{
        margin: 0 0 10px 0 !important;
        padding: 40px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        text-align: center;
        background-color: white;
    }

    .union-latest-posts li h2, .union-latest-posts li p{
        margin: 0;
        margin-bottom: 20px;
        padding: 0 30px;
    }

    .union-latest-posts li button{
        height: fit-content;
    }

    .union-latest-posts li::before, .union-latest-posts li::after{
        z-index: -2;
        content: "";
        position: absolute;
        width: calc(100% + 8px);
        height: 25%;
        background-color: var(--orange);
    }

    .union-latest-posts li::before{
        top: -4px;
        left: -4px;
    }

    .union-latest-posts li::after{
        bottom: -4px;
        left: -4px;
    }

    .union-latest-posts .white-bar{
        z-index: -1;
        background-color: white;
        position: absolute;
        height: calc(100% + 8px);
        width: 50%;
    }

    @media only screen and (min-width: 960px){
        .union-latest-posts{
            grid-template-columns: 1fr 1fr 1fr;
        }
    }