/*
	Theme Name: Schoolcms - Ealing Retakes
	Author: Innermedia
Author URI: https://www.innermedia.co.uk
Description: Ealing Independent College - rebranded to Home V4
Requires at least: WordPress 4.9.6
Version: 1.1
*/

/*------------------------------------*\
    BRAND PALETTE (Ealing V4)
\*------------------------------------*/
:root {
    --dark-teal:    #003338; /* primary brand / dark backgrounds */
    --stormy-teal:  #106e72; /* interactive: links, buttons, borders */
    --pearl-aqua:   #97ceca; /* light teal accent / hover on dark */
    --sky-blue:     #bad9de; /* soft button fills */
    --coral:        #f07a70; /* accent */
    --yellow:       #ded957; /* accent */
    --cream:        #e9e9df; /* light section / card backgrounds */
    --ink:          #232333; /* body text */
    --white:        #ffffff;
}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

html{
    scroll-behavior: smooth;
}
body {
	font-family: 'Gabarito', sans-serif;
	font-size: 19px;
	line-height:1.6;
	color: var(--ink);
	font-weight: 400;
}

.wrapper {
    position: relative;
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Schibsted Grotesk', sans-serif;
    color: var(--dark-teal);
	font-weight:700;
}

h2 {
    font-size: 40px;
    line-height: 1.25;
    margin: 20px 0 40px 0;
	font-weight:700;
}

h1 {
    font-size: 80px;
    line-height: 0.87;
    margin: 30px 0;
	font-weight:700;
}
.introText h2,
.introText h3 {
	 color: #fff;
}
h3 {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}
a {
	color: var(--stormy-teal)
}
h4 {
    font-size: 14px;
    color:  var(--stormy-teal);
    margin: 2.3em 0;
}

p {
    margin-bottom: 1.2em;
}
/*
ul {
    list-style-position: inside;
    padding: 0;
}

.textBlock.default ul {
    color: var(--stormy-teal);
}
*/
blockquote {
    color: inherit;
    text-align: center;
    border: 0;
    font-style: italic;
}

table {
    margin: 1em auto;
    text-align: left;
    max-width: 100%;
}

table tr {
    border-bottom: solid 1px;
}

table td {
    padding: 3px;
    font-size: 16px;
}

table td:last-child {
    text-align: right;
}
.bodyContent {
	margin:40px 0;
}
/* form changes*/
.dynamicContent div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 300;
}

.dynamicContent div.wpforms-container-full .wpforms-form input.wpforms-field-medium, .dynamicContent div.wpforms-container-full .wpforms-form select.wpforms-field-medium, .dynamicContent div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}

.dynamicContent div.wpforms-container-full .wpforms-form button[type=submit] {    
    display: inline-block;
    line-height: 1.4em;
    padding:10px 25px 10px;
    text-transform: uppercase;
    background:  var(--stormy-teal);
    color: #fff;
    border: solid 2px  var(--stormy-teal);
    text-align: center;
    background:  var(--stormy-teal);
    transition: all 300ms;
	min-width:200px;
	font-weight:300;
}

.dynamicContent div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background: #fff;
	color: var(--stormy-teal);
    border: solid 2px #000;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 10px 40px 30px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
}

.bypostauthor {
}

/*------------------------------------*\
    RESPONSIVE XL
\*------------------------------------*/

.container.body-container {
    max-width: 1300px;
}

@media only screen and (min-width : 1390px) {
    .container {
        max-width: 1300px;
    }
}

@media (min-width: 1590px) {
    .container {
       max-width: 1560px;
    }

}

/* End responsive XL */
/*navigation*/
.menuGroup {
    display: flex;
    align-items: baseline;
    justify-content: end;
	flex-direction: row-reverse;
}

.mainMenu {
    display: inline-block;
}

.headGroup {
    padding: 15px 0;
	background-color: #003338;
}
.headGroup .openDays {
	display:none;
}

.mainMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainMenu .menu {
    font-size: 16px;
}

.mainMenu .menu a {
    color:  #fff;
    transition: all 300ms;
}

.mainMenu .menu a:hover {
    text-decoration: none;
    color: var(--pearl-aqua);
}

.mainMenu .menu li {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    vertical-align: middle;
}

.openCol {
    display: none;
}

@media (min-width: 768px) {
.headGroup .openDays {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
}	
table td {
    padding: 5px;
    font-size: 19px;
}	
}

@media (min-width: 992px) {
    .mainMenu .menu {
        font-size:14px;
    }

    .mainMenu {
        display: block;
        margin-top: 30px;
        margin-right: 10px;
    }

    .mainMenu .menu > li {
        line-height: 30px;
    }
    .headGroup .menu  > li:last-child:after {
        content: none;
    }	
}

