#lowerhr, .pagebuttons{
display:none;
}
.dark{
color:#2758A5 !important;
}

.titlebar{
display:flex;
}
.sitetitle{
font-family:'Source Sans 3', Verdana, Arial;
font-weight: 800;
color:#ffffff;
font-size:1.8em;
flex-basis: 100%;flex-grow: 1;
flex-shrink: 1;
padding-left:10px;
}
.sitetitle a{
color:#ffffff;
text-decoration:none;
}
.iconbar{
text-align:right;
flex-basis: 120px;
flex-grow: 0;
flex-shrink: 0;
}
.iconbar i{
color:#ffffff;
padding:10px;
}
.newslettertable a{
	display:block;
	text-decoration:none;
	color:#333333;

}
.newslettertable a:hover{
color:#2758A5}
.newslettertable span{
font-weight:700;
display:block;
}
.newslettertable img{
float:left;
margin-right:10px;
padding:5px;
border:1px solid #EDF0F8;
background-color:#ffffff;
}
table.dataTable.newslettertable tbody tr.odd{
background-color:#EDF0F8 !important;
}

#contentcontainer.headingspacer{
padding-top:60px;
}
#translatesh{
display:none;
padding:10px;
background-color:#ffffff;
border-radius:6px;
}
.colinner ul {
  margin-left: 40px;
}
@media only screen and ( max-width: 1000px )
                {
                .sitetitle{
                font-size:1.6em;
                }
                #contentcontainer.headingspacer{
padding-top:30px;
}
                }
@media only screen and ( max-width: 850px )
                {
               
                #contentcontainer.headingspacer{
padding-top:0px;
}
                }


@media only screen and ( max-width: 600px )
                {
                .titlebar{
                flex-wrap:wrap;
                }
                .sitetitle{
                font-size:1.3em;
                text-align:center;
                }
                .iconbar{
                flex-basis:100%;
                text-align:center;
                }
                #translatesh{
                margin-left:10px;
                margin-right:10px;
                }
                }
/* Wave SVG */

.outerpad{
/* Apple fix */
margin-top:-1px;
border-top: 1px transparent solid ;
}
.wavetop{
width:100vw;
	overflow:hidden;
    /* Apple fix */
margin-top:-1px;

}
.wavebottom{
width:100vw;
	overflow:hidden;
    /* Apple fix */
margin-top:-1px;

}
.wavetop.footer{
padding-top:100px;
background-color:#fff;
background-clip: padding-box;
}
@media only screen and ( max-width: 1050px )
                {
                .wavetop.footer{
                padding-top:120px;
                }
				}
@media only screen and ( max-width: 850px )
                {
                .wavetop.footer{
                padding-top:130px;
                }
				}
@media only screen and ( max-width: 700px )
                {
                .wavetop.footer{
                padding-top:150px;
                }
				}
.wavetop.container, .wavebottom.container{
position:relative;
left:50%;
margin-left:-50vw;
z-index:10;
}
.wavetop svg{
	width:auto;
	height:auto;
	display:block;
    margin-bottom:-1px;
    border: 0;
	}
    .wavetop.footer svg{
     /* Apple fix */
    margin-bottom:-2px;
    }
.wavebottom svg{
	width:auto;
	height:auto;
	display:block;
    margin-top:-1px;

    border: 0;
	}
    
.smtable{
border-collapse:collapse;
width:100%;
}
.smtable thead{
background-color:#2758A5;
color:#fff;
padding:10px;
font-weight:bold;
border-bottom:4px solid #9ea6d4;
}
.smtable td{
padding:10px;
border-bottom:1px solid #2d5aa3;
}
.smtable tbody td:nth-child(odd) {background-color: #ffffff};
    
#homeslide{
overflow:hidden;
position:relative;
}
#homeslide::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
transform:scaleX(1.9);
transform-origin: 100% 0;
animation: 11s infinite alternate shape-anim-7742  linear;
background-size: 100% 154px;
background-position: 50% 100%;  
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path fill="%23ffffff" d="M0 32l48 32c48 32 144 96 240 106.7 96 10.3 192-31.7 288-21.4 96 10.7 192 74.7 288 69.4 96-5.7 192-79.7 288-106.7s192-5 240 5.3l48 10.7v192H0z"/><path fill="%23ffffff" opacity=".66" d="M0 64l48 16c48 16 144 48 240 48s192-32 288-26.7C672 107 768 149 864 144s192-59 288-80 192-11 240-5.3l48 5.3v256H0z"/></svg>'); 
}

@media (min-width:2100px){
#homeslide::before{
background-size: 100% calc(2vw + 154px);
}
}


