section#image_left_text_right,
section#text_left_image_right,
section#video {
	padding-top: 60px;
	padding-bottom: 60px;
}
section.section + section.section {
	padding-top: 0 !important;
}
section#image_left_text_right p,
section#text_left_image_right p,
section#bg_video {
    font-size: 12px;
    line-height: 20px;
}
section#image_left_text_right h3,
section#text_left_image_right h3,
section#video h3,
section#bg_video h3 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
}

.videoWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
section#bg_video,
section#bg_video .row {
	height: 600px;
	position: relative;
}
section#bg_video .bg_video-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
section#bg_video .container {
	top: -600px;
	position: relative;
	height: 600px;
	z-index: 2;
}
.nk-awb {
	height: 600px;
}
section#bg_video h3,
section#bg_video p, 
section#bg_video button.the-button,
section#bg_video button.the-button a,
section#bg_video * {
	color: #fff;
	text-decoration: none;
}
section#bg_video a {
	text-decoration: underline;
}
section#bg_video a:hover {
	text-decoration: none;
}
section#bg_video button.the-button:hover a {
	color: #2b1e5c;
	}
section#bg_video button.the-button {
	border-color: #fff;
}
.copyright-text a {
	border-bottom: 1px solid #2b1e5c;
}
.copyright-text a:hover {
	text-decoration: none;
	border-color: transparent;
	}
	
	#single-post-content .post-content iframe {
		margin-top: 28px;
	}
	
#book-header img.the-book {
    max-width: inherit;
    width: 100%;
    }	
.page-template-book-page h1 {
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 10px;
}	
.page-template-book-page p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
}

#book-header .quotes {
    padding-bottom: 40px;
    margin-top: 60px;
    margin-bottom: 40px;
}
#book-header .quotes .the-carousel {
    min-height: 125px;
}
#book-header .quotes .the-carousel ul.slick-dots {
	bottom: -40px;
	}
#book-header .quotes .the-carousel .slick-arrow svg {
    fill: #2b1e5c;
}	
.btn {
	padding-left: 25px;
	padding-right: 24px;
}
.btn:hover a {
	text-decoration: none;
}
@media only screen and (min-width: 576px) {

section#image_left_text_right,
section#text_left_image_right,
section#video {
	padding-top: 100px;
	padding-bottom: 90px;
}	
section#image_left_text_right p,
section#text_left_image_right p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 27px;
}
section#image_left_text_right h3,
section#text_left_image_right h3,
section#video h3,
section#bg_video h3 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 17px;
}	
section.section + section.section {
	padding-top: 0 !important;
}
.page-template-book-page h1 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 18px;
	}
#book-header img.the-book {
    width: auto;
    }	
    
.page-template-book-page p {
    font-size: 13px;
    line-height: 22px;
	}
}

	#book-header ul.buttons li a.the-button {
    margin-bottom: 15px;
    }
    
    #book-header ul.buttons li a.the-button img {
	    max-width: 200px;
	    max-height: 30px;
	    }
	    
	#podcasts-list .podcast-header ul.buttons li a img {
		max-height: 28px;
	}
	#podcasts-list .podcast-item .wrapper ul li a img {
		max-height: 22px;
	}
	#home-podcast ul.buttons li a:not(.btn) {
		width: auto !important;
		height: 52px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
	}	
	#home-podcast ul.buttons li a:not(.btn):hover {
            border-bottom: 2px solid #5f558e;
            }
    #home-podcast ul.buttons li .btn a,
    #home-podcast ul.buttons li .btn a:hover {
	    border-bottom: 0;
    }        
	#home-podcast ul.buttons li a svg,
	#home-podcast ul.buttons li a img {
		max-height: 18px;
	}
	#home-podcast ul.buttons li:first-child,
	#home-podcast ul.buttons li {
    margin-right: 30px;
	}
	
.modal-dialog {
    max-width: 568px;
    }
    .modal-backdrop {
background-color: rgba(0, 0, 0, 0.3) !important;
}
.modal-content,
.modal-header {
	border: 0;
	border-radius: 0;
}   
    .modal-dialog p {
	font-size: 13px;
    line-height: 22px;
    } 
    .modal-dialog .the-button {
	    padding-left: 28px;
	    padding-right: 28px;
	    margin-bottom: 20px;
	    display: block;
	    }
	    
  @media only screen and (min-width: 768px) {
	  #header .wrapper ul.top-menu li {
		  margin-left: 60px;
	  }
   .modal-dialog .the-button {
	   display: inline-block;	  
	    margin-bottom: 0px;
	  }	  
}
	#book-header {	  
	      background-color: #f1f0fd;
	      }
	#home-the-book h3,      
	#book-header  * {	
			color: #2b1e5c;
			}	 
	#book-header .quotes .the-carousel ul.slick-dots li button {
			background-color: #9e95be;
			}
	#book-header .quotes .the-carousel ul.slick-dots li.slick-active button {
			background-color: #2b1e5c;		
			} 
	
	#home-the-book,
	.page-template-book-page #reading-list,
	.page-id-63	#in-the-press,
	.page-id-1672 #in-the-press,
	.page-id-1674 #in-the-press  {
    background-color: #fff;
			}	    

#podcast-book .the-box.the-book,
#podcast-book .the-box.the-book::after,
#podcast-book .the-box.the-book::before{
    background-color: #fff;
}
#podcast-book .the-box.the-book .box-content h3 {
			color: #2b1e5c;
			}
			
#single-post-content a {
  border-bottom: 1px solid #2b1e5c;
  color: #2b1e5c !important;
}
#single-post-content a span {
  color: #2b1e5c !important;
}
#single-post-content a:hover {
	text-decoration: none;
	border-color: transparent;
	}
	/* Hero row */
	
#hero-row {
		background: #e5e4f0;
		padding-top: 60px;
		padding-bottom: 15px;
}
#hero-row.single {
	padding-bottom: 60px;
	}
#hero-row  h3 {
	margin-top: 38px;
	margin-bottom: 18px;
}

#hero-row  p {
	font-size: 13px;
	line-height: 1.7;
	}
	
#hero-row a:hover,
#hero-row a:hover p {
	text-decoration: none;
}
#hero-row a:hover h3 {
	text-decoration: underline;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#hero-row .item {
	margin-bottom: 45px;
}
#hero-row .item span.the-thumb {
    display: block;
    position: relative;
    margin-bottom: 16px;
}
#hero-row .item span.the-title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}
#hero-row .item:hover span.the-title span.the-text {
          border-bottom: 2px solid #2b1e5c;
}
#hero-row .item span.the-excerpt {
    display: block;
    font-size: 12px;
    line-height: 20px;
}
#hero-row .item span.the-thumb span.overlay {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 30, 92, 0.3);
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (min-width: 1025px) {
	#hero-row .item:hover span.the-thumb span.overlay {
	    opacity: 1;
	    visibility: visible;
	}
}
@media only screen and (min-width: 768px) {
	#hero-row {
		padding-top: 90px;
		padding-bottom: 45px;
	}
	#hero-row.single {
		padding-bottom: 90px;
	}
	
	#hero-row .item span.the-title {
	    font-size: 22px;
	    line-height: 28px;
	    margin-bottom: 8px;
	}
	#hero-row .item span.the-title span.the-text {
	    display: inline;
	    border-bottom: 2px solid rgba(43, 30, 92, 0);
	    -moz-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;
	}
	
	#hero-row .item span.the-excerpt {
	    font-size: 13px;
	    line-height: 22px;
	}
}