/*
 Theme Name:   Life Recovery
 Theme URI:    http://tyndalebibles.com/liferecovery
 Description:  Child theme for the Tyndale Bibles theme
 Author:       Tyndale House Publishers
 Author URI:   https://www.tyndale.com
 Template:     tyndale-bibles
 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:  life-recovery
 */
/*--------------------------------------------------------------
 >>> 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;
  fill: currentColor;
	width: 1em;
	height: 1em;
  margin-right: .2rem;
  height: 40px;
  width: 40px;
}
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;
}
/* Header Toggle starts*/
.main-navigation.main-navigation--mob .menu-main-menu-container ul {
  display: flex;
}
.pre-navbar-toggle {
  display: none;
}

.pre-navbar-toggle span:last-of-type {
  margin-bottom: 0;
}
.site-header {
  position: relative;
}
div#jsHamburgerMenu{
  display: none;
}
@media screen and (max-width: 768px) {
div#jsHamburgerMenu{
  display: block;
  position: absolute;
  right: 30px;
  top: 30%;
}
  .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 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: 0;
      display: block;
      width: 100%;
      padding: 9px 0px;
  }

    .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*/
.pre-navbar-toggle span {
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #000000;
  display: block;
  transition: all 300ms ease-in-out;
  margin-bottom: 5px;
}
@media (max-width: 767px){
  img.custom-logo {
    width: 200px !important;
  }
}
/*--------------------------------------------------------------
 # Typography
 --------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
  color: #404040;
  /* font-family: sans-serif; */
  font-family: 'acumin-pro', 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 https://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. */
}
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: 3px solid #f9f9f9;
  border-radius: 3px;
  background: transparent;
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .5rem 1rem;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  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;
}
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;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
 # Navigation
 --------------------------------------------------------------*/
/*--------------------------------------------------------------
 ## Links
 --------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/*--------------------------------------------------------------
 ## Menus
 --------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  /* display: none; */
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    justify-content: end;
  }
}
.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%;
}
@media (max-width:768px){
  .main-navigation--mob {
    display: block;
    flex: 0 1 100% !important;
    background: #357852;
    padding: 10px 16px;
    position: absolute !important;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 99999;
  }
  .main-navigation{
    display: none;
  }
}
/*--------------------------------------------------------------
 # Accessibility
 --------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  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;
  clip-path: none;
  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;
}
.updated:not(.published) {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  margin: 1.5em 0 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, .infinite-scroll.neverending .site-footer {
  /* Older / Newer Posts Navigation (always hidden) */
  /* 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: 1220px;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/*--------------------------------------------------------------
 ## 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;
}
/*--------------------------------------------------------------
 # App
 --------------------------------------------------------------*/

 /* Links */

 a:link {
   color: #005562;
   transition: color 300ms ease;
 }

 a:visited {
   color: rgba(0, 85, 98, 0.7);
 }

 a:hover {
   color: rgba(0, 85, 98, 0.7);
 }

/* Buttons */

.ghost-button {
  display: inline-block;
  border: 3px solid #fff;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
  transition: color 300ms ease, background 300ms ease;
}

.ghost-button:visited,
.ghost-button:link {
  color: #fff;
}

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

@media (min-width: 800px) {
  .ghost-button {
    padding: 1rem 2rem;
    font-size: 1.5rem;
    margin-top: 2rem;
  }
}

.ghost-button-inverse {
  border: 3px solid #005562;
  color: #005562;
  transition: color 300ms ease, background 300ms ease;
}

.ghost-button-inverse:visited,
.ghost-button-inverse:link {
  color: #005562;
}

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

/* Masthead */

#masthead {
  padding: 2rem;
  background: #fff;
}
#masthead-scroll{
  padding: 2rem;
  background: #fff;
}
.masthead-inner {
  max-width: 1170px;
  display: block;
}
.site-branding {
  padding: 0;
  text-align: center;
  /* margin-bottom: 3rem; */
}

@media (min-width: 600px) {
  .site-branding {
    margin-bottom: 0;
  }
}

img.custom-logo {
  width: 300px;
}
@media (min-width: 1024px) {
  .masthead-inner {
    display: block !important;
    justify-content: space-between;
    align-items: center;
  }
}
#primary-menu {
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}

@media (min-width: 1024px) {
  #primary-menu {
    display: flex;
    justify-content: flex-end;
  }
}

.menu-toggle {
  display: none;
}

@media (min-width: 600px) {
  .main-navigation {
    margin-top: 0;
    flex: 1 0 75%;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .main-navigation {
    margin-top: 0;
  }
}

.main-navigation a {
  font-size: 1.5rem;
  color:#1B594C;
  text-transform: uppercase;
  font-weight: 700;
  transition: color 300ms ease;
}

.main-navigation a:hover {
  color: #005562;
}
#header-sroll {

  position:fixed;

  height: 100px;

  background:#ccc;

  left:0;

  top:0;

  float:left;

  width:100%;

  -ms-transition:     all 0.3s ease-out;

  -moz-transition:    all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition:      all 0.3s ease-out;

  transition:         all 0.3s ease-out;

}

#header-sroll h1 {

  font-size: 30px;

  font-family: Arial;

  text-align: center;

  line-height: 50px;

   -ms-transition:    all 0.3s ease-out;

  -moz-transition:    all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition:      all 0.3s ease-out;

  transition:         all 0.3s ease-out;

}

#header-sroll.small {

  height: 70px;

  line-height: 35px;

}

#header-sroll.small h1{

  height: 70px;

  line-height: 35px;

  font-size: 25px;

}

@media (min-width: 600px) {
  .main-navigation a {
    font-size: 1.1rem;
  }
}

