:root {
	--accent-green: var(--T7);
}
.hero {
	background-image: url('../img/template/hero.jpg?v=3.1') !important;
}
.section.has-image::before {
	opacity: 50% !important; /* To darken image */
}
.section.has-image::after {
	opacity: 50% !important; /* To intensify accent saturation */
}




/** DO NOT EDIT BELOW THIS LINE **/





/** SMOOTH SCROLLING **/
html {
    scroll-behavior: smooth;
}
.waypoint {
	position: relative;
	transform: translateY(-150px); /* ScrollTo Offset */
}
@media(max-width: 991px) {
	.waypoint {
		transform: translateY(-3.5em); /* ScrollTo Offset (Mobile / Tablet) */
	}	
}


/** NEW HEADER **/
header {
	background: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none;
}
header #brands {
	margin: 0 !important;
}
header #brands div > a {
	display: block !important;
	width: auto !important;
	float: left !important;
}
header #brands img {
	display: block !important;
	float: left !important;
}
@media(max-width: 380px) {
	header nav .row#brands img {
		height: 30px !important;
		max-height: 30px !important;
		margin: 5px 0 !important;
	}	
}
.hero .is-sticky header,
.is-sticky header {
	background: var(--white) !important;
	-webkit-box-shadow: var(--shadow-dk) !important;
	-moz-box-shadow: var(--shadow-dk) !important;
	box-shadow: var(--shadow-dk) !important;
}
.btn {
	border-radius: 4em;
}


/** HEADER STUCK **/
#header-sticky-wrapper header,
.hero #header-sticky-wrapper header {
	-webkit-transition: background 0s ease !important;
	-moz-transition: background 0s ease !important;
	transition: background 0s ease !important;
}
#header-sticky-wrapper.is-sticky header,
.hero #header-sticky-wrapper.is-sticky header {
	-webkit-transition: background .15s ease !important;
	-moz-transition: background .15s ease !important;
	transition: background .15s ease !important;
}



/** HERO **/
.section.has-image::before {
	content: '';
	background: black !important;
	opacity: 70% !important;
}
.section.has-image::after {
	background: var(--accent-green) !important;
	opacity: 70% !important;
}
.hero.has-nav {
    padding: 0 !important;
}
.hero.has-nav > .container-fluid {
	padding-top: 2.5em !important;
	padding-bottom: 4em !important;
}
.hero h1 {
	line-height: 1em;
}
@media(min-width: 1199px) {
	.hero h1 {
		font-size: 3.5em;
	}
}
.hero h1 .accent {
	color: var(--accent-orange);
	text-transform: uppercase;
	display: block;
	font-size: 1.5rem;
	line-height: 1.3em;
	font-weight: 300;
	letter-spacing: .1em;
	margin-bottom: .5em;
}
.hero .lead {
	line-height: 1.3em;
}




.partner-logo {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 45% !important;
}
.partner-logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}



.hero.has-nav {
	padding-top: 0 !important; /** IF NAV INSIDE **/
}
.hero ul.menu.main-menu li a,
.hero ul.menu.main-menu li.dropdown a {
	color: var(--white);
}
.hero ul.menu.main-menu li a::after,
.hero ul.menu.main-menu li.dropdown a::after {
	background: var(--white);
}
.hero #brand.when-sticky { display: none !important; }
.hero #brand:not(.when-sticky) { display: block !important; }

.hero .is-sticky ul.menu.main-menu li a,
.hero .is-sticky ul.menu.main-menu li.dropdown a {
	color: var(--black);
}
.hero .is-sticky ul.menu.main-menu li a::after,
.hero .is-sticky ul.menu.main-menu li.dropdown a::after {
	background: var(--black);
}
.hero .is-sticky #brand.when-sticky { display: block !important; }
.hero .is-sticky #brand:not(.when-sticky) { display: none !important; }



