/* Contact us page */
section a {
    color:#12616a;
    text-decoration: none;
}

section a:hover {
    color: #022327;
    text-decoration: underline;
}

/* People page */
#directors ul, #business-manager ul {
    list-style: none;
    padding: 0;
}

#business-manager li {
    padding: 0.5rem 0;
}

#previous-manager-spotlight figcaption {
    font-size: 1rem;
    text-align: center;
}

/* Rules and By-Laws page */
#rules.document, #by-laws.document {
    border: 2px solid #022327;
    padding: 0 0.5rem;
    margin: 1rem;
}

.document section {
    text-align: left;
    padding: 0;
}

#by-laws section h3, .document .header h2, .document .header {
    text-align:center;
}

#rules.document li, #by-laws.document li {
    margin: 1rem 0;
}

.document h3, .document .header h2 {
    font-weight: 500;
}

.document .footer {
    text-align: center;
    font-size: 0.9rem;
}

@media only screen and (min-width: 600px)  {
    .document {
        margin: 2rem;
        /* padding: 0 .5rem; */
        padding: 0 2rem;

    }

    .document section {
        padding: 1rem;
    }
}

/* Newsletter styles */

/* General styles */
#water-restrictions-link {
    display: flex;
    justify-content: center;    
    margin: 0.5rem;
    border: 2px solid #022327;
}

#newsletter.document {
    padding: 0 0.5rem;
    border: 2px solid #022327;
    margin: 0.5rem;
}

#newsletter section {
    text-align: left;
    padding: 0;
    margin-top: 2rem;
}

.box {
    border: 1px solid #022327;
    padding: 1rem;
    margin: 1rem 0;
    width: 80%;
}

.box h3 {
    margin: 0;
}

#newsletter section h3 {
    text-decoration: underline;
    font-weight: 600;
}

#newsletter section hr {
    width: 100%;
    margin: 0;
}

#content {
    display: block;
}

/* Table styles */
#newsletter table {
    text-align: left;
}

.table-container {
    width: 100%;
    overflow-x: auto;
}

/* Column styles */
#newsletter .column {
    padding: 1rem;
}

#left-column {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}

#left-column div, #left-column section {
    width: 100%;
}

#left-column ul {
    list-style: none;
    padding: 0;
}

#right-column {
    width: 100%;
    border: none;
}

#right-column section div {
    margin-top: 2rem;
}

/* Text class styles */
.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.centered {
    text-align: center;
}

.blue {
    background-color: #c1d2d4;
}

.gray {
    background-color: #cccfcf;
}

/* Specific case styles */
#bwc-office p {
    margin: 0;
}

#schedule-of-fees.box {
    width: 100%;
}

@media only screen and (min-width: 600px)  {
    .box {
        width: 40%;

    }

    #left-column {
        width: 100%;
        flex-direction: row;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    #left-column div, #left-column section {
        width: 40%;
    }
}


@media only screen and (min-width: 970px)  {
    /* General styles */
    #content {
        display: flex;
    }

    .box {
        width: 100%;
    }

    /* Column styles */
    #left-column {
        width: 30%;
        display: block;
    }

    #left-column div, #left-column section {
        width: 100%;
    }

    #right-column {
        width: 70%;
    }

    #newsletter #right-column {
        border-left: 1px solid #022327;
    }

    /* Specific case styles */
    #schedule-of-fees.box {
        width: 100%;
        overflow-x: auto;

    }

}