body {
    overflow-x: hidden;
}

@media (min-width: 36rem) {
	.header--95vh {
		height: 95vh;
		min-height: 45em;
	}
}

.header--95vh {
	min-height: 50em!important;
}

.has-shadow {
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4));
}

.has-background--accent-1 {
	background: #006168!important;
}

.btn--yellow {
	background-color: #FFC60A;
	border: #FFC60A;
	color: #47525A;
}

.btn--yellow:hover {
	background-color: #FFD65A;
	border: #FFD65A;
	color: #47525A;
}

.font--accent--h1 {
	font-size: 5em!important;
}

.font--accent--h2 {
	font-size: 4em!important;
}

@media (max-width: 48rem) {
	.font--accent--h1 {
		font-size: 4.5em;
	}
}

.flex {
	display: flex;
}

.flex--wrap {
	flex-wrap: wrap;
}

@media (min-width: 70rem) {
	.story-column {
		width: 32%!important;
	}
}

.story-column {
	width: 100%;
}

.story-container {
	min-height: 48em;;
	overflow: visible;
}

button.current {
	transform:translateY(8px);
}

button.current svg#church {
	transition: ease-in 0.5s;
	fill: #006168;
}
button.current svg#bible {
	transition: ease-in 0.5s;
	fill: #006168;
}
button.current svg#united {
	transition: ease-in 0.5s;
	fill: #006168;
}

button.current h5 {
	color: #006168!important;
}


svg#church, svg#bible, svg#united {
	fill: #47525A;
	transition: ease-in 0.5s;
}

svg#church:hover, svg#bible:hover, svg#united:hover {
	fill: #006168;
}


/**Text Utilities**/
@font-face {
	font-family: 'WycliffeSpirit-Emboldened';
	src:
	url('/LandingPage/q4-together/fonts/WycliffeSpirit-Emboldened.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.font--accent {
	font-family: 'WycliffeSpirit-Emboldened',  "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif !important;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header {
	background: url(/LandingPage/q4-together/img/corner-pattern-white.png) no-repeat, linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.5), rgba(0,0,0,0), rgba(0,0,0,0.5)), url('../img/together-hero.jpg') no-repeat !important;
	background-size: 400px auto, cover, cover !important;
	background-position: top left, center, center !important;
	margin-bottom: 0;
}

@media (max-width: 450px) {
	.header-img {
		margin-top: 20%;
	}
}
@media (max-width: 380px) {
	.header-img {
		margin-top: 30%;
	}
}

.greyd {
	color: #47525A !impo rtant;
}

.church-box {
  height:300px;
  width: 200px;
  background: url(../img/church-box.svg) no-repeat;
  display: inline-block;
  position: relative;
}


.mid-white-section {
	background: url(/LandingPage/q4-together/img/corner-pattern-lightgray.png) no-repeat 0% 0%/450px 200px, url(../img/corner-pattern-lightgray2.png) no-repeat 100% 0%/450px 200px !important;
	background-position: top left, top right;
	/* filter: invert(50%); */
}
.mid-white-section2 {
/*	margin-top: 20%;*/
	background-color: rgb(242,242,242);
}