@media (min-width: 1200px) {
    .headerIcon {
        margin:25px 0;
        margin: 0;
    }

    .headerIcon .mainLogo {
        display: inline-block;
    }

    .headerIcon .mobIcon {
        display: none;
    }
}

@media (min-width: 1400px) {
    .mainMenu .menu {
        font-size:19px;
    }
	.mainMenu .menu li{
		padding:0 20px;
	}
	.mainMenu {
		margin-right:0;
	}
}

@media (min-width: 1590px) {
    .openCol {
        display:block;
    }
}

.headGroup .openDays a {
    display: inline-block;
    color: #fff;
    border: solid 1px #000;
    background: #000;
    text-decoration: none;
    line-height: 31px;
    padding: 10px 30px;
    position: relative;
    transition: 300ms;
    font-size: 18px;
    font-weight: 700;
	margin-left: 15px;
}

.headGroup .openDays a:hover {
    background: rgba(255,255,255,0.5);
    border-color:  #fff;
    color:  #fff;
    text-decoration: none;
}

.lang-flags {
    float: right;
    padding-top: 53px;
}

.lang-flags ul {
    list-style: none;
}

.lang-flags li {
    display: inline-block;
}

@media(max-width: 1199px) {
    .lang-flags {
        padding-top: 45px;
    }
}

@media(max-width: 991px) {
    .lang-flags {
        padding-top: 0px;
        display: inline-block;
        float: none;
    }
}

.menuToggle {
    display: none;
}

/*menuToggle*/
@media (max-width: 991px) {
    .mainMenu {
        display:block;
        text-align: right;
    }

    .menuToggle {
        display: inline-block;
        font-size: 30px;
        color:  #fff;
        padding: 10px 10px 0 10px;
        text-align: right;
        cursor: pointer;
    }

    .mainMenu .menuWrap {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        background: var(--stormy-teal);
        display: block;
        width: 260px;
        z-index: 800;
        padding: 32px 0;
        text-align: left;
        border-left: solid 2px #a3adc8;
    }

    .mainMenu .menuWrap {
        right: -270px;
        transition: 300ms;
    }

    body.menuopen .mainMenu .menuWrap {
        right: 0px;
    }

    .mainMenu .menu li {
        display: block;
        padding: 0px 0px;
    }

    .mainMenu .menu li a {
        padding: 10px;
        display: block;
    }

    .mainMenu .menu li a:hover {
        background: #a3adc8;
        color: #fff;
        text-decoration: none;
    }
}


/*-------------------
Header
------------------*/
.logo {
    display: inline-block
}

.logo img {
    vertical-align: middle;
	width:auto;
    max-height: 90px;	
}

.logo .mainLogo {
    display: none;
    vertical-align: middle
}

.logo .mobIcon {
    display: inline-block;
    vertical-align: middle
}

@media (min-width: 1200px) {
    .logo .mainLogo {
        display:inline-block;
    }

    .logo .mobIcon {
        display: none;
    }

    .logo {
    }

    .logo img {
        max-height: 100px;
    }
}

.homeBanner {
    width: 100%;
    position: relative;
    overflow: hidden;
    max-height: 585px;
    background: #000;
}

.homeBanner .slide {
    width: 100%;
}

.homeBanner .slideImage {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	opacity:0.85;
}

.homeBanner .slideImage img {
    visibility: hidden;
}


.homeBanner .slideText {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background:  var(--stormy-teal);
    padding: 10px;
	position:absolute;
     width: 100%;   
        bottom: 10%;
        background: transparent;
}
.homeBanner .slideText .linkbutton a {
	font-size:16px;
	margin-top:20px;
	font-weight:300;
}
.homeBanner .slideText .slideTop {
    font-size: 60px;
    line-height: 1.3;
    font-weight: 700;
}

.homeBanner .openDays {
    color: #fff;
    background:#000;
    padding: 15px 0;
    text-align: center;
	font-size:14px;
}

.homeBanner .openDays a {
    display: inline-block;
    font-weight: 700;
    line-height: 1.5em;
    padding: 10px 41px;
    font-size: 1em;
    text-transform: uppercase;
    background:  var(--stormy-teal);
    color: #fff;
    border: solid 2px  var(--stormy-teal);
    min-width: 200px;
    text-align: center;
}

.homeBanner .openDays a:hover {
    background: #fff;
	color: var(--stormy-teal);
    text-decoration: none;
}

.homeBanner .openDays .openCont {
    font-size: 1.667em;
    line-height: 1.2;
    font-weight: 700;
    padding: 5px 0 10px;
}
#hero .cycle-pager {
    position: absolute;
    right: 30px;
    top: 50%;
    z-index: 101;
}

#hero .cycle-pager span {
    background: #fff;
    font-size: 0;
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    margin: 10px 0;
    opacity: 0.7;
    cursor: pointer;
    transition: 300ms;
}

