/*
Theme Name: How We Heal
Description: How We Heal 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: 'AvenirNext';
    src: url('fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('fonts/AvenirNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

:root {
	--transition1: all .5s ease;
	
	--white: #fff;
	--black: #000;
	--body: #314E65;
	--green: #B6B76C;
	--red: #693C42;
	--blue: #5A7184; 
	--blue-light: #EAEDF0;
	
	--font1: 'AvenirNext', sans-serif;
	--font2: 'PlayfairDisplay', serif;
	
	--plyr-color-main: #B6B76C !important;
	--plyr-video-background: #fff !important;
}

body, html {height: 100%;}
body {font: 1em var(--font1); color: var(--body); background: var(--white); -webkit-text-size-adjust: none;}
a {color: var(--red); text-decoration: none; -webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);}
a:hover {color: var(--body);}
input, select, textarea, button {font: 1em var(--font1); color: var(--body); 
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); 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: 160%;}
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.left {float: left;}
.right {float: right;}
.center {text-align: center !important;}
.tleft {text-align: left;}
.tright {text-align: right;}
.margin0 {margin: 0 !important;}
.padding0 {padding: 0 !important;}
.border0 {border: 0 !important;}
.padding-bottom0 {padding-bottom: 0 !important;}
.padding-top0 {padding-top: 0 !important;}
.clear {clear: both;}
img, svg {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, figure.alignleft {
	margin: 0 30px 30px 0 !important;
}
img.alignright, figure.alignright {
	margin: 0 0 30px 30px !important;
}
.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);}
*::-moz-placeholder {color: var(--body); opacity: 1;}
*:-ms-input-placeholder {color: var(--body);}
*:-moz-placeholder {color: var(--body);}
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 {width: 1340px; margin: 0 auto;}
.valign {display: inline-block; vertical-align: middle; width: 100%;}
.valign.bottom {vertical-align: bottom;}
.valign.top {vertical-align: top;}

.body-content {float: left; width: 100%;}
.padding-content {padding: 90px 0;}
.half-content {float: left; width: 50%;}
.in-middle {display: inline-block; vertical-align: middle; width: 780px; text-align: left;}
.in-middle.small {width: 500px;}
.in-middle.large {width: 850px;}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.flex-row.align-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}
.flex-row.align-justify {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.flex-row.align-center-justify {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	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.25em;}
.entry-content p:last-child, .entry-content .as-p:last-child {margin: 0 !important;}
.entry-content center {line-height: 160%}
.entry-content blockquote {margin: 40px 0 40px -50px; padding: 30px 50px 50px 50px; background-color: var(--blue-light); 
	position: relative; width: calc(100% + 100px); text-align: center;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}
.entry-content blockquote:last-child {margin-bottom: 0;}
.entry-content blockquote:before {
	content: "“"; display: inline-block; color: var(--blue); font-size: 10em; font-family: var(--font2); background: var(--white); 
	width: 70px; height: 70px; line-height: 160px; overflow: hidden; margin: 0 0 15px 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;	
}
.entry-content blockquote p, .entry-content blockquote div {font-size: 2em; line-height: 140%; position: relative;}
.entry-content hr {padding: 0; margin: 40px 0; border: 0; width: 100%; height: 1px; background: var(--blue);}
.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: 140%; position: relative; padding: 0 0 0 20px; font-size: 1.25em;}
.entry-content li:last-child {margin-bottom: 0;}
.entry-content ul li:before {content: " "; display: block; width: 7px; height: 7px; background: var(--green); position: absolute; left: 0; top: 10px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.entry-content ul li ul {margin: 20px 0 0 0 !important;}
.entry-content ul li li {font-size: 1.25rem;}
.entry-content ul li li:before {background: var(--blue);}
.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;}
.entry-content .wp-block-image {margin: 0 0 30px 0;}
.entry-content .wp-block-image:last-child {margin: 0;}

.entry-content table {margin: 0 0 30px 0; border-spacing: 1px; background: var(--blue-light);}
.entry-content table:last-child {margin: 0;}
.entry-content table th {background: var(--blue-light); padding: 20px; line-height: 160%; font-size: 1.25rem; vertical-align: top;}
.entry-content table td {padding: 20px; line-height: 160%; font-size: 1.25rem; vertical-align: top; background: var(--white);}
.entry-content table td p, .entry-content table td li {font-size: 1.25rem;}
.entry-content table td p:empty {display: none !important;}
.entry-content table tr:nth-child(2n+1) td {background: #F9F9F9;}
.entry-content .table-responsive {margin: 0 0 30px 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.entry-content .table-responsive:last-child {margin: 0;}

.one_half {padding: 0 25px 0 0;}
.one_half.last_column {padding: 0 0 0 25px;}
.one_third {padding: 0 25px 0 0;}
.one_third + .one_third {padding: 0 25px;}
.one_third.last_column {padding: 0 0 0 25px;}
.content-column.full_width {padding: 0; margin: 0 0 50px 0;}
.clear_column {margin: 0 0 50px 0;}
.clear_column:last-child, .content-column.full_width:last-child {margin: 0;}

body.mce-content-body {margin: 20px; height: auto;}
body.mce-content-body [data-effect*="fade"] {opacity: 1 !important;}

/* SITE */

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

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

