/* font-family: 'Antonio', sans-serif;
font-family: 'Lora', serif; */

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap');


a {
  color:#75371c;
}

h1 {
    font-family: 'Antonio', sans-serif;
    margin:0;
}

/* .site-page.one-column .body-container-wrapper *{
    color: #fcfaf5;
} */
.site-page.one-column h2 {
/*   font-size: 40px; */
}
h1 span {
    white-space: nowrap;
}

h1, h2{
    font-family: 'Antonio', sans-serif;
    letter-spacing: -.025em;
}

h3, h4, h5, h6, p, ul, li, footer {
    font-family: 'Lora', serif; 
    font-size:18px;
    line-height:30px;
}

p {
    line-height:155%;
}

/* Hubspot COS No Gutter Grid --- removes HubSpot's default grid gutters  */
.no-gutter .row-fluid .span2 {
    margin-left: 0;
    width: 50%;
}
.no-gutter .row-fluid .span3 {
    margin-left: 0;
    width: 25%;
}
.no-gutter .row-fluid .span4 {
    margin-left: 0;
    width: 33.333333%;
}
.no-gutter .row-fluid .span5 {
    margin-left: 0;
    width: 41.666666%;
}
.no-gutter .row-fluid .span6 {
    margin-left: 0;
    width: 50%;
}
.no-gutter .row-fluid .span7 {
    margin-left: 0;
    width: 58.333333%;
}
.no-gutter .row-fluid .span8 {
    margin-left: 0;
    width: 66.666666%;
}
.no-gutter .row-fluid .span9 {
    margin-left: 0;
    width: 75%;
}
.no-gutter .row-fluid .span10 {
    margin-left: 0;
    width: 83.333333%;
}
.no-gutter .row-fluid .span12 {
    margin-left: 0;
    width: 91.666666%;
}

@media (max-width: 767px) {
	.no-gutter .row-fluid [class*="span"] {
		width: 100%;
	}  
}




.intro {
 /* background: rgb(2,172,213);
  background: linear-gradient(0,#6e2217 0%,#3b1178 100%);*/
  background-image:url('https://communication.cph.org/hubfs/_books/2023/adult-books-jesus-said-what/cover-art-bg-short.jpg');
  background-size:cover;
  /*background-position:center center;*/
  padding: 108px 0;
}




.intro .intro-text {
  padding: 18px;
  margin: 6px;
  background-color:#ffffffcf;
  border-radius:20px;
 /* display:inline-block;*/
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
}



.intro h1 {
  color:#000;
  font-size:82px;
}

.intro h2 {
  color: #3b1078;
  margin-top:20px;
}

.intro p {
  color:#000;
  font-size: 1.5em;
    font-family: 'Lora', serif; 
}

.intro a {
  color:#db220d;
}


/*
@media (min-width: 768px) and (max-width: 1024px){     
.intro .intro-text {
  padding: 18px !important;
  margin: 6px !important;
  background-color:#ffffffcf !important;
  border-radius:20px !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px !important;
}
}
*/




.header-boxes div, .quote-boxes div {
  display:flex !important;
  align-content:center;
  justify-content:center;
}

.header-boxes p a {
  text-decoration:underline;
  color:#812024;
  font-weight:700;
}

.header {
  background-color:#000;
  background-image:url('https://communication.cph.org/hubfs/_books/2023/adult-books-jesus-said-what/spiral-bg.jpg');
  background-position:bottom left;
  background-size:cover;
  padding:45px;
}

.header-image h1 {
  color: #10848d;
  font-size: 4.5em;
  line-height: 1.25em;
  margin-bottom:0;
}

.header-image h2  {
  font-size:4.5em;
  color: #10848d;
  font-weight:500;
  margin-top:0;
  margin-bottom: 0.5em;
  letter-spacing: -0.05em;
}   

.header-image p {
  color:#000; 
  font-size:1.5em;
}

.header-image {
  align-items: center;
  justify-content: center; 
  height:auto;
  background-color:#fff;
  padding:3em;
  padding-right:10em;
}

.header img {
  max-width:600px;
}

.understanding {
  background-color:#6e2117;
  padding: 100px 0;
}

.understanding h2 {
  font-size: 2.75em;
  color: #fff;
  font-weight: 400;
  margin-bottom: 40px;
}

.understanding p {
  font-size:1.25em;
  color: #fff;
}