@media (min-width: 900px) {
  .main-navigation a {
    font-size: 1.2rem;
  }
}

.current-menu-item a {
  color: #fff;
}

.life-recovery-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/home-hero-bg.jpg);
  background-position: center 40%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.life-recovery-hero .hero-inner {
  text-align: center;
  padding: 0 1rem;
  max-width: 1000px;
  margin: auto;
}
.life-recovery-hero .hero-headline {
  /* text-transform: uppercase; */
  color: #fff;
  font-size: 5rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.life-recovery-hero .hero-headline {
  /* text-transform: uppercase; */
  color: #fff;
  font-size: 3rem;
  margin-bottom: 2rem;
  line-height: 1;
}
@media (min-width: 600px) {
  .life-recovery-hero .hero-headline {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1170px) {
  .life-recovery-hero .hero-headline {
    font-size: 5rem;
    margin-bottom: 2rem;
  }
}
.life-recovery-hero .hero-subheadline {
  font-family: 'acumin-pro', sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #fff;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1.2;
}
@media (min-width: 600px) {
  .life-recovery-hero .hero-subheadline {
    font-size: 1.75rem;
  }
}
.life-recovery-hero .hero-reference {
  font-weight: 700;
  color: #fff;
  font-size: 1.56rem;
  margin-top: 0;
}
/* @media (min-width: 600px) {
  .life-recovery-hero {
    height: 60vh;
  }
} */


/* Home Video */

.life-recovery-video {
  padding: 3rem;
}
@media(max-width:768px){
  .life-recovery-video {
      padding: 3rem 1rem;
  }
}

.life-recovery-video-inner {
  max-width: 1000px;
  margin: auto;
}

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


/* Book Preview */

#book-preview {
  background: linear-gradient(180deg, #227362 0%, #6EB879 100%);
  padding: 4.5rem 3rem;
}

.book-preview-inner {
  display: flex;
  flex-direction: column;
  max-width: 1220px;
  margin: auto;
  color: #fff;
}

@media (min-width: 600px) {
  .book-preview-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1000px) {
  .book-preview-inner {
    font-size: 3rem;
  }
}

.book-preview-inner h3,
.book-preview-inner p {
  color: #fff;
}

.book-preview-text {
  flex: 0 1 60%;
  order: 2;
  padding-right: 1rem;
}

@media (min-width: 600px) {
  .book-preview-text {
    order: 1;
  }
}

.book-preview-text h3 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 700;
}
@media(max-width:600px){
  .book-preview-text h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 900px) {
  .book-preview-text h3 {
    font-size: 3rem;
    line-height: 1.3;
  }
}

.book-preview-text p {
  font-size: 1rem;
  margin-top : 2rem;
  margin-bottom:0;
}

@media(max-width:600px){
  .book-preview-text p{
    margin-bottom: 0;
  }
}

@media (min-width: 900px) {
  .book-preview-text p {
    font-size: 20px;
  }
}

.book-preview-book {
  flex: 0 1 40%;
  order: 1;
}

@media (min-width: 600px) {
  .book-preview-book {
    order: 2;
  }
}
@media(max-width:600px){
.book-preview-book img{
  height: 260px;
  margin-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
  .book-preview-book {
    flex: 0 1 30%;
    justify-self: center;
  }
}



@media (min-width: 700px) {

  .container{

    max-width: 1220px;

    margin: 0 auto;

  }

}

#meetauthors{

  padding: 88px 0;

  background: #92D19CB2;

}

.author-inner{

  display: grid;

  grid-template-columns: 292px 1fr;

  gap: 60px;

  border-top: 4px solid var(--Dark, #231F20);

  padding-top: 30px;

  margin-top: 50px;

}
@media(max-width:1024px){
  .author-inner{
    gap:24px;
  }
 
}



.author-inner p{

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 140%;

  margin: 0;

}
@media(max-width:768px){
  .author-inner{
    display: flex;
    flex-direction: column;
  }
  .author-inner p{
    font-size: 16px;
  }
 
}

/* Features */

.authors-header h3{
	text-align: center;
	margin: 0 0 1.5rem;
	line-height: 1.2;
	font-size: 3rem;
  font-weight: 700;
}
@media(max-width:1024px){
  .authors-header h3{
    font-size: 2rem;
    margin-top: 0rem;
  }
}

#features {
	background-color: #fff;
	padding: 1rem;
  position: relative;
}
.features-header h3{
	text-align: center;
	margin: 0 0 1.5rem;
	line-height: 1.2;
	font-size: 3rem;
  font-weight: 700;
}
@media(max-width:1024px){
  .features-header h3{
    font-size: 2rem;
    margin-top: 3rem;
  }
}
.features-header h3 i{
  font-weight: 700!important;
}
.features-header{
	border-bottom: 5px solid #1B594C;
}


.guide-inner{
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 64px;
}
@media(max-width:768px){
  .guide-inner{
    margin-bottom: 32px;
  }
  .guide-inner img{
    margin-bottom: 16px;
  }
}
.guide-inner.left{
  display: flex;
  flex-direction: column;
}
.guide-inner h3{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: normal;
}
@media(max-width:700px){
  .guide-inner img{
    height: 200px;
    margin-bottom: 16px;
  }
}
@media(min-width:700px)
{
  .guide-inner{
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
  align-items: center;
  margin-bottom: 70px;
}

.guide-inner h3{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: normal;
}

.guide-inner p{
  font-size: 18px;
  /* font-style: italic; */
  font-weight: 400;
  line-height: 140%;
}

.guide-inner.left{
  display: grid;
  grid-template-columns: 320px 1fr; 
}}


@media (min-width: 992px) {

  .guide-inner{

    display: grid;

    grid-template-columns: 1fr 507px;

    gap: 40px;

    align-items: center;

    margin-bottom: 70px;

  }

  .guide-inner h3{

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: normal;

  }

  .guide-inner p{

    font-size: 20px;

    /* font-style: italic; */

    font-weight: 400;

    line-height: 140%;

  }

  .guide-inner.left{

    display: grid;

    grid-template-columns: 507px 1fr; 

  }

}

@media (min-width: 700px) {
	#features {
		padding: 3rem 2rem;
max-width: 1220px;

margin: 0 auto;
	}
}

.features-header {
	text-align: center;
	margin: 0 0 3rem;
	line-height: 1.2;
	font-size: 3rem;
}

.features-accordion {
	max-width: 900px;
	margin: auto;
}

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

.features-accordion-header {
	background-color: #0B6B5A; /* Med Green */
  color: #fff;
	text-align: center;
	transition: background-color 300ms ease;
}

.features-accordion-header:hover {
	background-color: #005562; /* Dark Green */
	cursor: pointer;
}

.features-accordion-header h4 {
	padding: .5rem;
	margin: 3px 0;
	font-weight: 400;
	font-size: 1.2rem;
}

@media (min-width: 900px) {
	.features-accordion-header h4 {
		font-size: 1.875rem;
	}
}

.features-accordion-header-active {
	background-color: #005562; /* Dark Green */
}

.features-accordion-content {
	background: #f9f9f9;
	color: #333;
}

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

.features-accordion-text {
	display: flex;
	justify-content: center;
	// align-items: center;
	padding: 1rem;
	flex: 0 1 60%;
}

@media (min-width: 400px) {
	.features-accordion-text {
		padding: 2rem;
	}
}

.features-accordion-text p {
	margin: 1rem;
	font-size: 1rem;
}

@media (min-width: 900px) {
	.features-accordion-text p {
		font-size: 1.3rem;
	}
}

.features-accordion-slideshow {
	display: flex;
	height: 240px;
	overflow-x: auto;
	position: relative;
}

.features-accordion-image {
	flex: 0 1 auto;
}

.features-accordion-image img {
	margin: 0;
	padding: 0;
	display: block;  /* Removes white space below image */
	border-left: 3px solid #eee;
}

.features-accordion-text:last-child {
	flex: 0 1 40%;
}

@media (min-width: 700px) {
	.features-accordion-text:last-child {
		flex: 0 1 50%;
	}
}

.features-accordion-image:last-child {
	flex: 0 1 60%;
}

@media (min-width: 700px) {
	.features-accordion-image:last-child {
		flex: 0 1 50%;
	}
}

.features-accordion-slideshow-prompt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #00000036;
	color: white;
}

.features-accordion-slideshow-prompt p {
	margin: 0;
	padding: 0 0 0 1rem;
}

.features-accordion-button {
  margin-top: 2rem;
  text-align: center;
}


/* video12 Grid */

#video-12-steps {
  padding: 4rem 1rem;
  background: #92D19C;
}
.video12-list{
  max-width: 1200px;
  margin: auto;
}
@media(max-width:1024px){
  .video12-list .tab-content>.active iframe{
      height: 500px;
 }
}
@media(max-width:767px){
  .main-navigation li,.main-navigation ul{
    width: 100% !important;
    display: block !important;
    padding: 5px 0 !important;
    text-align: left;
  }
  .main-navigation li a{
    color: #fff;
    font-size: 20px;
  }
  .main-navigation li.fixed-menu-item{
    display: none!important;
  }
  .video12-list .tab-content>.active iframe{
      height: 320px;
 }
 .pre-header-link{
  display: none;
 }
 .site-branding img{
  height: 100px;
 }
}


@media (min-width: 500px) {
  #video12 {
    /* padding: 2rem; */
  }
}

#videoTab{
  flex-wrap: nowrap;
  overflow-x: scroll;
  margin-top: 64px;
  margin-left: 0;
}
@media(max-width:1024px){
  #videoTab{
    margin-top: 48px;
  }
}
@media(max-width:768px){
  #videoTab{
    margin-top: 32px;
  }
}
  .nav-pills .nav-link {
    border-radius: 0;
  }
  .nav-link{
    padding: 0;
    margin-top: 0.5rem ;
    margin-right: 2rem;
  }
  /* Style for the inactive nav link */
.nav-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

/* Overlay */
.nav-link:not(.active)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(146, 209, 156, 0.5);

  transition: background-color 0.3s ease;
  pointer-events: none;
}
.nav-link.active::before {
  background-color: transparent;
}
.nav-link:not(.active):hover::before {
  background-color: rgba(86, 174, 101, 0.5);
}

  .nav-pills .nav-link.active,
  .show > .nav-link {
    background-color: transparent;
    color: #231F20;
  }
  .thumbnail-img{
    max-width: 250px;
    height: 140px;
  }
  .thumbnail-text{
    text-align: center;
    font-weight: 700;
    width: 250px;
    font-size: 20px;
    line-height: 26px;
  }

.book-link-grid,
.book-image-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;

}

@media (min-width: 900px) {
  .book-link-grid,
  .book-image-grid {
    grid-template-columns: repeat(6, 1fr);
    max-width: 1200px;
    margin: auto;
  }
}

.book-image-grid {
  align-items: end;
}

/* .book-link-grid {
  align-items: start;
} */

/* .grid-item img {
  width: 100%;
} */

.video12-grid-link {
  height: 120px;
}

.video12-grid-link a {
  color: #005562;
  font-weight: bold;
  font-size: 1.2rem;
  transition: color 300ms ease;
}

.video12-grid-link a:link,
.video12-grid-link a:visited {
  color: #005562;
}