@keyframes shape-anim-7742 {
  100% {
    transform: scaleX(1.9) translateX(calc(100% - (100% / 1.9)));
  }
}


    
    
    
    
    
   
    

/* Footer */
#schoollogobar{
padding:0px 0px 0px 0px;
text-align:right;
margin-left:auto;
margin-right:auto;

}
#schoollogobar img{
max-width:200px;
margin-top:-200px;
}


/* Widgets */
.overlaybutton, .buttonbg, .butfade, .boxbutton{
border-radius:20px;
}
.blockbuttonbg{
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
.blockbuttonnoradius, .blockbuttonnoradius>a{
border-top-left-radius:0px;
border-top-right-radius:0px;
}
.minilink{
font-size:1em !important;
padding:5px 10px 5px 10px !important;
margin:15px;
}

.paracontainer{
background-size:100vw;
background-position:center;

}
.paracontainermobile{
display:none;
}
.bluebubblebox{
background-color:#2758A5; 
border-radius:30px;
padding:20px 40px 20px 40px;
position:absolute;
z-index:3;
margin-left:calc(51.6% - 14px);
width:48.4%;
color:#ffffff;
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.35);
}
.bluebubblebox a{
text-decoration:none;
display:block;
}
.bluebubblebox a::after, .bluebubbleboxmobile a::after{
content: "\f0a9";
font-family: "Font Awesome 6 Pro";
font-size:2.4em;
font-weight:100;
}
.bluebubblebox a::after{
float:right;
}
.bluebubbleboxmobile{
background-color:#2758A5; 
border-radius:30px;
padding:20px 40px 20px 40px;
color:#ffffff;
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.35);
margin-top:40px;
margin-bottom:40px;
}

@media only screen and ( max-height: 600px ) and (orientation:landscape)
                {
               .bluebubblebox{
        margin-top:15%;
        }
}
@media only screen and ( min-height: 600px ) and (orientation:portrait)
                {
               .bluebubblebox{
        margin-top:-30%;
        }
}

@media only screen and ( max-width: 2650px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-180px;
       }    
       }
@media only screen and ( max-width: 2460px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-165px;
       }    
       }
@media only screen and ( max-width: 2200px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-148px;
       }    
       }
       
@media only screen and ( max-width: 2000px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-135px;
       }    
       }
@media only screen and ( max-width: 1865px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-125px;
       }                        
                }
                @media only screen and ( max-width: 1700px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-115px;
       }                        
                }
@media only screen and ( max-width: 1600px )
                {
       .paracontainer{
       margin-top:-90px;
margin-bottom:-110px;
       }   
       }
       @media only screen and ( max-width: 1515px )
                {
       .paracontainer{
       margin-top:-80px;
margin-bottom:-102px;
       }   
       }
       @media only screen and ( max-width: 1350px )
                {
       .paracontainer{
       margin-top:-70px;
margin-bottom:-86px;
       }   
       }
@media only screen and ( max-width: 1285px )
                {
       .paracontainer{
       margin-top:-70px;
margin-bottom:-86px;
       }   
       }
@media only screen and ( max-width: 1000px )
                {
       .paracontainer{
       margin-top:-50px;
margin-bottom:-50px;
       }        
       .bluebubblebox{
       margin-left:0px;
       width:100%;
       }                
                }
                
@media only screen and ( max-width: 1050px )
                {
       .paracontainer{
       margin-top:-50px;
margin-bottom:-65px;
       } 
     
                }
                @media only screen and ( max-width: 900px )
                {
       .paracontainer{
       margin-top:-40px;
margin-bottom:-60px;
       }  
       }    
                
@media only screen and ( max-width: 750px )
                {
       .paracontainer{
       margin-top:-30px;
margin-bottom:-50px;
       }  
       }    
                     
@media only screen and ( max-width: 600px )
                {
       .paracontainer{
       display:none;
       }        
       .paracontainermobile{
       display:block;
       }
       .bluebubblebox{
       margin-left:0px;
       width:100%;
       }                
                }
                
@media only screen and ( min-width: 2651px )
                {
       .paracontainer{
       margin-top:-100px;
margin-bottom:-200px;
       }                        
                }


.bubbleslide{
display:block;
overflow:hidden;
border-radius:20px;
}
.bubbleslide h5, .bubbleslide p, .bubbleslide a, .bluebubblebox h5, .bluebubblebox a, .bluebubbleboxmobile h5, .bluebubbleboxmobile a{
color:#ffffff;
}
.bubbleslide a, .bluebubbleboxmobile a{
text-decoration:none;
}
.bubbleslideinner{
position:relative;
	background: url(buttonbubble.png), linear-gradient(180deg,rgba(39, 88, 165, 0) 0px, rgba(39, 88, 165, 0.6) 50px, rgba(39, 88, 165, 0.85) 100px, rgba(39, 88, 165, 0.85) 100%);
  background-repeat:no-repeat;
  background-position:calc(90% + 155px) top, 0;
    -webkit-transition: top 0.5s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
    padding:40px 125px 35px 35px;
}