#hero .cycle-pager span.cycle-pager-active {
    opacity: 1;
}
@media (min-width: 992px) {
    .homeBanner .openDays {
        color:#fff;
        background: rgba(0, 0, 0, 0.65);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 110;
        padding: 25px 0;
    }

    .homeBanner .openDays {
		 font-size:16px;
	 }

    .homeBanner .openDays .opendayText {
	}
	.homeBanner .slideText {
		 width: 70%;
        left:15%;
	}
    
}
@media (min-width: 1200px) {
    .homeBanner .slideText {
        font-size:24px;
    }

    .homeBanner .slideText .slideTop {
        font-size: 80px;
    }

    .homeBanner .slideText .slideBottom {
        margin-top: 15px;
    }
}

@media (min-width: 1590px) {
	 .homeBanner .openDays {
		 font-size:18px;
	 }
    
}

.introText {
    background: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
}
.introText blockquote{
	font-size:1.3em;
	color:#fff;
	margin-bottom:0;
}
.belowText {
    padding: 30px 0;
    background: #f3f4f6;
}

.row.columnrow .col-sm-7.col-xl-6.col-xl-offset-1{
    
}
/*Dynamic blocks*/
.dynamicContent {
}

/*text block*/
.textBlock {
	padding: 40px 0 30px;
    position: relative;
}

.textBlock.hasimg {
    padding-top: 100px;
    padding-bottom: 60px;
}

.textBlock .imageBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.15;
}

.textBlock.clearBlock .imageBackground {
    opacity: 1;
}


.textBlock .textLink {
    margin: 40px 0 60px;
}

.textBlock .textLink a,
.linkbutton a {   
    display: inline-block;
    line-height: 31px;
    padding: 10px 40px;
    background:  var(--stormy-teal);
    color: #fff;
    border: solid 2px  var(--stormy-teal);
    text-align: center;
    transition: all 300ms;
	font-size:18px;
	font-weight:700;
}

.textBlock .textLink a:hover,
.linkbutton a:hover{
    background: #000;
    text-decoration: none;
	color:#fff;
	border-color:#000;
}
.linkbutton.telephoneLink a {
	padding:0;
	overflow:hidden;
}
.linkbutton.telephoneLink a .cont {
	display:inline-block;
	position:relative;
	 padding: 10px 41px;
	 opacity:1;
	 transition:300ms;
}
.linkbutton.telephoneLink a .number {
	display:block;
	width:100%;
	position:relative;
	opacity:0;
	position:absolute;
    padding: 10px 00px;
	top:0;
	left:100%;
	 transition:500ms;
}
.linkbutton.telephoneLink a.telOpen .cont {
	opacity:0;
}
.linkbutton.telephoneLink a.telOpen .number {	
	left:0%;
	opacity:1;
}
.textBlock .slide {
	padding:20px 0;
	width:100%;
}



/*default styles*/
/*
.textBlock.default:before  {
    content: '';
    display: block;
    width: 1px;
    background:  var(--stormy-teal);
    height: 87px;
    margin: 15px auto 0px;
}
*/
.dynamicContent.postCols .textBlock.default {
    background: #f8f8f8;
    padding-top: 50px;
}

.dynamicContent.postCols .textBlock.default:before {
    display: none;
}
.textBlock.lightgreyBlock {
	background:#eee;
}
@media (min-width: 1390px) {
    .textBlock.hasimg .col-sm-12 {
        padding-left:120px;
        padding-right: 120px;
    }
}

/* img text block*/
.ImgtextBlock {
    position: relative;
}

.ImgtextBlock .textBlock {
    padding: 30px;
    text-align: left;
}

.ImgtextBlock .textBlock p {
    line-height: 1.66;
}

.ImgtextBlock .imageBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}
.ImgtextBlock .textBlock.lightgreyBlock{
	background:rgba(238, 238, 238, 0.8);
	color:#000;
}
@media (min-width: 1590px) {
    .ImgtextBlock .textBlock {
        padding:40px 55px 40px 55px;
    }
}
.ImgtextBlock.solidImgBlock.style1{
	background:  var(--stormy-teal);
	color:#fff;
}
.ImgtextBlock.solidImgBlock.style1 .textBlock {
	background:  var(--stormy-teal);
}
.ImgtextBlock.solidImgBlock.textBlock.style2 {
	background: var(--dark-teal);
	color:#fff;
}
.ImgtextBlock.solidImgBlock.style2 .textBlock {
	background: var(--dark-teal);
}
.ImgtextBlock.solidImgBlock .container {
	position:relative;
}
.ImgtextBlock.solidImgBlock .twocol-bg {
    position: relative;
    height: 400px;
}
.ImgtextBlock.solidImgBlock .twocol-bg img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
@media (min-width: 768px) {
	.textBlock {
   		padding: 60px 0;
	}
    .ImgtextBlock.solidImgBlock .twocol-bg {
        position:absolute;
        left: 0;
        right: 40%;
        top: 0;
        bottom: 0;
        height: auto;
    }
	.ImgtextBlock.solidImgBlock.leftTxt .twocol-bg {
        position:absolute;
        right: 0;
        left: 40%;
        top: 0;
        bottom: 0;
        height: auto;
    }
}
/*columns*/
.dynamic-two_columns .columnrow .col2 {
    background:  var(--stormy-teal);
	color:#fff;
    z-index: 2;
	padding-bottom:5px;
	padding-bottom:30px;
}
.dynamic-two_columns .columnrow .col2 h2,
.dynamic-two_columns .columnrow .col2 h3{
	color:#fff;
}