.video12-grid-link a:hover {
  color: rgba(0, 85, 98, 0.7);
}

.personal-size img {
  width: 120px;
}


/* coming soon (home page) */



/* product section */
#product {
  background: #fff;
  padding: 1.5rem;
}

@media (min-width: 600px) {
  #product {
    padding: 3rem 1.5rem 4rem;
  }
}

@media (min-width: 1200px) {
  #product {
    padding: 6rem 0 8rem;
  }
}

.product-text , .video12-text , .resources-text{
  margin-bottom: 4em;
}
@media(max-width: 1024px) {
  .product-text , .video12-text , .resources-text{
    margin-bottom: 3em;
  }
}
@media(max-width: 768px) {
  .product-text , .video12-text , .resources-text{
    margin-bottom: 2em;
  }
}
.product-header , .video12-header {
  text-align: center;
}
@media(max-width:768px){
  .video12-header{
    text-align: left!important;
  }
  .video12-text h3{
    margin-top: 0!important;
  }
}
.product-text h3 , .video12-text h3{
	margin: 2rem 0 1rem;
	line-height: 1.2;
	font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 500px) {
  .product-text h3 , .video12-text h3{
  	margin: 2rem 0 1rem;
  	line-height: 1.2;
  	font-size: 3rem;
  }
}
.video12-header p{
  font-size: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.2;
}
.product-header p  {
	font-size: 1.5rem;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.2;
}

.product-group {
  text-align: center;
}

.product-buttons {
  text-align: center;
  margin-top: 2rem;
}

@media (min-width: 950px) {
  .product-buttons {
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
}

.product-button {
  margin: 0 1rem;
}

.product-button .ghost-button {
  color: #005562; /* Dark Green */
  border-color: #005562; /* Dark Green */
}

.product-button .ghost-button:hover {
  color: #fff;
  background-color: #005562; /* Dark Green */
}

.product-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  justify-items: center;
}

@media (min-width: 500px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}























#resources {
  background: #fff;
  padding: 1.5rem;
}

@media (min-width: 600px) {
  #resources {
    padding: 3rem 1.5rem 4rem;
  }
}

@media (min-width: 1200px) {
  #resources {
    padding: 6rem 0 8rem;
  }
}
.resources-group a{
  margin-top: auto;
}
.resources-text , .video12-text{
  margin-bottom: 4em;
}
.resources-header , .video12-header {
  text-align: center;
}

.resources-text h3 , .video12-text h3{
	margin: 2rem 0 1rem;
	line-height: 1.2;
	font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 500px) {
  .resources-text h3 , .video12-text h3{
  	margin: 2rem 0 1rem;
  	line-height: 1.2;
  	font-size: 3rem;
  }
}
.video12-header p{
  font-size: 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.2;
}
.resources-header p  {
	font-size: 1.5rem;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.2;
}

.resources-group {
  text-align: center;
}

.resources-buttons {
  text-align: center;
  margin-top: 2rem;
}

@media (min-width: 950px) {
  .resources-buttons {
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
}

.resources-button {
  margin: 0 1rem;
}

.resources-button .ghost-button {
  color: #005562; /* Dark Green */
  border-color: #005562; /* Dark Green */
}

.resources-button .ghost-button:hover {
  color: #fff;
  background-color: #005562; /* Dark Green */
}

.resources-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  justify-items: center;
}

@media (min-width: 500px) {
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 700px) {
  .resources-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .resources-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}



/* Author Page */

#author-bios {
  padding: 2rem;
}

.author-bio {
  padding: 1rem;
  max-width: 1000px;
  margin: 0 auto;
}

@media (min-width: 600px) {
  .author-bio {
    margin: 0 auto 2rem;
  }
}

@media (min-width: 600px) {
  .author-bio-inner {
    display: flex;
  }
}

@media (min-width: 600px) {
  .author-bio-image {
    margin-right: 2rem;
    flex: 1 0 33%;
  }
}

@media (min-width: 800px) {
  .author-bio-image {
    margin-right: 2rem;
    flex: 1 0 40%;
  }
}

@media (min-width: 1200px) {
  .author-bio-image {
    flex: 1 0 30%;
  }
}

.author-bio-image img {
  width: 100%;
}

.author-bio-social {
  display: flex;
}

.author-bio-social p {
  margin: 0 1rem 0 0;
}


/* Features Page */

#features-introduction {
  background-color: #F1F0C4;
  padding: 2rem;
}

@media (min-width: 900px) {
  #features-introduction {
    padding: 4rem;
  }
}

.features-introduction-inner {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  font-family: 'adobe-garamond-pro', serif;
}

.features-introduction-inner h3 {
  margin: 0;
  font-style: italic;
  font-size: 1.5rem;
  font-family: serif;
  font-weight: 400;
  line-height: 1.3;
}

@media (min-width: 600px) {
  .features-introduction-inner h3 {
    font-size: 2rem;
  }
}

@media (min-width: 1000px) {
  .features-introduction-inner h3 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.features-introduction-inner span {
  font-style: normal;
}

.features-group {
  padding: 2rem 0 3rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}

.features-group-header {
  text-align: center;
}

.features-group-header h4 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
}

.features-group-lock {
  max-width: 1000px;
  margin: auto;
}

@media (min-width: 700px) {
  .features-group-lock {
    display: flex;
    margin-top: 3rem;
  }
}

.features-group-image {
  margin: 2rem 0;
}

@media (min-width: 700px) {
  .features-group-image {
    margin: 0 2rem 0 0;
    flex: 1 0 40%;
  }
}

.features-group-image:hover {
  cursor: pointer;
}

@media (min-width: 700px) {
  .features-group-text p:first-of-type {
    margin-top: 0;
  }
}

