/*

Theme Name: Grace Church
Author: Ampersand Industries
Version: 1.0

*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600&display=swap');


*,
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 {
	background: #fff;
	color: #231f20;
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box
}

@media all and ( min-width: 700px) {
	body { font-size: 16px;}
}

/******
Base elements and tags
******/
a {
	color: #75c9b5;
	text-decoration:none;
	transition: all 0.3s;
}
a:hover,
a:focus {
	color:#cd8ab3;
	text-decoration:none;
	transition: all 0.3s;
}

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



.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: 30px 0;
	position: relative;
}
header + section { padding-top: 120px;}

section.page-header + section { padding-top:0;}
section.page-header + section.intro { padding-top:30px;}

@media all and (min-width: 800px) {
	section { padding: 60px 0;}

	section.page-header + section.intro { padding-top: 60px;}
	
}
@media all and ( min-width: 960px) {
	header + section { padding-top: 150px;}
	header + section.date_strip { padding-top: 100px; }
	header + section.page-header { padding-top: 89px;}

}

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

.column { width: 100%; }

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

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

/******

  HEADER

******/

header { background-color:#ffd830;  font-size:0; padding: 7px 0; position: fixed; z-index: 5; left:0; right:0;}
header .section-inner { width: 100%; text-align: center; max-width: 100%;}
brand, navigation { display: inline-block; vertical-align: top;}
navigation { width: 72%; max-width: 980px;}
brand { width: 20%; max-width: 240px; text-align: left; }
a#logo {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	background: transparent url(images/grace-church-logo.svg) no-repeat 0 0;
	background-size: contain;
	width: 220px;
	height: 47px;
}
a#logo .strapline {  display: none;}

.home.page header { background-color:transparent;}
.home.page a#logo { opacity: 0;}

.home.page.scrolled header { background-color:#ffd830;}
.home.page.scrolled a#logo { opacity:1;}



@media all and ( min-width: 960px ){
	header { padding: 19px 0; }
	brand { padding-left: 20px; } 
}



/******

 NAVIGATION

******/


navigation div.ubermenu-submenu{
	top: -20px !important;
    padding-top: 88px !important;
    z-index: -1 !important;
}


.ubermenu-content-block h3 {
	color:#fff;
	margin-top:0;
	font-size: 32px;
}

.ubermenu-content-block p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.44;
	margin-bottom: 2em;
}

.ubermenu-submenu a.ubermenu-target > span { padding: 5px 0 !important}
.ubermenu-submenu a.ubermenu-target::after{
	content: "+";
	color:#fff;
	padding-left: 10px;
	font-size: 22px;
}
.ubermenu-submenu a.ubermenu-target:hover::after{
	color:#000;
}
.ubermenu .ubermenu-row {
	width: 90% !important;
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 5% 0 !important;
}

.ubermenu-column.text_column { padding-right: 8% !important; }
.ubermenu-column.image_column { padding-left: 10% !important; }

#shiftnav-toggle-main { 
	background: transparent !important;
}

#shiftnav-toggle-main-button {
	width: 80px;
	height: 61px;
	background: transparent url(images/gc-menu-icon.svg) no-repeat 50% 50% !important;
	background-size: 30px !important;
	
}

body.shiftnav-open #shiftnav-toggle-main-button { background-image: url(images/mobile-menu-close-icon.svg) !important; background-size: 19px !important;}

#shiftnav-toggle-main i { display: none; }
.shiftnav:after { display: none !important;}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target { font-weight: 600; }

