@import url('https://fonts.googleapis.com/css?family=Arapey:400,400i|Maven+Pro:400,700');
/* WonderWebs-Bootstrap 9.3 Responsive template - Website stylesheet - Copyright 2018 WonderWebs.com */

body,.Normal{font-family: 'Maven Pro', sans-serif;font-size: 16px;}/* Default font and colour. Use long form CSS */
h1{font-family: 'Maven Pro', sans-serif;color: #1a439a; text-transform: uppercase;font-weight: 400;font-size: 36px;}
h2{font-family: 'Maven Pro', sans-serif;}
h3{font-family: 'Maven Pro', sans-serif;}
h4{}
h5{}
h6{font-family: 'Arapey', serif;}
hr{}
pre{}
blockquote{background: rgba(26, 67, 175, 0.06); border-left: 5px solid #1a43af !important;}
strong,b,.NormalBold{}
input[type="text"], input[type="file"], input[type="password"], input[type="date"], input[type="email"], select, textarea{}

/* Hyperlinks and buttons */
a,a:link,a:visited{}
a:active,a:hover{}
.SigninSeparator,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbSeparator,a.BreadCrumbs:link,a.BreadCrumbs:visited{}
a.BreadCrumbs:active,a.BreadCrumbs:hover{}
.FooterLinks span,.FooterSeparator,.FooterLinks a:link,.FooterLinks a:visited{color: rgb(231,231,231);}
.FooterLinks a span:hover,.FooterLinks a:active,.FooterLinks a:hover{color: rgb(231,231,231);}
.StandardButton,a.StandardButton,a.StandardButton:link{}
.StandardButton:hover,a.StandardButton:hover{}

/* Structure and content */
.Outer{}
.PageID{}
.Page{background: #fff; padding-top: 0; padding-bottom: 0;}/* Website background */
.Above{}
.Paper{display: inherit;box-shadow: none; border: none;}/* Wraps Header and Contents sections. Set display:inherit to disable rubber-banding */
.Header{display: inherit;}/* Wraps AboveLogo down to BelowLogo */
.AboveLogo{}
.LogoSpan{}
.LogoWrapper{padding-top:17.094%;}/* Responsive logo height {padding-top:(height*100/width)%;} Otherwise use px */
.LogoPane{background:url("Logo-1170x200.png") no-repeat scroll 0 0 #fff;background-size:cover}
.LogoLink{}
.Logo{}
.BelowLogo{}
.MenuBar{}/* Menu wrapper includes SigninPane */
.MenuPane{}/* Menu column */
.MenuPaneInner{}
.SigninPane{display: none;}/* Signin column */
.SigninPaneInner{}
.Account{}
.SigninSeparator::after{}
.SigninTop{}
.BelowMenu{}
.Contents{display: inherit}/* Main page content. Set display:inherit to disable rubber-banding */
.Contents .Span{}/* Website foreground */
.BreadCrumbBar{display: none;}
.BreadCrumbs{}/* Use line-height to set BreadCrumbBar height */
.BreadCrumbPane{display: none;}/* Breadcrumbs column */
.BreadCrumbSeparator:after{}
.SearchBar{display: none;}/* Search column */
.SearchWrapper{}/* Padding and margins */
.SearchPane{display: none;height: 0;}/* Use height:px to set SearchBar height */
.SearchInput{}
a.SearchIcon{}
a.SearchIcon:hover{}
.SearchIcon .far{}
.ContentPane{}
.ContentLeft{min-height:420px !important;}/* Move this min-height into the primary content panel */
.ContentLeftDown{}
.ContentRight{}
.ContentRightUp{}
.Foot{}
.Footer{}/* Wraps all footer rows */
.FooterLinks{}
.SigninBottom{}
.FooterSeparator{}
.FooterSeparator:after{}
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}

/* Containers */
.Container{}/* Padding and margins for all */
.Default.Container{}
.Titled.Container{}
.Featured.Container{}
.NoContainer.Container{}
.NoPadding.Container{}
.NoGaps.Container{}

/* Featured Container. Modify these to suit any container */
.Featured.Container{}
.Featured .ContainerTitle{}
.Featured .ContainerBody{}
.Featured .Normal{}
.Featured a,.Featured a:link,.Featured a:visited{}
.Featured a:active,.Featured a:hover{}

/* Menu and Submenu font. Use long form CSS */
.MenuBar ul.Menu a{font-family: 'Maven Pro', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;}
.MenuBar ul.Menu .sub a{}

/* Menu item borders and separators. Set border:none; to remove defaults */
.MenuBar ul.Menu a.first{border: none;}
.MenuBar ul.Menu a{border: none;}
.MenuBar ul.Menu a.last{border: none;}
.MenuBar ul.Menu .sub a.first{}
.MenuBar ul.Menu .sub a{border: none}
.MenuBar ul.Menu .sub a.last{}

/* Menu colours - Every menu item also has a unique ID */
.MenuBar ul.Menu a,.MenuBar ul.Menu a:visited{background: none;color: rgb(26, 67, 154);}/* Menu */
.MenuBar ul.Menu a.branch{background: none;color: rgb(26, 67, 154);}/* Branch */
.MenuBar ul.Menu a.current,.MenuBar ul.Menu a.breadcrumb{background: none;color: rgb(16, 79, 212);}/* Active */
.MenuBar ul.Menu a:hover,.MenuBar ul.Menu a:focus{background: none;color: rgb(16, 79, 212);}/* Hover */

/* SubMenu colours */
.MenuBar ul.Menu .sub a,.MenuBar ul.Menu .sub a:visited{background: #fff;}/* Sub Menu */
.MenuBar ul.Menu .sub a.branch{background: #fff;}/* Branch */
.MenuBar ul.Menu .sub a.current,.MenuBar ul.Menu .sub a.breadcrumb{background: #fff;text-decoration: underline;}/* Active */
.MenuBar ul.Menu .sub a:hover,.MenuBar ul.Menu .sub a:focus{background: #fff; text-decoration: underline;}/* Hover */

/* Menu item height and padding e.g. {height:40px;line-height:40px;} */
.MenuBar ul.Menu a{}
.MenuBar ul.Menu .sub a{}

/* Hamburger menu */
.hamburger .mean-bar,.PreloadImage{background:url("Logo-1982x180.png") no-repeat scroll 0 0 / 991px 90px #fff}/* Logo */
.hamburger a.hamburger-wrapper{}/* Use for full-screen menu */
.hamburger a.hamburger-bun{}/* Hamburger bun */
.hamburger a.hamburger-bun span{}/* Hamburger meat */
.hamburger .mean-nav{}/* Menu background */
.hamburger .mean-nav ul li a{}/* Menu items */
.hamburger .mean-nav ul li a:hover{}
.hamburger a.meanmenu-reveal span {background: rgb(0, 115, 201);height: 2px;margin-top: 5px;}
.hamburger a.meanmenu-reveal {color: rgb(34, 34, 34);}

/* Splash */
.SplashPage{}/* Background */
.SplashPlacement{}/* Content padding */
.SplashContent{}/* Content */

/* Custom Classes - Any uncommented classes here will appear in the word processor menu */
/* .CustomClass01{} */
/* .CustomClass02{} */
/* .CustomClass03{} */
/* .CustomClass04{} */
/* .CustomClass05{} */
/* .CustomClass06{} */
/* .StandardButton{} */

/* Other styles */


/*Default Style*/
.BelowMenuRow .Span{width: 100%;}
.MenuPane{float:right;width:100%;margin-top:-110px;}
.MenuPaneInner{float:right;clear:right;}
.MenuBar ul.lvl1{}
.HeaderBorderWrapper{text-align: center;}
.HeaderBorder{border-bottom: 1px solid #d90000;padding-bottom: 30px;display: inline-block;margin: auto;padding-left: 7%;padding-right: 7%;}
.LogoLink {z-index: 9999;position: relative;max-width: 450px;} /* Turn Off when site is not live  */
.Bottom1Column .Span {width: 100%;}
.Footer4Column.Section {background: rgb(26, 67, 175);padding: 3% 0;}

.TopContactList li {list-style: none;display: inline-block;color: #fff;font-size: 12px;	line-height: 24px;}
.TopContactList li a{color:#fff}
.TopContactList li a:hover{color: rgb(239, 239, 239);}
.TopContactList {text-align: right;margin: 0;padding-left: 0;}
.AboveLogoRow.Section {background: #1A43AF;border-image-source:}


/*Footer*/
.FooterText a {color: rgb(231, 231, 231);text-decoration: none;}
.FooterText {color: rgb(231,231,231);line-height: 26px;}
.FooterLinks {background: rgb(26, 67, 175);}
.Footer3 img {transform: translateY(-10%);}

/*Banner*/
.chameleon_slider.callisto .scrollable_box {background: none;}
.chameleon_slider .scrollable_box .scrollbar {display: none !important;}
.BannerText h2 {color: rgb(255, 255, 255) !important;text-transform: uppercase;font-size: 42px !important;font-family: 'Maven Pro', sans-serif !important;text-shadow: 2px 2px 4px #222;padding-bottom: 2% !important;}
.BannerText p {font-size: 18px !important;max-width: 500px;color: #ddd !important;font-family: 'Maven Pro', sans-serif;line-height: 24px !important;}
.BannerButton {	border: #ddd 1px solid;	color: #ddd !important;	padding: 1% 3%;font-family: 'Maven Pro', sans-serif;background: rgba(227, 37, 37, 0.75);}
.scrollable_box.item_info {width: 1170px !important;margin: auto !important;left: unset !important;right: unset;position: relative;}
.BannerButton:hover{background: rgba(227, 37, 37, 0.9);}

/*bottom Links*/
.LinkDiv1 {position: relative; width: 100%;outline: 10px solid rgb(255, 255, 255);background: rgb(26, 67, 154); }
.image1 {opacity: 1;display: block;width: 100%; height: auto;transition: .5s ease;backface-visibility: hidden;}
.middlebottom1 {transition: .5s ease;opacity: 0;position: absolute;top: 0;left: 0;	text-align: center;	right: 0;bottom: 0;}
.LinkDiv1:hover .image1 {opacity: 0.3; -webkit-filter: brightness(1);}
.LinkDiv1:hover .middlebottom1 {opacity: 1;}
.text-wrapper1 {background-color: transparent;color: rgb(255, 255, 255);padding: 5%;width: 90%;height: 85%;margin: auto;position: absolute;left: 0;right: 0;bottom: 0;top: 0;text-align: left;}
.TextInner1 p {font-size: 16px;}
.TextInner1 h2{font-size: 24px;margin-bottom: 0;font-weight: 400;}
.TextInner1 a {color: #fff;}
.TextInner1 {position: absolute;transform: translate(0, 0);left: 0;top: unset;bottom: 0;right: 0;}
.FrontLink11{}
.FrontLink21{margin: auto;}
.FrontLink31{float: right}
.Bottom3Column.Section {padding-top: 5%;padding-bottom: 5%;}

/* Underline From Left */
.hvr-underline-from-left { padding: 1px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;}
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #fff;  height: 2px;
  -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0;}

/*Home*/
.Page8002 .ContentLeft {min-height: 100% !important;}
.Page8002 #dnn_ContentPane {padding: 5% 0;}

/*Accordion*/

.liveacchotsneaks .ui-state-default, .liveacchotsneaks .ui-widget-content .ui-state-default{background: none; border: none;border-bottom: 1px solid rgb(217, 0, 0);padding-bottom: 5px;border-radius: 0;padding-top: 5px;}
.liveacchotsneaks .ui-state-default .ui-icon{background-color: #ff9e1c;border-radius: 50%;}
.liveacchotsneaks .ui-state-active a, .liveacchotsneaks .ui-state-active a:link, .liveacchotsneaks .ui-state-active a:visited{color: #444;}
.liveacchotsneaks .ui-accordion .ui-accordion-header a{    font-size: 15px; color: #555555;}
.liveacchotsneaks .ui-accordion .ui-accordion-content{font-size: 15px;line-height: 24px;}
.liveacchotsneaks .ui-widget-content{ border: none;}
.liveacchotsneaks .ui-widget-content{background: #fff;border-radius: 10px;margin: 0 0% !important;}
.liveacchotsneaks .ui-state-default, .liveacchotsneaks .ui-widget-content .ui-state-default{font-weight: 400;}
.liveacchotsneaks .ui-state-default a, .liveacchotsneaks .ui-state-default a:link, .liveacchotsneaks .ui-state-default a:visited{color: #555555}
/*Arrow*/
.liveacchotsneaks .ui-state-default .ui-icon{    background-color: transparent;border-radius: 0; z-index: 999;background-image: none;}
.liveacchotsneaks .ui-accordion .ui-accordion-header .ui-icon{    margin-top: -15px;}
.liveacchotsneaks .ui-icon{width: 30px; height: 30px; background-image: none;}
.LA-ui-accordion-header .fa{ margin-left: -22px; font-size: 30px;vertical-align: -15%;color: rgb(26, 67, 175);}
.LA-ui-accordion-header .fa:hover{color: rgba(26, 67, 175, 0.87);}
.liveacchotsneaks .ui-accordion .ui-accordion-header a{font-size: 16px;font-size: 18px;font-weight: 700;line-height: 27px;}
.liveacchotsneaks .ui-accordion .ui-accordion-header .ui-icon {width:100%;z-index:9999;}

/*Team*/
/*.cbp-l-grid-team .cbp-item {height: 310px !important;}*/
.cbp-popup-navigation-wrap {background-color: #000 !important;}
.cbp-popup-prev {background-position:-2px -140px !important;}
.cbp-popup-close{background-position:-94px -140px !important;}
.cbp-popup-next {background-position:-48px -140px !important;}
.cbp-popup-singlePage-counter {color: #fff;}
.cbp-l-project-desc-text {font: 400 16px/25px "Roboto",sans-serif !important;}
.cbp-l-grid-team-name:link, .cbp-l-grid-team-name:active, .cbp-l-grid-team-name:visited {color: #555 !important;}
.cbp-l-grid-team-name:hover {color: #2DABE3 !important;}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {float: left;margin: 0 40px 0 0;width: 30%;}
.cbp-l-filters-button{}

.cbp-caption-fadeIn .cbp-caption-activeWrap{background-color: rgba(6, 6, 6, 0.51);}

#dnn_ctr18206_View_ctl00_ctl02_LiveAccordioniMod18207 {width: 70%;float: left;margin-left: 30px;padding-bottom: 5%;}
.StaffText {max-width: 25%;text-align: justify;	float: left;}

#portfoliopro-lightbox-gallery18207 .cbp-l-grid-team .cbp-item {height: 300px !important;}
.cbp-l-grid-team .cbp-caption {height: 70%;margin-bottom: 20px;border: none;}

.cbp-caption-fadeIn .cbp-caption-activeWrap {border-radius: 60%;}


.cbp img {border-radius: 50%;}

/*About Us*/
.Page8003 .ContentLeft {min-height: 100% !important;}

/*Parent Info*/
.Page8133 .ContentLeft {min-height: 100% !important;}

/*Classrooms*/
.Page8134 .ContentLeft {min-height: 100% !important;}
.StaffProfile img {display: inline-block;vertical-align: middle;float: none;width: 20%;	margin: 0 3% 3% 0;border-radius: 50%;}
.StaffProfile {padding: 5% 0;}
.StaffProfile p {display: inline-block;}

/*Calendar*/
.Page8136 .ContentLeft {min-height: 100% !important;}

/*Contact*/
.Page8004 .ContentLeft {min-height: 100% !important;}
.Page8004 .ContentRightRow .Span {border-bottom: 1px solid rgb(200, 200, 200);}
.LiveForm.WWBlankWide .Field > label, .LiveForm.WWBlankWide .Field .MatrixWrapper > label {font-size: 16px;}
.Page8004 .ContentRightRow {padding-top: 5%;}

/*School Life*/
.Page8135 .ContentLeft {min-height: 100% !important;}

/* Phone and Tablet */
@media (min-width: 0) and (max-width:991px) {

#dnn_ctr18206_View_ctl00_ctl02_LiveAccordioniMod18207 {width: 100%;float: left;margin-left: 30px;}
.StaffText {max-width: 100%;text-align: justify;float: left;}
}

/* Phone */
@media (min-width: 0) and (max-width: 767px) {

.chameleon_slider.callisto .scrollable_box {width: 100% !important;top: 25% !important;}
/*
#EDR_ChameleonSlider_18187 {height: 500px !important;}
.chameleon_slider .main_panel {	height: 500px !important;}
.item_container.new_item {height: 500px !important;}
.chameleon_slider .main_panel .items_wrapper .item_container > img {max-width: none;max-height: none;height: 500px !important;position: absolute !important;bottom: 0;right: -220px;left: auto !important;width: 1040px !important;}

*/

.viewport.scrollable {max-height: 100% !important;}
.scrollable_box.item_info {	height: 100% !important; max-height: 100% !important;}
.BannerText p {font-size: 14px !important; max-width: 200px;}
.BannerText h1{font-size: 24px;max-width: 250px;}
.BannerText h2 {font-size: 15px !important;padding-bottom: 0 !important;}
.BannerButton {font-size: 13px;}


}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) { 

.MenuBar ul.Menu a {padding: 0 12px;}

}

/* Widescreen */
@media (min-width: 1200px) { 

}