/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

/* CONTENT - START */

/* ------------------------------------------------------------------------------------------------------------------ */

/* DESKTOP FIRST - GENERAL - START */

div.notices {
    font-family: "PT_Serif-Web", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #595959;
    margin: 0 0 55px;
}

div.notices p {
    margin: 0;
}

div.notices h1 {
    font-size: 35px; text-transform: uppercase;
    color: #4f4229;
    margin: 0 0 30px;
}

div.notices .content .notice-block:not(:last-child) {
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(209, 200, 182);
    margin-bottom: 15px;
    display: table;
}

div.notices .content .notice-block .notice-container {
    display: table-row;
}

div.notices .content .notice-block .notice-container .date-container {
    display: table-cell;
}

div.notices .content .notice-block .date {
    width: 70px;
    background-color: rgb(236, 231, 221);
    padding: 5px;
}

div.notices .content .notice-block .date p.day {
    font-size: 30px;
    text-align: center;
}

div.notices .content .notice-block .date p.monthyear {
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
}

div.notices .content .notice-block .notice {
    padding-left: 25px;
    display: table-cell;
    vertical-align: top;
}

div.notices .content .notice-block .notice h2 {
    font-family: "PT_Serif-Web", Arial, sans-serif;
    font-size: 18px;
    color: black;
    margin: 0 0 15px;
}

div.notices .content .notice-block .notice .notice-content {
    margin: 0 0 15px;
}

div.notices .content .notice-block .notice .button-container a {
    color: white;
    padding: 6px 12px;
    text-transform: uppercase;
    display: inline-block;
    background-color: rgb(201, 166, 98);
}

/* DESKTOP FIRST - GENERAL - END */

/* ------------------------------------------------------------------------------------------------------------------ */

/* DESKTOP FIRST - MOBILE ONLY - START */

@media only screen and (max-width: 767px) {

    div.notices {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 30px;
    }

    div.notices h1 {
        font-size: 30px;
        margin: 20px 0;
    }

    div.notices .content .notice-block .notice {
        padding-left: 15px;
    }

}

/* DESKTOP FIRST - MOBILE ONLY - END */

/* ------------------------------------------------------------------------------------------------------------------ */

/* CONTENT - END */

/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */