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

*/
:root {
	--body_colour : #212529;
	--body_colour_alt : #E6323C;
	--title_colour : #212529;
	--link_colour : #E6323C;
	--link_colour_hover : #E6323C;	
	--primary : #E6323C;
	--primary_rgb : 230, 50, 60;
	--primary_dark : #C02A32;
	--primary_light : #EA545C;
	--secondary : #FFE606;
	--secondary_rgb : 255, 230, 6;
	--secondary_dark : #D4C005;
	--secondary_light : #FFEA2F;
	--tertiary : #36B4A9;
	--tertiary_rgb : 54, 180, 169;
	--tertiary_dark : #2D968D;
	--tertiary_light : #57C0B7;
	--button_bg: #E6323C;
	--button_colour: #fff;
	--button_border_colour: #E6323C;
	--button_bg_hover: rgba(230, 50, 60,0.2);
	--button_colour_hover: #E6323C;
	--button_border_hover: #E6323C;
	--tab_border_radius : 25px;
}

.textStyle1 {
	--body_colour : #212529;
	--body_colour_alt : #E6323C;
	--button_bg: #E6323C;
    --button_colour: #fff;
	--button_border_colour: #E6323C;
    --button_bg_hover: rgba(230, 50, 60, 0.2);
    --button_colour_hover: #E6323C;
}
.textStyle2 {
	--body_colour_alt : #FFE606;
	--button_bg: #FFE606;
    --button_colour: #212529;
	--button_border_colour: #FFE606;
    --button_bg_hover: #fff;
    --button_colour_hover: #212529;
	--button_border_hover: #FFE606;
}
.textStyle3 {
	--body_colour_alt : #36B4A9;
	--button_bg: #36B4A9;
    --button_colour: #fff;
	--button_border_colour: #36B4A9;
    --button_bg_hover: rgba(54, 180, 169, 0.2);
    --button_colour_hover: #36B4A9;
	--button_border_hover: #36B4A9;
}
.linkBlock_style1 {
	--body_colour : #fff;
	--style_colour : #B0A621;
	--button_bg : #fff;
}
.linkBlock_style2 {
	--body_colour : #fff;
	--style_colour : #43B3A6;
	--button_bg : #fff;
}
.linkBlock_style3 {
	--body_colour : #fff;
	--style_colour : #D894B0;
	--button_bg : #fff;
}
.linkBlock_style4 {
	--body_colour : #fff;
	--style_colour : #79649A;
	--button_bg : #fff;
}
.linkBlock_style5 {
	--body_colour : #fff;
	--style_colour : #E56C64;
	--button_bg : #fff;
}
.linkBlock_style6 {
	--body_colour : #fff;
	--style_colour : #E19A50;
	--button_bg : #fff;
}
.linkBlock_style7 {
	--body_colour : #fff;
	--style_colour : #3F4792;
	--button_bg : #fff;
}
.linkBlock_pathways  {
	--body_colour : #fff;
	--button_bg : #fff;
    --title_colour: #fff;
}
@media (min-width:992px){
	:root {
		--tab_border_radius : 44px;
	}
}
/*Content Wrapper*/
.narrowContainer {
	max-width:740px;
}
.sectionTitle {
	color:var(--body_colour_alt);
	margin-bottom:1rem;
}
@media (min-width:1400px){
	.container.containerMed {
		max-width: 1140px;
	}
}
/* clear */

.well {
	padding:10px 15px;
	background:#eaeaea;
	border:solid 1px #ddd;
	margin:20px 0;
}
.owl-dots {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.owl-dot span {
	width:10px;
	height:10px;
	display:inline-block;
	background:var(--body_colour);
	border-radius:50%;
}
.owl-dot.active span{
	background:var(--body_colour_alt);
}
.owl-dots .owl-dot {
	display:inline-block;
	margin:0 2px;
}
.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 .owl-dot {
	display:inline-block;
	margin:0 2px;
	opacity:0.8;
}
.scms-carousel .owl-dots .owl-dot.active {
	opacity:1;
}
.scms-carousel .item {
	position:relative;
	width:100%;
	padding-top:100%;
	position:relative;
	
}
.scms-carousel .item img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%;
}
.breadcrumbs {
	font-size:1rem;
}
.breadcrumbs a{
	text-decoration:none;
}
.breadcrumbs .breadcrumbsInner {
	margin-left:-0.875rem;
	margin-right:-0.875rem;
}
.breadcrumbs .breadcrumbsInner >i {
	font-size:0.875rem;
}
.breadcrumbs .breadcrumbsInner > span{
	display:inline-block;
	margin:0 0.875rem;
}
.pageHeader .breadcrumbs{	
    font-weight: 700;
    font-variation-settings: 'wght' 700;
	color:#212529;
	--link_colour:#212529;
	padding:1rem 0;
	background:rgba(255,255,255,0.75);
}
.pageHeader.hasBanner .breadcrumbs{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:105;
}
.searchform label{
	display:none;
}
.searchform {
	padding-right:40px;
	padding-left:0px;
	position:relative;
	color:#969696;
	overflow:hidden;
	font-size:14px;
}
.searchform input.searchInput {
	border: 0;
	height:30px;
	width:100%;
	background:transparent;
	padding: 4px 10px;
    outline: 0;
}
.searchform .searchSubmit{
    background: transparent;
    text-transform: uppercase;
    padding: 8px;
    font-size: 20px;
    position: absolute;
    color: #000;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    outline: 0;
    border: 1px solid #000;
    border-radius: 50%;
}


/*news*/
.list-item{
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.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;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
header.mainHeader {
	height:70px;
	position:relative;
}
.headGroup {
	color:#212529;
	background:#fff;
	--link_colour:#212529;
	--link_colour_hover:#212529;
	/*border-bottom:solid 1px rgba(255,255,255,0.4);*/
	transition:300ms;
	z-index:220;
	position:fixed;
	height:70px;
	width:100%;
	top:0;
	left:0;
}
.headerIcon svg {
	max-width:100%;
	object-fit:contain;
}
.headerIcon img {
	max-width: 100%;
    object-fit: contain;
    height: 54px;
    width: auto;
	transition:300ms;
}
body.menuopen .headerIcon img {
	filter: brightness(0) invert(1);
}
.headGroup  .row.headRow {
	height:70px;
	padding-top:5px;
	padding-bottom:5px;
	transition:height 300ms;
}
.headerButtons {
    --button_bg: transparent;
    --button_colour: #212529;
    --button_border_colour: #212529;
    --button_bg_hover: #E6323C;
    --button_colour_hover: #fff;
    --button_border_hover: #E6323C;
    font-size: 1.25rem;
	--bs-gutter-x:1rem;
	--bs-gutter-y:1rem;
}
#navbar .headerButtons .button{
	width:100%;
	text-align:center;
}
#navbar .headerButtons {
	padding-top:10px;
	padding-bottom:10px;
}
.headerButtons .lastHeaderButton{
    --button_bg: #36B4A9;
    --button_colour: #fff;
    --button_border_colour: #36B4A9;
    --button_bg_hover: #fff;
    --button_colour_hover: #36B4A9;
    --button_border_hover: #36B4A9;
}
body.menuopen .headGroup {
	background:#E6323C;
	color:#fff;
	--link_colour:#fff;
	--button_bg: transparent;
    --button_colour: #fff;
    --button_border_colour: #fff;
    --button_bg_hover: #fff;
    --button_colour_hover: #E6323C;
    --button_border_hover: #fff;
}
body.menuopen .headerButtons{
	--button_bg: transparent;
    --button_colour: #fff;
    --button_border_colour: #fff;
    --button_bg_hover: #fff;
    --button_colour_hover: #E6323C;
    --button_border_hover: #fff;
}
.socialDesktop {
	justify-content: end;
    display: flex;
}
@media only screen and (min-width : 992px) and (max-width : 1400px) {
.headerIcon svg {
    width: 200px;
}

.headerButton a.button, .headerButtons .arrowButton, .menu-toggle.button {
    padding: 0.3em 0.6em;
	font-size: 1.125rem;
}
.searchform .searchSubmit {
    padding: 8px;
    font-size: 17px;
    width: 38px;
    height: 38px;
}
.searchToggle {
	margin-top:0!important;
	margin-left: 0!important;
}
}
@media (min-width:992px){
	.headerIcon img {
		height: 54px;
	}
	header.mainHeader {
		height:156px;
	}
	.headGroup {
		height:156px;
	}
	.headGroup  .row.headRow {
		height:156px;
	}
	body.fixedHeader .headGroup {
		height:70px;
	}
	body.fixedHeader .headGroup  .row.headRow {
		height:70px;
	}
}
@media (min-width:1200px){
	.headerIcon img {
		height: 100px;
		width: auto;
	}
	.fixedHeader .headerIcon img {
		height: 60px;
		width: auto;
	}
}
/*------------------------------------*\ 
    Navigation
\*------------------------------------*/

