/** Custom CSS added by Charles on 10/04/2016 **/

/*** DESKTOP VIEW CONTROL ***/
body.custom-background {
   background-color: #9b0303 !important; 
}
/*** BACKGROUND COLOR FOR MAIN BODY OF TEXT ****/
/**
.site {
    padding: 0px 24px;
    background-color: #f9e68b;
} **/


.themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a{
background-color: #f9e68b;
font-size: 15px;
color: black;
}

.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul{
background-color: #f9e68b;
border-bottom: #f9e68b;

}



/*** Controls layout for Ipad 
@media screen and (max-width: 768px) {
p, h1, h2 {

   color: #f9e68b;
}
.site {
    padding: 0px 24px;
    background-color: #9b0303 !important;
}

#masthead {

background-color: #9b0303;
    }
}  



***/

/*** Controls color surrounding the header image ****/
#masthead {

background-color:   #f9e68b;
}

/*** MOBILE LAYOUT CONTROLS ***/
@media screen and (max-width: 600px) {
    .themonic-nav{
        display: none;
    }
/**
p, h1, h2 {

   color: #f9e68b;
}
.site {
    padding: 0px 24px;
    background-color: #9b0303 !important;
} **/
   
}


@media screen and (min-width: 601px) {
#shiftnav-toggle-main-button {
       display: none;
}

}