/*
Theme Name: Kelly Fradin
Description: Kelly Fradin WP theme.
Author: Target Marketing
Author URI: https://www.targetmktng.com/
Version: 1.0
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'bourtonbase';
    src: url('fonts/bourtonbase-webfont.woff2') format('woff2'),
         url('fonts/bourtonbase-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--transition1: all .3s ease;
	
	--white: #fff;
	--black: #000;
	--body: #1C1C1B;
	--blue: #044C97;
	--blue-alt: #88CBCF;
	--blue-alt-2: #CDFAFE;
	--orange: #F59100;
	--orange-alt: #FDF4E6;
	--green: #058936;
	--red: #E83528;
	--light: #F9F9F9;
	
	--font1: roboto, sans-serif;
	--font2: bourtonbase, sans-serif;
	
	--plyr-color-main: #F59100;
}

body, html {height: 100%;}
body {font: 1em var(--font1); color: var(--body); background: var(--white); -webkit-text-size-adjust: none;}
a {color: var(--blue); text-decoration: none; transition: var(--transition1);}
a:hover {color: var(--body);}
input, select, textarea, button {font: 1em var(--font1); color: var(--body); 
	transition: var(--transition1); -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none;
}
input[type="submit"], input[type="reset"], button, label {cursor: pointer; padding: 0; border: 0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow: auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong, b {font-weight: 700;}
em, i {font-style: italic;}
p {line-height: 150%;}
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.center {text-align: center !important;}
.tleft {text-align: left;}
.tright {text-align: right;}
.margin-0 {margin: 0 !important;}
.padding-0 {padding: 0 !important;}
.border-0 {border: 0 !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-top-0 {padding-top: 0 !important;}
.clear {clear: both;}
img, svg, video {max-width: 100%; height: auto; vertical-align: middle;}
.uppercase {text-transform: uppercase}
.no-case {text-transform: none !important;}
.relative {position: relative;}
.overflow-hidden {overflow: hidden;}
.rounded {
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding: 0; border: 0}
:required {-webkit-box-shadow: none; box-shadow: none;}
.element-hidden {display: none;}
.full-width {width: 100%; min-width: 10px !important;}

/* WP Styles */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
}
img.alignleft {
	margin: 0 2em 2em 0;
}
img.alignright {
	margin: 0 0 2em 2em;
}
.wp-caption {
	max-width:100%;
	text-align: center;
	margin: 0 0 30px 0;
}
.wp-caption:last-child {margin: 0;}
.wp-caption img {
}
.wp-caption .wp-caption-text {
	padding: 10px 0 0 0; text-align: center;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}
img#wpstats{display: none}
/* WP Styles */

span.edit-link a {position: fixed; bottom: 0; left: 0; z-index: 99999; background: var(--red); color: var(--white) !important; font-size: 1em; padding: 10px;}

::-moz-selection {background: var(--blue); color: var(--white);}
::selection {background: var(--blue); color: var(--white);}

*::-webkit-input-placeholder {color: var(--body); opacity: 0.5;}
*::-moz-placeholder {color: var(--body); opacity: 0.5;}
*:-ms-input-placeholder {color: var(--body); opacity: 0.5;}
*:-moz-placeholder {color: var(--body); opacity: 0.5;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent !important; }

.wrapper {padding: 0 50px;}
.valign {display: inline-block; vertical-align: middle; width: 100%;}
.valign.bottom {vertical-align: bottom;}
.valign.top {vertical-align: top;}

.padding-content {padding: 100px 0;}
.padding-content-small {padding: 70px 0;}
.half-content {width: 50%;}
.in-middle {padding: 0 10%;}
.in-middle.md {padding: 0 20%;}
.in-middle.sm {padding: 0 6%;}

.flex-row {
	display: flex;	
}
.flex-row.align-center {
	justify-content: center;
	align-items: center;	
}
.flex-row.align-justify {
	justify-content: space-between;
}
.flex-row.align-center-justify {
	justify-content: space-between;
	align-items: center;	
}
.flex-row.wrap {flex-wrap: wrap;}

.bg-cover {background-repeat: no-repeat; background-position: center top; background-size: cover;}