.bubbleslide:hover .bubbleslideinner{
   top: 0px !important;
}




.slidingbutton{
border-radius:20px;
}

.bubbleslide p:first-of-type{
margin-top:5px;
}

.outerpad{

}
.newsbar{
z-index:11;
}
.newsbarouter{
display:flex;
background-color:#2758A5;
color:#ffffff;
border-radius:30px;
overflow:hidden;
align-items:center;
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.35);
}
.newsbartitle{
background-color:#9ea6d4;
background-image:url(newsbubble.png);
background-position:right center;
background-repeat:no-repeat;
background-clip: padding-box;
flex: 0 0 280px;
padding-left:48px;
}

.newsbartitle p{
font-size:1.8em;
font-weight:600;
}
.newsbarcontent{
flex: 1 1 100%;
font-size:1.2em;
padding-left:40px;
padding-right:30px;
}


.newsbarwidget-slide{
width:100%;
}

.newsbarwidget-slide{
	top: 50%;
	transform:translateY(-50%);
}

.newsbaritem{



}
.newsbaritem a{
color:#ffffff;
text-decoration:none;
}


@media only screen and ( max-width: 800px )
                {
                .newsbarouter{
                flex-wrap: wrap;
                }
                .newsbartitle{
                background-image:none;
                flex: 1 1 100%;
                }
                .bubbleslideinner{
                background: url(buttonbubble2.png), linear-gradient(180deg,rgba(39, 88, 165, 0) 0px, rgba(39, 88, 165, 0.6) 50px, rgba(39, 88, 165, 0.85) 100px, rgba(39, 88, 165, 0.85) 100%);
                background-repeat:no-repeat;
  background-position:calc(90% + 225px) top, 0;
    padding:40px 55px 35px 35px;
}
                
                }



.story{
margin:20px 0px 20px 0px;
}

.specbox {
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
}
.specbox img:not(.nostretch) {
  display: block;
  width: 100%;
}
.grid-sizer-fourcol, .fourcol .story
{
  width: 9.7%;
}
.grid-sizer-threecol, .threecol .story
{
  width: 14%;
}
.gutter-sizer {
  width: 3.2%;
}


.fourcol .col1{ width: 9.7%; }
.fourcol .col2 { width: 22.6%; }
.fourcol .col3{ width: 48.4%; }
.fourcol .col4{ width: 74.2%; }
.fourcol .col5{ max-width:100%; width: 100%;}

.threecol .col1{ width: 14%;}
.threecol .col2 { width: 31.2%; }
.threecol .col3{ width: 48.4%; }
.threecol .col4{ width: 65.6%; }
.threecol .col5{max-width:100%; width: 100%;}

.specbox .col1 img,
.specbox .col2 img,
.specbox .col3 img,
.specbox .col4 img,
.specbox .col5 img {
  max-width: none;
}


@media only screen and ( max-width: 900px )
                {
               .fourcol .col1{
                width: 22.6% !important;
                }
                .threecol .col1{
                width: 31.2%; !important;
                }
                .col2, .col3, .col4{
width:48.4% !important;
				}               
                }
@media only screen and ( max-width: 450px )
                {
                .fourcol .col1, .threecol .col1{
		width:48.4% !important;
				}
                .col2, .col3, .col4{
		width:100% !important;
				}
                }
                
 /* Modal */               
                .modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #ffffff;
	border:5px solid #2758A5;
  border-radius:200px;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px 60px 50px 60px;
  width: 50%; /* Could be more or less, depending on screen size */
  
}
.modal-content h2, .modal-content h1, .modal-content h3,  .modal-content p{
text-align:center; clear:both;
}
.modal-content h2{
line-height:1em;
}
.modal-content img{
display:block;
margin-left:auto;
margin-right:auto;
margin-top:-100px;
max-width:150px;

}.closeem {

  color: #fff;
float:right;
  font-size: 28px;
  font-weight: bold;
background-color:#9ea6d4;
	padding:0px 10px 0px 10px;
	border-radius:20px;
 
}
@media only screen and ( max-width: 700px )
                {
					.modal-content {

  width: 70%;
  padding: 30px 30px 30px 30px;
  }

.closeem{

	margin-right:-30px;
}
				}


/* The Close Button */


.closeem:hover,
.closeem:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
} 

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}