.dynamic-two_columns .columnrow .col2 .col-bottom-image{
	margin:10px -15px -22px;
}
.dynamic-two_columns .columnrow > div {
	 padding-top: 60px;
    padding-bottom: 60px;
}

.dynamic-two_columns .columnrow > div:nth-child(2) {
    transform: translateX(1px);
}


@media (min-width: 992px) {
    .dynamic-two_columns .columnrow {
        display:flex;
        background: #fff;
        position: relative;
    }
	.dynamic-two_columns.intro-two .columnrow .col2 {
		margin-top:-250px;
		position:relative;
		z-index:120;
		padding-top:20px;
	}
    .dynamic-two_columns {
        position: relative;
    }

    .dynamic-two_columns h3 {
        max-width:500px
    }


    .dynamic-two_columns .columnrow .col2 {
        /* margin-left: 2px; */
    }
}
@media (min-width: 1200px) {
	.dynamic-two_columns.intro-two .columnrow .col2 {
		margin-top:-450px;		
	}

	
}
@media (min-width: 1390px) {
    .dynamic-two_columns .columnrow > div {       
        padding-right: 40px;
    }
	.dynamic-two_columns .columnrow .col2 {
		padding-left:40px;
	}
	.dynamic-two_columns .columnrow .col2 .col-bottom-image{
		margin:10px -40px -22px;
	}
.dynamic-two_columns.intro-two .columnrow .col2 {
		margin-top:-450px;		
}
}
/*infoBlocks*/
.infoBlocks .image {
}

.infoBlocks img {
    border-radius: 100%;
}

.infoBlocks:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:50%;
    background: #f4f4f4;
    display:block;
}

.infoBlocks {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}

.infoBlocks .infoBlock {
    padding-top: 20px;
    padding-bottom: 20px;
}

.infoBlocks .infoBlock .images {
    padding: 10px 0;
}

@media (min-width: 992px) {
    .infoBlocks .infoBlock {
        padding-left:30px;
        padding-right: 30px;
    }
}

/*innerInfoBlocks*/
.innerInfoBlocks {
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 105px;
    text-align: center;
}

.innerInfo {
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 10px;
}

.innerInfoBlocks .image {
    height: 45px;
    line-height: 45px;
}

.innerInfoBlocks .image img {
    vertical-align: middle;
}

.innerInfoBlocks img {
    max-height: 105px;
}

.innerInfoBlocks strong {
    display: block;
}

.innerInfoBlocks span {
    display: block;
    font-size: 16px;
}


.highlights {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-around;
}

.highlights > div {
    flex-basis: 50%;
    text-align:center;
    overflow: hidden;
}

@media(max-width:767px){
	#hero img {
    height: revert-layer;
}
    .highlights > div {
        flex-basis: 100%;
    }
}
.highlight-icon {
	border:solid 3px #efefef;
	max-width:230px;
	padding:5px 20px;
	line-height:84px;
	margin:5px auto 10px;
	text-align:center;
	
}
.highlight-icon img{
	display:inline-block;
	vertical-align:middle;
}
.highlight-title {
    color: #000;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.3em;
}




.tb-pager {
    display: block;
    text-align: center;
    font-size: 40px;
    line-height: 20px;
    letter-spacing: 7px;
	position:relative;
	z-index:120;
}

.tb-pager > span{
    color:#333;
    opacity:0.5;
    transition:all 300ms;
}

.tb-pager .cycle-pager-active{
    opacity:1;
}

.boxed-items {
    margin: 60px 0;
}


.boxed-item {
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.5);
    margin: 30px 0;
    padding: 30px;
}

.whiteBlock .boxed-item {
	border-color:#e2e2e3;
}
.boxed-item img{
    border-radius:100%;
    width: 20%;
    margin: 0 30px;
}

@media(max-width:767px){
    .boxed-item img{
        width: 100%;
        margin:0px;
        float:none;
    }
}



