/*
 Theme Name: Immerse Bible
 Theme URI: http://immersebible.com
 Author: Brian Haferkamp
 Author URI: http://tyndale.com
 Description: A theme for the Immerse Bible: The Bible Reading Experience
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: immerse-bible
 Tags:
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 Immerse Bible is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
 Normalizing styles have been helped along thanks to the fine work of
 Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

 /*--------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------
 # Normalize
 # Typography
 # Elements
 # Forms
 # Navigation
 	## Links
 	## Menus
 # Accessibility
 # Alignments
 # Clearings
 # Widgets
 # Content
 	## Posts and pages
 	## Comments
 # Infinite scroll
 # Media
 	## Captions
 	## Galleries
 --------------------------------------------------------------*/

 /*--------------------------------------------------------------
 # Normalize
 --------------------------------------------------------------*/
 html {
 	font-family: sans-serif;
 	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust:     100%;
 }

 body {
 	margin: 0;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
 	display: block;
 }

 audio,
 canvas,
 progress,
 video {
 	display: inline-block;
 	vertical-align: baseline;
 }

 audio:not([controls]) {
 	display: none;
 	height: 0;
 }

 [hidden],
 template {
 	display: none;
 }

 a {
 	background-color: transparent;
 }

 a:active,
 a:hover {
 	outline: 0;
 }

 abbr[title] {
 	border-bottom: 1px dotted;
 }

 b,
 strong {
 	font-weight: bold;
 }

 dfn {
 	font-style: italic;
 }

 h1 {
 	font-size: 2em;
 	margin: 0.67em 0;
 }

 mark {
 	background: #ff0;
 	color: #000;
 }

 small {
 	font-size: 80%;
 }

 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 sup {
 	top: -0.5em;
 }

 sub {
 	bottom: -0.25em;
 }

 img {
 	border: 0;
 }

 svg:not(:root) {
 	overflow: hidden;
 }

 figure {
 	margin: 1em 40px;
 }

 hr {
 	box-sizing: content-box;
 	height: 0;
 }

 pre {
 	overflow: auto;
 }

 code,
 kbd,
 pre,
 samp {
 	font-family: monospace, monospace;
 	font-size: 1em;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
 	color: inherit;
 	font: inherit;
 	margin: 0;
 }

 button {
 	overflow: visible;
 }

 button,
 select {
 	text-transform: none;
 }

 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 	-webkit-appearance: button;
 	cursor: pointer;
 }

 button[disabled],
 html input[disabled] {
 	cursor: default;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
 	border: 0;
 	padding: 0;
 }

 input {
 	line-height: normal;
 }

 input[type="checkbox"],
 input[type="radio"] {
 	box-sizing: border-box;
 	padding: 0;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
 	height: auto;
 }

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

 fieldset {
 	border: 1px solid #c0c0c0;
 	margin: 0 2px;
 	padding: 0.35em 0.625em 0.75em;
 }

 legend {
 	border: 0;
 	padding: 0;
 }

 textarea {
 	overflow: auto;
 }

 optgroup {
 	font-weight: bold;
 }

 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

 td,
 th {
 	padding: 0;
 }

 /*--------------------------------------------------------------
 # Typography
 --------------------------------------------------------------*/
 body,
 button,
 input,
 select,
 textarea {
 	color: #404040;
 	font-family: sans-serif;
 	font-size: 16px;
 	font-size: 1rem;
 	line-height: 1.5;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	clear: both;
 }

 p {
 	margin-bottom: 1.5em;
 }

 dfn,
 cite,
 em,
 i {
 	font-style: italic;
 }

 blockquote {
 	margin: 0 1.5em;
 }

 address {
 	margin: 0 0 1.5em;
 }

 pre {
 	background: #eee;
 	font-family: "Courier 10 Pitch", Courier, monospace;
 	font-size: 15px;
 	font-size: 0.9375rem;
 	line-height: 1.6;
 	margin-bottom: 1.6em;
 	max-width: 100%;
 	overflow: auto;
 	padding: 1.6em;
 }

 code,
 kbd,
 tt,
 var {
 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 	font-size: 15px;
 	font-size: 0.9375rem;
 }

 abbr,
 acronym {
 	border-bottom: 1px dotted #666;
 	cursor: help;
 }

 mark,
 ins {
 	background: #fff9c0;
 	text-decoration: none;
 }

 big {
 	font-size: 125%;
 }

 /*--------------------------------------------------------------
 # Elements
 --------------------------------------------------------------*/
 html {
 	box-sizing: border-box;
 }

 *,
 *:before,
 *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 	box-sizing: inherit;
 }

 body {
 	background: #fff; /* Fallback for when there is no custom background color defined. */
 	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(images/textureBG_cr.jpg);
 	background-repeat: repeat;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
 	content: "";
 }

 blockquote,
 q {
 	quotes: "" "";
 }

 hr {
 	background-color: #ccc;
 	border: 0;
 	height: 1px;
 	margin-bottom: 1.5em;
 }

 ul,
 ol {
 	margin: 0 0 1.5em 3em;
 }

 ul {
 	list-style: disc;
 }

 ol {
 	list-style: decimal;
 }

 li > ul,
 li > ol {
 	margin-bottom: 0;
 	margin-left: 1.5em;
 }

 dt {
 	font-weight: bold;
 }

 dd {
 	margin: 0 1.5em 1.5em;
 }

 img {
 	height: auto; /* Make sure images are scaled correctly. */
 	max-width: 100%; /* Adhere to container width. */
 }

 figure {
 	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
 }

 table {
 	margin: 0 0 1.5em;
 	width: 100%;
 }

 /*--------------------------------------------------------------
 # Forms
 --------------------------------------------------------------*/
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
 	border: 1px solid;
 	border-color: #ccc #ccc #bbb;
 	border-radius: 3px;
 	background: #e6e6e6;
 	color: rgba(0, 0, 0, .8);
 	font-size: 12px;
 	font-size: 0.75rem;
 	line-height: 1;
 	padding: .6em 1em .4em;
 }

 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
 	border-color: #ccc #bbb #aaa;
 }

 button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active {
 	border-color: #aaa #bbb #bbb;
 }

 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 input[type="number"],
 input[type="tel"],
 input[type="range"],
 input[type="date"],
 input[type="month"],
 input[type="week"],
 input[type="time"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
 	color: #666;
 	border: 1px solid #ccc;
 	border-radius: 3px;
 	padding: 3px;
 }

 select {
 	border: 1px solid #ccc;
 }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="number"]:focus,
 input[type="tel"]:focus,
 input[type="range"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="week"]:focus,
 input[type="time"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
 	color: #111;
 }

 textarea {
 	width: 100%;
 }

 /*--------------------------------------------------------------
 # Navigation
 --------------------------------------------------------------*/
 /*--------------------------------------------------------------
 ## Links
 --------------------------------------------------------------*/
 a {
 	color: royalblue;
 	text-decoration: none;
 }

 a:visited {
 	color: purple;
 }

 a:hover,
 a:focus,
 a:active {
 	color: midnightblue;
 }

 a:focus {
 	outline: thin dotted;
 }

 a:hover,
 a:active {
 	outline: 0;
 	text-decoration: underline;
 }

 /*--------------------------------------------------------------
 ## Menus
 --------------------------------------------------------------*/
 .main-navigation {
 	clear: both;
 	display: block;
 	/*float: left;
 	width: 100%;*/
 	position: relative;
 }

 .main-navigation ul {
 	display: none;
 	list-style: none;
 	margin:0;
 	padding-left:0;
 }

 .main-navigation li {
 	/*float: left;*/
 	margin: 0 1rem;
 	position: relative;
 }

 /*For disabled items that are to added later*/

 .main-navigation li.disable-click {
 	color: #ccc;
 	pointer-events: none;
 }

 .main-navigation a {
 	display: block;
 	text-decoration: none;
 	padding-bottom: 0;
 	color: #172535;
 	transition: color 250ms ease;
 	line-height:2.5em;
 }

 .main-navigation ul ul {
 	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
 	float: left;
 	position: absolute;
 	top: 1.5em;
 	left: -999em;
 	z-index: 99999;
 }

 .main-navigation ul ul ul {
 	left: -999em;
 	top: 0;
 }

 .main-navigation ul ul a {
 	width: 200px;
 	line-height: 1.5em;
 }

 .main-navigation ul ul li {

 }

 .main-navigation li:hover > a,
 .main-navigation li.focus > a {
 	color: #60b4d6;
 }

 .main-navigation ul ul :hover > a,
 .main-navigation ul ul .focus > a {
 }

 .main-navigation ul ul a:hover,
 .main-navigation ul ul a.focus {
 }

 .main-navigation ul li:hover > ul,
 .main-navigation ul li.focus > ul {
 	left: auto;
 }

 .main-navigation ul ul li:hover > ul,
 .main-navigation ul ul li.focus > ul {
 	left: 100%;
 }

 .main-navigation .current_page_item > a,
 .main-navigation .current-menu-item > a,
 .main-navigation .current_page_ancestor > a,
 .main-navigation .current-menu-ancestor > a {
 }

 @media (min-width: 600px) {
 	.current-menu-item {
 		border-bottom: 3px solid #60b4d6;
 		padding: 8px 0 5px;
 	}
 }
 @media (max-width: 768px) {
	.main-navigation ul li:hover > ul,
 .main-navigation ul li.focus > ul {
	left: 76px;
    right: auto;
    top: 4px;
 }
 .secondary-menu li a {
	 color: #000 !important;
 }
 }
 .current-menu-item a {
 	color: #60b4d6;
 }

 #menu-item-26.current-menu-item {
 	border: 0;
 	padding: 0;
 	width: auto;
 }

 /* Small menu. */
 .menu-toggle,
 .main-navigation.toggled ul {
 	display: block;
 	/* Added styles */
 	width: 100%;
 	background: #fff;
 	border: 0;
 	font-size: 1.2rem;
 	color: #60b4d6;
 	margin-top: 1rem;
 	text-align: center;
 	position: relative;
 }

 /* Main navigation responsive styles */

 @media screen and (min-width: 37.5em) {
 	.menu-toggle {
 		display: none;
 	}

 	.main-navigation ul {
 		/*display: block;*/
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
 		margin-top: 1rem;
 	}
 }

 @media screen and (min-width: 1100px) {
 	.main-navigation ul {
 		margin-top: 0;
 	}
 }

 .site-main .comment-navigation,
 .site-main .posts-navigation,
 .site-main .post-navigation {
 	margin: 0 0 1.5em;
 	overflow: hidden;
 }

 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
 	float: left;
 	width: 50%;
 }

 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
 	float: right;
 	text-align: right;
 	width: 50%;
 }


 /* CTA in the main navigation */

.signup-button a {
  padding: .5rem 1rem;
  border: 2px solid #60b4d6;
  font-weight: bold;
  transition: all 250ms ease;
}


 /* Secondary Menu */
 ul.secondary-menu {
 	background: #fff;
 	margin: 15px auto auto -75px;
 	padding: 0;
 	border-top: 2px solid #60b4d6;
 	position: absolute;
 	display: block !important;
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 }

 	ul.secondary-menu li {
 		display: block;
 		margin: 1rem;
 	}
 		ul.secondary-menu li:last-of-type a {
 			border:0px;
 			font-weight: normal;
 			padding: 0;
 		}

 			ul.secondary-menu li:last-of-type a:hover {
 				background: #FFF;
 				color: #60b4d6;
 			}

 @media (min-width: 1100px) {
 	.secondary-menu {
 		/*background: #fff;*/
 		/*margin-top: 2rem;*/
 		/*padding: 2rem;*/
 		/*border-top: 2px solid #60b4d6;*/
 		position: relative;
 		display: none;
 		/*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);*/
 	}
 }

 .resources-link:after,
 .menu-dropdown-link:after {
 	content: '\25BE';
 	margin-left: 5px;
 }



 /*--------------------------------------------------------------
 # Accessibility
 --------------------------------------------------------------*/

 /* Text meant only for screen readers. */
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
 	position: absolute !important;
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
 	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 }

 .screen-reader-text:focus {
 	background-color: #f1f1f1;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	color: #21759b;
 	display: block;
 	font-size: 14px;
 	font-size: 0.875rem;
 	font-weight: bold;
 	height: auto;
 	left: 5px;
 	line-height: normal;
 	padding: 15px 23px 14px;
 	text-decoration: none;
 	top: 5px;
 	width: auto;
 	z-index: 100000; /* Above WP toolbar. */
 }

 /* Do not show the outline on the skip link target. */
 #content[tabindex="-1"]:focus {
 	outline: 0;
 }

 /*--------------------------------------------------------------
 # Alignments
 --------------------------------------------------------------*/
 .alignleft {
 	display: inline;
 	float: left;
 	margin-right: 1.5em;
 }

 .alignright {
 	display: inline;
 	float: right;
 	margin-left: 1.5em;
 }

 .aligncenter {
 	clear: both;
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }

 /*--------------------------------------------------------------
 # Clearings
 --------------------------------------------------------------*/
 .clear:before,
 .clear:after,
 .entry-content:before,
 .entry-content:after,
 .comment-content:before,
 .comment-content:after,
 .site-header:before,
 .site-header:after,
 .site-content:before,
 .site-content:after,
 .site-footer:before,
 .site-footer:after {
 	content: "";
 	display: table;
 	table-layout: fixed;
 }

 .clear:after,
 .entry-content:after,
 .comment-content:after,
 .site-header:after,
 .site-content:after,
 .site-footer:after {
 	clear: both;
 }

 /*--------------------------------------------------------------
 # Widgets
 --------------------------------------------------------------*/
 .widget {
 	margin: 0 0 1.5em;
 }

 /* Make sure select elements fit in widgets. */
 .widget select {
 	max-width: 100%;
 }

 /*--------------------------------------------------------------
 # Content
 --------------------------------------------------------------*/
 /*--------------------------------------------------------------
 ## Posts and pages
 --------------------------------------------------------------*/
 .sticky {
 	display: block;
 }

 .hentry {
 	margin: 0 0 1.5em;
 }

 .byline,
 .updated:not(.published) {
 	display: none;
 }

 .single .byline,
 .group-blog .byline {
 	display: inline;
 }

 .page-content,
 .entry-content,
 .entry-summary {
 	/*margin: 1.5em 0 0;*/
 	margin: 0;
 }

 .page-links {
 	clear: both;
 	margin: 0 0 1.5em;
 }

 /*--------------------------------------------------------------
 ## Comments
 --------------------------------------------------------------*/
 .comment-content a {
 	word-wrap: break-word;
 }

 .bypostauthor {
 	display: block;
 }

 /*--------------------------------------------------------------
 # Infinite scroll
 --------------------------------------------------------------*/
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
 .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
 .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
 	display: none;
 }

 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
 .infinity-end.neverending .site-footer {
 	display: block;
 }

 /*--------------------------------------------------------------
 # Media
 --------------------------------------------------------------*/
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
 	border: none;
 	margin-bottom: 0;
 	margin-top: 0;
 	padding: 0;
 }

 /* Make sure embeds and iframes fit their containers. */
 embed,
 iframe,
 object {
 	max-width: 100%;
 }

 /*--------------------------------------------------------------
 ## Captions
 --------------------------------------------------------------*/
 .wp-caption {
 	margin-bottom: 1.5em;
 	max-width: 100%;
 }

 .wp-caption img[class*="wp-image-"] {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }

 .wp-caption .wp-caption-text {
 	margin: 0.8075em 0;
 }

 .wp-caption-text {
 	text-align: center;
 }

 /*--------------------------------------------------------------
 ## Galleries
 --------------------------------------------------------------*/
 .gallery {
 	margin-bottom: 1.5em;
 }

 .gallery-item {
 	display: inline-block;
 	text-align: center;
 	vertical-align: top;
 	width: 100%;
 }

 .gallery-columns-2 .gallery-item {
 	max-width: 50%;
 }

 .gallery-columns-3 .gallery-item {
 	max-width: 33.33%;
 }

 .gallery-columns-4 .gallery-item {
 	max-width: 25%;
 }

 .gallery-columns-5 .gallery-item {
 	max-width: 20%;
 }

 .gallery-columns-6 .gallery-item {
 	max-width: 16.66%;
 }

 .gallery-columns-7 .gallery-item {
 	max-width: 14.28%;
 }

 .gallery-columns-8 .gallery-item {
 	max-width: 12.5%;
 }

 .gallery-columns-9 .gallery-item {
 	max-width: 11.11%;
 }

 .gallery-caption {
 	display: block;
 }



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

 	Custom Styles added by Brian Haferkamp

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

 body {
 	font-family: "proxima-nova",sans-serif;
 }

 #masthead {
 	padding: 2rem 0 1rem;
 	background: white;
 	text-align: center;
	 position: relative;
 }

 @media (min-width: 600px) {
 	#masthead {
 		padding: 50px 0;
 		/*max-width: 1200px;*/
     margin: auto;
 	}
 }


 @media (min-width: 1100px) {
 	.site-header {
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: space-between;
 		align-items: center;
 	}
 }

 .site-branding img {
 	width: 80%;
 }

 @media (min-width: 400px) {
 	.site-branding img {
 		width: auto;
 	}
 }

 .site-footer {
 	background-color: #172535;
 	padding: 40px 0;
 }

 .footer-inner {
 	text-align: center;
 }

 @media (min-width: 1000px) {
 	.footer-inner {
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
 		text-align: center;
 	}
 }

 .site-info {
 	color: #fff;
 }

 @media (min-width: 1000px) {
 	.site-info {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		color: #fff;
 	}
 }

 .site-info p {
 	margin: 0;
 }

 .site-info a {
 	color: #fff;
 }

 .site-info a:hover {
 	color: rgba(255, 255, 255, 0.7);
 }

 .logos {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	text-align: center;
 }

 @media (min-width: 1000px) {
 	.logos {
 		margin-right: 2rem;
 	}
 }

 .logos li {
 	margin-right: 2rem;
 	width: 70px;
 }

 .logos li:nth-child(3) {
 	margin: 2rem auto 0;
 	width: 200px;
 }

 @media (min-width: 421px) {
 	.logos li {
 		margin: 0 auto;
 		width: auto;
 	}
 }

 @media (min-width: 500px) {
 	.logos li {
 		margin-right: 2rem;
 	}
 }

 .copyright {
 	margin: 2rem 0;
 	text-align: center;
 }

 @media (min-width: 1000px) {
 	.copyright {
 		margin: 0 0 0 1rem;
 		text-align: left;
 	}
 }

 .copyright ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 @media (min-width: 1000px) {
 	.copyright ul {
 		display: flex;
 	}
 }

 .copyright ul span {
 	display: none;
 }

 @media (min-width: 1000px) {
 	.copyright ul span {
 		display: block;
 	}
 }

 .copyright ul li {
 	margin: 0;
 }

 @media (min-width: 1000px) {
 	.copyright ul li {
 		margin: 0 1rem;
 	}

 	.copyright ul li:first-child {
 		margin-left: 0;
 	}

 	.copyright ul li:last-child {
 		margin-right: 0;
 	}
 }

 .social-icons {
 	display: flex;
 	justify-content: center;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 @media (min-width: 1000px) {
 	.social-icons {
 		justify-content: flex-end;
 	}
 }

 .circle-icon {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin: 0 .5rem;
 	width: 50px;
 	height: 50px;
 	padding: .5rem;
 	background: #fff;
 	border-radius: 50%;
 	/*border: 3px solid #1384B7;*/
 	transition: background 250ms ease;
 }

 .circle-icon:hover {
 	background: rgba(255, 255, 255, 0.8);
 }

 .circle-icon i {
 	color: #172535;
 	font-size: 1.5rem;
 }

 .social-icons a:hover {
 	text-decoration: none;
 }

 /* Page Styles */

 .site-content {
 	margin: 0;
 }

 /* Hero Image */

 .hero {
 	height: 50vh;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	color: white;
 	text-align: center;
 }

 .hero-inner {
 	max-width: 1200px;
 	margin: auto;
 	padding: 2rem;
 }

 .hero-inner h1,
 .hero-inner h2 {
 	margin: 0;
 	padding: 0;
 }

 .hero-inner h1 {
 	font-size: 2.8rem;
 	line-height: 1.1;
 	margin-bottom: 1.5rem;
 }

 .hero-inner h2 {
 	font-size: 1.3rem;
 	font-weight: 400;
 	line-height: 1.1;
 }

 @media (min-width: 1200px) {
 	.hero-inner h1 {
 		font-size: 3.9rem;
 		line-height: 1.5;
 	}

 	.hero-inner h2 {
 		font-size: 3rem;
 		line-height: 1;
 	}
 }


 /* HOME PAGE */


 /* Video Section */

 .video-section {
 	padding: 2rem 1rem;
 	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(images/textureBG_cr.jpg);
 }

 @media (min-width: 768px) {
 	.video-section {
 		padding: 4rem 1rem;
 	}
 }

 .video-section-header {
 	text-align: center;
 	max-width: 1200px;
 	margin: 0 auto 3rem;
 	padding: 0 2rem;
 }

 .video-section-header h2 {
 	font-size: 2rem;
 	font-weight: 400;
 	margin: 0;
 }

 @media (min-width: 768px) {
 	.video-section-header h2 {
 		font-size: 3rem;
 	}
 }


 .video-section-header h3 {
 	font-size: 1.3rem;
 	font-weight: 300;
 	margin: 1rem 0 2rem;
 }

 @media (min-width: 768px) {
 	.video-section-header h3 {
 		font-size: 2rem;
 		margin: 1rem 0 2rem;
 	}
 }

 .video-section-header p {
 	max-width: 800px;
 	margin: 1rem auto 3rem;
 }

 .video-section-inner {
 	max-width: 800px;
 	margin: auto;
 	text-align: center;
 	/*padding: 2rem 1rem;*/
 }

 .video-section iframe {
 	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
 }

 .video-section-text {
 	max-width: 850px;
 	margin: 2rem auto;
 	text-align: left;
 	font-size: 1.2rem;
 	padding-bottom: 2rem;
 }

 /* Tabs Section */

 .tab-section {
 	/* background-color: rgba(96, 180, 214, 0.55); */
  background-color: #fff;
 	padding: 1rem 0;
 	color: #404041;
 }

 @media (min-width: 768px) {
 	.tab-section {
 		padding: 3rem 0 4rem;
 	}
 }

 .tab-section-inner {
 	max-width: 1200px;
 	margin: auto;
 }

 @media (min-width: 850px) {
 	.tab-section-inner {
 		padding: 0 1rem;
 	}
 }

 .section-title {
 	text-align: center;
 }

 .section-title h3 {
 	font-size: 2rem;
 	font-weight: 700;
 }

 .tabs {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .tabs li {
 	text-align: center;
 	flex: 0 1 33%;
 	background: #fff;
 	padding: 1rem .5rem;
 	font-size: 1rem;
 	cursor: pointer;
 	transition: background 250ms ease;
 }

 @media (min-width: 850px) {
 	.tabs {
 		display: flex;
 		justify-content: space-between;
 	}

 	.tabs li {
 		font-size: 1.3rem;
    border: 1px solid #1384B7;
 	}

 	.tabs li:nth-child(2) {
 		margin: 0 1rem;
 	}
 }

 .tabs li.active,
 .tabs li.active:hover {
 	background-color: #1384B7;
 	color: #fff;
 	cursor: default;
 }

 .tabs li:hover {
 	background: rgba(255, 255, 255, 0.8);
 }

 .tab-content {
   margin: 0;
   padding: 0;
   background: rgba(255, 255, 255, 0.3);
 }

 @media (min-width: 850px) {
 	.tab-content {
 	  margin-top: 1rem;
 	}
 }

 @media (min-width: 850px) {
 	.tab-content-inner {
 		display: flex;
 	}
 }

 .tab-content-header {
 	text-align: center;
 	background: #fff;
 	padding: 1rem .5rem;
 	font-size: 1.3rem;
 	margin: 0;
 }

 .tab-content-text {
 	flex: 0 1 50%;
 	font-size: 1rem;
 	padding: 0 2rem;
 }

 @media (min-width: 1200px) {
 	.tab-content-text {
 		font-size: 1.3rem;
 	}
 }

 .tab-content-image {
 	flex: 0 1 50%;
 }

 .tab-content-image img {
 	width: 100%;
 	height: 100%;
 }

 .learn-more-button {
 	text-align: center;
 	margin: 4rem 0 3rem;
 	font-size: .8rem;
 }

 @media (min-width: 400px) {
 	.learn-more-button {
 		text-align: center;
 		margin: 4rem 0 3rem;
 		font-size: 1rem;
 	}
 }

 @media (min-width: 600px) {
 	.learn-more-button {
 		text-align: center;
 		margin: 4rem 0 3rem;
 		font-size: 1.5rem;
 	}
 }

 .button {
 	padding: 1rem;
 	color: #1384B7;
 	text-decoration: none;
 	transition: background-color 250ms ease;
 }

 .button:hover {
 	color: #1384B7;
 	background-color: #fff;
 	text-decoration: none;
 }

 .button:visited {
 	color: #1384B7;
 	text-decoration: none;
 }

 .ghost-button {
 	border: 3px solid #1384B7;
 	font-weight: 700;
 	text-align: center;
 }
 .program-resources-button .ghost-button {
 	display:block;
 }

 @media (min-width: 1068px) {
 	.program-resources-button .ghost-button {
 		max-width: 30vw;
 	}
 }

 .ghost-button:hover {
 	border: 3px solid #1384B7;
 	background: #1384B7;
 	color: #fff;
 }

 .ghost-button-inverse {
 	border: 3px solid #fff;
 	color: #fff;
 	font-weight: 700;
 }

 input[type="submit"] {
 	padding: .5rem;
 	text-decoration: none;
 	transition: background-color 300ms ease;
 	background-color: transparent;
 	border: 3px solid #1384B7;
 	color: #1384B7;
 	font-weight: 700;
 	font-size: 1.2rem;
 }

 @media (min-width: 450px) {
 	input[type="submit"] {
 		padding: 1rem;
 	}
 }

 input[type="submit"]:hover {
 	/* Ghost hover styles */
 	border: 3px solid #fff;
 	background-color: #1384B7;
 	color: #fff;
 }

 #gform_3 input[type="submit"] {
 	padding: .5rem;
 	text-decoration: none;
 	transition: background-color 250ms ease;
 	background-color: transparent;
 	border: 3px solid #fff;
 	color: #fff;
 	font-weight: 700;
 	font-size: 1.2rem;
 }

 @media (min-width: 450px) {
 	#gform_3 input[type="submit"] {
 		padding: 1rem;
 	}
 }

 #gform_3 input[type="submit"]:hover {
 	/* Ghost hover styles */
 	border: 3px solid #fff;
 	background-color: #fff;
 	color: #1384B7;
 }

 #gform_3 {
 	text-align: center;
 }

 .reminders-form {
 	margin-top: 3rem;
 }

 #gform_fields_3 li {
 	margin-bottom: 2rem;
 }

 #gform_fields_3 .gfield_label {
 	font-size: 1.2rem;
 	font-weight: 400;
 }

 .gform_wrapper .clear-multi {
 	justify-content: center;
 }

 /* CTA Section */

 .cta-section {
 	padding: 3rem 1rem;
 	background-image: url(images/inkBG_blue.jpg);
 	background-size: cover;
 	background-position: bottom;
 	background-repeat: no-repeat;
 }

 .cta-section-inner {
 	max-width: 1200px;
 	margin: auto;
 	text-align: center;
 	color: #fff;
 }

 .cta-section-inner h4 {
 	font-size: 2.5rem;
 	line-height: 1;
 	font-weight: 700;
 	margin: 0
 }

 .cta-section-subhead {
 	font-size: 1.3rem;
 	margin: 0 0 2rem;
 	font-weight: 300;
 }

 .cta-button {
 	margin: 3rem 0 2rem;
 	font-size: 1.3rem;
 	color: #fff;
 }

 .cta-button a:visited {
 	color: #fff;
 }

 .cta-button a:hover {
 	color: #1384B7;
 }

 .cta-additional-text {
 	padding-top: 1rem;
 	font-size: .9rem;
 }

 /* Book Grid */

 .book-grid-section {
 	padding: 2rem;

 }

 @media (min-width: 500px) {
 	.book-grid-section {
 		padding: 2rem 0;
 		text-align: left;
 	}
 }

 .book-grid-section-inner {
 	width: 100%;
 	margin: auto;
 	text-align: center;
 	display: flex;
 	justify-content: space-around;
 	flex-wrap: wrap;
 	/*text-align: left;*/
 }

 @media (min-width: 500px) {
 	.book-grid-section-inner {
 		max-width: 1200px;
 		margin: auto;
 		display: flex;
 		justify-content: space-around;
 		flex-wrap: wrap;
 		text-align: left;
 	}
 }

 .book-group {
 	flex: 0 1 100%;
 	margin-bottom: 3rem;
 }

 @media (min-width: 500px) {
 	.book-group {
 		flex: 0 1 50%;
 		margin-bottom: 3rem;
 	}
 }

 @media (min-width: 900px) {
 	.book-group {
 		flex: 0 1 33%;
 		margin-bottom: 3rem;
 	}
 }

 @media (min-width: 500px) {
 	.book-text {
 		padding-left: 2rem;
 	}
 }


 .book-text p {
 	margin: 0;
 }

 .book-year {
 	text-transform: uppercase;
 	font-size: .9rem;
 }

 .book-title {
 	font-size: 2.5rem;
 	font-weight: 700;
 }

 .book-button {
 	margin-top: 2rem;
 }

 @media (min-width: 500px) {
 	.book-button {
 		margin-top: 2rem;
 		padding-left: 2rem;
 	}
 }

 .book-more {
 	display: block;
 	margin: 2rem 0 0;
 }

 @media (min-width: 500px) {
 	.book-more {
 		display: inline-block;
 		margin: 0;
 	}
 }

 .book-more a {
 	text-decoration: none;
 	font-size: .9rem;
 }

 .book-button .button {
 	padding: .5rem 1rem;
 }

 @media (min-width: 500px) {
 	.book-button .button {
 		margin-right: 1rem;
 	}
 }

 .book-button .button:hover {
 	background-color: #1384B7;
 	color: #fff;
 }

 .hide {
 	display: none;
 }

 .show {
 	display: block;
 }


 /* ABOUT PAGE */

 .hentry {
 	margin: 0;
 }

 .page-header {
 	max-width: 1170px;
 	margin: auto;
  /*padding: 0 .5rem;*/
 }

 #post-18 .page-header {
 	padding: 0 1rem;
 }