.features-group-text ul {
  padding: 0;
  margin: 1rem;
}

.features-group-text ul li {
  margin-bottom: .5rem;
}

.features-group-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 200;
  display: none;
}

.lightbox-open {
  display: flex;
  justify-content: center;
  align-items: center;
}

.features-group-lightbox-inner {
  width: 90%;
  position: relative;
  z-index: 300;
}

.features-group-lightbox-inner img {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
}

@media (min-width: 700px) {
  .features-group-lightbox-inner {
    width: auto;
  }
}

.features-group-lightbox-close {
  margin-bottom: 2rem;
  color: #fff;
  text-align: right;

}

.features-group-lightbox-close i {
  color: #fff;
  font-size: 2rem;
  transition: color 300ms ease;
}

.features-group-lightbox-close i:hover {
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}


/* Features Videos */

#features-videos {
  max-width: 1100px;
  margin: auto;
  padding: 0 2rem 2rem;
}

.features-videos-preview {
  width: 100%;
  margin-top: 4rem;
}

.features-videos-grid {
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid #939598;
}

@media (min-width: 600px) {
  .features-videos-grid {
    grid-template-columns: repeat(2, 1fr);

  }
}

.features-videos-thumb {
  padding: .5rem 1rem;
  border: 1px solid #939598;
  display: flex;
  place-items: start;
  transition: background-color 300ms ease, color 300ms ease;

}

.features-videos-thumb:hover {
  background-color: #bbb;
  color: #fff;
  cursor: pointer;
}

.features-videos-thumb img {
  width: 50%;
  flex: 1 0 50%;
  margin-right: 1rem;
}

.features-videos-thumb h4 {
  flex: 0 1 50%;
  margin: 0;
  font-size: 1.2rem;
}

.features-videos-active {
  background-color: #939598;
  color: #fff;
}


/* Book formats */

#book-formats {
  padding: 1rem;
}

@media (min-width: 768px) {
  #book-formats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10vw;
    max-width: 1200px;
    margin: auto;
  }
}

.formats-group,
.formats-group-lock {
  margin-bottom: 2rem;
}

@media (min-width: 500px) {
  .formats-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 300px));
    grid-gap: 1rem;
    align-content: start;
  }
}

@media (min-width: 500px) {
  #ebook.formats-group {
    align-content: end;
  }
}

@media (min-width: 500px) {
  .formats-group-lock {
    display: grid;
    grid-template-columns: 1fr;
    align-content: end;
  }
}
@media (min-width: 500px) {
  .formats-group-header {
    grid-row: 1;
    grid-column: 1/span all;
  }
}
.formats-group-image img {
  width: 100%;
}

.formats-group-title h4 {
  /* height: 50px; */
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.formats-product-details{
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #1B594C;
  margin-bottom: 16px;
}
.formats-group-select select {
  padding: 0.5rem;
}

/* #book-formats {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2rem;
  max-width: 1200px;
  margin: auto;
  padding: 1rem 1rem 3rem;
} */

/* @media (min-width: 900px) {
  #book-formats {
    grid-template-columns: 40% 10% 40%;
    grid-gap: 1rem;
    justify-items: center;
    align-items: start;
  }
} */

/* @media (min-width: 900px) {
  #full-size {
    grid-row: 1;
    grid-column: 1;
  }
} */

/* @media (min-width: 900px) {
  #large-print {
    grid-row: 1;
    grid-column: 3;
  }
} */

/* @media (min-width: 900px) {
  #personal-size {
    grid-row: 2;
    grid-column: 1;
  }
} */

/* @media (min-width: 900px) {
  #ebook {
    grid-row: 2;
    grid-column: 3;
  }
} */

/* @media (min-width: 900px) {
  #kjv {
    grid-row: 3;
    grid-column: 1;
  }
} */

/* @media (min-width: 900px) {
  #spanish {
    grid-row: 3;
    grid-column: 3;
  }
} */

/* .formats-group {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2rem;
  align-items: end;
} */

/* @media (min-width: 500px) {
  .formats-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2rem;
    align-items: end;
    justify-content: center;
  }
} */

/* @media (min-width: 900px) {
  .formats-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 60%));
    grid-row-gap: 2rem;
    align-items: end;
    justify-content: start;
  }
} */

/* @media (min-width: 500px) {
  .spanish-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, 1fr);
  }
} */

/* @media (min-width: 500px) {
  .spanish-lock {
    width: 50%;
  }
} */


/* CUSTOM--FOOTER */
.site-footer {
  background-color: #444;
  padding: 32px 16px;
  padding: 2rem 1rem
}
@media(min-width:900px) {
	.site-footer {
		padding: 2rem 10%
	}
}
.site-footer p,.site-footer .button {
  font-size: 19.2px;
  font-size: 1.2rem
}

.site-footer-inner {
  max-width: 1640px;
  margin: auto
}

@media(min-width: 600px) {
  .site-footer-inner {
      display:-ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-gap: 2rem
  }
}

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

@media(min-width: 1200px) {
  .site-footer-inner {
      -ms-grid-columns:1.5fr 1fr 1fr ;
      grid-template-columns: 1.5fr 1fr 1fr 
  }
}
#footer-logo {
  min-width: 75px;
  max-width: 150px;
  margin-right: 16px;
  margin-right: 1rem
}

.copyright {
  color: #f9f9f9
}

.copyright p {
  margin-bottom: 10px
}

.copyright a {
  color: #f9f9f9
}

.copyright-contact {
  font-weight: 700
}

.email-signup {
  margin: 32px 0;
  margin: 2rem 0
}

.footer-form {
  margin-top: 16px;
  margin-top: 1rem
}