.entry-content p, .entry-content .as-p {margin: 0 0 30px 0; font-size: 1.125em;}
.entry-content p:last-child, .entry-content .as-p:last-child {margin: 0 !important;}
.entry-content center {line-height: 150%}
.entry-content blockquote {margin: 30px 0 30px -50px; padding: 30px; border: solid 2px var(--orange);
	position: relative; width: calc(100% + 100px);
	border-radius: 15px;	
}
.entry-content blockquote:last-child {margin-bottom: 0;}
.entry-content blockquote:before {content: ""; display: block; height: 27px; background: url(images/icon-quote.svg) no-repeat 0 0; margin: 0 0 20px 0;}
.entry-content blockquote p, .entry-content blockquote div {font-size: 1.875em; font-weight: 700; line-height: 130%;}
.entry-content hr {padding: 0; margin: 0 0 30px 0; border: 0; width: 150px; height: 2px; background: var(--orange);}
.clear_column + hr {margin-top: 30px;}
.entry-content ul, .entry-content ol {margin: 0 0 30px 0;}
.entry-content ul:last-child, .entry-content ol:last-child {margin: 0;}
.entry-content li {margin: 0 0 20px 0; line-height: 150%; position: relative; padding: 0 0 0 20px; font-size: 1.125em;}
.entry-content li:last-child {margin-bottom: 0;}
.entry-content ul li:before {content: " "; display: block; width: 7px; height: 7px; background: var(--orange); position: absolute; left: 0; top: 9px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.entry-content ol li {list-style-type: decimal; list-style-position: outside; padding: 0; margin: 0 0 20px 18px;}
.entry-content ol ul {margin-top: 20px !important;}
.entry-content ol ul li:before {display: none;}
.entry-content iframe {max-width: 100%; margin: 0 0 30px 0;}
.entry-content iframe:last-child {margin: 0;}
.entry-content img + img {margin: 0 0 0 30px;}

.one_half {padding: 0 3vw 0 0;}
.one_half.last_column {padding: 0 0 0 3vw;}
.one_third {padding: 0 3vw 0 0;}
.one_third + .one_third {padding: 0 1.5vw;}
.one_third.last_column {padding: 0 0 0 3vw;}
.content-column.full_width {padding: 0; margin: 0 0 6vw 0;}
.clear_column {margin: 0 0 6vw 0;}
.clear_column:last-child, .content-column.full_width:last-child {margin: 0 !important;}

body.mce-content-body {margin: 20px; height: auto;}

/* SITE */

[data-effect*="fade"] {opacity: 0;}
[data-effect*="slide"] {transform: translate3d(0, 200%, 0);}

.font1 {font-family: var(--font1) !important;}
.font2 {font-family: var(--font2) !important;}

.padding-from-header {padding: 100px 0 0 0;}

.title-with-icon {position: relative; line-height: 54px; padding: 0 0 0 70px;}
.title-with-icon:before {content: ""; display: block; width: 54px; height: 54px; background: var(--body) no-repeat center center;
	position: absolute; left: 0; top: 0; border-radius: 20px;
}
.title-with-icon.alert:before {background-color: var(--red); background-image: url(images/icon-alert.svg);}
.title-with-icon.confirm:before {background-color: var(--green); background-image: url(images/icon-confirm.svg);}

.with-border-radius-50 {border-radius: 50px;}

h1, .h1 {font-size: clamp(2.375em, 3.8vw, 4.5em); font-family: var(--font2); line-height: 105%; margin: 0 0 20px 0;}
h2, .h2 {font-size: 3em; font-family: var(--font2); line-height: 110%; margin: 0 0 30px 0;}
h3, .h3 {font-size: 2em; font-family: var(--font2); line-height: 120%; margin: 0 0 30px 0;}
h4, .h4 {font-size: 1.5em; font-weight: 500; line-height: 130%; margin: 0 0 30px 0;}
h5, .h5 {font-size: 1.375em; font-weight: 500; line-height: 135%; margin: 0 0 30px 0;}
h6, .h6 {font-size: 1.25em; font-weight: 500; line-height: 140%; margin: 0 0 30px 0;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {margin: 0;}

.bg-white {background-color: var(--white);}
.bg-body {background-color: var(--body);}
.bg-black {background-color: var(--black);}
.bg-blue {background-color: var(--blue);}
.bg-blue-alt {background-color: var(--blue-alt);}
.bg-blue-alt-2 {background-color: var(--blue-alt-2);}
.bg-orange {background-color: var(--orange);}
.bg-orange-alt {background-color: var(--orange-alt);}
.bg-green {background-color: var(--green);}
.bg-red {background-color: var(--red);}
.bg-light {background-color: var(--light);}

.color-white {color: var(--white);}
.color-body {color: var(--body);}
.color-black {color: var(--black);}
.color-blue {color: var(--blue);}
.color-blue-alt {color: var(--blue-alt);}
.color-blue-alt-2 {color: var(--blue-alt-2);}
.color-orange {color: var(--orange);}
.color-orange-alt {color: var(--orange-alt);}
.color-green {color: var(--green);}
.color-red {color: var(--red);}
.color-light {color: var(--light);}

a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle; position: relative;
	background: var(--orange); color: var(--body);
	line-height: 56px; text-align: center; font-size: 1.125rem; font-family: var(--font2); text-transform: uppercase;
	padding: 0 25px; border-radius: 20px;
	transition: var(--transition1);
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover, a:hover span.button {color: var(--white);}

.button.full-width {width: 100%; padding: 0 10px;}
.button:disabled {opacity: 0.5; pointer-events: none;}
.button strong {font-weight: normal;}

a.button.blue-border,
.button.blue-border a,
button.button.blue-border,
input.button.blue-border,
span.button.blue-border {background: none; border: solid 2px var(--blue); color: var(--blue); line-height: 52px;}

a.button.blue-border:hover,
.button.blue-border a:hover,
button.button.blue-border:hover,
input.button.blue-border:hover,
span.button.blue-border:hover,
a:hover span.button.blue-border {border-color: var(--body); color: var(--body);}

a.button.as-link,
.button.as-link a,
button.button.as-link,
input.button.as-link,
span.button.as-link {background: none; color: var(--blue); line-height: 100%; padding: 0;}

a.button.as-link:hover,
.button.as-link a:hover,
button.button.as-link:hover,
input.button.as-link:hover,
span.button.as-link:hover,
a:hover span.button.as-link {color: var(--body);}

a.button.with-icon strong,
.button.with-icon a strong,
button.button.with-icon strong,
input.button.with-icon strong,
span.button.with-icon strong {display: inline-block; transition: background .3s ease;}

a.button.with-icon.cart strong,
.button.with-icon.cart a strong,
button.button.with-icon.cart strong,
input.button.with-icon.cart strong,
span.button.with-icon.cart strong {background: url(images/icon-cart.svg) no-repeat 0 0; line-height: 22px; padding: 0 0 0 32px;}

a.button.with-icon.cart:hover strong,
.button.with-icon.cart a:hover strong,
button.button.with-icon.cart:hover strong,
input.button.with-icon.cart:hover strong,
span.button.with-icon.cart:hover strong,
a:hover span.button.with-icon.cart strong {background-image: url(images/icon-cart-white.svg);}

a.button.with-icon.arrow-down strong,
.button.with-icon.arrow-down a strong,
button.button.with-icon.arrow-down strong,
input.button.with-icon.arrow-down strong,
span.button.with-icon.arrow-down strong {background: url(images/icon-arrow-down.svg) no-repeat 100% 0; line-height: 16px; padding: 0 22px 0 0;}

a.button.with-icon.arrow-down:hover strong,
.button.with-icon.arrow-down a:hover strong,
button.button.with-icon.arrow-down:hover strong,
input.button.with-icon.arrow-down:hover strong,
span.button.with-icon.arrow-down:hover strong,
a:hover span.button.with-icon.arrow-down strong {background-image: url(images/icon-arrow-down-body.svg);}

a.button.with-icon.arrow-right strong,
.button.with-icon.arrow-right a strong,
button.button.with-icon.arrow-right strong,
input.button.with-icon.arrow-right strong,
span.button.with-icon.arrow-right strong {background: url(images/icon-arrow-right.svg) no-repeat 100% 2px; padding: 0 27px 0 0;}

a.button.with-icon.arrow-right:hover strong,
.button.with-icon.arrow-right a:hover strong,
button.button.with-icon.arrow-right:hover strong,
input.button.with-icon.arrow-right:hover strong,
span.button.with-icon.arrow-right:hover strong,
a:hover span.button.with-icon.arrow-right strong {background-image: url(images/icon-arrow-right-body.svg);}

a.button.with-icon.arrow-left strong,
.button.with-icon.arrow-left a strong,
button.button.with-icon.arrow-left strong,
input.button.with-icon.arrow-left strong,
span.button.with-icon.arrow-left strong {background: url(images/icon-arrow-left.svg) no-repeat 0 2px / 17px 12px; padding: 0 0 0 27px;}

a.button.with-icon.arrow-left:hover strong,
.button.with-icon.arrow-left a:hover strong,
button.button.with-icon.arrow-left:hover strong,
input.button.with-icon.arrow-left:hover strong,
span.button.with-icon.arrow-left:hover strong,
a:hover span.button.with-icon.arrow-left strong {background-image: url(images/icon-arrow-left-body.svg);}

.button-group {font-size: 0; white-space: nowrap; margin: 0 0 30px 0;}
.button-group:last-child {margin: 0;}
.button-group > div {display: inline-block; vertical-align: middle; font-size: 1rem;}
.button-group > div p {margin: 0 !important; padding: 0 !important;}
.button-group > div + div {margin: 0 0 0 30px;}
.button-group.center > div {margin: 0 15px !important;}

#header {position: fixed; left: 0; top: 0; z-index: 10000; width: 100%;
	transition: var(--transition1);
}
#header .content {height: 100px;
	transition: var(--transition1);
}
#header:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 100%; background: rgba(255, 255, 255, 0.8); pointer-events: none;
	transition: var(--transition1);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

.site-logo a {display: inline-block; width: 210px; height: 52px; background: url(images/logo.svg) no-repeat right 0 / auto 100%; font-size: 0; text-align: left;}
.site-logo a:before {content: ""; display: inline-block; width: 52px; height: 52px; background: url(images/logo_image.png) no-repeat 0 0 / cover; border-radius: 8px; margin: -2px 0 0 0;}

