/*
Theme Name: 	Breathe
Theme URI: 		http://breathebible.com
Description: 	Basic Breathe Theme
Version: 		4.0
Author: 		Zag Media
Author URI: 	http://zag.media
Tags: 			clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */

    font-family: 'Montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */

    font-family: 'Montserrat', sans-serif;
}

p,
ul {
    font-size: 1rem;
    color: #555;
}

/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

	.main-header {
		width: 100%;
		display: block;
		background: #758b97;
		background-image: url('/img/coast.jpg');
		background-size: cover;
		background-position: center;
		padding-top: 2em;
		padding-bottom: 2em;
		/*font-family: 'Montserrat', sans-serif;*/
		text-transform: uppercase;
		font-weight: 400;
		/*margin-bottom: .5em;*/
	}

	a#digitalbanner {
		display: none;
		line-height: 3em;
		color: white;
		text-decoration: none;
		background: #7db36b;
		text-align: center;
		/*font-family: 'Montserrat', sans-serif;*/
		text-transform: uppercase;
		font-size: 1.2em;
	}

	.main-header h1 img {
		display: block;
		max-width: 80%;
		margin:0 auto;
	}

	.main-header ul {
		color: white;
		display: block;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
		font-weight: bold;
	}

	.main-header li {
		display: inline-block;
		margin-left: .5em;
		margin-right: .5em;
		font-size: .8em;
	}

	.main-header a {
		color: white;
		text-decoration: none;
		font-weight: 400;
		padding-bottom: .5em;
		transition: border-bottom 400ms ease;

	}

	.main-header a:hover {
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}

	h2.title {
		width: 95%;
		display: block;
		text-align: center;
		background:#758b97;
		padding: 2.5%;
		color: white;
		/*font-family: 'Playfair Display', serif;*/
		font-size: 2em;
		font-weight: 100;
		font-style: italic;
	}

	.container h2 {
		display: block;
		width: 100%;
		text-align: center;
	}

		h2.hometitle {
		width: 95%;
		display: block;
		text-align: center;
		background:#758b97;
		padding: 2.5%;
		color: white;
		/*font-family: 'Playfair Display', serif;*/
		font-size: 1.2em;
		font-weight: 100;
		font-style: italic;
	}

	.title a {
		color: white;
		text-decoration: none;
		padding-left: 2em;
		padding-right: 2em;
		transition: 200ms;
	}

	.title a:hover {
		border-bottom: 1px solid white;
		transition: 200ms;
	}

	.mast {
		background-image: url('/img/coast.jpg');
		background-size: cover;
		background-position: center;
		padding-top: 3em;
		padding-bottom: 3em;
		margin-bottom: .5em;
		/*font-family: 'Montserrat', sans-serif;*/
	}

	.mast h2 {
		color: white;
		text-transform: uppercase;
		text-align: center;
		font-size: .5em;
		margin-bottom: 3em;
		font-weight: 400;

	}

	.clearfix:after {
  		content: "";
 		display: table;
  		clear: both;
	}

	.block {
		width: 100%;
		display: block;
		clear: both;
	}

	.logo {
		width: 80%;
		margin: 0 auto;
	}

	.logo img {
		width: 100%;
	}

	.about {
		width: 95%;
		background: #758b97;
		padding: 2.5%;
		text-align: center;
		color: white;
	}

	.about h2 {
		font-size: 1.5em;
	}

	.plain {
		text-transform: uppercase;
		/*font-family: 'Montserrat', sans-serif;*/
		letter-spacing: .15em;
		font-size: .9em;
		font-style: normal;
		font-weight: 400;
		display: block;
	}

	.tilt {
		font-style: italic;
		font-weight: 100;
		/*font-family: 'Playfair Display', serif;*/
		letter-spacing: .05em;
		display: block;
	}

	.purchasebox, .actorbox, .samplebox {
		display: block;
		width: 85%;
		float: left;
		margin-left: 7.5%;
		margin-right: 7.5%;
		color: white;
		text-decoration: none;
		text-align: center;
	}

	.purchasebox, .actorbox {
		margin-bottom: 2em;
		padding-bottom: 1em;
		transition: 200ms;
	}

	.purchasebox:hover, .actorbox:hover {
		border-bottom: 1px solid white;
		transition: 200ms;
	}

	.clickables {
		background: rgba(117,139,151,.8);
		width: 100%;
		transition: 800ms;
	}

	.box {
		padding-top: 100%;
	}

	.samplebox {
		text-align: center;
	}

	.samplebox h3, .centercolumn h3, .purchasebox h3, .actorbox h3 {
		display: inline-block;
		font-style: italic;
		/*font-family: 'Playfair Display', serif;*/
		font-weight: 400;
	}

	.samplebox h4, .centercolumn h4, .purchasebox h4, .actorbox h4 {
		display: inline-block;
		/*font-family: 'Montserrat', sans-serif;*/
		margin-left: .3em;
		margin-right: .3em;
		margin-top: 1em;
		font-weight: 400;

	}

	.samplebox h3, .samplebox h4, .centercolumn h3, .centercolumn h4 {
		text-align: center;
	}

	.actors, .darkblue {
		padding-top: 4em;
		padding-bottom: 6em;
		color: #333d47;

	}

	.darkblue {
		background: #f9f9f9;
		padding-top: 4em;
		padding-bottom: 6em;
		color: #999;

	}

	.darkblue2 {
		background: #333d47;
		padding-top: 4em;
		color: white;

	}

	.actors h5 {
		margin: 0 auto;
		text-align: center;
		font-weight: normal;
		padding-top: 4em;
		/*font-family: 'Playfair Display', serif;*/
		font-style: italic;
		font-size: 1.25em;
		clear: both;
	}

	.bio, .purchase {
		width: 90%;
		display: block;
		margin: 0 auto;
	}

	.picture img {
		width: 100%;
		height: 100%;
	}




	.product {
		width: 80%;
		display: block;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.product img {
		width: 100%;
	}

	.previewit {
		margin-bottom: 2em;
	}

	.previewit h2 {
		font-size: 1.75em;
	}

	.actors h2 {
		display: inline-block;
		text-align: center;
		text-transform: uppercase;
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 400;
		letter-spacing: .15em;
	}

	.actor {
		width: 50%;
		display: inline-block;
		text-align: center;
		letter-spacing: .05em;
		margin-top: 1em;
		margin-bottom: 1em;
		float: left;
	}

	.actor:after {
		clear:both;
	}

	.actor img {
		width: 100%;
	}

	.actor a {
		color: #333d47;
		text-decoration: none;
		/*border-bottom: 1px solid #333d47;*/
		padding-bottom: .05em;
	}

	.actor a:hover {
		color: rgba(51,61,71, 0.6);
		/*border-bottom: 1px solid #eee;*/
		transition: 500ms;
	}

	.actor h3, .bio h3 {
		/*font-family: 'Montserrat', sans-serif;*/
		text-transform: uppercase;
		padding-top: .7em;
		font-weight: 400;
	}

	.actor h4, .bio h4 {
		font-family: 'Playfair Display', serif;
		font-weight: 100;
		font-style: italic;
		padding-top: .08em;
	}

	.purchase .words h3, .desc h3 {
		/*font-family: 'Montserrat', sans-serif;*/
		font-size: 1.5em;
		font-weight: 400;
		text-transform: uppercase;
		margin-bottom: 1em;
		padding-top: 0em;
	}

	.words p, .desc p {
		/*font-family: 'Playfair Display', serif;*/
		line-height: 2em;
	}


	.words h4, .desc h4 {
		margin-bottom: 1em;
	}


	footer {
		clear: both;
		background:#333d47;
		color: white;
		margin-top: .5em;
	}

	.beauty {
		display: inline-block;
		width: 33.333%;
		float: left;
	}

	.beauty img {
		width: 100%;
	}

	.copyright {
		width: 90%;
		display: block;
		margin: 0 auto;
		font-size: .7em;
		padding-top: 12em;
		color: white;
	}

	.copyright img {
		width: 20%;
		display: block;
		margin: 0 auto;
		margin-bottom: 3em;
		margin-top: 1em;
	}

	.copyright p {
	    color: rgba(255, 255, 255, 0.7);
	}

	select {
		margin-top: 1em;
		line-height: 2em!important;
	}

	.desc h5 {
		display: inline-block;
		margin-right: 1em;
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 400;
		float: left;
		margin-top: 1em;
	}

	#order {
		margin-top: 1em;
		margin-bottom: 2em;
	}

	.email {
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: 1em;
		background: #333d47;
		border: none;
		color: white;
		border: 1px solid white;
		margin-bottom: 1em;
		text-align: center;
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 400;
		padding-left: 0px;
		padding-right: 0px;
		font-size: .9em;
		padding-top: 1em;
		padding-bottom: 1em;

	}

	::-webkit-input-placeholder { /* Chrome */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}

	.picture {
		margin-bottom: 2em;
	}

	.button {
		display: block;
		width: 45%;
		margin: 0 auto;
		color: white;
		background: #758b97;
		border:none;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: .9em;
		padding: 1em;
	}

	.buttonlink {
		display: block;
		text-decoration: none;
		text-align: center;
		width: 45%;
		margin: 0 auto;
		color: white;
		background: #758b97;
		border:none;
		text-transform: uppercase;
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 400;
		font-size: .9em;
		line-height: 4em;
		padding-left: 1em;
		padding-right: 1em;
		margin-top: 2em;
		font-weight: bold;
	}

	.icon {
		width: 18px;
		margin-right: 8px;
	}

	.desc ul {
		margin-top: 2em;
		margin-bottom: 2em;
		/*font-family: 'Montserrat', sans-serif;*/
		font-size: .8em;
		list-style-image: url('/img/b.png')!important;
	}


	.desc li {
		margin-bottom: 1.5em;
		background: url('/img/b.png');
		background-repeat: no-repeat;
		background-size: 18px;
		padding-left: 28px;
	}

