/*
	Theme Name: Van Elle - Schoolcms
	Author: Innermedia
Author URI: https://www.innermedia.co.uk
Description: 
Requires at least: WordPress 4.9.6
Version: 5.0.2

*/
:root {
	--body_colour : #000;
	--title_colour : #000;
	--link_colour : #007bff;
	--link_colour_hover : #0056b3;	
	--button_bg: #ff5800;
	--button_colour: #fff;
	--button_bg_hover: #000;
	--button_colour_hover: #fff;
}
.text-orange {	
	color:#ff5800;
}
/*Content Wrapper*/
@media (min-width:1400px){
	.container {
		max-width: 1140px;
	}
	.container.container_wide {
		max-width: 1320px;
	}
}
@media (min-width:1560px){
	.container.container_wide {
		max-width: 1520px;
	}
}
/* clear */

.well {
	padding:10px 15px;
	background:#eaeaea;
	border:solid 1px #ddd;
	margin:20px 0;
}
.scms-carousel .owl-dots span {
	width:10px;
	height:10px;
	display:inline-block;
	background:#000;
	border-radius:50%;
}
.scms-carousel .owl-nav {
	position:relative;
}
.scms-carousel .owl-nav .owl-prev{
	position:absolute;
	left:0;
	top:0;
}
.scms-carousel .owl-nav .owl-next{
	position:absolute;
	right:0;
	top:0
}
.scms-carousel .owl-dots {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.scms-carousel .owl-dots .owl-dot {
	display:inline-block;
	margin:0 2px;
	opacity:1;
}
.scms-carousel .owl-dots .owl-dot.active span{
	background:#ec3822;
}
.scms-carousel .item {
	padding-top:100%;
	position:relative;
}
.scms-carousel .item img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.breadcrumbs {
	font-size:0.875rem;
	color:#676767;
	padding-bottom:1.25rem;
	position:relative;
	border-bottom:solid 1px #d7d9d9;
	margin-bottom:1.25rem;
}
.searchform label{
	display:none;
}
.searchform {

}
.searchform input.searchInput {
	height:30px;
	border-width:1px;
	border-radius:3px;
}
.searchform .searchSubmit{
	height:30px;
	border-width:1px;
	border-radius:3px;
}
.searchpopup {
	border-bottom:20px solid #3e3e3e;
	padding:0;
}
.searchpopup .searchWrap {
	border-bottom:3px solid #ff5800;
	padding:2rem 2rem;
}

/*news*/
.list-item{
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
	--link_colour: #ff5800;
    --link_colour_hover: #000;
}
.list-item-image{
	text-align:center;
}
.list-item-image a{
	display:block;
	padding:10px 0;
}
.list-item-text{

}
.list-item-text p.date{
	font-size:0.8em;
	margin:0;
}

.postThumb {
	margin-bottom:20px;
	text-align:center;
}
.postThumb img {
	width:100%;
	object-fit:contain;
}
/*NEWS + BLOG PAGE*/

.blog-container{
    padding:0;
}

.blog-text{padding:20px;}
.blog-text a{color: #FF5800;}

.blog-thumbnail{
    height:500px;
    overflow: hidden;
    position: relative;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-thumbnail img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: top;
}
.blog-blocks{
    position: absolute;
    bottom:0;
    display: flex;
}

.blog-blocks .date{
    background-color:#FF5800;
    height:auto;
    padding:20px;
    color: #fff;
}

.blog-blocks .category{
    padding:20px;
    background-color: #2D2D30;
    color: #fff;
    margin:0;
    min-width: 100px;
    text-align: center;
}


.blog-thumbnail .category a{color:#fff}

.blog-title{
    padding:20px;
    border-bottom: 2px solid #EFEFEF;
}

.blog-title h1{font-size:2rem;font-weight: 500;}
.blog-tag-list .blog-tag:first-child{margin:0 10px 0 0}
.blog-tag-list .blog-tag{margin:0 10px 0 10px;text-decoration: underline;}
.blog-title i{color: #FF5800;}

.blog-tag{
    font-size: 0.9rem;
}

.blog-tag a{opacity:0.6;color:#2D2D30;transition: 0.5s ease;}
.blog-tag a:hover{opacity: 1;color: #FF5800;transition: 0.5s ease;}

/*END*/

/*ARCHIVE - NEWS*/
.category-selectors a.button{
	margin:0 15px 15px 0;
}
.archive-title {
	margin:10px 0 20px;
}
.archive-card{
    width:100%;
    height:auto;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
	--link_colour: #2D2D30;
    --link_colour_hover: #FF5800;
}
.archive-card a:hover {
	text-decoration:none;
}
.archive-card img{
    height:300px;
    object-fit: cover;
    border-radius: 3px;
}

.archive-card .date{
    margin-top:10px;
    font-size: 1rem;
    opacity: 80%;
	color:inherit;
    text-transform: uppercase;
	display:block;
}
.archive-card .title{
    font-size: 1.5rem;
    font-weight: 700;
    font-variation-settings: 'wght' 700;
	color:inherit;
    align-self: flex-start;
}

.archive-card .archive-card-footer{
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #EFEFEF;
    padding:5px 0;
    width:100%;    
	--link_colour: #007bff;
    --link_colour_hover: #0056b3;
}

.archive-card .archive-card-footer .terms{
	margin:0 5px 0 -5px;
	 display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
}
.archive-card .archive-card-footer .terms a{
	padding:0 5px;
	display:inline-block;
}
.archive-card .archive-card-footer .article-link{
    text-transform: uppercase;
    --link_colour: #FF5800;
    --link_colour_hover: #000;
    display:block;
    text-transform: uppercase;
    font-variation-settings: 'wght' 600;
}

ul.pagination {
    --bs-pagination-font-size : .9rem;
	margin-top:1rem;
	--bs-pagination-color : #212529;
	--bs-pagination-hover-color : #212529;
	--bs-pagination-hover-bg : #eee;
	--bs-pagination-disabled-color : #868e96;
	--bs-pagination-active-bg: #4285f4;
    --bs-pagination-active-border-color: #4285f4;
    --bs-border-width: 0px;
}
/*END*/


/*------------------------------------*\
    Header
\*------------------------------------*/

header.header .top-bar {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.main-logo {
    padding: 10px 0;
}
.top-bar .logo {
    background-color: #fff;
    padding: 0 25px;
}
.ve-header-brand {
    width: auto;
    max-height: 60px;
}
.top-bar .subsidiaries {
    align-self: flex-end;
	align-items:center;
    background-color: #e3e3e3;
    width: auto;
    height: 80px;
    padding: 7px 5px 3px 10px;
	position:relative;
}
.top-bar .subsidiaries:before {
	content: '';
    position: absolute;
    display: block;
    left: -48px;
    top: 0;
    bottom: 0;
    width: 48px;
    height: 100%;
    background: #e3e3e3;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.top-bar .subsidiaries img {
	max-height: 64px;
    width: auto;
    margin: 0px 12px;
    max-width: 160px;
    object-fit: contain;
}
@media (min-width:1400px){
	.top-bar .subsidiaries img {
		max-height: 70px;
		margin: 0px 20px;
	}
	.top-bar .subsidiaries {
		padding: 7px 16px 3px 20px;		
	}
}
@media (max-width:991.5px){
	#header {
		height:120px;
		position:relative;
	}
	#header #headerGroup{
		position:fixed;
		width:100%;
		height:120px;
		left:0;
		top:0;
		z-index:500;
		background:#fff;
		transition:300ms;
	}
	body.fixedHeader #header #headerGroup{
		height:95px;
	}
	#header #headerGroup .ve-header-brand{
		transition:300ms;
	}	
	body.fixedHeader #header #headerGroup .ve-header-brand{
		max-height:45px;
	}
	body.fixedHeader .main-logo {
		padding-top:5px;
		padding-bottom:5px;
	}
	body.admin-bar #header #headerGroup{
		top:var(--wp-admin--admin-bar--height);
	}
	
	
	
}
@media (max-width: 782px){
	body.admin-bar.fixedHeader #header #headerGroup{
		top:0;
	}
}
/*------------------------------------*\ 
    Navigation
\*------------------------------------*/
.menu-toggle{
    position:relative;
	width:40px;
	display:block;
	cursor:pointer;
	height:40px;	
	margin:0 6px 0 auto;
}
.menu-toggle .toggleIcon {
	position:relative;
	width:40px;
	height:40px;
	transition:300ms;
}
.menu-toggle .toggleIcon span:before,
.menu-toggle .toggleIcon span:after {
	content:'';
}
.menu-toggle .toggleIcon span,
.menu-toggle .toggleIcon span:before,
.menu-toggle .toggleIcon span:after {
    width: 32px;
    height: 4px;
    border-radius: 4px;
    background-color: #222;
    display: block;
    transition-timing-function: ease;
    transition-duration: 0.15s;
	position:absolute;
}