.top-gradient {
	background: linear-gradient(#85BCDC, rgb(219,230,235));
}

.cta1 {
	clear: both;
}


/* Indo Spreads */
.indo-1 {
	background: url(/LandingPage/q4-together/img/takes-church.jpg) no-repeat;
}
.indo-2 {
	background: url(/LandingPage/q4-together/img/Indo2.jpg) no-repeat;
}
.indo-3 {
	background: url(/LandingPage/q4-together/img/Indo3.jpg) no-repeat;
}
.indo-1, .indo-2, .indo-3 {
	background-size: cover;
	background-position: center;
/*	height: 50vh;*/
	width: 100vw;
/*	min-height: 40em;*/
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}

.current {
	clear: none !important;
}

.current:after {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #006168;
	position: relative !important;
	margin: 0 auto;
	margin-top: 1.5em;
}

/*
.current-selection {
	margin-bottom: 95%;
}
*/

.indo-stretch {
	position: absolute;
	width: 104vw;
/*	margin-top: 3%;*/
	left: -53%;
}

@media (max-width: 70rem) {
	.indo-stretch {
		position: relative;
		left: -57%;
		margin-bottom: 2em;
	}
}

@media (max-width: 36rem) {
	.indo-stretch {
		left: -10px;
	}
}

@media (max-width: 42em) {
	.cell--4of5.is-glued {
		width: 100%!important;
	}
}

.indo-invis {
	display: none;
}

.flex-info-container {
	background: url(/LandingPage/q4-together/img/oval2.png) no-repeat center;
	background-size: contain;
	padding: 10%;
}

@media (max-width: 58rem) {
	.cell--1of2.flex-info-container {
		width: 80%;
		margin-left: auto!important;
		margin-right: auto!important;
		float: none;
		padding: 15%;
	}
}

.info-1 {
  max-width: 80%;
}

/**Video**/
.video--block {
/*	max-width: 530px;*/
	transition: all ease-out 0.5s;
	z-index: 1;
}

@media (max-width: 48rem) {
	.video--block {
		max-width: 98%;
		float: left;
	}
}

.a-pulse {
	animation: pulsing 3000ms 1s 2;
}

@keyframes pulsing {
	0%{
		-webkit-transform: scale(1);
	}
	25%{
		-webkit-transform: scale(1);
	}
	35%{
		-webkit-transform: scale(1.15);
		filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.7));
	}
	48%{
		-webkit-transform: scale(1);
	}
	55%{
		-webkit-transform: scale(1.1);
		filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.7));
	}
	70%{
		-webkit-transform: scale(1);
	}
}

.pin1, .pin2 {
	position: absolute;
	width: 10px;
	height: 20px;
	background-color: blue;
}
.pin.active {
	z-index: 2;
}
.pin1 {
	bottom: 160px;
	right: 50px;
}
.pin2 {
	bottom: 200px;
	right: 50px;
}
.tooltip {
	display: none;
	position: relative;
	z-index: 2;
	background: white;
    padding: 20px;
    border-radius: 5px;
    width: 300px;
    margin-left: -320px;
}

.tooltip-underlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	z-index: 1;
}

.tooltip.active {
	display: block;
}

.cell--3of5.mobile--1 {
	margin-top: -35%;
}

.btn--play {
	width: 1.5em;
	height: 1.5em;
	z-index: 1;
	border: none !important;
	background: transparent url('/LandingPage/q4-together/img/play-button.svg') no-repeat center top !important;
	background-size: cover;
}

.btn--play:hover {
	transform: scale(1.15);
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.7));
	cursor: pointer;
}

.btn--play.label--bottom {
	background-size: 50%!important;
	padding-top: 5em;
	width: 8.5em;
	padding-bottom: 1em;
}

.btn--play.label--side {
	padding-left: 6em;
	width: auto;
	height: 5em;
	background-size: contain!important;
	background-position-x: left!important;
}

.btn--center {
	display: block;
	position: absolute;
	margin-left: 21%;
	margin-top: 12%;
	z-index: 15;
}

@media (max-width: 54rem) {
	.mobile--1 {
		order: 1;
	}
	
	.mobile--2 {
		order: 2;
	}
	
	.mobile--2.featured-video {
		display: block;
	}
	
	video.cell--3of5 {
		width: 80%!important;
		margin: auto;
	}
	
	.cell--3of5.has-background--accent-1 {
		margin-top: 0!important;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding: 0;
		float: none;
	}
	
	.cell--3of5.has-background--accent-1 .cell--3of4 {
		width: 90%;
		margin: auto;
		float: none;
	}
	
	.featured-video {
		margin: 0!important;
	}
	
	.video--loop.cell--3of5 {
		display: block;
		padding: 0;
		filter: none!important;
		margin: auto;
		float: none;
	}
	
	.btn--center {
		margin-left: 35%;
		margin-top: 12%;
	}
	
	.featured--panel {
		margin-top: -25%!important;
	}
}