.footer-label {
  color: #f9f9f9;
  display: block;
  margin: 4.8px 0;
  margin: .3rem 0;
  font-size: 14.4px;
  font-size: .9rem
}

.footer-input {
  padding: 16px;
  padding: 1rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 5px
}

.footer-widget-heading {
  margin: 0 0 8px;
  margin: 0 0 .5rem;
  font-size: 20.8px;
  font-size: 1.3rem;
  color: #f9f9f9;
  text-transform: capitalize;
  font-weight: 700;
}

.footer-widget {
  margin: 32px 0;
  margin: 2rem 0
}

@media(min-width: 600px) {
  .footer-widget {
      -ms-flex:0 1 30%;
      flex: 0 1 30%;
      padding: 0 1rem;
      margin: 0 0 2rem
  }
}

.footer-button {
  background: transparent;
  border: 3px solid #f9f9f9;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  color: #f9f9f9!important;
  display: inline-block;
  margin-top: 16px;
  margin-top: 1rem;
  padding: .5rem 1rem;
    cursor: pointer;
    transition: background-color 250ms ease, color 250ms ease;
    text-decoration: none;
}

.footer-button:hover {
  background-color: #f9f9f9;
  color: #000!important;
  border: 3px solid #f9f9f9
}

.footer-text {
  color: #f9f9f9;
  margin: 0 0 8px;
  margin: 0 0 .5rem
}

.footer-submit {
  padding: 0
}

.social-links{
  margin-top: 20px;
}

.social-links ul .twitter-x a:hover {
  filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(102%) contrast(97%);
}

.social-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex
}

.social-links ul li {
  color: #f9f9f9;
  margin-right: 16px;
  margin-right: 1rem
}

.social-links ul li a {
  color: #f9f9f9;
  transition: color 300ms ease
}

.social-links ul li a:hover {
  color: rgba(249,249,249,.7)
}

.social-links ul li i {
  font-size: 40px;
  font-size: 2.5rem
}

@media(min-width: 600px) {
  .social-links {
      -ms-flex:0 1 20%;
      flex: 0 1 20%
  }

  .social-links ul li {
      margin-right: 2rem
  }
}

.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;
}
.hs-input:not([type=file]) {
  /* background-color: #f5f8fa; */
  background: linear-gradient(180deg, rgba(213, 211, 214, 1) 0%, rgba(254, 254, 254, 1) 100%);
}
.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;
}
.hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-form-field label:not(.hs-error-msg) {
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
}
.hsForm_227765bc-e8ef-462c-a033-0755cae93426 .hs-form-field label:not(.hs-error-msg) {
  color: #FFFFFF;
}
.inputs-list>li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  white-space: normal;
  font-weight: normal;
  font-size: 14px;
}
.inputs-list:first-child {
  padding-top: 6px;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 5px;
}







/*  */
.formats-group-header {
  grid-column: 1 / span all;
}

.formats-group-lock {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 1rem 2rem 0;
}

.formats-group-header h3 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.formats-group-book {
  align-self: end;
}

.formats-group-book img {
  width: 100%;
}

@media (min-width: 350px) {
  /* .formats-group-book img {
    width: auto;
  } */
}

@media (min-width: 350px) {
  .formats-group-book img {
    width: auto;
  }
}

@media (min-width: 350px) {
  #spanish .formats-group-book img {
    width: 100%;
  }
}

.formats-group-title {
  /* height: 125px; */
}

@media (min-width: 1150px) {
  .formats-group-title {
    /* height: 75px; */
  }
}


.formats-group-title h4 {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 1rem 0 0;
}

@media (min-width: 1150px) {
  .formats-group-title h4 {
    font-size: 1.3rem;
  }
}

.formats-group-buy-now h4 {
  color: #939598;
  margin-top: 0;
}

.formats-group-buy-now-select {
  padding: 1rem 0.5rem;
  width: 100%;
}
.pre-header-link{
  max-width: 1170px;
  margin: 0 auto;
}
.pre-header-link a{
	color: #1B594C !important;
	text-transform: none;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
.main-navigation li:last-child{
  margin-right: 0;
}
/* Header images */

.formats-hero,
.features-hero,
.authors-hero,
.stories-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 70vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.authors-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/header-authors.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.features-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/header-features.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.formats-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/header-formats.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.stories-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/header-stories.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.resources-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/header-resources.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* Resources Page */

@media (min-width: 1px) {
  #resources {
    padding: 2rem 1rem;
  }
}

.resources-group {
  margin: 0 0 3rem;
  margin-top: auto;
}

@media (min-width: 650px) {
  .resources-group {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
  }
}

@media (min-width: 650px) {
  .resources-image {
    flex: 0 1 40%;
    margin-right: 1.5rem;
  }
}

@media (min-width: 1000px) {
  .resources-image {
    flex: 0 1 30%;
    margin-right: 2rem;
  }
}

@media (min-width: 650px) {
  .resources-text {
    flex: 0 1 60%;
  }
}

.resources-image img {
  width: 100%;
}

.resources-text-header h3 {
  font-size: 2rem;
  line-height: 1.2;
}

@media (min-width: 650px) {
  .resources-text-header h3 {
    margin-top: 0;
  }
}

.resources-text-content ul {
  padding: 0 1rem;
  margin: 0;
}

.resources-text-content li {
  margin: 0 0 .5rem;
}

.resources-text-button {
  margin-top: 1rem;
}

.resources-button-group {
  text-align: center;
}

@media (min-width: 1000px) {
  .resources-button-group {
    display: flex;
    text-align: left;
  }
}

@media (min-width: 1000px) {
  .resources-button-group .ghost-button:nth-child(1) {
    margin-right: 1rem;
  }
}


/* Stories Page */