/*infoCarousel*/
.infoCarousel {
	position:relative;
}
.infoCarItem {
	padding:20px;
	text-align:center;
	color:#2b2b2b;
}
.infoCarItem h3{
	position:relative;
	font-size:20px;
	margin:1em 0;
	padding-top:10px;
	line-height:1.3;
	min-height:2.6em;
}
.infoCarItem h3:before{
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height:2px;
	background: var(--stormy-teal);
	top:0;
	left:50%;
	margin-left:-10px;
}
.infoCarousel .owl-prev,
.infoCarousel .owl-next {
	font-size:0;
	width:15px;
	height:29px;
	display:block;
	position:absolute;
	background-image:url(images/arrow-dark.png);
	background-repeat:no-repeat;
	top:50%;
	transition:300ms opacity;
}
.infoCarousel .owl-prev{
	left:-7px;
}
.infoCarousel .owl-next {
	right:-7px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.infoCarousel .owl-prev.disabled,
.infoCarousel .owl-next.disabled {
	opacity:0;
}
/* Link Blocks*/
.linkBlock  a{
	display:block;
	width:100%;
	position:relative;
	margin-bottom:30px;
	max-height:300px;
}
.linkBlock  a:before{
	content:'';
	display:block;
	width:100%;
	padding-top:55%;	
}
.linkBlock a .linkBlockimg{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.linkBlock a .linkBlockimg img{
	display:none;
}
.linkBlock a .lnkTitle{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height: 1.4em;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    background:  var(--stormy-teal);
    color: #fff;
    border: solid 2px  var(--stormy-teal);
    text-align: center;
    width: 100%;
    background:  var(--stormy-teal);
    transition: all 300ms;
}
.linkBlock  a:hover .lnkTitle{
	background:#fff;
	color: var(--stormy-teal);
}
.dynamic-link_blocks .linkBlocks .linkBlock {
    background: none!important;
    margin: 0!important;
}
.dynamic-link_blocks .linkBlocks {
    margin: 0!important;
}
@media (min-width:768px){
	.linkBlock  a:before{
	padding-top:65%;		
	}
}
@media (min-width:992px){
	.linkBlock a .lnkTitle {
    	font-size: 20px;
	}
    .dynamic-link_blocks .linkBlocks .linkBlock {
        padding: 20px!important;
    }
}
/*testimonials*/
.testimonialBlock .cycle-slideshow {
	width:100%;
	text-align:center;
}
.testimonialBlock .slide {
	width:100%;
}
.testimonialWrap {
	padding:20px 20px;
	font-size:20px;
    max-width: 800px;
    margin: auto;	
}
.testimonialWrap .cycle-pager {
	font-size: 45px;
    line-height: 5px;
	color:inherit;
	margin-top:20px;
	text-align:center;
}
.testimonialWrap .cycle-pager span{
	margin:0 3px;
	cursor:pointer;
	opacity:0.7;
}
.testimonialWrap .cycle-pager .cycle-pager-active {
	opacity:1;
}

.testimonialWrap blockquote{
	font-size:1.1em;
	font-style: normal;
}

.testimonialWrap blockquote cite{
	font-size:0.7em;
	font-style: normal;
}
/*Image Block*/
.imageBlock {
	width:100%;
	margin:0px auto;	
}
.imageWrap {
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat
}

.imageWrap img{
	width:100%;
}
@media (min-width:992px){
	.imageWrap {
		max-height:400px;
	}
	.imageWrap img{
		visibility:hidden;
	}	
	.testimonialWrap {
    	padding: 20px 70px;
	}
}
@media (min-width:1200px){
	.imageWrap {
		max-height:550px;
	}
}
.blockGalleryItem {
	padding-bottom:30px;
	text-align:center;
}
.blockGalleryItem a{
	border:solid 2px transparent;
	display:inline-block;
}
.blockGalleryItem a:hover{
	border-color: var(--stormy-teal);
}
.imgBlockCar {
	position:relative;
	padding:0 15px;
}
.imgBlockCar .blockGalleryItem {
	padding-bottom:0;
}
.imgBlockCar  .owl-prev,
.imgBlockCar  .owl-next {
	font-size:0;
	width:15px;
	height:29px;
	display:block;
	position:absolute;
	background-image:url(images/arrow-dark.png);
	background-repeat:no-repeat;
	top:50%;
	transition:300ms opacity;
}
.imgBlockCar  .owl-prev{
	left:-7px;
}
.imgBlockCar  .owl-next {
	right:-7px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.imgBlockCar  .owl-prev.disabled,
.imgBlockCar  .owl-next.disabled {
	opacity:0;
}
/*----------------
Footer
------------------*/
footer .container {
	max-width: 1140px;
}
footer {
    background: #000000;
    color: #ffffff;
    position: relative;
    margin-top: 100px;
    padding: 5px 0 40px;
}
footer a {
	color:#fff;
}
#footer a:hover {
	color:var(--stormy-teal);
}


#footer .tel-info, #footer .email-info {
    font-size: 15px;
    margin-bottom: 10px;
}
.footer_subtitle {
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.footerTop {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: solid 1px #8d9091;
}

.footerTop p {
    margin: 10px 0;
}

.footerBottom {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer-col-1 {
	margin-top: 30px;
	margin-bottom: 100px;
}
.footer_title {
    font-size: 45px;
    line-height: 1.16;
    text-transform: uppercase;
    font-weight: 700;
}

footer .contact-details {
    margin-top: 30px;
    margin-bottom: 50px;
}

.footerLower {
    font-size: 12px;
}

.footerLower a {
    color:#fff;
}
@media only screen and (min-width : 768px) {
.footer_title {
	font-size: 60px;
}
}
@media only screen and (min-width : 991px) {
footer {
    margin-top: 150px;
    padding: 60px 0 40px;
}
#footer:after {
	top: 70px;
	opacity: 0.1;
    width: 600px;
    height: 550px;
}	
}

@media only screen and (min-width : 1550px) {

	#footer:before {

		mask-size: 100% 100%;

	}

}


ul.inputs-list {
    list-style: none;
}

ul.inputs-list input[type='checkbox'] {
    margin-right: 10px
}

/*Accordions*/
.dynamic-accordion .textBlock {
    padding: 20px 0 40px;
}
.accordions {
	max-width: 800px;
    margin: auto;
}
.accordion {
	margin-bottom:10px;
	border-bottom:solid 1px  var(--stormy-teal);
}
.accordion.open {
	border-bottom-color:#ccc;
}
.accordion .title:after {
	content:'\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display:inline-block;
	position:absolute;
	right:10px;
	top:0.5em;
	transition:300ms;
}
.accordion.open .title:after {
	transform:rotate(90deg);
}
.accordionContent {
	display:none;
	overflow:hidden;	
	padding:10px 0 5px 0;
}

/*----------------
	STYLE TYPES
------------------*/

/*Style 1*/
.textBlock.style1 {
	background:  var(--stormy-teal);
	color:#fff;
}

.textBlock.style1 h2,
.textBlock.style1 h3,
.textBlock.style1 h4{
	color:#fff;
}
.textBlock.style1 a{
	color:#fff;
}
.ImgtextBlock .textBlock.style1 {
	background:rgba(0, 32, 91, 0.8)
}
.textBlock.style1 a.readmore,
.textBlock.style1 .linkbutton a,
.textBlock.style1 div.wpforms-container-full .wpforms-form button[type=submit],
.dynamic-two_columns .columnrow .col2 div.wpforms-container-full .wpforms-form button[type=submit],
.textBlock.style1 .submitButton  {
	border:solid 2px #fff;
	background: var(--stormy-teal);
}
.textBlock.style1 a.readmore:hover,
.textBlock.style1 .linkbutton a:hover,
.textBlock.style1 div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.dynamic-two_columns .columnrow .col2 div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.textBlock.style1 .submitButton:hover  {
	background: #fff;
    color:  var(--stormy-teal);
    border: solid 2px  var(--stormy-teal);
}
/*Style 2*/
.textBlock.style2 {
	background: var(--dark-teal);
	color:#fff;
}
.textBlock.style2 h2,
.textBlock.style2 h3,
.textBlock.style2 h4{
	color:#fff;
}
.textBlock.style2 a{
	color:#fff;
}
.ImgtextBlock .textBlock.style2 {
	background:rgba(96, 33, 103, 0.8);
}
.style2 .linkbutton a:hover {
	color: var(--stormy-teal);
}
/*Transparent*/
.textBlock.clearBlock .imageBackground {
    opacity: 1;
}

/*Light Grey 2*/
.textBlock.lightgreyBlock {
	background:#eee;
}
.ImgtextBlock .textBlock.lightgreyBlock{
	background:rgba(238, 238, 238, 0.8);
	color:#000;
}

/*Curriculum Page*/
.subject-tile {
	background:var(--dark-teal);
}
#subject-tiles .subject-block .panel {
	color:#000;
}
#subject-tiles .subject-block .subject-close {
	background: var(--stormy-teal);
}
.subject-tile.subjectOpen .cover .button-wrap {
	background:var(--dark-teal);
}
#subject-tiles .subject-block .photo {
	margin-bottom:30px;
}
#subject-tiles .subjContent {
	padding-top:0;
}
#subject-tiles .title {
}
@media (min-width:992px){
	#subject-tiles .subject-block .photo {
		float:right;
		padding-right:35px;
		padding-left:15px;
	}
}