.menu-toggle{
   
}
.headGroup .button {

}
.menu-toggle.button{
	font-size:1.25rem;
	padding-left:60px;
}
.menu-toggle .toggleIcon {
	position:absolute;
	width:20px;
	height:22px;
	left:1.2em;
	top:50%;
	margin-top:-11px;
}
.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: 20px;
    height: 2px;
	border-radius:1px;
    background-color: currentColor;
    display: block;
    transition:transform 300ms, top 300ms;
	position:absolute;
}

.menu-toggle:hover .toggleIcon span,
.menu-toggle:hover .toggleIcon span:before,
.menu-toggle:hover .toggleIcon span:after{
	
}
.menu-toggle .toggleIcon span {
	top:50%;
	left:2px;
	margin-top:-.5px;	
}
.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;
}
#navbar{
	position: fixed;
	right: 0;
	transition: transform 500ms;
	z-index: 9999;
	top: 70px;
	bottom:0;
	width:100%;
	transform:translateX(100%);
	overflow: hidden;	
	background: #E6323C;
	background: #8D0D14;
    color: #fff;
    --link_colour: #fff;
    --link_colour_hover: #FFE606;
    --button_bg: transparent;
    --button_colour: #fff;
    --button_border_colour: #fff;
    --button_bg_hover: #fff;
    --button_colour_hover: #E6323C;
    --button_border_hover: #fff;
}
#navbar .navbarContainer { 
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
	padding-left:0;
	padding-right:0;
}

#navbar .menu-main-container {
	position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
}
body.menuopen .headGroup{ 
	
}
#navbar .menu-main.menu {
    padding-top: 50px;
    padding-bottom: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
	font-size: 1.75rem;
    font-weight: 700;
    font-variation-settings: 'wght' 700;
}
body.menuopen  #navbar{ 
	transform:translateX(0%);
	z-index: 999;
}	
#menu-main li a{
	position:relative;
	text-decoration:none;
    padding: 0.52rem 0;
    display: block;
	border-bottom:solid 1px #fff;
}
#menu-main li{
	padding-right: 10px;
    padding-left: 10px;	
}
#menu-main .sub-menu {
	font-size:1rem;
}
#menu-main .sub-menu a{
    padding: 0.97rem 0;	
}
#menu-main li.open > .sub-menu {
	
}
#menu-main li.menu-item-has-children a.toggleItem {
	position:relative;
	padding-right:35px
}		
#menu-main a.toggleItem:after{
	content: '';
    width: 24px;
    height: 16px;
    display: inline-block;
    background: currentColor;
    mask-image: url(images/arrow.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 5px;
    top: 50%;
	margin-top:-8px;
}
#menu-main li.submenu-back {
	font-size:1.75rem;	
    height: 50px;
}
#menu-main li.submenu-back a{
    padding: 0.52rem 0;
	padding-left:35px;
}
#menu-main li.submenu-back a:after{
	content: '';
    width: 24px;
    height: 16px;
    display: inline-block;
    background: currentColor;
    mask-image: url(images/arrow.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 50%;
	margin-top:-8px;
    transform: rotate(180deg);
}
.menu-main .sub-menu {
    left: 0rem;
    right: 0rem;
    width: auto;
    height: auto;
    position: absolute;
    top: 0rem;
    bottom: 0;
    background: #E6323C;
    background: #8D0D14;
    z-index: 5;
    transform: translate(100%);
    transition: 300ms;
    overflow-x: hidden;
    overflow-y: auto;
}
.menu-main li.open >.sub-menu {
    transform: translate(0%);
}
@media (min-width:992px){
	#navbar{
        top: 156px;		
	}
	body.fixedHeader #navbar{
        top: 70px;
    }
}
@media (max-width:1199.5px){
	#menu-main.menu-main > li:first-child > a {
		border-top:solid 1px #fff;
	}
	#navbar .menu-main.disableScroll, .sub-menu.disableScroll {
		overflow-y: hidden;
	}
}
@media (min-width:1200px){
	#navbar {
		overflow-y:auto;
		background:rgba(141, 13, 20, 0.9);
        bottom: 70px;
	}
	#menu-main li {
		padding-left:18px;
		padding-right:18px;		
	}
	#navbar .menu-main-container {
		overflow: visible;
	}
	#navbar .menu-main.menu {
		padding-top:34px;
		padding-bottom:34px;
		overflow:visible;
		width:42%;
		width:35%;
		font-size:2.125rem;
        line-height: 1.1;
	}
	#menu-main a.toggleItem:after {
		width: 42px;
		height: 27px;
		opacity:0.3;
		margin-top: -13px;
	}
	#menu-main a.toggleItem:hover:after {
		opacity:1		
	}
	#menu-main li a {
		border-bottom: solid 1px rgba(255, 255, 255, 0.4);
		padding-top:0.93rem;
		padding-bottom:0.93rem;
	}
	#navbar .menu-main.menu .sub-menu{
		padding-top:40px;
		padding-bottom:40px;
		overflow:visible;
		display:none;
		width:94.5%;
		transform:translate(0);
		left:100%;
		font-size:1.25rem;
		background-color:transparent;
	}
	#navbar .menu-main.menu .sub-menu .sub-menu{
		width:100%;		
	}
	#navbar .menu-main.menu .sub-menu a.toggleItem:after {
		width: 24px;
		height: 16px;
		margin-top: -8px;
	}
	#navbar .menu-main.menu li:hover > .sub-menu{		
		display:block;
	}
	#menu-main .sub-menu a {
		padding: 0.85rem 0;
	}
	#menu-main li.submenu-back,
	#menu-main li.submenu_parent  {
		display:none;
	}
}