.page-id-43 .blog-card {
  margin-bottom: 1rem;
  width: 95%;
}
@media (min-width: 784px) {
  .page-id-43 .blog-card {
    margin-bottom: 1rem;
    width: 47%;
  }
}
@media (min-width: 1170px) {
  .page-id-43 .blog-card {
    margin-bottom: 1rem;
    width: 32%;
  }
}

@media (min-width: 1170px) {
	.page-id-43 .category-featured {
		width: 65%;
	}
}

/* single.php */

.post-template-default .site-content {
  display: flex;
  max-width: 1200px;
  margin: auto;
}
.post-template-default #main {
  margin: 3rem 1rem;
}
@media (min-width: 600px) {
  .post-template-default #main {
    padding: 0 1rem;
  }
}
@media (min-width: 900px) {
  .post-template-default #main {
    display: flex;
  }
}
@media (min-width: 1170px) {
  .post-template-default #main {
    display: flex;
    padding: 0;
  }
}
.post-template-default .hentry {
  border: 1px solid #C7C7C7;
  padding-bottom: 1rem;
}
.post-template-default .entry-title {
  visibility: visible;
  font-weight: 700;
  font-family: 'acumin-pro', sans-serif;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.2;
  color: #005562;
}
@media (min-width: 500px) {
  .post-template-default .entry-title {
    font-size: 3rem;
  }
}
.post-template-default .single-post-content {
  background-color: #efefef;
}
.post-template-default .entry-header {
  padding: 1rem;
}
@media (min-width: 500px) {
  .post-template-default .entry-header {
    padding: 2rem 60px 0;
  }
}
@media (min-width: 1200px) {
  .post-template-default .entry-header {
    padding: 2rem 100px 0;
  }
}
.post-template-default .entry-content {
  margin-top: 0;
  padding: 0 1rem;
}
@media (min-width: 500px) {
  .post-template-default .entry-content {
    padding: 0 60px 2rem 60px;
    font-size: 1.2rem;
  }
}
  @media (min-width: 1200px) {
    .post-template-default .entry-content {
      padding: 0 100px 2rem 100px;
    }
  .post-template-default .entry-content img {
    width: auto;
  }
  .post-template-default p .pullquote-margin {
    width: 60%;
  }
}
.post-template-default .entry-content p {
  font-size: 1rem;
}
.post-template-default .entry-meta {
  display: none;
}
.post .blog-card-text {
  padding: 1rem 1rem 2rem;
}
@media (min-width: 500px) {
  .post .blog-card-text {
    padding: 1rem 3rem 2rem;
  }
}
.post .blog-card-text-title h3 {
  font-family: 'acumin-pro', serif;
  font-size: 2rem;
  font-style: normal;
  line-height: 1.2;
  font-weight: 700;
  color: #008098;
  margin: 0 0 1.5rem;
}
@media (min-width: 500px) {
  .post .blog-card-text-title h3 {
    font-size: 3rem;
    line-height: 1.2;
  }
}

.post .blog-card-text-content p {
  font-family: 'acumin-pro', serif;
  font-size: 1rem;
}

.post .pullquote {
  color: #008098;
  color: #008098;
  float: right;
  width: 40%;
  padding-left: 1rem;
  margin: 0;
}
.post .pullquote p {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.3;
}
.post-sidebar {
  flex: 1 0 400px;
  order: 1;
}
.post-content {
  margin: 0;
  order: 2;
}
@media (min-width: 900px) {
  .post-content {
    margin: 0 0 0 2rem;
  }
}
.post-nav {
  padding: 3rem 1rem;
}
.post-nav p {
  margin: 0;
}
@media (min-width: 1000px) {
  .post-nav {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1170px) {
  .post-nav {
    padding: 3rem 1rem;
  }
}
.next {
  margin-top: 2rem;
}
@media (min-width: 1000px) {
  .next {
    margin-top: 0;
  }
  .next p {
    text-align: right;
  }
}

@media (min-width: 600px) and (max-width: 900px ) {
  .post-sidebar {
    display: flex;
  }
}


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

@media (min-width: 600px) and (max-width: 900px ) {
  .sidebar-card:first-child {
    margin-right: 1rem;
  }
}

.pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin: 2rem 0 1rem;
  transform: translateY(30px);
}
.page-numbers {
  margin: 0 1rem;
  font-size: 1.5rem;
  text-decoration: none;
  height: 40px;
  width: 40px;
  padding: 0.5rem 1rem;
  border: 1px solid #008098;
  color: #008098;
  transition: background 300ms ease, color 300ms ease;
}
.page-numbers:visited {
  color: #008098;
}
.page-numbers:hover {
  background: #008098;
  color: #fff;
}
.page-numbers.current {
  background: #008098;
  color: #fff;
}


/* 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;
  font-family: 'acumin-pro', sans-serif !important;
}

/* Icon */
.sl-icon {
	margin-right: 0.3125em;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	vertical-align: middle;
}
.sl-icon svg {
  overflow:
	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: .7rem;
	font-family: 'acumin-pro', sans-serif;
	text-transform: uppercase;
  vertical-align: -webkit-baseline-middle;
	vertical-align: middle;
	font-weight: 700;
}



.fixed-container{
  max-width: 1220px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Style the fixed header */
.masthead-inner.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 0; /* Adjust padding when fixed */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
  max-width: 100%;
}

.masthead-inner .fixed-menu-item{
  display: none;
}
@media(max-width:768px){
  .masthead-inner.fixed{
    display: none;
  }
}

.masthead-inner.fixed .fixed-menu-item{
  display: block;
  margin-left: 50px;
  font-weight: 400;
}
.fixed-menu-item a{
  font-weight: 400;
}
.masthead-inner.fixed .pre-header-link{
  display: none;
}