.menu-toggle:hover .toggleIcon span,
.menu-toggle:hover .toggleIcon span:before,
.menu-toggle:hover .toggleIcon span:after{
    background-color: #000;
}
.menu-toggle .toggleIcon span {
	top:50%;
	left:4px;
	margin-top:-2px;	
}
.menu-toggle .toggleIcon span:before {
    top: -8px;
}
.menu-toggle .toggleIcon span:after {
    top: 8px;
}
body.menuopen .menu-toggle .toggleIcon span {
    background-color: transparent!important;
}
body.menuopen .menu-toggle .toggleIcon span:before {
    transform: rotate(135deg);
    top: 0px;
}
body.menuopen .menu-toggle .toggleIcon span:after {
    transform: rotate(-135deg);
    top: 0px;
}


.main-navigation {
	background: #e3e3e3;
	position:relative;
	z-index:400;
}
.main-navigation .primary-menu {
	visibility: visible;
    text-align: left;
    padding: 00px 10px;
	position:relative;
	color: #666;
	--link_colour: #000;
	--link_colour_hover: #000;
}
.main-navigation ul {
	padding:0;
	list-style:none;
	margin:0;
}
.main-navigation a{
	text-decoration:none;
}
.main-navigation .primary-menu > li {
	position:relative;
}
.main-navigation .primary-menu > li >a{
	display:block;
    padding: 10px 15px;
    font-size: 1rem;
    line-height: 1.25rem;
	font-weight:700;
	font-variation-settings: 'wght' 700;
}

.main-navigation .primary-menu > li.menu-item-has-children >a:after {
    content: '\f140';
    font-family: dashicons;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: 0 0;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}
.main-navigation .primary-menu > li.searchToggle  >a:before {
    content: "\f179";
    display: inline-block;
    font: inherit;
    font-family: dashicons;
    position: static;
    margin: 0 6px 0 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    background: 0 0;
    height: auto;
    width: auto;
    top: auto;
}


