/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


@font-face {
	font-family: ETmodules;
	font-display: block;
	src: url(/assets/css/fonts/modules.eot);
	src: url(/assets/css/fonts/modules.eot?#iefix) format("embedded-opentype"), url(/assets/css/fonts/modules.woff) format("woff"), url(/assets/css/fonts/modules.ttf) format("truetype"), url(/assets/css/fonts/modules.svg#ETmodules) format("svg");
	font-weight: 400;
	font-style: normal;
}

/* example of use */

i.authorIcons {
	font-family: 'etModules';
	font-style: normal;
	display: flex;
	font-size: 32px;
	border: 3px solid #ffffff;
	border-radius: 100%;
	height: 88px;
	width: 88px;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.icon_calendar:before {
	content: "\e023";
}

.icon_profile:before {
	content: "\e08a";
}

.icon_contacts_alt:before {
	content: "\e026";
}

.subscribe-btn {
	font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 2px;
	font-size: 14px;
	color: #fff;
	background-color: #94a6bf;
	padding: 14px 4.2px;
	border: none;
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
	border-radius: 3px;
	transition: 3000ms;
	transform: translateY(0);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	text-align: center;
	margin-top: 37px;
}

.block-hero-22 h1,
.block-hero-22 h2,
.block-hero-22 h3,
.block-hero-22 h4,
.block-hero-22 h5,
.block-hero-22 h6,
.block-hero-22 p,
.block-hero-22 a {
	font-family: 'Inter', sans-serif;
}

.bg-bd-orange {
	background-color: rgb(254, 102, 2) !important;
}

.text-larger {
	font-size: 20px;
}

.teal {
	color: #1ABC9C;
}

.blueish {
	color: #576F9E;
}

.white-text div {
	color: #333;
}

.light-gray-bg {
	background-color: #F9F9F9 !important;
}

.bd-blue-bg {
	background-color: #2E4864 !important;
}

.blocks-faqs-3 .faqs .toggle {
	/*background-color: var(--cnvs-contrast-0);*/
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.085);
}

.blocks-faqs-3 .faqs .toggle-header {
	padding: 15px 20px;
	margin: 0;
}

.blocks-faqs-3 .faqs .toggle-content {
	border-top: 1px solid var(--cnvs-contrast-100);
	padding: 20px 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
}

.book-image-div {
	text-align: center;
}

.book-image-div img {
	/* max-height: 500px; */
}

.fbox-icon i,
.fbox-icon img {
	background-color: #2E4864;
}

#gotoTop:hover {
	background-color: #2E4864;
}

h1 {
	font-family: "Abhaya Libre", Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 70px;
	line-height: 1.2em;
	text-transform: none;
}

h2 {
	font-family: "Abhaya Libre", Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.2em;
	text-transform: none;
}

h3 {
	font-family: "Abhaya Libre", Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.2em;
	text-transform: none;
}

h4 {
	font-family: "Nunito", Helvetica, Arial, Lucida, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #bda392 !important;
	letter-spacing: 2px;
	line-height: 1.8em;
	margin: 0;
	padding-bottom: 10px;
}

.posts {
	height: 430px;
	margin-bottom: 40px;
}

.posts-div {
	text-align: center;
}

li {
	margin: 0px 0px 25px 25px;
}

div.list1 li {
	margin: 0px 0px 10px 25px;
}

div.header-div {
	padding:  50px 0;
	background-image: url(/assets/images/hero8.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-right: 0px;
	padding-bottom: 80px;
	background-color: inherit !important;
	background-position: 50%;
}

div.header-div img {
	/*
	max-height: calc(100vh - 100px);
	padding: 0 50px;
	*/
}
div.header-div img {
    width: 100%;
    max-width: 600px;
    height: auto;
    padding: 0;
    filter: drop-shadow(0px 35px 25px rgba(0, 0, 0, 0.6));
}

div.header-div h4 span {
	text-transform: lowercase; 
}

div.header-div h1 {
	color: white;
	margin-bottom: 0;
}

div.header-div p.header-p {
	padding-top: 0px; 
	font-size: 18px; 
	line-height: 1.8em; 
	color: white;
	/* padding-bottom: 0 !important; */
	margin-bottom: 0 !important;
	font-weight: 300;
}

.section-div {
	padding:50px 0;
}

.background-light-gray {
	background: #F9F9F9; 
}

.background-white {
	background: #ffffff; 
}

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

p.p-content {
	font-size: 18px;
	font-weight: 300; 
	line-height: 1.8em;
}

.section-div h1 {
	text-align: center !important;
	font-size: 64px !important;
}

a.read-more-link {
	color: #94a6bf!important;
	border-width: 0px!important;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
}

.chapter-preview-img-div {
	border-radius: 4px 4px 4px 4px; 
	overflow: hidden; 
	box-shadow: 0px 35px 50px -35px rgba(0,0,0,0.5); 
}

.background-dark-blue {
	background: #383e59;
}

.background-dark {
	background: #22262d;
}

.background-divider {
	background-size: contain;
	background-position: center top;
	background-image: url(/assets/images/pages-divider.png)!important;    
	background-repeat: no-repeat;
}

.text-white {
	color: #ffffff !important;
}

.text-brown {
	color:#bda392 !important;
}

.misconceptions-div h1 {
	margin: 0; 
	padding-bottom: 10px;
}

.misconceptions-div h4 {
	padding-bottom: 80px;
}

.misconceptions-div .misconceptions-quote {
	text-align: center;
	font-family: 'Abhaya Libre', Georgia, 'Times New Roman', serif;
	font-weight: 700;
	font-style: italic;
	line-height: 1.4em;
	font-size: 24px;
}

.contact-div {
	margin-top: -10%;
	background-color: #bcaca0;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	box-shadow: 0px 35px 65px 0px rgba(188, 163, 146, 0.1);
	padding-top: 70px;
	padding-bottom: 70px;
}

.contact-div .contact-email span {
	font-family: 'Abhaya Libre', Georgia, 'Times New Roman', serif;
	font-weight: 700;
	font-size: 24px;
	color: #ffffff !important;
	line-height: 1.2em;
	padding-bottom: 10px;
}


.width-80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.newsletter-div {
	padding: 120px 0;
}

.newsletter-div h2 {
	text-align: left;
}

.newsletter-div #subForm input {
	-webkit-appearance: none;
	padding: 14px 4%!important;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	width: 100%;
	font-weight: 400;
	border-width: 0;
	border-radius: 3px;
}