h1, .h1 {font-size: 3em; font-family: var(--font2); line-height: 120%; margin: 0 0 30px 0;}
h2, .h2 {font-size: 1.875em; font-family: var(--font2); line-height: 140%; margin: 0 0 30px 0;}
h3, .h3 {font-size: 1.5em; font-family: var(--font2); 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-green {background-color: var(--green);}
.bg-red {background-color: var(--red);}
.bg-blue {background-color: var(--blue);}
.bg-blue-light {background-color: var(--blue-light);}

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

a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle;
	background: var(--green); color: var(--white);
	line-height: 66px; text-align: center; font-weight: 500;
	padding: 0 30px; font-size: 1.125rem;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover, a:hover span.button {background: var(--blue);}

.button .valign {line-height: 110%; margin: -8px 0 0 0;}
.button.full-width {width: 100%; padding: 0 10px;}

a.button.underlined, .button.underlined a, button.button.underlined, input.button.underlined, span.button.underlined {
	line-height: 100%; padding: 5px 0; background: none; color: var(--body); border-bottom: solid 2px var(--green);
	-webkit-border-radius: 0;
	border-radius: 0;
}
a.button.underlined:hover, .button.underlined a:hover, button.button.underlined:hover, input.button.underlined:hover, span.button.underlined:hover, a:hover span.button.underlined {border-color: var(--red); background: none;}

.button-back {display: inline-block; font-size: 1.125rem; text-transform: uppercase; color: var(--body); position: relative; padding: 0 0 0 26px;}
.button-back:before {content: " "; display: block; width: 12px; height: 19px; background: url(images/icon-arrow-1.svg) no-repeat 0 0;
	position: absolute; left: 0; top: -3px;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
.button-back:hover:before {left: -6px;}

/*a.button.blue, .button.blue a, button.button.blue, input.button.blue, span.button.blue {background: var(--blue); color: var(--yellow);}
a.button.blue:hover, .button.blue a:hover, button.button.blue:hover, input.button.blue:hover, span.button.blue:hover, a:hover span.button.blue {background: var(--body);}

a.button.underlined.white, .button.underlined.white a, button.button.underlined.white, input.button.underlined.white, span.button.underlined.white {color: #fff;}

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

a.button.body, .button.body a, button.button.body, input.button.body, span.button.body {background: var(--body); color: var(--yellow);}
a.button.body:hover, .button.body a:hover, button.button.body:hover, input.button.body:hover, span.button.body:hover, a:hover span.button.body {background: var(--purple);}

.button-back {display: inline-block; vertical-align: middle; font-size: 1.125rem; font-weight: bold; line-height: 79px; color: var(--green1) !important; position: relative; padding: 0 0 0 32px;}
.button-back:before {content: " "; display: block; width: 22px; height: 11px; background: url(images/line-6.svg) no-repeat 0 0; position: absolute; left: 0; top: 50%; margin: -5.5px 0 0 0;}
.button-back:hover {padding: 0 0 0 42px;}*/

.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; text-align: center;}
.button-group > div p {margin: 0 !important; padding: 0 !important;}
.button-group > div + div {margin: 0 0 0 50px;}
.button-group.center > div {margin: 0 25px !important;}

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

#header {position: fixed; left: 0; top: 0; z-index: 10000;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
#header .content {height: 130px;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
#header:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 100%; background: var(--white); pointer-events: none;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}

.site-logo {font-size: 0;}
.site-logo a {display: inline-block; vertical-align: middle; width: 128px; padding: 72px 0 0 0; background: url(images/logo.png) no-repeat 0 0 / 100% auto; color: var(--red);}
.site-logo a span {font-size: 0.563rem; display: block; line-height: 120%;}

.main-menu {font-size: 0; text-align: right;}
.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 40px;}
.main-menu .level-0:not(.icon):not(.button) > a {display: inline-block; vertical-align: middle; position: relative;
	color: var(--body); font-weight: 500; padding: 5px 0; line-height: 120%; text-align: center; font-size: 1.25em;
}
.main-menu .level-0:not(.icon):not(.button) > a:before {content: " "; display: block; width: 0; height: 2px; background: var(--green); position: absolute; left: 0; bottom: 0;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
.main-menu .level-0:not(.icon):not(.button):hover > a:before,
.main-menu .level-0.current-menu-item:not(.icon):not(.button):not(.menu-item-object-custom) > a:before,
.main-menu .level-0.current-menu-ancestor:not(.icon):not(.button):not(.menu-item-object-custom) > a:before {width: 100%;}
.main-menu .level-0.current-menu-item:not(.icon):not(.button) > a:before,
.main-menu .level-0.current-menu-ancestor:not(.icon):not(.button) > a:before {background: var(--blue);}

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

.main-menu .sub-menu-div {position: absolute; right: 0; top: 120%; padding: 20px 0 0 0; z-index: 5;
	opacity: 0; pointer-events: none;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); 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); min-width: 600px; padding: 20px; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.main-menu .sub-menu:before {content: " "; display: block; width: 16px; height: 16px; background: var(--white); position: absolute; right: 30px; top: -5px;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.main-menu .sub-menu li {position: relative; text-align: center;}
.main-menu .sub-menu a {display: inline-block; vertical-align: middle; position: relative;
	color: var(--body); font-size: 1.125em; font-weight: 500; padding: 5px 0; line-height: 120%; text-align: center; text-transform: uppercase;
}
.main-menu .sub-menu a:hover {color: var(--green);}

.main-menu .mobile-social-label {display: none;}

/*#footer-menu .sub-menu-div {top: auto; bottom: 120%; padding: 0 0 20px 0;}
#footer-menu .level-0:hover .sub-menu-div, #footer-menu .level-0.clicked .sub-menu-div {bottom: 80%;}
#footer-menu .sub-menu:before {top: auto; bottom: -12px;}

.menu-item.icon:hover .sub-menu-div, .menu-item.icon.clicked .sub-menu-div {top: 100%;}
.menu-item.icon .sub-menu li {text-align: left;}
.menu-item.icon .sub-menu a {display: block; font-size: 0.875rem; white-space: nowrap;}
.menu-item.icon .sub-menu img {width: 45px; height: 45px; max-height: none; margin: 0 15px 0 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}*/

#header .main-menu {width: calc(50% - 64px);}
#header .main-menu .icon {display: none;}
#header .site-logo {margin: 0 0 0 calc(50% - 64px);}

.fixed #header:before {bottom: 0;}
/* .fixed #header .content {height: 110px;} */
.header-up #header {top: -130px;}

.no-touchevents input[type="submit"], .no-touchevents input[type="reset"], .no-touchevents button, .no-touchevents label {cursor: none !important;}
.no-touchevents * .pointer {
    display: block
}
.no-touchevents * .pointer__follower {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999999;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	display: none;
}
.no-touchevents * .pointer__ring {
    position: absolute;
    will-change: transform;
	fill: var(--blue);
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
	width: 10px; height: 10px; top: -5px; left: -5px; background: var(--blue); border: solid 1px var(--blue);
}
.no-touchevents * .pointer__ring.hover {
	width: 60px; height: 60px; top: -30px; left: -30px; background: none;
}
.no-touchevents * .pointer__ring.active {
	width: 30px; height: 30px; top: -15px; left: -15px; background: none;
}

#footer .content {padding: 60px 0; border-top: solid 1px rgba(152, 167, 178, 0.2);}
#footer .site-logo {width: 130px;}
#footer .footer-text {width: calc(100% - 130px - 300px); padding: 0 100px;}
#footer .footer-text p {margin: 0 0 20px 0;}
#footer .footer-text p:not(:first-child) {font-size: 1em;}
#footer .socials-dev {width: 300px; text-align: right;}
#footer .socials-dev .menu-item:not(.icon) {display: none;}
#footer .socials-dev .menu-item.icon.first {margin: 0;}
#footer .logo {margin: 20px 0 0 0;}
#footer .dev {margin: 20px 0 0 0;}
#footer .dev p {font-size: 0.75em;}
#footer p a {color: var(--body); border-bottom: solid 1px var(--body);}
#footer p a:hover {color: var(--blue); border-color: var(--blue);}
/*#footer .site-logo {order: 1; width: 300px;}
#footer .dev {order: 2; width: calc(100% - 600px); text-align: center;}
#footer .dev p {font-size: 0.75em;}
#footer .dev a {color: var(--body);}
#footer .dev a:hover {color: var(--blue);}
#footer-menu {order: 3; width: 300px;}*/

.sign-up-row {padding: 0 0 60px 0;}
.sign-up-row .image {text-align: center; font-size: 0; margin: -70px 0 20px 0;}
.sign-up-row .image img {width: 214px; background: var(--blue-light); padding: 12px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.sign-up-row .label {text-align: center; margin: 0 0 60px 0;}
.sign-up-row .align {padding: 0 60px;}
.sign-up-row .half-content {width: calc(50% - 30px);}
.sign-up-row .text p {margin: 0 0 20px 0;}
.sign-up-row .text p:not(:first-child) {font-size: 1em;}
.sign-up-row .action {width: 160px;}
.sign-up-row .field {width: calc(100% - 160px); padding: 0 15px 0 0;}
.sign-up-row .input {width: 100%; max-width: 100%; border: solid 2px var(--body); height: 66px; background: none; padding: 0 16px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.sign-up-row .input:focus {background: var(--white); border-color: var(--blue);}
.sign-up-row .legend {text-align: right; margin: 20px 0 0 0;}
.sign-up-row .legend p {font-size: 0.75em;}
.newsletter-form-result {display: none;}
.newsletter-form-result .menu-item:not(.icon) {display: none;}

#about-the-author .align {padding: 0 140px; margin: 0 0 30px 0;}
#about-the-author .half-content {width: calc(50% - 30px);}
#about-the-author .image-connect {order: 2;}
#about-the-author .image img {border-radius: 0 200px;}
#about-the-author .connect {margin: 30px 0 0 0;}
#about-the-author .connect p {margin: 0 0 20px 0;}
#about-the-author .connect .menu-item:not(.icon) {display: none;}

#videos {margin: 50px 0 0 0;}
#videos .sidebar {width: 380px; padding: 0 50px 0 0;}
#videos .sidebar-after {width: calc(100% - 380px);}
#videos-scroll {white-space: nowrap; font-size: 0; width: calc( 100vw - ((100vw - 1340px) / 2) - 380px );}
#videos-scroll .scroll-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#videos-scroll .video {display: inline-block; vertical-align: top; font-size: 1rem; width: 310px; flex: 0 0 auto;
	white-space: normal; margin: 0 20px 0 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
#videos-scroll .video a {display: block; position: relative;}
#videos-scroll .video .image {display: block; overflow: hidden; position: relative;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}
#videos-scroll .video .image-bg {display: block; padding: 133% 0 0 0;
	backface-visibility: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	-webkit-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease;
}
#videos-scroll .video a:hover .image-bg {-webkit-transform: scale(1.1); transform: scale(1.1);}
#videos-scroll .video .content {position: absolute; left: 0; bottom: 0; display: block; width: 100%; font-size: 0; height: 110px; text-align: center;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#videos-scroll .video .content .title {display: block; font-size: 1.125rem; color: var(--white); font-weight: 500; padding: 0 20px; line-height: 150%; margin: 38px 0 0 0;}
#videos-scroll .video .content:before {content: " "; display: block; width: 60px; height: 60px; background: var(--white) url(images/icon-play.svg) no-repeat calc(50% + 3px) center;
	position: absolute; left: 50%; top: -30px; margin: 0 0 0 -30px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
#videos-scroll .video.no-video .content:before {display: none;}
#videos-scroll .video a:hover .content:before {
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);	
}
#videos-scroll .scrollbar-track {display: none !important;}

