/*
/*

Theme Name: Creation Fest
Author: Ampersand Industries
Version: 1.0

*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,600,800');
@import url('kokomo-breeze.css');

*,
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* render fonts correctly on mac */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
}

body {
	background: #fff;
	color: #000;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	padding:0;

	font-size: 15px;
	line-height: 1.533;
	box-sizing: border-box
}
body.overlay-active { overflow: hidden;}
body.overlay-active .overlay{
	content: " ";
	display: block;
	top: 0; right:0; bottom:0; left:0;
	background-color:rgba(255,255,255,0.8);
	z-index: 10;
	position: fixed;
}

.grecaptcha-badge{display: none !important; visibility: 0 !important; z-index: -5;}
 
/******
Base elements and tags
******/
a {
	color: #ea560d;
	text-decoration: none;
	transition: all 0.3s;
	font-weight: 500;
}

a:hover,
a:focus {

	text-decoration: underline;
	transition: all 0.3s;
}

img {
	border: none;
	display: block;
	width: 100%;
	height: auto;
}
p {
	margin: 0 0 2em 0;
	padding: 0;
}

hr {
	border: none;
	border-top: 1px solid #000;
	display: block;
}
figure {margin:0;}

b, strong {font-weight: 500; }

table {border-collapse: collapse; width: 100%; margin-bottom: 2em; border: none;}
td { border: none; padding: 0.5em 0; font-size: 15px; vertical-align: top;}
thead { text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #ea560d;}
thead td { font-size: 14px; letter-spacing: 0.3px;}
tbody tr { border-bottom: 1px solid #a8a8a8;}


.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.iframe-container-storymap {
  height: 80vh;
	margin-bottom: 1.5%;
}
.iframe-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-bottom: 75%;
}

.iframe-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


/******

  STRUCTURE

******/
section {
	width: 100%;
	padding: 20px 0;
	background-size: cover;
	background-position: 50%;
}
.section-inner {
	width: 80%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	max-width: 1300px;
	background-size: cover;
}

.column { width: 100%; }

section.no_padding {padding:0;}
section.no_top_padding {padding-top:0;}
section.no_base_padding {padding-bottom:0;}

section.top_padding { padding-top: 50px;}
section.base_padding { padding-bottom: 50px;}

section.full-bleed { padding:0;}
section.full-bleed .section-inner,
section.google_map .section-inner { max-width: none; width: 98%;}

section.breadcrumbs .section-inner { padding: 4px 20px; font-size: 13px; width: 100%; font-weight: 700;}

section.dark_grey { background-color:#292929; color:#fff; }

#arve .arve-wrapper, #tinymce .arve-wrapper { margin-bottom: 0 !important; max-width: none !important;}

/******

  HEADER

******/

section.header {
	position: fixed;

/*	overflow: hidden;
	height: 19%;
*/
	z-index: 9;
	padding:0;
}
section.header .section-inner {
	background-color:#ea560d;  font-size:0;
	transform: rotate(-4deg);
	position: absolute;
	width: 104%;
	left: -2%;
	max-width: none;
	padding: 10px 20px;
}

.brand, .navigation { }
.brand {
	padding: 0 20px;

}
a#logo {
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	background: transparent url(images/creation-fest-logo.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 200px;
	height: 45px;
	margin: 0 auto;
	transform: rotate(4deg);
}
a#logo .strapline {  display: none;}


/******

 NAVIGATION

******/


.header_holder {height:0; overflow: hidden;}
body.scrolled .header_holder { height: 90px;}
body.scrolled section.header {position: fixed; top:0; opacity: 0; z-index:10; }
body.scrolled.admin-bar section.header {top: 32px;}

body.nav_fixed section.header {opacity: 1;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}

a.toggle-navigation{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: 40px;
	background: transparent url(images/menu-icon.svg) no-repeat 0 50%;
	background-size: 30px;
	position: absolute;
	top: 16px;
	left: 6%;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	color:#fff;
	overflow: hidden;
}

.focus-link a {
	display: none;
	padding: 10px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: 175px;
	color: #fff;
	background-color:#fb951b;
	position: absolute;
	left: calc(6% + 50px);
	line-height: 1;
	text-align: center;
}
.focus-link a:hover { text-decoration: none; background-color:#c97716;}

.header .social-links {
	display: none;
	position: absolute;
	right: 6%;
	bottom: 10px;
}

.social-links ul { margin:0; text-align: center;}
.header .social-links ul { text-align: right;}
.social-links li { display: inline-block; list-style: none; margin-left: 10px;}
.social-links a { display: block; width: 25px; height: 25px; text-align: left; text-indent:-9999px; overflow: hidden; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;}
.social-links a.facebook { background-image: url(images/social-facebook-icon.svg);}
.social-links a.instagram { background-image: url(images/social-instagram-icon.svg);}
.social-links a.twitter { background-image: url(images/social-twitter-icon.svg);}
.social-links a.youtube { background-image: url(images/social-youtube-icon.svg);}
.social-links a:hover { opacity: 0.8; }

.social-follow .social-links li { margin-left:0;}
.social-follow .social-links a { width: 65px; height: 30px;}

section.navigation {
	/*display: none;  opacity:0; */
	/* position: absolute;
	top: -200%; left:-4%; */

	position: fixed;
	top: 40px;
	left:-4%;
	opacity: 0;
	right:0;
	width: 108%;
	z-index: -10;
	padding:0; transition: all 0.3s;
}

body.menu-active { overflow: hidden;}
body.menu-active .overlay { position: fixed; top:0;right:0;bottom:0;left:0; visibility: visible; opacity: 1;background-color:#ea560d; z-index: 5;}
body.menu-active section.navigation {
	opacity: 1;
	z-index: 8;
	transition: all 0.3s;
}

body.menu-active a.toggle-navigation { background-image: url(images/close-icon.svg); background-size: 24px; background-position: 4px 50%;}
section.navigation .navigation-inner { background: #ea560d; overflow: hidden; position: relative;
	height: 85vh;
	/*transition: transform 1.3s;
	transform: scaleY(0);*/
}

body.menu-active section.navigation .navigation-inner {
/*transition: transform 1.3s; transform: scaleY(1);*/
}

.navigation ul { margin:0; padding: 5% 0; text-align: center;
	background: #ea560d; position: absolute; top:0; right:0; left:0; bottom:0; z-index: 20;
	transition: all 0.3s; overflow-y: auto; overflow-x: hidden;
}
.navigation li { display: block; list-style: none; width: 100%; }
.navigation a { font-size: 24px; padding: 0.3em 0; text-transform: uppercase; font-weight: 300; position: relative; display: block; text-decoration: none; text-align: center; color:#fff;}
.navigation a:hover { color:#fea21e;}
.navigation a::after{ content: ""; width: 100%; max-width: 200px; border-bottom: 1px solid #fea21e; position: absolute; bottom:0; left:0; right:0; margin: 0 auto;}

.navigation ul ul a { font-size: 19px; text-transform: none; font-weight: 500;}
.navigation ul ul a::after { display: none; }

.navigation ul ul { left: 100%; z-index: 15; width: 100% !important;}
.navigation ul ul ul { z-index: 20;}

.navigation li.active > ul { left: 0; width: 100% !important;}

.navigation li.sub-close a {
	text-transform: uppercase;
	color:#fea21e;
	font-weight: 900;
	font-size: 12px;
}
.navigation li.sub-close a::before{ content: '< ';}
.navigation li.sub-header a { font-weight: 300; text-transform: uppercase; font-size: 24px; position: relative; margin-bottom: 10px;}
.navigation li.sub-header a::after{ content: ""; display: block !important; width: 100%; max-width: 200px; border-bottom: 1px solid #fea21e; position: absolute; bottom:0; left:0; right:0; margin: 0 auto;}
.navigation li.featured-link a {
	color:#292929; background-color:#fff;
	text-transform: uppercase;
	font-size: 13px; padding: 8px 12px;
	font-weight: 700;
	max-width: 200px;
	margin: 10px auto 0 auto;
}
.navigation li.featured-link a:hover { background-color:#fea21e; color:#fff;}

@media all and (max-height: 700px) and (min-width: 600px){
	.navigation ul ul {
		max-width: 600px;
		margin:0 auto;
	}

	.navigation ul ul li { display: inline-block; width: 48%; vertical-align: middle; padding: 0.3em 5px; }

	.navigation ul ul li.sub-close,
	.navigation ul ul li.sub-header,
	.navigation ul ul li.featured-link{ width: 100%; display: block; }

	.navigation ul ul li.featured-link{ margin-top: 10px;}
	.navigation ul ul li.sub-header {margin-bottom: 10px;}


}

/***

	FONT FORMATTING

****/
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 1;
	margin: 0.5em 0 0 0;
	text-align: left;
}

h1{
	line-height: 1;
	width: 100%;
}

h3{ font-size: 19px; text-transform: uppercase; font-weight: 700; margin-bottom: 0.6em;}
h2, h3.section-title{ color:#ea560d; font-family: 'KokomoBreeze'; font-size: 60px; font-weight: 300; text-transform: none; line-height: 0.7; margin-bottom: 0.4em;}
h2.section-title.large, h3.section-title.large { font-size: 150px;}
h4{ font-size: 15px; text-transform: uppercase; font-weight: 700; color:#ea560d;}
h5{ font-size: 15px; text-transform: uppercase; font-weight: 700;}
h6{ font-size: 45px; font-weight: 300; font-family: 'KokomoBreeze';}

h2.section-title,
h3.section-title,
.downloads h2{ text-align: center; margin-top:0; padding-left: 4%; padding-right: 4%;}
h2.section-title { margin-bottom: 0.5em;}

.post-intro p  {
	font-weight: 300;
	font-size: 28px;
	line-height: 1.3;
}

.news-intro p, p.intro{
	font-weight: 500;
	font-size: 19px;
	margin-bottom: 1em;
}

.news-intro p:last-of-type{ margin-bottom:0;}
.news-intro{ padding-bottom:0;}


.container p:last-child {margin-bottom:0;}

a.button-link, 
/*.image_and_text a, */
a.poster span.button,
a.banner span.button {
	text-transform: uppercase;
	display: inline-block;
	background-color:#ea560d;
	color:#fff;
	border: none;
	padding: 10px 20px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	transition: all 0.3s;
}


a.button-link:hover,
.image_and_text a:hover,
a.poster:hover span.button,
a.banner:hover span.button { background-color:#bb450a; transition: all 0.3s;}

a.button-link.watch { font-size: 15px; line-height: 30px;}
a.button-link.watch::before {
	content: "";
	display: inline-block; vertical-align: middle; width: 40px; height: 30px;
	background: transparent url(images/play-icon.svg) no-repeat 0 0; background-size: 30px;
}

blockquote{
	margin: 4em 0 4em 0;
}

blockquote p {  font-size: 65px; line-height: 0.8; font-weight: 300; font-family: 'KokomoBreeze'; color:#ea560d; margin:0; margin-bottom: 30px;}
blockquote b, blockquote strong { font-weight: 700; margin-bottom: 10px; display: block;}
blockquote p.cite, cite {  color:#292929; font-size: 14px; margin-bottom:0; margin-top: 1em; font-family: 'Raleway'; text-transform: uppercase; font-style: normal;}
cite { font-weight: 700;}
.container blockquote:last-child { margin-bottom:0;}

.cf7md-form p {color:#7f7f7f; font-size: 14px;}
p.form-rubric { font-size: 12px;}
p.form-rubric.light { color:#7f7f7f;}


/****

	MENU navigation

****/


/***

  LAYOUTS

****/

section.grey, section.light_grey, section.quote {	background-color:#f1f1f1; }

.splash_section h2 {
	text-align: center;
	color:#fff;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.splash_section h2 strong {
	font-family: KokomoBreeze;
	font-size: 100px;
	font-weight: 300;
	text-transform: none;
	display: block;
	text-align: center;
	line-height: 0.5;
	margin-top: 30px;
}

.page_intro {
	text-align: center;
	font-size: 23px;
	line-height: 1.4;
	background-color:#f1f1f1;
	padding: 50px 0;
}

.page_intro h2 {
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	text-align: center;
	color:#ea560d;
	font-family: 'Raleway';
	line-height: 1.4;
}

.page_intro p {
	margin-bottom: 0;
}

.page_intro + .single { padding-top: 50px;}

.home.page .page_intro { background-color: transparent; background-repeat: no-repeat; background-size: 1420px; padding: 105px 0 60px 0; position: relative; z-index: 3; margin-top: -140px; background-position: 50% 0;}

.home.page .page_intro h2 { font-size: 16px; line-height: 1.2;}
.home.page .page_intro p { font-size: 26px;}
.home.page .page_intro .column { max-width: 500px; margin:0 auto;}
.home.page .page_intro .column:first-child { margin-bottom: 20px; }

.content-section a.featured_link {
	border-bottom: 1px solid;
	font-weight: 700;
	padding-bottom: 0.3em;
	position: relative;

	/* These are technically the same, but use both */
   overflow-wrap: break-word;
   word-wrap: break-word;

   -ms-word-break: break-all;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   word-break: break-all;
   /* Instead use this non-standard one: */
   word-break: break-word;

   /* Adds a hyphen where the word breaks, if supported (No Blink) */
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;

}

.content-section a.featured_link::after{
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 18px;
	background: transparent url(images/arrow-featured-external.svg) no-repeat 50% 50%;
	background-size: contain;
	bottom: 7px;
	right: -20px;
}

section.page-header {
	padding:0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
section.page-header .section-inner { width: 100%; max-width: none;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+47,0.39+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 47%, rgba(0,0,0,0.39) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.39) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.39) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#63000000',GradientType=0 ); /* IE6-9 */
}
section.page-header .section-inner .column { padding: 7% 0 5% 0; height: 60vh; position: relative;}
section.page-header.compact .section-inner .column { padding: 0; height: 26vh; position: relative;}
section.splash_section { padding: 0; }
section.splash_section .section-inner { height: 90vh; position: relative; max-width:100%; width: 100%;}
section.splash_section .video-overlay { z-index: 1; background: rgba(0,0,0,0.1); position: absolute; top:0;right:0;bottom:0;left:0;}
section.splash_section .section-inner .container { padding: 7% 0;  position: relative; top: 50%; transform: translateY(-50%); text-align: center; width: 80%; margin: 0 auto; z-index: 2; max-width: 750px;}
.splash_section h2 { text-transform: uppercase; font-family: }

body.single-resource section.page-header .section-inner {padding-bottom: 80%;}

section.page-header,
section.page-header h1,
section.page-header p,
section.page-header a { color:#fff;}

.page-header .title-holder{
	display: inline-block; width: auto;
	margin-left: 7.5%;
	width: 85%; padding-top: 40px;
}


.page-header h1 { font-size: 72px;
	margin:0; padding:0;
	font-family: 'KokomoBreeze';
	font-weight: 300;
	position: absolute;
	bottom: 0; right:0; left:0; text-align: center;
}

section.call_to_action{ margin-bottom: 40px;}
.call_to_action .section-inner {  text-align: center; position: relative;}
.call_to_action .section-inner::before {
	content: "";
	display: block;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	max-width: 325px; border-top: 1px solid #ea560d;
	left: 0;
	right:0;
	height: 1px;
	top: -15px;
}

.call_to_action h3 { text-align: center; text-transform: uppercase; font-size: 19px; padding: 1em 0 1em 0 ;}
.call_to_action a.button-link { max-width: 245px; }
.downloads h2 { color:#ea560d; margin:0 0 0.4em 0; text-align: left;}
.downloads .section-inner { max-width: 465px !important; background-color:#292929; padding: 30px;}
.downloads a { display: block; text-decoration: none;
	border:none; border-top: 1px solid #3f3f3f;
	padding: 20px 50px 20px 0;
	color:#fff;
	background: transparent url(images/download-icon.svg) no-repeat 98% 50%;
	background-size: 22px;
}

.downloads a span { display: block;}
.downloads a span.title { font-weight: 700;}
.downloads a span.meta { font-size: 13px; font-weight: 300; text-transform: uppercase;}
.downloads ul { margin:0; padding:0;}
.downloads li { list-style: none;}

.quote { text-align: center;}
.quote img { border-radius: 400px; max-width: 155px; margin:0 auto;}
.quote blockquote { margin: 2em 0 !important; }
.quote span.quote_sep { display: none;}

.image_and_text + .image_and_text { padding-top: 0; margin-top: -10px;}
.image_and_text .section-inner, .lightbox_video .section-inner {background-color:#292929; font-size: 0; width:100%; max-width: none;}
.image_and_text .image, .lightbox_video .image { vertical-align: top; background-size: cover;background-position: 50% 50%; display: block;}
.image_and_text .image img, .lightbox_video .image img {width: 100%; }
.image_and_text .text, .lightbox_video .text { font-size: 15px;  vertical-align: top; padding: 6% 6%; color:#fff;}
.image_and_text h2, .image_and_text h3, .lightbox_video h2, .lightbox_video h3
  {margin: 0 0 25px 0; text-align: left; color:#e9560d;
font-weight: 300; font-family: 'KokomoBreeze'; font-size: 60px; text-transform: none; line-height: 0.7;}

.image_and_text p, .lightbox_video p { margin-bottom: 1em;}
.image_and_text strong, .lightbox_video strong { font-size: 19px;}
.image_and_text a, .lightbox_video a { margin-top: 1em;}

.lightbox_video div.image { position: relative;}
a.video-player {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	over-flow: hidden;
	text-indent:-99999px;
	text-align: left;
	background: transparent url(images/play-icon.svg) no-repeat 50% 50%;
	background-size: 98px;
}

.scrolling_list .section-inner { width: 100%; max-width:100%; padding: 0 15px;}
.scrolling_list li { list-style: none; display: inline-block; padding: 0 10px 0 0; font-size: 16px; font-weight:400;}
.scrolling_list h2 { text-transform: uppercase; font-family: 'Raleway'; font-weight: 700; font-size: 17px; display: inline-block; width: 166px; vertical-align: middle;}
.scrolling_list div.marquee { display: inline-block; position:relative;width: calc(100% - 192px); overflow: hidden; height: 25px; vertical-align: middle;}
@media all and (max-width:600px){
	.scrolling_list div.marquee { display: block; width: 100%;}
}
.scrolling_list a.more { 
	overflow: hidden; background-size: 14px; background-repeat: no-repeat; background-position: 100% 50%; text-indent: -9999px;
	position: absolute;
	top:-20px; right: 15px;bottom:-20px;left:15px;

}
.list_line_up, .list_bands, .list_big_weekend { background-color:#292929; color:#fff;}
.list_line_up h2, .list_bands h2, .list_big_weekend h2 { color:#e9560d;}
.list_speakers { background-color:#e9560d; color:#fff;}
.list_speakers h2 { color:#292929;}
.marquee:after{
	content: " ";
	display: block;
	position: absolute;
	width: 40px;
	top:0;
	right:0;
	bottom:0;
}

.list_line_up .marquee:after, .list_big_weekend .marquee:after, .list_bands .marquee:after{
	background: -moz-linear-gradient(left,  rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00292929', endColorstr='#292929',GradientType=1 ); /* IE6-9 */
}
.list_speakers .marquee:after{
	background: -moz-linear-gradient(left,  rgba(233,86,13,0) 0%, rgba(233,86,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(233,86,13,0) 0%,rgba(233,86,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(233,86,13,0) 0%,rgba(233,86,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9560d', endColorstr='#e9560d',GradientType=1 ); /* IE6-9 */
}



@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.scrolling_list.list_bands a.more,
.scrolling_list.list_line_up a.more,
.scrolling_list.list_big_weekend a.more
 { background-image: url(images/arrow-link-bands.svg);}
.scrolling_list.list_speakers a.more { background-image: url(images/arrow-link-speakers.svg);}

section.single .container,
section.share .container,
section.translated_content .container
 { margin: 0 auto;}

section.orange {
	background-color:#e9560d;
}

section.orange h1,
section.orange h2,
section.orange h3,
section.orange h4,
section.orange h5,
section.orange h6,
section.orange p,
section.orange a{ color:#fff;}

section.footer {	background-color:#f1f1f1; padding:0; color:#292929; }
section.footer .section-inner { width: 100%; max-width: none;}
.display_link {
 top:0; right:0; bottom:0; left:0; font-size: 16px; min-height: 450px;
	background-size: cover; background-position: 50% 50%;
}

.display_link.top.left 	{ background-position: 0 0;}
.display_link.top.centre { background-position: 50% 0;}
.display_link.top.right { background-position: 100% 0;}
.display_link.middle.left { background-position: 0 50%;}
.display_link.middle.centre { background-position: 50% 50%;}
.display_link.middle.right { background-position: 100% 50%;}
.display_link.bottom.left { background-position: 0 100%;}
.display_link.bottom.centre { background-position: 50% 100%;}
.display_link.bottom.right { background-position: 100% 100%;}


.footer .column { position: relative;}
.footer a.banner { display: block; background-color:#292929; padding: 20px; position: absolute; left:0; right:0; bottom:0;}
.footer a.banner:hover { text-decoration: none;}
a.banner span { display: block; text-align: center;}
a.banner span.title { font-family: 'KokomoBreeze'; font-size: 60px; font-weight: 300; line-height: 30px; padding: 0 20px 0 15px;}
a.banner span.detail { color:#fff; text-transform: uppercase; margin: 10px 0;}
a.banner span.button { margin: 0 auto; display: block; max-width: 150px;}

.footer-message {
	padding: 40px;
	background-color:#e9560d;
	color:#fff;
	text-align: center;
	font-size: 20px;
}

.footer-message h2 {
	background: transparent url(images/creation-fest-logo.svg) no-repeat 50% 50%;
	background-size: 140px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	margin-top:0;
}
.footer-message p { max-width: 500px; margin: 0 auto;}
.footer-message strong { font-weight: 700;}

.footer-links-rubric { font-size: 0; padding: 25px;}
.footer-links { margin-bottom: 20px;}
.footer-links, .footer-rubric { }

.footer-links a,
.footer-rubric a { text-transform: uppercase; color:#292929;}



.footer-rubric { text-align: left; font-size: 13px; line-height: 1.9;}
.footer-rubric p { margin-bottom:0;}

.footer-links ul { margin:0; padding:0; }
.footer-links li { list-style: none; }
.footer-links a { display: block; padding: 8px 0; font-size: 15px; line-height: 1.2;}

.home-intro {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.home-intro .content {
	padding: 10% 2%;
	width: 100%;
	max-width: 1500px;
	min-height: 80vh;
}

.home-intro p { color:#fff; font-weight: 700; font-size: 26px; line-height: 1.25;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.home-intro a { display: inline-block; color:#fff; background-color:#000; padding: 20px 40px; font-size: 16px;}
.home-intro a::after{
	content: '\2192';
	display: inline-block;
	padding-left: 10px;
}
.home-intro a:hover { color:#f00;}


.panel { position: relative;}
.panel a, .panel .no_link { display: block; width: 98%; margin: 0 auto; margin-bottom: 2%; overflow: hidden; position: relative;}
.panel a:hover, .panel .no_link:hover {text-decoration: none; transition: all 0.3s;}
.panel span.text {
	 background-color: rgba(0,0,0,0.1);
	display: block; position: absolute; top:0; right:0; bottom:0; left:0; text-align: center; background-color: rgba(0,0,0,0.15);
	transition: all 0.3s;
}
.panel .title { color:#fff; text-transform: uppercase; font-weight: 700; font-size: 25px; display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: all 0.3s;
}
.panel a:hover span.text, .panel .no_link:hover span.text { background-color: rgba(0,0,0,0.6); transition: all 0.3s;}
.panel a:hover .title, .panel .no_link:hover .title { transform: translateY(-50%) rotate(-4deg); transition: all 0.3s;}
.information_panels .panel img { width: 98%; margin:0 auto;}

.image_list .panel a {background-color:#292929;}
.image_list .panel .title {
	background-color:#292929;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	padding: 16px 22px;
	line-height: 1;
	top:auto !important;
	transform: translateY(0);
	background-image: url(images/plus-icon.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 94% 50%;
}
.information_panels .section-inner { width: 90%;}
.information_panels .panel, .talks .panel { margin-bottom: 20px;}
.information_panels .panel span { display: block; width: 98%; margin: 0 auto;}
.information_panels .panel .title {
	top:0;
	transform: none;
	color:#292929;
	font-size: 18px;
	margin: 10px auto 0 auto;;
}

.information_panels .panel a.button-link { width: auto; display: inline-block; margin: 0 auto;}
.information_panels .panel p { margin-bottom:0.5em;}
.information_panels .panel p:last-of-type { margin-bottom:0;}

.history .panels { text-align: left;}
.history .section-inner { width: 90%;}
.history .panel { padding-left: 45px; padding-top: 55px;}
.history .panel .content{ max-width: 480px; width: 100%; display: inline-block;}
.history .panel .title {
	color:#e9560d;
	text-transform: none;
	font-weight: 300;
	font-family: KokomoBreeze;
	font-size: 55px;
	line-height: 0.7;
	padding: 14px 0;
	top:0;
	transform: translateY(0);
}

.history .year_label {
	background-color:#e9560d;
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	padding: 4px 13px;
	left:0;
	top:0;
	position: absolute;
}

.history img { max-width: 250px; margin-bottom: 1em;}
.history .panel:last-child  { padding-top:0; }
.history .panel:last-child span.title { color:#000; line-height: 0.7; padding-top:70px;}
.history .panel:last-child span.year_label { background-color:#000; font-size: 22px; padding: 5px 15px; ;}

.history .list::after{
	content: " ";
	display: block;
	background: #e9560d;
	width: 6px;
	top: 0px;
	bottom: 144px;
	left: 0;
	position: absolute;
	z-index: -1;
}

.talk-filters .section-inner,

.talks .section-inner { width: 90%; max-width: 1120px; font-size:0;}

.talks .panel a { background-color:#f1f1f1; position: relative; display: block; padding: 25px 33px 80px 25px;}
.talks .panel a:hover { background-color:#dfdfdf;}

.talks .panel span { display: block; }
.talks .panel span.icons { position: absolute; width: 60px; top: 25px; right: 25px; text-align: right;}
.talks .panel span.icons span { display: none !important; margin-left: 5px; width: 20px; height: 20px; display: block; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; text-align: left; over-flow: hidden; text-indent:-9999px;}
.talks .panel span.icons span.has_audio { background-image: url(images/talk-audio-icon.svg);}
.talks .panel span.icons span.has_video { background-image: url(images/talk-video-icon.svg);}


.talk.listen span.icons span.has_audio,
.talk.watch span.icons span.has_video { display: inline-block !important;}

.talks .panel span.post_date { font-size: 14px; color:#9a9a9a; text-transform: uppercase; }
.talks .panel span.talk-title { font-size: 28px; color:#ea560d; line-height: 1.2; margin: 13px 0;}
.talks .panel span.author { font-size: 16px; color:#292929; font-weight:600; margin-bottom: 20px;}
.talks .panel span.button-link { 
	background-color:#292929;
	color:#fff;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	padding: 16px 22px;
	line-height: 1;
	background-image: url(images/plus-icon.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 94% 50%;
	position: absolute;
	bottom:0; right:0; left:0;
	text-transform: uppercase;
}
.talks .panel a:hover span.button-link { background-color:#ea560d; background-image: url(images/plus-icon-white.svg);}
.talks .panel a:hover span.talk-title { text-decoration: underline; }
.talks .panel span.term { display: inline-block; text-transform: uppercase; font-size: 12px; background: #fff; color:#292929; padding: 4px 8px; margin-right: 5px;}

.talks-header { text-align: center;}
.talks-header h2 { text-align: center;}
.talks-header h2 span.over-title {
	display: block;
	font-family: Raleway;
	font-size: 16px;
	color:#292929;
	font-weight:700;
	text-transform: uppercase;
	line-height: 1.2;
}
.talk-filters .section-inner { text-align: center; }
.filters > div {
  width: 100%;
  max-width: 270px;
  margin: 0 auto 20px auto;
  color:#2a2a2a;
  font-size: 16px;
}

@media all and (min-width: 600px){
  .filters > div {
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    margin: 0 1% 20px 1%;
  }
}

ul.talk-filter li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

}

@media all and (min-width: 500px){	ul.talk-filter#speaker_list { width: 98%; column-count: 3; background-color:#fff;} }
@media all and (min-width: 800px){	ul.talk-filter#speaker_list {  column-count: 4; } }


#talk-filters, #event-filters, .filters { display: none;}

a.toggle-filters {
	font-size: 16px;
	font-weight:900;
	text-transform: uppercase;
	color:#fff;
	margin-bottom: 1em;
	display: inline-block;
	padding: 5px 30px;
	background: transparent url(images/plus-icon.svg) no-repeat 100% 50%;
	background-size: 18px;
	text-decoration: none;
}

a.toggle-filters:hover{
	text-decoration: none;
}

.filters a.toggle {
  color:#292929;
  font-size: 16px;
  border: 1px solid #a2a2a2;
  display: block;
  background: #f1f1f1 url(images/dropdown-arrow.svg) no-repeat 95% 50%; background-size: 20px;
  padding: 12px;
  text-align: left;
  cursor: pointer;
}

.filters a.toggle:hover { background-color:#f1f1f1; text-decoration: none;}

.filters .keyword-search input { border: none; display: inline-block; vertical-align: middle;
  color:#2a2a2a;
  font-family: Lexia-Light;
  font-size: 16px;

}
.filters .keyword-search input#s { padding: 10px 15px; width: 85%; }
.filters .keyword-search input.search { background: transparent url(images/talk-search-icon.svg) no-repeat 50% 50%; background-size: contain;
  width: 25px;
  height: 25px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
}

.filters ul.filter-list { display: none;   border: 1px solid #a2a2a2; margin: -1px 0 50px 1px;}
.filters ul.filter-list.open { display: block; position: absolute; z-index: 20;}
.filters ul.filter-list li { padding:0; text-align: left; list-style: none;}
.filters ul.filter-list li:before { display: none;}
.filters ul.filter-list a { cursor: pointer; color: #2a2a2a; display: block; padding: 10px 15px; background:#fff; min-width: 250px;}
.filters ul.filter-list a:hover { background:#f1f1f1; text-decoration: none;}
.filters a.featured-link { font-size: 14px; padding: 6px 12px;}

.filters h2 { color:#626262;}





@media all and (min-width: 500px) {
	.history .panel { padding-left: 110px; padding-top: 55px;}
	.history .panel:last-child span.title { padding-top:0;}
	.history .list::after { bottom: 50px;}
}


section.quote { position: relative;}
section.quote .section-inner { max-width: 930px; }
svg.quote.base_slant path { fill: #f1f1f1 !important; }



svg.top_slant {
	display: block;
	margin-bottom: -2px;
}

svg.base_slant {
	display: block;
	margin-top: -2px;

	position: relative;
    bottom: -1px;	
	
}


svg.top_slant path,
svg.base_slant path { fill: #f1f1f1; }

svg.base_slant.dark_grey path,
svg.top_slant.dark_grey path { fill:#292929;}

svg.base_slant.orange path,
svg.top_slant.orange path { fill:#e9560d;}

svg.base_slant.white path,
svg.top_slant.white path { fill:#fff;}

.animated_title { text-align: center; padding-bottom:0;}
.animated_title .section-inner { display: flex; flex-direction: column;}
.animated_title span { display: block; width: 100%;}
.animated_title span.title_element {
	font-family: KokomoBreeze;
	font-size: 78px;
	color: #e9560d;
	line-height: 0.8;
}
.animated_title .title_animation { max-width: 160px; margin: 0 auto;}
.animated_title span.title_animation { order: -1 }

/***

	CONTACT FORM

****/
#contact_form_section {position: relative;}
#contact_form_section div.wpcf7 { width: 90%;}
#contact_form_section a { font-weight: 600; }
#contact_form_section h3 { font-size: 16px; }
#contact_form_section.two_columns.two_third_one_third .column:last-of-type { padding-top: 40px;}
section.form_holder .container {
	background-color: #F7F7F7;
	padding: 20px;
}

section.form_holder form {}
section.form_holder h2:first-child {margin-top:5px;}

section.form_holder hr {
	border: none;
	border-bottom: 1px solid #d9d9d9;
	margin: 0 -20px !important;
}
.wpcf7-form {}

.wpcf7-form ol{ margin:0; padding:0;}
.wpcf7-form li {list-style:none; margin: 0 0 15px 0; width: 100%; display: inline-block; vertical-align: top;}
.wpcf7-form li.half {list-style:none; margin: 0 0 15px 0; width: 48%; margin-right: 2%; display: inline-block; vertical-align: top;}
.wpcf7-form ol li.half:nth-child(2n){margin-right:0;}
.wpcf7-form label{display:block; font-weight: 400; padding: 0; position: relative; font-size: 16px;}
.wpcf7-form label .label {display: none;}
.wpcf7-form li.full-width {text-align: center;}
.wpcf7-form span.required {position: absolute;right:10px; top: 12px; font-size: 11px; color:#de2330;	 z-index: 10;}
.wpcf7-form span.required::before {content: "*";}
.wpcf7-form input,
.wpcf7-form textarea
{background-color:#f1f1f1; border: #a2a2a2 1px solid; font-family:inherit; font-size:inherit; padding:14px; width:100%;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.wpcf7-form textarea{width:100%;}

.wpcf7-form li.submit {text-align: right;}

#cf7md-form .mdc-button{ border-radius: 0 !important; }

#cf7md-form .mdc-button::before, #cf7md-form .mdc-button::after, #cf7md-form .mdc-button--raised:not(:disabled), #cf7md-form .mdc-button--unelevated:not(:disabled),
.wpcf7-form input.wpcf7-submit{

	text-transform: uppercase;
	display: inline-block;
	background-color: #ea560d !important;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	transition: all 0.3s;

	cursor: pointer;
	transition: all 0.3s;
	width: auto;
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 0;
	border-radius: none !important;
	line-height: 1;
}
.wpcf7-form input.wpcf7-submit:hover{ background-color:#000; transition: all 0.3s;}

.wpcf7-form input[type='checkbox'],
.wpcf7-form input[type='radio']{ display: inline-block; width: auto;}



span.wpcf7-list-item { margin:0 !important; display: block;}

section.logos { padding: 50px 0; }
ul.logos { margin:0; padding:0; text-align: center; font-size:0;}
ul.logos li { list-style: none; display: inline-block; width: 19%; height: 100px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;
overflow: hidden; text-align: left; text-indent: -999999px;}

ul.logos li.nerc { background-image: url(images/logo-nerc.png);}
ul.logos li.esrc { background-image: url(images/logo-esrc.png);}
ul.logos li.epsrc { background-image: url(images/logo-epsrc.png);}
ul.logos li.bbsrc { background-image: url(images/logo-bbsrc.png);}
ul.logos li.ahrc { background-image: url(images/logo-ahrc.png);}

.post-navigation{ text-align: center;}
.post-navigation a, .post-navigation span { display: inline-block; padding: 2px 5px; font-size: 18px; }
.post-navigation span.current { font-weight: 700; border-bottom: 1px solid;}

.information_popups, .profile_popups,  .images, .quote { background-color: #f1f1f1; padding: 43px 0;}

.information_popups.white, .profile_popups.white { background-color: transparent;}

.images h2.section-title,
.information_popups h2.section-title,
.profile_popups h2.section-title
 { margin-top:0; padding: 0 7%; }

.information_popups .list.compact,
.profile_popups .list.compact
{

}

.information_popups .list.compact a,
.profile_popups .list.compact a
{
	display: inline-block;
	padding: 13px 20px;
	color:#292929;
	background-color:#fff;
	text-decoration: none;
	font-weight: 600;
	width: 100%;
	margin: 0 0 10px 0;
	background-image: url(images/plus-icon.svg);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 96% 50%;
}

section.downloads .section-inner,
section.information_popups .section-inner,
section.profile_popups .section-inner,
section.links .section-inner,
section.images .section-inner,
section.single_image .section-inner,
section.wide .section-inner {width: 98%; max-width: none;}

section.logos .section-inner{ width: 98%;}

section.images ul, section.logos ul { margin:0; padding:0; text-align: center;}
section.images li, section.logos li { list-style: none; display: inline-block; vertical-align: top;width: 50%; margin-bottom: 0.8%;}
section.images li img, section.logos li img { width: 97%; margin: 0 auto;}

section.logos li { vertical-align: middle;}
section.logos li img { width: 80%;}
.answers { /*height: 0; overflow: hidden; z-index: 100; position: fixed; */}
.answer { opacity:0; background-color:#292929; color:#fff; max-width: 670px; text-align: left; transition: all 0.8s; position: fixed; z-index:-100;}
.answer a {color:#ea560d;}
.answer a.button-link { color:#fff;}
.answer span.title { color:#ea560d; font-size: 60px; font-family: 'KokomoBreeze'; display: block; line-height: 0.8; margin-bottom:0.5em;}
.answer-content { padding: 25px;}
.answer-content p:first-of-type { font-weight: 500; font-size: 15px; }
.answer { max-height: 0; transition: all 0.8s;}
.answer.active{
	position: fixed;
	z-index: 15;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	right: 5%;
	margin: 0 auto;
	opacity: 1;
	transition: all 0.8s;
	max-height: 90vh;
	overflow-y: auto;
}

/*.answer .answer-inner{	overflow-y: auto; position: absolute; top:0; right:0;bottom:0; left:0; } */

a.answer-close {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right:0;
	top: 0;
	background: transparent url(images/close-icon.svg) no-repeat 50% 50%;
	background-size: 22px;
	overflow: hidden;
	text-indent: -9999px;
}



video#bgvid {
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	width:100%; height: 100%;
	object-fit: cover;
	background-size: cover;
	font-family: 'object-fit: cover;';
}


.news-header { text-align: center;}
.news-header h1, .listing h2 { font-size: 34px; text-align: center; font-weight: 600; margin-bottom: 0.5em;}
.news-header p.author{ font-size: 16px; font-weight: 300; margin-bottom:0;}
.news-header p.post_date, .listing p.post_date{ font-size: 16px; font-weight: 700; text-transform: uppercase; color:#ea560d; margin-bottom: 0;}
.listing h2 { font-size: 22px; text-align: left; font-family: raleway; margin: 0.5em 0 1em 0; line-height: 1.3; color:#292929; font-weight: 600;}
.listing h2 a {color:#292929; font-weight: 600;}
.listing h2 a:hover {text-decoration: none;}
.listing p { margin-bottom: 1em;}
.listing p.post_date { font-size: 14px;}
.listing p.event_time { font-weight: 600; margin-bottom: 0em;}
section.listings .section-inner { max-width: 925px;}
section.events .section-inner { width: 90%; max-width: 1170px;}
.listings .image { margin-bottom: 1em;}

.fancybox-bg { background-color:#fff !important;}

.listing.event { display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.listing.event:nth-child(2n){ margin-right:0;}
.listing.event .text { font-size: 14px; }
.listing.event a.button-link { font-size: 11px;}

.listing.news { margin-bottom: 2%; }

ul.type-filter { margin: 0; padding:0; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 28px; padding-bottom: 28px; }
ul.type-filter li { list-style: none; display: inline-block;}
ul.type-filter a { text-transform: uppercase; font-weight: 700; color:#ccc; padding: 7px 14px; font-size: 14px;}
ul.type-filter .current a, ul.type-filter a:hover { color:#ea560d; text-decoration: none;}

.wp-pagenavi { position: relative;  text-align: center; padding: 20px; margin: 0 auto 50px auto; width: 100%; max-width: 640px; font-size: 14px; color:#b9b9b9; font-weight: 700; text-transform: uppercase;}
.wp-pagenavi span,  .wp-pagenavi a { line-height: 40px; vertical-align: top; display: inline-block; padding: 5px 10px; color:#b9b9b9; font-weight: 700; border: none !important;}
.wp-pagenavi a:hover {text-decoration: none; color:#292929;}
.wp-pagenavi span.current {color:#292929;}


a.nextpostslink,
a[rel="next"],
.post-links .next a{
	width: 40px;
	height:40px;
	display: inline-block;
	overflow:hidden;
	text-indent: -999px;
	text-align:left;
	background: transparent url(images/pager-arrow.svg) no-repeat 50% 50%;
	margin-left: 30px !important;
	vertical-align: top;
	position: absolute;
	right: 20px;
	opacity: 0.5;
}

a.nextpostslink:hover,
a[rel="next"]:hover,
.post-links .next a:hover{
	opacity: 1;
}


a.previouspostslink,
a[rel="prev"],
.post-links .previous a{
	width: 40px;
	height:40px;
	display: inline-block;
	overflow:hidden;
	text-indent: -999px;
	text-align:left;
	background: transparent url(images/pager-arrow.svg) no-repeat 50% 50%;
	margin-right: 30px !important;
	vertical-align: top;
	position: absolute;
	left: 20px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0.5;
}

a.previouspostslink:hover,
a[rel="prev"]:hover,
.post-links .previous a:hover{
	opacity: 1;
}

.acf-map {
	width: 100%;
	height: 70vh;
}

@media all and (min-height: 800px) {
	.acf-map {
		height: 50vh;
	}
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.audio iframe { width: 100%;}

/***

		RESPONSIVE QUERIES

***/


@media all and (min-width: 380px) {

}

@media all and (min-width: 480px) {

	.footer-links-rubric div { display: inline-block; width: 50%; vertical-align: top;}
}

@media all and (min-width: 500px) {

	.page_intro { padding-bottom: 70px;}
	.splash_section h2 strong { font-size: 150px;}
	a.banner span { display: inline-block; text-align: left; vertical-align: middle;}
	a.banner span.detail { margin:0;}
	a.banner span.button { position: absolute; right: 17px; bottom: 16px;}

}

@media all and (min-width: 560px) {

	.home.page .page_intro 		{ padding-top: 135px; }
	.home.page .page_intro h2 { font-size: 18px; }
	.home.page .page_intro p  { font-size: 32px; }


	.panels { text-align: center;}
	section.links .panel,
	section.talks .panel,
	section.information_panels .panel,
	section.information_popups.image_list .panel,
	section.profile_popups.image_list .panel
	 { display: inline-block; vertical-align: top; width: 50%; text-align: left;}
	 .animated_title .section-inner { display: block;}
	 .animated_title span { display: inline-block; vertical-align: middle; width: auto;}
}




@media all and (min-width: 600px) {
	.footer-links { padding-right: 5%;}
	.footer-rubric { padding-left: 5%;}
	.footer-links-rubric{ position: relative;}
	.footer-links-rubric::after{ content: ""; position: absolute; top: 25px; bottom: 25px; left: 50%; width: 1px; background-color:#cecece;}
}

@media all and (min-width: 720px) {  section.navigation, body.menu-active section.navigation { top: 35px;} }
@media all and (min-width: 1250px) {  section.navigation, body.menu-active section.navigation { top: 25px;} }




@media all and (min-width: 760px) {

	.information_popups .list.compact a,
	.profile_popups .list.compact a
	{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

	.splash_section h2 { font-size: 22px;}
	.splash_section h2 strong { font-size: 200px; margin-top: 50px;}
	.history .list { font-size: 0; position: relative; text-align: left;}
	.history .list::after{
		top: 164px;
		bottom: 48px;
		left: calc(50% - 3px);
	}
	.history .panel { position: relative; display: inline-block; font-size: 15px; text-align: right; width: 50%; padding-right: 100px; margin-bottom: 60px; max-width: none; padding-left:0; padding-top:0;}
	.history .panel .content { max-width: 420px; width: 100%; display: inline-block;}
	.history .panel:last-child { margin-bottom:0;}
	.history .panel:last-child span.title { padding-top: 23px; } { margin-bottom:0;}
	.history .panel:nth-child(2n) { text-align: left; padding-left: 100px; padding-right:0; top: 100px;}
	.history .panel img { display: inline-block; margin-bottom:0;}
	.history .panel span.year_label { position: absolute; bottom: auto; top: 50%; transform: translateY(-50%); right: -3px; left: auto;}
	.history .panel:nth-child(2n) span.year_label { position: absolute; top: 50%; transform: translateY(-50%); right: auto; left: -3px;}



	.answer.active{
		left: 10%;
		right: 10%;
		max-height: 90vh;
	}
	.answer-content {padding: 40px; }
	.answer-content p:first-of-type { font-weight: 500; font-size: 19px; }


}

@media all and (min-width: 820px) {

	.navigation a { font-size: 32px; }
	.navigation ul ul a { font-size: 22px; }


}

@media all and (min-width: 850px) {
	.focus-link a, .header .social-links { display: block;}

	a#logo { height: 58px;}
	section.header .section-inner{ padding: 13px 20px;}
	a.toggle-navigation { width: 90px; top: 24px;}
	.focus-link a { left: calc(6% + 105px); top: 19px;}

	.footer .section-inner { font-size:0;}
	.footer .column { width: 50%; display: inline-block; vertical-align: top;}
	.display_link {	position: absolute; }

}

@media all and (min-width: 960px) {


	section.top_padding { padding-top: 80px;}
	section.base_padding { padding-bottom: 80px;}

	body.menu-active section.navigation .navigation-inner { }
	.navigation ul { /*padding: 5% 0;*/}

	.page-header h1 { font-size: 150px;}
	section.page-header.compact .section-inner .column { height: 30vh; }
	section.links, section.information_popups.image_list, section.profile_popups.image_list
	{text-align: center;}

	section.links .panel,
	section.talks .panel,
	section.profile_panels .panel,
	section.information_panels .panel,
	section.information_popups.image_list .panel,
	section.profile_popups.image_list .panel
	{ width: 33.33%;}



	section.images li, section.logos li  { width: 20%;}

	.quote { text-align: left;}
	.quote img { width: 20%; display: inline-block; vertical-align: top;}
	.quote blockquote { width: 80%; display: inline-block; vertical-align: top; padding-left: 5%;}
	.quote .no_image blockquote { width: 100%; }
	blockquote strong { display: inline-block; }
	.quote span.quote_sep { display: inline-block; padding-right: 5px;}


	section.single .column, section.single .container, section.share .container, section.translated_content .container {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}
	section.page_intro .container { max-width: 698px;}
	section.wide .container { max-width: 930px;  margin: 0 auto;}

	.lightbox_video.text_first .section-inner,
	.image_and_text.text_first .section-inner{ display: flex; flex-direction: row-reverse;}
	

	.image_and_text .image,
	.image_and_text .text,
	.lightbox_video .image,
	.lightbox_video .text
	{display: inline-block; width: 50%; }

	.two_columns .section-inner { max-width: 980px;}
	.two_columns.page_intro .section-inner { max-width: 700px;}
	.two_columns.page_intro .column:first-child{ padding-right: 8%;}
	.two_columns .column,
	.three_columns .column {
		display: inline-block;
		vertical-align: top;
		width: 48.215%;
		margin-right: 1.57%;
	}

	.two_columns .column:last-of-type {
		margin-right: 0;
	}
	.two_columns.one_third_two_third .column:first-of-type {
		width: 32.28%;
	}
	.two_columns.one_third_two_third .column:last-of-type {
		width: 66.15%;
	}
	.two_columns.two_third_one_third .column:first-of-type {
		width: 66.15%;
	}
	.two_columns.two_third_one_third .column:last-of-type {
		width: 32.28%;
	}

	.three_columns .column {
		width: 32.28%;
	}
	.three_columns .column:last-of-type {margin-right:0;}

	.two_columns.page_intro h2,
	.two_columns.page_intro p{ text-align: left;}

	#contact_form_section .section-inner::after { content: ""; display: block;
		top: 20px; bottom: 20px; width: 1px; background-color: #cacaca;
		right: 36%;
		position: absolute;
	}
	#contact_form_section.two_columns.two_third_one_third .column:last-of-type { padding-top: 20px;}

	span.wpcf7-list-item { margin: 0.5em 0 !important; display: inline-block; width: 49%; vertical-align: top;}

	.listings { font-size:0;}
	.listing > div { display: inline-block; vertical-align: top; font-size: 14px; width: 50%}
	.listing .image img{ width: 91%;}

	.home.page .page_intro { padding: 170px 0 85px 0;}

}


@media all and (min-width: 1100px) {

	.footer-links-rubric{ padding: 50px 60px;}
	.footer-links-rubric::after { top: 50px; bottom:50px;}


}


@media all and (min-width: 1420px) {

.home.page .page_intro { background-size: 100%;}
}

@media all and (min-width: 1600px) {  section.header { top: 15px; }}
@media all and (min-width: 2100px) { section.header { top: 25px; }}





.acf-fields.-border,
.acf-fields>.acf-field,
.acf-taxonomy-field .categorychecklist-holder { border: none !important; }
.acf-field .acf-label label { font-weight: 600 !important; font-size: 14px !important; color:#292929;}
.acf-field .acf-label { margin:0; }
.acf-fields>.acf-field { padding: 6px 12px !important;}

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], 
.acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], 
.acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], 
.acf-field input[type="week"], .acf-field textarea, .acf-field select
{ background-color:#f1f1f1; border: none; padding: 12px 8px !important; }


.acf-form-submit { text-align:center; padding: 20px 0;}
.acf-form-submit input{ 
	text-transform: uppercase;
	display: inline-block;
	background-color:#ea560d;
	color:#fff;
	border: none;
	padding: 20px 30px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	transition: all 0.3s;
	cursor: pointer;
}

ul.acf-radio-list li, ul.acf-checkbox-list li { font-size: 15px !important; line-height: 26px !important; }
ul.acf-radio-list li label, ul.acf-checkbox-list li label { vertical-align: middle !important;}
ul.acf-radio-list li span, ul.acf-checkbox-list li span { line-height: 1;}

input[type="checkbox"] { width: 20px; height: 20px;}
input[type="checkbox"]:checked { background-color:#ea560d;}

.acf-field.acf-field-message .acf-label label {
	font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 -7px 0;
    color: #ea560d;
    font-family: 'Raleway';
    line-height: 1.4;
}

.acf-field + .acf-field.acf-field-message { margin-top: 12px; }

.acf-form { padding-bottom: 60px;}


section.wide.map { padding:0;}
section.wide.map .section-inner { width: 100%;}
.bwe__map { height: 75vh;}


.gm-style .gm-style-iw-c {
	background-color:#f1f1f1;
	border-radius: 0 !important;
	border: none !important;
	padding:0;
	box-shadow: none;
}
.gm-style .gm-style-iw-d { min-width: 300px;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gm-style .gm-style-iw-t::after { background: #292929 !important; box-shadow: none;}

.info-window__wrapper {
	font-family: Raleway !important;
}

h1.info-window__title, .bwe-event h2{
	color:#EA560D;
	font-family: Raleway !important;
	font-size: 28px;
	font-weight:600;
	padding: 28px 28px 14px 28px;
	margin-top:0;
}
p.address{ padding: 0.25em 28px; color: #9a9a9a; font-size: 14px; line-height: 19px; margin-bottom:1em;}
p.categories{ padding: 0.25em 28px;}
p.categories span { color:#292929; background-color:#fff; padding: 6px 8px; margin-right: 6px; margin-bottom: 6px;  display: inline-block; text-transform: uppercase; font-weight: 300; font-size: 12px;}
span.find-out-more, a.find-out-more{display: block; background:#292929; text-align: left; text-transform: uppercase; color:#fff; font-size: 13px; padding: 1em 16px; margin-top: 1em; text-decoration: none; position: relative; font-weight: 600; height: 42px; }
a.find-out-more::after{ content: ""; display: block; position: absolute; background:transparent url(images/plus-icon.svg) no-repeat 50% 50%; width: 21px; height: 21px; background-size: contain; right: 16px; top: 10px; }

.listing-controls { text-align:center;}

.bwe-event { background-color: #f1f1f1; position:relative; padding-bottom: 45px; }
.bwe-event a.find-out-more { position: absolute; left:0; right: 0; bottom:0; }


.bwe_listing {
	width: 90%;
    max-width: 1170px;
	margin: 0 auto;
	padding: 20px 0;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}

.bwe-event .town { display: block; font-size: 16px; font-weight: 600; color:#292929; padding: 28px 28px 0 28px;}
.bwe-event h2 { padding-top: 8px; line-height: 1;}

.listing-controls p { margin-bottom:0; }
.listing-controls p > a {
	color:#f1f1f1;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding-left: 30px; 
	text-decoration: none;
	line-height: 30px; 
	height: 30px;
	display: inline-block;
	vertical-align: top;
	margin:0;
	padding-top:0;
}
.listing-controls p > a::before { position: relative; top: -2px;}

.listing-controls p > a:hover, .listing-controls p > a.active { color: #EA560D; text-decoration: none; }
.listing-controls p > a::before{ width: 21px; height: 30px; display: inline-block; margin-right: 10px; background-size: 21px; background-repeat: no-repeat; content: ""; vertical-align: middle;}

.listing-controls p > a.map::before { background-image: url(images/icon-map.svg);}
.listing-controls p > a.listing::before { background-image: url(images/icon-list.svg); background-position: 0 4px;}

.listing-controls p > a.map.active::before, .listing-controls p > a.map:hover::before { background-image: url(images/icon-map-orange.svg);}
.listing-controls p > a.listing.active::before, .listing-controls p > a.listing:hover::before { background-image: url(images/icon-list-orange.svg);}

.listing-controls #event-filters{ margin-top: 2em;}

.cluster { color:#fff !important; }

#event-filters {max-width: 600px; margin: 0 auto;}
form.map-filters .form-fields { width: 100%; display: flex; justify-content: space-around; }
.form-fields > div { width: 48%; background: #f1f1f1; position: relative;}
.form-fields input, .form-fields select {
	font-size: 16px;
    padding: 0.5em;
    background: transparent;
    border: none;
	width: 95%;
}
.form-fields a.search-icon { width: 38px; height: 38px; display: block; overflow: hidden; text-align:left; text-indent: -999px; background: transparent url(images/icon-search.svg) no-repeat 50% 50%; background-size: 16px; top:0; right:0; position: absolute;}
.form-controls input  {

	color:#fff; background-color:#EA560D;
	text-transform: uppercase;
	font-size: 13px; padding: 8px 12px;
	font-weight: 700;
	max-width: 200px;
	margin: 10px auto 0 auto;	
	border: none;
	cursor: pointer;
}
.form-controls { padding: 1em 0;}
a.clear-search {
	width: 15px; height: 34px; display: block; overflow: hidden; text-align:left; text-indent:-999px;
	position: absolute; left:0; top:0; background: transparent url(images/icon-close-dark.svg) no-repeat 50% 50%; background-size: 8px;
}

div.no-results, div.no-results h2 { text-align: center; }

   

a.poster { position: relative; max-width:372px; display: block; margin: 0 auto 2em auto;}
a.poster img { aspect-ratio:  10 / 11; }
 
a.poster span.button{
	position: absolute;
    bottom: 10%;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: fit-content;
}

@media all and (min-width: 700px) {
	a.poster { margin-bottom:0;}
	.posters .list { display: flex; flex-direction: row; justify-content: space-between;}
	.posters .list .poster { width: 31%;}
}

body.page-id-11064 section.page-header { display: none; }