/*
Theme Name:		ESM 2026
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.01
*/

	
:root{
	--black: #111;
	--white: #fff;
	--teal: #0095A1;
	--blue: #121A37;
	--gray: #575757;
	--med-gray: #939393;
	--lt-gray: #F5F5F6;
}

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
html { padding: 0; margin: 0; }
body { font-size:18px; color: var(--gray); font-family: 'Roboto', sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; padding: 0; margin: 0; }
input, textarea { border-radius:0; }
input, textarea, select, label {font-family: 'Roboto', sans-serif; outline:0; font-size: 16px;}
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:var(--med-gray); opacity:1; }
:-moz-placeholder { color:var(--med-gray); opacity:1; }
::-moz-placeholder { color:var(--med-gray); opacity:1; }
:-ms-input-placeholder { color:var(--med-gray); opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.2; letter-spacing:0; font-family: 'Poppins', sans-serif; }
h1 {font-size: 48px; color: var(--white); font-weight:700; }
h2 { font-size: 34px; font-weight:600; color: var(--black);}
h3 { font-size: 34px; font-weight:600; color: var(--black);}
h4, h5, h6 { font-size: 16px; font-weight: 700; color: var(--black);}
h1 span, h2 span, h3 span, h1 strong, h2 strong, h1 b, h2 b {color: var(--teal);}
.eyebrow {font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: var(--teal); font-weight: 600; font-family: 'Poppins', sans-serif; }

img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 25px 0; line-height:1.4; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:700; }

.btn-holder {width: 100%; margin: 25px auto 0 auto; display: flex; justify-content: left; flex-wrap: wrap;}
	.btn-holder .btn {margin-right: 10px;}
	.btn { 
		display:inline-block; color: var(--black); background: transparent; padding:10px 24px; min-width:160px; font-weight:600; text-align:center; 
		border: solid 1px var(--black); border-radius: 26px; transition:all 0.3s ease 0s;
		
		/* Text anti-aliasing */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;

		/* Edge smoothing (helps rounded borders) */
		-webkit-backface-visibility: hidden;
		transform: translateZ(0);
		
	}
		.btn:hover { background: var(--blue); color:var(--white); border: solid 1px var(--blue); }
	.btn-alt { color: var(--white); border: solid 1px var(--white); }
		.btn-alt:hover { background: var(--white); color:var(--blue); border: solid 1px var(--white); }
	.btn-link a { 
		display:inline-block; color: var(--black); background: transparent; padding:10px 24px; width: 100%; font-weight:600; text-align:center; 
		border: solid 1px var(--black); border-radius: 26px; transition:all 0.3s ease 0s;
	}
		.btn-link:hover a { background: var(--blue); color:var(--white) !important; border: solid 1px var(--blue); }
	

/*-----------------------------------------------------------------------------------*/
/* Structure 
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width:1480px; padding-left:60px; padding-right:60px; max-width:none; }
.container-flex {
	margin:0 auto; width:1480px; padding-left:60px; padding-right:60px; max-width:none;
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.view-mobile { display:none; }

.left-column {width: calc(50% - 40px); margin-right: 40px;}
.right-column {width: calc(50% - 40px); margin-left: 40px;}


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { 
	padding:18px 0; position:fixed; z-index:1000; left:0; top:0; width:100%; background:#FFF; text-align:center; 
	transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
	#header .container { display:flex; justify-content:space-between; align-items:center; }
	#header a.logo img {width: 119px; height: auto;}
		#header a.logo:hover img {opacity: 0.8;}

#header nav { margin:0 0 0 auto; }
	#header nav ul { display:flex; align-items:center; }
		#header nav li { margin:0 25px 0 0; }
		#header nav li:last-child { margin-right:0; }
		#header nav li a { color: var(--black); font-weight: 600; letter-spacing: -0.5px; font-family: 'Poppins', sans-serif; }
		#header nav li a:hover,
		#header nav li.current_page_item a { color: var(--teal); }
		#header nav li.btn-link a { color: var(--black); }
			#header nav li.btn-link:hover a { color: var(--white); }

		/* menu button */
		#header #menu-open {color: var(--black); width: 32px; height: auto; transition:all 0.3s ease 0s;}
			#header #menu-open:hover {opacity: 0.66;}
	
