/*  ============= 1H v1.31 =================== */

/*========== Page tabs =============*/

.pageSubHead {
	max-width: 1270px;
	margin: 0;
	text-align: left;  
	height: unset; 
	padding-right: 0;
	padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 0;
}

.pageSubHead  > .pagination {
	display: inline-block;
	max-width: 1270px;
	margin: 0;
	text-align: left;  
	height: unset; 
	padding-right: 10px;
	padding-left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: -5px;
}
.modal{
z-index: 999999;
}

header {
    color: white;
    width: 100%;
}

#header-group{
	width: 100%;
    /*	max-width: 1200px;*/
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#header-schoolName{
    font-size:35pt;
    top: 45px;
    left: 110px;
    font-weight: bold;
}


#header-schoolMotto {
    font-size:20pt;
    top: 100px;
    left: 110px;
}

#header-leftimage{
/*    background: url(/_styles/svg/header_left.svg) left no-repeat;
    width: 500px;
    height: 250px;
    top: 0;
    left: 0;*/

}


#header-rightimage {
/*    background: url(/_styles/svg/header_right.svg) right no-repeat;
    width: 500px;
    height: 250px;
    top: 0;
    right: 0;*/

}

#header-logo {
    background: url(/_styles/images/header_logo.png) no-repeat;
    width: 110px;
    height: 110px;
    top: 15px;
    left: 20px;
}

/*#main-nav {
    width: 100%;
    /*background: #006637;*!/
    }*/



    #navBarH {
        /*    max-width: 1180px;*/
        width: 100%;
        margin-left: auto ;
        margin-right: auto ;
    }

/*    #subHeadImage {
	color: white;
    height: 350px;
    width: 100%;
    background-image: url(/_styles/images/subhead_image.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 1920px 350px;
    -o-background-size: 1920px 350px;
    -webkit-background-size: 1920px 350px;
    }*/

/*----------- SCHOOL MESSAGE -----------*/

.scrollingTxt2 {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: #FFD400;
  /* border-radius: 5px; */
  /* box-shadow: 2px 2px 6px rgba(150, 150, 150, 0.4); */
  /* border-style: solid; */
  /* border-width: 1px; */
  /* border-color: white; */
  z-index: 400;
}

.scrollingTxt2 h2 {
	font-family: Arial, Helvetica, sans-serif;
}
.scrollingTxt2 span {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 1.3em;
  color: white;
  white-space: nowrap;
  background-color: none;
  line-height: 39px;
  text-align: left;
  /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scrollingTxt2 30s linear infinite;
 -webkit-animation: scrollingTxt2 30s linear infinite;
 animation: scrollingTxt2 30s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scrollingTxt2 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrollingTxt2 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrollingTxt2 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.scrollingTxt2 :hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 }

.warning {
  background: repeating-linear-gradient(-60deg, #B40000, #B40000 10px, #C80F0F 10px, #C80F0F 20px);
}

.warning span {
  color: yellow;
  font-weight: 800;
  text-transform: uppercase;
}

@media all and (max-width: 768px) {
.scrollingTxt2 span {
 -moz-animation: scrollingTxt2 10s linear infinite;
 -webkit-animation: scrollingTxt2 10s linear infinite;
 animation: scrollingTxt2 10s linear infinite;
}

}

    /*============== Over ride for 0 border on tabs ================================*/
    .pageSubHead  > .pagination {
        padding:1; 
    }

    /*========================== Footer ================================*/

    footer {
        /*    background: white;*/
        /*    min-height: 200px;*/
        overflow: hidden;
        width: 100%;
        opacity: 1;
    }

    #awards {
        width: 90%;  
        text-align: center;  
    }

    #socialm {
       height: 0;
       text-align: center;
       visibility: collapse;
   }

   #customeraddress {
/*    background: red;
    height: 80px;
    color: white;*/
    width: 100%;
}

#schoolNameFooter {
 /* font-size: 1.5em;*/
}

#schoolAdressFooter {
    /*font-size: 0.8em;*/
}


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


/*------------------bootstrap overide !!!!!------------------*/

.dropdown-menu {
  /*  position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;*/
    /*  background-color: #fff; */
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 0 solid rgba(0, 0, 0, .15);*/
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
/*    clear: both;
font-weight: normal;*/
/*  1.4 fixes drop down alignment  */
line-height: 1.4;
/*  text colour*/
/*    color: #ffffff;*/

/*#ffffff-space: nowrap;      ??????????*/
}

/*-------------------------------*/



.sm-simple {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto 0;
   /* border: 0 solid white;
   background: #006637;*/
   -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);
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    color: white;
font-size: 14px;
	line-height: 15px;
}

/*.sm-simple li {
    border-top: 1 #00A800;
    }*/


    .sm-simple ul {
    /*border: 0 solid black;
    background: #006637;*/
    -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);
}