.main-navigation .primary-menu .sub-menu li{
	font-size:0.875rem;
	display: block;
    line-height: 1.7;
}

.main-navigation .primary-menu > li:hover > a{
	color:var(--link_colour_hover);
}
.main-navigation .primary-menu li.current-menu-item > a{
	color:var(--link_colour_hover);
}
.main-navigation .primary-menu > li > .sub-menu {
	display:none;	
    max-width: none;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #f1f1f1;
    border-radius: 0;
}
.main-navigation .primary-menu > li >.sub-menu li{
	font-size:0.875rem;
	display: block;
    background: #f1f1f1;
    font-family: inherit;
}
.main-navigation .primary-menu > li >.sub-menu li a{
	display:block;
    font-size: 0.875rem;
    line-height: 1.5625rem;
    padding: 5px 10px 5px 10px;
}
.main-navigation .primary-menu > li >.sub-menu li a:hover{
    background: #ddd;
    font-weight: normal;
    text-decoration: none;
    color: #666;
}




.main-navigation .primary-menu li.megamenuItem .megamenuWrap{	
    background: #fff;
	display:none;
}
.main-navigation .primary-menu li.megamenuItem .megamenuWrap > .sub-menu {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.main-navigation .primary-menu li.megamenuItem .megamenuWrap > .sub-menu > li{
	width:100%;
    padding: 15px 15px;	
	--link_colour :#000;
}
.main-navigation .primary-menu li.megamenuItem .megamenuWrap > .sub-menu > li > a {
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-variation-settings: 'wght' 700;
    margin: 0 0 10px;
    padding: 0;
    vertical-align: top;
    display: block;
    border: 0;
}
	/*.main-navigation .primary-menu > li:first-child > .sub-menu {
        opacity: 0;
        transition: opacity 200ms ease-in, visibility 200ms ease-in;
    }*/
@media (max-width:991.5px){
	.mega-menu-toggle-wrap {
		display:block;
	}
	.main-navigation .primary-menu{
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		display:none;
        z-index: 999;
		background: #f1f1f1;
        padding: 0px 0px 0px 0px;
        max-height: calc(90vh - 120px);
        overflow-y: auto;
	}
	
	body.fixedHeader .main-navigation .primary-menu{
        max-height: calc(90vh - 95px);		
	}
	body.menuopen .main-navigation .primary-menu{
        display: block;		
        z-index: 999;
	}
	.main-navigation .primary-menu > li.menu-item-has-children >a {
		position:relative;
	}
	.main-navigation .primary-menu > li.menu-item-has-children > .toggleOverlay{
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		display:block;
		z-index:5;
	}
	.main-navigation .primary-menu > li.menu-item-has-children >a:after{
		float:right;
	}
	.main-navigation .primary-menu > li >a{
		padding-left:10px;
		padding-right:10px;
	}
	.main-navigation .primary-menu li.megamenuItem .megamenuWrap{
		padding:10px 10px;
	}
}
@media (min-width:992px){
	.mega-menu-toggle-wrap {
		display:none;
	}
	.main-navigation .primary-menu{
		--link_colour_hover: #ff5800;
		display:block!important;
	}
	.main-navigation .primary-menu > li {
		display:inline-block;
		padding:10px 0;
	}
	.main-navigation .primary-menu > li >a{
		display:inline-block;
	}
	.main-navigation .primary-menu > li > .sub-menu {
		position:absolute;
		top:100%;
		left:0;
		width: 250px;
	}
	.main-navigation .primary-menu li.megamenuItem {
		position:static;
	}
	.main-navigation .primary-menu li.megamenuItem .megamenuWrap{
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		background: #fff;
		z-index: 999;
		display:none;
	}
	.main-navigation .primary-menu li.megamenuItem .megamenuWrap > .sub-menu > li {
		width: 25%;
		padding: 15px 15px;
	}
	.main-navigation .primary-menu > li > .sub-menu {
		display:block;
		transition: opacity 300ms ease-out;
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
	.main-navigation .primary-menu > li:hover > .sub-menu {
		opacity: 1;
		height: auto;
	}
	.main-navigation .primary-menu li.megamenuItem > .megamenuWrap{
		display:block;
		transition: opacity 300ms ease-out;
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
	.main-navigation .primary-menu li.megamenuItem:hover > .megamenuWrap{
		opacity: 1;
		height: auto;
	}
	
}
/*------------------------------------*\ 
    Banner
\*------------------------------------*/
#pageBanner,
.page-banner,
.bannerWrap {
	position: relative;
	overflow:hidden;
	min-height:300px;
	max-height:700px;
	width:100%;
	height:63vh;
}
.page-banner .hero:after {
	top:0;
	left:0;
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.page-banner .bannerText {
	color:#fff;
	--title_colour:#fff;
	position: absolute;
    top: 40%;
	left:0;
	width:100%;
	z-index:5;
}
.hero h1 {
	font-size: 3rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}
#homeBanner {	
	min-height:410px;
	position: relative;
	height: 75vh;
    width: 100%;    
}

#homeBanner .bannerText{	
	color:#fff;
	--title_colour:#fff;
	position: absolute;
    top: 50%;
	left:0;
	width:100%; 
	text-align:center;
	z-index:105;
    transform: translateY(-50%);
}
#homeBanner .bannerText:not(.logo) .container {
	max-width:950px;
}
#homeBanner .bannerText h1{	
	font-size: 3rem;
	font-weight: 700;
    font-variation-settings: 'wght' 700;    
}
#homeBanner .bannerText h2{	
	font-size:2rem;
}
#homeBanner .hero:after {	
	content:'';
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:102;
    background-image: linear-gradient(to bottom, rgba(46, 49, 49, 0.25), rgba(46, 49, 49, 0.3));
}
#homeBanner .bannerText.logo {
	top: 50%;
    transform: translateY(-50%);
	text-align:left;
}
#homeBanner .bannerText.logo img{
	margin:10px auto;
	display:block;
	max-width:500px
}
@media(min-width:768px){

}

