/*Red 1.5*/

body {  
background-color: #ff2600; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#ff2600, #ffffff, #ffffff)no-repeat; /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ff2600, #ffffff, #ffffff)no-repeat; /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ff2600, #ffffff, #ffffff)no-repeat; /* For Firefox 3.6 to 15 */
background: linear-gradient(#ff2600, #ffffff, #ffffff)no-repeat; /* Standard syntax */
}

header {
    color: #ffffff;
}


#header-schoolName{
    color: #be1419;
}


#header-schoolMotto {
    color: #ff2600;
}


#main-nav{
    background-color: #ff2600;
}

/*.pageSubHead {
          background-color:rgba(0, 0, 0, 0);
          }*/


/*#navBarH {
      background-color: #ff2600;
          }*/

footer {
    background-color: #ffffff;
}

#customeraddress {
    background-color: #ff2600;
    color: #ffffff;
}


/*------------------bootstrap overide !!!!!----more in H1--------------*/


/* second dropdown text colour  ??????????*/
.dropdown-menu >  li > a:hover,
.dropdown-menu >  li > a:focus {
    color: #ffffff;
    background: #be1419; 
}

.dropdown-menu > li > a {
    color: #ffffff;

}


/*------------------main nav bar colours------------------*/

/*	normal state of menu buttons*/
.sm-simple {
    border: 0 solid #ffffff;
    background-color: #ff2600;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);*/
}

/* changes the selected tab*/
.sm-simple a.current {
    background-color: #ff2600;
    color: #ffffff;
}

/* dropdown background colour */
.sm-simple ul {
    border: 0 solid white;
    background-color: #ff2600;
    /*-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);*/
}

/* text colour in nav bar*/
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    color: #ffffff;

}

/*	rollover text and background colour */
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted, .dropdown-menu .sm-nowrap {
    color: #ffffff;
    background-color: #be1419;
}

.sm-simple ul > li {
    border-top: 1px solid white;
}
.sm-simple ul > li:first-child {
    border-top: 1px solid white;
}


/*------------------New Tabs pagination------------------*/

/* normal tab colour*/
.pagination > li > a,
.pagination > li > span {
    color: #FFFFFF;
    background-color: #ff2600;
}

/* rollover tab colour*/
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #ffffff;
    background: #BE1419;
    /*border: 1px solid #ffffff;*/
}

/* current tab colour*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #ff2600;
    background-color: #ffffff;
}
.pageContent{
    background: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: none;
}


/*------------------page and aside------------------*/

/*background of all articles*/

/*text colour*/
.asidePannel {
    /*color:#595959;*/
}

/*panel background colour*/	 
/*panel background colour*/	 
#appendAsidePannel {
    background-color: #ffffff;
    border: 1px #ffffff;
    box-shadow: none;
}

.pagelink a{
    color:#be1419;
}






/*------------------pagination 760 width------------------*/

@media all and (max-width: 768px) {


    #header-schoolMotto {
        color: #ff2600;
    }

    .sm-simple {
        background-color: #ff2600;
    }



    /*pagination background	*/
    .pageSubHead {  
        background-color: #fff8f8;
    }

    /*pagination rollover text and background */
    .pagination > li > a,
    .pagination > li > span {
        color: #be1419;
        background-color: transparent;
    }

    /*pagination active tab text and background */	
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #ffffff;
        background-color: #be1419;
    }

    /*pagination active tab text and background */				  
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        color: #be1419;
        background-color: #ff2600;
    }
    /* current tab colour*/
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        color: #be1419;
        background-color: #ffb6a8;
    }

    .pageContent{

        border: 0px solid #ffb6a8;
        -moz-box-shadow: 0px 0px 0px #dfdfdf;
        box-shadow: 0px 0px 0px #dfdfdf;
    }

    /*panel background colour*/	 
    #appendAsidePannel {
        background-color: white;
        border: 0px solid #ffb6a8;
        -moz-box-shadow: 0px 0px 0px #dfdfdf;
        box-shadow: 0px 0px 0px #dfdfdf;
        -webkit-backdrop-filter: blur(0x) saturate(100%);
    }


}



/*------------------hamburger------------------*/
/* Add a menu toggle button on small screens     */

.main-menu-btn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
    background: #ffffff;
}