/*

Theme Name: Witney District Museum
Author: Ampersand Industries
Version: 3.0

*/


:root{
	
	--primary-light-green: #8DA637;
	--primary-dark-green: #194620;
	--primary-brown: #AF8745;
	
	--secondary-light-green: #CCE197;
	--secondary-grey: #3E5053;
	--secondary-orange: #F99B1C;
	
	--body-text: #3E5053;
	--headings: #194620;
	--action: #8DA637;
	--action-hover: #194620;
	
	--background-light-grey: #f4f4f4;
}





*,
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;
}

body {
	position: relative; /* allow menu to grab whole screen */
	background: #fff;
	color: var(--body-text);
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
	box-sizing: border-box
}


/******
Base elements and tags
******/
a {
	color: var(--action);
	transition: color 0.3s;
	border-bottom: 1px solid;
	text-decoration: none;
}

a:hover{ color:var(--action-hover); text-decoration: none;}

.no-results a:hover { color:#fff;}
img {
	border: none;
	display: block;
	width: 100%;
	height: auto;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}

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

b, strong { font-weight: 600; }

table {border-collapse: collapse; width: 100%; margin-bottom: 50px;}
td {border: 1px solid #ccc; padding: 3%;}



.desktop-only,
.mobile-only {
	display: none !important;
}
@media all and (max-width: 700px) {
	.mobile-only {
		display: block !important;
	}
	.not-mobile {
		display: none;
	}
}
@media all and (min-width: 960px) {
	.desktop-only {
		display: block !important;
	}
	.not-desktop {
		display: none;
	}
}

.lower-space {
	margin-bottom: 30px;
}

/******

  STRUCTURE

******/
section {
	width: 100%;
/*	margin-bottom: 60px; */
	position: relative;
	overflow: hidden;
	padding: 2vh 0;
}

@media all and (max-width: 799px) {
	section {
		/* margin-bottom: 40px; */
	}
}

section.logo_header,
section.no-bottom-margin {
	margin-bottom: 0;
}



.section-inner {
	/*width: 90%; */
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding: 0;
	max-width: 1320px;
	
}

column { display: block;}
.column { width: 100%; }

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

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

section.tight_padding nodes{padding-top:2.5% !important; padding-bottom: 2.5% !important;}
section.tight_padding_top nodes{padding-top:2.5% !important;}
section.tight_padding_base nodes{padding-bottom:2.5% !important;}

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

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

section.logo_header .section-inner { background-color:#fff; padding: 10px;}



/******

  HEADER

******/

header.page-header {  padding: 0; position: fixed; z-index: 5; left:0; right:0; background-color:#fff; height: 92px; }
header .section-inner { width: 90%; text-align: right; max-width: 1400px; background: transparent;
	display: flex; flex-direction:row; justify-content:space-between;
}
.scrolled header.page-header { 
	box-shadow: -1px 2px 12px 0px rgba(163,163,163,0.48);
	-webkit-box-shadow: -1px 2px 12px 0px rgba(163,163,163,0.48);
	-moz-box-shadow: -1px 2px 12px 0px rgba(163,163,163,0.48);
}

a#logo {
	display: block;
	margin: 0;
	position: absolute;
	left:0;
	right:0;
	overflow: hidden;
/*	text-align: left;
	text-indent: -9999px;
	*/
	background: url(images/witney-logo-horiz.svg) no-repeat 0 10px; 
	background-size: contain;
	width: 80%;
	max-width: 320px; 
	height: 90px;
	z-index: 55;
	border: none;
	
	text-align: left;
	text-indent:-99999px;
	overflow: hidden;
	
}
a#logo .strapline {  display: none;}


/******

 NAVIGATION

******/

navigation a {border:none;}
button#shiftnav-toggle-main-button { background: transparent url(images/icon-menu.svg) no-repeat 50% 50% !important; background-size: 39px; margin-top: 29px !important; margin-right:23px !important; }
button#shiftnav-toggle-main-button i { display: none; }


navigation { 
	display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100vw;
    left: 100vw;
    width: 100vw;
    height: 100vh;
    padding: 20% 10%;
    background: var(--primary-dark-green);
    z-index: 20000;
	transition: all 0.3s;
}
navigation.active{ 
	display: block;
    right: 0vw;
    left: 0vw;
	transition: all 0.3s;
}

navigation .menu ul { padding:0; margin:0;}
navigation .menu ul li { list-style: none;}
navigation .menu a  { 

    display: block;
    color: #fff;
    font-weight: 500;
    text-align: left;
    padding: 14px 0;
    font-size: 26px;
 }

a.toggle-nav{
	width:50px;
	height:50px;
	display: block;
	position: absolute;
	text-align:left; 
	text-indent:-9999px;
	overflow:hidden;
	background: transparent url(images/icon-menu-burger.svg) no-repeat 50% 50%; background-size: contain;
	top:24px; right:0px; border:none;
}

navigation a.toggle-nav {
	position: fixed; top:24px; right:10px;
	background-image: url(images/icon-menu-close.svg);
}

/*
.shiftnav.shiftnav-right-edge:after { display: none;}
.shiftnav nav.shiftnav-nav { padding-top: 102px;}
.shiftnav-depth-0 > .shiftnav-target { font-size:22px;}
.shiftnav-depth-1 > a { font-size: 15px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; padding: 10px 50px !important;}
.shiftnav-retract > a { text-transform: uppercase; font-weight: 600; margin-top: 10px; color: #C4C4C4;}
.shiftnav-retract > a i { background: transparent url(images/icon-menu-back.svg) no-repeat 0 2px; background-size: 14px; width:21px; height: 16px; vertical-align: middle;}
.shiftnav-retract > a i::before{ display: none;}
.shiftnav-open #shiftnav-toggle-main { display: none;}
ul.sub-menu-1 { margin-top: 10px;}

.shiftnav .shiftnav-panel-close { background: transparent url(images/icon-menu-close.svg) no-repeat 50% 50% !important; background-size: 27px; margin-top: 32px; margin-right:22px; }
.shiftnav .shiftnav-panel-close i{ display: none; }
span.shiftnav-submenu-activation { display: none !important;}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target { padding: 10px 50px !important;}

navigation .menu-impact a{
	text-transform: uppercase;
	background-color: #C934B4;
	padding: 5px 20px !important;
	font-size: 22px !important;	
	text-decoration: none;
	cursor: pointer;
	border-radius: 50px;
	text-transform: uppercase;
	letter-spacing: 0.65px;
	
}
*/

@media all and (min-width: 960px){
	
/*	a#logo { background-image: url(images/common-ground-logo-on-dark.svg);} */
	a.toggle-nav { display: none; }
	
	navigation { 
	
		display: block;
        top: 14px;
        position: relative;
        bottom: auto;
        width: auto;
        right: 0;
        left: 0;
        height: auto;
        padding: 0;
        background: transparent;
	}
	navigation .menu-holder.main-menu{
	}

	.menu a { text-decoration: none;}

	navigation ul.menu { margin:0; padding: 14px 0 0 0; z-index: 5;}
	navigation ul.menu li { display: inline-block; position: relative; list-style:none; }
	navigation ul.menu li a { display: block; background-color:var(--primary-light-green); color:#fff;  font-size: 16px; padding: 8px 16px; font-weight: 500; letter-spacing: 0.5px;}

	navigation ul.menu > li > a:hover { background-color: var(--action-hover);}
	/*, navigation ul.menu li.current-menu-parent > a,
	navigation ul.menu li.current-menu-item > a 
	*/
	navigation ul.sub-menu { display: none; margin:0; padding:0;}
	navigation ul.sub-menu li { display: block; }
	navigation ul.sub-menu li:last-of-type { border-bottom: none;}
	navigation ul.sub-menu li a { color:#BF328A;  font-size: 15px; text-transform: uppercase; font-weight: 600; line-height: 1.1;}
	navigation li:hover ul.sub-menu { text-align:left; display: block; position: absolute; 
	background-color:#fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;


	width: 265px; top:50px; z-index:100;
	 left: 50%;
	 transform: translateX(-50%);
	 padding: 10px;
	 
	 }
	navigation ul.sub-menu li a:hover { color:#000;} 

	navigation ul.menu li.current-menu-parent .sub-menu > a,
	navigation ul.menu .sub-menu li.current-menu-item  > a ,
	navigation ul.menu li.current-menu-item .sub-menu > a { color:#000; }

	navigation ul.sub-menu::before{ content: ""; display: block; width: 100%; height: 12px; background: transparent url(images/icon-menu-pointer.svg) no-repeat 50% 50%; background-size: 20px; position: absolute; top: -12px; left:0; right:0;}

}


a.button-link.header-link {
	background-color:#BF328A;
	width: 150px;
	text-align: center;
	position: absolute;
	right:0;
	top: 30px;
}
a.button-link.header-link:hover{ background-color: rgba(191, 50, 138, .51);}

.shiftnav-inner a.button-link.header-link {
	position: relative; right:auto; top:0; left:50px; margin-top: 4em;
}



/***

	FONT FORMATTING

****/
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	line-height: 1;
	margin: 1em 0 0.5em 0;
	color:var(--headings);
	text-wrap: balance;
	
}


h1{ 
	font-size:28px;
	text-transform:uppercase;
}

h2{ font-size:32px; } 
h3{ font-size:26px; }
h4{ font-size:20px; }

.answer h4 { text-transform: uppercase; font-size:18px;}

.content h2:first-child { margin-top: 0;}

.section-title { }

.intro p, p.intro, .post-intro p  {
	font-size: 1.3em;
	font-weight: 400;
}

.section-title + .content { margin-top: 3vh; }

nodes p:last-child {margin-bottom:0;}

a.button-link,
span.button-link,
.wpcf7-form input.wpcf7-submit,
.wpcf7 input[type="submit"],
.tree-search input[type="submit"]
 {
	display: inline-block;
	background-color: var(--action);
	color:#fff !important;
	border: none !important;
	/*padding: 12px 19px 12px 24px;*/
	padding: 0.6em 1.2em;
	font-size: 13px !important;
	line-height: 1;
	font-weight: 600 !important;
	margin-top: 1em;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.65px;
}

.content-section .ff-default .ff_btn_style { 	background-color: var(--action) !important; border-radius: 0 !important; font-weight: 600 !important;}
.content-section .ff-default .ff_btn_style:hover { 	background-color: var(--action-hover) !important; }

a.button-link:hover,
span.button-link:hover,
.wpcf7 input[type="submit"]:hover {
	background-color: var(--action-hover);
}

a.button-link.no-bg{
	background: transparent;
	padding-left:0;
	color:#000 !important;
}

a.button-link.large{ font-size: 30px !important; }

ul.compact-list { margin:0; padding:0; text-align: center;}
ul.compact-list li { list-style: none; display: inline-block; margin: 8px 5px;}

.content ul { padding-left: 1em;}
.content li { margin-bottom: 0.5em;}
.content li::marker { color: var(--primary-light-green); }

/***

  LAYOUTS

****/

section.bg_grey { background-color:#efefef;} 

section.single nodes, 
section.double nodes { width: 95%; position: relative; z-index:0; margin: 0 auto;}

section.single .content, section.call_to_action .cta_content, section.faqs.accordion .questions_and_answers
, .tribe-events-single-event-description.tribe-events-content,
.tribe-events-c-subscribe-dropdown__container
 { max-width: 655px; margin-left:auto; margin-right:auto;}


#tribe-events-footer .tribe-events-nav-pagination { max-width: 710px; margin-left:auto; margin-right:auto; }

section.single.page_title .content, section.single .section-title { max-width: 820px; margin-left:auto; margin-right:auto;}
section.profiles nodes{ max-width: 800px; }

section.columns .container { display: grid; grid-gap: 4vh 4vw; }

@media all and (min-width: 700px) {
	section.single nodes, 
	section.double nodes, 
	section.profiles nodes{ width: 80%; margin: 0 auto;}
	
	section.columns .container { grid-template-columns: 1fr 1fr;}
}

@media all and (min-width: 900px) {
	section.columns.three_up .container { grid-template-columns: 1fr 1fr 1fr;}
}

@media all and (min-width: 1200px) {
	section.columns.four_up .container { grid-template-columns: 1fr 1fr 1fr 1fr;}
}


section.single.wider nodes { }

section.single.background_image,
section.double.background_image { padding-top: 15%;}
footer{ background-color:var(--secondary-light-green);}
footer .rubric { text-align:center; color:#fff; background-color:var(--primary-dark-green); padding: 2vh 5vw;}
footer p { padding-bottom:0; margin-bottom:0;  }
footer .rubric p {font-size:13px;}
footer a{ color:#fff;}
footer a:hover{ color:#fff;}

footer .section-inner {
	display: grid;
	grid-gap: 5vh 4vw;
	padding: 5vh 0; 
}
footer column a { color:var(--primary-dark-green); }
footer column a:hover{ color:var(--primary-dark-green); }
footer column h3:first-child { margin-top:0;}

footer .logo p { width:100%; display: block; aspect-ratio: 3 / 2;  background: transparent url(images/witney-logo-stacked.svg) no-repeat 0 0; background-size: contain; overflow:hidden; text-indent: -9999px; max-width: 220px; }

@media all and (min-width: 700px){	footer .section-inner { grid-template-columns: 1fr 1fr;} }
@media all and (min-width: 1000px){	footer .section-inner { grid-template-columns: 1fr 2fr 2fr;} } 
/*footer .footer-strap { }
footer,
footer h2,
footer h3,
footer h4,
footer p,
footer a
 { color:#fff; }

footer p { font-size: 13px; }
*/

/***
	FEATURE BLOCKS
	EVENTS
***/

section.page-header, section.slideshow { background-color:#efefef; padding-top: 0; overflow: visible;}
.page-header { text-align:center;}
.page-header .section-inner { padding-left: 8%;}
.page-header img { top: 0; right:0; width: 80%; z-index:1; margin-left: 20%; min-height: 215px; object-fit: cover;}
.page-header .header-content{ z-index:2; width: 90%; position: relative; margin-top: -68px;/*position: absolute;  bottom: -35px;*/}
.page-header h1 {  margin:0; line-height: 1.44; display: inline-block; }


@media all and (min-width: 600px) {
	.single .page-header .header-content { width: 80%; margin-top: -135px;}
}

@media all and (min-width: 1100px) {
	.single .page-header .header-content { width: 60%; margin-top: -275px;}
}

section.page-header::before, section.slideshow::before {
	content: "";
	display:block;
	position: absolute;
	background-color:#fff;
	left:0; right:0; height: 15%;
}

.feature_block div.text { padding: 30px; background-color:#f1f1f1;}
.feature_block div.text h2{ margin-top:0;}
@media all and (min-width: 700px) {
	div.text {
		position: relative;
	}
	section.page-header { padding-bottom: 0;}
}
.text > .text-inner {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
@media all and (max-width: 700px) {
	.text > .text-inner {
		position: relative;
	}
}

ul.slideshow { margin:0; padding:0;}
ul.slideshow li { list-style: none; margin:0; padding:0;}
ul.slideshow li::before { display: none;}
ul.slideshow img {
	width: 80%;
	margin-left: 20%;
}
ul.slideshow span.overlay {
    position: absolute;
	width: 90%;
	left: 5%;
	bottom: 0;
}

ul.slideshow span.title { position:relative; margin:0; font-size: 22px; color:#fff; line-height: 1.4; display: block; overflow: hidden;}
ul.slideshow span.title > span {
	 display: inline;
    background: #adc62b;
    color: white; 
    padding: 5px 15px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

ul.slideshow span.overlay span.button-link { display: inline-block; align-self: flex-start;  margin-top: 0; font-size: 14px !important;}


@media all and (min-width:600px) {
	ul.slideshow span.overlay { 
	
		display: flex;
		flex-direction: column;
		justify-content: center;
		top: 0;
		bottom: 0;
		width: 60%; 
	}
	ul.slideshow span.title  { font-size: 42px;}
	ul.slideshow span.title > span {
	    padding: 15px 25px;
	}
	ul.slideshow span.overlay span.button-link { font-size: 18px !important; margin-top: 0px;}

}

@media all and (min-width:1100px) {
	ul.slideshow span.title  { font-size: 65px;}
}

section.banner_notice { background-color: #efefef; padding: 2.5% 0;}
section.banner_notice + section.single { padding-top:0; }

.banner_notice span { padding: 10px 15px;}
.banner_notice a span { display: block;}
.banner_notice .title { background-color:#000; display: block; vertical-align: middle; font-weight: 300;  padding: 10px 20px; }
.banner_notice .text { flex-grow: 1; }
.banner_notice a { background-color:#1AA8B7; color:#fff; width: 90%; margin: 0 auto; text-decoration: none; display: block;}
.banner_notice .button { text-decoration: underline; }

@media all and (min-width: 700px) {
	
	.banner_notice .title { display: inline-block;}
	.banner_notice a { display: flex; width: 60%;}	
	
}


@media all and (min-width: 600px) {
	.single-post .post-date { font-size: 16px; padding: 8px 16px;}	
}
/***
	QUOTE
	
***/
 
 
.quote .section-inner {
	/*padding: 120px 290px;*/
}
@media all and (max-width: 799px) {
	.quote .section-inner {
	}
}

.quote p { }
.quote p:last-of-type { }
.quote blockquote { }
.quote blockquote p {}
.quote cite { }
.quote cite span { display: inline-block;}


section.text_and_image .text { padding: 4vh; }
section.text_and_image .text p{ font-size:120%;  } 

@media all and (min-width: 700px) {
	
	section.text_and_image .section-inner { display: flex; flex-direction: row; justify-content: space-between;}

	section.text_and_image img { width: 45% ; object-fit: cover;}
	section.text_and_image a.image{ border: none; width: 45%;}
	section.text_and_image a.image img{ width: 100%; height: 100%; display: block;}
	section.text_and_image .text { width:50%; }

	section.text_and_image.text_first img, section.text_and_image.text_first a.image { order: 2;}
}



.post-navigation{ text-align: center; margin-bottom: 5%; }
.post-navigation a, .post-navigation span { color:#000;  display: inline-block; padding: 2px 10px; font-size: 18px; border: none !important;}
.post-navigation span.current { color:#1aa8b7; }

 
 
 

footer .menu { margin:0; padding:0 20px 0 0; text-align: left;}
footer .menu li { margin:0; padding:0; list-style:none;}
footer .menu li::before {display: none;}
.menu li::before {display: none;}
footer .menu a { font-size: 14px; font-weight: 600; color:#fff; text-transform: uppercase; letter-spacing: 0.75px;}
footer .menu a:hover, .footer-content a:hover { border-bottom:1px solid;}


section.double column:first-of-type { margin-bottom: 1em;}

@media all and (min-width: 970px) {
	section.double nodes, .double nodes { display: flex; flex-direction: row; justify-content: space-between;}
	section.double column, .double column { width: 45%;}
	
	section.double.wide_first column:first-of-type, .double.wide_first column:first-of-type  { width: 60%}
	section.double.wide_first column:last-of-type,  .double.wide_first column:last-of-type {width: 35%}
	
	section.double.wide_second column:first-of-type {width: 30%}
	section.double.wide_second column:last-of-type {width: 60%}
}


 section.call_to_action { padding: 6vh 0;}
 section.call_to_action a{ border: none;}
 section.call_to_action .title{ display: block;
 text-align: center;
    
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    color: #C934B4;
    line-height: 1.44;
    margin: 2vh 0;border:none;
 
 }



/***

		RESPONSIVE QUERIES

***/



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

	.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;}


	.footer-rubric p { margin-bottom: 0; }
	.footer-rubric .section-inner {width: 85%; max-width: 1300px; padding: 20px 0;}

	.footer-rubric .section-inner div { font-size: 18px; display: inline-block; vertical-align: top; width: 50%; text-align: left;}


}





/**
 * Carousel styling
 */
/*ul*/.owl-carousel {
	padding: 0;
}
.owl-next, 
.owl-prev {
	background: rgba(255,255,255,0.8) !important;
	color: white;
	display: block;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px; /** match JS stage padding **/
	height: 100%;
}
.owl-next {
	left: auto;
	right: 0;
}
.owl-dots {
	display: none !important;
}
.next-arrow,
.previous-arrow {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: transparent url(images/previous-arrow.svg) no-repeat 50% 50%;
}
.next-arrow {
	background-image: url(images/next-arrow.svg);
}
.owl-item li a:after {
	display: block;
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	transition: all 0.5s;
}
.owl-item li:hover a:after {
	opacity: 100%;
}
.select-options li {
	display: none;
}

.single-event .content-section .section-inner,
.single-event .content-section .section-inner p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#cf7md-form.cf7md-form .wpcf7-response-output,
#cf7md-form.cf7md-form+.wpcf7-response-output,
#cf7md-form .wpcf7-not-valid-tip {
color: white !important;
}
#cf7md-form.cf7md-form .specific-target-wrapper h4 {
	margin: 0;
	padding: 0;
	color: #ea6a9a;
}
#cf7md-form.cf7md-form .specific-target-wrapper p {
	display: none;
}


.acf-fields.-border, .acf-fields>.acf-field { border: none !important;}
.acf-fields>.acf-field { padding: 15px 0 !important; }
.acf-checkbox-list li::before, .acf-radio-list li::before { display: none;}
ul.acf-radio-list li, ul.acf-checkbox-list li { font-size: 16px !important; padding: 6px 0;}
.acf-form input[type="text"],
.acf-form input[type="email"],
.acf-form input[type="number"],
.acf-form input[type="phone"],
.acf-form textarea
{ border-color:rgba(0,0,0,0.24) !important; border-radius: 4px; padding: 12px 16px 14px !important; font-size: 16px !important; font-family: Roboto !important;}

.select2-container .select2-selection--single{ height: 52px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-top:12px;}
.select2-container.-acf .select2-selection { border-color:rgba(0,0,0,0.24) !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px !important;}

.acf-field-group > .acf-label > label { font-size: 22px; font-weight: 300;
    line-height: 130%;
    margin: 1.5em 0 1em 0;
    text-align: left;
    }
	
	
.acf-form-submit input {
	padding: 14px 20px;
	font-size: 16px;
	background-color:#000;
	color:#fff;
	text-transform: uppercase;
	font-weight: 500;
	font-family: roboto;
	border-radius: 4px;
	cursor: pointer;
}

.acf-form-submit input:hover{
	background-color:#adc62b;
	color:#000;
}


#loginform label,
#loginform input { display: block;}

#loginform input { padding: 10px; width: 100%;}
#loginform input[type="checkbox"] { width: auto; display: inline-block;}
#loginform input#wp-submit { width: auto; min-width: 170px; }


.double.inline nodes { width: 100%; padding: 40px 0;}



/*avigation ul.menu li.menu-members, .shiftnav li.menu-members { display: none;}*/
navigation ul.menu li.members-only, 
.shiftnav li.members-only,
.shiftnav li.members-only .shiftnav-target
{ display: none !important;}

/*body.admin-bar navigation ul.menu li.menu-members { display: inline-block;}
body.logged-in navigation ul.menu li.menu-members { display: inline-block;}
body.admin-bar .shiftnav li.menu-members { display: block;}
*/
body.logged-in navigation ul.menu li.members-only,
body.logged-in .shiftnav li.members-only,
body.logged-in .shiftnav li.members-only .shiftnav-target
 { display: block !important;}
body.logged-in navigation ul.menu li.non-members { display: none;}
body.logged-in .shiftnav li.non-members { display: none;}


navigation ul.menu li.menu-members > a,
.shiftnav li.menu-members > span.shiftnav-target {
	background-color:#1AA8B7; color:#fff !important; border-radius:50px; border: none;
}

navigation ul.menu li.menu-members > a:before,
.shiftnav li.menu-members > span.shiftnav-target:before {
	content: "";
	display: inline-block;
	background: transparent url(images/icon-member.svg) no-repeat 50% 50%;
	width: 20px;
	height: 18px;
	margin-right: 7px;
	position: relative;
	top: 2px;
}

.shiftnav li.menu-members > span.shiftnav-target { text-align: center; max-width: 150px; margin: 5px 25px; border: none;}

navigation li.menu-members:hover ul.sub-menu { background-color:#1AA8B7;}

li.menu-members > span.shiftnav-submenu-activation { display: none !important;}
.no_border_mobile .shiftnav-target{ border-bottom: none;}



#html .arve { max-width: 100% !important;}


column h2:first-child { margin-top: 0; }

/*
.profile .initial { margin-bottom: 1em;}
.profile.has_image .initial { display: flex; justify-content: space-between;}
.listing .profile .initial { display: flex; justify-content: flex-end;}
.listing .profile.has_image .initial { justify-content: space-between;}
.profile.has_image .initial img { width: 30%; object-fit: contain; object-position: top; }
.profile.has_image .initial .text, .listing .profile .initial .text { width: 65%; }
*/
.initial .text h3 { margin-top:0;}
.initial .text h4 { margin-top:-0.8em; margin-bottom:0;}

@media all and (min-width: 500px) {	.profiles-list { display: grid; grid-template-columns: 1fr; grid-gap: 15px;} }
@media all and (min-width: 700px) {	.profiles-list { grid-template-columns: 1fr 1fr;} }
@media all and (min-width: 900px) {	.profiles-list { grid-template-columns: 1fr 1fr;} }

section.navigation .links { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 4px;}
section.navigation .links {display: none; }
section.navigation.open .links { display: grid; }
section.navigation .links a { display: block; text-transform: uppercase; border: 1px solid; text-decoration: none; text-align: center;}


.hero_header { padding:0;}
.hero_header .section-inner{ width:100%; max-width: 100%; }

.hero_header .banner {
	
	/*background: transparent linear-gradient(180deg, #651447 0%, #AFA99F 100%) 0% 0% no-repeat padding-box;*/
	background-color:#651447;
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 30vh;
	width: 100%;
	justify-content: center;
	align-items: center; 
}

.hero_header.large .banner { height: 60vh;}

.hero_header .banner span, .hero_header .banner h1 { width: 90%; max-width: 774px;}

.hero_header .title { color:#fff; font-size: 60px; line-height: 73px;text-align: center;}
.hero_header .sub_title { color: #BF328A;  letter-spacing: 0.7px; }

.hero_header .banner .title { font-size: 40px; line-height: 48px; margin-bottom: 20px; }
.hero_header .banner .sub_title { text-transform: uppercase; font-weight: 600;}

.hero_header .links { background-color: rgba(175, 169, 159, 0.3); }
.hero_header .links .inner { width:90%; max-width: 1136px; padding: 30px 0; margin:0 auto;}
.links .image-holder { background: #fff; border-radius: 100%; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center;}
.links .image-holder img { display: block; height: auto; margin: 0 auto; width: 50%; transition: all 0.3s;}
.links a:hover .image-holder img {width: 60%; transition: all 0.3s;}
.hero_header .links a { text-decoration: none; display: flex; flex-direction: row; margin-bottom:20px;}
.hero_header .links a:last-of-type {  margin-bottom:0;}

.hero_header .links a span.text { padding: 0 20px; }
.hero_header .links a .text span { display: block; text-align: left;}
.hero_header .links a .title { color:#651447; font-size: 22px; line-height: 1; margin-bottom:8px; font-weight: 400;}
.hero_header .links a .sub_title { font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing:0; color:rgba(41, 41, 41, 0.6);}


@media all and (min-width: 800px) {
	.links .inner { display: flex; flex-direction: row;  justify-content: space-between;}
	.hero_header .links a { width: 30%; margin-bottom:0;}
	.hero_header .banner .title { font-size: 60px; line-height: 73px; margin-bottom:30px; }
	
}

header + section, header + div.tribe-common { padding-top: 92px !important;}
body.admin-bar header + section, body.admin-bar header + div.tribe-common { padding-top: 92px !important;}

div.caption {  font-weight: 600; font-size: 14px; line-height: 22px; width: 90%; max-width: 473px; padding-top: 18px;padding-left: 28px;

	background: transparent url(images/icon-arrow-caption.svg) no-repeat 5px 18px; background-size: 14px;
}


.profile .initial {
	display: flex;
	justify-content: space-between;
}
.profile .initial img { width: 32%; object-fit: contain; object-position: top;}
.profile .initial .text { width: 62%; padding-right: 5%; }

.profile h3 { font-weight: 600; font-size: 25px; line-height: 34px; }
.profile h4 { font-weight: 600;}

.images .section-inner  { justify-content: space-between;}
.images .section-inner .image { width: 100%;}
.images .section-inner .image + .image{ margin-top:2em;}

.images.single_image .section-inner { max-width: 728px;}
.images.single_image .section-inner .image { width: 100%;}


@media all and (min-width: 700px) {
	section.images .section-inner { display: flex;}
	.images .section-inner .image { width: 48%; margin-bottom:0; margin-top:0;}
	.images .section-inner .image:nth-child(2n) { margin-top: 10%}
	
}
/*
section.section_intro { padding-top: 6vh;}
*/
.section-title h2 { text-align: center; text-transform: uppercase; font-size: 50px;  
	margin: 4vh 0;
}

.section-title p, .page_title p {
	font-weight: 500;
	font-size: 26px; line-height: 1.3;
	text-align: center;
	color: var(--primary-brown);
	margin-bottom:0; 
	text-wrap: balance;
}


 section.faqs.modal_layout, .get-involved {
	background-color: rgba(175, 169, 159, 0.2); 
}

section.faqs.modal_layout,
section.quote { padding: 6vh 0; margin-top: 4vh; }

section.quote .section-inner { max-width: 820px;}
section.quote blockquote { font-size: 26px; line-height: 1.2; text-wrap:balance; font-weight:600; text-align:center; padding: 40px 80px; position: relative; margin:0;}
section.quote cite { display:block; width:100%; text-align:center; text-transform: uppercase; font-size: 14px; line-height: 24px; letter-spacing: 0.75px; font-weight: 600; font-style: normal; color:var(--primary-light-green); }
section.quote cite span {padding: 0 5px;}
section.quote cite span.title {color:var(--primary-dark-green);}
section.quote blockquote::before {font-weight:300; content:"\201C";  color: var(--primary-brown); font-size: 200px; line-height: 45px; position: absolute; top:85px; left: 0;}
section.quote blockquote::after { font-weight:300; content:"\201D"; color: var(--primary-brown); font-size: 200px;  line-height: 45px; position: absolute; top:auto; bottom:-45px; right: 0;}
section.quote blockquote { }
section.quote cite { }

.call_to_action nodes { text-align: center;}
.faqs .section-title h2 { margin: 0 0 6vh 0; }
.faqs.modal_layout .questions, .news_list .section-inner {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr;
}


panel.news{
	display: flex;
	flex-direction: column;
	justify-content: start;
}
panel.news a { border: none; }
panel.news span { display: block; }
panel.news .image { aspect-ratio: 3 / 2; background:#ccc; overflow:hidden; display: block;width:100%; border:none; margin-bottom: 1em;}
panel.news .image img { aspect-ratio: 3 / 2; background:#ccc; overflow:hidden; object-fit:cover; }
.post-date, .tribe-events .tribe-events-calendar-list__event-datetime, .tribe-events-schedule { color: var(--primary-light-green); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; }
span.title { text-decoration: none; border: none; font-weight: 400; line-height: 1.2; margin-bottom:1em; }
panel.news a.button-link { margin-top: auto; align-self: start;}
panel.news br { display: none; }

.single-post .post-date { text-align:center; margin-top: -2em; }

@media all and (min-width: 600px){
	.faqs.modal_layout .questions, .news_list .section-inner  { grid-template-columns: 1fr 1fr;}
}

@media all and (min-width: 1100px){
	.faqs.modal_layout .questions, .news_list .section-inner  { grid-template-columns: 1fr 1fr 1fr 1fr;}
}


.faqs.modal_layout .questions a { background: #fff; padding: 30px 30px 85px 30px; text-decoration: none; position: relative;}
.faqs.modal_layout .questions a .question_text {  font-size:22px; line-height: 31px;  text-transform: uppercase;}
.faqs.modal_layout .questions a span.label { color:#BF328A; font-size: 12px; text-transform: uppercase; font-weight: 600; position: absolute; bottom: 30px; left: 30px;}

.faqs .answers { }
.faq .inner{ background: #fff; padding: 50px; }
.faq h3 {   font-weight: 300; font-size: 28px; line-height: 1.2; margin:0; text-transform: uppercase; }
.faq.modal h3 { margin-bottom: 1em;}





.faq.modal {
	display: none;
}

.faq.modal.modal-active {
	display: block;
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: #fff;
    padding: 80px 30px 30px 30px;
    z-index: 500001;
    overflow-y: auto;
}


a.modal-close{
	
	position: absolute;
  		top: 30px;
		right: 30px;
	right:0;
	height: 50px;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
	background: #fff url(images/icon-close-menu.png) no-repeat 14px 50%; background-size: 30px;
	-webkit-box-shadow: 5px -2px 15px 5px rgba(0,0,0,0.47); 
	box-shadow: 5px -2px 15px 5px rgba(0,0,0,0.47);
}

@media all and (min-width: 600px) {
	
	.faq.modal.modal-active {
		width: 90vw;
		
		margin: 0 auto;
		top: 50%;
		bottom:auto;
		transform: translateY(-50%);
		padding: 30px;
		max-width: 740px;
		max-height: 500px;
	}
	
	

	a.modal-close{
		top: 30px;
		right: 30px;
		left: auto;
		width:20px;
		height: 20px;
		display: block;
		overflow: hidden;
		text-align: left;
		text-indent: -99999px;
		overflow: hidden;
		background: #fff url(images/icon-close-menu.png) no-repeat 50% 50%; background-size: contain;
		-webkit-box-shadow: none;
		box-shadow: none;
	}	
	
	.modal .inner { max-width: 900px; margin-left: auto; margin-right:auto;}
	
	
}






body.modal-active::after{
	content: "";
	position: fixed;
	z-index: 499;
	background: rgba(175,169,159,0.77);
	top:0;
	right:0;
	bottom:0;
	left:0;
}



.get-involved { 
	text-align: center;
	padding: 60px;
	
}

.get-involved h4 {
	color: rgba(175, 169, 159, 1);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15x; line-height: 24px;
	letter-spacing: 0.8px;
	
	text-align: center;
}

.get-involved .links a{
	color:#651447;
	font-size: 51px;
	text-decoration: none;
	display: block;
}

.get-involved .links a::after{
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	background-color:#afa99f;
	margin:0 auto;
}

.get-involved .links a:hover{ color: #BF328A;}

.get-involved .links a:last-of-type:after{ display: none;}

.further-details{
	background-color:#079B89;
	display: flex; flex-direction: column; justify-content: space-between;
}

.further-details .columns {  padding: 54px;}
.further-details:before {
	content: "";
	display: block;
	height: 140px;
	background: transparent url(images/logo-all-saints.svg) no-repeat 50% 100%; background-size: 105px;
}
.further-details h4 { font-size: 24px; line-height: 34px; margin:0 0 12px 0; color:#BF328A;}

.footer-rubric{
	background: rgba(0,0,0,0.2) url(images/logo-cofe.png) no-repeat; background-size: 127px; background-position: 20px calc(100% - 20px);
	padding: 20px 20px 50px 20px;
}
.footer-rubric p{
	color: #C4C4C4;
	font-size: 12px; line-height: 19px;
}
.footer-rubric a{ text-decoration: underline; color:#fff;}




footer a.button-link { color:#651447 !important; background-color:#C4C4C4;}
footer a.button-link:hover { background-color:#fff;}

.wpcf7-form ol{ margin:0; padding:0;}
.wpcf7-form li {list-style:none; margin: 0 0 15px 0;}
.content .wpcf7-form ::before {  display:none;}

.wpcf7-form label, #loginform label{ display: block;}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea,
#loginform input[type="text"],
#loginform input[type="password"]
{background-color:#f8f8f8; border: 1px solid #cacaca; font-family:inherit; font-size:inherit; padding:14px; width:60%;}

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


.keyline_top .section-inner {
	border-top: 1px solid #d9d9d9;
	padding-top: 2vh;
	margin-top: 2vh;
}

.keyline_top .section-inner .section-title { padding-bottom:2vh;}

.keyline_base .section-inner {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 2vh;
	
}





th {
	color:#fff;
	background-color:#079B89;
	padding: 16px 20px;
	text-align:left;
}

header.tribe-events-calendar-list__event-header{
	background: none;
	position: relative;
}


.tribe-common-c-btn-border{
color:#079B89 !important;
border-color:#079B89 !important;

}

.tribe-common-c-btn-border:focus,
.tribe-common-c-btn-border:hover{
	color:#fff !important;
	background-color:#079B89 !important;

	
}

h1.tribe-events-single-event-title{ }


ul.list-of-links{
	text-align: center;
	margin:0; padding:0;
}
.content ul.list-of-links li::marker { display: none !important; color: transparent;}

@media all and (min-width: 600px){
	ul.list-of-links li { display: inline-block;}
}

section.impact_tree_main { padding:0;  background-color:#302629;}
.impact_tree_main .section-inner { width:100%; max-width:100%;}
.tree-inner {
	
	display: flex;
	height: calc( 100vh - 134px );
	background: transparent url(images/the-impact-three-sections.svg) no-repeat 50% 50%;
	background-size: contain;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	text-align: center;
}

.tree-inner h1 { font-size: 72px; max-width: 820px; margin:0; line-height:1; color:#fff;}
.tree-inner p { font-size: 24px;  max-width: 820px; margin:0; padding:0 5vw; line-height:1.2; color:#fff;}


@media all and (min-width: 600px){
	.tree-inner p { font-size: 32px;  }	
}


.page_title .content{ padding-top:2vh;}
.page_title h1 { margin-bottom:0; text-align:center; font-weight: 900;
    font-size: 42px;
    margin-bottom: 1em;
	}
.page_title + .section_intro .section-title h2 { margin-top:0;}



h3.ui-accordion-header{ cursor: pointer; text-transform:uppercase; position: relative; border-top: 1px solid #ccc; padding-top: 1em; }
.questions_and_answers h3.ui-accordion-header:first-of-type{ border: none; }

div.ui-accordion-content { margin-bottom: 2em; }

h3.ui-accordion-header::after{ content: "+"; position: absolute; right: 15px; top: 9px; font-size: 40px; color:var(--primary-light-green);}
h3.ui-accordion-header.ui-state-active::after{ content: "-";}


section.image .section-inner { width:100%; max-width: 100%;}

.results nodes { 
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr;
	}

@media all and (min-width: 700px){ .results nodes{ grid-template-columns: 1fr 1fr 1fr;} }
@media all and (min-width: 1000px){ .results nodes{ grid-template-columns: 1fr 1fr 1fr 1fr;} }

node {
	display: block;
	border-radius: 7px;
	position: relative;
	background-color:#fff;
	overflow: hidden;
}



node .inner { 
	display: block;
	position: relative;
	padding: 10px 25px;
}

node span.media_label{
	display: inline-block;
	background: #302629;
	color:#fff;
	line-height: 1;
	font-size:11px;
	text-transform: uppercase;
	padding: 5px 11px;
	border-radius: 20px;
	position: absolute;
	top: -12px;
}
node > a { color:inherit; }
node a.title, node span.title {
	display: block;
	
	font-size: 24px;
	margin: 0.5em 0;
	line-height: 1;
	color:inherit;
	text-decoration: none;
	border: none;
}
node .warnings { 
	font-size: 14px;
	font-weight: 600;
}
node .description{
	font-size: 14px;
/*	max-height: 5em;
	overflow:hidden;
	*/
}

node span.tree-section-indicator {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
}

a.node-header, div.node-header { display: block; position: relative;  border: none; min-height: 50px;}
.node-header .overlay, div.node-header .overlay { position: absolute; top:50%; right:0; left:0; 	
	font-size: 24px; text-transform: uppercase; text-align:center;
}

.node-header { background-color:#CCC; position: relative; }
.roots .node-header { background-color:#EAD3B2; color:#C934B4; }
.branches .node-header { background-color:#2F2871; color:#24a9dd; }
.new-shoots .node-header { background-color:#079b89; color:#ffa022; }
.tree-section-indicator { background: transparent; background-size: contain; background-repeat:no-repeat;}

.roots .tree-section-indicator { background-image: url(images/icon-roots.svg); }
.branches .tree-section-indicator { background-image: url(images/icon-branches.svg); }
.new-shoots .tree-section-indicator { background-image: url(images/icon-new-shoots.svg); }


node.animation .node-header:after, node.video .node-header:after{
	content: "";
	display: block;
	top:0; right:0; bottom:0; left:0;
	background: transparent url(images/icon-play.svg) no-repeat 50% 50%; background-size: 65px; position: absolute; 
}

div.warning { font-weight: 600; color:#C934B4; border: 1px solid #C934B4; padding: 10px; margin-bottom: 1em;}
div.warning h2, div.warning p { margin:0; }

section.single-node .section-inner { max-width: 1100px;}

@media all and (min-width: 600px){
	section.single-node .container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		
	}	
	section.single-node .header-content { width: 100%; }
	section.single-node .main-content { width: 70%; max-width: 700px;}
	section.single-node .details { width: 25%;}
}
.details h3 { margin: 0 0 0.5em 0; }
ul.termlist { margin:0 0 1em 0 ; padding:0;}
ul.termlist li { list-style: none; display: inline-block; padding: 0 0.5em 0.5em 0; }



.modal-mode .single.media-header{ padding-top:0; background-color: #BEE1D4; }
.modal-mode .single.media-header .section-inner{ width:100%; }
.modal-mode .single.media-header .section-inner .header-content{ margin: 0 5%; }
.modal-mode footer { display: none;}

.gallery-slideshow .slick-prev { left: 25px; z-index:5;}
.gallery-slideshow .slick-next { right: 25px;  z-index:5;}

.lity-iframe-container { padding-top:85% !important;}


node.slick-slide { margin-left: 10px; margin-right: 10px; }
.slick-prev:before, .slick-next:before { font-size: 40px !important;}
.content-section.impact_tree .slick-prev:before, .content-section.impact_tree .slick-next:before { color:#C934B4 !important;}



	section.gallery.grid ul.gallery { margin:0; padding:0;  display: grid; grid-gap: 20px;}
	section.gallery.grid ul.gallery li{ list-style: none; }
	section.gallery.grid li img { aspect-ratio: 3 / 2; object-fit: cover; }
	@media all and (min-width: 600px){ section.gallery.grid ul.gallery { grid-template-columns: 1fr 1fr;} }
	@media all and (min-width: 900px){ section.gallery.grid ul.gallery { grid-template-columns: 1fr 1fr 1fr;} }
	@media all and (min-width: 1200px){ section.gallery.grid ul.gallery { grid-template-columns: 1fr 1fr 1fr 1fr;} }

.impact_tree .section-inner { width: 100%; max-width: 100%;}
.impact_tree .section-title { margin: 0 auto; width: 90%; max-width: 800px;}
.impact_tree .container .inner { width: 90%; max-width: 1320px; margin: 0 auto; }


.impact_tree.generic_background .container { background-color:#BEE1D4; padding: 30px 0; }
section.impact_tree.generic_background { padding-bottom:0; }


section.single.full_width, section.impact_tree_results { padding:0;}
section.single.full_width .section-inner, section.impact_tree_results .section-inner { width:100%; max-width: 100%; }
section.single.full_width .content, section.impact_tree_results .content { max-width: 100%; }

.tree-search { display: flex; flex-direction: row; justify-content:space-between; background-color: var(--primary-brown); }
.tree-search .form { background-color:var(--primary-dark-green);width: 25%; padding: 20px 30px; position: relative;}
.tree-search .results { width: 75%; padding: 20px;  min-height: calc( 100vh - 130px );}
.tree-search h3 { color:#fff; text-transform: uppercase; padding-right: 50px; }
.tree-search .options label { display: block; color:#fff;}

.tree-search input#free_text { padding: 8px 16px; border-radius: 30px; display: block; width:100%;}

.tree-search input[type="submit"] {  font-size: 20px !important;}
.tree-search #search-message { min-height: 1em; }
.tree-search #search-message p { color:#fff; font-size: 13px; margin-bottom:0; }

.tree-search a#clear-filter{
	width:20px;
	height:20px;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
	background: transparent url(images/icon-refresh.svg) no-repeat 50% 50%; background-size: contain;
	border: none;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

a.get-link {
	color:inherit;
	
	text-transform: uppercase;
	border: none;
	line-height: 16px;
	font-size: 14px; 
}

a.get-link:before{ content: ""; display: inline-block; height: 13px; width:20px; background: transparent url(images/icon-link.svg) no-repeat 0 50%; background-size: contain;}


.audio-player-holder {
	max-width: 600px;
	margin: 1em auto 2em auto; 
}

.media-header img.slick-slide {
	aspect-ratio: 3 / 2;
	object-fit: contain;
}


p.no-results {
	
    font-size: 21px;
    color: #C934B4;
    text-transform: uppercase;
}

div.no-results { width: 100%; max-width: 700px; margin: 0 auto;}
.no-results li { margin-bottom: 1em;}



h1.impact-tree-header{
	display: flex;
	text-align:center;
	font-size: 5vh;
	width:100%;
	height:35vh;
	background: transparent url(images/the-impact-three-sections.svg) no-repeat 50% 0%;
	background-size: contain;	
	margin-top: 0;
    flex-direction: column;
    justify-content: center;	
}

h1.impact-tree-header span { display: block;}


.results.no-search{
	background-color:#302629;
	color:#fff;
}

.results.no-search h1 { color:#fff;}

a.mejs-horizontal-volume-slider { border: none;}

.media-header.with-bg-image {
	aspect-ratio: 3 / 2;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.media-header.with-bg-image .section-inner { position: absolute; bottom: 3vh; }


span.copied{
	display: inline-block;
    padding: 7px 9px 5px 9px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
    border-radius: 4px;
    line-height: 1;
}

p.lottery-thanks {
	text-align: center;
	margin-bottom:1em;
}
p.lottery-thanks img{
	display:inline-block;
	max-width: 150px;
	vertical-align: middle;
	margin-right: 10px;
}

a.creative-commons img { display: inline-block !important;}




section.posts-navigation {
	background-color: var(--background-light-grey);
	padding: 40px 0; 
}

.posts-navigation .section-inner{ 
	
	max-width: 710px; 
	
}

.posts-navigation .section-inner .wp-pagenavi{ 
	display: flex; flex-direction: row; 
	align-items: center; justify-content:space-evenly; 
}


.posts-navigation a { border: none; display: block; }
.posts-navigation span.empty{ display: block; width: 40px; }
.posts-navigation a[rel="prev"],
.posts-navigation a[rel="next"]{
	width: 40px;
	height:40px;
	text-indent: -9999px;
	text-align: left;
	overflow:hidden;
	background:#fff url(images/icon-prev-next-arrow.svg) no-repeat 50% 50%; background-size: 9px;
	border-radius: 40px; 
}
.posts-navigation a[rel="prev"] { transform: rotate(180deg); margin-right:auto;}
.posts-navigation a[rel="next"] { margin-left:auto;}

.wp-pagenavi a.page, .wp-pagenavi span.current { padding: 5px 10px;  }
.wp-pagenavi span.current { color: var(--accent-coral) !important;}
.wp-pagenavi a.page { color: var(--text-grey) !important;}

a.news-link{ font-size: 14px; text-transform: uppercase; font-weight:600;letter-spacing:2px;}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6,
h3.tribe-events-calendar-list__event-title a{ color: var(--headings) !important; }
h1.tribe-events-single-event-title { text-align:center; }
.tribe-events-schedule.tribe-clearfix{ justify-content: center; }

.tribe-events-event-image img {
	aspect-ratio: 3 / 2;
    object-fit: contain;
    max-height: 40vh;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__container, .tribe-events .tribe-events-c-subscribe-dropdown__container { justify-self: center; }