#jsEventSignupForm table p {
	margin:0;
}
#jsEventSignupForm input[type="text"]{
	    background-image: linear-gradient(bottom, #FFFFFF 5%, #E8E8E8 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #E8E8E8 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #E8E8E8 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #e8e8e8 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #E8E8E8 100%);
	border-radius:0px!important;
}
#jsEventSignupForm button{
    border-radius: 0;
    border: 4px solid #60B4D6;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #60B4D6;
    margin-top: 20px;
}
#jsEventSignupForm .fieldLabel{
	font-size:15px;
	font-weight:bold;
	margin:0 3px !important;
	margin-top:10px !important;
}
 .page-text {
 	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(images/textureBG_cr.jpg);
 	padding-top: 2rem;
 }

 .page-text-inner {
 	max-width: 1000px;
 	margin: auto;
 	padding: 0 1rem;
 }

 #post-12 .page-text,
 #post-14 .page-text,
 #post-18 .page-text,
 #post-361 .page-text,
 #post-1373 .page-text,
 #post-1380 .page-text {
 	background: transparent;
 	padding-top: 2rem;
 	max-width: 1000px;
 	margin: auto;
 	padding: 0 1rem;
 }

 #post-361 .page-text {
   padding: 1rem 1rem 2rem;
 }

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

 .main-text {
 	flex: 0 1 60%;
 }

 @media (min-width: 768px) {
 	.main-text {
 		padding-right: 3rem;
 	}
 }

 .pull-quote {
 	border-left: 7px solid #404041;
 	font-size: 1.5rem;
 	line-height: 1.2;
 	padding-left: 1rem;
 	margin: 2rem 0;
 }

 @media (min-width: 400px) {
 	.pull-quote {
 		font-size: 2.5rem;
 		line-height: 1.1;
 	}
 }

 sup a {
 	text-decoration: none;
 }

 .footnotes {
 	margin-top: 2rem;
 }

 .footnote {
 	font-size: .7rem;
 	margin: 0 0 .3rem;
 }

 .text-sidebar {
 	margin-top: 4rem;
 	flex: 0 1 40%;
 }

 @media (min-width: 768px) {
 	.text-sidebar {
 		margin-top: 0;
 	}
 }


 .text-sidebar-group {
 	margin-bottom: 4rem;
 }

 /*.text-sidebar-group:nth-child(2) {
 	border-top: 1px solid #eee;
 	padding-top: 3rem;
 }*/

 .text-sidebar-group header {
 	margin-bottom: 0;
 	font-weight: 700;
 }

 .text-sidebar-group p {
 	font-size: .9rem;
 	margin-top: 0;
 	line-height: 1.4;
 }

 .text-sidebar-logo {
 	margin-bottom: 1rem;
 }

 .text-sidebar-logo img {
 	width: 200px;
 }

 #post-18 .cta-section {
 	background: linear-gradient(rgba(2, 120, 163, 0.95), rgba(2, 120, 163, 0.95)), url(images/messiahBG.jpg);
 	margin-top: 3rem;
 	margin-bottom: 0;
 }


 /* Program Details Page */

 #post-16 .cta-section {
 	background: linear-gradient(rgba(2, 120, 163, 0.95), rgba(2, 120, 163, 0.95)), url(images/messiahBG.jpg);
 }

 #post-16 .cta-additional-text a {
 	color: #60b4d6;
 }

 #post-16 .page-text {
 	padding: 0 1rem;
 	font-size: 1rem;
 }

 @media (min-width: 768px) {
 	#post-16 .page-text {
 		padding: 1rem 1rem 2rem;
 		font-size: 1.2rem;
 	}
 }

 #post-16 .text-sidebar {
 	margin: 2.5rem 0;
 }

 .program-details-video {
   margin-top: 2rem;
 }

 .text-sidebar-box {
 	background-color: #afd9ea;
 	border: 3px solid #60b4d6;
 	padding: 2rem;
 	font-size: 1rem;
 	margin-bottom: 1.5rem;
 }

 @media (min-width: 768px) {
 	.text-sidebar-box {
 		font-size: 1.2rem;
 	}
 }

 .text-sidebar-box ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .text-sidebar-box ul li {
 	margin-bottom: .7rem;
 }

 .text-sidebar-header {
 	font-weight: 700;
 	font-size: 1rem;
 	border-bottom: 3px solid #404040;
 	margin-bottom: 1.5rem;
 	padding-bottom: .5rem;
 }

 @media (min-width: 768px) {
 	.text-sidebar-header {
 		font-size: 1.4rem;
 	}
 }

 .text-sidebar-header i {
 	margin-right: .5rem;
 }

 .time-involved {
 	flex: 0 1 50vw;
 }

 @media (min-width: 768px) {
 	.time-involved {
 		margin-right: 2rem;
 	}
 }

 .conversation-starters {
 	flex: 0 1 50vw;
 }

 @media (min-width: 768px) {
 	.conversation-starters {
 		margin-left: 2rem;
 	}
 }

 .program-resources {
 	padding: 1rem 1rem 5rem;
 	text-align: center;
 }

 @media (min-width: 1068px) {
 	.program-resources {
 		text-align: left;
 	}
 }

 .program-resources-inner {
 	max-width: 800px;
 	margin: auto;
 }

 @media (min-width: 1068px) {
 	.program-resources-inner {
 		display: flex;
 		flex-wrap: wrap;
 	}
 }

 .program-resources-group {
 	margin: 3rem 0 6rem;
 }

 /*.program-resources-group:nth-child(3) {
 	margin-bottom: 3rem;
 }*/

 @media (min-width: 1068px) {
 	.program-resources-group {
 		margin: 0;
 	}

 	.program-resources-group {
 		margin: 0 1rem;
 		/*width: 25% !important;*/
 	}
 }

 .program-resources-header {
 	font-size: 1.5rem;
 	font-weight: 700;
 	margin-bottom: .5rem;
 }

 .program-resources-header i {
 	margin-right: .5rem;
 }

 .program-resources-text {
 	margin-bottom: 1rem;
 }

 .accordion-section {
 	background-color: rgba(96, 180, 214, 0.4);
 	padding: 1rem 2rem 3rem;
 	color: #404041;
 }

 .accordion-section-inner {
 	max-width: 1000px;
 	margin: auto;
 	margin-top: 2rem;
 }

 .accordion-section ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .accordion-trigger {
 	text-align: center;
 	background: #fff;
 	color: #2d90b5;
 	padding: .5rem 0;
 	margin: 0 0 .5rem;
 	font-size: 1.2rem;
 	font-weight: 700;
 }

 .accordion-trigger:hover {
 	background: rgba(255, 255, 255, 0.8);
 	cursor: pointer;
 }

 .accordion-trigger.active{
 	background: #1384B7;
 	color: #fff;
 	pointer-events: none;
 }

 .accordion-content {
 	margin-bottom: 1rem;
 	background: rgba(255, 255, 255, 0.2);
 	overflow: hidden;
 }

 @media (min-width: 768px) {
 	.accordion-content {
 		display: flex;
 	}
 }

 .accordion-text,
 .accordion-image {
 	flex: 0 1 50vw;
 }

 .accordion-text {
 	font-size: 1rem;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	padding: 0 1.5rem;
 }

 @media (min-width: 768px) {
 	.accordion-text {
 		font-size: 1.5rem;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		padding: 0 4rem;
 	}
 }

 .accordion-image img {
 	width: 100%;
 	height: 100%;
 }

 /* Book Details Pages */

 .book-overview-section {
 	padding: 2rem 0 4rem;
 }

 .book-overview-inner {
 	max-width: 1200px;
 	margin: auto;
 }

 @media (min-width: 500px) {
 	.book-overview-inner {
 		display: flex;
 	}
 }

 .book-overview-image {
 	flex: 0 1 50%;
 	text-align: left;
 }

 @media (min-width: 500px) {
 	.book-overview-image {
 		text-align: center;
 	}
 }

 @media (min-width: 1200px) {
 	.book-overview-image {
 		flex: 0 1 80%;
 	}
 }

 .book-overview-header {
 	margin-top: 1rem;
 }

 .book-overview-header p {
 	margin: 0;
 }

 .book-overview-text {
 	padding-left: 1.5rem;
 }

 @media (max-width: 1200px) {
 	.book-overview-text {
 		flex: 1 0 60%;
 	}
 }


 .book-overview-text .book-button {
 	padding-left: 0;
 }

 .resource-downloads {
 	margin-top: 3rem;
 }

 .resource-downloads header {
 	font-weight: 700;
 	font-size: 1.2rem;
 	margin-bottom: 1rem;
 }

 @media (min-width: 500px) {
 	.resource-downloads header {
 		margin-bottom: initial;
 	}
 }

 .resource-downloads ul {
 	list-style: none;
 	padding: 0;
 	margin: .5rem 0 0;
 }

 .resource-downloads ul li {
 	margin-bottom: 1rem;
 }

 @media (min-width: 500px) {
 	.resource-downloads ul li {
 		margin-bottom: .5rem;
 	}
 }

 .resource-downloads ul li i {
 	color: #60b4d6;
 	font-size: 1.2rem;
 	margin-right: .5rem;
 }

 .weekly-links-section {
 	list-style: none;
 	margin: 0;
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	background-color: #afd9ea;
 	padding: 1rem 0;
 }

 @media (min-width: 400px) {
 	.weekly-links-section {
 		justify-content: center;
 	}
 }

 .menu {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	width: 100%;
 }

 @media (min-width: 350px) {
 	.menu {
 		justify-content: center;
 	}
 }

 .menu li {
 	margin: 0 2px;
 }

 @media (min-width: 400px) {
 	.menu li {
 		margin: 0 .5rem;
 	}
 }

 @media (min-width: 600px) {
 	.menu li {
 		margin: 0 1rem 0 0;
 	}
 }

 .menu li > p {
 	margin: 0;
 }

 .weekly-links-header {
 	flex: 1 0 100%;
 	margin-bottom: 1rem;
 	padding-left: .5rem;
 }

 @media (min-width: 350px) {
 	.weekly-links-header {
 		text-align: center;
 	}
 }

 @media (min-width: 768px) {
 	.weekly-links-header {
     flex: 0 1 auto;
 		margin-bottom: 0;
 	}
 }

 .weekly-links {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	align-items: center;
 	margin: 0;
 	padding: 0;
 	overflow-x: auto;
 }

 @media (min-width: 768px) {
 	.weekly-links {
 		padding-left: 1rem;
 	}
 }

 .weekly-link {
 	background-color: #1384B7;
 	border-radius: 50%;
 	width: 32px;
 	height: 32px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .weekly-link a {
 	color: #fff;
 	text-decoration: none;
 }



 /* Fixes menu to top of viewport */

 .fixed-menu {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	z-index: 100;
 }

 /* .resources-section {
 	border-bottom: 5px solid #afd9ea;
 } */

 .resources-inner {
 	max-width: 1200px;
 	margin: auto;
 	padding: 5rem 1rem 4rem;
 }

 @media (min-width: 768px) {
 	.resources-inner {
 		display: flex;
 		justify-content: space-between;
 		flex-wrap: wrap;
 	}
 }

 .resources-group {
 	margin-bottom: 4rem;
 }

 @media (min-width: 768px) {
 	.resources-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
 	}
 }

 .resources-video {
   flex: 0 1 50vw;
   flex: 1 0 48%;
 }

 @media (min-width: 768px) {
 	.resources-video:nth-child(odd) {
 		padding-right: 2rem;
 	}
 }

 .resources-video .book-year {
 	margin: 0;
 }

 .resources-video .book-title {
 	margin: 0 0 1.5rem;
 }

 .resources-audio {
 	flex: 0 1 50vw;
  flex: 1 0 48%;
 	margin-top: 3rem;
 }

 @media (min-width: 768px) {
 	.resources-audio {
 		padding-left: 2rem;
 		margin-top: 6.5rem;
 	}
 }

 .audio-header,
 .video-header {
 	font-weight: 700;
 	font-size: 1.2rem;
 }

 .audio-labels {
 	display: flex;
 	justify-content: space-between;
 }

 .subscribe-podcast-label {
 	display: flex;
 	align-items: center;
 	font-size: .9rem;
 }

 .podcast-logo {
 	width: 24px;
 }

 .google-play-logo {
 	margin: 0 1rem;
 }

 .player-controls {
 	display: flex;
 	/* justify-content: space-between; */
 	align-items: center;
 	background-color: #ddd;
 	padding: .5rem;
 }

 @media (min-width: 768px) {
 	.player-controls {
 		padding: 1.5rem 1rem;
 	}
 }

 .player-controls .menu {
 	justify-content: flex-start;
 }

 .player-controls i {
 	font-size: 2rem;
 	transition: color 250ms ease;
 }

 .player-controls p:hover {
 	color: #777;
 	cursor: pointer;
 }

 .play-pause {
 	display: flex;
  flex: 0 1 10%;
  margin-right: 1rem;
 }

 .play-pause p {
    margin-top: 0;
    margin-bottom: 0;
    margin: 0 .8rem;
    cursor: pointer;
 }

 .hide-controls {
 	 visibility: hidden;
 }

 .audio-counter {
    flex: 0 1 auto;
    text-align: right;
    margin-left: 1rem;
 }

 @media (min-width: 660px) {
   .audio-counter {
     /* flex: 0 1 15%; */
   }
 }

 .audio-counter span {
  font-size: .8rem;
 }

 .audio-tracks ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	border: 1px solid #ccc;
 }

 .audio-tracks ul li {
 	/* border-bottom: 1px solid #ccc; */
 	padding: .5rem;
 }

 @media (min-width: 1200px) {
 	.audio-tracks ul li {
 		padding: 1rem .5rem;
 	}
 }

 .audio-tracks ul li:hover {
 	background-color: #f0f0f0;
 	cursor: pointer;
 }

 .audio-tracks ul li:last-child {
 	border-bottom: 0;
 }

 .audio-tracks ul li.active {
 	background: #f0f0f0;
 	font-weight: 700;
 }

 .Naudio-progress {
   /* width: 100%; */
   flex: 1;
   height: 10px;
   background-color: #444;
   position: relative;
 }

 .Naudio-progress-bar {
   width: 0px;
   background-color: #60b4d6;
   height: 10px;
   position: absolute;
 }

 /* .audio-tracks .track-controls {
   padding: 0;
 } */

 .rewind-button,
 .forward-button {
   display: none;
 }

 @media (min-width: 450px) {
   .rewind-button,
   .forward-button {
     display: inline;
   }
 }

 /* .audio-player {
   margin: 1rem;
 } */


 /* Responsive Video */

 .iframe-wrapper {
 	margin-top: 1rem;
 	position: relative;
 	padding-bottom: 56.25%; /* 16:9 aspect ratio */
 	height: 0;
 }

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

 .other-books-section {
 	padding: 2rem 0;
 }

 .section-heading {
 	text-align: center;
 	margin: 0;
 }

 .section-subheading {
 	font-size: 1.3rem;
 	font-weight: 300;
 	max-width: 800px;
 	margin: auto;
 }

 .section-heading h4 {
 	font-size: 2rem;
 	margin-bottom: 1rem;
 }

 .other-books-inner {
 	max-width: 1200px;
 	margin: auto;
 	display: flex;
 	flex-wrap: wrap;
 	text-align: center;
 }

 @media (min-width: 500px) {
 	.other-books-inner {
 		text-align: left;
 	}
 }

 @media (min-width: 1200px) {
 	.other-books-inner {
 		flex-wrap: nowrap;
 		justify-content: space-between;
 	}
 }

 .other-books-inner .book-more {
 	margin-top: 1rem;
 }

 .book-bottom {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	height: 200px;
 }

 .to-top {
 	position: fixed;
 	bottom: 2rem;
 	right: 2rem;
 	background-color: #60b4d6;
 	border-radius: 50%;
 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 	cursor: pointer;
 	opacity: 0;
 }

 .to-top p {
 	margin: 0;
 }

 .to-top a {
 	color: #fff;
 	text-decoration: none;
 	width: 44px;
 	height: 44px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .fade-in {
 	animation: fadeIn 200ms ease;
 	opacity: 1;
 }

 @keyframes fadeIn {
 	0% {
 		opacity: 0;
 	}

 	100% {
 		opacity: 1;
 	}
 }


 /* Contact Page */

 #post-14 .page-text {
 	max-width: 800px;
 	margin: auto;
 }

 #post-1373 .page-text {
 	max-width: 800px;
 	margin: auto;
 }

 #post-1380 .page-text {
 	max-width: 800px;
 	margin: auto;
 }

 .contact-main-text {
 	flex: 0 1 70vw;
 	margin-right: 2rem;
 }

 .contact-sidebar {
 	flex: 0 1 30vw;
 	margin-top: 1.5rem;
 }

 .contact-sidebar .widget {
 	margin-bottom: 4rem;
 }

 .contact-sidebar-header {
 	font-size: 1.2rem;
 	font-weight: 700;
 }

 .contact-sidebar-text {
 	margin: 1rem 0 2.5rem;
 }

 .contact-sidebar p {
 	margin: 0 0 .5rem;
 }


  /*Sign Up Thank You */
 .page-text {
 	padding: 1rem 1rem 2rem;
 }



 /* Hero Images */

 /* Home Page */

 #post-32 .hero {
 	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/alexis-brown-82988_cr.jpg);
 	background-position: center;
 }

 /* Program Details */

 #post-16 .hero {
 	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/jens-johnsson-121807_cr.jpg);
 	background-position: center top;
 }

 /* About Page */

 #post-18 .hero {
 	background-image: url(images/ben-white-146947_cr.jpg);
 	background-position: center bottom;
 	margin-bottom: 2rem;
 }

 /* Contact Page */

 #post-12 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Sign Up Page */

 #post-14 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Sign Up Event Page */

 #post-1373 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 #post-1380 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Sign Up Thank You */

 #post-361 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Messiah */

 #post-10 .hero {
 	background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Beginnings */

 #post-225 .hero {
 	background-image: url(images/beginningsBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Kingdoms */

 #post-233 .hero {
 	background-image: url(images/kingdomsBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Prophets */
 #post-1607 .hero,
 #post-235 .hero,
 #post-1780 .hero {
 	background-image: url(images/prophetsBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Poets */

 #post-237 .hero {
 	background-image: url(images/poetsBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* Chronicles */

 #post-240 .hero {
 	background-image: url(images/chroniclesBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
 }

 /* push logo down from 0-500 so its not behind hamburger bar */
 @media only screen and (max-width: 500px)  {
 	.site-branding {
 			margin-top: 0;
 	}
 }

 @media (max-width: 600px) {
 	#responsive-menu-container.slide-left {
 		transform: translateX(-105%);
 		-ms-transform: translateX(-105%);
 		-webkit-transform: translateX(-105%);
 		-moz-transform: translateX(-105%);
 	}

 	.responsive-menu-open #responsive-menu-container.slide-left {
 		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
 	}
 }

 #videos {
 	max-width: 1200px;
 	margin: auto;
 }


/* Page: Church Pilot Kit */

.hero-pilot-kit {
  background: linear-gradient(#00000033, #00000033), url(http://immersebible.com/wp-content/uploads/2018/06/lightstock_73260_medium_josh.jpg);
  background-position: center;
  background-size: cover;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pilot-kit-title {
  color: white;
}

.landing-page-content {
  padding: 2rem 1rem 4rem;
}

@media (min-width: 768px) {
  .landing-page-content {
    padding: 4rem 1rem;
  }
}

.landing-page-content-inner {
  max-width: 900px;
  margin: auto;
}

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

.landing-page-image {
  text-align: center;
}

@media (min-width: 768px) {
  .landing-page-image {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .landing-page-image {
    flex: 0 1 45%;
    margin-right: 2rem;
  }
}

.landing-page-text-lead {
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .landing-page-text-lead {
    flex: 0 1 45%;
    margin-top: 0;
    font-size: 1.5rem;
  }
}

.landing-page-text-header {
  font-weight: 700;
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .landing-page-text-header {
    margin-top: 2rem;
  }
}

.landing-page-text-features {
  padding: 0;
  margin: 1rem 0 3rem 1rem;
}

.landing-page-text-features li {
  padding: .3rem 0;
}

@media (min-width: 900px) {
  .landing-page-button .button {
    font-size: 1.2rem;
  }
}


/* Temporary Changes to Kingdoms, Prophets, Poets, Chronicles*/

@media (min-width: 768px) {
  .page-id-233 .resources-inner {
    display: block;
    max-width: 700px;
  }
}

@media (min-width: 768px) {
  .page-id-237 .resources-inner,
  .page-id-240 .resources-inner {
    display: block;
    max-width: 700px;
    padding: 0 1rem;
  }

}


/* remove video section until videos are ready */
.page-id-237 .resources-video,
.page-id-240 .resources-video {
  display: none;
}


/* Welcome page styles */

.welcome-hero {
  background-image: url(images/messiahBG.jpg);
 	background-position: center top;
 	height: 20vh;
 	margin-bottom: 2rem;
}

.welcome-testimonials .section-inner {
  max-width: 1170px;
  margin: auto;
}

.welcome-testimonials-header {
  text-align: center;
  padding: 0 0 3rem;
  max-width: 700px;
  margin: auto;
}

.welcome-testimonials-header h2 {
  font-size: 3rem;
}

.welcome-testimonials-header h3 {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .welcome-testimonials-videos {
    display: flex;
    justify-content: space-between;
  }
}


.welcome-testimonials-group {
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .welcome-testimonials-group {
    margin-right: 1rem;
    flex: 0 1 30%;
  }
}

.welcome-testimonials-text p {
  margin: 0;
}

.welcome-testimonials-person {
  font-weight: 700;
}

.welcome-testimonials-link {
  text-align: center;
  margin-bottom: 4rem;
  font-size: 1.5rem;
}

.welcome-testimonials-link a {
  text-decoration: underline;
}

.welcome-contact-form {
  max-width: 700px;
  margin: auto auto 2rem;
}

.welcome-testimonials-contact-header {
  font-size: 2rem;
  font-weight: 700;
}


/* --------------------------------------------- */
/* Sliders
/* --------------------------------------------- */

.slide-wrapper {
  position: relative;
}

.slider {
  width: 100%;
}

.slide {
  width: 100%;
  margin: 2rem 0 1rem;
  display: none;
}

.slide:nth-child(1) {
  display: block;
}

@media (min-width: 900px) {
  .slide-inner {
    display: flex;
    justify-content: center;
    max-width: 1400px;
    margin: auto;
  }
}

@media (min-width: 900px) {
  .slide-inner .flex-video {
    padding-bottom: 22%;
  }
}

.slider-nav {
  position: absolute;
  bottom: 1rem;
  margin: 0;
  font-size: 3rem;
  z-index: 100;
}

@media (min-width: 900px) {
  .slider-nav {
    top: 50%;
    font-size: 6rem;
    transform: translateY(-50%);
  }
}

.slider-prev {
  left: 3rem;
}

.slider-prev i {
  /* color: ; */
  transition: color 250ms ease;
}

.slider-prev i:hover {
  /* color: rgba($body-headings, 0.6); */
  cursor: pointer;
}

.slider-prev-inverse {
  left: 3rem;
}

.slider-prev-inverse i {
  color: #fff;
  transition: color 250ms ease;
}

.slider-prev-inverse i:hover {
  color: rgba($white, 0.6);
  cursor: pointer;
}

.slider-next {
  right: 3rem;
}

.slider-next i {
  /* color: $body-headings; */
  transition: color 250ms ease;
}

.slider-next i:hover {
  /* color: rgba($body-headings, 0.6); */
  cursor: pointer;
}

.slider-next-inverse {
  color: #fff;
  right: 3rem;
}

.slider-next-inverse i {
  color: #fff;
  transition: color 250ms ease;
}

.slider-next-inverse i:hover {
  /* color: rgba($white, 0.6); */
}

.slide-text {
  font-size: 1.2rem;
  margin: 0;
  text-align: center;
}


.slider-dot-nav {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
  display: flex;
  justify-content: center;
}

.slider-dot {
  width: 16px;
  height: 16px;
  background-color: rgba($body-text, .4);
  border-radius: 50%;
}

.slider-dot:nth-child(2) {
  margin: 0 1rem;
}

.slider-dot-active {
  /* background-color: rgba($body-text, 1); */
}

.slider-dot-inverse {
  width: 16px;
  height: 16px;
  /* background-color: rgba($white, .4); */
  border-radius: 50%;

  &:nth-child(2) {
    margin: 0 1rem;
  }
}

.slider-dot-inverse:nth-child(2) {
  margin: 0 1rem;
}

.slider-dot-inverse-active {
  /* background-color: rgba($white, 1); */
}

.slide-active {
  display: block;
  animation: fadeIn 500ms ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* --------------------------------------------- */
/* Testimonials Module
/* --------------------------------------------- */

#testimonials {
  background-color: #afd9ea;
  padding: 2rem 1rem;
  position: relative;
  height: auto;
}

@media (min-width: 900px) {
  #testimonials {
    padding: 3rem 1rem;
  }
}

#testimonials .testimonial {
  margin-bottom: 0
}

.testimonials-header {
  text-align: center;
}

.testimonials-slider {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (min-width: 900px) {
  .testimonial-video {
    flex: 0 1 40%;
  }
}

.testimonial-quote {
  /* font-family: "ff-meta-serif-web-pro", serif; */
  font-style: italic;
}

@media (min-width: 900px) {
  .testimonial-quote {
    flex: 0 1 40%;
    text-align: left;
    padding-left: 2rem;
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

@media (min-width: 900px) {
  .testimonial-quote p {
    margin-top: 0;
  }
}

.citation {
  text-align: center;
  font-style: normal;
  font-size: 1rem;
}

@media (min-width: 900px) {
  .citation {
    text-align: left;
  }
}

.testimonial-person {
  /* font-family: "ff-meta-serif-web-pro", serif; */
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 700;
}

.testimonial-title {
  margin-top: 0;
}

/* Hear What Others Have to Say */

.testimonial-video {
  margin-bottom: 4rem;
}

.testimonial-video p {
  margin: 0;
}

.testimonial {
  margin: 4rem 0;
}

.testimonial-name,
.testimonial-position {
  margin: 0;
}

.testimonials-stories-button {
  text-align: center;
  margin: 2rem 0 0;
}

@media (min-width: 900px) {
  .testimonials-stories-button {
    margin: 4rem 0 2rem;
  }
}


/* Flex Video */
/* Use the CSS class 'flex-video' on the element containing the iframe or video */

.flex-video {
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}


/* --------------------------------------------- */
/* Testimonials Module
/* --------------------------------------------- */

.faq-hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/jens-johnsson-121807_cr.jpg);
 	background-position: center top;
}

.faq-wrapper {
  max-width: 1170px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: 3rem;
  padding: 1rem;
}

@media (min-width: 700px) {
  .faq-wrapper {
    grid-template-columns: 1fr 400px;
    padding: 3rem 1rem;
  }
}

@media (min-width: 900px) {
  .faq-wrapper {
    grid-template-columns: 1fr 400px;
  }
}

.faq-page-title {
  grid-column: 1 / -1;
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1.1;
}

.faq-mobile-quick-links {
  grid-column: 1 / -1;
  width: 85%;
  background-color: #333;
  color: #f9f9f9;
  margin-bottom: 2rem;
  position: sticky;
  top: 1rem;
}

@media (min-width: 700px) {
  .faq-mobile-quick-links {
    display: none;
  }
}

.faq-mobile-quick-links-content {
  padding: 0 1rem 1rem;
}

.faq-mobile-quick-links-content .faq-sidebar-section-header h5 {
  font-size: 1rem;
  margin-top: .5rem;
}

@media (min-width: 400px) {
  .faq-mobile-quick-links-content .faq-sidebar-section-header h5 {
    font-size: 1.2rem;
    margin-top: .7rem;
  }
}

.faq-mobile-quick-links-content .faq-sidebar-section-header h5:hover {
  color: #f9f9f9;
}

.faq-mobile-quick-links-content .faq-sidebar-section-header h5 a {
  color: #f9f9f9;
}

.faq-mobile-quick-links-content .faq-sidebar-section-links {
  font-size: 1rem;
  margin: 0;
}

.faq-mobile-quick-links-content .faq-sidebar-section-links li {
  margin: .3rem 0;
}

.faq-mobile-quick-links-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .2rem 1rem .3rem;
}

.faq-mobile-quick-links-header h5 {
  font-size: 1rem;
  margin: 0;
}

.faq-mobile-quick-links-header span {
  font-size: 1.5rem;
}

.faq-section {
  margin: 3rem 0;
}

.faq-section:first-child {
  margin: 0 0 3rem;
}

.faq-section-header {
  font-size: 2rem;
  font-weight: 400;
  margin: 0;
}

.faq-group {
  padding: 1rem 0 0;
}

.faq-question {
  font-style: italic;
  font-weight: 400;
  font-size: 1.1rem;
  margin-top: 0;
}

.faq-sidebar {
  position: relative;
  display: none;
}

@media (min-width: 700px) {
  .faq-sidebar {
    display: block;
  }
}

.faq-sidebar-inner {
  border-left: 1px solid #949494;
  padding-left: 2rem;
  position: sticky;
  top: 1rem;
}

.faq-sidebar-header {
  font-size: 1.5rem;
  margin-top: 0;
}

.faq-accordion-trigger h5,
.faq-sidebar-section-header h5 {
  font-size: 1.2rem;
  font-weight: 400;
  transition: color 300ms ease;
  margin-bottom: 0;
}

.faq-sidebar-section-header h5 a {
  color: #404040;
  transition: color 300ms ease;
}

.faq-sidebar-section-header h5 a:hover {
  color: #404040b3;
  text-decoration: none;
}

.faq-accordion-trigger h5:hover {
  cursor: pointer;
  color: #404040b3;
}

.faq-accordion-trigger h5::before {
  content: "\00FF0B";
  font-size: 1.2rem;
  margin-right: .7rem;
}

.minus-sign h5::before {
  content: "\002212";
  font-size: 1.2rem;
  margin-right: .7rem;
}

.faq-sidebar-section-links {
  list-style: none;
  padding: 0;
  margin: 0 0 0 1.5rem;
}

.faq-sidebar-section-links li {
  margin: 1rem 0;
}

.faq-sidebar-section-links li a {
  font-style: italic;
  color: #60b4d6;
}


/* --------------------------------------------- */
/* Blog Stories
/* --------------------------------------------- */

/* Page: Church Pilot Kit */

.hero-stories {
  background: url(https://sites.tyndale.com/immersebible/wp-content/uploads/2018/06/lightstock_73260_medium_josh.jpg);
  background: linear-gradient(#00000033, #00000033), url(https://sites.tyndale.com/immersebible/wp-content/uploads/2018/06/lightstock_73260_medium_josh.jpg);
  background-position: center;
  background-size: cover;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stories-title {
  color: white;
}

/* .stories-hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/daniel-mccullough-146145-unsplash.jpg);
  background-position: center top;
  height: 30vh;
} */

.stories-main {
  max-width: 1170px;
  margin: auto;
}

/* single posts */

.blog-card-text {
  padding: 1rem 1rem 2rem;
}

@media (min-width: 500px) {
  .blog-card-text {
    padding: 1rem 3rem 2rem;
  }
}

.blog-card-text-title h3 {
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 1rem 0;
  color: #444;
}

/* @media (min-width: 500px) {
  .blog-card-text-title h3 {
    font-size: 3rem;
    line-height: 1.2;
  }
} */

.post-sidebar {
  flex: 1 0 400px;
  /* order: 1; */
}

.post-content {
  margin: 0;
}

@media (min-width: 900px) {
  .post-content {
    margin: 0 0 0 2rem;
  }
}

.entry-header-image {
  margin-bottom: 2rem;
}

.post-content h1 {
  margin: 0 0 1rem;
}

.post-nav {
  padding: 3rem 1rem;
  max-width: 1170px;
  margin: auto;
}

@media (min-width: 1000px) {
  .post-nav {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1170px) {
  .post-nav {
    padding: 3rem 0;
  }
}

.post-nav p {
  margin: 0;
}

.next {
  margin-top: 2rem;
}

@media (min-width: 1000px) {
  .next {
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .next p {
    text-align: right;
  }
}

.sidebar-card {
  margin-bottom: 1rem;
  max-width: 400px;
  background-color: #d7ecf4;
}

.blog-card-text {
  padding: 1rem;
}

.blog-card-text-content p {
  font-weight: 400;
}

.blog-card-text-footer a {
  color: #444;
  font-size: 1.5rem;
  font-weight: 700;
}

@supports (display: grid) {
  .post-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4rem;
    max-width: 1170px;
    margin: 2rem auto;
    padding: 0 1rem;
  }

  @media (min-width: 900px) {
    .post-main {
      grid-template-columns: 1fr 400px;
    }
  }

  @media (min-width: 900px) {
    .post-content {
      margin: 0;
    }
  }
}

.date .categories-inner,
.date .page-header,
.date .post {
  max-width: 900px;
  margin: auto;
}

.date .post {
  margin: 3rem auto;
}

.date .entry-title {
  margin-bottom: .5rem;
}

/* Category Filter */


#categories {
  margin: 2rem 0 0;
}

#categories p {
  margin: 0;
}

.categories-inner {
  padding: 0 0 0 .5rem;
  max-width: 1170px;
  margin: auto;
}

@media (min-width: 450px) {
  .categories-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.categories-inner ul {
  margin: 0;
  padding: 0;
}

.categories-inner p {
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: .5rem;
}

@media (min-width: 450px) {
  .categories-inner p {
    font-size: 1.5rem;
    padding-bottom: 0;
  }
}

.categories-label {
  font-weight: 700;
  padding: .3rem 0 0;
}

.categories-dropdown {
  margin-left: 1rem;
  position: relative;
}

.dropdown-button {
  display: flex;
}

.categories-arrow {
  /* width: 30px; */
  padding: .2rem .3rem 0;
  margin: 0 0 0 -1px;
  border: 1px solid #ddd;
  font-size: 1rem;
}

.categories-trigger {
  padding: .3rem .5rem;
  margin: 0;
  border: 1px solid #ddd;
  font-size: .8rem;
}

.categories-dropdown-list {
  list-style: none;
  padding: 0;
  margin: -1px 0 0;
  font-size: .8rem;
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  border: 1px solid #ddd;
}

.categories-dropdown-list li {
  padding: .5rem .5rem .25rem;
}

.categories-dropdown-list li:hover {
  background-color: #eee;
  cursor: pointer;
}


/* Masonry Plugin */

.sm-grid {
  margin: 2rem auto 0;
  max-width: 1170px;
}

/* @media (min-width: 700px) {
  .sm-grid {
    margin: 4rem auto 0;
  }
} */

.grid-sm-border {
  background-color: #d7ecf4;
}

.sm-grid-boxes-caption {
  padding: 20px 15px 1rem;
}

.smblog_masonry_numcol .sm-post-title {
  margin: .5rem 0;
}

.sm-post-title a {
  color: #444;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1;
}

.sm-list-inline.sm-grid-boxes-news {
  display: none;
}

.sm-grid-boxes-quote p {
  display: none;
}

.sm-post-read-more {
  margin: 1rem 0 0;
}

.sm-post-read-more a {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1384B7;
}


/* User Story Form */

.user-story-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  max-width: 1000px;
  margin: 2rem auto;
  padding: 0 1rem;
}
.book-button{
	margin-top: 25px;
}
.book-more + p{
	margin: 0 0 10px;
}
.product-buy-select select{
	width: auto;
    padding: 8px;
    padding: .5rem;
    border-radius: 3px;
    box-sizing: border-box;
}
@media (min-width: 768px) {
  .user-story-grid {
    grid-template-columns: 1fr 300px;
  }
}

.user-story-sidebar-inner {
  background-color: #d7ecf4;
  padding: 1rem;
}

.user-story-sidebar-inner ul {
  padding: 0;
  margin-left: 1rem;
}

.user-story-section-header {
  margin-top: 3rem;
  font-weight: 700;
}

.gform_wrapper h3 {
  font-weight: 700 !important;
}

.my-story-input {
  margin: 3rem 0;
}

.my-story-input:last-child {
  margin: 3rem 0 0;
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{
	margin-top:0 !important;
}
/* Search & Filter Plugin Styles */

.postform,
.filter-date-select,
.filter-date-dropdown {
  padding: .5rem;
}

.filter-date-select {
  margin-right: -1rem;
}

input.search-filter-submit {
  background: transparent;
  padding: .5rem;
  font-size: 1rem;
  border-width: 2px;
}

input.search-filter-submit:hover {
  border-width: 2px;
}

.searchandfilter ul li [type="date"] {
  display: none;
}


/* Simple Likes (Blog Hearts) */

/* Heart container */
.simple-likes {
  margin-top: 1rem;
}

/* Wrapper */
.sl-wrapper a {
	border-bottom: 0 !important;
	text-decoration: none !important;
}

.sl-button {
	padding: 0;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
}

/* Colors */
a.liked {
	color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
	color:  #da1b1b;
}
a.liked span.sl-count,
.sl-count {
	color: $light-blue;
	font-weight: 700;
}

/* Icon */
.sl-icon {
	margin-right: 0.3125em;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	vertical-align: middle;
}

.sl-icon svg {
	fill: currentColor;
	width: 1em;
	height: 1em;
}

.sl-icon svg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
}

/* Count */
.sl-count {
	font-size: 0.625em;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	color: $light-blue;
	font-weight: 700;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}

.loader:before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:after {
  left: .375em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
#error{ color:red;     margin: 0 0 0 4px; }

/* Canada Modal */

.canada-modal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}

.canada-modal-close {
  position: absolute;
  top: .5rem;
  right: .5rem;
  margin: 0;
}

.canada-modal-close i {
  font-size: 2.5rem;
  color: #1384B7;
  transition: opacity 300ms ease;
}

.canada-modal-close i:hover {
  opacity: 0.7;
  cursor: pointer;
}

.canada-modal-inner {
  width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 2rem;
box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.2);
}

.tabcontent-sm .tab-content-text{
    flex:1;
}
.twocolumn-tabcontent .tab-content-text{
    padding: 0;
}
@media (min-width: 768px) {
    .twocolumn-tabcontent .resources-inner{
        max-width: 1200px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 3rem;
    }
    .onecolumn-tabcontent .resources-inner{
        display: block;
        max-width: 700px;
        padding: 0 1rem;
    }
}
.onecolumn-tabcontent .resources-video{
    display: none;
}
@media (min-width: 850px){
    .j-tabs {
        display: flex;
        justify-content: flex-start;
        max-width: 260px;
        border: 3px solid #1384B7;
    }
    .j-tabs li{
        flex: 0 1 50%;
        max-width: 130px;
        padding: .5rem;
        border: 1px solid transparent;
    }
    .j-tabs li:nth-child(2) {
        margin: 0;
    }
}
.j-tabs li.active, .j-tabs li.active:hover {
    background-color: #1384B7;
    color: #fff;
    cursor: default;
    border: 1px solid #fff;
}
.section-title--align{
    text-align:left;
}
.section-title--align h4{
    margin-top: 0;
}
.section-title--align h3{
    margin-bottom: 0;
}


/* Audio player addition - Nov 2019 */

.track-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #eee;
}

.track {
  padding: 1rem;
  border-bottom: 1px solid #eee;
}
.track.active {
  font-weight: 700;
  background-color: #eee;
  border-bottom: 1px solid rgba(204, 204, 204, 0.7);
  pointer-events: none;
}
.track:last {
  border: 0;
}
.track:hover {
  background-color: #ccc;
}

.track-controls {
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
  background-color: #f1f3f4;
}
.track-controls.active {
  display: flex;
}

.track-controls audio {
  width: 100%;
}

.player-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 auto;
  margin-right: 1rem;
}

.player-control {
  font-size: 1.5rem;
}

.progress {
  flex: 0 1 300px;
  height: 10px;
  background-color: #444;
  position: relative;
}

.progress-bar {
  background-color: #60b4d6;
  height: 10px;
  position: absolute;
}

.time {
  margin-left: 1rem;
}
.time span {
  display: inline-block;
}
.pre-navbar-toggle span {
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #000000;
    display: block;
    transition: all 300ms ease-in-out;
    margin-bottom: 5px;
}
div#jsHamburgerMenu {
    display: inline-block;
    cursor: pointer;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.main-navigation--mob{
	display: none;
}
.main-navigation--mob.toggled{
	display: block !important;
}

/* Header Toggle starts*/
.main-navigation.main-navigation--mob .menu-main-menu-container ul {
    display: flex;
  }
  .pre-navbar-toggle {
    display: none;
  }
  .pre-navbar-toggle span {
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #000000;
    display: block;
    transition: all 300ms ease-in-out;
    margin-bottom: 5px;
  }
  .pre-navbar-toggle span:last-of-type {
    margin-bottom: 0;
  }
  .site-header {
    position: relative;
  }
  div#jsHamburgerMenu{
	  display: none;
  }
  .main-navigation--mob{
	  display: block;
  }
  @media screen and (max-width: 768px) {
	div#jsHamburgerMenu{
		display: block;
		position: absolute;
		right: 30px;
		top: 50px;
	}
    .pre-navbar-toggle {
      display: inline-block;
      cursor: pointer;
    }
 .site-branding {
      flex: 1 0 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
 .main-navigation--mob {
        display: none;
		flex: 0 1 100% !important;
		background: #000000;
		padding: 10px 16px;
		position: absolute !important;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 99999;
    }
	.main-navigation a{
		color: #fff;
	}
    .main-navigation.main-navigation--mob .menu-main-menu-container ul {
      display: block;
    }
	.menu-toggle{
		display: none;
	}
      .main-navigation--mob
      .menu-main-menu-container
      ul
      li {
      float: none;
      text-align: left;
      margin-bottom: 8px;
    }

      .main-navigation--mob
      .menu-main-menu-container
      ul
      li:last-of-type {
      margin-bottom: 0;
    }
      .main-navigation--mob
      .menu-main-menu-container
      ul
      li
      a {
      font-size: 16px;
      line-height: 20px;
	  padding: 0;
    	border: none;
    }
      .main-navigation--mob
      .menu-main-menu-container
      ul
      li.menu-item-has-children
      .caret {
      content: "";
      border: solid white;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(45deg);
      position: absolute;
      top: 1px;
      right: 0;
	  }
      .main-navigation--mob
      .menu-main-menu-container
      ul
      li.menu-item-has-children
      .sub-menu
      li
      a::after {
      content: none;
    }
      .main-navigation--mob
      .menu-main-menu-container
      ul
      li.menu-item-has-children
      .sub-menu {
      background-color: #4f5052 !important;
      width: 101% !important;
    }
    #primary-menu .sub-menu{
      display: none;
    }
    .tagline-link{
        color:#fff;
    }
  }
  /* Header Toggle ends*/

  .main-nav li:last-of-type a.resources-links {
	transition: none;
	transition: color 250ms ease;
  padding: 0.5rem 1rem;
  border: 2px solid #60b4d6;
  font-weight: bold;
  }
  .main-nav li:last-of-type a.resources-links:hover {
    background: #60b4d6;
    color: #fff;
  }
  .main-nav li:last-of-type a.resources-links::after {
	  content: none;
  }
  .pre-link {
	  color: #fff;
	  display: inline-block;
	  margin-bottom: 5px;
  }
  @media (max-width: 767px){
	.main-nav li:last-of-type a.resources-links{
		text-align: center;
	}
  }
  .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-form-field label:not(.hs-error-msg) {
    color: #FFFFFF;
}.hs-error-msgs label {
    color: #f2545b;
}
ul.no-list {
    list-style: none;
}
.inputs-list {
    margin: 0 0 5px;
    width: 100%;
    padding-left: 5px;
}
.inputs-list label {
    float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    white-space: normal;
    font-weight: normal;
    font-size: 14px;
}
.hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-form-field label:not(.hs-error-msg) {
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
}
.inputs-list>li {
    display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
}
label {
    font-size: 14px;
    width: 130px;
    color: #33475b;
    display: block;
    float: none;
    width: auto;
    font-weight: 500;
    line-height: 20px;
    padding-top: 0;
    margin-bottom: 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.inputs-list:first-child {
    padding-top: 6px;
}
.actions {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 17px 0px;
}
.hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button, .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button:hover, .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button:hover:not(.inactive), .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button:focus, .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button:active, .hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-button:active:not(.inactive):not(.link) {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #33475b;
    font-size: 16px;
    line-height: 16px;
    font-family: arial, helvetica, sans-serif;
}
.hs-form-227765bc-e8ef-462c-a033-0755cae93426_c90535bf-4184-45f9-8dc0-1590d26f5828 .hs-button {
    white-space: pre-wrap;
}
.hs-button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    /* position: relative; */
    text-align: center;
    transition: all .15s linear;
    background-color: #ff7a59;
    border-color: #ff7a59;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 12px 24px;
}
.hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error {
    border-color: #c87872;
}
.hs-input:not([type=file]) {
    background: linear-gradient(180deg, rgba(213,211,214,1) 0%, rgba(254,254,254,1) 100%);
}
.social-links ul .twitter-x a:hover{
    filter:invert(30%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(102%) contrast(97%);}
.hs-input[type=checkbox], .hs-input[type=radio] {
    cursor: pointer;
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 5px 3px 0px;
    line-height: normal;
    border: none;
}
/* .hs-form-required {
    color: red;
} */
.hsForm_227765bc-e8ef-462c-a033-0755cae93426 a:visited, .hsForm_227765bc-e8ef-462c-a033-0755cae93426 a:hover {
    color: #FFFFFF;
}
.hs-input {
    display: inline-block;
    width: 90%;
    max-width: 500px;
    height: 40px;
    padding: 9px 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}




#footer-logo{min-width:75px;max-width: 120px;margin-right:16px;margin-right:1rem}

@media(max-width:768px){
    #footer-logo{
        width: 75px;
    }
}



@media(min-width:1200px){.site-footer-inner{-ms-grid-columns:
    1.5fr 1fr 1fr auto;grid-template-columns:1.5fr 1fr 1fr auto}}