.dvPlayer__button {
  position: absolute;
  bottom: 0em;
  left: 1em;
  width: 4em;
  height: 4em;
  color: transparent;
  cursor: pointer;
  user-select: none;
  opacity: 0.8;
}
.dvPlayer__button:before, .dvPlayer__button:after {
  display: none;
  content: '';
  box-sizing: border-box;
  position: absolute;
  content: '►';
  color: #fff;
  box-shadow: none;
  background: transparent;
  text-shadow: 0 2px 10px black;
  font-size: 2em;
  top: 0;
  left: 0;
}
.dvPlayer__button:after {
  display: block;
  content: '▐▐';
    font-size: 1.2em;
  margin-left: -0.25em;
  margin-top: 0.25em;
}
.dvPlayer__button--paused:before {
  display: block;
}
.dvPlayer__button--paused:after {
  display: none;
}
.dvPlayer__album {
  position: relative;
  display: inline-block;
}
.dvPlayer__cover {
  width: 100%;
  float: left;
}
.dvPlayer__cover:after {
  clear: both;
}

.ref {
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 2.5em;
	padding: .5em;
	background: rgba(0,0,0,.7);
	font-size: .8em;
	/*font-family: 'Montserrat', sans-serif;*/
	font-weight: 400;
	opacity: 0;
	transition: 300ms;
	color: #fff;
}

.dvPlayer__button:hover + .ref {
	opacity: 1;
	transition: 500ms;
}

.centercolumn {
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

.widercenter {
	width: 90%;
	margin: 0 auto;
}

.widercenter h3 {
	/*font-family: 'Montserrat', sans-serif;*/
	line-height: 2em;
	font-size: 1.15em;
	margin-bottom: 1.5em;
	font-weight: 400;

}

.widercenter h4 {
	text-align: center;
	font-style: italic;
	/*font-family: 'Playfair Display', serif;*/
	font-size: 2em;
	font-weight: 400;
}

.widercenter h5 {
	text-align: center;
	font-style: italic;
	/*font-family: 'Playfair Display', serif;*/
	font-weight: 400;
	margin-top:3em;

}

.widercenter h5 a {
	text-decoration: underline;
	color: white;
}

.ecardbanner {
	width: 100%;
	color: white;
	text-align: center;
	background: none;
	font-style: italic;
	/*font-family: 'Playfair Display', serif;*/
	font-weight: 100;
	margin-top: 4em;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: 1.5em;
	clear: both;
}

.ecardbanner a {
	color: white;
	text-decoration: none;
}

.digitalproducts {
	display: block;
	width: 90%;
	margin: 0 auto;
}

	.digitalproducts h3 {
		/*font-family: 'Montserrat', sans-serif;*/
		font-weight: 400;
		margin-top: 1em;
		text-align: center;
	}

	#product-component-974db295a71 {
		margin:0 auto;
	}

#zag_download_form {
	font-size: 1em!important;
}

#zag_download_form p {
	/*font-family: 'Playfair Display', serif;*/
	font-style: italic;
	line-height: 2em;
}

.error_message_code, .error_message_email_1, .error_message_email_2, .submission_failure_message {
	/*font-family: 'Montserrat', sans-serif;*/
	color: red;
	display: block;
	display: none;
}

#zag_download_form .step {
	margin-bottom: 1em;
	margin-top: 2em;
}

#zag_download_form {
	/*font-family: 'Montserrat', sans-serif;*/
	font-style: normal;
	font-size: .8em;
}

.steplabel {
	/*font-family: 'Montserrat', sans-serif;*/
	font-style: normal;
}

input.error {
	line-height: 2em;
	width: 250px;
}

#zag_download_submit {
	width: 150px;
	border: none;
	line-height: 3em;
	height: 3em;
	background: #758b97;
	color: white;
	/*font-family: 'Montserrat', sans-serif;*/
	font-style: normal;
	font-size: 1em;
	text-transform: uppercase;
}

.app-button {
	width: 100px;
	margin-top: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
}



/* 550 and up */
@media screen and (min-width: 550px) {

	.mast {
		padding-top: 4em;
		padding-bottom: 4em;
	}

	.mast h2 {
		font-size: .75em;
	}

	.actor {
		width: 33.333%;
	}

	h2.hometitle {
		font-size: 1.5em;
	}

		.beauty {
		display: inline-block;
		width: 16.666%;
		float: left;
		margin-bottom: 1em;
	}

	.copyright {
		width: 50%;
		display: block;
		margin: 0 auto;
		font-size: .7em;
		padding-top: 0px;

	}

	.copyright img {
		width: 25%;
		display: block;
		margin: 0 auto;
		margin-top: 1em;
		margin-bottom: 3em;
	}

	.bio, .purchase {
		width: 80%;
	}

	.picture {
		width: 30%;
		margin-right: 5%;
		float: left;
	}

	.purchase .picture {
		width: 47.5%;
	}

	.words {
		width: 65%; float: left;
	}

	.desc {
		width: 47.5%;
		float: left;

}
}

/* 720 and up */
@media screen and (min-width: 720px) {

	.actors {
		padding-top: 3em;
	}

	.mast h2 {
		font-size: 1.25em;
	}

	.logo {
		width: 60%;
	}

		.tilt, .plain {
		display: inline;
	}

	.actor {
		width: 25%;
	}

	.centercolumn {
		display: block;
		width: 350px;
		margin: 0 auto;

	}

	.widercenter {
		display: block;
		width: 500px;
		margin: 0 auto;
	}

	.product {
		width: 25%;
		display: inline-block;
		margin-left: 20%;
		margin-right: 5%;
		margin-bottom: 6em;
	}

	.product img. {
		transform: perspective( 600px ) rotateY( 0deg );
    	transition: 500ms ease;
	}

	.product img:hover {
		transform: perspective( 600px ) rotateY( 6deg );
    	transition: 500ms ease;
	}

	.previewit {
		width: 30%;
		display: inline-block;
	}

	.previewit h2 {
		font-size: 2.5em;
	}

	.main-header li {
		letter-spacing: .05em;
		font-size: 1em;
		margin-left: 1em;
		margin-right: 1em;
	}

	.purchasebox, .actorbox, .samplebox {
		display: block;
		width: 28.333%;
		float: left;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}

	.purchasebox, .actorbox {
		margin-bottom: 0;
	}
}


	.digitalproducts img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}


/* 1100 and up */
@media screen and (min-width: 1100px) {

	.actor {
		width: 16.666%;
	}



	.sixrow {
		display: block;
		width: 100%;
		clear:both;
	}

	.block {
		width: 100%;
		clear: none;
	}



	.copyright {
		clear: both;
		width: 48%;
		display: block;
		margin: 0 auto;
		font-size: .6em;
		line-height: 2em;
		padding-top: 2em;
		margin-bottom: 2em;
	}

	.copyright p {
		display: inline-block;
		width: 80%;
		float: left;
		margin-right: 3%;
	}

	.copyright img {
		display: inline-block;
		width: 17%;
		float: left;
		margin-top: 0em;
	}

	.bio {
		width: 60%;
	}

	hr {
		border: 0px;
		border-bottom: 1px solid white;
	}

	.wide {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
}








/* Added by Brian Haferkamp */
/* July 2017 */



/* Two-up sections */

.two-up {
    padding: 1rem;
}

@media (min-width: 768px) {
    .two-up {
        display: flex;

    }
}

.two-up-text {
    /*font-family: 'Playfair Display', serif;*/
}

@media (min-width: 768px) {
    .two-up-text {
        flex: 0 1 50vw;
    }
}

@media (min-width: 1000px) {
    .two-up-text {
        font-size: 1.2rem;
    }
}

.two-up-text-header h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-family: 'Playfair Display', serif;
}

.two-up-text p {
    margin-bottom: 1rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .two-up-text p {
        padding-right: 1rem;
    }
}

.two-up-text ul {
    /*margin-left: .5rem;*/
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .two-up-text ul {
        padding-right: 1rem;
    }
}

.two-up-text ul li {
    margin-bottom: 1rem;
}

/*.two-up-text ul li:before {*/
/*   content: '›';*/
/*   margin-right: .5rem;*/
/*}*/

.two-up-cta-header {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2rem 0 1rem;
}

@media (min-width: 1000px) {
   .two-up-cta-header {
       margin: 3rem 0 1rem;
   }
}

.two-up-cta select {
    margin: 0;
    font-size: .9rem;
    padding: .2rem 0;
    /*font-family: 'Montserrat', sans-serif;*/
}

.two-up-cta .button {
    margin: 0 0 1rem;
    width: 70%;
    text-align: left;
    transition: background-color 200ms ease;
}

.two-up-cta .button:hover {
    background-color: rgba(117, 139, 151, 0.8);
}

.two-up-cta a {
    text-decoration: none;
}

.two-up-cta button i {
    font-size: 1rem;
}

.two-up-image img {
    width: 100%;
    margin: 2rem 0 1rem;
}

@media (min-width: 768px) {
    .two-up-image {
        flex: 0 1 50vw;
    }
}

@media (min-width: 768px) {
    .two-up-image img {
        margin: 0;
    }
}

.ghost-button {
    background: transparent;
    border: 1px solid #999;
    color: #999;
    padding: 1.5rem;
    width: 87%;
    transition: background-color 200ms ease;
}

.ghost-button:hover {
    background-color: #f9f9f9;
}

.ghost-button-inverse {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 1.5rem;
    width: 87%;
    transition: background-color 200ms ease
}

.ghost-button-inverse:hover {
    background-color: #aaa;
}

.button-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-inner p {
    margin-bottom: 0;
    color: white;
}

.button i {
    font-size: 1.5rem;
    margin-right: 1rem;
}

#what-is-breathe .button-inner {
    text-decoration: none;
    color: #aaa;
}

.audio-sample .button-inner {
    text-decoration: none;
    color: #fff;
}

.app-download-button {
    width: 150px;
    margin-bottom: .5rem;
}

.page-header {
    padding: 2rem 1rem 1rem;
    text-align: center;
    /*font-family: 'Montserrat', sans-serif;*/
    background-color: #f9f9f9;
    margin-top: 4rem;
}

.page-header h2 {
    font-size: 2rem;
    margin-bottom: .5rem;
}

.page-header p {
    color: rgba(51, 51, 51, 0.6);
}

.main-header {
    height: 50vh;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.main-header-inner {
    width: 100%;
    height: 100%;
}

.main-header-inner h1 {
    margin-top: 10vh;
}

@media (min-width: 768px) {
    .main-header-inner h1 {
        margin-top: 10vh;
    }
}

.main-header-inner ul {
    margin-top: 5vh;
}

@media (min-width: 768px) {
    .main-header-inner ul {
        text-align: right;
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        margin-top: 0;
    }
}



/***************************************************************

Home Page

****************************************************************/


.page-id-213 h2.title {
    display: none;
}

.home-intro-text {
    background: #fff;
    padding: 2rem 1rem;
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

@media (min-width: 500px) {
    .home-intro-text {
        padding: 3rem 4rem;
    }
}

@media (min-width: 1000px) {
    .home-intro-text {
        padding: 4rem;
    }
}

.home-intro-text h2 {
    /*font-family: 'Montserrat', sans-serif;*/
    font-style: italic;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.5;
}

@media (min-width: 1000px) {
    .home-intro-text h2 {
        font-size: 1.5rem;
        line-height: 1.7;
    }
}

#what-is-breathe.two-up {
    max-width: 1170px;
    margin: auto;
}

@media (min-width: 768px) {
    #what-is-breathe .two-up-text {
        order: 2;
        padding: 0 0 0 1.5rem;
    }
}