/* wpforms */

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0!important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    height: 35px!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 15px!important;
}

div.wpforms-container-full .wpforms-form h3 {
    font-size: 22px!important;
}

.dynamic-solid_image_text_block p {
    line-height: 1.46!important;
}
/*======================================*\
    EALING V4 — banner, pathways, footer
\*======================================*/

.homeBanner .slideText{ position:relative; z-index:101; }
.homeBanner .openDays{ position:relative; z-index:101; }

/* --- Pathways cards (GCSE / A Level / Retakes) per V4 --- */
.dynamic-link_blocks .linkBlock a .lnkTitle{
    text-align:left;
    text-transform:none;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.dynamic-link_blocks .linkBlock a .lnkTitle:after{
    content:'\00bb';
    font-weight:700;
    margin-left:12px;
}
.dynamic-link_blocks .linkBlocks .linkBlock:nth-child(1) a .lnkTitle{
    background:var(--yellow); border-color:var(--yellow); color:var(--dark-teal);
}
.dynamic-link_blocks .linkBlocks .linkBlock:nth-child(2) a .lnkTitle{
    background:var(--pearl-aqua); border-color:var(--pearl-aqua); color:var(--dark-teal);
}
.dynamic-link_blocks .linkBlocks .linkBlock:nth-child(3) a .lnkTitle{
    background:var(--dark-teal); border-color:var(--dark-teal); color:#fff;
}
.dynamic-link_blocks .linkBlocks .linkBlock:nth-child(3) a .lnkTitle:after{
    color:var(--yellow);
}
.dynamic-link_blocks .linkBlock a:hover .lnkTitle{
    background:var(--stormy-teal); border-color:var(--stormy-teal); color:#fff;
}
.dynamic-link_blocks .linkBlock a:hover .lnkTitle:after{ color:#fff; }

/* --- Footer: V4 dark-teal treatment --- */
#footer{ background:var(--dark-teal)!important; }
#footer:before{ background:var(--dark-teal); }   /* neutralise old black top shape */
#footer:after{ display:none!important; }         /* remove old clock motif */

.footer_title{ text-transform:none; }
.footer_title .accent{ color:var(--pearl-aqua); }

/* useful-links menu -> two columns like the design */
.footer-col-2 .footerLinks{
    list-style:none;
    margin:30px 0 0;
    padding:0;
    columns:2;
    column-gap:40px;
}
.footer-col-2 .footerLinks li{ margin-bottom:12px; break-inside:avoid; }
.footer-col-2 .footerLinks a{ color:#fff; }

/* contact link styled as a V4 button */
.footer_subtitle{ text-decoration:none; }
.footer_subtitle a{
    display:inline-flex; align-items:center;
    background:var(--yellow); color:var(--dark-teal);
    font-weight:700; text-decoration:none;
    padding:11px 22px; border-radius:2px; margin-top:10px;
}
.footer_subtitle a:after{ content:'\00bb'; margin-left:10px; }
.footer_subtitle a:hover{ background:var(--coral); color:var(--dark-teal); text-decoration:none; }

/* footer square-pattern decoration (bottom-right) */
.footerSquares{
    position:absolute;
    right:0; bottom:0;
    width:55%; max-width:680px;
    height:300px;
    background:url('images/footer-squares.svg') no-repeat bottom right;
    background-size:contain;
    pointer-events:none;
    z-index:0;
}
#footer .container{ position:relative; z-index:1; }

/*======================================*\
    EALING V4 — TYPE SCALE (match design)
\*======================================*/
/* Display / section titles = design H1 (80/69.6) */
h1.sectionTitle,
h2.sectionTitle,
.footer_title,
.homeBanner .slideText .slideTop{
    font-size:80px;
    line-height:0.87;
    font-weight:700;
}
.sectionTitle span {
	color: var(--pearl-aqua);
}
/* section subtitle paragraph = design body (26/36) */
p.sectionTitle{
    font-size:26px;
    line-height:36px;
    font-weight:400;
}
/* body copy in content areas = design BODY (26/36) */
.introText,
.welcomeBlock,
.textBlock,
.bodyContent,
.dynamicContent,
main.main{
    font-size:18px;
    line-height:30px;
}
/* keep card labels at design Button size (20) */
.dynamic-link_blocks .linkBlock a .lnkTitle{ font-size:20px; }

/* responsive step-down so 80px display type isn't oversized on small screens */
@media (max-width:991px){
    h1, h1.sectionTitle, h2.sectionTitle, .footer_title,
    .homeBanner .slideText .slideTop{ font-size:52px; line-height:1; }
    .introText, .welcomeBlock, .textBlock, .bodyContent,
    .dynamicContent, main.main, p.sectionTitle{ font-size:16px; line-height:1.6; }
}
@media (max-width:600px){
    h1, h1.sectionTitle, h2.sectionTitle, .footer_title,
    .homeBanner .slideText .slideTop{ font-size:40px; line-height:1.05; }
}

/*======================================*\
    EALING — HEADER BAR colours (Inner V3)
\*======================================*/
.headGroup{ background-color:var(--stormy-teal); }   /* stormy teal bar */
.mainMenu .menu a{ color:var(--cream); }             /* linen-white nav links */
.mainMenu .menu a:hover{ color:#fff; }
.headGroup .menu > li:after{ background:var(--cream); }
/* header CTA button -> yellow with dark text */
.headGroup .openDays a{
    background:var(--yellow);
    border-color:var(--yellow);
    color:var(--ink);
}
.headGroup .openDays a:hover{
    background:var(--pearl-aqua);
    border-color:var(--pearl-aqua);
    color:var(--dark-teal);
}

/* Hero banner: no text overlay in V4 (headline sits in welcome section) */
.homeBanner .slideText{ display:none; }

/* Bigger button arrows to match design */
.dynamic-link_blocks .linkBlock a .lnkTitle:after,
.footer_subtitle a:after,
.headGroup .openDays a:after{
    font-size:1.7em;
    line-height:0;
    position:relative;
    top:0.08em;
}

/* Pathway card colour bars: 120px tall to match design */
.dynamic-link_blocks .linkBlock a .lnkTitle{
    min-height:120px;
    box-sizing:border-box;
}

/* Footer heading uses the display font */
.footer_title{ font-family:'Schibsted Grotesk', sans-serif; font-weight:700; }

/* Button text = 20px (design Button token) */
.headGroup .openDays a,
.footer_subtitle a,
.homeBanner .openDays a{
    font-size:20px;
    font-weight:700;
}

/* Button arrow = Inner V3 chevron SVG (mask so colour follows text) */
.dynamic-link_blocks .linkBlock a .lnkTitle:after,
.footer_subtitle a:after,
.headGroup .openDays a:after{
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    flex:0 0 auto;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17%208.50133L16.0606%207.45965L9.30725%201.62736e-06L6.7505%202.08071L12.5615%208.49867L6.7505%2014.9166L9.30725%2016.9973L16.0577%209.53769L16.9972%208.49601L17%208.50133ZM10.2495%208.50133L9.31006%207.45965L2.55675%204.47045e-07L-3.63796e-07%202.08071L5.81105%208.49867L-2.60852e-06%2014.9193L2.55675%2017L9.30725%209.54035L10.2467%208.49867L10.2495%208.50133Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17%208.50133L16.0606%207.45965L9.30725%201.62736e-06L6.7505%202.08071L12.5615%208.49867L6.7505%2014.9166L9.30725%2016.9973L16.0577%209.53769L16.9972%208.49601L17%208.50133ZM10.2495%208.50133L9.31006%207.45965L2.55675%204.47045e-07L-3.63796e-07%202.08071L5.81105%208.49867L-2.60852e-06%2014.9193L2.55675%2017L9.30725%209.54035L10.2467%208.49867L10.2495%208.50133Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    -webkit-mask-size:contain;
    mask-size:contain;
    position:static;
    top:auto;
    font-size:inherit;
}
/* Retakes card keeps a yellow arrow on the dark-teal bar */
.dynamic-link_blocks .linkBlocks .linkBlock:nth-child(3) a .lnkTitle:after{
    background-color:var(--yellow);
}
.dynamic-link_blocks .linkBlock a:hover .lnkTitle:after{ background-color:#fff; }

/* Button height = 46px (design) */
.headGroup .openDays a,
.footer_subtitle a{
    display:inline-flex;
    align-items:center;
    gap:12px;
    height:46px;
    padding:0 20px;
    box-sizing:border-box;
    line-height:1;
}

/* GCSE / A Level / Retakes card labels = 32px */
.dynamic-link_blocks .linkBlock a .lnkTitle{ font-size:32px; }

/* Header CTA button — exact Inner V3 spec */
.headGroup .openDays a{
    border:none;
    gap:25px;
    padding:0 20px 0 17px;
}
.headGroup .openDays a:after{ width:17px; height:17px; }

/*======================================*\
    Accordion (Subjects / FAQs) — match V4 FAQ design
\*======================================*/
.accordion{ border-bottom:none; margin-bottom:14px; }
.accordion.open{ border-bottom:none; }
.accordion .title{
	position:relative;
	cursor:pointer;
    background:var(--sky-blue);
    color:var(--ink);
    font-weight:700;
    font-size:18px;
    padding:12px 20px;
    padding-right:45px;
}
.accordion.open .title{
    background:var(--yellow);
    color:var(--ink);
}
.accordion .title:after{
    content:'\f078';            /* chevron-down */
    color:var(--ink);
    top:0.7em;
}
.accordion.open .title:after{ transform:rotate(180deg); }
.accordionContent{
    background:var(--cream);
    color:var(--ink);
    padding:24px 20px;
}