/* menu */
#menu { display: none; position: fixed; top: 0; left: 0; z-index:1000; width:100%; height:100vh; background: var(--white); }
	/* close button */
	#menu #menu-top {
		display: flex; justify-content: space-between; align-items: center; padding-top: 15px; z-index: 1001; position: relative;}	
		#menu #menu-close {transition:all 0.3s ease 0s;}
			#menu #menu-close:hover {color: var(--black);}
			#menu #menu-close svg {transition:all 0.3s ease 0s; width: 32px; height: auto;}
				#menu #menu-close:hover {opacity: 0.8;}
	/* nav */
	#menu #menu-middle {height: 100vh; position: absolute; top: 0; z-index: 1000; left: 50%; transform: translateX(-50%);}	
		#menu #menu-middle ul {position: absolute; top: 120px; left: 50%; transform: translateX(-50%); width: 100%;}	
			#menu #menu-middle ul li {text-align: left; width: 100%; padding: 5px 30px;}
				
				#menu #menu-middle ul li a {font-size: 24px; color: var(--black); font-weight: 600; letter-spacing: -0.5px; font-family: 'Poppins', sans-serif; }
				#menu #menu-middle ul li a:hover,
				#menu #menu-middle ul li.current_page_item a { color: var(--teal); }
				#menu #menu-middle ul li.btn-link a {color: var(--black); font-size: 18px;}
					#menu #menu-middle ul li.btn-link:hover a { color: var(--white); }

body.menu-open {overflow: hidden; height: 100vh; position: fixed; width: 100%;}


/*-----------------------------------------------------------------------------------*/
/*  Footer styling
/*-----------------------------------------------------------------------------------*/

#footer-widgets-section { background:url(images/gradient.png) center top / auto 33px repeat-x; padding:60px 0 100px 0; }
	#footer-widgets-section .container { display:flex; justify-content: space-between;}
	
	#footer-widgets-section .logo img { max-width: 95px; }

	#footer-widgets-section .footer-widget { width:24%; }
		#footer-widgets-section .footer-widget:first-of-type { width:15%; }
		#footer-widgets-section .footer-widget:last-of-type { width:30%; }
	#footer-widgets-section h4 { text-transform: uppercase; }
	#footer-widgets-section nav ul { display:flex; flex-wrap:wrap; max-width: 400px;}
		#footer-widgets-section nav ul li { width:50%;  margin:0 0 10px 0; }
			#footer-widgets-section nav ul li a { color:var(--black); font-weight: 600; }
			#footer-widgets-section nav ul li a:hover { color:var(--teal); }
	
	#footer-widgets-section .footer-widget:first-of-type {width: 180px;}
	#footer-widgets-section .footer-widget2 {width: calc(100% - 360px);}
	#footer-widgets-section .footer-widget3 {width: 180px;}
	#footer-widgets-section .footer-widget4 {display: none !important;}

	#footer-widgets-section form .mc-field-group {border: 1px solid #C4C4C4; border-radius: 22px; display: flex; justify-content: space-between; width: 100%;}
		#footer-widgets-section form input[type=email] { 
			background: transparent;
			border: none; width: calc(100% - 110px); height:44px; line-height:44px; padding:0 15px; margin:0; 
		}
			#footer-widgets-section form input[type=email]::placeholder { color: #ccc; }
		#footer-widgets-section form input[type=submit] { 
			transition:all 0.3s ease 0s;
			margin-right: -1px;
			color:var(--white); background: var(--teal); height:44px; width:100px; font-weight:700; text-align:center; cursor:pointer; border:none; border-radius: 22px;
		} 
			#footer-widgets-section form input[type=submit]:hover { background:var(--blue); color:var(--white); }