.buy-links {
	padding-top: 25px;
}

a.buy-now {
	display: inline-block;
	color: #ffffff !important;
    border-width: 8px !important;
    border-color: #94a6bf;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: "Nunito", Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #94a6bf !important;
	box-shadow: 0px 25px 45px 0px rgba(148, 166, 191, 0.25);
	border-radius: 5px;
	padding: 10px 15px !important;
	margin: 0;
	word-wrap: break-word !important;
    white-space: initial !important;
	transition: all .2s ease-in-out;

}

a.buy-now-link {
	transition: all .2s ease-in-out;
	color: #ffffff !important;
    /* border-width: 8px !important; */
    letter-spacing: 2px;
    font-size: 15px;
    font-family: "Nunito", Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    /* background-color: #94a6bf !important; */
	/* box-shadow: 0px 25px 45px 0px rgba(148, 166, 191, 0.25); */
	/* border-radius: 5px; */
	/* padding: 10px 15px !important; */
}

.alternate-buy-div {
	margin-left: 0px; 
	margin-top: 10px;
}

a#buyBookAmazon span {
	font-weight: 300; 
	text-transform: lowercase;
}

.alternate-buy-div .buy-now-link {
	color: #94a6bf !important; 
	text-decoration: underline !important;
	transition: all .2s ease-in-out;
}

.alternate-buy-div span {
	margin-left: 10px;
	letter-spacing: 2px;
	font-size: 15px;
	font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 300;
	text-transform: lowercase;
	color: white;
}

#companion_div_link,
a.read-more-link {
	transition: all .2s ease-in-out;
} 

a.buy-now:hover,
#companion_div_link:hover {
	background-color: #6a7c94 !important
} 

a.read-more-link:hover {
	color: #6a7c94 !important;
}

.alternate-buy-div .buy-now-link:hover {
	color: #6a7c94 !important;
}

.toggle ul li {
	font-size: 20px;
	font-weight: 400; 
	line-height: 1.8em;
}

.toggle ul li,
.toggle p.p-content {
	margin-bottom: 15px !important;
}

.toggle .toggle-title {
	line-height: 25px;
    font-size: 18px;
}

/*** Works on common browsers ***/
::selection {
    background-color: #6a7c94;
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #6a7c94;
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #6a7c94;
    color: #fff;
}

::-ms-selection {
    background-color: #6a7c94;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #6a7c94;
    color: #fff;
}

.giveawayForm,
.newsletterForm,
.arcForm {
	border: 1px solid #D0D2D4;
    background: white;
    padding: 20px;
    border-radius: 5px;
}

.giveawayFormSuccess,
.newsletterFormSuccess,
.arcFormSuccess,
.giveawayFormError,
.newsletterFormError,
.arcFormError {
    padding: 5px;
    text-align: center;
    border-radius: 3px;
	display: none;
}

.giveawayFormError,
.newsletterFormError,
.arcFormError {
	border: 1px solid red;
    background: rgba(255, 0, 0, .1);
    color: red;
}

.giveawayFormSuccess,
.newsletterFormSuccess,
.arcFormSuccess {
	border: 1px solid green;
    background: rgba(0, 255, 0, .1);
    color: green;
}

#giveaway h4 {
	text-align: center; 
	font-size: 30px;
}

#giveaway h1,
#newsletter h1 {
	margin-bottom: 0 !important;
}

#giveaway h2 {
	text-align: left
}

#getGiveaway,
#subscribeButton {
	background-color: #94a6bf;
}

.giveawayFormDiv,
.newsletterFormDiv {
	max-width: 70%; 
	margin: 0 auto;
}