.masthead-inner.fixed .site-branding img{
  height: 60px;
  margin: 1rem 0;
}

.masthead-inner.fixed .pre-header-link--tab{
  display: none;
}
.masthead-inner .pre-header-link--tab{
  display: none;
}
@media (max-width:1025px) {
  .main-navigation ul{
    flex-direction: column;
    align-items: flex-end;
  }
  .main-navigation li{
    width: 140px;
    text-align: left;
    margin: 0 0.5rem!important;
    padding: 0.5rem 0;
  }
  .main-navigation li.me-0{
    margin-right: 8px!important;
  }
  .pre-header-link{
    display: none;
  }
  .masthead-inner .pre-header-link--tab{
    display: block;
    margin-right: 8px!important;
    margin-top: 32px!important;
    font-weight: 400!important;
  }
  .pre-header-link--tab a{
    font-weight: 400!important;
  }
  .masthead-inner.fixed .site-branding{
    display: none;
  }
  .masthead-inner.fixed .main-navigation ul{
    flex-direction: row;
    justify-content: center;
  }
}
@media(max-width:768px){
  .site-branding img{
    height: 100px;
  }
  .main-navigation ul{
    align-items: baseline;
    
  }
  .main-navigation a{
    color: #fff;
  }
}
.masthead-inner {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  transition: top 0.3s ease, padding 0.3s ease;
  z-index: 999; /* Ensure the header stays above content */
}
.fixed-container{
  max-width: 1220px;
  margin: 0 auto;
  display: flex
;
  align-items: center;
  justify-content: center;
}
/* Style the fixed header */
.masthead-inner.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 0; /* Adjust padding when fixed */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
  max-width: 100%;
}

/* To prevent content from jumping up when the header becomes fixed */
body.fixed-header {
  padding-top: 70px; /* Adjust according to header height */
}

/* Optional: Style for the hamburger menu */
.pre-navbar-toggle {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.share-your-story{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media(max-width:900px){
  .share-your-story{
    padding-left: 0;
  }
}
.pre-navbar-toggle span {
  background-color: #333;
  height: 3px;
  width: 25px;
  margin: 4px 0;
}

.hs-button.primary {
  background: transparent;
  border: 3px solid #fff;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #fff;
  display: inline-block;
  margin-top: 16px;
  margin-top: 1.5rem;
  padding: 12px 20px;
  text-transform: capitalize
}

.hs-button.primary:hover {
  background: #fff;
  color: #000;
}
.hs-error-msgs{
  color: red;
}
.hs-form-booleancheckbox a{
  color: #FFFFFF;
}
















.video-thumbnails-carousel {
  margin-top: 20px;
}

.nav-item {
  text-align: center;
  cursor: pointer;
  padding: 5px;
  transition: transform 0.3s ease;
}

.nav-item:hover {
  transform: scale(1.1);
}

.thumbnail-img {
  width: 250px;
  height: 140px;
  object-fit: cover;
}

.thumbnail-text {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}

.tab-content iframe {
  width: 100%;
  height: 690px;
}







#sync2 .owl-stage{
min-width:4919px;
width:4919px!important;
//transform: translate3d(-3842px, 0px, 0px)!important;
display: flex !important;  /* Ensure items are laid out in a row */
    min-width: 100%;           /* Minimum width is 100% */
    width: auto !important;    /* Let the width adjust dynamically based on items */
    transition: transform 0.3s ease;  
}

.owl-carousel .owl-stage-outer{
  max-width: 1220px;
  margin: 0 auto;
}
#sync1 .item {
  text-align: left;
}

#sync2 .item {
  text-align: center;
  cursor: pointer;
  width: 250px;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  width: 250px;
  /* background: #0c83e7; */
}

#sync2 .owl-stage-outer{
 height: 180px;
}

@media(max-width:1024px){
  #sync1 iframe{
    height: 500px;
  }
}



#sync2{
margin-top:32px;
}
#sync2 .owl-item{
  width: 250px!important;
  margin-right: 16px;
}

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}

@media(max-width:768px){
  #sync1 iframe{
    height: 350px;
  }
  #sync2 .owl-item img{
    height: 80px;
    width: 130px;
  }
  #sync2 .item{
    width: 130px;
  }
  #sync2 .current .item{
    width: 130px;
  }
  #sync2 .owl-item{
    width:130px!important;
  }
  #sync2 .owl-stage-outer{
    height: 120px;
  }


}
@media (max-width: 420px) {
  #sync1 iframe {
    height: 250px;
  }}

/* Overlay */
#sync2 .owl-item:not(.current) .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(146, 209, 156, 0.5);

  transition: background-color 0.3s ease;
  pointer-events: none;
}
#sync2 .owl-item.current .item::before {
  background-color: transparent;
}
/* #sync2 .owl-item:not(.current) .item:hover::before {
  background-color: rgba(86, 174, 101, 0.5);
} */

  .nav-pills .nav-link.active,
  .show > .nav-link {
    background-color: transparent;
    color: #231F20;
  }


  /* .product__dropdown select {
    width: 292px;
    height: 51px;
    margin-top: 9px;
    border: 1px solid #6f6f6f;
    border-radius: 8px;
    padding: 0 10px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    appearance: none;
    background: url(./assets/images/dropdown.svg) no-repeat right;
    background-size: 10px;
    background-origin: content-box;
}
.product__dropdown select option {
    color: var(--Blue-2, #23434b);
    font-size: 18px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    word-wrap: break-word;
} */
.osano-cm-info-dialog-header__close svg:not(:root) {
    overflow: hidden;
    fill: currentColor;
    width: inherit;
    height: inherit;
    margin-right: 0;
    height: inherit;
    width: inherit;
}