.learn-box {
  margin-top:30px;
  background-color: #5a1f17b5;
    padding: 20px;
/*  padding:30px;
   background-color:#ffba50;
  font-size:.75em;
  border-radius:100px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
}

.learn-box h4 {
    background-color: #f9a02b;
    color: #fff;
    border-radius: 100%;
    font-size: 3em;
    width: 110px;
    height: 110px;
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
    font-family: 'Antonio', sans-serif;
    font-weight:900;
}

.learn-box p {
  font-size:1.75em;
  line-height:125%;
}

.quote {
  padding:140px;
}

.quote p { 
  color: #000;
    font-size: 1.5em;
}



.quote-image {
  background-image:url('https://communication.cph.org/hubfs/_books/2023/adult-books-jesus-said-what/man-reading-bible.jpg');
  background-size:cover;
  background-position:center;
  min-height:640px !important;
}

.emotions {
  padding:100px;
  background-color:rgba(2,172,213,1);
  text-align:center;
}

.emotions h2 {
  color:#fff;
}

.emotions ul li {
  box-shadow: rgb(0 0 0 / 10%) 0px 6px 15px 0px;
  list-style-type:none;
  display:inline-block;
  padding:5px 20px;
  background-color:#fff;
  border-radius:40px;
  margin-right:15px;
  font-weight:700;
  margin-bottom:15px;
}

.testimonials {
  color:#000;
  background-color: #fff;
  text-align:center;
  padding:80px 0;
}

.testimonials p {
    color:#000;
    font-size:1.25em;
}

.testimonials p span {
  font-weight:700;
  font-size:.75em;
  display:block;
  padding-top:10px;
}

.slick-dots li button:before {
    font-size: 40px;
    color:rgba(2,172,213,1);
}

.slick-dots li.slick-active button:before {
     color:rgba(2,172,213,1);
}

.interior {
  text-align:center;
  margin-top:30px;
}


.interior h3 { 
  font-family: 'Antonio',sans-serif;
  color:#ffffff;
  font-size:2.25em;
  text-align:center;
  line-height:125%;
}

.author {
  /*background:linear-gradient(0,#0f6a5f 0%,#318c8b 100%);*/
  background-color: #ebe6eb;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:bottom;
  padding:50px;
}

.author h3, .author p {
  color:#000;
}

.author h3 {
  font-weight:100;
}

.author p {
  font-size:1.25em;
  line-height:155%;
}

.author-box {
  background-color:#fff;
  padding:40px;
  border-radius:40px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
}

.author img {
  max-width: 400px !important;
  border-radius:100%;
}

footer {
    background-color:#fff;
    padding-bottom:30px;
}

form p {
  font-size: 1.2em;
  color:#000;
}

form a {
  color:#e3880f; 
}

.sample-form {
  background-color:#6e2217;
  padding:100px;
} 

.sample-form h2 {
  color:#fff;
}

.sample-form label, .sample-form p {
  color:#000;
}

form a {
  color:#e3880f;
}

/* TY Page */
.thank-you-box {
  border-radius:40px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
  text-align:center;
  padding:40px;
  background-color:#fff;
}

.thank-you-box h1 {
  color: #db220d;
  font-size: 3em;
  line-height: 1.25em;
  margin-bottom:0;
}

.thank-you-box p {
  color:#000;
}

body .hs-button.primary, body input[type="submit"] {
  box-shadow:none !important;
}
  
@media (max-width: 1200px) {
  
  .testimonials {
    padding:20px;
  }
  
  .header-image img {
    max-width:50%;
    margin-top:45px;
  }
  
  .header-boxes div, .quote-boxes div {
/*     display:inherit !important; */
  flex-direction:column;
  }
  
  .no-gutter .row-fluid .span6 {
		width: 100%;
	}
  
  .header h1 {
    font-size:2.5em;
  }
  
  .header-image {
    text-align:center;
    padding-right:48px;
  }
  .header {
    padding:55px; 
    text-align:center;
  }
  .quote {
    padding:80px;
  }
  
  .header-image p {
    margin:0;
  }
}

@media (max-width: 767px) {
  .intro {
    padding:20px;
  }
  .intro h1 {
    font-size: 52px;
  }
  
  .header-image .hs-cta-wrapper {
    margin-top:30px;
    display:block;
  }
  
  .header-image {
    padding-right:48px;
  }
  .quote {
    padding:60px 20px;
  }
  .quote-image {
     min-height: 400px !important;
  }
  .emotions {
    padding:20px;
  }
  .emotions ul {
    margin:0;
    padding:0;
  }
  .emotions ul li {
    margin-bottom: 20px;
  }
  .header img {
    max-width: 275px;
    margin-top: 45px;
  }
	.no-gutter .row-fluid [class*="span"] {
		width: 100%;
	}
  .author {
    padding:0;
  }
  .sample-form {
    padding:40px 0 0 0;
  }
  a.not-a-cta {
    margin:20px 0;
  }
}

.amazon-btn:hover {
  background-color:transparent !important;
}

a.not-a-cta {
font-weight: 700;
    font-size: 1.5em;
    display: inline-block;
    background-color: #e7b264;
    color: #000!important;
    text-decoration: none!important;
    padding: 20px 40px;
    border: 6px solid #e7b264;
    border-radius: 5px;
    line-height: 1em;
}

/* Animation */

/* @keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

h2.animated {
  animation-delay:1s;
  animation-duration:2s;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 1.75s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 2.3s; /* So they look staggered */
}
.come-in:last-child {
  animation-duration: 2.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
} */