.main-menu {font-size: 0;}
.main-menu .level-0 {display: inline-block; vertical-align: middle;}
.main-menu .level-0:not(.icon):not(.button) {font-size: 1rem; position: relative; padding: 12px 0;}
.main-menu .level-0 + .level-0 {margin: 0 0 0 30px;}
.main-menu .level-0:not(.icon):not(.button) > a {display: inline-block; vertical-align: middle; position: relative;
	color: var(--body); font-size: 1.125em; font-family: var(--font2); padding: 5px 0; line-height: 120%; text-align: center; text-transform: uppercase;
}
.main-menu .level-0:not(.icon):not(.button) > a:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--blue);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.main-menu .level-0:not(.icon):not(.button):hover > a:after,
.main-menu .level-0.current-menu-item:not(.icon):not(.button):not(.menu-item-object-custom) > a:after,
.main-menu .level-0.current-menu-ancestor:not(.icon):not(.button):not(.menu-item-object-custom) > a:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.menu-item.icon {display: inline-block; vertical-align: middle; position: relative;}
.menu-item.icon + .icon {margin: 0 0 0 12px;}
.menu-item.icon > a {display: inline-block; vertical-align: middle; width: 48px; line-height: 48px; background: var(--orange); font-size: 0 !important; 
	position: relative; text-align: center;
	border-radius: 100%;
}
.menu-item.icon:hover > a {background: var(--blue-alt);}
.menu-item.icon img {max-height: 20px; width: auto;}
.menu-image-title-after.menu-image-not-hovered img {padding: 0;}
.menu-image-title-after.menu-image-title {padding: 0; display: none;}

.main-menu .sub-menu-div {position: absolute; left: 50%; top: 120%; padding: 20px 0 0 0; z-index: 5;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
	opacity: 0; pointer-events: none;
	transition: var(--transition1);
}
.main-menu .level-0:hover .sub-menu-div, .main-menu .level-0.clicked .sub-menu-div {opacity: 1; pointer-events: auto; top: 80%;}
.main-menu .sub-menu {background: var(--white); border: solid 2px var(--blue); min-width: 200px; padding: 20px; position: relative;	
	border-radius: 20px;
}
.main-menu .sub-menu:before {content: " "; display: block; width: 12px; height: 12px; background: var(--white); position: absolute; left: 50%; top: -3px;
	-webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%);
	 border: solid 2px var(--blue); border-right: 0; border-bottom: 0;
}
.main-menu .sub-menu li {position: relative; text-align: center;}
.main-menu .sub-menu li + li {margin: 10px 0 0 0;}
.main-menu .sub-menu a {display: inline-block; vertical-align: middle; position: relative;
	color: var(--body); font-size: 1.125em; font-family: var(--font2); padding: 5px 0; line-height: 120%; text-align: center; text-transform: uppercase;
}
.main-menu .sub-menu a:hover {color: var(--blue);}

.fixed #header:before {bottom: 0;}
.header-up #header {top: -100px;}

.social-menu {font-size: 0; margin: 30px 0;}
.social-menu:last-child {margin-bottom: 0;}
.social-menu li {margin: 0; padding: 0;}
.social-menu li:before {display: none !important;}

#hero {position: relative; z-index: 2;}
#hero:after {content: ""; display: block; width: 50px; height: 70px; background: var(--white); position: absolute; right: 0; bottom: 0; border-radius: 40px 0 0 0; pointer-events: none;}
#hero .content {position: relative; z-index: 2;}
#hero .entry-content {width: 110%; margin: 20% 0 0 0; padding: 0 0 0 10%;}
#hero .entry-content p {font-size: 1.25em; font-weight: 500;}
#hero .image {text-align: right; position: relative;}
#hero .image:before {content: ""; display: block; width: calc(85% + 50px); height: 75%; background: var(--blue-alt); position: absolute; left: 15%; bottom: 0; border-radius: 40px 0 0 0;} 
#hero .image img {width: 70%; position: relative;}
#hero .image .quote {width: 90%; position: absolute; left: 5%; bottom: -8%; padding: 30px; text-align: left;
	background: rgba(255, 255, 255, 0.54);
	-webkit-backdrop-filter: blur(5.5px);
	backdrop-filter: blur(5.5px);
	border-radius: 15px;
}
#hero .image .quote .text {position: relative;}
#hero .image .quote .text:before {content: ""; display: block; height: 27px; background: url(images/icon-quote.svg) no-repeat 0 0; margin: 0 0 20px 0;}
#hero .image .quote .text p {font-size: 1.875em; font-weight: 700; line-height: 130%;}
#hero .image .quote .author {margin: 15px 0 0 0;}
#hero .image .quote .author p {font-size: 1.25em; font-weight: 500; line-height: 130%;}

.book-cover-badge {display: flex; align-items: center; width: 86px; height: 86px; background: var(--blue); color: var(--white); border-radius: 20px; text-align: center; padding: 0 5px;
	position: absolute; left: 0; top: 0; transform: translate(-40%, -40%);
}
.book-cover-badge p {font-size: 0.875em; font-weight: 500; line-height: 130%; margin: 5px 0 0 0;}
.book-cover-badge p:after {content: ""; display: block; width: 100%; height: 6px; background: url(images/icon-line-1.svg) no-repeat center center; margin: 8px 0 0 0;}

.book-cover-portrait {position: relative;}
.book-cover-portrait .cover {width: 150%; margin: 0 0 0 -40%; pointer-events: none;}

.book-cover-landscape {position: relative;}
.book-cover-landscape .cover {width: 190%; margin: 0 0 0 -10%; pointer-events: none;}

#row-about-the-book {overflow: hidden;}
#row-about-the-book .bg {border-radius: 50px 0 50px 50px; position: relative;}
#row-about-the-book .bg:before {content: ""; display: block; width: 100%; height: 100%; background: url(images/bg-1.svg) no-repeat 20% bottom;
	position: absolute; left: 0; top: 0; pointer-events: none;
}
#row-about-the-book .align {padding: 0 10%;}
#row-about-the-book .row + .row {margin: 50px 0 0 0;}
#row-about-the-book .row .content {padding: 0 0 0 50px;}
#row-about-the-book .row:nth-child(2n) .image {order: 2;}
#row-about-the-book .row:nth-child(2n) .content {padding: 0 50px 0 0;}

#row-testimonials {margin: 40px 0 0 0;}
#row-testimonials .bg {border-radius: 40px; margin: 0 20px;}
#row-testimonials .align {padding: 0 8%;}

.testimonial-box {padding: 0 10%;}
.testimonial-box .text {background: var(--white); border-radius: 24px 24px 0 24px; padding: 40px;}
.testimonial-box .text p {font-size: 1.125em;}
.testimonial-box .text .more {font-family: var(--font2);}
.testimonial-box .image-meta {display: flex; flex-wrap: wrap;}
.testimonial-box .image-meta .image {width: 150px; text-align: center; padding: 12px 0 0 0; position: relative;}
.testimonial-box .image-meta .image:before {content: ""; display: block; width: 48px; height: 48px; background: var(--white);
	position: absolute; right: 0; top: 0;
}
.testimonial-box .image-meta .image:after {content: ""; display: block; width: 48px; height: 48px; background: var(--light);
	position: absolute; right: 0; top: 0; border-radius: 0 24px 0 0;
}
.testimonial-box .image-meta .image .image-bg {display: inline-block; width: 100px; height: 100px; border-radius: 100%; position: relative; z-index: 1;}
.testimonial-box .image-meta .meta {width: calc(100% - 150px); background: var(--white); border-radius: 0 0 24px 24px; padding: 12px 24px 24px 24px;}
.testimonial-box .image-meta .meta .tagline {margin: 10px 0 0 0;}