#footer {padding:20px 0;}
	#footer .container { display:flex; justify-content:space-between; align-items:center; }
	#footer p { margin-bottom:0; font-size:14px; }
	#footer p:last-child { margin:0 0 0 auto; }
	#footer p a { color: var(--black); font-weight: bold; }
		#footer p a:hover { color: var(--teal); }
	

/*-----------------------------------------------------------------------------------*/
/* Shared
/*-----------------------------------------------------------------------------------*/

.social-links { display:flex; }
	.social-links li { margin:0 10px 0 0; }
	.social-links li:last-child { margin:0; }
	.social-links li a {  }
	.social-links li a:hover {opacity: 0.8; }

#top-hero { background: url(images/hero-bg.jpg) center center / cover; position:relative; }
	#top-hero .container { display:flex; align-items:center; flex-wrap: wrap; height: 376px;  }
		#top-hero .inner-content {padding: 75px 0 0 0;}
			#top-hero img {margin: 0 0 15px 0;}
			#top-hero h1 {margin: 0; padding: 0;}
	
#main, #intro {padding: 60px 0;}
	#main ul li, 
	#intro ul li {background: url(images/icon-check-circle.svg) left center / 20px 20px no-repeat; padding: 12px 0 12px 40px; color: var(--black); font-weight: 700;}

p.note {font-size: 14px; font-weight: 400 !important;}

.screenshot-holder {background: var(--white); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 16px; padding: 10px;}
	.screenshot-holder-inner {border-radius: 16px; width: 100%; height: 426px; overflow: hidden;}
		.screenshot-holder-inner img {width: 100%; height: 100%; object-fit: cover; display: block;}

#download {padding: 20px 0 60px 0;}
	#download .left-column {width: calc(43% - 70px); margin: 0 70px 0 0;}
	#download .right-column {width: calc(57%); margin-left: 0;}