@media (max-width: 30rem) {
	.btn--center {
		margin-left: 30%!important;
		margin-top: 10%;
	}
}

/**End Video Styles**/

/* Card styles */
.card-container {
	background-color: white;
/*	min-height: 450px;*/
}
.card-contents:hover {
	transform: scale(1.02);
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7,1,0.7,1);
}
.card-contents2:hover {
	transform: scale(1.02);
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7,1,0.7,1);
}
.card-contents3:hover {
	transform: scale(1.02);
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7,1,0.7,1);
}
.card-picture {
  background-size: cover !important;
  height: 195px;
  background-position: center !important;
  width: 100%;
}
.card-picture1 {
	background: url(/LandingPage/q4-together/img/church-door.jpg) no-repeat;
}
.card-picture2 {
	background: url(/LandingPage/q4-together/img/finished-race.jpg) no-repeat;
}
.card-picture3 {
	background: url(/LandingPage/q4-together/img/hikers.jpeg) no-repeat;
}


.pic-invis {
	display: none !important;
}
.hover-picture3{
	background:     linear-gradient(
			rgba(230, 76, 56, .8),
			rgba(230, 76, 56, .8)
		), url(/LandingPage/q4-together/img/hikers.jpeg) center no-repeat !important;
}
.hover-picture2{
	background:     linear-gradient(
			rgba(230, 76, 56, .8),
			rgba(230, 76, 56, .8)
		), url(/LandingPage/q4-together/img/finished-race.jpg) center no-repeat !important;
}
.hover-picture1{
	background:     linear-gradient(
			rgba(230, 76, 56, .8),
			rgba(230, 76, 56, .8)
		), url(/LandingPage/q4-together/img/church-door.jpg) center no-repeat !important;
}
.hover-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-size: cover !important;
}
.hover-center:hover {
	transform: scale(1.03);
}
.hover-height {
	/* margin-top: 220px; */
}
.hover-shadow {
	box-shadow: 0px 0px 10px;
}
.white-text {
	color: white !important;
}
.footer-text {
  color: rgb(0,97,103) !important;
	font-size: 3em;
}

/* INDO Media Queries */
/* icon clicked queries  */
@media (max-width: 844px) {
	.church-box {
		height: 500px !important;
		width: 90% !important;
		margin-top: -30%;
	}
	
	.church-text {
		margin-top: 20%;
	}
	
	.current {
		clear: both !important;
	}
	
@media (max-width: 844px) {
	body > div.row.cell.cell--100.scrollme.cta1* > div.cell.cell--100.cell--center.text--center.has-padding--huge.top-gradient {
		margin-top: 22%;
	}
	.mid-white-section {
		background: url(/LandingPage/q4-together/img/corner-pattern-lightgray2.png) no-repeat 100% 0%/450px 200px !important;
	}
	.mid-white-section2 {
		margin-top: 10%;
	}
}
@media (max-width: 746px) {
	.btn--float {
    left: 65%;
	}
}
	
@media (max-width: 40em) {
	.flex-info-container {
		background: none;
		background-color: rgba(0,0,0,0.5);
		background-size: contain;
		height: auto!important;
		min-height: none!important;
		max-width: 100%!important;
		width: 100%!important;
		margin: 0!important;
		padding: 2em;
	}
	
	.header {
		background: url(/LandingPage/q4-together/img/corner-pattern-white.png) no-repeat, linear-gradient(to right, black , rgba(0,0,0,0.5), rgba(0,0,0,0.9)), url(../img/together-hero.jpg) no-repeat !important;
		background-size: 340px 140px, cover, cover !important;
		background-position: top left, center, center !important;
		margin-bottom: 0;
		max-height: 100vh;
		min-height: 700px;
	}
}
	

@media (max-width: 437px) {
	.footer-text {
    font-size: 2em;
	}
}