/*Blue1.5*/

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

header {
    color: #ffffff;
}


#header-schoolName{
    color: #006499;
}


#header-schoolMotto {
    color: #1ab6e4;
}


#main-nav{
    background-color: #1ab6e4;
}

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


#navBarH {
    background-color: #1ab6e4;
}

footer {
    background-color: #ffffff;
}

#customeraddress {
    background-color: #1ab6e4;
    color: #ffffff;
}



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


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

.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: #1ab6e4;
    /*-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: #006499;
    color: #ffffff;
}

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

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

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

.pagelink a{
    color:#006499;
}






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

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


    #header-schoolMotto {
        color: #1ab6e4;
    }

    .sm-simple {
        background-color: #1ab6e4;
    }


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

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

    /*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: #006499;
        background-color: #1ab6e4;
    }
    /* 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: #006499;
        background-color: #9bd4fb;
    }

    .pageContent{

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

    /*panel background colour*/	 
    #appendAsidePannel {
        background-color: white;
        border: 0px solid #9bd4fb;
        -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;
}