.bg-orange-alt .testimonial-box .image-meta .image:after {background: var(--orange-alt)}

.testimonial-box.simple .text {border-radius: 24px; position: relative;}
.testimonial-box.simple .text:before {content: " "; display: block; width: 100%; height: 22px; background: url(images/stars.svg) no-repeat 0 0; margin: 0 0 15px 0;}
.testimonial-box.simple .text + .name {margin: 15px 0 0 40px; position: relative; padding: 0 0 0 20px;}
.testimonial-box.simple .text + .name:before {content: ""; display: block; width: 10px; height: 2px; background: var(--body); position: absolute; left: 0; top: 10px;}

.testimonials-slideshow-nav {display: flex; justify-content: center; align-items: center; font-size: 0;}
.testimonials-slideshow-nav .slick-prev {order: 1;}
.testimonials-slideshow-nav .slick-dots {order: 2;}
.testimonials-slideshow-nav .slick-next {order: 3;}
.testimonials-slideshow-nav .slick-arrow {margin: 0 15px; background: none;}
.testimonials-slideshow-nav .slick-arrow path {transition: var(--transition1);}
.testimonials-slideshow-nav .slick-arrow:hover path {fill: var(--blue);}
.testimonials-slideshow-nav .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 9px;}
.testimonials-slideshow-nav .slick-dots button {display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: var(--blue);}
.testimonials-slideshow-nav .slick-dots .slick-active button {background: var(--orange);}

.testimonials-list {padding: 0 9%;}
.testimonials-list .testimonial-box {width: 50%; padding: 0 5%; margin: 0 0 6% 0;}
.testimonials-list .testimonial-box .text {background: var(--light);}
.testimonials-list .testimonial-box .image-meta .meta {background: var(--light);}
.testimonials-list .testimonial-box .image-meta .image:before {background: var(--light);}
.testimonials-list .testimonial-box .image-meta .image:after {background: var(--white);}

.gscrollbar-fixer {margin: 0 !important;}
.goverlay {background: rgba(254, 244, 229, 0.6) !important; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
.glightbox-clean .gslide-media {box-shadow: none !important; border-radius: 20px; padding: 86px 20px 20px 20px;}
.glightbox-clean .gslide-media.gslide-video {padding: 0;}
.gslide-inline .ginlined-content {padding: 0 !important;}

.lightbox-window-close {position: absolute; right: 30px; top: 20px; width: 46px; height: 46px; border: solid 2px var(--orange); border-radius: 15px; background: url(images/icon-x.svg) no-repeat center center; font-size: 0;}
.lightbox-window-close:hover {border-color: var(--blue);}
.lightbox-window-wrapper {padding: 0 10px 10px 10px;}

.testimonial-window .text, .testimonial-window .meta {height: auto !important;}
.testimonial-window .text p {font-size: 1.125em;}
.testimonial-window .image-meta {display: flex; margin: 30px 0 0 0;}
.testimonial-window .image-meta .image {width: 100px;}
.testimonial-window .image-meta .image .image-bg {padding: 100% 0 0 0; border-radius: 100%;}
.testimonial-window .image-meta .meta {width: calc(100% - 100px); padding: 0 0 0 20px;}
.testimonial-window .image-meta .meta .tagline {margin: 10px 0 0 0;}

.post-link {display: block; color: var(--body);}
.post-date {font-size: 0.875em; font-family: var(--font2); opacity: 0.5; margin: 0 0 10px 0;}
.post-title {font-size: 1.25em; font-weight: 700; line-height: 130%; transition: var(--transition1);}
a:hover .post-title {color: var(--blue);}
.post-excerpt {line-height: 150%; margin: 15px 0 0 0;}
.post-cta {margin: 20px 0 0 0;}
.post-sub-title {font-weight: 500; line-height: 130%; margin: 0 0 10px 0;}
.post-image {transition: var(--transition1);}
a:hover .post-image {opacity: 0.75;}

/* .blog-posts-three {padding: 0 6%;} */
.blog-posts-three .blog-post {width: 33.3333333%; padding: 0 3%; margin: 0 0 6% 0;}

/* .blog-posts-two {padding: 0 16%;} */
.blog-posts-two .blog-post {width: 50%; padding: 0 3%; margin: 0 0 6% 0;}

#row-author .bg {margin: 0 20px; border-radius: 50px 50px 0 50px;}
#row-author .image-social {width: 40%; padding: 0 0 0 17%; text-align: center;}
#row-author .image {border-radius: 100%; border: solid 12px var(--white);}
#row-author .image-bg {padding: 100% 0 0 0; border-radius: 100%;}
#row-author .content {width: 60%; padding: 0 8%;}

#row-instagram {position: relative;}
#row-instagram:before {content: ""; display: block; width: 70px; height: 100%; background: var(--blue-alt-2); position: absolute; left: 0; top: 0; pointer-events: none;}
#row-instagram:after {content: ""; display: block; width: 28%; height: 120px; background: var(--white); border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 0; pointer-events: none;}
#row-instagram .bg {margin: 0 20px; border-radius: 0 0 50px 0;}

#sb_instagram {padding: 0 calc(6% - 15px) !important; margin: -15px 0;}
#sbi_images {padding: 0 !important;}
#sb_instagram #sbi_images .sbi_item {padding: 15px !important;}
#sb_instagram .sbi_photo_wrap {border-radius: 20px; overflow: hidden;}

#row-podcast .banner {text-align: right;}
#row-podcast .banner .box {display: inline-block; width: 62%; text-align: left;}
#row-podcast .banner .title {background: var(--orange-alt); border-radius: 24px 24px 0 24px; padding: 30px;}
#row-podcast .banner .icon-image {display: flex;}
#row-podcast .banner .icon {width: 150px; text-align: center; padding: 12px 0 0 0; position: relative;}
#row-podcast .banner .icon:before {content: ""; display: block; width: 48px; height: 48px; background: var(--orange-alt);
	position: absolute; right: 0; top: 0;
}
#row-podcast .banner .icon:after {content: ""; display: block; width: 48px; height: 48px; background: var(--light);
	position: absolute; right: 0; top: 0; border-radius: 0 24px 0 0;
}
#row-podcast .banner .icon .icon-bg {display: inline-block; width: 100px; height: 100px; border-radius: 100%; position: relative; z-index: 1; background: var(--body) url(images/icon-podcast.svg) no-repeat center center;}
#row-podcast .banner .image {width: calc(100% - 150px); background: var(--orange-alt); border-radius: 0 0 24px 24px; padding: 0 60px; text-align: center;}
#row-podcast .list {padding: 0 12%;}
#row-podcast .list li + li {margin: 40px 0 0 0;}