.right-column form .field { margin:0 0 10px 0; }
	.right-column form input[type=text],
		.right-column form input[type=url],
		.right-column form input[type=email] { width:100%; border:1px solid #C4C4C4; height:44px; line-height:44px; background:#FFF; padding:0 20px; border-radius: 22px; }

		.right-column form textarea { width:100%; border:1px solid #C4C4C4; border-radius: 22px; height:120px; background:#FFF; padding:20px 20px; }
		.right-column form input[type=submit] { 
			transition:all 0.3s ease 0s; display:inline-block; color:#fff; background: var(--teal);
			height:44px; width:166px; text-align:center; cursor:pointer; border:none; border-radius: 22px; 
			font-size: 16px; font-weight: 600;
		} 
			.right-column form input[type=submit]:hover { background: var(--blue); color:#FFF; }
		.right-column form .submit-field { margin:20px 0; }

#cta {background: url(images/cta-bg.jpg) center center / cover no-repeat;}
	#cta .container-flex {min-height: 632px; padding-top: 60px; padding-bottom: 60px;}
		#cta .inner-content {display: flex; justify-content: center; flex-wrap: wrap; max-width: 850px; margin: auto; padding-top: 50px;}
			#cta h2 {color: var(--white); font-size: 48px; text-align: center; font-weight: 700;}
			#cta p {color: var(--white); max-width: 640px; text-align: center;}
			#cta p:nth-of-type(2) {margin: 30px auto 0 auto;}
			#cta .btn-holder {justify-content: center;}
	

/*-----------------------------------------------------------------------------------*/
/*  Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero { padding: 154px 0 60px 0; background: url(images/contact-bg.jpg) center center / cover; position:relative; }
	#home-hero .container-flex {}
		#home-hero .left-column {padding: 0; width: 42%; margin: 0;}
			#home-hero .left-column h1 {margin-top: 20px;}
			#home-hero .left-column p {color: var(--white); font-size: 22px;}
		#home-hero .right-column {width: 58%; margin: 0;}

.home #intro .container-flex {align-items: flex-start;}
	.home #intro .right-column p {line-height: 1.5;}

#featured-boxes {padding: 100px 0; background: var(--lt-gray) url(images/gradient.png) center top / auto 33px repeat-x;}
	#featured-boxes .container {display: flex; justify-content: center; flex-wrap: wrap; background: var(--lt-gray) url(images/gradient.png) center top / auto 33px repeat-x;}
		#featured-boxes ul {width: calc(100% + 40px); margin: 0 -20px; display: flex; flex-wrap: wrap;}
			#featured-boxes ul li {margin: 0 20px; width: calc(33.333% - 40px); background: var(--white); border-radius: 16px; padding: 0 0 70px 0; position: relative;}
				#featured-boxes ul li .thumbnail-holder {border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 60px; overflow: hidden;}
					#featured-boxes ul li .thumbnail-holder img {width: 100%; height: 100%; object-fit: cover; display: block;}
				#featured-boxes ul li h3 {margin: 20px 20px 10px 20px; font-size: 28px;}
				#featured-boxes ul li p {margin: 0 20px;}
				#featured-boxes ul li a.read-more {position: absolute; bottom: 20px; left: 20px; margin: 0; display: inline-block; color: var(--teal); font-weight: 600;}
					#featured-boxes ul li a.read-more:hover {text-decoration: underline;}

.home #download .container-flex {align-items: flex-start;}
	.home #download .left-column {padding-top: 100px;}


/*-----------------------------------------------------------------------------------*/
/* Products Page
/*-----------------------------------------------------------------------------------*/

.page-template-products #intro .left-column {width: calc(50% - 100px); margin-right: 100px;}
.page-template-products #intro .right-column {width: calc(50%); margin-left: 0;}

#platform-benefits {padding: 60px 0; background: var(--lt-gray) url(images/gradient.png) center top / auto 33px repeat-x;}
	#platform-benefits h2 {margin-bottom: 25px;}
	
	#platform-benefits .left-column {width: calc(50%); margin-right: 0;}
	#platform-benefits .right-column {width: calc(50% - 100px); margin-left: 100px;}
		#platform-benefits ul li {background: url(images/icon-check-circle.svg) left center / 20px 20px no-repeat; padding: 12px 40px; color: var(--black);}

.page-template-products #download {padding: 60px 0; margin-bottom: -150px;}
	.page-template-products #download .left-column {margin-top: -85px;}


/*-----------------------------------------------------------------------------------*/
/* Services Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-services #intro .left-column {width: calc(50% - 100px); margin-right: 100px;}
.page-template-services #intro .right-column {width: calc(50%); margin-left: 0;}

#implementation-journey {padding: 60px 0 30px 0; background: var(--lt-gray) url(images/gradient.png) center top / auto 33px repeat-x; }
	#implementation-journey .container {display: flex; justify-content: center; flex-wrap: wrap;}
		#implementation-journey h2 {margin: 0 auto 30px auto;}
		#implementation-journey ul {width: calc(100% + 40px); margin: 0 -20px; display: flex; flex-wrap: wrap;}
			#implementation-journey ul li {margin: 20px; width: calc(25% - 40px); background: var(--white); border-radius: 16px; padding: 0 0 40px 0;}
				#implementation-journey ul li .thumbnail-holder {border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 60px; overflow: hidden;}
					#implementation-journey ul li .thumbnail-holder img {width: 100%; height: 100%; object-fit: cover; display: block;}
				#implementation-journey ul li h3 {margin: 20px 20px 10px 20px; font-size: 28px;}
				#implementation-journey ul li p {margin: 0 20px;}

#support {background: var(--lt-gray); padding: 40px 0 60px 0;}
	#support .container {display: flex; justify-content: center; flex-wrap: wrap;}
		#support h2.eyebrow {width: 100%; text-align: center;}
		#support h3 {width: 100%; text-align: center;}
		#support p {width: 100%; text-align: center; margin: auto; max-width: 560px;}
		#support .btn-holder {justify-content: center;}

.page-template-services #download .left-column {width: 50%; margin: 0;}
	.page-template-services #download .left-column h2 {max-width: 600px;}
	.page-template-services #download .left-column p {margin-bottom: 0;}
.page-template-services #download .right-column {width: calc(50% - 70px); margin: 0 0 0 70px;}
	.page-template-services #download .right-column img {margin: auto;}

#outro {padding: 60px 0; margin-bottom: -150px;}
	#outro .left-column {width: calc(43% - 70px); margin: -85px 70px 0 0;}
	#outro .right-column {width: calc(57%); margin-left: 0;}
		#outro .right-column .screenshot-holder-inner {height: 518px;}


/*-----------------------------------------------------------------------------------*/
/* No-code ITSM
/*-----------------------------------------------------------------------------------*/

#book-section {padding-top: 93px; background: url(images/left-bg-nocode.jpg?v=2) left top / 50% auto no-repeat;}
	#book-section .left-column { width:50%; padding: 0 60px 0 0; margin: 0; color: var(--white);}	
		#book-section .left-column img { margin:0 0 20px 0; }
		#book-section .left-column p { margin:0 0 50px 0; }
		#book-section .left-column h3 {font-size: 24px; color: var(--white);}
		#book-section .left-column ul { margin:0 0 50px 0; }
			#book-section .left-column ul li {
				background: url(images/icon-check-circle.svg) left center / 20px 20px no-repeat; padding: 12px 0 12px 40px; color: var(--black); color: var(--white);
			}
	#book-section .right-column { width:50%; padding: 60px; background: var(--white); margin: 0; height: 100%;}
		#book-section .right-column h2 { margin:0 0 10px 0; }


/*-----------------------------------------------------------------------------------*/
/* About
/*-----------------------------------------------------------------------------------*/

.page-template-about #intro .left-column {width: calc(50% - 80px); margin-right: 80px;}
.page-template-about #intro .right-column {width: calc(50%); margin-left: 0;}

#partner {padding: 85px 0; background: #fff url(images/gradient.png) center top / auto 33px repeat-x;}
	#partner .left-column {width: calc(50%); margin-right: 0;}
		#partner .left-column .logo-holder {max-width: 80%; margin: auto;}
	#partner .right-column {width: calc(50% - 80px); margin-left: 80px;}

#about-gallery {padding: 80px 0 60px 0; background: var(--lt-gray) url(images/gradient.png) center top / auto 33px repeat-x; overflow: hidden;}
	#screens-gallery {display: flex; justify-content: center; flex-wrap: nowrap; gap: 50px; width: 100%; margin: 0 auto;}
		#screens-gallery .image-holder {border-radius: 16px; border: 10px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	#about-gallery-content {margin: 85px auto 0 auto; width: 100%; max-width: 700px; text-align: center;}

.page-template-about #cta .inner-content {padding-top: 0;}


/*-----------------------------------------------------------------------------------*/
/* Events
/*-----------------------------------------------------------------------------------*/

#events {background: #F5F5F6; padding: 55px 0;}

ul.grid { display:flex; margin: 15px -15px; flex-flow: row wrap; flex-wrap: wrap; }
	ul.grid li { 
		width: calc(33.33% - 30px); margin: 15px; border-radius: 16px; background: #fff;
	}
		ul.grid li .image-container {border-radius: 16px 16px 0 60px; overflow: hidden;}
			ul.grid li .image-container img {height: 100%; width: 100%; object-fit: cover;}
		ul.grid li .content {padding: 20px 30px 30px 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
			ul.grid li .meta {padding-bottom: 10px; font-size: 16px; }
			ul.grid li h3 { margin: 0 0 15px 0; color: #000; font-size: 21px; }
				ul.grid li h3 a { color: #000; }
			ul.grid li p { margin:0 0 10px 0; }
			ul.grid li a { font-weight: bold; color: #0095A1; }
				ul.grid li a:hover { text-decoration: underline; }
				ul.grid li a img:hover { opacity: 0.8; }

/* Event - Tabbed */
#event-hero {background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}
	#event-hero .container {height: calc(100vh - 80px); min-height: 700px; max-height: 900px; position: relative;}
		#event-hero .content {position: absolute; bottom: 20px; left: 50%; width: calc(100% - 40px); transform: translateX(-50%)}
			#event-hero h1 {text-align: center; font-size: 48px;}
			#event-hero h5 {color: #000; text-align: center; font-size: 18px; font-weight: 300;}
			#event-hero .title-image {margin: 10px auto; display: block; max-width: 740px; width: 100%; height: auto;}
	#event-hero ul {display: flex; margin: 20px auto 0 auto; justify-content: center;}
		#event-hero ul li {list-style: none; padding: 0 30px; margin: 0;}

/* tabs */
#tab-nav-holder {background: #073954; height: 60px;}
	#tabs #tab-nav-holder > ul {margin: auto; display: flex; justify-content: center;}
		#tabs #tab-nav-holder ul li {line-height: 60px; text-transform: uppercase; padding: 0 40px; font-weight: bold; border-right: solid 1px #073954;}
			#tabs #tab-nav-holder ul li a {color: #fff;}
			#tabs #tab-nav-holder ul li.ui-tabs-active, #tabs #tab-nav-holder ul li:hover {background: #F7AD49; color: #000;}

.tab-content {padding: 30px 4% 50px 4%; width: 100%; max-width: 750px; text-align: center; margin: auto;}
    .tab-content h3 {color: #000; padding: 0; margin: 0; font-size: 21px; text-transform: uppercase;}
    .tab-content p.address {padding: 0 0 20px 0; margin: 0;}
    .tab-content p {margin: 20px auto; max-width: 850px; width: 100%; text-align: center;}

	.tab-content .button {margin: 20px auto 0 auto; border-radius: 0;}
		.tab-content .button:hover {}

.f1 {width: 100%; max-width: 1120px; border: dashed 1px #000; margin: auto; padding: 40px; display: flex; flex-wrap: wrap;}
	.f1-logo-holder {width: 100%;}
		.f1-logo-holder img {margin: 0 auto 40px auto; display: block; height: auto;}
	.f1-image-holder {display: flex;}
		.f1-image-holder img {margin: 0 auto 20px auto; display: block; width: 100%; height: auto;}
	.f1-content-holder { text-align: center; }
		.f1 h2 {color: #000;font-size: 32px;}

	.page-id-440 .f1-image-holder {width: calc(50% - 40px); margin-right: 40px;}
		.page-id-440  .f1-image-holder img {margin: 0 auto;}
	.page-id-440 .f1-content-holder {width: calc(50% - 40px); margin-left: 40px; text-align: left;}
	
#event-main > div > h3 {padding: 0 20px; margin: 50px auto; text-align: center; color: #000; font-size: 28px;}
   
#event-main .logos {display: flex; margin: auto; justify-content: center; width: 100%; max-width: 1000px; flex-wrap: wrap;}
	#event-main .logos li {list-style: none; padding: 0 10px; margin: 0; width: 33.3333%;}
		#event-main .logos li img {margin: auto; display: block;}
   	
		#event-main .button-holder {display: flex; align-items: center; justify-content: center;}
			#event-main .button {margin: 20px auto; border-radius: 0; display: inline-block;}
			#event-main .button:hover {background: #fff; color: #000;}

.about {margin: 0; padding: 0;}
	.checker {margin: 0; padding: 0; height: 400px; background: url(images/exec-breakfast/checker-bg.png) no-repeat center top / cover;}
	.event-details {background: #073954; padding: 50px 20px; text-align: center; color: #fff;}
		.event-details h4 {color: #fff; font-size: 18px;}
		.event-details h2 {color: #F7AD49; font-size: 32px;}
		.event-details h3 {color: #F7AD49; font-size: 18px; max-width: 500px; margin: 25px auto 10px auto; }
		.event-details p {margin: 10px auto; max-width: 500px;}
		
	.event-details .button {margin: 20px auto; border-radius: 0;}
		.event-details .button:hover {background: #fff; color: #000;}
	
#hosted-by {text-align: center; padding: 20px;}
	#hosted-by h5 {color: #000; text-align: center; font-size: 18px; font-weight: 300; padding: 0; margin: 20px auto;}
	#hosted-by .title-image {margin: 20px auto; display: block; max-width: 496px; width: 100%; height: auto;}
	#hosted-by p {margin: 20px auto; max-width: 850px; width: 100%;}


/* event-tabbed-webinar */
.page-template-event-tabbed-webinar #event-hero .container {min-height: 400px; max-height: 550px;}
	.page-template-event-tabbed-webinar #event-hero .container {min-height: 400px; max-height: 550px;}

		.page-template-event-tabbed-webinar #tabs #tab-nav-holder ul li {}

		.page-template-event-tabbed-webinar .venue {margin: 20px 0;}
		
		.page-template-event-tabbed-webinar h4 {text-transform: uppercase;}
	

.dotted {width: 100%; max-width: 1120px; border: dashed 1px #000; margin: auto; margin: 0 auto 40px auto; padding: 40px; display: flex; flex-wrap: wrap;}
	.dotted-image-holder {width: calc(50% - 40px); margin-right: 40px; display: flex; align-items: center; justify-content: center;}
		.dotted-image-holder img {margin: 0 auto; display: block; height: auto;}
	.dotted-content-holder {width: calc(50% - 40px); margin-left: 40px;}
		.dotted h2 {color: #000;font-size: 32px;}
		.dotted ul li {background: url(images/check-circle.svg) left 3px no-repeat; margin: 10px 0; padding: 3px 0 3px 40px;}

.page-template-event-tabbed-webinar #hosted-by {padding: 50px 20px;}


/*-----------------------------------------------------------------------------------*/
/* Event
/*-----------------------------------------------------------------------------------*/

.page-template-event .top-hero {z-index: 1; position: relative; padding: 0 0 140px 0;}
	.page-template-event .top-hero .container { text-align: center; height: 300px; }
		.page-template-event .top-hero .content {width: 100%;}
			.page-template-event .top-hero .content p {font-size: 24px;}
			.page-template-event .top-hero .content h1 {font-size: 54px; margin: 0 auto 30px auto;}

.page-template-event #main .container {background: #fff; border-radius: 20px; margin-top: -180px; z-index: 100; position: relative; padding: 50px;}
	
	#event-intro {width: 100%; max-width: 1000px; margin: auto;}
		#event-intro .meta {text-align: center; font-size: 24px; margin: 10px auto; font-weight: bold; text-transform: uppercase;}
	#event-featured-image {width: 100%; max-width: 1000px; margin: auto;}
		#event-featured-image img {border-radius: 20px; margin: 30px auto;}
	
	.mid-image {margin: 0 auto; padding: 40px 0; display: flex; justify-content: center; flex-wrap: wrap;}
		.mid-image .button {margin: 20px auto;}
			.mid-image .button:hover { background:#073954; color:#fff; }		

	.page-template-event #main .page-content {width: 100%; max-width: 1000px; margin: auto;}
		.page-template-event #main .video-container {}
			.page-template-event #main .page-content iframe {border-radius: 20px; margin: 30px auto 50px auto;}
		.page-template-event #main .page-content .button-container { display:flex; margin: 0 auto; justify-content: center; }
	



/*-----------------------------------------------------------------------------------*/
/* Contact
/*-----------------------------------------------------------------------------------*/

#contact-hero { padding: 154px 0 60px 0; background: url(images/contact-bg.jpg) center center / cover; position:relative; }
	#contact-hero .container-flex { align-items: flex-start; }
		#contact-hero .left-column {padding: 0 60px 0 0; width: calc(50% - 80px);}
			#contact-hero .left-column h1 { margin-top: 20px;}
			#contact-hero .left-column h3.eyebrow {}
			#contact-hero .left-column p {color: var(--white);}
			#contact-hero .left-column a {color: var(--white);}
				#contact-hero .left-column a:hover {color: var(--teal);}
		#contact-hero .right-column {border-radius: 16px; background: var(--white); padding: 35px; width: 50%; margin-left: 0;}
			#contact-hero .right-column p {font-weight: 400;}
			#contact-hero .right-column ul {font-weight: 400; margin: -20px 0 30px 20px;}
				#contact-hero .right-column ul li {list-style: disc;}
			
.page-template-contact #download .container-flex {align-items: flex-start;}
	.page-template-contact #download .left-column {padding-top: 100px;}

/*-----------------------------------------------------------------------------------*/
/* eBook
/*-----------------------------------------------------------------------------------*/

#ebook-hero { padding: 154px 0 60px 0; background: url(images/contact-bg.jpg) center center / cover; position:relative; }
	#ebook-hero .container-flex {align-items: center;}
		.page-template-ebook-form #ebook-hero .left-column {padding: 0 60px 0 0; width: 50%; margin-right: 0;}
			#ebook-hero .left-column h1 { margin-top: 20px;}
			#ebook-hero .left-column p {color: var(--white); font-size: 24px;}
			#ebook-hero .left-column a {color: var(--white);}
				#ebook-hero .left-column a:hover {color: var(--teal);}
		.page-template-ebook-form #ebook-hero .right-column {border-radius: 16px; background: var(--white); padding: 35px; width: calc(50% - 60px); margin-left: 60px;}
			#ebook-hero .right-column .icon-holder {display: flex; justify-content: center;}
			#ebook-hero .right-column h2 {text-align: center; margin: 20px auto 5px auto;}
			#ebook-hero .right-column p {font-weight: 400; text-align: center;}
			#ebook-hero .right-column form .submit-field { margin-bottom: 0; }
				#ebook-hero .right-column form .submit-field p { margin: 0; }
				#ebook-hero .right-column form .submit-field input[type="submit"] { margin-left: 73px; }

.page-template-ebook-form #main .container-flex {align-items: flex-start;}

/* download */
.page-template-ebook-download #ebook-hero .left-column {padding: 0 60px 0 0; width: 52%; margin-right: 0;}
.page-template-ebook-download #ebook-hero .right-column {width: calc(48% - 60px); margin-left: 60px; height: 480px; overflow: hidden;}
	.page-template-ebook-download #ebook-hero .right-column img {object-fit: contain; width: 100%; height: 100%; display: block;}

#ebook-banner .banner-inner {background: url(images/contact-bg.jpg) center center / cover; border-radius: 16px; margin: 0 auto 60px auto; padding: 40px;}
	#ebook-banner h2 {color: var(--white); margin: 0; padding: 0;}

.page-template-ebook-download #download {padding: 60px 0;}

#download-box {
	margin: auto; width: 100%; max-width: 440px; padding: 30px; display: flex; justify-content: center; flex-wrap: wrap;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 16px;
}
	#download-box h2 {text-align: center; font-size: 28px; margin: 20px auto 10px auto;}
	#download-box p {text-align: center; font-weight: 700; color: var(--black); width: 100%; margin: 0 0 15px 0;}
	#download-box .btn {background: var(--teal); color: var(--white); border: 1px solid var(--teal);}
		#download-box .btn:hover {background: var(--black); color: var(--white); border: 1px solid var(--black);}
	#download-box .note {margin: 15px auto 0 auto;}