/* Wide screen special media style below */
html {width: 100%;}
body {
    font-family: open-sans, 'Montserrat', sans-serif;
    background: #e8fafc;
}

.body-top { 
    /* The banner is ALWAYS a member of this class */
    /* font-family: arial, sans-serif; */
    font-weight: 400; 
    line-height: 1.2; margin: 0 0 1em 0;
    margin: 0;
    padding: 4px;    
} 

.body-strip, .body-strip h1 {
    background-color: #da5e25; 
    color: #fcfcff; /* color: white; */
}

.body-strip-mine , .body-strip-mine h1 {
    background-color: #158d9c; 
    color: #fcfcff; /* color: white; */
    font-family: open-sans;   
} 

h2,h3,h4 {
    background-color: #d18c2e;
    color: white;
    padding: 5px;
}

.bottom-strip {
    background-color: #3e9bc1; 
    color: #fcfcff; /* color: white; */
    font-weight: 400; 
    line-height: 1.6; margin: 0 0 1em 0;
}

.normal {background-color: inherit; color: inherit;}

.panel-head-label {
    font-style: italic; float:right;
    font-size: 12px;
    color: black;
    background-color: #eeeeee; padding: 8px;
}

@media screen {
    h1 {
        font-weight: bold;
        font-family: open-sans;
        font-size: 30px;
        line-height: 45px;
    }    

    h2 {
        font-size: 25px;
        line-height: 35px;
    }    
}

@media screen and (min-width: 1000px) {
    /* SCHOOL EXTENDED STYLE - Style specific to the School Template */
    h1 {
        margin: 0.8em 0 0.5em 0;
        text-decoration: none;
        border-radius: 1px 1px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 20px;padding-left: 20px;text-align: center;                
    }

    h2 {
        /* No color outside theme !! */    
        margin: 0.8em 0 0.5em 0;
        margin-right: 50px;
        border-radius: 7px 7px;    
        text-decoration: none;    
        margin-top: 10px;
        margin-left: 40px;padding-left: 40px;        
    }

    h3 {
        /* No color outside theme !! */    
        /* background-color: #e3875c; color: #f6eda7;    */
        margin: 0.8em 0 0.5em 0;
        border-radius: 10px 10px;  
        font-size: 15px;
        line-height: 30px;
        margin-top: 8px; 
        margin-left: 60px;padding-left: 60px;        
    }

    h4 {
        margin: 0.8em 0 0.5em 0; 
        font-size: 12px;
        background-color: #e3875c; color: #f6eda7;
        line-height: 16px;
        margin-top: 4px;
        margin-left: 80px;padding-left: 80px;        
    }

    .body-strip {min-height: 120px; border: 6px solid #e9a67f; }

    .top-bar {font-size: 26px;}
    .top-bar a {text-decoration: none;}
    .top-username {color: maroon; font-size: 26px; text-decoration: none;}

    .big-roman ,a.big-roman:hover, a.big-roman:visited {
        color: #29494f; font-size: 30px; line-height: 46px;
        font-style: italic; text-decoration: none;
    }

}

@media screen and (max-width: 44em) {
    html { margin: 0; }    
}

/* set the background according to site area (VCname) - class determined by ENGINE->templateFile */
.body-top.home {
    background-color: #EAEBD7; 
}

.body-top.school {background-color: #faf4a6;}
.body-top.course {background-color: #c4fcfb;}

.body-top.mute-keywords {
    /* This overrides various media borders and stays at the bottom */
    /* set on banner to show pages where keywords wil be muted = Not maintained for searches */
    background-color: #da5e25; 
    border-color: #000000;
    border-radius: 5px;
}

.body-top.admin-only, .body-top.admin-only h1  {
    background-color: #16a122;    
    border-color: #0c8c39;
    border-radius: 5px;
}

.body-top.members-only, .body-top.members-only h1{
    background-color: #8c9cbe;    
    border-color: blue;
    border-radius: 5px;
}

.body-top.help-page {
    border-color: green;
}