#row-books .books {text-align: center; margin: 40px 0 -50px 0;}
#row-books .book {display: inline-block; vertical-align: top; width: max(17%, 220px); margin: 0 5% 50px 5%;}
#row-books .book .post-link {position: relative;}
#row-books .book .cover {width: 128%; margin: 0 0 0 -14%; transition: var(--transition1);}
#row-books .book .badge {background: var(--blue); color: var(--white); font-size: 1.125em; font-family: var(--font2); padding: 3px 5px; border-radius: 6px; text-align: center;
	position: absolute; left: 0; bottom: calc(100% + 10px); width: 100%;
}
#row-books .book .post-link:hover .cover {opacity: 0.9;}

#row-sign-up {position: relative;}
#row-sign-up .wrapper {padding: 0 50px;}
#row-sign-up .round-1 {position: absolute; left: 70px; bottom: 0; width: 50px; height: 50px; background: var(--orange-alt);}
#row-sign-up .round-1:before {content: ""; display: block; width: 100%; height: 100%; background: var(--white); border-radius: 0 0 100% 0;}
#row-sign-up .bg {padding: 70px 80px 0 40px; border-radius: 50px 50px 0 0; margin: 0 0 0 70px; width: 54%; position: relative;}
#row-sign-up .round-2 {position: absolute; left: 100%; bottom: 0; width: 50px; height: 50px; background: var(--orange-alt);}
#row-sign-up .round-2:before {content: ""; display: block; width: 100%; height: 100%; background: var(--white); border-radius: 0 0 0 100%;}
#row-sign-up .heading {position: relative; padding: 0 0 0 70px;}
#row-sign-up .heading:before {content: ""; display: block; width: 54px; height: 54px; background: var(--green) url(images/icon-email.svg) no-repeat center center;
	position: absolute; left: 0; top: 0; border-radius: 20px;
}
#row-sign-up .heading .entry-content {margin: 3px 0 0 0;}
#row-sign-up form {margin: 30px 0 0 0 !important; max-width: 100% !important; height: auto !important; flex-wrap: wrap;}
/* #row-sign-up .field {width: calc(50% - 60px); padding: 0 15px 0 0;}
#row-sign-up .input {width: 100%; max-width: 100%; height: 56px; background: var(--white); border: solid 1px var(--orange); border-radius: 20px; padding: 0 20px;}
#row-sign-up .input:focus {border-color: var(--body);} */
#row-sign-up input {width: calc(100% - 120px - 15px) !important; height: 56px !important; background: var(--white) !important; border: solid 1px var(--orange) !important; border-radius: 20px !important; padding: 0 20px !important;}
#row-sign-up input:focus {border-color: var(--body) !important;}
#row-sign-up button {display: inline-block !important; width: 120px !important; background: var(--orange) !important; color: var(--body) !important;
	height: 56px !important; text-align: center !important; font-size: 1.125rem !important; font-family: var(--font2) !important; text-transform: uppercase !important;
	padding: 0 25px !important; border-radius: 20px !important; margin: 0 0 0 15px !important; font-weight: normal !important;
	transition: var(--transition1);
}
#row-sign-up button:hover {color: var(--white) !important;}
#custom-substack-embed .loader {display: inline-block !important;}
#custom-substack-embed .success {color: var(--green) !important;}
#row-sign-up .disclaimer {padding: 0 0 0 24px; margin: 20px 0 0 0; background: url(images/icon-disclaimer.svg) no-repeat 0 2px;}
#row-sign-up .disclaimer p {font-size: 0.813em; opacity: 0.7;}

#footer .wrapper {padding: 0 20px;}
#footer .bg {padding: 50px 30px; border-radius: 50px 50px 0 0;}

#row-sign-up.union {margin: 0 0 -100px 0;}
#row-sign-up.union .round-1 {bottom: 100px;}
#row-sign-up.union .round-2 {bottom: 100px;}
#footer.union .bg {padding-top: 150px;}

.order-window {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; line-height: 100vh; z-index: 12000; background: var(--orange-alt);
	display: none; overflow: auto; -webkit-overflow-scrolling: touch;
}
.order-window .close-button {position: absolute; right: 0; padding: 20px; opacity: 0; top: 20px; transition: all .3s .1s ease;}
.order-window.opened .close-button {opacity: 1; top: 0;}
.order-window .close {display: inline-block; background: none; font-size: 0;}
.order-window .close path {transition: var(--transition1);}
.order-window .close:hover path {stroke: var(--orange);}
.order-window .align {padding: 100px 0; overflow: hidden;}
.order-window .title {margin: 0 0 10px 0; opacity: 0; top: 20px; position: relative; transition: all .3s .2s ease;}
.order-window.opened .title {opacity: 1; top: 0;}
.order-window .text {margin: 0 0 30px 0; opacity: 0; top: 20px; position: relative; transition: all .3s .3s ease;}
.order-window.opened .text {opacity: 1; top: 0;}
.order-window .cover {height: 50vh; font-size: 0; margin: 0 0 40px 0; opacity: 0; top: 20px; position: relative; transition: all .3s .4s ease;}
.order-window.opened .cover {opacity: 1; top: 0;}
.order-window .cover img {max-height: 100%; width: auto;}
.order-window .links {font-size: 0; margin: 0 0 -30px 0; opacity: 0; top: 20px; position: relative; transition: all .3s .5s ease;}
.order-window.opened .links {opacity: 1; top: 0;}
.order-window .links li {display: inline-block; vertical-align: middle; font-size: 1rem; margin: 0 0 30px 30px;}
.order-window .links a {display: inline-block; vertical-align: middle; font-size: 1.5em; color: var(--body); padding: 0 27px 0 0; position: relative;}
.order-window .links a:before {content: ""; display: block; width: 17px; height: 12px; background: url(images/icon-arrow-right.svg) no-repeat 0 0; position: absolute; right: 5px; top: 5px; opacity: 0; transition: var(--transition1);}
.order-window .links a:hover:before {opacity: 1; right: 0;}

.screen-reader-response, .wpcf7-not-valid-tip {display: none !important;}
.wpcf7-not-valid {border-color: var(--red) !important;}
.wpcf7 .wpcf7-spinner {pointer-events: none; position: absolute; left: 0; top: 15px; margin: 0 !important;}
.wpcf7-response-output {text-align: center; color: var(--white); width: 100%; padding: 10px !important; background: var(--red); 
	margin: 0 0 15px 0 !important; border: 0 !important; line-height: 150%; border-radius: 20px;
}
.wpcf7 form.sent .wpcf7-response-output {background: var(--green);}
.grecaptcha-badge {display: none !important;}