/** MENU **/
@media(min-width: 992px){
	header #brands ul.desktop-main-menu {
		display: block;
		margin-left: 30px;
		padding-left: 30px;
		height: 40px;
		line-height: 40px;
		position: relative;
		float: left;
	}
	header #brands ul.desktop-main-menu::after {
		content: '';
		width: 1px;
		height: inherit !important;
		background: var(--grey);
		position: absolute;
		top: 50%;
		left: 0%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}
@media(min-width: 992px) and (max-width: 1199px){
	header #brands ul.desktop-main-menu {
		font-size: .9em !important;
	}
	header #brands ul.desktop-main-menu li a {
		line-height: 1.6em !important;
	}
}
header nav {
    padding: 30px 0 !important;
	height: auto !important;
	border: none;
}
@media(max-width: 991px){
	header nav .row#brands a,
	header nav .row#brands a img {
		display: block;
		float: none !important;
	}
	header nav ul.main-menu.desktop-main-menu {
		display: block;
		float: none !important;
		width: 100% !important;
	}
	header nav #brands ul.main-menu.desktop-main-menu a {
		display: inline-block !important;
	}
	header nav ul.mobile-menu {
		position: absolute;
		top: 0;
		right: 0;
	}
	#navToggle {
    	margin: 30px 0 0;
	}
	#navToggle.open {
	}
	.hero .mobile-menu a icon svg polyline {
		stroke: var(--white-dk);
	}
	.hero .mobile-menu a:hover icon svg polyline {
		stroke: var(--white);
	}
	ul.menu.mobile-menu,
	ul.menu.mobile-menu li,
	ul.menu.mobile-menu a {
	    min-height: 40px;
	    height: 40px;
	    width: 40px !important;
	}
	ul.menu.mobile-menu li a {
		margin: 0 !important;
		padding: 0 !important;
	}
	ul.menu.mobile-menu li a icon {
		width: inherit !important;
		height: inherit !important;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta a {
		color: var(--accent-orange) !important;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta a::after {
		background: var(--accent-orange) !important;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta.cta-secondary a {
		color: var(--accent-orange-lt) !important;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta.cta-secondary a::after {
		background: var(--accent-orange-lt) !important;
	}
}
@media(min-width: 992px){
	body header nav ul.main-menu.desktop-main-menu li.btn:not(:nth-last-of-type(1)),
	.hero header nav ul.main-menu.desktop-main-menu li.btn:not(:nth-last-of-type(1)) {
		margin-left: 0 !important;
		margin-right: 1em !important;
	}
	header nav ul.main-menu.desktop-main-menu {
		height: 40px;
		margin: 0;
		padding: 0;
		float: left;
		width: auto !important;
		line-height: auto !important;
		/* display: inline-block !important; */

		display: -webkit-flex !important;
		display: flex !important;
			
		max-width: -webkit-calc(100% - (258px + 60px)) !important;
		width: -webkit-calc(100% - (258px + 60px)) !important;
		max-width: calc(100% - (258px + 60px)) !important;
		width: calc(100% - (258px + 60px)) !important;
		max-height: 40px !important;
		overflow: visible !important;
		white-space: nowrap !important;
	}
	header nav ul.main-menu.desktop-main-menu li,
	header nav ul.main-menu.desktop-main-menu li.cta {
		float: none;
		height: 40px !important;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
		margin-right: .85em !important;
		vertical-align: middle !important;
		font-size: 1em;
		
		-webkit-flex: 1 auto !important;
		flex: 1 auto !important;
	}
	header nav ul.main-menu.desktop-main-menu li.cta {
		float: right !important;
	}
	header nav ul.main-menu.desktop-main-menu > li:last-child,
	header nav ul.main-menu.desktop-main-menu li:last-child,
	header nav ul.main-menu.desktop-main-menu > li.cta {
		margin-right: 0 !important;
	}
	header nav ul.main-menu.desktop-main-menu li a,
	header nav ul.main-menu.desktop-main-menu li.cta a {
		float: none !important;
		margin: 10px 0 5px 0 !important;
		padding: 0 !important;
		line-height: 1.3em !important;
		vertical-align: middle !important;
		display: inline-block !important;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta a,
	header nav ul.menu.main-menu.desktop-main-menu li.cta.cta-secondary a {
		color: var(--white) !important;
		font-size: inherit !important;
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
		height: 40px;
	}
	header nav ul.menu.main-menu.desktop-main-menu li.cta a::after,
	header nav ul.menu.main-menu.desktop-main-menu li.cta.cta-secondary a::after {
		content: none !important;
	}
}
ul.menu.main-menu.desktop-main-menu {
	font-size: 1.1em !important;
}
@media(min-width: 1399px) {
	ul.menu.main-menu.desktop-main-menu {
		font-size: 1.2em !important;
	}
}




/**

	20th January, Fixed "uneven" job titles

**/


/** SPEAKERS CAROUSEL **/
.section.no-padding {
	padding: 0 !important;
}
.section.no-padding .owl-carousel {
	padding: 0 !important;
}
.owl-carousel .speaker {
	width: 100%;
	height: 0;
	/* padding-bottom: 120%; */
	padding-bottom: 150% !important;
	position: relative;
	overflow: hidden !important;
}
.owl-carousel .speaker .headshot,
.owl-carousel .speaker .details {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: absolute;
}
.owl-carousel .speaker .details {
	padding-bottom: 50% !important;
}
.owl-carousel .speaker .details {
	bottom: 0;
}
.owl-carousel .speaker .headshot img {
	width: 100%;
	min-width: 100%;
	height: auto !important;
	display: block;
	/* margin-top: -10%; */
	filter: grayscale(1);
	opacity: .7; /* TO ALLOW COLOUR THRU */
	border-left: 1px solid rgba(255,255,255,.1);
}
.owl-carousel .speaker {
	background: var(--accent-green);
	color: var(--white);
}
.owl-carousel .speaker .details p {
	position: relative;
	z-index: 9;
	padding: 1em !important;
	margin: 0 !important;
	min-height: 1px;
	height: 100% !important;
	
	border-left: 1px solid rgba(255,255,255,.15);
	background: var(--accent-green);
	
	-webkit-box-shadow: 5px 0 0 0 var(--accent-green), -5px 0 0 0 var(--accent-green);
	box-shadow: 5px 0 0 0 var(--accent-green), -5px 0 0 0 var(--accent-green);
	
	
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block !important;
}


@media(max-width: 550px){
	.owl-carousel .speaker {
		padding-bottom: 160% !important
	}
	.owl-carousel .speaker .details {
		padding-bottom: 60% !important;
	}	
}

.owl-carousel .speaker .details p span {
	margin-bottom: .25rem !important;
	line-height: 1.1em !important;
}
.owl-carousel .speaker .details p span.speaker-name {
	text-transform: uppercase;
}
.owl-carousel .speaker .details p span.speaker-title {
	font-style: italic;
	color: var(--white-dk);
}
.owl-carousel .speaker .details p span:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}


/** LARGE / HORIZONTAL SPEAKER ROTATOR **/
@media(min-width: 992px) {
	.owl-carousel#home-speakers-large .speaker {
		width: 100%;
		padding-bottom: 45%;
	}
	.owl-carousel#home-speakers-large .speaker .headshot {
		width: 50%;
		padding-bottom: 45%;
		top: 0%;
		left: 0%;
	}
	.owl-carousel#home-speakers-large .speaker .headshot img {
		margin: 0;
	}
	.owl-carousel#home-speakers-large .speaker .details {
		width: 50%;
		padding-bottom: 45%;
		border-right: 1px solid rgba(255,255,255,.1) !important;
		position: absolute;
		top: 0%;
		left: 50%;
	}
	.owl-carousel#home-speakers-large .speaker .details p {
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
	}
}