/*Green1.5*/

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

header {
    color: #ffffff;
}


#header-schoolName{
    color: #006837;
}


#header-schoolMotto {
    color: #5FB400;
}


#main-nav{
    background-color: #5fb400;
}

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


/*#navBarH {
      background-color: #5FB400;
          }*/

footer {
    background-color: #ffffff;
}

#customeraddress {
    background-color: #5fb400;
    color: #ffffff;
}





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


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

.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: #5fb400;
    /*-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: #5FB400;
    color: #ffffff;
}

/* dropdown background colour */
.sm-simple ul {
    border: 0 solid black;
    background-color: #5fb400;
    /*-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: #006837;
}

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

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

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


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

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

.pagelink a{
    color:#006837;
}






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

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

            #header-schoolMotto {
                color: #5fb400;
            }

            .sm-simple {
                background-colour: #5fb400;
            }

            .dropdown-menu {
                min-width: 100%;
            }

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

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

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