/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

body {
    background-color:#e21e2d !important;
}

main.siteBody a {
    color: #e21e2d
}

a.navbar-brand-image > img {
    max-height: 100px;
    display: none;
}

.navbar-brand {
    font-size: 17px !important;
}

#mainmenu > ul > li.nav-item {
    text-align: center;
}

#mainmenu > ul > li.nav-item > a {
    text-transform: uppercase;
    font-weight: bold;
}

main.siteBody {
    margin-bottom: 80px;
}

#mainCol > main > div.item-page,
#userForm {
    background-color: #fff;
    padding: 20px 20px 40px;
    margin-top:20px;
    border-radius: 2px;
}

div.item-page a {
    color: #e21e2d;
}

#mainCol > main > div.com-content-article.item-page > div.page-header {
    background-color: #fff;
    padding: 0px 20px 20px;
}

#mainCol > main > div.com-content-article.item-page > div.com-content-article__body > div > div.card {
    margin-bottom:20px;
}

#sideBarCol div.sidebar.no-card {
    background-color: #fff;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 2px;
}

div#floatingFooter {
    padding: 20px;
    margin: 20px 0 0;
    text-align: center;
}

div#addressPhone {
    font-weight:bold;
}

div#floatingFooter > div > div {
    margin-bottom:20px;
}

div#floatingFooter a.fb-image > img {
    max-width: 200px;
}

footer {
    background-color: #7b7b7b;
}

div#moonlitMedia {
    text-align: center;
}

div#moonlitMedia > a {
    color: #fff;
}

/* All RSForm Forms - several pages */
div.formControls {
    text-align: center;
}

#Submit.btn-primary {
    background-color:#e21e2d;
    border-radius: 10px;
    color: #fff;
    border-color: unset;
}

/* This Week's Announcement Module */
span.mod_events_latest_date {
    margin-right: 20px;
}

/* Events Calendar Page */
div.jeventpage {
    padding:20px !important;
    border-radius:2px !important;
}

/* Video Page */
div#avs-category {
    padding: 20px;
    background-color: #000;
}

#avs-category div.avs-title a {
    color: #fff;
    text-decoration: none;
}

/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    a.navbar-brand-image > img {
        display: inline;
    }

    .navbar-brand {
        font-size: 23px !important;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    div.jeventpage {
        padding:20px 40px;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    div#floatingFooter {
        text-align: left;
    }
    div#floatingFooter > div > div > div#socialImage {
        text-align: right;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    #mainmenu > ul.me-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    #mainmenu > ul > li.nav-item > a {
        font-size: 16px;
    }
    #mainmenu > ul > li.nav-item.item-159 > a {
        background-color:#e21e2d;
        padding-left: 14px;
        padding-right: 14px;
        border-radius: 40px;
        color: #fff;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { ... }