#parallax-elements {position: relative; z-index: 2;}
#parallax-elements .parallax-image {position: absolute; pointer-events: none;}
#parallax-elements .parallax-image .img {opacity: 0; -webkit-transition: opacity 3s ease; -moz-transition: opacity 3s ease; transition: opacity 3s ease;}
.loaded #parallax-elements .parallax-image .img {opacity: 1;}
#parallax-elements .parallax-image-1 {left: -15%; top: -15%;}
#parallax-elements .parallax-image-2 {width: 320px; left: 0; top: 0;}
#parallax-elements .parallax-image-3 {left: 85%; top: 20%;}
#parallax-elements .parallax-image-4 {width: 320px; right: 0; top: 20%;}
#parallax-elements .parallax-image-5 {left: -30%; top: 5%;}
#parallax-elements .parallax-image-6 {left: 50%; top: 5%; transform: translateX(-50%);}
#parallax-elements .parallax-image-7 {right: -30%; top: 5%;}
#parallax-elements .row-1 .parallax-image-8 {width: 320px; left: 50%; top: 0; transform: translateX(-50%);}
#parallax-elements .row-1 .parallax-image-9 {width: 190px; right: 0; top: 60%;}
#parallax-elements .row-2 .parallax-image-8 {width: 320px; left: 50%; top: -20%; transform: translateX(-50%);}
#parallax-elements .row-2 .parallax-image-9 {width: 260px; left: -10%; top: 60%;}
#parallax-elements .parallax-image-2 .img {transition-delay: 0.4s;}
#parallax-elements .parallax-image-3 .img {transition-delay: 0.8s;}
#parallax-elements .parallax-image-4 .img {transition-delay: 1.2s;}