.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
    font-size: 14px;
}
/*text colour in nav bar*/
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    /* padding: 11px 20px;*/
    color: rgba(255, 255, 255, 1);
}

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

.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    /*text colour hover*/
    /*color: rgba(0, 102, 55, 1);*/
    /*background colour hover*/
    /* background: rgba(221, 239, 201, 1);*/
}
/*.sm-simple > li {
          border-top: 0;
          border-left: 3px;
          }*/

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




    /*========================== Page tabs ================================*/

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        /*    float: r;*/
        padding: 10px 10px;
        margin-left: -1px;
        line-height: 1;
        color: #006637;
        text-decoration: none;
        background-color: #BFE298;
        border: 0 solid red;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: 3px;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: white;
        /*background-color: #006637;*/
        border: 0 solid #F9FCF5;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        color: white;
        /*   background-color: #006637;*/
        border: 0px solid #F9FCF5;
    }


    /*========================== All main content ================================*/

    .pageContent{
        margin-bottom: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: rgba(255, 255, 255, 1.0);
        border: 1px solid #97ca5f;
        -moz-box-shadow: 2px 2px 4px #dfdfdf;
        box-shadow: 2px 2px 4px #dfdfdf;


    }




    /*========================== Aside Panel ================================*/


    #appendAsidePannel {
        margin: 2px;
        margin-left: 1%;
        margin-top: 0;	
        /*background-color: #F4FFE8;*/
        /*border: 1px solid #97ca5f;*/
        -webkit-border-radius: 5px; 
        border-radius: 5px; 
        -moz-box-shadow: 2px 2px 4px #dfdfdf;
        box-shadow: 2px 2px 4px #dfdfdf;
        /*-webkit-backdrop-filter: blur(10px) saturate(100%);*/
    }

    .pagination{
       display:inline}
       .asidePannel > .pagelink    {
        text-align: left;
    }
    .pagelink a{
        font-size: 11px;
        background: #C0C0C0;
        color: #ffffff;
        text-decoration: none;
        padding: 3px 8px;
        border-radius: 6px;
        box-shadow: 0px 0px 0 #eee;
        display: inline-block;
        margin: 1em 0;
        line-height: 1.2;
    }




    /*  ======================================================================= */




    /* Too narrow to support three columns */

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

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

        #main-nav{
            height: 40px;
        }

        header {       
            height: 120px;
        }

        #header-schoolName{
            font-size:19pt;
            top: 26px;
            left: 80px;
        }

        #header-schoolMotto {
            font-size:16pt;
            z-index: 20;
            position: absolute;
            top: 60px;
            left: 80px;
            /*color: #006637;*/
        }

        #header-logo {
            background: url(/_styles/svg/appleacademy_logo_small.svg) no-repeat;
            top: 15px;
            left: 20px;
            background-size: 48px 82px;
            -o-background-size: 48px 82px;
            -webkit-background-size: 48px 82px;
        }
        .dropdown-menu {
            min-width: 100%;
				/*    clear: both;
                font-weight: normal;*/
                /*  1.4 fixes drop down alignment  */
                line-height: 1.4;
                /*  text colour*/
                /*    color: #ffffff;*/

                /*#ffffff-space: nowrap;      ??????????*/
            }

            /*------Main Menu H ------------pagination 760 width------------------*/



            .pageSubHead {
                max-width: 1200px;
                margin: 0;
                text-align: left;  
                background-color: transparent;
                height: auto; 

                padding-right: 10px;
                padding-left: 10px;
                padding-top: 10px;

            }

            .pagination, pagination-sm {
               height: auto;
               border-radius: 5px;
           }

           .pagination > li > a,
           .pagination > li > span {
            position: relative;
            /*                    float: r;*/
            padding: 5px 10px;
            margin-left: 10px;
            line-height: 22px;
            color: #006637;
            /* background-color: #BFE298; */
            border: 0 solid red;

            border-radius: 5px;

            margin-right: 2px;
            margin-bottom: 2px;
            font-size: 12px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 10px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
           border-top-right-radius: 5px;
           border-bottom-right-radius: 5px; 
       }

       .pagination > li > a:hover,
       .pagination > li > span:hover,
       .pagination > li > a:focus,
       .pagination > li > span:focus {
                    /* color: white;
                    background-color: #006637;
                    */
                    border: 0 solid #F9FCF5;
                }
                .pagination > .active > a,
                .pagination > .active > span,
                .pagination > .active > a:hover,
                .pagination > .active > span:hover,
                .pagination > .active > a:focus,
                .pagination > .active > span:focus {
              /* 
      color: #006637;
                    background-color: #BFE298;
                    */
                    border: 0 solid #F9FCF5;
                    border-radius: 5px;

                }
                .pageSubHead  > .pagination {
                    margin-bottom: 5px;
                }
                
                .asidePannel { 
                    width:100%;
                    font-size:10pt;
                }

            }