.ubermenu-item-has-children > a .ubermenu-target-text::after {
	width: 20px;
	height: 20px;
	content: "";
	background: transparent url(images/dropdown-arrow.svg) no-repeat 50% 50%; 
	background-size: 18px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.ubermenu .menu_column .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, 
.ubermenu-item.menu_content a.ubermenu-target {
	padding: 5px 0 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target{
	padding-left: 35px !important;
}
.shiftnav-depth-0 > ul li a.shiftnav-target{
	font-size: 16px !important;
	padding: 8px 35px !important;
	font-weight: 500 !important;
}

.shiftnav-nav li.social-facebook { margin-left: 18px !important;}
.ubermenu .social-facebook a, .social-facebook a {
	background: transparent url(images/facebook-icon.svg) no-repeat 50% 50%;
	width: 50px; height: 50px;
	overflow: hidden;
	text-align: left;
	text-indent:-9999px;
	background-size: 25px;
}

.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-submenu-activation {
	font-size: 20px;
}

/***

	FONT FORMATTING

****/
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	line-height: 1;
	margin: 1.5em 0 1em 0;
	text-align: left;
	letter-spacing: -1px;
}

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

h2{ font-size: 32px; }
h3{ font-size: 22px; color:#75c9b5; }
h4{ font-size: 20px; }
h5{ font-size: 16px; }
h6{ font-size: 16px; }

h2.section-title { color:#cd8ab3; text-align: center; font-weight:600; margin-top: 1em; margin-bottom: 0.5em;}

@media all and ( min-width: 800px) {
	h2.section-title { margin-top: 1.5em; margin-bottom: 1.5em; }
}

.content-section.single h2 {
	font-size: 22px;
	color:#75c9b5;;
}
.intro p, p.intro, .post-intro p  {
	font-size: 18px;
	line-height: 1.46;
	text-align: center;
}

@media all and (min-width: 500px) {
	.intro p, p.intro, .post-intro p  { font-size: 26px;}	
}
.container p:last-child {margin-bottom:0;}

a.button-link, span.button-link {
	display: inline-block;
	background-color:#231f20;
	color:#fff !important;
	border: none !important;
	padding: 10px 20px;
	font-size: 12px !important;
	line-height: 21px;
	font-weight: 500 !important;
	margin: 0 6px 6px 0;
}

a.button-link:after,
span.button-link:after,
input.button:after{
	content: '+';
	font-weight: 700;
	padding: 0 0 0 12px;
	color:#bcd85f;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

a.button-link:hover::after { color:#fff;}
block span.button-link:after{ color:#75c9b5 !important;}
block a:hover span.button-link:after { color:#fff !important;}

@media all and ( min-width: 800px) {
	a.button-link, span.button-link { font-size: 14px !important;}
}
.pullout a.button-link.contact-email { margin-top: 2em;}

a.bold-link {
	display: inline-block;
	padding: 10px 0;
	font-size: 14px !important;
	line-height: 21px;
	font-weight: 700 !important;
	color:#231f20 !important;
	border: none !important;
}

.team a.bold-link { margin-top: 1em;}

a.bold-link::after {
	content: '+';
	font-weight: 700;
	padding: 0 0 0 12px;
	color:#cd8ab3;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;	
}
a.bold-link:hover { border: none !important;}
a.bold-link:hover::after{ color:#231f20 !important;}

ul.compact-list { margin:0; padding:0; text-align: center;}
ul.compact-list li { list-style: none; display: inline-block; margin: 3px 1px;}
ul.compact-list a.button-link { margin:0; padding: 5px 12px;}

@media all and ( min-width: 800px ) {
	ul.compact-list a.button-link { margin:5px 10px; padding: 10px 20px;}	
}
blockquote{ 

}

blockquote p { }
blockquote b, blockquote strong { }
blockquote p.cite {}

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



/****

	MENU navigation

****/

navigation ul { margin:0; padding:0; text-align: right;}
navigation li { list-style:none; display: inline-block;}
navigation a { font-size: 16px; font-weight: 700; color:#000; display: block; padding: 6px 12px;}

/***
 
  LAYOUTS

****/

.content-section a {
	font-weight: 500;
	color:#75c9b5;
	/*border-bottom: 1px solid #fff; */
}
.content-section a:hover {
	color:#75c9b5;
	/* border-bottom: 1px solid #75c9b5; */
}

.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:60px 0 0 0;
}
section.page-header .section-inner { 
	width: 100%; max-width: 100%; height: 60vh; 	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 5% 0;
	position: relative;
}

section.page-header.compact .section-inner { height: auto; padding: 7.5% 0 2.5% 0}

section.page-header .container { position: absolute; bottom:10%; right:0; left:0;}
section.page-header.compact .container { position: relative; }
body.tax-series section.page-header .section-inner { height: 75vh; }


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: 36px; margin:0; padding:0; text-align: center;}

@media all and (min-width: 600px) {	.page-header h1 { font-size: 52px;}	}
@media all and (min-width: 800px) {	.page-header h1 { font-size: 76px;}	}




footer {	background-color:#ffd830; text-align:center;  }
footer .footer-strap { padding: 30px 40px; }
footer,
footer h2,
footer h3,
footer h4,
footer p,
footer a
 { color:#231f20; }


 .top_keyline .section-inner { border-top: 1px solid #cacaca;}
 
 section.date_strip { background-color:#ededed; font-size:0; padding: 0;}
 section.date_strip .section-inner {max-width: 900px; text-align: center;}
 section.date_strip .section-inner > div { font-size: 14px; text-align: center; }
 section.date_strip p, section.date_strip a { font-size: 14px; margin-bottom:0; padding: 15px 20px;}
 section.date_strip ul { margin:0; padding:0; text-align:center; margin-top: -14px;}
 section.date_strip ul li { list-style: none; display: inline-block;}
 section.date_strip ul a { display: block; color:#231f20; font-weight: 700; }
 section.date_strip ul a::after { content: '+'; font-size: 21px; color:#adcb4a; padding-left: 12px;}

 .tax-series section.date_strip .section-inner > div { display: inline-block; vertical-align: middle; width: 50%; text-align:left;}
 .tax-series section.date_strip ul { text-align: right; margin-top:0;}

@media all and ( min-width: 800px ) {
	section.date_strip .section-inner { text-align: left;}

	section.date_strip .section-inner > div { font-size: 16px; display: inline-block; vertical-align: middle; width: 50%; text-align:left;}
	section.date_strip p, section.date_strip a { font-size: 16px; padding: 25px 40px; }
	section.date_strip ul { text-align: right; margin-top:0;}
	section.date_strip ul a { border-left: 1px solid #fff;  }
	section.date_strip ul li:last-child a {  border-right: 1px solid #fff; }
}


 
 section.date_strip ul a:hover { background-color:#adcb4a; color:#fff;}
 section.date_strip ul a:hover::after { color:#fff;}
 
 section.date_strip input {
	 font-size: 16px; margin-bottom:0; padding: 5px 20px;
	 border: none;
	 background: transparent;
	 text-align: center;
	 font-family: inherit;
	 font-weight: 700;
	 color:#231f20;
 }
 
 ::-webkit-input-placeholder { /* Edge */
color:#231f20;}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#231f20;}

::placeholder { color:#231f20; }

 section.date_strip form div:last-child {  border-right: none; }

 section.date_strip select { padding:10px; margin: 15px;}
 section.date_strip input.button {
	margin: 15px;
	background-color:#231f20;
	color:#fff !important;
	border: none !important;
	padding: 10px 20px;
	font-size: 14px !important;
	line-height: 21px;
	font-weight: 500 !important; 
	cursor: pointer;
 }
 div.filter { display: inline-block; width: 50%;}
 
 @media all and (min-width: 750px) {
	section.date_strip form div.filter:last-child {  border-right: 1px solid #fff; }
	section.date_strip input { padding: 25px 20px;}
	section.date_strip form { display: flex; justify-content: center;}	 
	section.date_strip form div {  border-right: 1px solid #fff; padding-left: 20px; padding-right: 20px;}

	div.filter { width: auto;}
 }
 
 body.tax-series section.date_strip ul a::after, .series-link a::after,
body.single-resource section.date_strip ul a::after { 
 
    content: '';
    background: transparent url(images/all-talks-icon.svg) no-repeat 50%;
    font-size: 21px;
    margin-left: 4px;
    background-size: 15px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
 }
 
 
 body.tax-series section.date_strip ul a:hover,
 body.single-resource section.date_strip ul a:hover
 { background-color:#ce89b4;}
 body.tax-series section.date_strip ul a:hover::after,
 body.single-resource section.date_strip ul a:hover::after
 { background-image: url(images/all-talks-icon-white.svg);}
 
 

 section.photo_flow .section-inner {
	 display: flex;
	 flex-direction: column;
 }
 
 section.photo_flow .lead { order: 2;}
 section.photo_flow + section.photo_flow {	 padding-top:0; margin-top:-10px; }
 @media all and ( min-width: 800px ) {
	 section.photo_flow .section-inner { flex-direction: row; }
	 section.photo_flow.images_first .lead { order: 1;}
	 section.photo_flow + section.photo_flow {	 padding-top:0; margin-top:-60px; }
	 
 }
 
 section.photo_flow .images ul { margin:0; padding:0; }
 section.photo_flow .images li { list-style: none; display: inline-block; }
 
 /*section.photo_flow .images li:nth-child(2n) { margin-left: 25%; margin-top:-25%;}
 section.photo_flow .images li:nth-child(3n) { margin-left: 45%; margin-top:-25%;}
 */
 
 section.photo_flow .text { padding: 30px 0; font-size: 14px; font-weight: 500; text-align: center;}
 section.photo_flow .text h2 { margin-top:0; text-align: center; max-width: 250px; color: #75c9b5; margin-left: auto; margin-right: auto; font-size: 26px;}
 section.photo_flow .text p { margin-bottom:0; text-align: center; max-width: 350px; margin: 0 auto; line-height: 1.4;}
 
 section.photo_flow.layout-a .images ul li:first-child  { width: 90%; margin-left: 10%; z-index:1; }
 section.photo_flow.layout-a .images ul li:nth-child(2) { width: 40%; margin-left: 38%; margin-top: -10%; z-index:2; }
 section.photo_flow.layout-a .images ul li:nth-child(3) { display: none; }
 
 section.photo_flow.layout-b .images ul li:first-child  { width: 76%; margin-left: 3%; z-index:1; }
 section.photo_flow.layout-b .images ul li:nth-child(2) { width: 47%; margin-left: 49%; margin-top: 1%; z-index:2; }
 section.photo_flow.layout-b .images ul li:nth-child(3) { display: none; }
 .layout-b .lead .text { padding-top: 15%;}
 
 section.photo_flow.layout-c .text { display: none; }
 section.photo_flow.layout-c .images { width: 100%; }
 
 section.photo_flow.layout-c .images ul li:first-child  { width: 100%; margin-left: 0%; z-index:1; }
 section.photo_flow.layout-c .images ul li:nth-child(2) { width: 49%; position: relative; margin-top:3%; margin-left: 6%;  z-index:2; }
 section.photo_flow.layout-c .images ul li:nth-child(3) { width: 35%; position: absolute; bottom: -4%; left: 52%; z-index:3;}

 
 @media all and (min-width: 700px) {
	 section.photo_flow.layout-c .images ul li:first-child  { width: 44%; margin-left: 0%; z-index:1; }
	 section.photo_flow.layout-c .images ul li:nth-child(2) { width: 32%; position: absolute; top:10%; right: 4%;  z-index:2; margin-left:0; margin-top:0;}
	 section.photo_flow.layout-c .images ul li:nth-child(3) { width: 18%; position: absolute; top: 53%; left: 51%; z-index:3;}
	 
 }
  
 
 @media all and (min-width: 800px) {

 section.photo_flow .section-inner { font-size: 0; max-width:100%; width: 100%; }
 section.photo_flow .section-inner > div { display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; }

	section.photo_flow .text { padding: 60px; font-size: 18px;}
	.photo_flow.images_first .section-inner{ display: flex;}
	.photo_flow.images_first .images { order: 1;}
	.photo_flow.images_first .lead { order: 2;}
}
 
section.animation {
	min-height: 50vh;
	padding: 120px 0 0 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
section.animation .section-inner { max-width: 800px;}

@media all and (min-width: 800px) {
	section.animation {
		min-height: 70vh;
		padding: 160px 0 0 0 !important;
	}
 
}


/***
	FEATURE BLOCKS
***/
section.feature_blocks { font-size:0; padding-bottom:0;}
section.feature_blocks .section-inner { width: 100%; max-width: 100%;}
.feature_blocks span, .feature_blocks a { display: block;}
.feature_blocks a, .feature_blocks a:hover { color:#231f20; font-weight: 400; text-decoration: none; border-bottom:none !important; border-top: 1px solid #cacaca;}


.page-header + .feature_blocks .blocks-inner block:first-of-type > a { border-top:none !important;}

.feature_blocks span.image { position: relative;}
.feature_blocks a > span.text { padding: 30px;}

.feature_blocks span.title { font-size: 16px; font-weight: 700; }
.feature_blocks span.sub_title { font-size: 26px; font-weight: 700; color:#75c9b5; line-height: 1.2; padding: 7px 0 0 0; letter-spacing: -1px;}
.feature_blocks span.description { font-size: 14px; padding: 1em 0;}

.feature_blocks span.button-link { display: inline-block; margin-top: 1em;}
 
@media all and (min-width: 700px) {
	
	.feature_blocks span.sub_title { font-size: 40px;}
	.feature_blocks span.description { font-size: 14px;}

	
	/*.feature_blocks block a > span{ display: inline-block; vertical-align: middle; width: 50%;	}
	.feature_blocks span.text { padding: 30px;}*/
	
	.feature_blocks a { 	
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	}
	.feature_blocks a > span { width: 50%;}
	.feature_blocks a > span.text {  max-width: 600px; padding: 40px;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
	.feature_blocks .image img { object-fit: cover; height: 100%;}
	.featured_blocks span.button-holder { flex: none;}
}

@media all and (min-width: 900px) {
	.feature_blocks a > span.text { padding: 70px;}
}

 
span.credit { background-image: url(images/credit-heart-icon.svg); background-position: 5px 50%; background-size: 16px; background-repeat: no-repeat; position: absolute;  padding: 8px 12px 8px 28px; font-size: 10px; line-height: 1; background-color:#fff; top:0; left:0; color:#231f20;}

@media all and (min-width: 500px){
	span.credit { font-size: 12px;}
}
.feature_blocks span.credit { top:0; left:0; }
.credit .person { display: inline-block; font-weight: 500; color:#adcb4a;}
 
.page-header .credit {
	right:0;
	bottom:0;
	left:auto;
	top: auto;
	display: inline-block;
	color:#231f20;
}
.panels .section-inner { max-width: 100%; width: 100%;}
.panels-inner { text-align: center; font-size: 0;}
.panel { position: relative;}
.panel a { display: block; color:#fff;}
.panel a:hover { color:#fff; text-decoration: none;}
.panel a span { display: block; color:#fff;}
.panel span.text { text-align:center; position: absolute; left:0; right:0; bottom:0; font-size: 18px; padding: 30px;
	max-width: 600px; margin-left:auto; margin-right:auto;
}
.panel .title { font-size: 31px; font-weight: 600; line-height: 1.1 !important; margin-bottom: 10px;}
.panel .button { font-size: 14px; font-weight: 600;}

@media all and (min-width: 500px;) {
	.panel .title { font-size: 45px; }	
}
.panel .button span { display: inline-block;}
.panel .button span::after{
	content: "+";
	padding-left: 5px;
}
.panel .credit { position: absolute; left:0; top:0;}
.panel .image::after, .menu-image-link a::after {
	display: block;
	content: "";
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	background: linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.3) 100%);
}

.panel a:hover .image::after{
	background: linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.6) 100%);
}

.panel .description { max-height:0; height:0; overflow: hidden;
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	transition: max-height 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	font-weight: 400; line-height: 1.3;
}
.panel a:hover .description { max-height: 500px; height: auto; padding-bottom: 20px;

	-webkit-transition: max-height 0.6s;
	-moz-transition: max-height 0.6s;
	transition: max-height 0.6s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	
	}

@media all and (min-width: 700px) {
	.panel { width: 50%; display: inline-block; vertical-align: top;}
}

/***
	TEAM
***/
.team-inner { font-size: 0;}
team { font-size: 14px; padding: 5px; margin-bottom: 10px;}
team span { display: block;}
team span.text { padding: 15px 40px 5px 0;}
team span.title { font-size: 16px; color:#231f20; font-weight: 700; padding-top: 5px;}
team span.sub_title { font-size: 14px; color:#cd8ab3; font-weight: 700; line-height: 1.2;}
team span.description { margin-top: 14px;}

.compact team span.text { padding: 10px 5px; }


.team.compact team { display: inline-block; vertical-align: top;  width: 50%; }

 @media all and (min-width: 700px) {
	 team { display: inline-block; vertical-align: top;  }
	 .team.full team { width: 33.33%;}
	 .team.compact team { width: 25%;}
	 
 }


/***
	PULL OUT
***/
 
 
.pullout .section-inner { max-width: 932px; padding: 30px 30px; text-align: center; font-size: 18px; line-height: 1.3; font-weight: 500;}
.pullout p:last-of-type { margin-bottom: 0;}

@media all and (min-width:700px) {
	.pullout .section-inner	{ padding: 60px 120px;}
}
section.green , section.pullout.green .section-inner { background-color:#bcd85f; color:#fff !important; } 
section.green a.button-link::after, .pullout.green .section-inner a.button-link::after{ color:#bcd85f;} 
section.green a.button-link:hover::after, .pullout.green .section-inner a.button-link:hover::after{ color:#fff;} 
section.mint, section.pullout.mint .section-inner { background-color:#75c9b5; color:#fff !important;} 
section.mint a.button-link::after, .pullout.mint .section-inner a.button-link::after{ color:#75c9b5;} 
section.mint a.button-link:hover::after, .pullout.mint .section-inner a.button-link:hover::after{ color:#fff;} 
section.purple, section.pullout.purple .section-inner { background-color:#cd8ab3; color:#fff !important;} 
section.purple a.button-link::after, .pullout.purple .section-inner a.button-link::after{ color:#cd8ab3;} 
section.purple a.button-link:hover::after, .pullout.purple .section-inner a.button-link:hover::after{ color:#fff;} 
section.yellow, section.pullout.yellow .section-inner { background-color:#ffd830; color:#fff !important; } 
section.yellow a.button-link::after, .pullout.yellow .section-inner a.button-link::after{ color:#ffd830;} 
section.yellow a.button-link:hover::after, .pullout.yellow .section-inner a.button-link:hover::after{ color:#fff;} 

section.pullout { background-color: transparent;}
section.featured_text { padding:0;}
section.featured_text .container {padding: 60px 0; width:90%; margin: 0 auto;} 
section.featured_text .section-inner { width:100%; max-width:100%; position: relative; min-height: 60vh; background-size: cover; background-position: 50% 50%;
	  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

section.featured_text p { font-size: 21px; line-height: 1.2; color:#fff; font-weight: 400;}
@media all and ( min-width: 600px;){
	section.featured_text p { font-size: 31px;}
}

/*section.featured_text + section { padding-top:0;}*/
section.featured_text + section.feature_blocks block:first-child a { border-top: none;}

/***

	CONTACT FORM

****/

section.form_holder .container {

}

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:#fff; border: none; 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;}
.wpcf7-form input.wpcf7-submit{
	background-color: #000;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.3s;
	color:#fff;
		padding: 14px 35px;
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 0;
	font-weight: 700;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
.wpcf7-form input.wpcf7-submit:hover{ color:#fff;}

.wpcf7-form input[type='checkbox']{ display: inline-block; width: auto;}
span.wpcf7-list-item { margin:0 !important;}


#cf7md-form .wpcf7-submit.mdc-button {
	border-radius: 0 !important;
	text-transform: none !important;
	padding: 10px 20px !important;    
    background-color: #231f20 !important;
    color: #fff !important;
    border: none !important;
    font-size: 12px !important;
    line-height: 21px !important;
    font-weight: 500 !important;
    margin: 0 6px 6px 0;
	
}

#cf7md-form .wpcf7-submit.mdc-button::after{
	content: '+';
    font-weight: 700;
    padding: 0 0 0 12px;
    color: #bcd85f;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}



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

.footer-rubric { font-size:14px; text-align: center;}
.faqs .section-inner { max-width: 640px;}
.accordion h3 {
	cursor: pointer;
	font-size: 16px;
	color:#231f20;
	border-top: 1px solid #cacaca;
	margin:0;
	padding: 22px 32px 22px 5px;
	position: relative;
	letter-spacing:0;
}
.accordion h3::after{
	content: '+';
	font-weight: 700;
	padding: 0 0 0 12px;
	color:#cd8ab3 !important;
	font-size: 28px;
	position: absolute;
	right:5px;
	top: 14px;
}
.ui-accordion-content { font-size: 14px; padding: 0 5px 5px 5px; margin-top:-2px;}

h2 + .accordion { padding-top: 10px;}

 @media all and (min-width: 700px) {
 
	.ui-accordion-content { font-size: 16px; }	
 }
 
 
 
p.term-date {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

.tax-series h1 {
	color:#ce89b4;
	font-size: 40px;
	text-align: center;
	
}
 
p.term-date + h1 { margin-top:0;}

section.talks { margin-top:0; padding-top:0;}
.talk {
	display: block;
	border-top: 1px solid #cacaca;
	padding: 30px 0;
}

section.talks_search_bar + section.talks .section-inner .talk:first-child { border-top: none;}


.player { margin-top: 20px;}

@media all and (min-width: 700px) {
	.talk div {
		display: inline-block; 
		vertical-align: top;
	}	
	.talk .details { width: 33%; margin-right: 5%;}
	.talk .resources { width: 30%;}
	.talk .player { width: 30%; margin-top:0;}
	
}


.talk p.date {
	font-weight: 600;
	font-size: 14px;
}
.talk h2 { font-size: 28px; margin-top:0; margin-bottom: 0.5em; line-height: 1.3;}
.talk p.speaker { font-size: 14px;}
p.speaker strong { color:#ce89b4; }
.talk a { color:#ce89b4;}

.talk .download a { color:#231f20;}
.talk .download a:hover { color:#231f20; text-decoration: underline;}
.talk .download a::before {
	content: "";
	display: inline-block;
	width: 20px;
	margin-right: 5px;
	height: 28px;
	background: transparent url(images/icon-download-talk.svg) no-repeat 0% 50%;
	background-size: 15px;
	vertical-align: bottom;
} 

.talk .resources ul { margin:0; padding:0;}
.talk .resources li { list-style: none;}

.talk audio { display: block; width: 100%;}


ul.talks-filter{ display: none; background-color:#ededed;}
ul.talks-filter.active {
	display: block;
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
	padding: 20px 20px;
	text-align: left;
}

ul.talks-filter li {
	width: 50%;
	text-align: left;
	vertical-align: top;
}
ul.talks-filter#months li { width: 33%;}
ul.talks-filter a { padding: 12px 10px; border: none !important; line-height: 1.2;}
ul.talks-filter a::after { display: none;}
a.toggle-filter, .series-link a{
	display: block;
    color: #231f20;
    font-weight: 700;
	border: none;
	
	font-size: 16px;
    padding: 10px 0 !important;
}
.date_strip div.links li.series-link a { padding: 25px 20px !important; }

a.toggle-filter:hover, .series-link a:hover { color:#ce89b4;}
a.toggle-filter::after {
	display: inline-block;
	vertical-align: middle;
	margin-left:10px;
	content: "";
	width: 20px;
	height:20px;
	background: transparent url(images/dropdown-arrow-filters.svg) no-repeat 50% 50%;
	background-size: 20px;
}

.series-link a::after{ margin-left:10px; }


#resource-search ul.talks-filter.active {left: 0; right: 0;}
@media all and (min-width: 900px) {
	ul.talks-filter.active { padding: 20px 40px; }
	ul.talks-filter li { width: 25%;}
	ul.talks-filter#months li { width: 11%;}
	
	#resource-search ul.talks-filter li { width: 100%;}
	#resource-search ul.talks-filter#months li { width: 100%;}
	#resource-search ul.talks-filter.active {left: auto; right: auto;}	
}

input.search-button {
	background: transparent url(images/search-icon.svg) no-repeat 50% 50% !important;
	background-size: 20px !important;
	width: 40px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
	padding: 0 !important;
}

form#talk-search{ padding-top: 5px;}

@media all and (min-width: 750px) {
	form#talk-search{ padding-top: 0;}
	input.search-button { height: 67px; }
	a.toggle-filter, .series-link a { padding: 25px 0 !important;}
}

section.resources .section-inner {
	width:90%;
	max-width: 1170px;
	font-size: 0;
}
resource { font-size: 16px; border-top:1px solid #cacaca;}
resource h2 { font-size: 28px; margin: 1em 0 0.75em 0;}
resource ul { margin:1em 0 0 0; padding:0;}
resource li { list-style: none; margin-bottom: 1em; padding-left: 30px; background-repeat: no-repeat; background-position: 0 2px; background-size: 16px;}
resource .link a span, resource .download a span { display: block; font-size: 14px; color:#231f20;}
resource .link a span.instruction, resource .download a span.instruction { font-weight: 600; }
resource .link a:hover span.instruction, resource .download a:hover span.instruction { text-decoration: underline; }

.highlight-green resource li.link { background-image: url(images/link-icon-green.svg);}
.highlight-mint resource li.link { background-image: url(images/link-icon-mint.svg);}
.highlight-purple resource li.link { background-image: url(images/link-icon-purple.svg);}
.highlight-yellow resource li.link { background-image: url(images/link-icon-yellow.svg);}
.highlight-green resource li.download { background-image: url(images/download-icon-green.svg);}
.highlight-mint resource li.download { background-image: url(images/download-icon-mint.svg);}
.highlight-purple resource li.download { background-image: url(images/download-icon-purple.svg);}
.highlight-yellow resource li.download { background-image: url(images/download-icon-yellow.svg);}

resource li.download:hover { background-image: url(images/download-icon.svg) !important;}
resource li.link:hover { background-image: url(images/link-icon.svg) !important;}


.single-resource .post-date {
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	margin: 1em 0 0 0;
	display: block;
}

resource .inner { display: block; padding-right: 12%; }

.highlight-green  h2, .highlight-green  .resource-title { color: #bcd85f;}
.highlight-mint   h2, .highlight-mint   .resource-title { color: #75c9b5;}
.highlight-purple h2, .highlight-purple .resource-title { color: #cd8ab3;}
.highlight-yellow h2, .highlight-yellow .resource-title { color: #ffd830;}


.media-terms ul { margin:0; padding:0; text-align:center;}
.media-terms li, .media-terms span { list-style: none; text-align: left; display: inline-block; height: 30px; width: 40px; text-indent:-9999px; overflow: hidden; position: relative; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}

.media-terms .game { background-image: url(images/resources-game-icon.svg); background-size:28px; }
.media-terms .inspiration { background-image: url(images/resources-inspiration-icon.svg); background-size:27px;}
.media-terms .making { background-image: url(images/resources-making-icon.svg); background-size:27px;}
.media-terms .music { background-image: url(images/resources-music-icon.svg); background-size:25px;}
.media-terms .papers { background-image: url(images/resources-papers-icon.svg); background-size:21px;}
.media-terms .podcast { background-image: url(images/resources-podcast-icon.svg); background-size:18px;}
.media-terms .reading { background-image: url(images/resources-reading-icon.svg); background-size: 30px; }
.media-terms .video { background-image: url(images/resources-video-icon.svg); background-size:27px;}
.media-terms .discussion { background-image: url(images/resources-discussion-icon.svg); background-size:27px;}

.highlight-green .media-terms .game { background-image: url(images/resources-game-icon-green.svg); }
.highlight-green .media-terms .inspiration { background-image: url(images/resources-inspiration-icon-green.svg); }
.highlight-green .media-terms .making { background-image: url(images/resources-making-icon-green.svg); }
.highlight-green .media-terms .music { background-image: url(images/resources-music-icon-green.svg); }
.highlight-green .media-terms .papers { background-image: url(images/resources-papers-icon-green.svg); }
.highlight-green .media-terms .podcast { background-image: url(images/resources-podcast-icon-green.svg); }
.highlight-green .media-terms .reading { background-image: url(images/resources-reading-icon-green.svg); }
.highlight-green .media-terms .video { background-image: url(images/resources-video-icon-green.svg); }
.highlight-green .media-terms .discussion { background-image: url(images/resources-discussion-icon-green.svg); }



.highlight-mint .media-terms .game { background-image: url(images/resources-game-icon-mint.svg); }
.highlight-mint .media-terms .inspiration { background-image: url(images/resources-inspiration-icon-mint.svg); }
.highlight-mint .media-terms .making { background-image: url(images/resources-making-icon-mint.svg); }
.highlight-mint .media-terms .music { background-image: url(images/resources-music-icon-mint.svg); }
.highlight-mint .media-terms .papers { background-image: url(images/resources-papers-icon-mint.svg); }
.highlight-mint .media-terms .podcast { background-image: url(images/resources-podcast-icon-mint.svg); }
.highlight-mint .media-terms .reading { background-image: url(images/resources-reading-icon-mint.svg); }
.highlight-mint .media-terms .video { background-image: url(images/resources-video-icon-mint.svg); }
.highlight-mint .media-terms .discussion { background-image: url(images/resources-discussion-icon-mint.svg); }



.highlight-purple .media-terms .game { background-image: url(images/resources-game-icon-purple.svg); }
.highlight-purple .media-terms .inspiration { background-image: url(images/resources-inspiration-icon-purple.svg); }
.highlight-purple .media-terms .making { background-image: url(images/resources-making-icon-purple.svg); }
.highlight-purple .media-terms .music { background-image: url(images/resources-music-icon-purple.svg); }
.highlight-purple .media-terms .papers { background-image: url(images/resources-papers-icon-purple.svg); }
.highlight-purple .media-terms .podcast { background-image: url(images/resources-podcast-icon-purple.svg); }
.highlight-purple .media-terms .reading { background-image: url(images/resources-reading-icon-purple.svg); }
.highlight-purple .media-terms .video { background-image: url(images/resources-video-icon-purple.svg); }
.highlight-purple .media-terms .discussion { background-image: url(images/resources-discussion-icon-purple.svg); }




.highlight-yellow .media-terms .game { background-image: url(images/resources-game-icon-yellow.svg); }
.highlight-yellow .media-terms .inspiration { background-image: url(images/resources-inspiration-icon-yellow.svg); }
.highlight-yellow .media-terms .making { background-image: url(images/resources-making-icon-yellow.svg); }
.highlight-yellow .media-terms .music { background-image: url(images/resources-music-icon-yellow.svg); }
.highlight-yellow .media-terms .papers { background-image: url(images/resources-papers-icon-yellow.svg); }
.highlight-yellow .media-terms .podcast { background-image: url(images/resources-podcast-icon-yellow.svg); }
.highlight-yellow .media-terms .reading { background-image: url(images/resources-reading-icon-yellow.svg); }
.highlight-yellow .media-terms .video { background-image: url(images/resources-video-icon-yellow.svg); }
.highlight-yellow .media-terms .discussion { background-image: url(images/resources-discussion-icon-yellow.svg); }

.resources-archive { padding:0;}
.resources-archive a.resource { background-color:#fff; text-align: center; }
.resources-archive a.resource { padding: 40px; display: flex; flex-direction:column; justify-content:space-between;}
.resources-archive a.resource span.date { align-self: flex-start; width: 100%;}
.resources-archive a.resource span.resource-footer { align-self: flex-end; width:100%;}
.resources-archive h2, .resource-title { font-size: 48px; text-align: center; font-weight:600; padding: 1em 0; line-height: 1.1; text-wrap:balance;}
.resources-archive .section-inner { width:100%; max-width: 100%;}
a.resource:hover .resource-title { text-decoration: underline;}

.resources-archive a.resource span.resource-footer > span { width: 100%; display: block;}

.topic-terms ul { margin:0; padding:0; text-align: center;}
.topic-terms li, .topic-terms span { list-style: none; display: inline-block; background-color:#ededed; color:#231f20; font-weight: 400; padding: 6px 12px; margin: 4px; text-transform: uppercase; font-size:12px;}


.resources-list a { display: block; color:#231f20;}
.resources-list span { display: block;}

.resources-list span.topic-terms span, 
.resources-list span.media-terms span { display: inline-block;}

.topic-term, .media-terms { padding: 1em 0;}
.resources-list span span.button-link { display: inline-block; }

.resources-archive span.date { font-weight: 500; color:#231f20;}

.resources-archive .section-inner { 
		background-color:#ededed; 
		display: grid;
		grid-template-columns: 100%;
		column-gap: 8px;
		row-gap: 8px;
		padding: 8px;
	
	}

.resources-archive .section-title h2 {
	font-weight: 300;
	font-size: 32px;
	padding:1em 0 2em 0;
	margin:0;
}
	
section.resources .resources { text-align: center; }
section.resources .resources resource { text-align: left;}

section.date_strip .message a { padding: 15px 8px; color:#231f20; text-decoration: underline; font-weight: 500; position: relative;}
section.date_strip .message a::after {content: ""; border-right: 1px solid; height: 9px; position: absolute; top: 20px; right: 0;}
section.date_strip .message a:last-child:after { display: none; width: 0;}

.single-resource .intro { margin-bottom: 80px; }
.single-resource section.page-header.compact .section-inner { padding: 12% 0 4% 0;}

@media all and ( min-width: 800px) {
	section.date_strip .message a { padding: 25px 10px;}
	section.date_strip .message a::after { top: 32px; }
}


@media all and (min-width:600px) {
	.resources-archive .section-inner { 
	
		/*display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;*/
		grid-template-columns: 1fr 1fr;
	
	}
	/*/ resource, .resource { width: 49%; 	} */
	
	section.resources .resources resource {
		display: inline-block;
		vertical-align: top;
		width: 47%;
		margin: 0 1.5%;
	}
}

@media all and (min-width:800px) {
		section.resources .resources resource  { width: 30%;} 
}

@media all and (min-width:1100px) {
	.resources-archive .section-inner { 
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media all and (min-width:1500px) {
	.resources-archive .section-inner { 
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

footer .menu { margin:0; padding:0; text-align: left;}
footer .menu li { margin:0; padding:0; list-style:none;}
footer .menu a { font-size: 16px; font-weight: 600; color:#231f20; }
footer .menu a:hover, .footer-content a:hover { color:#231f20; text-decoration: underline;}

.footer-content { text-align: left;} 
.footer-content a { font-weight: 600; }
.footer-strap div.menu, .footer-content { padding: 15px 0; }

.footer-content p { font-size: 12px; }

@media all and (min-width: 600px) {
	.footer-strap div.menu, .footer-content { padding: 30px; }
/*	
	.footer-link, .footer-strap, 
  */
	footer { font-size: 0;}
	
	  footer {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
	  }
	  
	  footer > div {
		  width: 50%;
		  position: relative;
	  }
  
 }
 
 @media all and (min-width: 800px) {
	
	.footer-content, .footer-strap div.menu { width: 50%; display: inline-block; vertical-align: top;}	
	.footer-content { font-size: 13px;}

	
 }
  
  footer a.credit-link { font-size: 12px; padding-left: 27px; display: inline-block; background-image: url(images/credit-heart-icon-white.svg); background-position: 5px 50%; background-size: 16px; background-repeat: no-repeat; }
  a.credit-link span.credit-text { color:#fff; font-weight: 700;}

  footer span.logo { width: 250px; margin: 0 auto;display: block; text-indent:-9999px; 
  overflow: hidden; height: 80px;  background: transparent url(images/grace-church-logo.svg) no-repeat 50% 50%;
  background-size: contain;
  }
  
  
  .footer-link {
	  background-color:#231f20;
  }
  .footer-link a {position: relative; text-align: left; display: block;}
  
  .footer-link span.text {
	  padding: 30px;
	  display: block;
	  text-align: left;
	  line-height:1.2;
	  position: relative;
	  background-color:#231f20;
  }
  .footer-link span.title {
	  color:#75c9b5;
	  font-size: 26px;
	  font-weight: 600;
	  display: block;
  	  
  }
  
  .footer-link span.credit { left:0; top:0;}
  
  .footer-link span.button { font-size: 14px; color:#fff; font-weight: 600; display: inline-block; margin-top: 2em;}
  .footer-link span.button::after{
	  display: inline-block;
	  content: "+";
	  color:#75c9b5;
	  padding-left: 10px;
  }
  .footer-link a:hover span.button::after{color:#fff;}
 
  
  @media all and (min-width: 880px) {
	  .footer-link span.text { padding: 50px;}
	  .footer-link a { display: flex; position: absolute; top:0; right:0; bottom:0; left:0;}
	  .footer-link a > span { width: 50%;}
	  .footer-link a > span.image img { height: 100%; object-fit: cover;}
	  .footer-link a > span.text {display: flex; 
	    justify-content: center;
        flex-direction: column;
		
	  
	  }
	  .footer-link a > span.text > span { }
  }
    
/***

		RESPONSIVE QUERIES

***/


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

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

}

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

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

}


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

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

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

}

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

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

	.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;}
	.footer-rubric div.menu {text-align: right;}


}

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

}

.ubermenu-content-block { position: relative; }

.menu-image-link a {
/*	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0; 
	padding: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
*/
	text-decoration: none;
	color:#fff;
	position: relative;
	font-size: 20px;
	line-height: 1 !important;
	padding:0;
}

.menu-image-link span { display: block;}
.menu-image-link span.text { position: absolute; bottom: 30px; left: 30px; z-index:2;}
.menu-image-link span.title {
	font-size: 20px;
	font-weight: 600;
	color:#fff;
}
.menu-image-link span.link-text {
	font-size: 14px;
	font-weight: 600;
	color:#fff;
	display: inline-block;
}
.menu-image-link span.link-text::after{
		content: "+";
		padding-left: 10px;
}
section.series_archive { padding:0 !important;}
.series_archive .section-inner { width: 100%; max-width: 100%;}
.series_archive ul { margin:0; padding:0; font-size:0;}
.series_archive li { list-style: none; display: inline-block; vertical-align: top;}
.series_archive a { display: block; position: relative; font-size: 20px; color:#fff; text-decoration: none; border: none !important;}
.series_archive a span { display: block;}
.series_archive span.overlay { position: absolute; left: 30px; right: 30px; bottom: 20px; text-align: center; z-index:2; line-height: 1.2; transition: all 0.3s;}
.series_archive span.date-label {
	font-size: 20px;
	font-weight: 600;
	color:#fff;	
}

span.link-text {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	color:#231f20;
}

.series_archive span.link-text { color:#fff; }

span.link-text::after{
		content: "+";
		padding-left: 10px;
}

.series_archive a::after {
	content: "";
	display: block;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	
	background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.15) 100%);
}

.series_archive a:hover::after{
	background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.3) 100%);
}
.series_archive a:hover span.overlay { bottom: 45px;  transition: all 0.3s;}



@media all and (min-width: 500px) {	.series_archive li { width: 50%;} }
@media all and (min-width: 800px) {	.series_archive li { width: 33.33%;} }


div.modals {
	overflow: hidden;
	height:0;
}
 
.modal-outer{ top:0; right:0; bottom:0; left:0; background-color:rgba(255,255,255,0.8); z-index:-10; position: fixed;}
.modal-outer.active { z-index:500001;}
div.modal a.close {
	 position: absolute;

	 top: 30px;
	 right:30px;
	 
	 width: 20px;
	 height: 20px;
	 background: transparent url(images/gc-close-icon.svg) no-repeat 50% 50%;
	 background-size: contain;
	 overflow: hidden;
	 text-align: left;
	 text-indent: -9999px;
	 z-index: 5;
}

	div.modal { 
		background-color:#ffd830;
		padding: 50px;
		opacity: 0;
		z-index: -40;  
		transition: z-index 0.3, opacity 0.56s; 
		transition-timing-function: ease-in;
		position: fixed;
		top:0; right:0; bottom:0; left:0;
	}
	
	div.modal.active {
		top:0; right:0; bottom:0; left:0;
		opacity: 1;
		z-index: 500002;  
		transition: z-index 0.3s, opacity 0.6s; 
		transition-timing-function: ease-out;
		
	} 
	
	
	@media all and (min-width: 700px) {
	
		div.modal {
/*			top: 50%;  left: 50%; right:auto; bottom:auto; 
			transform: translate(-50%, -50%) translate3D(0,0,0); 
*/		}
		
		div.modal.active{
			max-width: 500px; margin: 10% auto;
			max-height: 80%;
/*			top: 50%;  left: 50%; right:auto; bottom:auto; 
			transform: translate(-50%, -50%) translate3D(0,0,0); 
			*/
		}

	
	}
	
	
	
	
.modal h2 { color:#fff; text-align: center; line-height: 1.3; margin-top:0;}
.modal h2 span { color:#000; font-size: 80%; display: block;}
 .modal textarea { background-color:#fff;}
.modal #cf7md-form .mdc-text-field--textarea:not(.mdc-text-field--disabled) { background-color:#fff !important;}



div#banner{
	background: #000;
    color: #fff;
    display: block;
    text-align: center;
    padding: 7px;
    font-size: 16px;
    margin-top: -19px;
    margin-bottom: 19px;
    font-weight:400;
	
}

div#banner p { margin-bottom:0;}

div#banner a.button-link{ background-color: #75c9b5; margin-left: 10px;}
div#banner a.button-link:after { color:#000;}
div#banner a.button-link:hover:after { color:#fff;}