@media (min-width: 1170px) {
    #what-is-breathe .two-up-text {
        flex: 0 1 50vw;
    }
}

#what-is-breathe .two-up-text ul {
    margin-left: .5rem;
    margin-bottom: 2rem;
}

@media (min-width: 1170px) {
    #what-is-breathe .two-up-text ul {
    margin: 2rem 0 3rem .5rem;
}
}

#what-is-breathe .two-up-text ul li {
    margin-bottom: 1rem;
}

#what-is-breathe .two-up-text ul li:before {
   content: '›';
   margin-right: .5rem;
}

#what-is-breathe .button-inner p {
    color: #aaa;
}

@media (min-width: 1170px) {
    #what-is-breathe .ghost-button {
        width: 30vw;
        margin: 0;
    }
}

@media (min-width: 1170px) {
    #what-is-breathe .two-up-image {
        flex: 0 1 40vw;
    }
}

.app-review {
    margin: 1rem;
    /*font-family: 'Playfair Display', serif;*/
    margin-bottom: 2rem;
}

.app-review-header {
    margin-bottom: 1rem;

}

@media (min-width: 768px) {
    .app-review-header {
        display: flex;
    }
}

.app-review-header h4 {
    font-weight: 700;
    margin: 1rem 0;
    font-family: 'Montserrat', sans-serif;
}

@media (min-width: 768px) {
    .app-review-header h4 {
        margin: 0;
    }
}


.app-review-stars {
    margin-right: 1rem;
}

.app-review-stars i {
    color: #f5e50d;
}

.app-review-text p {
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.875em;
}

.audio-sample {
    padding: 4rem 1rem;
    background: #999;
    /*font-family: 'Montserrat', sans-serif;*/
}

.audio-sample-inner {
    max-width: 500px;
    margin: auto;
}

@media (min-width: 768px) {
    .audio-sample button {
        padding: 2rem;
    }
}

@media (min-width: 1000px) {
    .audio-sample button {
        padding: 3rem;
        font-size: 1.3rem;
    }
}

.sample-link {
    text-align: center;
    margin: 1rem 0;
}

.sample-link a {
    font-size: .9rem;
    color: #ddd;
    text-decoration: none;
    transition: color 100ms ease;
}

.sample-link a:hover {
    color: #fff;
    text-decoration: underline;
}

.format {
    padding: 2rem 0;
}

.format.inverse {
    background: #eee;
}

@media (min-width: 768px) {
    .format.inverse .two-up-text {
       order: 2;
       margin: 0 0 0 1.5rem;
    }
}

@media (min-width: 768px) {
    .format.inverse .two-up-image {
        flex: 0 1 70vw;
        margin-right: 2rem;
    }
}

.format-inner {
    max-width: 900px;
    margin: auto;
}

/***************************************************************

Meet the Cast Page

****************************************************************/

.cast-grid {
    max-width: 1200px;
    margin: auto;
    padding: 0 1rem;
}


/***************************************************************

Purchase Page

****************************************************************/


.page-id-287 h2.title {
    display: none;
}

.purchase {
    width: 100%;
}

.page-intro-text {
    text-align: center;
    padding: 0 1rem;
    max-width: 1200px;
    /*font-family: 'Montserrat', sans-serif;*/
}

@media (min-width: 768px) {
    .page-intro-text {
        margin: 0 auto 5rem;
    }
}

.page-intro-text h2 {
    font-size: 3rem;
    margin: 4rem 0 3rem;
}

.page-intro-text p {
    line-height: 1.7;
    color: #555;
}

@media (min-width: 500px) {
    .page-intro-text p {
        font-size: 1.2rem;
    }
}

@media (min-width: 900px) {
    #purchase-options.two-up {
        max-width: 70vw;
        margin: 0 auto;
    }
}

#purchase-options .two-up-image {
    flex: 0 1 50vw;
}

#purchase-options .two-up-text {
        padding: 2rem 0;
    }