#row-contact .head {height: 150px; border-radius: 50px 50px 0 0; width: 50%; position: relative;}
#row-contact .head .round-1 {position: absolute; left: 100%; bottom: 0; width: 50px; height: 50px; background: var(--blue-alt-2);}
#row-contact .head .round-1:before {content: ""; display: block; width: 100%; height: 100%; background: var(--white); border-radius: 0 0 0 100%;}
#row-contact .body {border-radius: 0 50px 50px 50px; position: relative;}
#row-contact .body .align {padding: 0 3%;}
#row-contact .body .content {width: 48%; padding: 0 4% 0 0; margin: -180px 0 0 0;}
#row-contact .body .form {width: 52%;}
#row-contact .body .form .fields {display: grid; gap: 15px; grid-template-columns: repeat(4, 1fr);}
#row-contact .body .form .col, #row-contact .body .form .terms, #row-contact .body .form .submit {grid-column: span 2;}
#row-contact .body .form .terms p {font-size: 0.875em;}
#row-contact .body .form .submit {text-align: right; position: relative;}
#row-contact .body .form .field + .field {margin: 15px 0 0 0;}
#row-contact .body .form .input {width: 100%; max-width: 100%; height: 56px; background: var(--white); border: solid 1px var(--orange); border-radius: 20px; padding: 0 20px;}
#row-contact .body .form .input:focus {border-color: var(--body);}
#row-contact .body .form textarea.input {resize: none; height: 198px; padding: 20px;}
/*
#row-contact .press-contact {display: flex; flex-wrap: wrap; margin: 30px 0 0 0;}
#row-contact .press-contact .label {font-size: 0.875em; width: 120px; margin: 3px 0 0 0;}
#row-contact .press-contact .value p {margin: 0 0 10px 0; line-height: 130%;}
*/
#row-contact .press-contact {margin: 30px 0 0 0;}
#row-contact .press-contact .label {font-size: 0.875em;}
#row-contact .press-contact .value p {line-height: 130%;}

#row-about-hero .head {height: 150px; border-radius: 50px 50px 0 0; width: 50%; position: relative;}
#row-about-hero .head .round-1 {position: absolute; left: 100%; bottom: 0; width: 50px; height: 50px; background: var(--orange-alt);}
#row-about-hero .head .round-1:before {content: ""; display: block; width: 100%; height: 100%; background: var(--white); border-radius: 0 0 0 100%;}
#row-about-hero .body {border-radius: 0 50px 50px 50px; position: relative;}
#row-about-hero .body:before {content: ""; display: block; width: 100%; height: 100%; background: url(images/bg-2.svg) no-repeat -10% 90%;
	position: absolute; left: 0; top: 0; pointer-events: none;
}
#row-about-hero .body .align {padding: 0 8%; position: relative;}
#row-about-hero .body .align:before {content: ""; display: block; width: 8%; height: 8px; background: var(--white); position: absolute; left: 0; top: -90px;}
#row-about-hero .body .content-1 {width: 50%; padding: 0 4% 0 0; margin: -140px 0 0 0; position: relative; z-index: 2;}
#row-about-hero .body .content-1 h1:first-child {font-size: 8.25em; line-height: 100%; margin: 0;}
#row-about-hero .body .content-1 p:last-child {position: relative; padding: 0 0 0 25px;}
#row-about-hero .body .content-1 p:last-child:before {content: ""; display: block; width: 15px; height: 2px; background: var(--orange); position: absolute; left: 0; top: 13px;}
#row-about-hero .body .image {width: 50%; position: relative;}
#row-about-hero .body .image .img {width: 150%; margin: -240px 0 0 -50%;}
#row-about-hero .body .image .content-2 {padding: 30px; position: absolute; left: -20%; bottom: 15%; width: 130%;
	background: rgba(255, 255, 255, 0.54);
	-webkit-backdrop-filter: blur(5.5px);
	backdrop-filter: blur(5.5px);
	border-radius: 15px;
}

#row-about-about .align {margin: 0 20px;}
#row-about-about .image-social {width: 40%; padding: 0 6%; text-align: center;}
#row-about-about .image {border-radius: 100%; border: solid 12px var(--blue-alt-2);}
#row-about-about .image-bg {padding: 100% 0 0 0; border-radius: 100%;}
#row-about-about .content {width: 60%;}

.accordion-row {margin: 30px 0 0 0;}
.accordion-row {background: var(--light); border-radius: 12px;}
.accordion-row + .accordion-row {margin: 25px 0 0 0;}
.accordion-row-head {padding: 25px; cursor: pointer; transition: var(--transition1);}
.accordion-row-head p {position: relative; line-height: 100%;}
.accordion-row-head p:before {content: ""; display: block; width: 18px; height: 2px; background: var(--orange); position: absolute; right: 0; top: 50%; margin: -1px 0 0 0;}
.accordion-row-head p:after {content: ""; display: block; width: 2px; height: 18px; background: var(--orange); position: absolute; right: 8px; top: 50%; margin: -9px 0 0 0;}
.accordion-row-head:hover {color: var(--blue);}
.accordion-row-body {display: none; padding: 0 25px 25px 25px;}
.accordion-row.opened .accordion-row-head p:after {display: none;}

.logos-grid {display: grid; gap: 25px; grid-template-columns: repeat(6, 1fr);}
.logos-grid .logo {border: solid 2px var(--light); border-radius: 12px; position: relative; padding: 56% 0 0 0; font-size: 0;}
.logos-grid .logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 70%; max-height: 55%; width: auto; height: auto;}
.logos-grid .logo a:hover {opacity: 0.75;}
.logos-grid .logo p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1rem; font-family: var(--font2); line-height: 125%;}

#row-book-hero {overflow: hidden;}
#row-book-hero .head {height: 150px; border-radius: 50px 50px 0 0; width: 50%; position: relative;}
#row-book-hero .head .round-1 {position: absolute; bottom: 0; width: 50px; height: 50px; background: var(--light);}
#row-book-hero .head .round-1:before {content: ""; display: block; width: 100%; height: 100%; background: var(--white);}
#row-book-hero.cover_left .head .round-1 {left: 100%;}
#row-book-hero.cover_left .head .round-1:before {border-radius: 0 0 0 100%;}
#row-book-hero.cover_right .head {margin: 0 0 0 50%;}
#row-book-hero.cover_right .head .round-1 {right: 100%;}
#row-book-hero.cover_right .head .round-1:before {border-radius: 0 0 100% 0;}
#row-book-hero .body {position: relative;}
#row-book-hero.cover_left .body {border-radius: 0 50px 50px 50px;}
#row-book-hero.cover_right .body {border-radius: 50px 0 50px 50px;}
#row-book-hero .body .content {width: 50%;}
#row-book-hero .body .cover-quote {width: 50%; padding: 0 0 0 10%; margin: -140px 0 0 0;}
#row-book-hero.cover_left .body .content {order: 2; padding: 0 6% 0 3%;}
#row-book-hero.cover_right .body .content {padding: 0 3% 0 6%;}
#row-book-hero .body .cover-quote .quote {padding: 30px; margin: -10% 0 0 -15%; width: 100%;
	background: rgba(255, 255, 255, 0.54);
	-webkit-backdrop-filter: blur(5.5px);
	backdrop-filter: blur(5.5px);
	border-radius: 15px;
}
#row-book-hero .body .cover-quote .text {position: relative;}
#row-book-hero .body .cover-quote .text:before {content: ""; display: block; height: 27px; background: url(images/icon-quote.svg) no-repeat 0 0; margin: 0 0 20px 0;}
#row-book-hero .body .cover-quote .text p {font-size: 1.375em; line-height: 140%;}
#row-book-hero .body .cover-quote .author {margin: 15px 0 0 0;}
#row-book-hero .body .cover-quote .author p {font-size: 1.25em; font-weight: 700; line-height: 130%;}

#row-book-hero #special-offer {padding-left: 10%; padding-right: 10%;}

