/***************************************************************************
                            GENERAL TEMPLATE
****************************************************************************
BASE COLORS
-----------
** Light green:                         #89B47C
** Dark green:                          #336526
** Dark red:                            #A50A24
** Body background:                     #EAEDE6
****************************************************************************/
body {
    min-height: 100vh;
    background-color: #EAEDE6;
}
header {
    background-color: #89B47C;
}
header .h1 {
    letter-spacing: 5px;
}
#desktopNavbar {
    background-color: #336526;
}
#desktopNavbar a {
    color: #FFF;
}
footer {
    margin-top: auto;
    background-color: #89B47C;
    color: #FFF;
}
footer a {
    color: #FFF;
}
footer a:hover {
    color: #336526;
}
.green-letters {
    color: #336526;
}
.red-letters {
    color: #A50A24;
}

.red-frame {
    border:2px solid #A50A24;
    background-color: #FFF;
    border-radius: 8px;
    overflow: hidden;
}
@media screen and (min-width : 576px) {
    .red-frame {
        box-shadow: 8px 8px 7px #C3C7BF;
    }
}

/***************************************************************************
                              EVENTS PAGE
****************************************************************************/
.event-box {
    color: #336526;
}
.event-box:not(:last-child) {
    border-bottom: 2px solid #336526;
}
.event-box .btn {
    color: #FFF;
    background-color: #A50A24;
    border-radius: 0;
}