/*------------------------------------*\ 
    Banner
\*------------------------------------*/
#pageBanner,
.bannerWrap {
	position: relative;
	overflow:hidden;
	min-height:300px;
}
.pagebanner,
.bannerWrap {
	height:100vw;
	max-height:100vh;
}
#homeBanner {	
	position: relative;
	overflow:hidden;
	min-height:500px;
	height:194vw;
	max-height:calc(100vh - 80px);
}
#homeBanner  .hero .slide .slideImage:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 54%, rgba(0,0,0,0.5) 100%);
}
.pageHeader {
	position:relative;
	--title_colour:#E6323C;
	background-image:url(images/headerbg.svg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:cover;
	padding-bottom:50px;
}
.homeHeader,
.pageHeader.hasBanner,
.pageHeader.hasBanner.primary {
	--body_colour:#ffd1d4;
	--title_colour:#fff;
	--link_colour:#fff;
	--button_bg: #FFE606;
    --button_colour: #212529;
	--button_border_colour: #FFE606;
    --button_bg_hover: #fff;
    --button_colour_hover: #212529;
	--button_border_hover: #FFE606;
	background:var(--primary);
	color:var(--body_colour);
	position:relative;
	padding-top:0;
	padding-bottom:0;
}
.pageHeader.hasBanner.secondary {
	--body_colour:#504c1d;
	--title_colour:#212529;
	--link_colour:#212529;
	--button_bg: #E6323C;
    --button_colour: #fff;
	--button_border_colour: #E6323C;
    --button_bg_hover: #fff;
    --button_colour_hover: #E6323C;
	--button_border_hover: #E6323C;
	background:var(--secondary);
	color:var(--body_colour);
}
.pageHeader.hasBanner.tertiary {
	--body_colour:#dff3f1;
	--title_colour:#fff;
	--link_colour:#fff;
	--button_bg: #FFE606;
    --button_colour: #212529;
	--button_border_colour: #FFE606;
    --button_bg_hover: #fff;
    --button_colour_hover: #212529;
	--button_border_hover: #FFE606;
	background:var(--tertiary);
	color:var(--body_colour);
}
.pageHeader .scrolldown {
	position:relative;
}
.homeHeader .scrolldown {
    position: absolute;
    bottom: 64px;
    z-index: 110;
    left: 0;
    width: 100%;
    text-align: center;
	display:none;
}
.pageHeader .scrolldown a.button{
	width:100%;
	text-align:center;
}
	
.pageHeader .scrolldown:before,
.homeHeader .scrolldown:before {
	content:'';
	display:block;
	position:absolute;
	z-index:5;
	height:70px;
	width:1px;
	border-left:solid 2px var(--button_bg);
	left: 50%;
    top: 100%;
}
.pageHeader .scrolldown:after,
.homeHeader .scrolldown:after {
	content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 100%;
    margin-top: 58px;
	left:50%;
	margin-left:-5px;
    transform: rotate(-45deg);
    width: 12px;
    height: 12px;
    border-left: solid 2px var(--button_bg);
    border-bottom: solid 2px var(--button_bg);
}
.homeHeader .scrolldown:before{
	height:60px;
}
.homeHeader .scrolldown:after {	
	margin-top: 48px;
}
.pagemain {
	padding-top:40px;
}
.pagemain.postMain {
	padding-bottom:50px;
}
.pagemain.hasBanner {
	padding-top:100px;
	background-image:url(images/pagemain_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}
.pageHeader.hasBanner:after {
	content:'';
	display:block;
	width:100%;
	height:60px;
	position:absolute;
	top:100%;
	left:0%;
	background:inherit;
	mask-image: url(images/bottomcurve.png);
	mask-size:768px 100%;
	mask-position: 50% 0;
	mask-repeat:repeat-x;
}

.pageHeader .pageIntro{
	font-size: 1.4375rem;
	font-weight:700;
    font-variation-settings: 'wght' 700;
	margin-bottom:1.4em;
	max-width:390px;
}
.pageHeader #pageBanner {
	overflow:visible;
}
.pageHeader #pageBanner .hero{
	mask-image: linear-gradient(to bottom, #000, #000), url(images/banner-mask_half.png);
    mask-size: 100% 200px, 100% calc(100% - 250px);
    mask-position: 0 0, 0 200px;
    mask-repeat: no-repeat no-repeat;
}
/*
.pageHeader #pageBanner:before {
	content: '';
    display: block;
    width: 900px;
    height: auto;
    top: 200px;
    bottom: -50px;
    position: absolute;
    pointer-events: none;
    background-image: url(images/lines3.png);
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 2;
}*/
.pageHeader #pageBanner .lineAnimation{
	--size_w : 106%;
	--path_speed : 9000ms;
    height: auto;
    top: 200px;
	left:50%;
    position: absolute;
    z-index: 2;
	transform: translate(-50%, 0%);
}
.lineAnimation.animGroup2 {
  padding-top:45.7%;	
}
.pageHeader .pageTitleGroup {
	padding:50px 0 20px;	
}
.pageHeader.hasBanner .pageTitleGroup {
	position:relative;
	margin-top:-50px;
	min-height:70px;
	padding:5px 0 10px;
}
.homeHeader .pageTitleGroup {
	padding:2rem 0;
}
.homeHeader h1{
	line-height:1.08;
}
.homeHeader .pageIntro{
	font-size: 1.4375rem;
	font-size: 1.25rem;
	line-height:1.08;
	line-height:1.2;
	font-weight:700;
    font-variation-settings: 'wght' 700;
	margin-bottom:1.4em;
}
.homeHeader .pageIntro .blockButton > a,
.homeHeader .pageIntro .blockButton.arrowButton > a,
.blockButton.lrgbtn > a,
a.button.lrgbtn{
	font-size:1.25rem;
}
#homeBanner .hero .slideText{
	bottom:150px;
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	font-size: 1.6875rem;
    font-variation-settings: 'wght' 400;
	font-weight:400;
	color:#fff;
}
@media(min-width:576px){
	.pagebanner,
	.bannerWrap {
		height:60vw;
	}
	#homeBanner {	
		height:60vw;
	}
	.pageHeader #pageBanner .hero{
		
	}
	.pageHeader.hasBanner .pageTitleGroup {
		margin-top:-100px;		
		margin-top:-50px;		
		min-height:120px;
	}
	.pageHeader .pageIntro  {
		max-width:100%;
	}
	.pageHeader #pageBanner:before {
        width: 1800px;
		top: 150px;
		bottom: -120px;
    }
	.pageHeader #pageBanner .lineAnimation{
		--size_w : 106%;
		top: 150px;
	}
	.homeHeader .scrolldown {
		display:block;
	}
}
@media(max-width:767.5px){
	.homeHeader .pageIntro .blockButton > a{
		width:100%;
		text-align:center;
	}
}
@media(min-width:768px){
	.pagebanner,
	.bannerWrap {
		max-height:860px;
	}
	#homeBanner {
		height:50vw;
		max-height:730px;
	}
	.pageHeader #pageBanner .hero{
		
	}
	.pageHeader.hasBanner .pageTitleGroup {
		margin-top:-140px;
		margin-top:-100px;
		min-height:160px;
	}
	.pageHeader.hasBanner:after {
		mask-size: 992px 100%;
		height:70px;
	}
	.pageHeader #pageBanner:before {
        width: 1800px;	
        top: 110px;
        bottom: -160px;
        bottom: -90px;
    }
	.pageHeader #pageBanner .lineAnimation{
		--size_w : 106%;
		top: 110px;
	}
	
}
@media (max-width:991.5px){
	.pageHeader .scrolldown a.button{
		padding-top:1rem;
		padding-bottom:1rem;
	}
	.pageHeader.hasBanner {
		padding-bottom:20px;
	}
}
@media (min-width:992px){
	.pagemain {
		padding-top:40px;
	}
	.pageHeader {
		padding-bottom:110px;
	}
	.pagemain.hasBanner {
		padding-top:170px;
	}
	.pageHeader.hasBanner:after {
		mask-size: 1440px 100%;
		height:110px;
	}
	.pageHeader .pageIntro{
		font-size: 3.125rem;
		font-size:1.5rem;
	}
	.homeHeader .pageIntro{	
		font-size: 3.75rem;
		font-size: 1.5rem;
	}
	.homeHeader .pageIntro .blockButton > a,
	.homeHeader .pageIntro .blockButton.arrowButton > a,
	.blockButton.lrgbtn > a,
	a.button.lrgbtn{
		font-size:1.5rem;
	}
	.pageHeader .scrolldown a.button{
		width:auto;
	}
	.pageHeader .scrolldown:before {
		left:50px;
	}
	.pageHeader .scrolldown:after {
		left:50px;
	}
	.pageHeader #pageBanner .hero{
		
	}
	
	.pageHeader .pageTitleGroup {
		padding:60px 0 20px;	
	}
	#homeBanner .hero .slideText{
		font-size:4rem;
		bottom:210px;
	}
	.homeHeader .scrolldown {
		bottom: 94px;	
	}
	.homeHeader .scrolldown:before {
		height: 80px;
	}
	.homeHeader .scrolldown:after {
		margin-top: 68px;
	}
}
@media (min-width:1200px){
	.pageHeader #pageBanner .hero{
		
	}
	.pageHeader.hasBanner .pageTitleGroup {
		margin-top:-240px;
		margin-top:-150px;
		min-height:260px;
	}
	.pageHeader.hasBanner:after {
		mask-size: 100% 110px;
		height:110px;
	}
	.pageHeader .pageTitleGroup {
		padding:100px 0 50px;	
	}
	.homeHeader .pageTitleGroup {
		padding:3.75rem 0;
	}

}
@media (min-width:1400px){
	.pageHeader #pageBanner .hero{
		
	}
	.pageHeader.hasBanner .pageTitleGroup {
		margin-top:-300px;
		margin-top:-200px;
		min-height:320px;
	}
}
@media (min-width: 1800px) {
    .pageHeader #pageBanner:before{
        width: 100%;
		background-size:100% 100%;
    }
	.pageHeader #pageBanner .lineAnimation{
		--size_w : 106%;
		top: 150px;
	}
}
/*------------------------------------*\ 
    FOOTER
\*------------------------------------*/

