/*Orange1.5*/

body {  
background-color: #ffffff;
background: -webkit-linear-gradient(#f5a623, #ffffff, #ffffff) no-repeat;
background: -o-linear-gradient(#f5a623, #ffffff, #ffffff) no-repeat;
background: -moz-linear-gradient(#f5a623, #ffffff, #ffffff) no-repeat;
background: linear-gradient(#f5a623, #ffffff, #ffffff) no-repeat;
}

header {
    color: #ffffff;
}


#header-schoolName{
    color: #d06102;
}


#header-schoolMotto {
    color: #f5a623;
}


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

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


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

footer {
    background-color: #ffffff;
}

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





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


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

.dropdown-menu > li > a {
    /*  text colour*/
    color: #ffffff;

}




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

/*	normal state of menu buttons*/
.sm-simple {
    border: 0 solid #ffffff;
    background-color: #f5a623;
    /*-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: #f5a623;
    color: #ffffff;
}

/* dropdown background colour */
.sm-simple ul {
    border: 0 solid white;
    background-color: #f5a623;
    /*-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: #d06102;
}

.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: #f5a623;
}

/* rollover tab colour*/
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #ffffff;
    background: #d06102;
    /*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: #f5a623;
    background-color: #ffffff;
}
.pageContent{
    background: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: none;
}


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

/*background of all articles*/
.pageContent{
    background: #ffffff;
    border: 1px solid #ffd591;
  }

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

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

.pagelink a{
    color:#d06102;
}






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

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

            #header-schoolMotto {
                color: #f5a623;
            }

            .sm-simple {
                background-colour: #f5a623;
            }



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

            /*pagination rollover text and background */
            .pagination > li > a,
            .pagination > li > span {
                color: #d06102;
                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: #d06102;
            }

            /*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: #d06102;
                background-color: #f5a623;
            }
            /* 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:#d06102;
                background-color: #ffd591;
            }
            
            .pageContent{
               
                border: 0px solid #ffd591;
                -moz-box-shadow: 0px 0px 0px #dfdfdf;
                box-shadow: 0px 0px 0px #dfdfdf;
            }
            
            /*panel background colour*/	 
            #appendAsidePannel {
                background-color: white;
                border: 0px solid #ffd591;
                -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;
}