@media (min-width: 992px) {
	.custom-container {
		max-width: 992px;
	}

	div.header-div {
		/* min-height, not height: the hero still fills one screen, but can
		   grow when the content is taller than the viewport (browser zoom,
		   short windows) instead of letting the text spill out of it. The
		   vertical padding only shows once it has grown past 100vh. */
		padding: 40px 0 !important;
		min-height: 100vh;
		display: flex;
		align-items: center;
		background-size: cover;
	}

	div.header-div .container {
		max-width: 1200px;
	}

	div.header-div .header-content-div {
		padding-right: 125px;
	}
}

@media (max-width: 991px) {
	.book-image-div {
		text-align: center;
	}

	div.header-div {
		background-image: url(/assets/images/BlueWall001.jpg) !important;
		background-size: cover;
		background-color: inherit !important;
	}
	/* .book-image-div img {
		max-height: 500px;
	} */

	div.header-div img {
		/* max-height: calc(70vh - 100px); */
	}	

	.what-to-expect-p {
		padding-left: 0 !important;
	}
}

@media (max-width: 767px) {
	.giveawayFormDiv,
	.newsletterFormDiv {
		max-width: 100%; 
		margin: 0 auto;
	}
}

@media (max-width: 450px) {
	.section-div h1 {
		font-size: 45px !important;
	}
}

/* ---- ARC Section (Book Promo) ---- */
.arc-section-bg {
	padding: 30px 0;
	background: #f5f3ef;
}

h1.arc-title {
	font-family: "Abhaya Libre", Georgia, "Times New Roman", serif !important;
	font-size: 40px !important;
	font-weight: bold !important;
	margin: 0 0 20px !important;
	text-transform: none !important;
	text-align: left !important;
}

.arc-content p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 18px;
}

.arc-content ul {
	padding-left: 20px;
	margin: 20px 0 30px;
	font-size: 18px;
}

.arc-content li {
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", serif;
}

#arc-program .arc-signup {
	display: flex !important;
	flex-direction: row !important;
	gap: 12px;
	margin-top: 20px;
	flex-wrap: wrap;
}

#arc-program .arc-signup input {
	padding: 6px 12px !important;
	font-size: 15px !important;
	border-radius: 4px !important;
	border: 1px solid #ccc !important;
	flex: 1 1 0%;
	min-width: 150px;
	font-family: Georgia, "Times New Roman", serif !important;
	background-color: #fff !important;
	color: #333 !important;
	height: auto !important;
	width: auto !important;
	display: block;
	box-sizing: border-box;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#arc-program .arc-signup input::placeholder {
	color: #999 !important;
}

#arc-program .arc-signup input:focus {
	border-color: #999 !important;
	background-color: #fff !important;
}

#arc-program .arc-signup input.error {
	border-color: red !important;
}

#arc-program .arc-signup button {
	background: #222 !important;
	color: #fff !important;
	border: none !important;
	padding: 6px 24px !important;
	font-size: 15px !important;
	border-radius: 8px !important;
	cursor: pointer;
	transition: background 0.2s ease;
	font-family: Georgia, "Times New Roman", serif !important;
	white-space: nowrap;
	letter-spacing: 0.5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#arc-program .arc-signup button:hover {
	background: #333 !important;
}

.arc-phone-wrap {
	display: flex;
	flex: 1 1 0%;
	min-width: 150px;
	gap: 0;
}

#arc-program .arc-phone-wrap select {
	padding: 6px 24px 6px 10px !important;
	font-size: 14px !important;
	border-radius: 4px 0 0 4px !important;
	border: 1px solid #ccc !important;
	border-right: none !important;
	background-color: #f5f5f5 !important;
	color: #333 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	flex: 0 0 auto;
	width: auto;
}

#arc-program .arc-phone-wrap input {
	border-radius: 0 4px 4px 0 !important;
	flex: 1 1 auto;
	min-width: 0;
}

.arc-privacy {
	font-size: 14px;
	margin-top: 12px;
	color: #666;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
}

.arc-content .arcFormError,
.arc-content .arcFormSuccess {
	margin-top: 12px;
}

@media (max-width: 900px) {
	#arc-program .arc-promo-box {
		flex-direction: column !important;
		text-align: center;
		padding: 35px 25px !important;
	}

	#arc-program .arc-promo-box > div:first-child {
		flex: 0 0 auto !important;
	}

	.arc-content ul {
		text-align: left;
	}

	h1.arc-title {
		text-align: center !important;
	}
}

@media (max-width: 600px) {
	.arc-signup {
		flex-direction: column;
	}

	.arc-signup input {
		min-width: auto;
	}

	h1.arc-title {
		font-size: 28px !important;
	}
}

.swal2-popup .swal2-validation-message {
    margin-top: 1em !important;
    background: #f27474;
    color: white;
}

.swal2-popup .swal2-validation-message a {
    color: white;
    text-decoration: underline;
}

.swal2-popup div:where(.swal2-validation-message)::before {
    background-color: #ffffff;
    color: #f27474;
}