#footer{
	--body_colour: #fff;
    --title_colour: #fff;
    --link_colour: #fff;
    --link_colour_hover: #fff;
    --button_bg: #E6323C;
    --button_colour: #fff;
    --button_border_colour: #fff;
    --button_bg_hover: #fff;
    --button_colour_hover: #E6323C;
    --button_border_hover: #fff;
    background-color: #E6323C;
	background-image: url(images/footerGraphic.png);
    background-size: 100% 300px;
    background-repeat: no-repeat;
    background-position: top center;
    color: var(--body_colour);
	line-height:1.4;
}
#footer .footerText {
	margin-top:1.5rem;
	font-size: 1.6875rem;	
    font-weight: 700;
    font-variation-settings: 'wght' 700;
	margin-bottom:1em;
}

#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .footerText .blockButton{
	font-size:1rem;
}

.helloCarousel {
	margin-bottom:2rem;
}
.helloCarousel .item {
	position:relative;
	font-size:64px;
	width:1.45em;
	height:2.75em;
    display: inline-block;
}
.helloCarousel .hello {
	font-size: inherit;
    line-height: 1.1;
	padding:0.25em 0 0.1em;
    font-weight: 700;
    font-variation-settings: 'wght' 700;
    width: 2.75em;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    top: 100%;
    left: 0;
	transition:500ms   cubic-bezier(0.45, 0, 0.55, 1);
}
.helloCarousel .owl-item:not(.active) + .owl-item.active .hello {
	padding-left:20px;
}
.footerDetails {
	margin-top:2rem;
}
.footerDetails .detailsrow {
	--bs-gutter-y:2.875rem;
	margin-top:0;
}
#education-family-menu li {
	margin:5px 0;
}
#education-family-menu li a{
	display:inline-block;
	padding-left:30px;
	position:relative;
	min-height:24px;
}
#education-family-menu {
	margin-top:1rem;
	margin-bottom:1rem;
}
#education-family-menu li a:before{
	content:'';
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	top:50%;
	left:0;
	margin-top:-12px;
	background:currentColor;
	mask-image: url(images/family-icon.png);
    mask-size: 24px;
    mask-position: center;
    mask-repeat: no-repeat;
    vertical-align: middle;
}
#education-family-menu .sub-menu li a:before{
	color:#FFD1D4;
	mask-image: url(images/family-subicon.png);
	mask-size: 11px;
}
#footer ul.socials {
	margin:1rem -7px;
}
#footer ul.socials li {
	padding:7px;
}
#footer ul.socials a{
	font-size:1.375rem;
	width:2em;
	height:2em;
	line-height:2em;
	text-align:center;
	display:inline-block;
	border-radius:50%;
    border: solid 1px rgba(255, 255, 255, .7);
}
#footer ul.socials a:hover{
	background:rgba(255,255,255,0.25);
}
.footerLower {
	background:#fff;
	--body_colour: #343A40;
	color:var(--body_colour);
    --body_colour_alt: #E6323C;
    --title_colour: #343A40;
    --link_colour: #000;
    --link_colour_hover: #E6323C;
	--button_bg: #E6323C;
    --button_colour: #fff;
    --button_border_colour: #E6323C;
    --button_bg_hover: rgba(230, 50, 60, 0.2);
    --button_colour_hover: #E6323C;
    --button_border_hover: #E6323C;
	padding:25px 0;
	font-size:13px;
}
.footerLower .ftlogos {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
	justify-content:center;
	align-items:center;
	margin-bottom:2rem;
}
.ftDivider {
	width:100%;
	height:110px;
	background:#fff;
	clip-path: ellipse(60% 120px at 50% 120%);
}
@media (max-width:767.5px){
	#footer .footerText .blockButton a {
		width:100%;
		text-align:center;
		padding: 1em 1.2em;
	}
}
@media (min-width:992px){
	#footer .footerText {
		margin-top:6rem;
	}
	.helloCarousel .item {
		font-size:110px;
	}
	#footer{
		background-size:100% 450px;
	}
	#footer .footerText .blockButton{
		font-size:1.5rem;
	}
}

@media (min-width:1200px){
	.footerInfo {
		margin-bottom:70px;
	}
	#footer .footerText {
		font-size: 2.625rem;
	}
	.helloCarousel .item {
		font-size:170px;
	}
	.footerLower .ftlogos {
		--bs-gutter-x: 2rem;
	}
	.footerLower .ftlogos {
		margin-bottom:5rem;
	}
	#footer{
		background-size:100% 940px;
	}	
}
@media (min-width:1400px){
	.helloCarousel .item {
		font-size:242px;
	}
	.helloCarousel .owl-item:not(.active) + .owl-item.active .hello {
		padding-left:50px;
	}
}
/*------------------------------------*\
    Dynamic Content
\*------------------------------------*/

.dynamicContent {
	margin-top:3rem;
	margin-bottom:00px;
}
@media (min-width:1200px){
	.dynamicContent {
		margin-top:4.5rem;
		margin-bottom:00px;
	}	
}
/*******Dividers******/
.dividera{
	clear: both;
    width: 100%;
    height: 100px;
   position:relative;
}
.dividera:before{
	content:'';
	width:90%;
	height:1px;
	border-bottom:solid 1px #ccc;
	position:absolute;
	top:50%;
	left:5%;
}