@media (min-width: 768px) {
    #purchase-options .two-up-text {
        padding: 0 1rem 0 3rem;
        flex: 0 1 50vw;
    }
}

.purchase-group {
    margin: 3rem 0;
}

.purchase-group .two-up-cta-header {
    margin: 2rem 0 1rem;
    font-size: .9rem;
}

@media (min-width: 1368px) {
    .purchase-group .two-up-cta .button {
       font-size: 1rem;
       width: 50%;
       padding: 1rem;
    }
}

.purchase-group .two-up-cta .button:hover {
    background-color: #f9f9f9;
}

.purchase-group .two-up-cta .button p {
   color: #aaa;
}

#purchase-options .two-up-text-header h3 {
    font-size: 1.7rem;
}

.purchase-header h4 {
    font-size: 1.4rem;
}




/***************************************************************

Contact Page

****************************************************************/


.page-id-302 h2.title {
    display: none;
}

#contact.two-up {
    max-width: 800px;
    margin: 3rem auto;
     /*font-family: 'Montserrat', sans-serif;*/
}

.contact-form {
    flex: 0 1 70vw;
}

.contact-sidebar {
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .contact-sidebar {
        flex: 0 1 30vw;
        padding-left: 2rem;
        margin-top: 0;
    }
}

.contact-sidebar p {
    padding-bottom: 1.5rem;
}

.sidebar-title {
    font-size: 1.1rem;
    font-weight: bold;
}

#gform_fields_1 .gfield {
    margin-bottom: 2rem;
}


.page-active {
    pointer-events: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}



/***************************************************************

Pastor Thanks Page

****************************************************************/



#pastor-thanks {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    #pastor-thanks .page-intro-text {
        margin-bottom: 3rem;
    }
}


.pastor-thanks-copy p {
    margin-bottom: 1.5rem;
}

#pastor-thanks-form {
    margin-top: 3rem;
}

.pastor-thanks-email-capture {
    max-width: 600px;
    margin: 2rem auto;
}

#container_EMAIL {
    text-align: left;
}

#container_EMAIL .textInput {
    width: 100%;
    margin: 1rem 0;
    padding: 5px;
}

.pastor-email-submit {
    margin: 0;
	color: white;
	background: #758b97;
	border:none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .9em;
	padding: 1em .5rem;
}



/***************************************************************

Pastor Thanks Download Page

****************************************************************/



.audio-player {
    max-width: 400px;
    margin: 2rem auto;
}

@media (min-width: 400px) {
    .audio-player-inner {
        display: flex;
        justify-content: center;
    }
}


.audio-player-image {
    flex: 0 1 50%;
}

.audio-player-image img {
    width: 100%;
}

.audio-player-controls {
    flex: 0 1 50%;
    background-color: #eee;
    padding: 1rem;
}

@media (min-width: 400px) {
    .audio-player-controls {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.audio-controls {
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem 0 2rem;
}

@media (min-width: 400px) {
    .audio-controls {
        padding: 0;
    }
}

.audio-controls i {
    font-size: 2rem;
    margin: 0 1rem;
    cursor: pointer;
}

.audio-controls i:hover {
    color: rgba(85, 85, 85, 0.8);
}

.audio-player-controls .button {
    margin: 0;
    width: auto;
    text-decoration: none;
}

.audio-player-controls .button:hover {
    background-color: rgba(117, 139, 151, 0.8);
}

.pastor-thanks-download .pastor-thanks-help {
    margin: 2rem 0 4rem;
}



/***************************************************************

One Year New Testament Page

****************************************************************/


#one-year-nt {
    padding: 3rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #444;
}

.one-year-title {
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
}

.one-year-subtitle {
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0 2rem;
}

.one-year-form-input-group {
    display: flex;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto 1rem;
}

.one-year-form-input-group label {
    flex: 0 1 30%;
    text-align: right;
    margin-right: 1rem;
}

.one-year-form-input-group input {
    flex: 0 1 70%;
    padding: 3px;
}

.one-year-checkbox {
    margin: 2rem auto;
}

.one-year-form-submit input {
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto 1rem;
}


.checkbox_label {
    margin-left: 3px;
}


.access-code-error {
    font-size: .8rem;
    text-align: right;
    max-width: 500px;
    margin: .5rem auto 1rem;
    color: red;
}


.podcast-links img {
    width: 200px;
}


















.hide {
    display: none;
}






/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }