.home-link {
display:inline-block;
}
.frontPage .site-header {
background:#fff;
-webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.75);
position:relative;
position:fixed;
top:0;
left:0;
z-index:300;
height:163px;
width:100%;
transition:300ms;
}
#page.frontPage {
padding-top:163px;
}
.fixedHeader #page {
padding-top:163px;
}
.fixedHeader .frontPage .site-header {
position:fixed;
top:0;
left:0;
width:100%;
padding-top:10px;
height:100px;
}
@media (max-width:599px){
.admin-bar .frontPage .site-header {
top:46px;
}
.admin-bar.fixedHeader .frontPage .site-header {
top:0px;
}
}
@media (min-width:600px){
.admin-bar .frontPage .site-header {
top:46px;
}
}
@media (min-width:768px){	
.admin-bar .frontPage .site-header {
top:32px;
}
}
.fixedHeader .home-link {
width:100px;
}
.frontPage .navbar {
background:transparent;
color:#00573d;
}
.navbar .nav-menu > li > a {
text-transform:none;	
font-weight:600;
}
.frontPage .navbar .sub-menu a{
color:#fff;
}
.menu-toggle .toggleicon{
position:relative;
}
.menu-toggle .toggleicon,
.menu-toggle .toggleicon:before,
.menu-toggle .toggleicon:after
{
content:'';
display:inline-block;
position:relative;
width:32px;
height:4px;
background:#00573d;	
transition:300ms;
left:0;
}
.menu-toggle .toggleicon{
}
.menu-toggle .toggleicon:before{
top:-8px;
position:absolute;
transform-origin:16px 8px;	
}
.menu-toggle .toggleicon:after {
bottom:-8px;
position:absolute;
transform-origin: 16px -4px;
}
.toggled .menu-toggle .toggleicon{
background:transparent;
}
.toggled .menu-toggle .toggleicon:before{
transform:rotate(45deg) translateY(8px);
}
.toggled .menu-toggle .toggleicon:after {
transform:rotate(-45deg)  translateY(-8px);
}
@media (min-width:992px){
.home-link {
width:180px
}
.fixedHeader .home-link {
width:100px;
}
.frontPage .navbar a{
color:#00573d;	
}
.frontPage .navbar a.current-menu-item,
.frontPage .navbar a:hover{
color:#23a03c;	
background: rgba(255,255,255,0.8);
}
.navbarContainer {
line-height:100px;
}
#navbar {
line-height:1.3;
vertical-align:middle;
display:inline-block;
}
}
@media (min-width:1360px){
.home-link {
width:180px
}
.fixedHeader .home-link {
width:100px;
}
}
@media (max-width:991px){
.frontPage .menu-toggle {
float:right;
}
.frontPage #navbar .nav-menu {
position:fixed;
left:0;
top:0;
background:#fff;
bottom:0;
width:270px;
padding:30px 0;
background:#00573d;
overflow-y:scroll;
text-align:left;
transform:translateX(-100%);
transition:300ms;
}
.toggled .frontPage #navbar .nav-menu {
transform:translateX(0%);
display:block;
}
.navbar li.menu-item-has-children >a{
padding-right:3em;
}
}
@media (max-width:767px){
.frontPage .menu-toggle {
position:absolute;
right:0;
bottom:70px;
}
.fixedHeader .frontPage .menu-toggle {
position:absolute;
right:0;
bottom:30px;
}
}
@media only screen and (min-width: 992px){
.sidebarButtons {
background:rgba(10, 150, 41, 0.8);
border-radius:10px 0 0 10px;
padding:0 10px;
width:60px;
}
.frontPage .sidebarButtons,
.admin-bar .frontPage .sidebarButtons{
top: 230px;
}
.sidebarButtons a{
border-bottom:solid 1px #fff;
}
.sidebarButtons a.searchBut {
border-bottom:0;
}
.sidebarButtons a,
.sidebarButtons a.searchBut {
background:transparent;
width:40px;
height: 58px;
line-height: 49px;
font-size:27px;
}
.sidebarButtons a:hover i,
.sidebarButtons a.searchBut:hover i{
color:#000;
}
.sidebarButtons a:hover,
.sidebarButtons a.searchBut:hover {
background-color:rgba(255,255,255,0);
}
.sidebarButtons .topSearch {
opacity:0;
}
.searchToggle.open .topSearch {
opacity:1;
}
} .homeOaktree {
position:relative;
font-size:16px;
}
a.bannerDown {
width:35px;
height:35px;
display:block;
position:absolute;
bottom:40px;
left:50%;
margin-left:-17.5px;
z-index:120;
background:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/arrows-down.png) no-repeat;
}
.oaktreeSchoolBox {	
text-align:center;
position:relative;
overflow:hidden;
}
.oaktreeSchoolBox .okschoolBG{
position:absolute;
top:0;
left:0;
righT:0;
bottom:0;
background-repeat:no-repeat;
background-position:center;
opacity:0.2;
background-size:cover;
transition:300ms;
}
.oaktreeSchoolBox .schoolBoxLinks{
position: absolute;
bottom: 65px;
left: 0px;
right: 0px;
display: flex;
z-index: 20;
padding:0 15px;
}
.oaktreeSchoolBox .schoolBoxLinks .button{
display: inline-block;
background: #fff;
font-size: 16px;
text-align: center;
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%);
padding: 13px 15px 12px;
margin: 15px 10px 20px;
text-transform: uppercase;
text-decoration: none;
color: #0a9629;
transition: 300ms ease-in-out all;
flex:1;
}
.schoolBoxText {
padding:70px 0px 70px;
padding:35px 0px 140px;
position:relative;
z-index:2;
color:#fff;
}
.schoolBoxText a {
text-decoration:none;
}
.schoolText {
color:#d4d2d2;
}
.oaktreeSchoolBox .logo{
margin:auto;
width:130px;
}
.schoolBoxText h3{
font-size:2.77778em;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
position:relative;
line-height:1.1em;
min-height:2.2em;
margin-bottom:34px;
color:#fff;
}
.schoolBoxText h3:after{
content:'';
display:block;
width:94px;
height:5px;
background:#fff;
opacity:0.6;
position:absolute;
bottom:-20px;
left:50%;
margin:0;
margin-left:-47px;
}
.schoolBoxText .subheader {
font-size:1.333em;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.slick-dots {
position:absolute;
bottom:0;
left:0;
}
.slick-dots li {
list-style:none;
width:15px;
height:15px;
background:#fff;
border-radius:50%;
display:inline-block;
margin-left:17px;
opacity:0.3;
cursor:pointer;
}
.slick-dots li:hover,
.slick-dots li.slick-active {
opacity:1;
}
.slick-dots button {
display:none;
}
.home-main .homeContent {
margin-top:0;
margin-bottom:0;
}
.home-main .homeContText {
text-align:center;
}
.homeContent .entry-title {
margin-top:75px;
position:relative;
padding-bottom:35px;
margin-bottom:30px;
font-size:24px;
color:#00573d;
}
.homeContent .entry-title strong{
font-weight:600;
font-family: 'Source Sans Pro', sans-serif;
font-size:2.083em;
margin-bottom:10px;
}
.homeContent .entry-title:after {
content:'';
display:block;
width:94px;
height:5px;
background:#dacbac;
position:absolute;
bottom:0px;
left:50%;
margin:0;
margin-left:-47px;
}
.homeContent .entry-title strong{
display:block;
font-family:'Source Sans Pro', sans-serif;
}
.homeCallout {
position:relative;
width:100%;
background:#00573d;
color:#fff;
border-bottom:solid 7px #b5985a;
}
.homeCallout .homeCOimg {
position:absolute;
top:0;
left:0;
righT:0;
bottom:0;
background-repeat:no-repeat;
background-position:center;
opacity:0.2;
background-size:cover;
background-attachment: fixed;
}
.homeCallout .homeCOtext{
position:relative;
text-align:center;
padding:40px 0 60px;
}
.homeCallout .homeCOtext .upper {
position:relative;	
font-size:50px;
line-height:1.1;
padding:40px 0;
font-weight:600;
margin-bottom:30px;
}
.homeCallout .homeCOtext .upper:after{
content:'';
display:block;
width:94px;
height:5px;
background:#dacbac;
position:absolute;
bottom:0px;
left:50%;
margin:0;
margin-left:-47px;
}
.homeCallout .homeCOtext p{
margin:0;	
}
.homeCallout .COlink {
color:#fff;
font-size:24px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
display:inline-block;
padding-bottom:70px;
position:relative;
}
.homeCallout .COlink:after {
content:'';
display:block;
position:absolute;
bottom:0;
left:50%;
margin-left:-25px;
width:50px;
height:50px;
background-image:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/callout-go.png);
background-position:center;
background-repeat:no-repeat;
}
.lowerBanner {
background:#000;
margin-bottom:65px;
overflow:hidden;
}
.lowerBanner .slide {
position:relative;
width:100%;
background-color:#000;
color:#fff;
}
.lowerBanner .slide .slideImg{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
opacity:0.8;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.lowerBanner .slide .slidetext{
font-size:18px;
padding:100px 15px;
text-align:center;
position:relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); }
.lowerBanner .slide .slideTT {
font-size:50px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
position:relative;
padding-bottom:30px;
margin-bottom:20px;
}
.lowerBanner .slide .slideLT {
max-width:750px;
margin:auto;
}
.lowerBanner .slide .slideTT:after {
content:'';
display:block;
width:94px;
height:5px;
background:#fff;
position:absolute;
bottom:0px;
left:50%;
margin:0;
margin-left:-47px;
}
.lowerBanner .cycle-pager {
position:absolute;
text-align:center;
bottom:35px;
left:0;
width:100%;
z-index:105;
}
.lowerBanner .cycle-pager span{
display:inline-block;
width: 15px;
height: 15px;
background: #fff;
border-radius: 50%;
display: inline-block;
margin: 0 7px;
opacity: 0.3;
cursor: pointer;
}
.lowerBanner .cycle-pager span.cycle-pager-active{
opacity: 1;
}
.updatesBlock {
color:#fff;
background:#23a13d;
margin-bottom:65px;
}
.updatesBlock a{
color:#fff;	
}
.homenewsCarousel {
position:relative;
color:#fff;
}
.homenewsCarOuter {
background:#b5985a;	
padding:0;
}
.homenewsCarousel .ftNewsImg{
padding-top:66%;
width:100%;
max-height:340px;
position:relative;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.homenewsCarousel .ftNewsImg img {
position:absolute;
top:0;
left:0;
right:0;
visibility:hidden;
}
.homenewsCarousel .ftNewsText {
padding:10px;
font-size:24px;
text-align:center;
}
.homenewsCarousel .ftNewsText h4{
font-size:1em;
position:relative;
padding-bottom:19px;
}
.homenewsCarousel .ftNewsText h4:after{
content: '';
display: block;
width: 94px;
height: 5px;
background: #dacbac;
position: absolute;
bottom: 0px;
left: 50%;
margin: 0;
margin-left: -47px;
}
.homenewsCarousel .ftNewsText .ftReadmore{
display: block;
margin:10px auto 10px; 
width: 50px;
height: 50px;
background-image: url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/news-go.png);
background-position: center;
background-repeat: no-repeat;	
}
.homenewsCarousel .owl-controls {
padding-top:66%;
width:100%;
max-height:340px;
position:absolute;
top:0;
left:0;
}
.homenewsCarousel .owl-stage-outer {
z-index:2;
}
.homenewsCarousel .owl-dots {	
position:absolute;
bottom:10px;
left:0;
width:100%;
text-align:center;
}
.updatesBlock .owl-dots .owl-dot{
display: inline-block;
width: 15px;
height: 15px;
background: rgba(255,255,255,1);
opacity:0.7;
border-radius: 50%;
display: inline-block;
margin: 0 7px;
cursor: pointer;
-webkit-box-shadow: 0px 0px 4px 1px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 0px 4px 1px rgba(50, 50, 50, 0.26);
box-shadow:         0px 0px 4px 1px rgba(50, 50, 50, 0.26);
position:relative;
z-index:10;
}
.updatesBlock .owl-dots .owl-dot.active{
background: rgba(255,255,255,1);
opacity:1;
}
.ftNewsText .date{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.updatesBlock {
position:relative;
overflow:hidden;
}
@media (min-width:1200px){
.updatesBlock:before {
content:'';
display:block;
top:0;
bottom:0;
right:50%;
left:0;
position:absolute;
background-image:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/updates-left.jpg);
background-size:cover;
background-position:center;
}
.updatesBlock:after {
content:'';
display:block;
top:0;
bottom:0;
right:0;
left:50%;
position:absolute;
background-image:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/updates-right.jpg);
background-size:cover;
background-position:center;
}
}
.updatesBlock .container{
position:relative;
z-index:2;
}
.updatesBlock .twitterfeed .intent {
display:none;
}
.updatesBlock .twitterFeedWrap {
color:#d4d2d2;
font-size:18px;
}
.updatesBlock .twitterfeedWrap a{
color:#fff;
}
.updatesBlock .twitterfeed  {
padding:50px 0 0px;
}
.updatesBlock .twitterFeedWrap .owl-dots {
margin:0 0 30px;
}
.fbPage {
padding:50px 0px 20px;
}
.fbPage #cff p {
margin:5px 0 0px;
line-height:1.3;
}
.twitterfeed .homeTweet,
.fbFeedWrap #cff  .cff-item {
margin:0;
padding:0;
padding-top:65px;
margin-bottom:30px;
position:relative;
border:none;
}
.fbFeedWrap #cff .cff-item {
margin-bottom:13px;
padding-top:19px;
}
.fbFeedWrap #cff .cff-author {
margin-bottom:0;
color:#fff;
margin-left:40px;
}
.fbFeedWrap #cff .cff-author .cff-author-text {
margin-top:10px;
}
.fbFeedWrap #cff .cff-author .cff-date {
color:#fff;	
}
.twitterfeed .homeTweet p{
margin-bottom:0;
}
.twitterfeed .homeTweet:before {
content:'';
display:block;
width:46px;
height:38px;
position:absolute;
top:20px;
left:0;
background:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/updates-twt.png) no-repeat;
}
.fbFeedWrap .cff-item:before {
content:'';
display:block;
width:19px;
height:37px;
position:absolute;
top:20px;
left:0;
background:url(//www.oaktreeschools.co.uk/oaktre-content/themes/schoocms-2/images/updates-fb.png) no-repeat;
}
@media (min-width:768px){
.schoolBoxText {
position:absolute;
top:50px;
left:0;
right:0;
padding:20px 1.4em;
}
.oaktreeSchoolBox {	
height:880px;
max-height:100vh;
min-height:670px;
}
.lowerBanner .slide {
padding-top:35%;
max-height:560px;
}
.lowerBanner .slide .slidetext{
position:absolute;
bottom:0;
left:0;
right:0;
}
.oaktreeSchoolBox .schoolBoxLinks{
bottom: 20px;
}
}
@media (min-width:1200px){
.oaktreeSchoolBox .logo{
margin:auto;
width:130px;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
}
.oaktreeSchoolBox .logoWrap {
height:160px;
position:relative;
}
.schoolBoxText {
top:100px;
}
.boxSubtext {
opacity:0;
}
.oaktreeSchoolBox .logo,
.oaktreeSchoolBox .boxSubtext {
transition:450ms;
}
.oaktreeSchoolBox:hover .okschoolBG{
opacity:0;
}
.oaktreeSchoolBox:hover .logo{
width:230px;
}
.oaktreeSchoolBox:hover .boxSubtext {
opacity:1;
}
.updatesBlock > .container > .row{
display:flex;
}
}
@media (min-width:1590px){
.homeOaktree {
font-size:18px;
}
.schoolBoxText {
top:200px;
}
} .footerMap {
background:#eaeaea;
position:relative;
}
.footerMap .container{
position:relative;
}
#footerMap {
position:Absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.footerMapContainer {
display: block;
width: 100%;
height: 450px;
position:relative;
}
.locationList {
list-style:none;
padding:0;
margin:0;
position:relative;
}
.locationList .mapInfo .mapInfoText{
color:#fff;
background:rgba(0,0,0,0.8);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
padding:30px;
-ms-display:flex;
-webkit-display:flex;
-moz-display:flex;
display: flex;
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-shadow: 3px 4px 8px 0px rgba(19, 19, 19, 0.18);
-moz-box-shadow:    3px 4px 8px 0px rgba(19, 19, 19, 0.18);
box-shadow:         3px 4px 8px 0px rgba(19, 19, 19, 0.18);
}
.mapInfoText h3{
font-size:1em;
position:relative;
padding-bottom: 17px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.mapInfoText h3:after {
content: '';
display: block;
width: 94px;
height: 5px;
background: rgba(255,255,255,0.5);
position: absolute;
bottom: 0px;
left: 0%;
margin: 0;
}
.locationList .mapInfo .mapInfoText a{
color:#fff;
}
.locationList .location{
position:absolute;
border-bottom:solid 5px #0a9629;
background:#fff;
transition:300ms;
height:90px;
width:50px;right:0;
top:0;
z-index:10;
cursor:pointer;
}
.locationList .location img{
position:absolute;
max-width:30px;
max-height:50px;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}
.locationList .location.active {	
width:70px;
}
.locationList .location.active .openTimesToggle {	
transform:translateX(00%);
}
.locationList .mapInfo.active .mapInfoText{
display:block;
display: flex;
}
.locationList .mapInfo .mapInfoText .inner{
}
.locationList .mapInfo .mapInfoText {
display:none;
}
.locationList .openingTimes a{
color:#fff;
}
.locationList .openingTimes .openingTimesText{
position:absolute;
width:100%;
padding:10px;
top:50%;
transform:translateY(-50%);
}
.locationList .location.active:before{
background:#fae645;
}
@media (min-width:768px){
#footerMapLocations {
float:left;
width:350px;
margin:30px;
}
.footerMapContainer {
position:absolute;
width:auto;
left:0;
top:0;
right:0;
height:100%;
}
.locationList .location {
right:auto;
left:100%;
}
}
@media (min-width:992px){
#footerMapLocations {
width:450px;
}
.footerMapContainer {
}
} .footer-top {
font-size:18px;
line-height:1.4;
}
.ftSocial {
margin-bottom:43px;
}
@media (min-width:992px){
.footer-top .row {
display:flex;
}
.footer-top .row .col-md-4.col-sm-text-right {
display:flex;		
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.footer-top p{
margin-bottom:1em;
}
.footer-top h3 {
position: relative;
font-size:1em;
padding-bottom: 17px;
color: #fff;
margin-bottom: 10px;
}
.ftSocial .social a {
margin-right:5px;
}
.footer-top h3:after {
content: '';
display: block;
width: 94px;
height: 5px;
background: rgba(255,255,255,0.5);
position: absolute;
bottom: 0px;
left: 0%;
margin: 0;
}