.dividera:after{
	content:'';
	display:block;
	 background-image: url(images/icon.png);
    background-position: center center;
	background-size:contain;
	height:76px;
	width:76px;
	top:50%;
	left:50%;
	margin-top:-38px;
	margin-left:-38px;
    background-repeat: no-repeat;
	position:absolute;
	background-color:#fff;
}
.dividerb{
    clear: both;
    width: 100%;
    height: 130px;
    background-image: url(images/icon.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size:90px;
}



/*******FAQS*****/
.faqs{
    border: solid 1px var(--body_colour);
	border-radius:12px;
}
.faqs .faq{
	
}

.faq-question{
	position:relative;
	margin:0;
	padding:0.875rem 1rem;
    padding-right: 2em;
	cursor:pointer;
	border-top:solid 1px  var(--body_colour);
}
.faq-question img.faq-icon {
	vertical-align:middle;
	margin:-0.4325rem 0rem;
	margin-right:20px;
	width:50px;
	height:50px;
	object-fit:contain;
	object-position:center;
}
.faq:first-child .faq-question{
	border-top:0;
}
.faq .faq-answer{
	padding:0.875rem 1rem;
	border-top:solid 1px  var(--body_colour);
}
.faq-question:hover{
}
.faq-question:after {
	content: '\f078';
    display: block;
    font-size: 0.5em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    color: var(--body_colour_alt);
    text-align: center;
    position: absolute;
    right: 1em;
    top: 50%;
	margin-top:-0.75em;
    font-weight: 700;
    font-family: "Font Awesome 6 Free";
    transform: rotate(0deg);
    transition: 300ms;
}
.faq.open .faq-question:after {
  transform:rotate(180deg);
}


/******Staff********/
.staffMember {
	--title_colour : var(--body_colour_alt);
	padding-top:10px;
	padding-bottom:10px;
}

.dynamicContent.dynamic-staff .staffMember{
	border-top:solid 1px var(--body_colour);
}
.dynamicContent.dynamic-staff .staffMember:last-child {
	border-bottom:solid 1px var(--body_colour);	
}
.staffMember .standard-staff-image {
	width: 105px;
    position: relative;
    max-width: 100%;
}
.staffMember .standard-staff-image:before {
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
}
.staffMember .standard-staff-image img{
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit:cover;
	border-radius:50%;
	position:absolute;
}
.staff-meta {
	font-size:1rem;
	margin-top:0.875rem;
	--bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
}
.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: var(--button_colour, #fff);
    border: solid 2.5px var(--button_bg, #000);
    background: var(--button_bg, #000);
    display: block;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    pointer-events: none;
	transition:300ms;
	font-weight:700;
    font-variation-settings: 'wght' 700;
}
.staff-meta a.email-value:hover:before{
	background: var(--button_bg_hover, #000);
    color: var(--button_colour_hover, #fff);
    border-color: var(--button_colour_hover, #000);
}
.staffMember .body-text {
	margin-top:1rem;
}
.staffMember .postThumb {
	width: 500px;
    position: relative;
    max-width: 100%;
}
.staffMember .postThumb:before {
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
}
.staffMember .postThumb img{
	width:100%;
	height:100%;
	top:0;
	left:0;
	object-fit:cover;
	border-radius:50%;
	position:absolute;
}
/** Text Image*/
.textblockTxt  {
	max-width:640px;
}
.textblockImage {
    width: 100%;
    height: auto;
    mask-image: url(images/quote_mask.png);
    mask-image: url(images/image-mask-flip.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}
.imageLeft .textblockImage {
    mask-image: url(images/quote_mask-flip.png);
    mask-image: url(images/image-mask.svg);
}
.mask2 .textblockImage {
    mask-image: url(images/image-mask.png);	
}
/*****Quotes******/
.quoteContainer .quotesTitle{ 

}
.quotes-holder .quoteImage {
	width:100%;
	height:auto;	
    mask-image: url(images/quote_mask.png);
    mask-image: url(images/image-mask-flip.svg);
	mask-size:contain;
	mask-position:center;
	mask-repeat:no-repeat;	
}
.imageLeft .quoteImage {
    mask-image: url(images/quote_mask-flip.png);
    mask-image: url(images/image-mask.svg);
}
.quoteContainer {
	margin-bottom:2.25rem;
	margin-top:1rem;
}
.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:0.8;
	font-size:20px;
}
.quoteContainer .cycle-pager span.cycle-pager-active{
	opacity:1;
}
.quoteContainer blockquote.quote-text{
	margin-top:0;
	margin-bottom:0;	
}
.quoteContainer .quote-cite{

}
@media (min-width:992px){
	.quoteContainer {
		margin-bottom:4.25rem;
	}
}
/*Video Block */
a.videoBlock {
	display: block;
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
	padding-top:68.35%;
}

a.videoBlock img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
a.videoBlock:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:78px;
	height:78px;
	border-radius:50%;
	border:solid 2px #fff;
	transform:translate(-50%, -50%);
	z-index:2;
	transition:300ms;
}
a.videoBlock:after {
	content:'';
	display:block;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 0 14px 24px;
	border-color: transparent transparent transparent #fff;
	transform:translate(-9px, -50%);
	z-index:2;
}
a.videoBlock:hover:before {
	background:rgba(255,255,255,0.2);
}
/****Documents******/
.documents {
	
}
a.squareButton.document-link {
	width:100%;
}
a.squareButton.document-link:after {
    width: 1.2em;
    height: 1.2em;
    mask-image: url(images/download-icon.png);	
}

/*Callout*/
.callout {
	--mask_height : 70px;
	--mask_width : 1440px;
	display:block;
	position:relative;
	color: #fff;
	--body_colour: #fff;
	--title_colour: #fff;
	background:#212529;
	overflow:hidden;
	min-height:550px;
    display: flex;
    align-items: end;
	/*mask-image: url(images/calloutmask.png);
    mask-size: 100% 100%;
    mask-position: top;
    mask-repeat: no-repeat;*/
	mask-image: url(images/calloutmask-top.png), linear-gradient(to bottom, #000, #000), url(images/calloutmask-bottom.png);
    mask-size: var(--mask_width) calc(var(--mask_height) + 5px), var(--mask_width) calc(100% - (var(--mask_height)* 2)) , var(--mask_width) calc(var(--mask_height) + 5px);
    mask-position: 0 0, 0 var(--mask_height), 0 100%;
    mask-repeat: no-repeat, no-repeat, no-repeat;
}
.callout .calloutContent {
	position:relative;	
    --button_bg_hover: #fff;
	padding-top:1.25rem;
	padding-bottom:1.25rem;
	margin-bottom:calc(var(--mask_height) - 20px);
	margin-top:calc(var(--mask_height) - 20px);
}
.callout .calloutText {
	margin-top:2.25rem;
	margin-bottom:2.25rem;
}
.callout .calloutTitle {
	margin-top:1rem;
}
.callout.hasbg .coimg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.callout.hasbg .coimg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.callout .coimg img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;	
}
.dynamicContent.dynamic-callout:last-child .callout {
	mask-image: url(images/calloutmask-top.png), linear-gradient(to bottom, #000, #000);
    mask-size: var(--mask_width) calc(var(--mask_height) + 5px), var(--mask_width) 100%;
    mask-position: 0 0, 0 var(--mask_height);
    mask-repeat: no-repeat, no-repeat;
}
.dynamicContent.dynamic-callout:last-child .callout .calloutContent {
	margin-bottom:0;
}
@media (min-width:768px){
	.callout .calloutContent {		
		padding-top:2.125rem;
		padding-bottom:2.125rem;
	}
	.callout {
		min-height:768px;
	}
}
@media (min-width:1200px){
	.callout {
		min-height:1024px;		
		--mask_height : 100px;
		--mask_width : 100%;
	}
}
@media (min-width:1400px){
	.callout {
		min-height:1024px;		
		--mask_height : 140px;
	}
}
/***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;
}
/*Linkblock*/
.linkblock {
	background:var(--style_colour,#1E1E1E);
	color:var(--body_colour,#fff);
	border-radius:25px;
	padding:0 13px;
	border:solid 5px var(--style_colour,#1E1E1E);
	height:100%;
	display:flex;
	flex-direction:column;
}
.linkblock .linkblockTop {
	font-size:28px;
	margin-top:-5px;
}
.linkblock .linkblockTop .col{
	padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
	font-variation-settings: 'wght' 700;
	
}
.linkblock .linkblockTop .topitem {
	text-align:right;
}
.linkblock .linkblockTop .age{
	background:#1E1E1E;
	border-bottom-right-radius : 25px;
	border-right:solid 5px #1E1E1E;
	border-bottom:solid 5px #1E1E1E;
}
.linkblock .linkblockTop.row {
    --bs-gutter-x: 36px;
}
.linkblock .linkblockTitle {
	margin-top:15px;
	margin-bottom:15px;
	line-height:1.2;
	min-height:3.6em;
}
.linkblock .linkblockText {
    height: 100%;
	min-height:200px;
}
.linkblock .linkblockLink {
	padding:10px 0;
}
.linkblock .linkblockLink .discoverButton{
	padding-left:50px;
	padding-right:0;
	min-height:40px;
	padding-top:10px;
	padding-bottom:10px;
}
.linkblock .linkblockLink .discoverButton:after{
	right:auto;
	left:0;
	top:50%;
	width:40px;
	height:40px;
	transform:translateY(-50%);
}
.linkBlock_pathways .linkblock {
	border:solid 5px #272727;
}
.linkBlock_pathways .linkblock .linkblockTop .age {
	border-right:solid 5px #272727;
	border-bottom:solid 5px #272727;
}
.linkblock img.pathways {
	object-fit: contain;
    margin: 0 0 30px 0;
    width: auto;
    height: auto;
	max-width:180px;
}
/*Journey*/
.tabTitle {
	position:absolute;
	top:0;
	left:calc(var(--bs-gutter-x) * .5);
	background:#E6323C;
	color:#fff;
	padding:16px 24px;
	margin:0;
	min-width:170px;
	text-align:center;
}
.pathwaysSection .tabTitle{
	border-bottom-left-radius:var(--tab_border_radius);
	border-bottom-right-radius:var(--tab_border_radius);	
}
.pathwaysSection {
	position:relative;
	background : #1E1E1E;
	color:#FAD6D8;
	--body_colour:#FAD6D8;
	--title_colour:#fff;
	--button_bg: #FFE606;
    --button_colour: #212529;
    --button_border_colour: #FFE606;
    --button_bg_hover: #212529;
    --button_colour_hover: #fff;
    --button_border_hover: #FFE606;
	padding-bottom:100px;
	
}
.pathwaysSection .pathwaysIntro {
	font-size:1.25rem;
}
.pathwaysSection .introRow {
	margin-top:10px;
	--bs-gutter-y:15px;
}
.pathwaysSection > .container{
	position:relative;	
	padding-top:60px;
}
.pathwaysSection .pathwayArrowbtn {
    --button_bg: transparent;
    --button_colour: #fff;
    --button_border_colour: #5B5B5B;
    --button_bg_hover: #fff;
    --button_colour_hover: #1E1E1E;
    --button_border_hover: #fff;
}
.journeyItems {
	margin-top:1rem;
}
.journeyItems > .row  {
    margin-top: -1rem;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 3rem;
}
.journeyItems .arrow {
	border-top:solid 5px var(--style_colour,#1E1E1E);
	width:calc(100% - 25px);
	height: 35px;
    margin: 20px 0px 20px;
	position:relative;
	
}
.journeyItems .arrow:after {
	content: '';
    display: block;
    position: absolute;
    top: -15px;
    right: 0;
    border-right: solid 5px var(--style_colour);
    border-bottom: solid 5px var(--style_colour);
    transform: rotate(-45deg);
    width: 26px;
    height: 26px;
}

.journeyItems.linkBlock_pathways .arrow {
	opacity:0;
}


.journeyItems .linkblock {
	height:calc(100% - 75px);
}
.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;
}
@media (min-width:768px){
	.pathwaysSection {
		mask-image: url(images/journey-top.png), linear-gradient(to bottom, #000, #000);
		mask-size: 100% 36px, 100% 1000%;
		mask-position: top right, 0 36px;
		mask-repeat: no-repeat, no-repeat;
	}
	.pathwaysSection > .container{
		padding-top:100px;
	}
}
@media (max-width:991.9px){
	.pathwaysSection .btnsRow a.button{
		width:100%;
		text-align:center;
		padding: 1em 1.2em;
	}
	.journeyItems .linkBlockWrap {
		width:285px;
		max-width:100%;
	}
}

@media (min-width:992px){
	.pathwaysSection .pathwaysIntro {
		font-size:2.125rem;
	}
	.pathwaysSection .introRow {
		margin-top:40px;
		--bs-gutter-y:30px;
	}
	.pathwaysSection .btnsRow {
		flex-direction: row-reverse;
	}
	.journeyItems .arrow {
		width:100%;
		height: 55px;
		margin: 0px 0px 20px 0;
	}
.journeyItems .arrow.flip {
	border-left:solid 5px  var(--style_colour,#1E1E1E);
	border-top-left-radius:10px;
}
.journeyItems .arrow.flip:after {
	top:25px;
	right:auto;
	left:-15px;
    transform: rotate(45deg);
}
}
/*Learning*/
.learningSection .tabTitle{
	border-top-left-radius:var(--tab_border_radius);
	border-top-right-radius:var(--tab_border_radius);
	left:auto;
	top:auto;
	bottom:0%;
	right:calc(var(--bs-gutter-x) * .5);
}
.learningSection {
    background: #1E1E1E;
    position: relative;
}


.learningSection > .container {
    position: relative;
	min-height:90px;
}
.learningSlider {
	position:relative;
	width:100%;
	height: 100vw;
    max-height: 100vh;	
    min-height: 500px;
}
.learningSlider .sliderItem {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.learningSlider .sliderItem img.bannerImage{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.learningSlider .sliderItem .title {
	position:absolute;
	top:40px;
	left:30px;
	background:#fff;
	color:#000;
	border-radius:10px 10px 0 0 ;
	padding:10px 10px;
	font-size:34px;
	font-variation-settings:'wght' 700;
	display:none;
}
.learningSlider .sliderItem .title span{
	position:absolute;
	display:block;
	top:100%;
	left:-20px;
	background:#E6323C;
	color:#fff;
	border-radius:10px;
	padding:10px 10px;
	white-space:nowrap;
}
.learningSlider .sliderItem .text {
	left:calc(var(--bs-gutter-x) * .5);
	right:calc(var(--bs-gutter-x) * .5);
	bottom:120px;
	max-width:100%;
	background:rgba(255,255,255,0.9);
	padding: 40px 30px;
	color:#E6323C;
	position:absolute;
	border-radius:20px;
    font-variation-settings: 'wght' 700;
	font-size:1.25rem;
}
.learningSlider .sliderItem .text:after {
    content: '';
    width: 54px;
    height: 54px;
    display: inline-block;
    background-image: url(images/red-circular-btn.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 50%;
	margin-right:-27px;
    top: -22px;
}

.learningSlider .sliderItem > .container {
	position:relative;
	height:100%;
}
.learningSectionNav {
	background:#fff;
	padding-bottom:30px;
}
.learningSectionNav .navwrap {
	text-align:center;
	margin-top:-65px;
	position:relative;
	z-index:110;
    display: flex;
    justify-content: center;
}
.learningSectionNav .navwrap a{
	text-decoration:none;
	color:#212529;
	display:inline-block;
	margin:0 5px;
	max-width:25%;
	transition:300ms;
}
.learningSectionNav .navwrap a:hover,
.learningSectionNav .navwrap a.cycle-pager-active {
	color:#E6323C;
}
.learningSectionNav .navItem {
    font-variation-settings: 'wght' 700;	
	display:inline-block;
}
.itemIconWrap {
	width:82px;
	height:82px;
	margin:0 auto;
	margin-bottom:10px;
	position:relative;
}
.itemIconWrap .itemIcon{
	width:80px;
	height:80px;
	background:#fff;
	box-shadow: 0px 0px 15px 0px #00000040;
	border-radius:50%;
	position:relative;
	top:50%;
	left:50%;
	transition:300ms;
	transform:translate(-50%,-50%);
}
.itemIconWrap .itemIcon img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	object-fit:contain;
	width:28px;
	height:28px;
	transition:300ms;
}
.learningSectionNav .navwrap a:hover .itemIconWrap .itemIcon img,
.learningSectionNav .navwrap a.cycle-pager-active .itemIconWrap .itemIcon img {
	filter: brightness(0) invert(1);
}
.learningSectionNav .navwrap a:hover .itemIconWrap .itemIcon,
.learningSectionNav .navwrap a.cycle-pager-active .itemIconWrap .itemIcon{
		background:#E6323C;	
}
@media(min-width:576px){
	.learningSlider {
		height:60vw;		
	}
}
@media(min-width:768px){
	.learningSlider {
		height:50vw;
		max-height:730px;	
		mask-image: url(images/learn-top.png), linear-gradient(to bottom, #000, #000);
		mask-size: 100% 40px, 100% 1000%;
		mask-position: top left, 0 40px;
		mask-repeat: no-repeat, no-repeat;
		margin-top:-40px;
	}
	.learningSlider .sliderItem .title {
		display:block;
	}
	.learningSlider .sliderItem .text {
		width: 355px;
		bottom:90px;
		max-width:100%;
	}
	.learningSlider .sliderItem .text:after {
		right: 40px;
		margin-right:0;
	}
}
@media(max-width:991.5px){
	.navItem .txt{
		display:inline-block;
		writing-mode: vertical-rl;
		text-orientation: mixed;
        position: relative;
        transform: rotate(180deg);
	}
}
@media(min-width:992px){
	.learningSlider .sliderItem .title {
		top:100px;
	}
	.itemIconWrap {
		width:130px;
		height:130px;
		margin-bottom:30px;
	}
	.learningSectionNav .navwrap a {
		margin-left:20px;
		margin-right:20px;
	}
	.learningSectionNav .navItem {
		font-size:28px;
	}
	.itemIconWrap .itemIcon{
		width:97px;
		height:97px;
	}
	.itemIconWrap .itemIcon img{
		width:50px;
		height:50px;		
	}
	.learningSectionNav .navwrap a.cycle-pager-active .itemIconWrap .itemIcon{
		width:125px;
		height:125px;
	}
}
@media(min-width:1200px){
	.learningSlider .sliderItem .title {
		top:100px;
	}
	.learningSlider .sliderItem .text {
		left:300px;
		bottom:150px;
	}
	.learningSlider {
		max-height:890px;	
	}
}

/*Artemis Section*/
.artemisSection {
	position:relative;
}
.artemisSection:before {
	content: '';
    display: block;
	width: 1500px;
    height: 344px;   
    top: -80px;
    left: -40%;
    position: absolute;
    pointer-events: none;
    background-image: url(images/lines2.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}
.artemisSectionLight {
	background-color:#43B3A6;
	color:#212529;
	--body_colour:#212529;
	--body_colour_alt : #FFE606;
    --link_colour: #FFE606;
    --link_colour_hover: #fff;
	--button_bg: #FFE606;
    --button_colour: #212529;
    --button_border_colour: #FFE606;
    --button_bg_hover: #43B3A6;
    --button_colour_hover: #fff;
    --button_border_hover: #FFE606;
}
.artemisSectionDark {
	background-color:#09534A;
	color:#FFFFFF;
	--body_colour:#FFFFFF;
	--title_colour:#FFFFFF;
	--body_colour_alt : #FFE606;
    --link_colour: #FFE606;
    --link_colour_hover: #fff;
	--button_bg: #FFE606;
    --button_colour: #212529;
    --button_border_colour: #FFE606;
    --button_bg_hover: #09534A;
    --button_colour_hover: #fff;
    --button_border_hover: #FFE606;
}
.artemisSection .atemisIntro{
	padding-top:60px;
	padding-bottom:0;	
	background:transparent;
	z-index:1;
}
.artemisSection .atemisIntro:before{
	background-color:#09534A;
	mask-image: url(images/artemis-mask.png), linear-gradient(to bottom, #000, #000);
	mask-size: 100% 50px, 100% 100%;
	mask-position: top left, 0 50px;
	mask-repeat: no-repeat, no-repeat;
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.artemisSection .atemisIntro > *{
	position:relative;
	z-index:1;
}
.artemisSection .atemisIntroTxt{
	 font-size: 1.6875rem;
	 margin:30px 0 50px;
    font-variation-settings: 'wght' 700;
}
.artemisSection .atemisIntroTxt .btnRow {
	
}
.artemisSection .container {
	z-index:5;
	position:relative;	
}
.artemisSection .atemisIntroTxt span{
	color:var(--body_colour_alt);
}
 .artemisSection .featuredImg {
	--mask_height: 150px;
	height:70vw;
	min-height:240px;
	max-height:540px;
	position:relative;
	mask-image: url(images/home_banner_mask_top.png), linear-gradient(to bottom, #000, #000);
    mask-size: 100% calc(var(--mask_height) + 5px), 100% 100%;
    mask-position: top left, 0 var(--mask_height);
    mask-repeat: no-repeat, no-repeat;
	z-index:0;
}
.artemisSection .featuredImg img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.artemisSection .artemisBlocks {
	position:relative;
	z-index:1;
	padding:30px 0 70px;
}
.artemisSection .artemisBlocks hr{
	margin-top:1rem;
	margin-bottom:1rem;
	border-color:#000000;
	opacity:0.2;
}
.artemisSection .artemisBlocks:before {
	content:'';
	display:block;
	position:absolute;
	bottom:100%;
	left:0;
	width:100%;
	height:60px;
	background-color:inherit;
	mask-image: url(images/calloutmask-top.png);
	mask-size:100% 100%;
	mask-repeat:no-repeat;
}
.artemisSection .row.topblocks {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
	margin-top:0;
}
.artemisSection .promiseBlock {
	background:rgba(255,255,255,0.5);
	border-radius:25px;
    height: 100%;
}
.artemisSection .promiseBlock .promiseText {
	padding:18px 20px 30px;
}
.artemisSection .promiseBlock .promiseTitle {
	background:#09534A;
	--title_colour:#fff;
	border-radius:25px;
	padding:10px 20px;	
	border-top-right-radius:0;
	border-bottom-left-radius:0;
	margin-right:40px;
}
.artemisSection .promiseBlock .promiseTitle > *{
	margin-top:0;
	margin-bottom:0;
}
.artemisSection .linkBlocks {
	background: rgba(255, 255, 255, 0.5);
    border-radius: 25px;
    height: 100%;
	padding:20px 20px;
}
.artemisSection .linkBlocks .linkblocksBtns a.button {
	width:100%;
}
.artemisSection .values {
    border-radius: 25px;
    height: 100%;
    padding: 40px 20px;
	color:var(--body_colour_alt);
}
.artemisSection .values .valuesText{
	font-size: 1.125rem;	
    font-variation-settings: 'wght' 700;
}
.artemisSection .values a.button{
	width:100%;	
}
@media (min-width:576px){
	.artemisSection .featuredImg {
		--mask_height: 340px;
	}
}
@media (max-width: 767.5px){
    .artemisSection .btnRow a.button {
        width: 100%;
        text-align: center;
        padding: 1em 1.2em;
    }
}
@media (min-width:768px){
	.artemisSection .linkBlocks .linkblocksBtns a.button {
		width:auto;
	}
	.artemisSection .values a.button{
		width:auto;	
	}
	.artemisSection:before {
		width: 1800px;
		height: 444px;		
        top: -130px;
        left: 50%;
        transform: translate(-50%, 0%);
	}
	.artemisSection .featuredImg {
		margin-top:calc(var(--mask_height) * -0.2);		
	}
}
@media (min-width:992px){
	
	.artemisSection .atemisIntro{
		padding-top:100px;		
		margin-top:40px;
	}
	.artemisSection .atemisIntro:before{
		mask-size: 100% 75px, 100% 100%;
		mask-position: top left, 0 75px;
	}
	.artemisSection .atemisIntroTxt{
		font-size: 3.125rem;
	}
	.artemisSection .featuredImg {
		--mask_height: 540px;
		min-height:600px;
		max-height:960px;
	}
	.artemisSection .linkBlocks .linkblocksTxt {
		font-size:1.75rem;
	}
	.artemisSection .linkBlocks {
		padding-left:40px;
		padding-right:40px;
	}
	.artemisSection .values {
		padding-left:40px;
		padding-right:40px;		
	}
	.artemisSection .values .valuesText{
		font-size: 2.125rem;
	}
	.artemisSection .artemisBlocks hr{
		margin-top:2rem;
		margin-bottom:2rem;
	}
}
@media (min-width:1600px){
	.artemisSection:before {
		width: 112.5%;
	}
}
.calloutSlider {
	position:relative;
	width:100%;
	height:218vw;
	max-height:100vh;
	min-height:400px
}
.calloutSlider .slider,
.calloutSlider .slider .slide  {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.calloutSlider .slider img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.calloutSlider .pagerWrapper {
	position:absolute;
	z-index:110;
	width:100%;
	top:110px;
	left:0;
}
.calloutSlider .pagerWrapper .container{
	position:relative;
}
.calloutSlider .pagerWrapper .pagerBlock{
	list-style:none;
	padding:0;
	margin:20px 0;
	font-size: 1.75rem;
	color:#fff;
	--link_colour:#fff;
	--link_colour_hover:#fff;
	position:relative;
    font-variation-settings: 'wght' 700;
}
.calloutSlider .pagerWrapper .pagerBlock li a{
	text-decoration:none;
	opacity:0;
	transition:500ms;
}
.calloutSlider .pagerWrapper .pagerBlock li{	
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.calloutSlider .pagerWrapper .pagerBlock li.cycle-pager-active a{
	opacity:1;
}
.calloutSlider .pagerWrapper .pagerBlock li span{
	display:none;
}
.calloutSlider .pagerWrapper .cycle-prev,
.calloutSlider .pagerWrapper .cycle-next{
	width:40px;
	height:40px;
	background:#fff;
	font-size:0;
	position:absolute;
	top:-70px;
	border-radius:50%;
}
.calloutSlider .pagerWrapper .cycle-prev{
	left:calc(var(--bs-gutter-x) * .5);
}
.calloutSlider .pagerWrapper .cycle-next{
	right:calc(var(--bs-gutter-x) * .5);
}
.calloutSlider .pagerWrapper .cycle-prev:before,
.calloutSlider .pagerWrapper .cycle-next:before{
	content: '';
    width: 14px;
    height: 11px;
    display: inline-block;
    background: #E6323C;
    mask-image: url(images/arrow.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
	top:50%;
	left:50%;
}
.calloutSlider .pagerWrapper .cycle-prev:before{
	transform:translate(-50%,-50%) rotate(180deg);
}
.calloutSlider .pagerWrapper .cycle-next:before{
	transform:translate(-50%,-50%);
}
.calloutSlider .sliderButtons {
	position:absolute;
	bottom:30px;
	left:0;	
	width:100%;
	z-index:110;
	--button_bg: #FFE606;
    --button_colour: #212529;
    --button_border_colour: #FFE606;
    --button_bg_hover: #000;
    --button_colour_hover: #fff;
    --button_border_hover: #FFE606;
}
@media (max-width:767.5px){
	.calloutSlider .sliderButtons a.button{
		width:100%;
		text-align:center;
		padding: 1em 1.2em;
	}
}
@media (min-width:768px){
	.homeDynamic.dynamic-callout_slider {
		background:#43B3A6;
	}
	.calloutSlider {
		height:57.3vw;
		mask-image: url(images/calloutmask-top.png), linear-gradient(to bottom, #000, #000);
		mask-size: 100% 60px, 100% 1000%;
		mask-position: top left, 0 60px;
		mask-repeat: no-repeat, no-repeat;
	}
	.calloutSlider .pagerWrapper .pagerBlock li{
		position:relative;
		display:inline;
		pointer-events: auto;
	}
	.calloutSlider .pagerWrapper .pagerBlock li a{
		opacity:0.5;				
	}
	.calloutSlider .pagerWrapper .pagerBlock li a:hover {
		opacity:1;
	}
	.calloutSlider .pagerWrapper .pagerBlock li.cycle-pager-active a{
		opacity:1;
		color:#FFE606;
	}
	.calloutSlider .pagerWrapper .pagerBlock li span{
		display:inline;
		opacity:0.2;
	}
	.calloutSlider .pagerWrapper .cycle-prev, .calloutSlider .pagerWrapper .cycle-next {
		display:none;
	}
}
@media (min-width:992px){
	.calloutSlider .sliderButtons {
		bottom:70px;		
	}
	.calloutSlider .pagerWrapper .pagerBlock{
		font-size:3.125rem;
	}
}

.discoverBlock {
	position:relative;
	width:100%;
	--button_bg: #FFE606;
    --button_colour: #212529;
    --button_border_colour: #FFE606;
    --button_bg_hover: #000;
    --button_colour_hover: #fff;
    --button_border_hover: #FFE606;
	background:#1d1a35;
}
.discoverBlock .container{
	position:relative;	
}
.discoverBlock .tabTitle {
    border-bottom-left-radius: var(--tab_border_radius);
    border-bottom-right-radius: var(--tab_border_radius);
	left:auto;
	right:calc(var(--bs-gutter-x) * .5);
	z-index:5;
}
.discoverBlock img.discoverImage{
	width: 100%;
    height: auto;
    max-height: 90vh;
    object-fit: contain;
}
.discoverBlock .discoverLink {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:20px;
	z-index:5;
}
@media (max-width:767.5px){
	.discoverBlock .discoverLink a.button{
		width:100%;
		text-align:center;
		padding: 1em 1.2em;
	}
}
@media (min-width:992px){
	.discoverBlock .discoverLink {
		bottom:40px;		
	}
}
/*------------------------------------*\
    HOME DYNAMIC
\*------------------------------------*/
.welcomeBlock {
	padding-top:40px;
	padding-bottom:40px;
    position: relative;
    z-index: 5;
    --title_colour: #495057;
	color:#495057;
	font-size:1.4375rem;
}
.welcomeBlock a.discoverButton {
	font-weight:700;
    font-variation-settings: 'wght' 700;
	max-width:388px;	
}
.welcomeBlock h2 {
	margin-bottom:0.4em;
}
.welcomeImage {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(230,50,60,1) 51%, rgba(230,50,60,1) 100%);
	position:relative;
}
.welcomeImage img {
	width:100%;
	height:83.3vw;
	max-height:1200px;
	object-fit:cover;
	object-position:center;
	mask-image: url(images/home_banner_mask.png);
    mask-size: 100% 100%;
    mask-position:center;
    mask-repeat: no-repeat;
}
/*
.welcomeImage:before {
	content: '';
    display: block;
    width: 630px;
    height: 250px;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    pointer-events: none;
    background-image: url(images/lines1.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}*/

.lineAnimation {
	width: calc(var(--size_w));
	/*min-height: calc(var(--size_h));*/
	min-height: 100px;
	height:auto;
	position: relative;
	pointer-events:none;
}
.lineAnimation .animGroup {
  position: absolute;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  
}
.lineAnimation.animGroup1 {
  padding-top:45.7%;	
}
.lineAnimation .animGroup svg{
  position: absolute;
  height: 100%;
  width: 100%;
  top:0;
  left:0;
}
.lineAnimation .motionElement {
	offset-path: path(var(--path));
	animation: move var(--path_speed) infinite linear;
	width: 15px;
    height: 15px;
	background-image:url(images/yellow-dot.svg);
	background-size:cover;
	background-repeat:no-repeat;
	position: absolute;
	top: 0%;
	left: 0%;
}
.lineAnimation .motionElement.element-white {
	background-image:url(images/white-dot.svg);
	animation-direction: reverse;
	animation-delay: 200ms;
}
.welcomeImage .lineAnimation{
	--size_w : 106%;
	--size_h : 630px;
	--path_speed : 9000ms;
	top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
	position: absolute;
    pointer-events: none;
}
@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}

.homeDynamic.dynamicContent {
	margin-top:0;
}
@media (min-width:600px){
	.welcomeImage .lineAnimation{
		--size_w : 106%;
	}	
}
@media (min-width:992px){
	.welcomeImage {		
		margin-bottom: -100px;
	}
	.welcomeImage:before {
		width: 1700px;
		height: 772px;		
		top: 16%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.welcomeImage .lineAnimation{
		--size_w : 106%;
		--size_h : 772px;
		--path_speed : 12000ms;
		top: 16%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.welcomeBlock h2{
		font-size:3.75rem
	}
	.welcomeBlock {
		font-size:2.5rem;
	}
	.welcomeBlock a.discoverButton {
		font-size:20px;
	}
	.lineAnimation .motionElement {
		width: 20px;
		height: 20px;
	}
}
@media (min-width:1200px){
	.welcomeImage {		
		margin-bottom: -200px;
	}	
}
@media (min-width:1600px){
	.welcomeImage:before {
		width: 106.25%;
	}
	.welcomeImage .lineAnimation{
		--size_w : 106.25%;
	}
}

.dynamic-carousel {
	margin-bottom:3rem;
}
/*------------------------------------*\
    END DYNAMIC CONTENT
\*------------------------------------*/

/*------------------------------------*\
    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;
}

/* search */

.headerSearch form.openSearch {
	padding-right : 12px;
	top : 0px;
	z-index: 9;
}

.searchform.openSearch {
	overflow: visible;
}

.headerSearch form.openSearch .searchSubmit {
	top : 0px;
	left: auto;
}



.searchToggle .searchform.openSearch input.s {
	display: block;
}

.searchToggle .headerSearch .searchform input.s {
	position: absolute;
	right: 0;
	bottom: -10px;
    opacity: 0;
}

.searchToggle {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 45px;
    height: auto;
    min-height: 45px;
    margin-left: 15px;
	margin-top: -8px;
}

@media (max-width:991.99px){
.searchToggle {
	margin-top: -8px;
}
}


.searchToggle .search-form-holder {
	position: absolute;
	right: 0;
	top: 0;
	transform: none;
	z-index: 11;
}

.searchToggle .searchform {
	width: 45px;
	transition: 500ms;
	position: absolute;
	right : 0;
	top : 0px;
	padding-right : 0px;
	height: 45px;
	z-index: -1;
}

.searchToggle .searchform input.s {
	/*transition:300ms;*/
	background: transparent;
}

.searchToggle .searchform.openSearch input.s {
}

.searchform.openSearch {
	width: 250px;
	height: 79px;
}

.searchToggle .searchform.openSearch input.s:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

.searchToggle .searchform.openSearch input.s {
	background: #000;
	color: #ffffff;
	border: none;
	width: 100%;
	padding: 2px 10px;
	height: 32px;
	font-size: 12px;
	letter-spacing: 0.8px;
	opacity:1;
}

.searchform .searchSubmit {
	right: 0;
}
.searchInput.s::-ms-input-placeholder { /* Edge 12-18 */
	color: #ffffff;
}

.searchInput.s::placeholder {
	color: #ffffff;
}

.countdownTimer {
	display:flex;
	text-align:center;
}
.countdownTimer .wrapper {
	width:6rem;
	height:6rem;
	display:flex;
	flex-direction:column;
    justify-content: center;
	border-radius:50%;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
}
.countdownTimer .wrapper .time {
	display:block;
	font-size:2rem;
	line-height:1;
}
.countdownTimer .wrapper .label {
	display:block;
	font-size:1rem;
}