/*------------------------------------*\ 
    FOOTER
\*------------------------------------*/
.footer-boot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.boot-studies-link{
    height:75px;
    width:100%;
    background-color: #e3e3e3;
    display: flex;
    justify-content: flex-end;
    padding:10px 30px 10px 0;
}

.boot-contact-link{
    width: 100%;
	padding: 20px;
    justify-content: center;
    display: flex;
    flex-direction: column;
	--title_colour: #FF5800;
}

.boot-contact-link .btn{
    width:fit-content;
    margin:20px 0 0 0;

}
.footer-boot-btn {
    background-color: #fff;
    color: #2D2D30;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}
.boot-contact-link h3{
    font-weight: 600;
    font-variation-settings: 'wght' 600;
    text-transform: uppercase;
}

.boot-contact-image{
    width:66.66%;
    min-height:250px;
    background-color: #000;
	display:none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width:768px){
	.boot-contact-image{
		display:block;
	}
	.boot-contact-link{
		width:33%;
		padding:40px 100px;
	}
}


#footer{
	background-color: #3e3e3e;
    border-top: 3px solid #ff5800;
    color: #fff;
    font-size: 15px;
    bottom: 0;
    padding: 0 20px;
	color:#fff;
	--title_colour:#fff;
	--link_colour:#fff;
	--link_colour_hover:#ff5800;
}
#footer .footer-brand{
	width: 250px;
    margin-bottom: 15px;
}
.menu-footer-menu-container {
    border-bottom: 1px solid #efefef;	
    margin-bottom: 1rem;
}
#menu-useful {
	list-style:none;
	padding:0;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	margin:0 -10px
}
#menu-useful > li {
	width: auto;
    padding: 5px 10px;
    align-self: flex-start;
}
#menu-useful a {
	transition: .5s ease-in;
    text-decoration: none;
}
.footer-socials {
    margin-top: 15px;
}
.footer-socials ul {
	margin:0 -20px;
	padding:0;
	--link_colour:#ff5800;
	--link_colour_hover:#fff;
}
.footer-socials ul.socials li {
    font-size: 2rem;
	line-height:1;
	padding:0;
    margin: 10px 20px 0;
}
@media (min-width:768px){
	#footer{
		text-align:initial;
		padding:0px 100px;
	}
}
@media (min-width:992px){
	#menu-useful {
		margin:0 -30px
	}
	
	#menu-useful > li {
		padding: 15px 30px;
	}
	
}


@media (min-width:1200px){
	
}

/*------------------------------------*\
    Dynamic Content
\*------------------------------------*/