#row-blog-hero {position: relative;}
#row-blog-hero .head {width: 40%; height: 110px; position: absolute; left: 0; bottom: 0; border-radius: 0 50px 0 0;}
#row-blog-hero .head.еndorsements {width: 28%;}
#row-blog-hero .head.press {width: 30%;}
#row-blog-hero .head .round-1 {position: absolute; left: 100%; bottom: 0; width: 50px; height: 50px; background: var(--white);}
#row-blog-hero .head .round-1:before {content: ""; display: block; width: 100%; height: 100%; background: var(--orange-alt); border-radius: 0 0 0 100%;}
#row-blog-hero .title {padding: 0 0 40px 0;}

.wp-pagenavi {margin: 20px 0 0 0; font-size: 0;}
.wp-pagenavi .page {display: inline-block; vertical-align: middle; width: 40px; line-height: 40px; border-radius: 6px; font-size: 1rem; color: var(--body); margin: 0 5px;}
.wp-pagenavi .page:hover {background: var(--orange-alt);}
.wp-pagenavi .current {display: inline-block; vertical-align: middle; width: 40px; line-height: 40px; border-radius: 6px; font-size: 1rem; background: var(--orange-alt); cursor: default; margin: 0 5px;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 6px; margin: 0 5px; position: relative;}
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {content: ""; display: block; width: 22px; height: 16px;
	background: url(images/icon-arrow-right.svg) no-repeat 0 0 / cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.wp-pagenavi .previouspostslink:before {transform: translate(-50%, -50%) rotate(180deg)}
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover {background: var(--orange-alt);}

.post-share {font-size: 0; position: absolute; top: 70px; width: 100%; text-align: right; pointer-events: none;}
.post-share .align {display: inline-block; width: 32px;}
.post-share p {font-size: 0.75rem; writing-mode: vertical-lr; line-height: 32px; margin: 0 0 20px 0;}
.post-share .icon + .icon {margin: 10px 0 0 0;}
.post-share .icon a {width: 32px; line-height: 32px; pointer-events: auto;}
.post-share .icon a img {max-height: 12px;}

#row-podcast-hero .bg {border-radius: 50px; padding: 0 4%;}
#row-podcast-hero .content {width: 60%; position: relative; padding: 0 0 0 140px;}
#row-podcast-hero .content:before {content: ""; display: block; width: 100px; height: 100px; border-radius: 100%; position: absolute; left: 0; top: 50%; margin: -50px 0 0 0; background: var(--body) url(images/icon-podcast.svg) no-repeat center center;}
#row-podcast-hero .image {width: 40%; padding: 0 8%; margin: 4% 0 0 0;}

.podcast-post {width: 100%; margin: 0 0 6% 0;}
.podcast-post .post-link {display: flex;}
.podcast-post .post-image {width: 30%;}
.podcast-post .post-image-bg {padding: 100% 0 0 0; background-color: var(--blue-alt-2); border-radius: 12px;}
.podcast-post .post-image-bg.podcast-default {background-image: url(images/podcast-cover-default.jpg);}
.podcast-post .post-image-after {width: 70%; padding: 0 0 0 5%;}

.podcast-posts-two .podcast-post {width: 50%; padding: 0 3%;}

.podcast-posts-filter {margin: 0 0 6% 0; position: relative; z-index: 2;}

.custom-dropdown {display: inline-block; vertical-align: middle; width: 320px; position: relative;}
.custom-dropdown .dropdown-value {
	border: solid 1px var(--orange); background: var(--white);
	cursor: pointer; padding: 0 20px; position: relative;
	transition: var(--transition1);
	border-radius: 20px;	
}
.custom-dropdown .dropdown-value:after {content: ""; display: block; width: 8px; height: 8px; border: solid 2px var(--body); border-top: 0; border-left: 0;
	transform: rotate(45deg);
	position: absolute; right: 20px; top: 18px;
	transition: var(--transition1);
}
.custom-dropdown.active .dropdown-value:after {top: 22px; transform: rotate(225deg);}
.custom-dropdown .dropdown-value strong {display: block; line-height: 48px; padding: 0 20px 0 0; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom-dropdown .dropdown-value:hover, .custom-dropdown.active .dropdown-value {border-color: var(--body);}
.custom-dropdown .dropdown-values {position: absolute; left: 50%; top: 100%; min-width: 100%;
	transform: translateX(-50%); will-change: opacity; margin: -1px 0 0 0; overflow: hidden;
	opacity: 0; pointer-events: none;
	background: var(--white);
	border: solid 1px var(--body); border-top: 0;
	border-radius: 0 0 20px 20px;	
	transition: var(--transition1);
}
.custom-dropdown .dropdown-values ul {width: 100%; max-height: 228px; overflow: auto; -webkit-overflow-scrolling: touch;}
.custom-dropdown .dropdown-values a {display: block; line-height: 38px; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom-dropdown .dropdown-values .selected a, .custom-dropdown .dropdown-values a:hover {background: var(--blue); color: var(--white);}
.custom-dropdown.active .dropdown-value {border-radius: 20px 20px 0 0;}
.custom-dropdown.active .dropdown-values {opacity: 1; pointer-events: auto; top: 100%;}

.post-episode-cover {margin: 0 0 30px 0;}
.post-episode-cover img {width: 240px; border-radius: 12px;}

.post-episode-cover-title {margin: 0 0 30px 0;}
.post-episode-cover-title .cover {width: 30%;}
.post-episode-cover-title .cover img {border-radius: 12px;}
.post-episode-cover-title .cover-after {width: 70%; padding: 0 0 0 5%;}
.post-embed-code {margin: 0 0 30px 0;}
.post-tags {margin: 18px 0 0 0; font-size: 0;}
.post-tags li {display: inline-block; vertical-align: middle; margin: 12px 12px 0 0; font-size: 1rem;}
.post-tags a {display: inline-block; vertical-align: middle; background: var(--blue-alt-2); font-weight: 500; padding: 8px; border-radius: 6px;}
.post-tags a:hover {background: var(--blue); color: var(--white);}

.book-promo .book-promo-bg {border-radius: 50px;}
.book-promo .book-promo-cover {width: 50%;}
.book-promo .book-promo-content {width: 50%;}
.book-promo .book-promo-content p {font-size: 1.25em;}

.press-post {width: 100%; margin: 0 0 6% 0;}
.press-post .post-link {display: flex;}
.press-post .post-image {width: 30%;}
.press-post .post-image-cover {padding: 75% 0 0 0; border-radius: 12px;}
.press-post .post-image-logo {display: block; padding: calc(75% - 4px) 0 0 0; border: solid 2px var(--orange-alt); border-radius: 12px; position: relative;}
.press-post .post-image-logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 70%; max-height: 55%; width: auto; height: auto;}
.press-post .post-image-after {width: 70%; padding: 0 0 0 5%;}

#special-offer .steps {display: grid; gap: 100px; grid-template-columns: repeat(3, 1fr); counter-reset: section;}
#special-offer .step {text-align: center; position: relative;}
#special-offer .step:before {counter-increment: section; content: "" counter(section) ""; display: inline-block; width: 72px; height: 72px; line-height: 76px; background: var(--white); color: var(--orange); font-size: 3.5em; font-family: var(--font2); text-align: center; border-radius: 100%; margin: 0 0 20px 0;}
#special-offer .step:after {content: ""; display: block; width: 100%; height: 100%; max-width: 150px; position: absolute; left: 100%; top: 10px; margin: 0 0 0 -10px; background: url(images/icon-arrow-step.svg) no-repeat center top; pointer-events: none;}
#special-offer .step:last-child:after {display: none;}
#special-offer .field {margin: 0 0 15px 0;}
#special-offer .input {width: 100%; max-width: 100%; height: 56px; background: var(--white); border: solid 1px var(--orange); border-radius: 20px; padding: 0 20px;}
#special-offer .input:focus {border-color: var(--body);}

#row-newsletter-hero .bg {border-radius: 50px; padding: 0 4%;}
#row-newsletter-hero .content {width: 56%; padding: 0 0 0 140px;}
#row-newsletter-hero .image {width: 44%; padding: 0 8%; margin: 4% 0 2% 0;}

#row-speaking-hero .bg {border-radius: 50px; padding: 0 4%;}
#row-speaking-hero .content {width: 60%; padding: 0 0 0 140px; margin: 2% 0;}
#row-speaking-hero .content h1 {font-size: 2.625em;}
#row-speaking-hero .image {width: 40%; padding: 0 6%; margin: 2% 0 0 0;}

/* MOBILE */
.hamburger {
	width: 46px; line-height: 46px; font-size: 0;
	display: none; order: 0; background: var(--blue); border-radius: 15px;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}
.hamburger-box {
	width: 22px;
	height: 20px;
	display: inline-block; vertical-align: middle;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -1px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 22px;
	height: 2px;
	background: var(--white);
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; }
	.hamburger-inner::before {
	top: -8px; }
	.hamburger-inner::after {
	bottom: -8px; }
	.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

	.hamburger--spin.opened .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger--spin.opened .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.hamburger--spin.opened .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

#mobile-menu {position: fixed; left: 100%; top: 0; z-index: 9000; pointer-events: none; font-size: 0;
	width: 100%; height: 100vh; background: var(--white); text-align: right; padding: 90px 0 0 0;
	transition: all .5s ease;
}
#mobile-menu-wrap {
	line-height: calc(100vh - 90px); height: calc(100vh - 90px);
	overflow: auto; -webkit-overflow-scrolling: touch;
}
#mobile-menu-wrap > ul:first-child {display: inline-block; width: 100%; vertical-align: middle; padding: 90px 0; margin: -90px 0 0 0;}
#mobile-menu.opened {left: 0; pointer-events: auto;}
#mobile-menu .level-0 {padding: 20px 50px 20px 20px; margin: 0 !important; font-size: 1rem;
	position: relative; top: 20px; opacity: 0; transition: opacity .3s .2s ease, top .3s .2s ease;
}
#mobile-menu.opened .level-0 {opacity: 1; top: 0;}
#mobile-menu .level-0:nth-child(1) {-webkit-transition-delay: .2s; transition-delay: .2s;}
#mobile-menu .level-0:nth-child(2) {-webkit-transition-delay: .25s; transition-delay: .25s;}
#mobile-menu .level-0:nth-child(3) {-webkit-transition-delay: .3s; transition-delay: .3s;}
#mobile-menu .level-0:nth-child(4) {-webkit-transition-delay: .35s; transition-delay: .35s;}
#mobile-menu .level-0:nth-child(5) {-webkit-transition-delay: .4s; transition-delay: .4s;}
#mobile-menu .level-0:nth-child(6) {-webkit-transition-delay: .45s; transition-delay: .45s;}
#mobile-menu .level-0:nth-child(7) {-webkit-transition-delay: .5s; transition-delay: .5s;}
#mobile-menu .level-0:nth-child(8) {-webkit-transition-delay: .55s; transition-delay: .55s;}
#mobile-menu .level-0:nth-child(9) {-webkit-transition-delay: .6s; transition-delay: .6s;}
#mobile-menu .level-0:nth-child(10) {-webkit-transition-delay: .65s; transition-delay: .65s;}
#mobile-menu .level-0:nth-child(11) {-webkit-transition-delay: .7s; transition-delay: .7s;}
#mobile-menu .level-0:nth-child(12) {-webkit-transition-delay: .75s; transition-delay: .75s;}
#mobile-menu .level-0:nth-child(13) {-webkit-transition-delay: .8s; transition-delay: .8s;}
#mobile-menu .level-0:nth-child(14) {-webkit-transition-delay: .85s; transition-delay: .85s;}
#mobile-menu .level-0:not(.icon):not(.button) > a {display: inline-block; vertical-align: middle;
	color: var(--body); font-size: 1.25em; font-family: var(--font2); text-transform: uppercase;
}
#mobile-menu .level-0:not(.menu-item-has-children) {padding: 0;}
#mobile-menu .level-0:not(.menu-item-has-children):not(.icon):not(.button) > a {width: 100%; padding: 20px 50px 20px 20px;}
#mobile-menu .level-0:not(.icon):not(.button) > a:hover {color: var(--blue);}