.circle-gradient {width: 580px; height: 580px; pointer-events: none;}
.circle-gradient.blue {background: radial-gradient(50% 50% at 50% 50%, #A8BACA 0%, rgba(255, 255, 255, 0) 100%);}
.circle-gradient.green {background: radial-gradient(50% 50% at 50% 50%, #B6B76C 0%, rgba(255, 255, 255, 0) 100%);}
.circle-gradient.red {background: radial-gradient(50% 50% at 50% 50%, #8A676C 0%, rgba(255, 255, 255, 0) 100%);}

#hero:before {content: " "; display: block; width: 500px; height: 506px; background: url(images/graphic-1.png) no-repeat 0 0 / 100% auto;
	position: absolute; left: 10%; top: 15%;
}
/*#hero:after {content: " "; display: block; width: 600px; height: 608px; background: url(images/graphic-1.png) no-repeat 0 0 / 100% auto;
	position: absolute; right: -10%; top: 5%;
}*/
#hero .align {z-index: 2;}

.hero-row-1-video {margin: 50px 0 0 0;}
.hero-row-1-video .content {order: 2; padding: 0 60px;}
.hero-row-1-video .video video {max-width: 100%; height: auto;
	-webkit-border-radius: 0 200px; border-radius: 0 200px;
}
.hero-row-1-video .video a {display: block; position: relative;}
.hero-row-1-video .video .play {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	width: 80px; height: 80px; font-size: 0;
	background: var(--white) url(images/icon-play.svg) no-repeat calc(50% + 3px) center / 22px auto;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}
.hero-row-1-video .video a:hover .play {
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);	
}

.hero-row-1 {padding: 200px 0 0 0;}
.hero-row-2 {margin: 100px 0 50px 0;}
.hero-row-3 .row {padding: 0 120px; position: relative;}
.hero-row-3 .row + .row {margin: 200px 0 0 0; z-index: 2;}
.hero-row-3 .row .images {position: relative;}
.hero-row-3 .row .content {padding: 0 0 0 60px;}
.hero-row-3 .row:nth-child(2n+1) .images {order: 2;}
.hero-row-3 .row:nth-child(2n+1) .content {padding: 0 60px 0 0;}
.hero-row-3 .circle-gradient {opacity: 0.3; position: absolute;}
.hero-row-3 .circle-gradient.red {left: 20%; top: 30%;}
.hero-row-3 .circle-gradient.blue {left: 80%; top: 15%;}

#future {background: url(images/bg-future.jpg) no-repeat center center / cover; background-attachment: fixed; padding: 220px 0; position: relative; overflow: hidden;}
.touchevents #future {background-attachment: scroll;}
#future:before {content: " "; display: block; width: 800px; height: 810px; background: url(images/graphic-2.png) no-repeat 0 0 / 100% auto;
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;
}

.bg-head-resources {position: relative;}
.bg-head-resources .wrapper {position: relative; z-index: 2;}
.bg-head-resources:before {content: " "; display: block; width: 40vw; height: 40vw; background: radial-gradient(50% 50% at 50% 50%, #A8BACA 0%, transparent 100%);
	position: absolute; left: -20vw; top: -4vw; pointer-events: none;
}
.bg-head-resources:after {content: " "; display: block; width: 40vw; height: 40vw; background: radial-gradient(50% 50% at 50% 50%, rgba(182, 183, 108, 0.5) 0%, transparent 100%);
	position: absolute; right: -20vw; top: -4vw; pointer-events: none;
}
.bg-head-resources .image {order: 2;/* position: relative;*/}
/*.bg-head-resources .image:before {content: " "; display: block; width: 35vw; height: 35vw; background: url(images/graphic-1.png) no-repeat center center / auto 100%;
	position: absolute; left: 25%; top: 25%;
}*/
.bg-head-resources .image img {border-radius: 0px 150px; position: relative;}
.bg-head-resources .content {padding: 0 100px 0 0;}
.bg-head-resources .content h1, .bg-head-resources .content h2 {margin: 0 0 20px 0;}
.bg-head-resources .back {margin: 0 0 25px 0;}
.bg-head-resources .meta {margin: 0 0 25px 0;}
.bg-head-resources .featured-col-1 {width: calc(100% - 460px); padding: 0 50px 0 0;}
.bg-head-resources .featured-col-2 {width: 460px; padding: 0 0 0 50px; border-left: solid 1px rgba(49, 78, 101, 0.3);}

.bg-post-content {position: relative;}
.bg-post-content .wrapper {position: relative; z-index: 2;}
.bg-post-content:before {content: " "; display: block; width: 40vw; height: 40vw; background: radial-gradient(50% 50% at 50% 50%, #8A676C 0%, transparent 100%);
	position: absolute; left: -20vw; top: 40vw; pointer-events: none; opacity: 0.7;
}
.bg-post-content:after {content: " "; display: block; width: 40vw; height: 40vw; background: radial-gradient(50% 50% at 50% 50%, #A8BACA 0%, transparent 100%);
	position: absolute; right: -20vw; top: 20vw; pointer-events: none;
}

.bg-body-resources {position: relative;}
.bg-body-resources .wrapper {position: relative; z-index: 2;}
.bg-body-resources:before {content: " "; display: block; width: 40vw; height: 40vw; background: radial-gradient(50% 50% at 50% 50%, #A8BACA 0%, transparent 100%);
	position: absolute; right: -20vw; top: 4vw; pointer-events: none;
}

.post-resource {width: calc(33.3333333333% - 30px); margin: 0 45px 70px 0;}
.post-resource:nth-child(3n) {margin-right: 0;}
.post-resource:nth-child(3n+1) {clear: both;}
.post-resource .post-image {display: block; overflow: hidden; border-radius: 10px;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.post-resource .post-image-bg {display: block; padding: 60% 0 0 0;
	backface-visibility: hidden; will-change: transform;
	-webkit-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease;
}
.post-resource a:hover .post-image-bg {-webkit-transform: scale(1.1); transform: scale(1.1);}
.post-resource .post-content {display: block; padding: 25px 0 0 0;}
.post-resource .post-meta {cursor: default;}
.post-resource .post-date {font-size: 1.125em;}
.post-category {display: inline-block; background: var(--red); color: var(--white); text-transform: uppercase; line-height: 32px; padding: 0 10px; white-space: nowrap; border-radius: 0px 10px;}
.post-resource .post-title {display: block; margin: 16px 0 0 0;}
.post-resource .post-title .t {display: block; color: var(--body); font-size: 1.5em; line-height: 130%; margin: 0 0 20px 0;}
.post-resource .post-title .t strong {color: var(--red);}
.post-resource .post-excerpt {display: block; font-size: 1.125em; line-height: 140%;}
.post-resource .post-excerpt strong {color: var(--red);}
.post-resource .post-excerpt + .button {margin: 20px 0 0 0;}

.post-resource-featured {width: 100% !important; margin: 0 !important;}
.post-resource-featured + .post-resource-featured {margin: 90px 0 0 0 !important;}
.post-resource-featured .flex-row {align-items: flex-start;}
.post-resource-featured .post-image {width: 50%;}
.post-resource-featured .post-content {width: 50%; padding: 0 0 0 40px;}
.post-resource-featured .post-title .t {font-size: 2em;}

.post-resource-simple {width: 100% !important; margin: 0 !important;}
.post-resource-simple + .post-resource-simple {margin: 40px 0 0 0 !important;}
.post-resource-simple .post-content {padding: 0;}
.post-resource-simple .post-excerpt {font-size: 1em;}
.post-resource-simple .post-excerpt .more {text-transform: uppercase; text-decoration: underline;}

.post-resource-search-result {width: 100% !important; margin: 0 !important; display: flex; flex-wrap: wrap;}
.post-resource-search-result + .post-resource-search-result {margin: 90px 0 0 0 !important;}
.post-resource-search-result .post-image {order: 2; width: 270px;}
.post-resource-search-result .post-content {width: calc(100% - 270px); padding: 0 50px 0 0;}

#post-share {position: absolute; z-index: 1000; top: 0; pointer-events: none; width: 100%;}
#post-share .align {float: right; width: 48px;}
#post-share.is_stuck + div {pointer-events: none;}
#post-share p {writing-mode: vertical-lr; line-height: 48px; font-size: 0.875em;}
#post-share .icon {margin: 20px 0 0 0 !important;}
#post-share .icon a {pointer-events: auto; background: none; border: solid 2px var(--green); width: 48px; line-height: 44px;}
#post-share .icon a:hover {border-color: var(--blue);}

.heading-related-posts {border-top: solid 1px var(--blue-light);}

.post-references {background: var(--blue-light); border-radius: 10px; padding: 20px; margin: 0 0 40px 0;}
.post-references:last-child {margin: 0;}
.post-references p, .post-references li {font-size: 1rem; margin: 0 0 15px 0;}

.post-box {margin: 0 0 40px 0;}
.post-box:last-child {margin: 0;}
.post-box.style-1 {border: solid 1px var(--blue-light); border-radius: 10px; padding: 20px;}
.post-box.style-1 h2 {background: var(--blue-light); border-radius: 10px 10px 0 0; padding: 20px; margin-left: -20px; margin-top: -20px; width: calc(100% + 40px);}
.post-box.style-2 {background: #F0F1E2; border-radius: 10px; padding: 20px;}

/* MOBILE */
.hamburger {
	width: 30px; line-height: 60px; font-size: 0; margin: 40px 0 0 0;
	display: none; order: 0; background: none;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}
.hamburger-box {
	width: 30px;
	height: 20px;
	display: inline-block; vertical-align: middle;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -1.5px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 30px;
	height: 3px;
	background: var(--green);
	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: -10px; }
	.hamburger-inner::after {
	bottom: -10px; }
	.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: 0; top: 0; z-index: 9000; opacity: 0; pointer-events: none; font-size: 0;
	width: 100%; height: 100vh; background: var(--white); padding: 110px 0 0 0;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
}
#mobile-menu-wrap {
	line-height: calc(100vh - 110px); height: calc(100vh - 110px);
	overflow: auto; -webkit-overflow-scrolling: touch;
}
#mobile-menu-wrap > ul:first-child {display: inline-block; width: 100%; vertical-align: middle; padding: 90px 12px; margin: -90px 0 0 0;}
#mobile-menu.opened {opacity: 1; pointer-events: auto;}
#mobile-menu .level-0 {padding: 20px 50px 20px 20px; margin: 0 !important; font-size: 1rem;
	position: relative; top: 20px; opacity: 0; -webkit-transition: opacity .3s .2s ease, top .3s .2s ease; 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):not(.menu-item-resources) {display: none;}

#mobile-menu .level-0.icon {width: 50%; padding: 0 8px; margin: 8px 0 !important;}
#mobile-menu .level-0.icon > a {width: 100%; line-height: 110px; border-radius: 0px 50px;}
#mobile-menu .level-0.icon img {height: 24px; max-height: 24px;}

#mobile-menu .mobile-social-label {display: block !important; font-size: 1rem; padding: 0 8px 8px 8px;}
#mobile-menu .mobile-social-label > a {pointer-events: none; font-weight: bold; font-size: 0.75em; text-transform: uppercase;}

#mobile-menu .menu-item-resources {padding: 50px 8px;}
#mobile-menu .menu-item-resources > a {display: none;}
#mobile-menu .menu-item-resources .sub-menu {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#mobile-menu .menu-item-resources .sub-menu a {text-transform: uppercase; font-weight: 500; font-size: 1.125em; line-height: 120%; color: var(--body);}
#mobile-menu .menu-item-resources .sub-menu a:hover {color: var(--green);}

/*#mobile-menu .level-0:not(.icon):not(.button) > a {display: inline-block; vertical-align: middle;
	color: var(--body); font-weight: 500; font-size: 1.5em;
}
#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(--green);}

#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(--green); border-top: 0; border-left: 0; position: absolute; right: 22px; top: 25px; z-index: 21; cursor: pointer;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);		
	transform: rotate(45deg);
	-webkit-transition: var(--transition1); -moz-transition: var(--transition1); transition: var(--transition1);
}

#mobile-menu .level-0.menu-item-has-children.opened:after {
	top: 30px;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);		
	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-weight: 500; font-size: 1.25em;
}
#mobile-menu .level-1 > a:hover {color: var(--blue);}*/

/*#mobile-menu .level-0.icon {display: block; margin: 30px 0 0 0 !important; padding: 0 50px 0 0;}
#mobile-menu .level-0.icon.first {margin: 10px 0 0 0 !important;}
#mobile-menu .level-0.icon .menu-image-title-before.menu-image-title {display: block; color: var(--body); font-weight: 500; font-size: 1.5rem; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); padding: 0 15px 0 0;}
*/

/*#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: 40px 0 0 0 !important; padding: 0 20px;}
#mobile-menu .level-0.button > a {width: 100%;}*/

/* END MOBILE */

.with-search .search-form {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 400px; margin: 5px 0 0 0;}
.with-search .search-form label {display: none;}
.with-search .search-form .input {width: 100%; height: 48px; border: solid 2px #B6B76C; border-radius: 100px; background: rgba(182, 183, 108, 0.2); padding: 0 20px 0 48px;}
.with-search .search-form .input:focus {background: rgba(182, 183, 108, 0.5);}
.with-search .search-form button {position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url(images/icon-search.svg) no-repeat calc(50% + 3px) center; font-size: 0;}
.found-results {max-width: calc(100% - 400px - 20px); margin: 5px 0 0 0;}
.found-results p {font-size: 1.5em; line-height: 120%;}

#header .search-form {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 280px;}
#header .search-form label {display: none;}
#header .search-form .input {width: 100%; height: 40px; border: solid 2px #B6B76C; border-radius: 100px; background: rgba(182, 183, 108, 0.2); padding: 0 20px 0 40px;}
#header .search-form .input:focus {background: rgba(182, 183, 108, 0.5);}
#header .search-form button {position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(images/icon-search.svg) no-repeat calc(50% + 3px) center; font-size: 0;}

.relevanssi-live-search-results {z-index: 12000 !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important; border-radius: 15px !important;}
.relevanssi-live-search-no-results {padding: 1em !important;}
.relevanssi-live-search-didyoumean {padding: 0 1em 1em 1em !important;}
.relevanssi-live-search-didyoumean a {font-weight: bold;}
.relevanssi-live-search-result p {font-size: 1rem !important; padding: 1em !important;}
.relevanssi-live-search-result-status p {font-size: 0.875rem !important; padding: 1em !important; font-weight: bold;}
.rlv-has-spinner {
	border-color: var(--green) !important;
	border-right-color: transparent !important;
}
.rlv-has-spinner::after {
	background-color: var(--green) !important;
}

.scroll-arrow {display: none; font-size: 0; background: none;}
.scroll-arrow + .scroll-arrow {margin: 0 0 0 30px;}
.scroll-arrow path {
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.scroll-arrow:hover path {fill: var(--green);}

.page-template-template_masterclass #header,
.page-template-template_masterclass #footer {display: none;}
#page-masterclass .parallax-image {position: absolute; pointer-events: none;}
#page-masterclass .parallax-image .img {opacity: 0; -webkit-transition: opacity 3s ease; -moz-transition: opacity 3s ease; transition: opacity 3s ease;}
.loaded #page-masterclass .parallax-image .img {opacity: 1;}
#page-masterclass .parallax-image-1 {left: -15%; top: -15%;}
#page-masterclass .parallax-image-2 {left: 80%; top: 25%;}
#page-masterclass .parallax-image-3 {left: -15%; top: 70%;}
#page-masterclass .hero .align {gap: 100px;}
#page-masterclass .hero .image {width: 46%;}
#page-masterclass .hero .image img {border-radius: 200px 0;}
#page-masterclass .hero .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
#page-masterclass .highlights .grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; align-items: start;}
#page-masterclass .highlights .highlight {display: flex; flex-wrap: wrap; gap: 30px;}
#page-masterclass .highlights .highlight .icon {width: 130px;}
#page-masterclass .highlights .highlight .icon .ico {background: rgba(182, 183, 108, 0.15); border: solid 2px var(--green); border-radius: 0 20px; font-size: 0; padding: 30px;}
#page-masterclass .highlights .highlight .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
#page-masterclass .highlights .highlight .content p {font-size: 1.125em; line-height: 140%;}
#page-masterclass .details .inner {padding: 0 100px;}
#page-masterclass .details .align {gap: 100px; background: rgba(182, 183, 108, 0.15); border-radius: 0 200px; padding: 50px 150px;}
#page-masterclass .details .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
#page-masterclass .details h6 {margin: 0;}
#page-masterclass .details h6:not(:first-child) {margin-top: 30px;}
#page-masterclass .details h6 strong {display: inline-block; background: var(--red); color: var(--white); text-transform: uppercase; line-height: 32px; padding: 0 10px; white-space: nowrap; border-radius: 0px 10px; font-weight: normal; margin: 0 0 6px 0;}
#page-masterclass .details h3 {margin: 0 0 6px 0;}
#page-masterclass .details p, #page-masterclass .details .as-p {line-height: 140%; margin: 0 0 10px 0;}
#page-masterclass .about .align {gap: 100px;}
#page-masterclass .about .align + .align {margin: 50px 0 0 0;}
#page-masterclass .about .image {width: 40%; order: 2;}
#page-masterclass .about .image img {border-radius: 0 200px;}
#page-masterclass .about .quote {width: 54%; order: 2; display: flex; flex-direction: column; justify-content: center;}
#page-masterclass .about .quote .q {background: rgba(182, 183, 108, 0.15); border-radius: 0 200px; padding: 70px 120px;}
#page-masterclass .about .quote .q p + p {margin: 20px 0 0 0;}
#page-masterclass .about .quote .q p:first-child {font-size: 1.25em;}
#page-masterclass .about .content {flex: 1; display: flex; flex-direction: column; justify-content: center;}
#page-masterclass .footer a {color: var(--body);}
#page-masterclass .footer a:hover {color: var(--red);}
#page-masterclass .footer .socials {margin: 40px 0 0 0; text-align: center;}
#page-masterclass .footer .socials p {font-size: 1.25em; margin: 0 0 15px 0;}
#page-masterclass .footer .socials .main-menu {text-align: center;}
#page-masterclass .footer .socials .menu-item:not(.icon) {display: none;}
#page-masterclass .footer .socials .menu-item.icon.first {margin: 0;}

#masterclass-register-window {border: solid 3px #B6B76C;}
#masterclass-register-window .entry-content {margin: 0 0 30px 0;}
#masterclass-register-window .thank-you {display: none; text-align: center;}
#masterclass-register-window .thank-you p {font-weight: 700; font-size: 1.25em; line-height: 150%;}
#masterclass-register-window .thank-you p + p {margin: 15px 0 0 0;}

.wpcf7 .field {margin: 0 0 24px 0;}
.wpcf7 p {line-height: 100% !important; margin: 0 !important;}
.wpcf7 br {display: none;}
.wpcf7 .as-label {display: none;}
.wpcf7 .input {width: 100%; max-width: 100%; border: solid 2px var(--body); height: 66px; background: none; padding: 0 16px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.wpcf7 .input:focus {border-color: var(--green);}
.wpcf7 textarea.input {padding: 16px; resize: none;}
.wpcf7 .select {display: block; position: relative;}
.wpcf7 .select:before {content: " "; display: block; width: 14px; aspect-ratio: 1; border: solid 2px var(--blue); 
	position: absolute; z-index: 20; pointer-events: none; right: 16px; top: 21px; border-top: 0; border-left: 0;
	transform: rotate(45deg);
}
.wpcf7 select {-moz-appearance: none; text-indent: 0.01px; text-overflow: ""; cursor: pointer; padding-right: 36px !important;}
.wpcf7 select::-ms-expand {display: none;}

.wpcf7-not-valid-tip {display: none !important;}
.wpcf7-not-valid {border-color: red !important;}
.wpcf7 .wpcf7-spinner {display: none;}
.wpcf7-response-output {color: red; padding: 0 !important; margin: 0 0 24px 0 !important; border: 0 !important; line-height: 150%; font-size: 1.125em; text-align: center;}
.wpcf7 form.sent .wpcf7-response-output {color: var(--body); font-weight: 700; font-size: 1.25em;}
.grecaptcha-badge {display: none !important;}
.wpcf7 .submitting .wpcf7-submit {opacity: 0.3; pointer-events: none;}