.dynamicContent {
	margin-top:00px;
	margin-bottom:30px;
}
/*******Dividers******/
hr.dividera {
    border: none;
    border-top: 2px solid;
	opacity:2;
}
.dividerb{
    clear: both;
    width: 100%;
    height: 130px;
    background-image: url(images/icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size:90px;
}

.dynamic-image .image-item{
	max-height:80vh;
}


/*******FAQS*****/
.faqs{

}
.faqs .faq{
	border-bottom:solid 2px #fff;
}

.faq-question{
	font-size:1.5rem;
	position:relative;
	margin:0;
	padding:0.625rem 0.75rem;
    padding-right: 2em;
	background: var(--button_bg);
	color: var(--button_colour);
	cursor:pointer;
    font-weight: 300;
    font-variation-settings: 'wght' 300;
}
.faq.open .faq-question{
	background: var(--button_bg_hover);
	color: var(--button_colour_hover);
}
.faq-question:hover{
	background: var(--button_bg_hover);
	color: var(--button_colour_hover);
}
.faq-question:after {
    content: '\f054';
    display: block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
	text-align:center;
    position: absolute;
    right: 5px;
    top:0.625rem;
	font-size:0.8em;
	font-weight:700;
	font-family: "Font Awesome 6 Free";   
    transform: rotate(0deg);
	transition:300ms;
}
.faq.open .faq-question:after {
  transform:rotate(90deg);
}
.faq .faq-answer{
	padding:0.625rem 0.75rem;
}
.faqs .faq:last-child .faq-answer{
	border-bottom:solid 1px #a2a6a9;
}
.faqs .faq.open:last-child .faq-answer{
	border-color:#969696;	
}


/******Staff********/
.staffMember {
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:solid 1px #eee;
}
.staff-meta {
	margin-bottom:5px;
}
.staff-meta .meta-label {
	font-weight:700;
	font-variation-settings: 'wght' 700;
}
.staff-meta.featured-staff-metas .staff-meta > *{
	display:inline-block;
}
.staff-meta a.email-value{
	font-size: 0;
    color: transparent;
	display: inline-block;
    vertical-align: middle;
}
.staff-meta a.email-value:before {
    content: "send";
    font-size: 12px;
    padding: 5px 10px;
    color: #000;
    display: block;
    text-align: center;
    background-color: #eee;
    border-radius: 5px;
    text-transform: uppercase;
    pointer-events: none;
	transition:300ms;
}
.staff-meta a.email-value:hover:before{
	background-color:#ccc;
}
.staffBlock {
	margin-bottom:25px;
}
.staffBlock .staffImg{
    max-height:400px;
    max-width:500px;
    margin-bottom:15px;
	position:relative;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.staffBlock .staffImg:before{
	content:'';
	display:block;
	padding-top:80%;
}
.staffBlock .staffImg img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    object-fit: cover;
}
/*****Quotes******/
.quoteContainer .quotesTitle{ 
	margin:10px 0 0;
	text-align:center;
	padding:0 15px;
}
.quoteContainer {
	background:#f5f5f5;	
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.quoteContainer .cycle-pager {
	width:100%;
	margin:0;
	padding:0 15px;
	text-align:center;
}
.quoteContainer .cycle-pager span{
	cursor:pointer;
	display:inline-block;
	margin:0 2px;
	width:15px;
	text-align:center;
	opacity:1;	
    font-size: 35px;
    line-height: 20px;
    font-family: sans-serif;
}
.quoteContainer .cycle-pager span.cycle-pager-active{
	color:#ec3822;
}
.quoteContainer blockquote.quote-text{
	padding-top:1em;
	padding-bottom:0.1em;
	margin-bottom:0;
	
}
.quoteContainer .quote-cite{
	text-align:center;
	font-weight:700;
	font-variation-settings: 'wght' 700;
	padding:0 15px 15px;
}
/****Documents******/
a.button.document-link {
	padding-right:50px;
	width:100%;
}
a.button.document-link:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f56d";
	display:block;
	position:absolute;
	top:50%;	
    right: 10px;
    transform: translateY(-50%);
}

/*Callout*/
.callout {
	display:block;
	position:relative;
	transition:300ms;
	color: #fff;
	--body_colour: #fff;
	--title_colour: #fff;
    background: #FF5800;
	overflow:hidden;
	padding-top:50px;
	padding-bottom:50px;
}
.callout .calloutContent {
	position:relative;
	text-align:center;
    --button_bg: transparent;
	--button_colour:#fff;
	--button_bg_hover:#fff;
	--button_colour_hover : #3E3E3E;
}
.callout .calloutTitle h3{
	margin:0.5em 0;
}
.callout .calloutText {
	margin-bottom:1.25rem
}
.callout .calloutContent .button {
	border:solid 3px #fff;
	width:300px;
	font-variation-settings: 'wght' 700;
}
.callout .calloutContent .button:after {
	content:' \003e';
	display:inline;
}
.callout.hasbg .coimg {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.callout.hasbg .coimg:after {
	content: '';
    display: block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.callout .coimg img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;	
}
.dynamicContent.homeDynamic .callout {	
    font-size: 1.5rem;
	padding-top:75px;
	padding-bottom:75px;
	padding-left:10%;
	padding-right:10%;
}
.dynamicContent.homeDynamic .callout .calloutContent {	
	max-width:100%;
}
.dynamicContent.homeDynamic .callout .calloutTitle h3{
	font-size:2.5rem;
}
.dynamicContent.homeDynamic .callout .calloutText {
	margin-bottom:50px
}
/***POIS****/
.row.pois {
    --bs-gutter-y: 1.5rem;
}

.poi {
	position: relative;
	display: block;
	transition:all 300ms;
    overflow: hidden;
	background:#676767;
	color:#fff;
	font-family: 'Crimson Pro', serif;
	margin-bottom:30px;
}
.poi:hover  {
	color:#fff;
	text-decoration:none;
}
.poiImage .poiImageBG {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transition:300ms;
	opacity:1;
}

.poiImage .poiImageBG:after {
	content:'';
	display:block;
	width:100%;
	bottom:0;
	position:absolute;
	left:0;
	height:100%;
	background:rgba(0,0,0,0.3);
}
.poiImage .poiImageBG img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;	
}


.poiImage {
	background:inherit;
}
.poi:hover .poiImage .poiImageBG {

}
.poiImage:before {
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
}
.textOnlyBlock .poiText {
	position:relative;
	padding:25px 15px;
}
.poi .poiTitle {	
	display:inline-block;
	line-height:1.3;
	text-align:center;

}
.poi .textOnlyBlock{
	
}
.poi .poiTitle {
	display:block;
	font-size:20px;
	font-weight:400;
	position:relative;
	padding:10px 15px;
	text-transform:uppercase;
}

.poi .textOnlyBlock .poiTitle{
	margin:5px;
}
.textOnlyBlock {
	padding:10px 30px;
	transition:300ms;
}

.textOnlyBlock .poiText{
	display:block;	
	text-align:center;
}

.poi:hover .textOnlyBlock {
	background-color:rgba(0,0,0,0.2);
	color:#fff;
	text-decoration:none;
}

.poiImage .poiText {
	padding:10px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;	
	bottom:15%;
	transform:translateY(50%);
	text-align:center;
	width:100%;
	transition:300ms;
}
.poiImage .poiText {
}
.poiImage .poiText .poiEx {
	max-height:0;
	overflow:hidden;
	font-size:18px;
	transition:300ms;
}
.poi:hover .poiImage .poiText {
	bottom:50%;
}
.poi:hover .poiImage .poiImageBG {
	opacity:0;
}
.poi:hover .poiImage .poiEx {
	max-height:460px;	
}
.pois.homePOIs .col-xs-6 {
	padding-left:15px;
	padding-right:15px;
}

/*Overview Box*/
.dynamicContent.dynamic-overview_box {
	background-color: #e3e3e3;
	padding: 30px 4vw;
}

.row.overviewBoxes {
	--bs-gutter-y:40px;
	--bs-gutter-x:40px;
	margin-top:-20px;
	margin-bottom:20px;
}
.services-container-large {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-position: center;
    background-repeat: no-repeat;
    background-origin: fixed;
    background-size: cover;
    border-radius: 5px;
    border-left: #FF5800 5px solid;
    position: relative;
    overflow: hidden;
	--title_colour:#fff;
	--body_colour:#fff;
}
.services-container-large .services-title {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 400px;
    padding: 20px;
}
.services-container-large .services-title .h2{
    bottom: 15px;
    left: 15px;
    position: absolute;
    transition: 1s ease;
}
.services-text {
    height: 0%;
    width: 102%;
    background-color: rgb(255, 88, 0, 0.7);
    color: #FFF;
    bottom: 0;
    position: absolute;
    transition: 1s ease;
    padding: 20px;
    opacity: 0;
}
.services-container-large:hover .services-text {
    height: 100%;
    transition: 1s ease;
    display: block;
    opacity: 100%;
}
.services-container-large:hover .services-title .h2 {
    opacity: 0%;
    transition: 1s ease;
}
.dynamicContent.homeDynamic.dynamic-overview_box .introText {
    font-size: 1.3rem;
}
.dynamicContent.homeDynamic.dynamic-overview_box .container {
	max-width:100%;
}
/*Accreditations*/
.homeDynamic.dynamic-accreditations {	
    padding: 75px;
}
img.acred-logo {
	max-height:85px;
	width:auto;
	margin: 15px 0;
}
.acreditationWrap {
	max-width:300px;
}
@media (min-width:1200px){

}
/*Column Images*/
.imagesColumns img {
	height:100%;
	object-fit:cover;
}
/*News*/
.dynamicContent.dynamic-news_block {
    padding: 50px 10%;
    background-color: #e3e3e3;
}
.news-heading {	
    margin-bottom: 2rem;
}
.news-container{
    width:100%;
    height:auto;
}

.news-link{
    text-decoration: none;
    color:#FF5800;
    font-size:1.25rem;
}

.news-container img{
    width:100%;
    height:auto;
    max-height:350px;
    border-radius: 2px;
}

.news-text{
    padding:20px 0;
    font-size: 1.25rem;
    color:#2D2D30;
}
.news-text h3 {
	font-size:1em;
}
.news-text hr{
    border-top: 2px solid #2D2D30;
    border-radius: 3px;
    transition: 0.6s ease;
}

.news-container:hover .news-text hr{
    transition: 0.4s ease;
    border-top: 2px solid #FF5800;
    border-color: #FF5800;
}

/*Landing Plant*/
.landing-plant {
    background-color: #e3e3e3;
    color: #29292a;
    padding:3rem 0;
}
.landing-plant h2 {
    font-size: 2.5rem;
	font-weight:400;
	font-variation-settings: 'wght' 400;
}
.landing-plant h2 em{
    font-size: 2.5rem;
    font-weight: 700;
	font-variation-settings: 'wght' 700;
	font-style:normal;
	color:#FF5800;
}
.landing-plant  ul li{
    padding:1rem 0;
    font-size: 1.25rem;
}
.dynamic-landing_plant + .dynamic-landing_plant .landing-plant{
    background-color: #fff;	
}

/*Services*/
.row.servicesRow {
    --bs-gutter-y: 20px;
	margin-top:0;
	margin-bottom:20px;
}
.services-block{
    width:100%;
    background-color:rgb(255, 88, 0,0.7);
    color: #fff;
	--title_colour:#fff;
	--link_colour : #fff;
	--link_colour_hover : rgba(255,255,255,0.7);	
	--button_bg: transparent;
    --button_colour: #fff;
    --button_bg_hover: #fff;
    --button_colour_hover: #3E3E3E;
    padding:20px;
    display:flex;
    flex-direction: column;
	height:100%;
}
/*Tabs*/
.dynamicContent.dynamic-tabbed_links {
	margin-bottom:0;
}
.landing-services {
	color: #FFF;
    background-color: #002830;
    padding: 3rem 0;
   --title_colour:#fff;
	--link_colour : #fff;
	--link_colour_hover : #FF5800;
	--bs-link-color: #fff;
    --bs-link-hover-color:  #FF5800;
    --bs-secondary-color: rgba(255,255,255,0.6);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tabSection {
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.tabSection .nav {
	margin-bottom:1.5rem;
}
.tabSection .nav-link{
	background-color:transparent !important;
	border-bottom: 1px solid transparent;
	font-size: 1.25rem;
	padding:0 0 10px 0
}
.tabSection li.nav-item {
	margin-right:1rem;
}
.tabSection li.ui-state-active .nav-link {
	font-weight: 500;
	font-variation-settings: 'wght' 500;
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* vision block */
.dynamic-vision {
	padding-top: 20px;
    border-top: solid 6px #FF5800;
	border-bottom: solid 6px #e3e3e3;
}
.dynamic-vision .padding0 {
	padding: 0!important;
}
.dynamic-vision .sectiontitle {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    font-variation-settings: 'wght' 700;
    text-align: center;
	color: #002830;
}
.dynamic-vision .sectiontitle span {
    color: #FF5800;
}
.dynamic-vision p {
	color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}
.dynamic-vision .visioncol1 {
	display: flex;
    flex-direction: column;
}
.dynamic-vision .row .visioncol1 .col1text {
	background-color: #FF5800;
	padding: 25px 40px;
	font-size:1.5rem;
	height:100%;
}
.dynamic-vision .row .visioncol1 .whiteBox {
	background-color: #fff;	
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	font-variation-settings: 'wght' 700; 
}
.dynamic-vision .row .visioncol1 .whiteBox p {
	color: #FF5800;	
}
.dynamic-vision .row .visioncol2 {
	background-color: #002830;	
}
.dynamic-vision .row .visioncol2 .col2text {	
	padding: 25px 40px 23px 40px;
	font-size:1.25rem;
}
.dynamic-vision h3.title {
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    font-variation-settings: 'wght' 700;    
	color: #fff;
	border-bottom: 3px solid #fff;
	display: inline-block;
	margin-bottom: 30px;
}

.dynamic-vision .visioncol1 p {
	padding: 16px 0 20px 0;
}
.dynamic-vision .visioncol1 .graphicText p {
	padding: 24px 0 7px 0;
}
.dynamic-vision .col-md-5 p:last-child {
	border-bottom: none;
}	
.dynamic-vision p span {
    text-transform: uppercase;
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    font-variation-settings: 'wght' 700;
}
.dynamic-vision p span::first-letter {
    color: #FF5800;
}
.dynamic-vision .graphicText {	
    width: 45%;
    display: inline-block;
    text-align: center;
}
.dynamic-vision .graphicText:first-child {
	border-right: 1px solid #FF5800;
	border-bottom: 1px solid #FF5800;
	background: url('images/arrow1.jpg') right bottom no-repeat;
}
.dynamic-vision .graphicText:nth-child(2) {
	border-bottom: 1px solid #FF5800;
	background: url('images/arrow2.jpg') left bottom no-repeat;	
}
.dynamic-vision .graphicText:nth-child(3) {
	border-right: 1px solid #FF5800;
	background: url('images/arrow4.jpg') right top no-repeat;	
}
.dynamic-vision .graphicText:nth-child(4) {	
	background: url('images/arrow3.jpg') left top no-repeat;	
}
.dynamic-vision .visioncol3 img {
	height: 142px;
	object-fit: cover;
	width: 25%;
}
@media(min-width:768px){
	.dynamic-vision .sectiontitle {
		font-size: 2.5rem;
	}
	.dynamic-vision .visioncol3 img {
		width: 100%;
		height:25%;
		object-fit:cover;
	}
}
.dynamic-columnised_content {
	margin-top:40px;
}
.columnisedContent .imageCol img{
	width:100%;
	height:auto;
}
@media (min-width:768px){

}
/*------------------------------------*\
    HOME DYNAMIC
\*------------------------------------*/
.welcomeBlock {

}
.dynamicContent.homeDynamic {
	margin-bottom:0;
}
.dynamicContent.homeDynamic.dynamic-text {
	margin-top:20px;
	margin-bottom:20px;
	padding-left:4vw;
	padding-right:4vw;
	font-size:1.3rem;
}
.dynamicContent.homeDynamic.dynamic-text h2 {
	font-size: 3rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}
.dynamicContent.dynamic-case_studies {
	margin-top:20px;
	margin-bottom:20px;
}
.dynamicContent.homeDynamic.dynamic-carousel {
	margin-top:20px;
	margin-bottom:20px;
	padding-left:4vw;
	padding-right:4vw;
}
/*------------------------------------*\
    END DYNAMIC CONTENT
\*------------------------------------*/
.z-depth-2 {
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

/*Landing Pages*/
.techniques-menu{
    width:20%;
    height:fit-content;
}

ul.technique-menu{
    list-style-type: none;
    margin:0;
    padding:0;
}

ul.technique-menu li{
    display: block;
    padding:10px 0 10px 10px;
    border-bottom:2px solid #FF5800;
	color:#2D2D30;
	--link_colour:#2D2D30;
	--link_colour_hover:#FF5800;
}
ul.technique-menu li::after{
    content:" ";
    height:2px;
    width:10px;
    background-color: #FF5800;
}


.technique-menu li:first-child{font-size: 1.25rem;font-weight: 500;font-variation-settings: 'wght' 500;color:#FF5800;}

.tech-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    margin:50px 0 50px;
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.tech-card-img-wrapper{
    width:61%;
    height:auto;
    max-height:600px;
    overflow: hidden;
    margin-right:-1px;
}

.tech-card-img-wrapper img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.techniques-main{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

.tech-card-content{
    width:40%;
    height:auto;
    padding:40px 20px 20px 20px;
}

.techniques-menu{
    width:20%;
    height:fit-content;
}

@media(max-width:1200px){
    .tech-wrap{flex-wrap: wrap;}
    .tech-card-img-wrapper{width:100%;height:400px;}
    .tech-card-content{width:100%;}
}

@media(max-width:768px){
    .tech-card-img-wrapper{height:auto;}
    .boot-contact-link{width:100%;padding:20px;}
    .boot-contact-image{display: none;}
}

.techniques-section{
    padding:80px 0;
}

.tech-text-right{
    margin-top:20px;
    margin-left:30px;
}

.tech-text-left{
    margin-top:20px;
    margin-right:30px;
}
.technique-row{
    display: flex;
    flex-direction: row;
}

.technique-text{
    width:50%;
}

.technique-image{
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
}

.technique-image img{
    border-radius:3px;
    max-height:400px;
    object-fit: cover;
}

.techniques-content{
    width:75%;
    height: auto;
    padding:15px 0 15px 30px;
}
.techniques-block{
	-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.techniques-block img.img-fluid{
	height:100%;
	width:100%;
	object-fit:cover;
}
.technique-container{
    display: flex;
    width:100%;
    height:auto;
}

.sector-card{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
}

.sector-card-image{
    width:40%;
    height:auto;
}

.sector-card-image img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:4px 0 0 4px;
}
.sector-card-image + .sector-card-text {
    width:60%;
	
}
.sector-card-text{
    width:100%;
    height:auto;
    background-color: #FF5800;
    color:#FFF;
    --title_colour:#FFF;
    --link_colour:#FFF;
    --link_colour_hover:rgba(255,255,255,0.8);
	--button_bg : #fff;
	--button_colour : #FF5800;
    padding:60px;
    border-radius:0 4px 4px 0;
}


@media(max-width:768px){
    .sector-card-text{width:100%;padding: 20px;}
    .sector-card{flex-wrap: wrap;}
    .sector-card-image {width: 100%;}
}


/*CASE STUDIES*/
.caseStudyContainer .h1,
.caseStudyContainer h1,
.caseStudyContainer .h2,
.caseStudyContainer h2,
.caseStudyContainer .h3,
.caseStudyContainer h3,
.caseStudyContainer .h4,
.caseStudyContainer h4 {
	font-variation-settings: 'wght' 400;
}
.case-studies-title.h2{padding:15px 10px; color: #FF5800; font-variation-settings: 'wght' 700;}
.hero-wrap {
	margin-bottom:30px;
}

.case-studies-hero{
	padding:0;
    height:450px;
}
.case-studies-hero img{
	width:100%;
	height:450px;
	object-fit:cover;
}
.case-studies-side{
    height:400px;
}

.case-studies-details{
    width:100%;
    height:auto;
    padding:10px;
    background-color: #e3e3e3;
}

.case-studies-footer{
    border-top:3px solid #FF5800;
    text-align: center;
    padding:15px 0;
}

.case-studies-footer i{
    font-size: 1.5rem;
    margin:0 10px;
}

.studies-taxonomy{
    background-color: #FF5800;
    padding:5px;
    width:auto;
}


@media(min-width:768px){

}


/*SIX REASONS TO INVEST TEMPALTE*/

.investors-bg{margin-top:20px;}

.investors-column{
	width:auto;
	height:100%;
	padding:10px 14px;
}

.investors-row{border-top: 1px solid black;}


.investors-column h3.num-arrow{
	font-size: 2rem;
	margin-left:-40px;
	margin-top:-15px;
	font-size:1.5rem;
	color:white;
}

.investors-column img{
	width:100%;
	height:200px;
	object-fit:cover;
	object-position: center;
}
.investors-column .text{
	margin-top:10px;
	color:rgba(8, 23, 22, 0.75);
}

.num-arrow{
	height:0;
	width:0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 50px solid #ff5800;
	margin-bottom:20px;
}

.investors-column .text h4{color:#ff5800;}
@media (min-width:992px){
	.investors-column{
		border-left:1px solid #2D2D30;
		border-right: 1px solid #2D2D30;
		margin-left:-.5px;
		margin-right:-.5px;		
	}
}
/*END*/

/*------------------------------------*\
    Sidebar
\*------------------------------------*/
.sidebar {
	margin-top:0px;
}
#menu-side li{
	position:relative;
	margin:5px 0;
}
#menu-side a {
	color:#676767;
	display:inline-block;
	text-decoration:none;
	padding:0.5rem 1rem;
}
#menu-side a:hover {
	text-decoration:none;
}
/*Top level item*/
#menu-side > li > .sub-menu{
	margin:10px 0;
}
/*main Sub menu items*/
#menu-side .sub-menu li.current-menu-ancestor a,
#menu-side .sub-menu li.current-menu-item a{	
}
#menu-side .sub-menu li.current-menu-item > a{
	color:#676767;
}
#menu-side .sub-menu li.menu-item-has-children > .arrow {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:0;
	right:0;
}
#menu-side .sub-menu li.menu-item-has-children > .arrow:before {
	position:absolute;
	content: '\f054';
	display: block;
	width: 11px;
	height: 27px;
	position: absolute;
	left: 12px;
	top: 10px;
	font-weight: 700;
	font-family: "Font Awesome 6 Free";
	transform: rotate(0deg);
	transition: 300ms;
}

#menu-side .sub-menu li.menu-item-has-children.open > .arrow:before {
	transform:rotate(90deg);
}
#menu-side .sub-menu li a:hover{
	color:#676767;
}
#menu-side .sub-menu .sub-menu {
	background:rgba(0,0,0,0.1);
	padding-bottom:10px;
	display:none;
}
#menu-side .sub-menu .sub-menu li{
	margin:0;
}
#menu-side .sub-menu li.open > .sub-menu {
	display:block;
}
@media (max-width:991.99px){
	.side-menu-container {
		display:none;
	}
}

/*Blog sidebar*/
#blognav ul {
	list-style:none;
}
.sidebarSec {	
    padding:0px 15px 15px;
	margin:0 auto 10px;
}
@media (min-width:1200px){

}
/*Animation*/


.hideme {
	opacity:0;
	top:30px;
	position:relative;
	transition:500ms;
}
.hideme.active {
	opacity:1;
	top:0;
}


/* Screwfast variations */

.home.page-id-9 #column_content_2 {
	background-color: #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.home.page-id-9 .landing-plant {
    background-color: #fff;
}