#mobile-menu .level-0.menu-item-has-children {cursor: pointer;}
#mobile-menu .level-0.menu-item-has-children:before {content: " "; display: block; width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 20; cursor: pointer;}
#mobile-menu .level-0.menu-item-has-children:after {content: " "; display: block; width: 10px; height: 10px; 
	border: solid 2px var(--orange); border-top: 0; border-left: 0; position: absolute; right: 22px; top: 22px; z-index: 21; cursor: pointer;		
	transform: rotate(45deg);
	transition: var(--transition1);
}

#mobile-menu .level-0.menu-item-has-children.opened:after {
	top: 27px;
	transform: rotate(225deg);		
}

#mobile-menu .sub-menu {display: none; margin: 30px 0 0 0;}
#mobile-menu .sub-menu li {position: relative;}
#mobile-menu .sub-menu li + li {margin: 20px 0 0 0;}
#mobile-menu .level-1 > a {display: block;
	color: var(--body); font-size: 1.125em; font-family: var(--font2); text-transform: uppercase;
}
#mobile-menu .level-1 > a:hover {color: var(--blue);}

/*#mobile-menu .level-0.icon {margin: 20px 50px 0 0 !important; width: auto; vertical-align: top;}
#mobile-menu .level-0.icon + .icon {margin-left: -40px !important;}
#mobile-menu .level-0.icon.menu-item-has-children {display: none;}
#mobile-menu .level-0.icon:before, #mobile-menu .level-0.icon:after {display: none;}*/

#mobile-menu .level-0.button {margin: 20px 0 0 0 !important; padding: 0 50px;}
/* END MOBILE */

.amazon-products {display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr);}
.amazon-products .post-link {background: var(--white); border-radius: 12px; text-align: center; padding: 20px; min-height: 100%;}
.amazon-products .post-image {display: inline-block; width: 60%; padding: 60% 0 0 0; margin: 0 0 15px 0;}
.amazon-products .post-title {font-weight: normal; font-size: 1.125em;}
.amazon-products .post-cta {margin: 12px 0 0 0;}

.page-sub-nav {text-align: center; font-size: 0; margin: 0 0 -12px 0; text-transform: lowercase;}
.page-sub-nav li {display: inline-block; vertical-align: middle; font-size: 1rem; margin: 0 12px 12px 12px;}
.page-sub-nav a {display: inline-block; vertical-align: middle; font-size: 1.125em; font-family: var(--font2); color: var(--body); padding: 0 0 5px 0; border-bottom: solid 2px transparent;}
.page-sub-nav a:hover, .page-sub-nav .selected a {border-color: var(--orange);}