/*
Theme Name: Zoi-Me
Theme URI: https://createdbyblack.com/cases/zoi-me
Description: A theme for Smart Mobility Int based on the Twenty Twenty-Four theme.
Author: Black
Author URI: https://createdbyblack.com/

Version: 1.0.0

Template: twentytwentyfour

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: zoi-me
Requires at least: 5.4
Requires PHP: 8.2
*/

/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Forms
	- Tables
- Structure and Layout
	- Site Container
- Common Classes
	- WordPress
- Plugins
	- WPForms
- Skip Links
- Site Header
- Content Area
	- Entry Content
	- Entry Meta
- Media Queries
*/



/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

/*preset variables*/
:root {
  --color-black: #292727;
  --color-white: #fff;
  --color-yellow:#FFFDCB;
  --color-purple:#B0C6FF;
  --color-gold: #CBA873;
 
 
  --fontSizeLarge: 4rem;
  --fontSizeMedium: 1.5rem;
  --fontSizeSmall: 18px;

  --fontWeightLight: 300;
  --fontWeightNormal: 400;
  --fontWeightMedium: 500;
  --fontWeightSmb: 600;
  --fontWeightBold: 700;

  --bodyFont: 'Syne', sans-serif!important;
}

:where(.wp-site-blocks) > *,
.is-layout-flow > *,
.is-layout-constrained > * {
    margin-block-start: 0;
    margin-block-end: 0;
}



/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	background-color: var(--color-white);
	color: var(--color-black)!important;
	font-family: var(--bodyFont)!important;
	font-size: 16px!important;
	font-weight: 400!important;
	line-height: 1.625;
	margin: 0;
	overflow-x: hidden;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

p {
	margin: 0 0 30px;
	padding: 0;
	line-height: 1.5;
	margin-block-end: 30px !important;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid currentColor;
	clear: both;
	color: #eee;
	margin: 1.65em auto;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #333;
}

blockquote {
	margin: 30px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bodyFont);
	font-weight: var(--fontWeightNormal);
	line-height: 1.1;
	margin: 0 0 20px;
	margin-block-end: 20px !important;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 1.875rem;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	vertical-align: top;
}

figure {
	margin: 0;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

:-ms-input-placeholder {
	color: var(--color-white);
	opacity: .8;
}

::placeholder {
	color: var(--color-white);
	opacity: .8;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
	background-color: #333;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
	background-color: #0073e5;
	border-width: 0;
	color: #fff;
}

.entry-content .button:focus,
.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	line-height: 2;
	text-align: left;
	vertical-align: top;
}

td {
	padding: 0.5em;
}

tr {
	border-top: 1px solid #eee;
}

th {
	font-weight: 600;
	padding: 0.5em;
}


/* Structure and Layout
---------------------------------------------------------------------------- */

@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}


/* Common Classes
---------------------------------------------------------------------------- */
.align-right{ text-align:right; }

.card_link,
.card-link{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2!important;
	cursor: pointer;
}

.row_container {
	padding-left: 10%;
	padding-right: 10%;
}

.px-0{
	padding-left: 0!important;
	padding-right: 0!important;
}

.mb-30{
	margin-bottom: 30px;
}

.gap-0{ gap: 0px;}
.gap-60{ gap: 60px;}

/* hide scrollbar */
.overflow_wrap::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.overflow_wrap::-webkit-scrollbar{
  width: 1px;
  background-color: transparent;
  position: absolute;
}

.overflow_wrap::-webkit-scrollbar-thumb{
  background-color: transparent;
}

/* WordPress
--------------------------------------------- */
a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter,
.singular-image {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

figcaption,
.gallery-caption,
.wp-caption-text {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}

/* Plugins
---------------------------------------------------------------------------- */

/* WP Forms
--------------------------------------------- */

.entry-content .wpforms-container {
	margin: 0px !important;
}

.entry-content .wpforms-form .wpforms-field {
	clear: both;
	padding: 7px 0;
}

.entry-content .wpforms-container .wpforms-field-layout{ padding: 0!important;}
.wpforms-container .wpforms-form .wpforms-field input,
.wpforms-container .wpforms-form .wpforms-field textarea,
.wpforms-container .wpforms-form .wpforms-field select {
	border-radius: 0;
    height: auto;
    padding: 15px;
    border: 1px solid #CBA873 !important;
    outline: none !important;
    box-shadow: none !important;
}

.entry-content .wpforms-field.wpforms-field-checkbox{ padding: 12px 0 18px 0!important; }
.wpforms-container .wpforms-form .wpforms-field input[type="checkbox"]{
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	padding: 0;
}

.wpforms-field-checkbox label a{
	color: var(--color-purple);
}

.entry-content .wpforms-form .wpforms-field-label {
	font-weight: 500;
}

.entry-content .wpforms-form .wpforms-field-sublabel {
	font-size: 14px;
	font-weight: 300;
}

.entry-content .wpforms-form .wpforms-field-hp {
	display: none !important;
	left: -9000px !important;
	position: absolute !important;
}

.entry-content .wpforms-form textarea {
	padding: 15px;
	resize: none!important;
}

.entry-content .wpforms-form textarea.wpforms-field-small {
	height: 120px;
}
.entry-content .wpforms-form textarea.wpforms-field-medium {
	height: 200px;
}
.entry-content .wpforms-form textarea.wpforms-field-large {
	height: 300px;
}

div.wpforms-container-full input[type=submit]:focus:after, 
div.wpforms-container-full button[type=submit]:focus:after, 
div.wpforms-container-full .wpforms-page-button:focus:after, 
.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after{
	display: none;
}

.wpforms-submit-container button.wpforms-submit{
	border-radius: 100px !important;
    background: var(--color-purple) !important;
    font-family: var(--bodyFont) !important;
    min-width: 195px;
    height: 50px;
    border-radius: 100px;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 15px 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    transition: .5s;
    height: auto !important;
    color: var(--color-black) !important;
}

.wpforms-submit-container button.wpforms-submit img{
	transform: translateX(0);
	transition: .5s;
}

body .wpforms-submit-container button.wpforms-submit:hover{
	background:#CBA873!important;
}

body .wpforms-submit-container button.wpforms-submit:hover img{
	transform: translateX(5px);
	transition: .5s;
}

/* checkbox */
.wpforms-container .wpforms-form .wpforms-field select{
	background: url(/wp-content/uploads/2024/09/caret-down.svg) #fff no-repeat;
    background-position: 97% center;
}

.wpforms-container .wpforms-form .wpforms-field input[type=checkbox], 
.wpforms-container .wpforms-form .wpforms-field input[type=radio]{
	height: auto;
	padding: 0px;
	position: relative;
    top: -1px;
}

div.wpforms-container-full input[type=checkbox]::before,
div.wpforms-container-full input[type=radio]::before,
div.wpforms-container-full input[type=checkbox]:focus:before, 
div.wpforms-container-full input[type=radio]:focus:before{
	box-shadow: none!important;
	border-color: #CBA873!important;
	border-radius: 0;
}

div.wpforms-container-full input[type=checkbox]::before{
	border: 1px solid #CBA873!important;
}

div.wpforms-container-full input[type=checkbox]:checked:after{
    height: 10px;
	width: 10px;
    border-left: none!important;
    border-bottom: none!important;
    background-color: #CBA873!important;
    transform: none!important;
    left: 2px!important;
    top: 2px!important;
    border-radius: 0px;
}

div.wpforms-container-full input[type=checkbox]+label, 
div.wpforms-container-full input[type=radio]+label{
	font-weight: 500;
}


/* thanks message */
div.wpforms-container-full .wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
	background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px;
    font-weight: bold;
}

#book-consultation div.wpforms-container-full .wpforms-confirmation-container-full p, 
#book-consultation div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
	 color: #EFEEE7!important;
	font-size: 20px;
    font-weight: 400;
    line-height: 28px;
	padding-top: 30px;
}


/* Skip Links
---------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
	display: none;
}


/* Site Header
---------------------------------------------------------------------------- */
header{
	padding: 20px;
	position: absolute;
	z-index: 10;
	top: 13px;
	left: 0;
	right: 0;
}

.admin-bar header{
	top: 45px;
}

.wp-block-site-logo{
	position: relative;
    top: 4px;
}

header .header_wrap {
	padding-left: 50px!important;
	padding-right: 50px!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

header ul.wp-block-navigation__container { gap: 40px; }

header .header_wrap > .wp-block-group{
	max-width: 100%!important;
}

header .header_wrap > .wp-block-group > .wp-block-group{
	gap: 40px;
}

header .header_wrap > .wp-block-group figure{
	position: relative;
	transition: .5s;
	opacity: 1;
}
header .header_wrap > .wp-block-group figure:hover{
	transition: .5s;
	opacity: .5;
}
header .header_wrap > .wp-block-group figure::before{
	content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background: #EFEEE7;
    right: -20px;
    top: 9px;
}

header .header_wrap > .wp-block-group figure:last-child:before{
	opacity: 0;
}

header ul {
	gap: 40px;
}

.header-right-group{
	position: absolute;
    right: 0;
    padding: 15px 20px 15px 20px !important;
    margin-top: -10px;
    z-index: -1;
}

.menu_toggle { display: none;}


/* underline animation on links */
header .wp-block-navigation ul li a,
footer .wp-block-navigation .wp-block-navigation-item__content,
.copyright a,
.wpforms-field-checkbox label a,
.col_address p a{
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size .5s;
    text-decoration: none !important;
}

header .wp-block-navigation ul li a:hover,
footer .wp-block-navigation .wp-block-navigation-item__content:hover{
	background-size: 100% 100%;
}

/* initially have underlines */
.copyright a,
.wpforms-field-checkbox label a,
.col_address p a{
	background-size: 100% 100%;
	background-position: right;
}

.copyright a:hover,
.wpforms-field-checkbox label a:hover,
.col_address p a:hover{
	background-size: 0% 100%;
}


/* Dropdown menus */
header ul.wp-block-navigation-submenu{
	padding: 24px 20px;
    justify-content: center;
    gap: 15px;
	border: none !important;
    background: #292727 !important;
	text-align: center;
	border-radius: 0 0 6px 6px;
	right: -110% !important;
}

header .wp-block-navigation li{
	padding: 30px 0;
	outline: none;
}

header .wp-block-navigation ul.wp-block-navigation-submenu li{ 
	display: inline-block!important;
	padding: 0;
}
header .wp-block-navigation ul.wp-block-navigation-submenu li a{ 
	align-items: center;
    justify-content: center;
	color: var(--color-white)!important;
	padding: 0;
    font-size: 16px;
	display: inline-block!important;
}

header .wp-block-navigation li.wp-block-navigation-submenu button{ 
	transition: .3s;
	transform: rotate(0deg);
}
header .wp-block-navigation li.wp-block-navigation-submenu:hover button {
	transition: .3s;
	transform: rotate(180deg);
}





/* Footer
---------------------------------------------------------------------------- */
.footer_wrap .col_left p {
	padding-top: 30px;
	letter-spacing: 3.6px;
	margin-block-end: 0px !important;
	font-weight: 600;
}

.footer_wrap h2{ 
	margin-block-end: 0px !important;
	font-size: 16px!important;
}

.footer_wrap ul{
	gap: 7px;
}


.ftr_socials figure img{
	transition: .5s;
	opacity: 1;
	vertical-align: middle;
}

.ftr_socials figure:nth-child(2) img{
	position: relative;
	top: -3px;
}

.ftr_socials figure:hover img{
	transition: .5s;
	opacity: .5;
}

.copyright { 
	padding-top: 100px;
	margin-block-end: 0px !important;
}

.copyright strong{
	font-weight: normal;
	display: inline-block;
	padding: 0 5px;
}

.copyright a{
	/* text-decoration: underline; */
}




/* Content Area
---------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
	list-style-type: circle;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #f5f5f5;
}

.content .sticky {
	background-color: #f5f5f5;
	padding: 30px;
}

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}


/*  Wordpress Overrides
---------------------------------------------------------------------------- */
.hidden{ display: none; }
.not-ready,
.post-edit-link, 
.entry-title, 
.entry-header::after, 
.entry-avatar,
.otgs-development-site-front-end,
.entry-footer,
.entry-header,
.for_mobile{ 
	display:none!important; 
}

.content-sidebar .site-container .alignfull, 
.sidebar-content .site-container .alignfull{
	margin-bottom: 0px!important;
}

body.single-post .entry-title{ 
  display: block!important;
  letter-spacing: 0!important; 
  font-size: 58px;
}

a:hover, a:focus{ 
  outline: none; 
  transform: none!important; 
}

button:hover, button:focus{ 
	box-shadow: none!important; 
	transform: none!important; 
}

a{ 

	outline: none; 
	text-decoration: none;  
}

.wp-block-group__inner-container p{ 
	padding-left: 0!important; 
	padding-right: 0!important; 
}

.wp-block-image{ 
	margin-bottom: 0!important; 
}

.page .site-container .wp-block-columns {
    margin-bottom: 0;
}



/* Buttons Component
---------------------------------------------------------------------------- */
.wp-block-buttons > .wp-block-button a{
	font-family: var(--bodyFont) !important;
    min-width: 220px;
    height: 50px;
    border-radius: 100px;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 10px 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
	border: 1px solid transparent;
	transition: .5s;
}

.wp-block-buttons > .wp-block-button.is-style-outline a{
	border: 1px solid currentColor;
}

.wp-block-buttons > .wp-block-button a img{
	transition: .5s;
	transform: translateX(0px);
}

.wp-block-buttons > .wp-block-button a:hover img{
	transition: .5s;
	transform: translateX(5px);
}

.wp-block-buttons > .wp-block-button a:hover{
	background: var(--color-white)!important;
	border-color: var(--color-white)!important;
	transition: .5s;
}

.wp-block-buttons > .wp-block-button.hover_gold a:hover{
	background: var(--color-gold)!important;
	border-color: var(--color-gold)!important;
}


/* Accordion Component
---------------------------------------------------------------------------- */
.accordion-group .accordion-text {
    display: none;
}

/* Home - Hero
---------------------------------------------------------------------------- */
.home_hero{ overflow: hidden;}
.home_hero h1{ padding-right: 20%;}
.home_hero p{
	padding-right: 30%;
}

.home_hero::before{
	content: '';
    position: absolute;
    inset: 0;
    /*background: url(/wp-content/uploads/2024/09/home-hero-accent.svg) no-repeat;*/
    background-size: cover;
    z-index: 1;
    background-position: bottom right;
}


/* Home - Logos
---------------------------------------------------------------------------- */
.text-banner strong{ 
	font-weight: 400;
	display: inline-block;
	padding: 0 5px;
}

.logos_wrapper { padding-top: 5px;}
.logos_wrapper .wp-block-group{ 
	gap: 50px;
}


/* Fullwidth Videos
---------------------------------------------------------------------------- */
.fullwidth_video{
	overflow: hidden;
	height: 100vh;
	position: relative;
	
}

.fullwidth_video .custom-poster{
	position: absolute;
	inset: 0;
	object-fit: cover;
	height: 100vh;
	width: 100vw;
}

.fullwidth_video::before{
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(41, 39, 39, 0.50);
	z-index: 2;
}
.fullwidth_video.pausing::after {
    /* content: url('https://devzoime.wpengine.com/wp-content/uploads/2024/09/movement_1-1.webp');
    position: absolute;
    inset: 0;
    z-index: 1; */
}
.fullwidth_video.playing .custom-poster{
	opacity: 0;
}
.fullwidth_video.playing::before{
	background: transparent;
}
.fullwidth_video h2, 
.fullwidth_video h2 a{
	letter-spacing: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin-block-end: 0px !important;
}	

.fullwidth_video h2  img{ transition: .5s; transform: scale(1); }
.fullwidth_video h2:hover img{
	transition: .5s; 
	transform: scale(1.2);
}


.fullwidth_video h2{
	position: absolute;
	inset: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	transition: 300ms;
}
.fullwidth_video video{
	min-height: 100vh;
	object-fit: cover;
}

.fullwidth_video .hide_play{
	opacity: 0!important;
	transition: 300ms;
	transition-duration: 300ms!important;
}


/* Image Text Layout 
---------------------------------------------------------------------------- */
.img_text_layout {
	padding-top: 120px;
	padding-bottom: 120px;
}

.img_text_layout img.wp-block-cover__image-background{
	object-fit: contain;
    object-position: center left;
    margin-left: -250px;
    transform: scale(1.3);
    width: 650px;
}

.img_text_layout .col_txt h3 + p{
	margin-block-end: 80px !important;
}

.follow_socials {
	padding: 10px 0 35px 0;
}

.follow_socials  p{
	margin-block-end: 0 !important;
}

.follow_socials .wp-block-group{
	gap: 10px;
}

.follow_socials img{ transition: .5s; opacity: 1; vertical-align: middle;}
.follow_socials img:hover{
	opacity: .5;
	transition: .5s;
}


/* Home - Pillars
---------------------------------------------------------------------------- */
.home_pillars{
	width: 100vw !important;
    margin-left: calc(-100vw / 2 + 100% / 2) !important;
    margin-right: calc(-100vw / 2 + 100% / 2) !important;
    max-width: 100vw !important;
    left: 0 !important;
}
/* .home_pillars.sticky { 
	padding-top: 0;
	padding-bottom: 0;
} */

.home_pillars .wp-block-columns{
	max-width: 100%!important;
}
.home_pillars .col_img{
}
.home_pillars.sticky .col_img{
	/* position: sticky; 
	top: 100px;
	height: 100%; */
}

/* .home_pillars.sticky {
    position: relative;
} */

.home_pillars .chart_label{
	color: #544D4D;
    font-size: 26px;
    line-height: 1.2;
    margin-block-end: 0px !important;
    text-align: center;
    position: absolute;
    height: 100vh;
    width: 350px;
    left: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
.pillars_svg{ 
	position: absolute;
    left: -370px;
    width: 750px;
    height: 100vh;
    top: 0;
    bottom: 0;
	transition: 300ms;
	transform: rotate(0deg);
}


.nutrition-active .pillars_svg{
	transform: rotate(-51deg);
}

.regeneration-active .pillars_svg{
	transform: rotate(-102deg);
}

.supplements-active .pillars_svg{
	transform: rotate(-155deg);
}

.aesthetics-active .pillars_svg{
	transform: rotate(-206deg);
}

.stress-active .pillars_svg{
	transform: rotate(-256deg);
}

.sleep-active .pillars_svg{
	transform: rotate(-308deg);
}

.movement-active .pillars_svg{
	transform: rotate(-359deg);
}

.pillars_svg path{
	transition: 300ms;
}
.pillars_svg path.inactive{
	opacity: 0;
	transition: 300ms;
}

/*  active  paths */
.movement-active .pillars_svg path.movement-active,
.sleep-active .pillars_svg path.sleep-active,
.stress-active .pillars_svg path.stress-active,
.aesthetics-active .pillars_svg path.aesthetics-active,
.supplements-active .pillars_svg path.supplements-active,
.regeneration-active .pillars_svg path.regeneration-active,
.nutrition-active .pillars_svg path.nutrition-active{
	opacity: 1;
}

/* pillar contents */
.home_pillars .col_txt{
	transform: translateX(-150px)!important;
	position: relative;
}
.home_pillars .title_area{
	padding-top: 18vh;
    padding-bottom: 30px;
    background: #eee5d6;
    position: fixed;
    top: 0;
    z-index: 10;
    max-width: 500px;
}
.pillar_content { 
	padding-top: 30px;
    opacity: 0;
    max-width: 500px;
    pointer-events: none;
    z-index: -100;
    transform: translateY(20px);
    background: #eee5d6;
	height: 300px;
}


.nutrition-active .content_nutrition,
.regeneration-active .content_regeneration,
.supplements-active .content_supplements,
.aesthetics-active .content_aesthetics,
.stress-active .content_stress,
.sleep-active .content_sleep,
.movement-active .content_movement{ 
	opacity: 1;
	z-index: 1;
	pointer-events: all;
	transition: 400ms;
	position: absolute;
	top: 38vh;
	transform: translateY(0); 
}

.pillar_content .wp-block-button{ display: none;}


.home_pillars .col_img .title_area{
	display: none;
}


/* Home Blog
---------------------------------------------------------------------------- */
.sec_home_blog { }
.news_item { 
	margin-bottom: 10px;
}

.news_item  p{
	margin-block-end: 0px !important;
}

.news_item  h3{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.news_item br{ display: none;}
.news_item p:empty{ display: none;}

.news_item  h3 img{
	transition: .5s;
	transform: translateX(0);
}

.news_item:hover  h3 img{
	transition: .5s;
	transform: translateX(5px);
}

.latest-news-video{ position: relative; transition: .5s;    height: 100%;}
.latest-news-video .wp-block-video{ position: relative;border-radius: 6px; height: 100%;}
.latest-news-video .wp-block-video::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(41, 39, 39, 0.00) 0%, rgba(41, 39, 39, 0.85) 100%);
	border-radius: 6px;
}
.latest-news-video .wp-block-video video{
	border-radius: 6px;
	height: 365px;
    object-fit: cover;
}

.latest-news-video .btn-play img{
	transition: .5s;
	transform: scale(1);
}
.latest-news-video:hover .btn-play img{
	transition: .5s;
	transform: scale(1.1);
}

.latest-news-video .btn-play{
	position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    justify-content: center;
	
    border-radius: 6px;
	cursor: pointer;
}

.latest-news-video .hide_play{
	opacity: 0;
	transition: .5s;
}

.latest-news-video .desc{
	position: absolute;
    bottom: 0px;
    left: 20px;
	padding-right: 20px;
}
.latest-news-video h3{
	color: var(--color-white);
}

.latest-news-video p{
	margin-block-end: 5px !important;
	color: rgba(239, 238, 231, 0.50) !important;
}

.latest-news-video p:empty{ display: none;}

.latest-news-video .wp-block-group{
	padding-top: 10px;
}

.sec_home_blog .wp-block-buttons{
	padding-top: 60px;
}



/* Pillars Page
---------------------------------------------------------------------------- */
.sec_nutrition_lists h2.title{ padding-bottom: 40px; }
.nutrition_item{ gap: 40px; position: relative;}
.nutrition_item h2,
.nutrition_item p{  
	margin-block-end: 0px !important;
}
body.page-id-99 .nutrition_item .wp-block-buttons{ /*display: none;*/}
.nutrition_item .wp-block-buttons > .wp-block-button a{
	border-color: currentColor;
}

.nutrition_item .ftrd{
	max-width: 300px;
	overflow: hidden;
	isolation: isolate;
	flex-basis: 35%;
}
.nutrition_item > .wp-block-group {
    flex-basis: 65%;
}
.nutrition_item .ftrd img{
	transition: .5s;
	transform: scale(1);
}

.nutrition_item:hover .ftrd img{
	transition: .5s;
	transform: scale(1.1);
}

.nutrition_item .wp-block-buttons > .wp-block-button a::before{
	content: '';
    position: absolute;
    inset: 0;
}


/* About Page - how it Works
---------------------------------------------------------------------------- */
body.page-id-68 .row_container{
	overflow: hidden;
}
.sec_howItWorks {
	background-size: 50%!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
}
.sec_howItWorks h2{ padding-bottom: 30px; }
.sec_howItWorks .howItWorks_nav { 
	border-bottom: 1px dashed;
    padding: 10px 0;
	position: relative;
	display: block;
	max-width: 680px;
}
.sec_howItWorks .howItWorks_nav .slick-track{ 
	transform: none!important;
	display: flex;
	justify-content: space-between;
    width: 100% !important;
}
.sec_howItWorks .slick-slide{
	outline: none;
}
.slick-track:after, .slick-track:before{
	display: none!important;
}
.sec_howItWorks .howItWorks_nav p{ 
	margin-block-end: 0px !important;
	cursor: pointer;
	width: auto!important;
}

span#under_line{
	content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 5px;
    width: 100px;
    background-color: var(--color-purple);
    transition: left 0.3s ease, width 0.3s ease;
}

.sec_howItWorks .howItWorks_content p{ 
	margin-block-end: 0px !important;
	line-height: 1.2;
	font-size: 35px!important;
}

.sec_howItWorks .tab_content{
	padding: 40px 0 30px 0;
}


/* About Page - Goal
---------------------------------------------------------------------------- */
.sec_goal .col_img figure{
	/* margin-right: -20%; */
	margin-left: auto;
    margin-right: calc(-78vw / 2 + 100% / 2);
    max-width: 45vw;
}


/* About Page - Timeline
---------------------------------------------------------------------------- */
.sec_timeline {
	overflow: hidden ;
}

.sec_timeline .col_intro{
	padding-bottom: 140px;
}

.timeline_row{
	display: block!important;
}	

.timeline_row .wp-block-group{
	padding-right: 40px;
	padding-top: 20px;
}

.timeline_row h3{
	font-weight: var(--fontWeightSmb);
	font-size: 22px!important;
}

.timeline_row .slick-list{ overflow: visible;}
.timeline_row .slick-slide::after{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
	border-top: 2px dashed;
    height: 2px;
	top: -80px;
    z-index: -1;
}

.timeline_row .slick-slide:last-child::after{
	width: 100vw;
 }

.timeline_row .slick-slide{
	position: relative;
    outline: none;
}

.timeline_row .slick-slide::before{
	content: '';
    position: absolute;
    top: -92px;
    border-radius: 100px;
    background: var(--color-purple);
    width: 24px;
    height: 24px;
    left: -2px;
}

.timeline_row .wp-block-group::before{
	content: '';
    position: absolute;
    border: 1px dashed;
    width: 2px;
    height: 50px;
    top: -75px;
    left: 9px;
    z-index: -1;
}

.timeline_row .wp-block-group::after{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: var(--color-black);
    top: -30px;
    left: 4px;
}


/* About Page - Team
---------------------------------------------------------------------------- */
.sec_team .top_col{ 
	padding-bottom: 60px;
	padding-left: 3%;
    padding-right: 2%;
}

.top_col .team_card{
	flex-basis: 270px;
}
/* .top_col .team_card:last-child{flex-basis: 305px;} */
.top_col .team_card figure,
.top_col .team_card figure img{
	max-width: 245px;
	/* width: 245px;
    height: 245px; */
}
.sec_team .team_list_wrap{ 
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}

.sec_team .team_list_wrap.five_col{
	justify-content: space-between;
}
.sec_team .five_col .team_card{
	flex-basis: 14% !important;
}

/* .sec_team .team_list_wrap.five_col:last-child{
	justify-content: center;
} */

/* .sec_team .five_col:last-child .team_card{
	flex-basis: 20% !important;
} */

.sec_team .team_list_wrap .team_card{
	flex-basis: 18%;
}

.team_card{ 
	padding-bottom: 20px;
	position: relative;
}

.team_card figure { 
	width: 100%;
}
.team_card figure img{ 
	margin-bottom: 10px; 
	width: 100%!important;
    max-width: 150px;
    object-fit: cover;
}
figure.icon_linkedin{ 
	position: absolute;
	margin-top: -75px;
    right: 17px;
	max-width: 48px!important;
}

figure.icon_linkedin img{
	max-width: 48px!important;
	height: auto !important;
}

.team_card p{ 
	margin-block-end: 0px !important;
	line-height: 1.2;
}


/* About Page - Partners
---------------------------------------------------------------------------- */
.sec_partners { }
.sec_partners h2{ max-width: 1130px; margin: auto;  padding-bottom: 30px;}
.sec_partners .partner_col{ }
.partner_col .wp-block-column{ 
	width: 25%;
    flex-basis: auto !important;
    -webkit-transition: width 500ms !important;
    -moz-transition: width 500ms !important;
    transition: width 500ms !important;
}
.partner_col .wp-block-column.active{
	-webkit-transition: width 500ms !important;
    -moz-transition: width 500ms !important;
    transition: width 500ms !important;
    width: 40%;
}
.vertical-accordion{ 
	height: 100%;
	padding: 40px 20px !important;
	/* display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; */
	position: relative;
	transition: .5s ease;
}
.vertical-accordion .logo{ 
	transition: .5s;
    position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    justify-content: center;
	align-items: center;
	padding: 10px;

}
.vertical-accordion .hover_content{ 
	width: 400px;
    position: absolute;
	/* top: 150px; */
    opacity: 0;
    transition: .5s ease;
	transform: translateY(10px);
}

.vertical-accordion .hover_content .logo{
	text-align: left;
	justify-content: flex-start;
	padding: 0;
	padding-bottom: 30px;
	opacity: 1!important;
	position: initial;
    height: auto;
    display: block;
}

.wp-block-column.active .hover_content .logo{
	opacity: 1!important;
}

.partner_col .wp-block-column.active .hover_content{
	opacity: 1;
    transition: .5s ease;
	transform: translateY(0px);
}

.partner_col .wp-block-column.active .logo{ 
	transition: .5s ease; 
	opacity: 0;
}

/* About Page Gallery
---------------------------------------------------------------------------- */
.about-gallery{  
	padding-bottom: 100px;
	padding-top: 15px;
	max-width: 1130px;
	gap: 20px;
	align-items: normal!important;
}
.about-gallery .item-center .wp-block-columns{ gap: 20px;}
.about-gallery .item-center .wp-block-columns:nth-child(1){
	padding-bottom: 20px;
}

.about-gallery .item-center{
	max-height: 400px;
	overflow: hidden;
}

.about-gallery figure,
.about-gallery figure img{
	max-height: 400px;
	height: 100%;
	object-fit: cover;
}


/* Legal Page
---------------------------------------------------------------------------- */
.legal_page{ 
	padding-top: 200px!important;
}

.legal_page h1{ padding-bottom: 20px; }
.legal_page h2{ padding-top: 10px; }


/* Contact Page
---------------------------------------------------------------------------- */
.contact_hero{
	background-size: 50%!important;
    background-position: right!important;
    background-repeat: no-repeat!important;
}
.col_contact { gap: 0px; padding-top: 100px; }

.col_title { }
.col_title p.mb-0{
	margin-block-end: 5px !important;
}

.col_contact .ftrd img{
	height: 270px;
	object-fit: cover;
}

.col_address{
	border-bottom:1px solid var(--color-black);
}
.col_address .details{
	padding: 0 0 60px;
	margin-block-start: 0;
}
.col_address .details p a{
	color: rgba(41, 39, 39, 0.60);
}
.wpforms-field-checkbox label a, .col_address p a{
	color: rgba(41, 39, 39, 0.60) !important;
}
.col_address p,
.col_address h2{     
	margin-block-end: 0px !important;
}

.col_address h2{
	padding: 20px!important;
}

.col_map iframe{ height: 100%!important;    width: 100%;}


/* Resources Page
---------------------------------------------------------------------------- */
form.search-form input{
	border: 1px solid var(--color-gold);
	background: url(/wp-content/uploads/2024/09/icon-search.svg) #fff no-repeat;
	background-position: 97% center;
	background-size: 15px;
	padding-right: 40px;
}

form.search-form input::placeholder{
	color: var(--color-black);
	opacity: .5;
}

.resources-tab{ 
	max-width: 415px;
	display: flex;
	justify-content: space-between;
	margin-left: 0!important;
	margin-right: auto!important;
	border-bottom: 1px dashed;
	padding-bottom: 3px;
	margin-block-end: 15px !important;
}

.resources-tab p{
	margin-block-end: 0px !important;
	position: relative;
}

.resource-group { }
.resource-group h2{ margin-block-end: 0px !important;}
.resource-group p.date{ margin-block-end: 30px !important;}
.resource-group p{ margin-block-end: 0px !important; }
.resources-tab p.active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: var(--color-purple);
    transition: left 0.3s ease, width 0.3s ease;
}
.resource-group .wp-block-button a{
	border: 1px solid;
}

.resource-group  .text-content{
	padding-right: 10%;
}

.resource-group .wp-block-button:hover a{
	filter: invert(1);
}

.no-results-text{display: none;}


.featured-resources{ padding-bottom: 30px; gap: 40px; }
.resources-card{ }
.resources-card h2{  margin-block-end: 0px !important;}
.resources-card p{  margin-block-end: 15px !important;}



/* Single Post Page
---------------------------------------------------------------------------- */
body.single-post{
	background: #F8F5EF;
}
.single_hero { margin-bottom: 0 !important; }
.single_hero h1{ 
	line-height: 1;
	margin-block-end: 0 !important;

}
.publish-date{ padding-top: 5px!important; pointer-events: none; }
.publish-date p {
    margin-block-end: 0 !important;
}

/* .single .share-btn a {
    border: 1px solid;
} */

.single .share-icons figure img{ transition: .3s; }
.single .share-icons figure:hover img {
    opacity: .8;
	transition: .3s;
}

/* .share-group .share-icons {
    display: none;
}

.share-group .share-buttons,
.share-group .share-icons {
    display: none;
}
.share-group .share-buttons.active,
.share-group .share-icons.active {
    display: inline-flex;
} */


.share-group .share-icons{ display: inline-flex; gap: 12px; padding-bottom: 32px;}
.share-group p:empty{ display: none;}
.share_label{
	margin-block-end: 0 !important;
	font-weight: 500;
	display: block;
	font-size: 16px;
}

.share-group .copied-info{
	position: relative;
	top: 1px;
	padding-left: 3px;
}

.single_hero .taxonomy-category{
	padding: 30px 0!important;
	font-weight: 500;
}

.single_hero .taxonomy-category a{
	position: relative;
	text-decoration: none!important;
}

.single_hero .taxonomy-category a::before{
	content: '';
	height: 1px;
	width: 100%;
	background: var(--color-purple);
	position: absolute;
	bottom: 0;
}

.single_hero .taxonomy-category .wp-block-post-terms__separator{ 
	display: inline-block;
    padding-right: 5px;
}

.taxonomy-category a {
    pointer-events: none !important;
}


/* Related artcles */
.related_articles .related_articles_lists { 
	display: grid;
    grid-template-columns: 1fr 1fr;
}


/* single post content */
body.single .entry-content {
	padding-bottom: 80px;
    padding-left: 10%;
    padding-right: 10%;
    /* max-width: calc(1000px + 20%); */
    margin: auto;
}

body.single .entry-content *{
	max-width: 1000px;
}

body.single blockquote{
	background: rgb(216 226 229 / 80%);
    border-radius: 6px;
    padding: 40px 75px !important;
    font-family: var(--bodyFont);
    margin: 60px 0px;
    max-width: 1140px !important;

}

body.single blockquote p{ 
	font-style: normal;
    font-size: 20px;
    line-height: 1.4;
    font-family: var(--bodyFont);
    font-weight: 400;
    letter-spacing: 0.48px;
    opacity: .8;
	margin-block-end: 10px !important;
	max-width: 100% !important;
}
body.single blockquote cite{
	color: #292727;
	opacity: .5;
	font-size: 16px;
}

.references-group{ 
	max-width: 1140px !important;    
	margin: auto !important; 
	padding: 0;
}
.references-group hr{ 
	margin-bottom: 40px !important;
    max-width: 1140px !important;
}
.references-group p{
	margin-block-end: 0px !important;
}

.quote_sec p{ 
	margin-block-end: 5px !important;
    line-height: 1.4;
}

.quote_sec .wp-block-group{ }
.single-reference-group{ position: relative;}
.single-reference-group figure{ transition: .5s; transform: translateX(0); }
.single-reference-group:hover figure{ 
	transition: .5s; transform: translateX(10px);
}

.related_articles_lists p:empty{ display: none;}

/* Blog Page
---------------------------------------------------------------------------- */
/*close button animation*/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
  width:30px;
  top: -85px!important;
  right: 25px!important;
}

.mfp-close {
	font-size:0px!important;
	opacity: 1!important;
	background: var(--color-white)!important;
	border-radius: 0;
	margin-right: -44px;
	margin-top: 64px;
	border-left: none!important;
	border: none!important;
	border-radius: 32px;
	width: 44px!important;
}
.mfp-close:before, .mfp-close:after {
	transform: rotate(-45deg);
	content: "";
	position: absolute;
	top: 47%;
	left: 50%;
	margin-left: -12px;
	display: block;
	height: 2.3px;
	width: 25px;
	background-color: var(--color-black);
	transition: all 0.25s ease-out;
}

.mfp-close:after { transform: rotate(-135deg); }
.mfp-close:hover:before,
.mfp-close:hover:after {
    transform: rotate(0deg);
}


/* .news_card_lists { padding-top: 100px;} */
.blog-tab{ 
	max-width: 440px;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px dashed;
    margin-bottom: 40px;
    padding-bottom: 8px;
    margin-top: 40px;
}

.blog-tab p{ margin-block-end: 0 !important; position: relative;}
.blog-tab p.active:after{
	content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: var(--color-purple);
    transition: left 0.3s ease, width 0.3s ease;
}

.blog-gallery{
	display: grid!important;
    grid-template-columns: 1fr 1fr;
}
.blog-card{
	position: relative;
	padding: 24px!important;
	border-radius: 6px;
	overflow: hidden;
	isolation: isolate;
	display: none;
    flex-direction: column;
    justify-content: flex-end;
	width: 100%;
}
.blog-card.active{display: flex;}
.blog-card::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(41, 39, 39, 0.00) 0%, rgba(41, 39, 39, 0.85) 100%);
}

.blog-card *{
	z-index: 1;
}

.blog-card p{
	margin-block-end: 0px !important;
	padding-right: 35px;
	max-width: 450px;
}

.blog-card figure.btn_play{
	position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.blog-card figure.btn_play img{
	transition: .5s;
	transform: scale(1);
}

.blog-card:hover figure.btn_play img{
	transition: .5s;
	transform: scale(1.3);
}

.blog-card figure.icon-arrow{
	position: absolute;
	right: 30px;
	transition: .5s;
	transform: translateX(0px);
}

.blog-card:hover figure.icon-arrow{
	transition: .5s;
	transform: translateX(10px);
}

.news_card_lists .wp-block-buttons{ padding-top: 40px;}
.news_card_lists .blog-load-more a{
	justify-content: center;
	border: 1px solid;
	min-width: auto;
    padding: 10px 28px !important;
	transition: .5s;
}

.news_card_lists .blog-load-more a:hover{
	transition: .5s;
	background: var(--color-purple)!important;
	border-color: var(--color-purple)!important;
}


.custom_lists{ padding: 0;}
.custom_lists li{ 
	position: relative;
    padding-left: 20px;
    list-style-type: none !important;
    display: flex;
    align-items: center;
}
.custom_lists li::before{
	content: '';
	position: absolute;
	left: 0;
	background: url(/wp-content/uploads/2024/09/custom-list.svg)no-repeat;
	background-position: center;
	background-size: 10px;
    width: 10px;
    height: 10px;
}


p.no-post-found {
    display: none;
}

/*Accordion
---------------------------------------------------------------------------- */
.accordion-group .accordion-title {
	cursor: pointer;
	margin-block-end: 0px !important;
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 20px!important;
	gap: 25px;
    line-height: 1.4;
}
.accordion-group .accordion-title img {
    float: right;
}
.accordion-group.active .accordion-title img {
	content: url('/wp-content/uploads/2024/09/minus.svg');
}
.accordion-group .accordion-text {
    display: none;
	padding: 25px;
    background: #F3F6F6;
    margin-top: 20px;
}

.accordion-group .accordion-text p{
	margin-block-end: 0px !important;
}

.accordion-group{
	padding: 30px 0;
    border-bottom: 1px solid;
}
.sec_faq{ padding-bottom: 100px!important; padding-top: 0!important;}
.sec_faq h2{ padding-bottom: 45px;}
.sec_faq .main_group .accordion-group:nth-child(1){ 
	border-top: 1px solid;
}

.featured-resources + .wp-block-spacer{ display: none;}



/* Pillars  Subpages - Hero
--------------------------------------------------------------------------- */
.pillars_subpage_hero{ 
	/* min-height: 810px;  */
	height: 100vh;
	padding-top: 1em!important;
}

.admin-bar .pillars_subpage_hero{ height: calc(100vh - 32px);}
.pillars_subpage_hero h1{  margin-block-end: 10px !important;}
.pillars_subpage_hero p.label{
	margin-block-end: -10px !important;
}

.pillars_subpage_hero p{
	margin-block-end: 15px !important;
	max-width: 550px;
}

.pillars_subpage_hero .hero_partner_logo{ 
	position: absolute;
	right: 20px;
	bottom: 30px;
}

.pillars_subpage_hero img.wp-block-cover__image-background {
	transform: scale(1.3);
    transition: 3s;
    transform-origin: center center;
    transform-box: border-box;
	opacity: 0;
}

.page_loaded .pillars_subpage_hero img.wp-block-cover__image-background{
	transform: scale(1);
    transition: 3s;
	opacity: 1;
}


/* Pillars  Subpages - Sticky Slider
---------------------------------------------------------------------------- */
.sticky_slider { overflow: hidden; margin-top: -38px; }
.sticky_slider .wp-block-columns{
	align-items: center!important;
}
.sticky_slider .col_video{ padding-left: 10%;}
.sticky_slider .col_video .video-group{
	position: relative;
	margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 50vw;
}

.video-group .wp-block-video{
/* 	height: 750px!important; */
	height: 100%;
	/* min-height: 500px; */
}

.video-group ,
.video-group .wp-block-video,
.video-group .wp-block-video video{
	height: 100%;
	object-fit: cover;
}

.video-group .wp-block-video video{
	width: 100%;
}
.text-btn-overlay{ 
	/* align-items: flex-start; */
	position: absolute;
	inset: 0;
	background: rgba(41, 39, 39, 0.50);
	z-index: 1;
	padding-right: 0%;
	cursor: pointer;
	height: calc(100% - 8px);
}

body.page-id-340 .text-btn-overlay{ height: 100%;}

.text-btn-overlay h2{
	letter-spacing: 6.6px;
	margin-block-end: 0px !important;
}

.side-nav{ 
	position: sticky;
    top: 0px;
    transform: rotate(-90deg) translateX(-49%);
    z-index: 1;
    max-width: 100vh;
    margin-left: -53vh !important;
    flex-direction: row-reverse;
    transition: .5s;
    justify-content: space-evenly;
}

.side-nav p{
	margin-block-end: 0px !important;
	font-size: 16px!important;
	position: relative;
	display: flex;
	align-items: center;
	transition: .5s;
}

.side-nav p::before{
	content: '';
    height: 1px;
    position: absolute;
    border: 1px dashed;
	width: 100px;
    left: -11.5vh;
}
.side-nav p{ 
	max-width: 100px;
    line-height: 1.2;
    text-align: center;
}

.side-nav p:nth-child(4)::before{
	display: none;
}

.side-nav p.active,
.side-nav p.active a{
	color: var(--color-black)!important;
	transition: .5s;
}



/* Pillars  Subpages - Assesments andDiagnostics
---------------------------------------------------------------------------- */
.row_cards { 
	padding-top: 20px;
	justify-content: space-between;
    align-items: flex-start;
}
.row_cards .nutrition-card{ 
	height: 100%;
	flex-basis: 32%;
}
.row_cards .nutrition-card p{ 
	margin-block-end: 5px !important;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 600;
    font-size: 20px !important;
}

.row_cards .nutrition-card p + p{
	line-height: 1.2;
	margin-block-end: 0px !important;
	font-weight: 400;
    font-size: 16px !important;
	text-transform: initial;
}


.row_cards_7 .nutrition-card:nth-child(n+4){
	flex-basis: 23.5%;
}

.row_cards.is-content-justification-center{ justify-content: center;}


/* Pillars  Subpages - Our Programs
---------------------------------------------------------------------------- */
.sec_programs .row_title { padding-bottom: 40px; }
.program_row { padding-bottom: 20px; gap: 20px;}
.program_card {
	position: relative;
	padding: 20px !important;
	transition-property: all;
	transition-duration: .5s;
	cursor: pointer;
    border-radius: 6px !important;
}

.program_card *{ position: relative;}
.program_row {
    align-items: flex-start;
    flex-wrap: wrap;
	align-items: stretch;
}

.program_row .program_card {
    flex-basis: 32%;
	display: flex;
    align-items: flex-start;
    flex-direction: column;
	margin-bottom: 20px;
}

.program_card .program_content {
    overflow-y: hidden;
    max-height: 0;
    transition: .5s;
    position: relative;
    background: #FFFDCB;
    z-index: 1;
    left: 0;
    border-radius: 6px;
	opacity: 0;
}
.program_card .program_content p{ padding-top: 20px;}
.program_card:hover .program_content p {
	color:#292727CC!important;
}

.program_row .program_card.initial .program_content{
	position: initial;
	padding: 0;
}
.program_row .program_card h2 img {
	border: 1px solid #292727;
	padding: 8px;
	border-radius: 50%;
	width: 33px !important;
	height: 33px;
}
.program_row .program_card:hover h2 img {
	content: url('/wp-content/uploads/2024/09/minus.svg');
}

.program_card h2{ 
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
    margin-block-end: 0 !important;
    width: 100%;
}
.program_card:hover h2{ 
	color:#292727 !important;
}
.program_card p{ 
	font-size: 20px!important;
	margin-block-end: 15px !important;
}


/* Pillars  Subpages - Partners
---------------------------------------------------------------------------- */
.overflow_hidden{ overflow: hidden;}
.pillars_partner { padding-bottom: 0!important;}
.pillars_partner  .col_txt p{
	max-width: 80%;
}
.partner_desc_card { }
.partner_desc_card h2{ 
	padding-top: 20px;
	margin-block-end: 10px !important;
}
.partner_desc_card p{ 
	margin-block-end: 10px !important;
}
.partner_desc_card .wp-block-buttons{ padding-top: 10px;}
.pillar_partner_slider { 
	padding-bottom: 60px;
	padding-top: 70px;
	display: inline-block;
	max-width: 100%;
}
.nutrition_carousel{ display: none!important;}
.nutrition_carousel.slick-initialized{ display: block!important;}
.nutrition_carousel .slick-list { 
	overflow: visible;
}

.nutrition_carousel .slick-slide{
	padding: 0 15px;
	outline: none;
}

.nutrition_carousel .slick-slide img{
	width: 100%;
    height: 307px;
	object-fit: cover;
}


/* Pillars  Subpages - FAQ
---------------------------------------------------------------------------- */
.sec_faq.halfwidth .accordion-group{ 
	max-width: 75%;
	margin-left: 0!important;
}


/* Pillars Videos
---------------------------------------------------------------------------- */
.text-btn-overlay{
	transition: 300ms;
}
.text-btn-overlay.hide_play{
	opacity: 0!important;
	transition: 300ms;
	transition-duration: 300ms!important;
	background: transparent;
}


/* Book Consultation
---------------------------------------------------------------------------- */
#book-consultation {
    max-width: 620px;
    padding: 0;
    margin: 0 auto;
}
#book-consultation #wpforms-481 {
    margin: 0;
}
#book-consultation #wpforms-481 .wpforms-title {
    color: #EFEEE7;
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 20px;
}
#book-consultation #wpforms-481 .wpforms-description {
    color: #EFEEE7;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
#book-consultation #wpforms-481  .wpforms-head-container {
    padding-bottom: 30px;
}
#book-consultation #wpforms-481 .wpforms-field-name,
#book-consultation #wpforms-481 .wpforms-field-text,
#book-consultation #wpforms-481 .wpforms-field-email,
#book-consultation #wpforms-481 .wpforms-field-phone {
    padding: 0 0 20px;
}
#wpforms-481-field_8-container .wpforms-field-label-inline a {
    color: #CBA873 !important;
}
#book-consultation button.mfp-close {
    right: 24px;
    top: 0;
    background: transparent !important;
    color: #fff;
    border: 1px solid #fff !important;
    width: 35px !important;
    height: 35px !important;
    margin-top: 24px;
}
#book-consultation button.mfp-close:before,#book-consultation button.mfp-close:after {
    background-color: #fff;
    width: 16px;
    margin-left: 0;
    left: 9px;
    height: 1px;
    border-radius: 100px;
	top: 49%;
}


.mfp-content .wpforms-container .wpforms-field-label, 
.mfp-content .wp-core-ui div.wpforms-container .wpforms-field-label{
	margin-bottom: 10px !important;
    font-size: 16px !important;
	font-weight: 500!important;
}

.mfp-content div.wpforms-container-full .wpforms-form label.wpforms-error, 
.mfp-content div.wpforms-container-full .wpforms-form em.wpforms-error{
	margin-top: 5px!important;
}

.mfp-content .wpforms-container .wpforms-field{ 
	padding-top: 0;
}




/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 992px) {
	/* .sticky_slider .col_video .video-group{
		margin-right: calc(-91vw / 2 + 100% / 2);
	} */

	.program_card:hover .program_content {
		max-height: 386px;
		opacity: 1;
	}
}

@media only screen and (max-height: 1100px) {

	.side-nav{ 
		transform: rotate(-90deg) translateX(-49%);
		max-width: 100vh;
		margin-left: -53vh !important;
	}
	
	.side-nav p::before{ width: 70px; left: -11vh;}
}

@media only screen and (max-height: 800px) {
	.home_pillars.sticky .col_img{ top: 50px;}
	.pillars_svg{
		left: -275px;
		width: 600px;
	}

}

@media only screen and (max-width: 1780px) {

	/* Home - Hero
	------------------------ */
	.home_hero::before{
		top: -13%;
    	right: -10%;
	}

	/* About Page - Partners
	------------------------ */
	.partner_col .wp-block-column.active{ width: 50%;}

	
	/* Pillars Subpage
	------------------------ */
	.sticky_slider .col_video .video-group{ max-width: 60vw;}
	.sticky_slider .col_video{ padding-left: 0%;}
	.sticky_slider .wp-block-columns .wp-block-column:nth-child(1){ 
		padding-right: 40px;
	}
	
}

@media only screen and (max-width: 1580px) {

	/* Home - Hero
	------------------------ */
	.home_hero::before{
		top: -23%;
    	right: -20%;
	}
	

	/* About Page - Partners
	------------------------ */
	.vertical-accordion .hover_content,
	.partner_col .wp-block-column.active .logo{
		width: 350px;
	}

	.vertical-accordion{ min-height: 590px!important;}


	/* About Page - Goal
	------------------------ */
	.sec_goal .col_img figure{
		margin-right: calc(-67vw / 2 + 100% / 2);
	}

	.timeline_row .slick-list{ padding-right: 10%;}


	/* Single Posts
	------------------------ */
	body.single blockquote{  padding: 40px 6% !important;}


}

@media only screen and (max-width: 1380px) {
	html{
		font-size: 0.8rem;
	}

	
	/* Home News
	---------------------- */
	.latest-news-video .wp-block-video video,
	.latest-news-video .btn-play{
		height: 305px;
	}

	.pillar_content.cloned{ top: 290px;}


	/* Contact
	---------------------- */
	.contact_hero{
		background-size: 65% !important;
		background-position: 115% !important;
		background-repeat: no-repeat !important;
	}


	/* About
	---------------------- */
	.vertical-accordion .hover_content,
	.partner_col .wp-block-column.active .logo{
		width: 300px;
	}


	/* Single Posts
	------------------------ */
	body.single .entry-content *{ max-width: 900px;}
	body.single blockquote{  padding: 40px 9% !important;}


	/* Pillars  Subpages  - Diagnostics
	------------------------ */
	.row_cards .nutrition-card p br{ display: none;}

	


}

@media only screen and (max-width: 1280px) {

	/* About Page - Partners
	------------------------ */
	.partner_col .wp-block-column.active{ width: 50%;}

	.timeline_row .slick-list{ padding-right: 15%;}


	/* Home - Pillars
	------------------------ */
	.home_pillars .col_txt{ transform: translateX(-50px) !important;}


	/* Pillars Subpages 
	------------------------ */
	.sec_faq.halfwidth .accordion-group{ max-width: 100%;}

	
	.program_row { justify-content: space-around;}
	.program_row .program_card{ flex-basis: 31.5%;}
	
	
}

@media only screen and (max-width: 1180px) {

	/* Logos Section
	---------------------- */
	.logos_wrapper .wp-block-group{
		gap: 0px;
    	justify-content: center;
		text-align: center;
		padding: 0 30px;
	}

	.logos_wrapper .wp-block-group img{
		width: 90%;
	}

	/* About Page - How it works
	------------------------ */
	.sec_howItWorks{  background-size: 60% !important;}
	.sec_howItWorks .howItWorks_content p{ font-size: 30px !important;}


	/* About Page - Partners
	------------------------ */
	.partner_col .wp-block-column.active{ width: 66%;}
	.vertical-accordion .hover_content, .partner_col .wp-block-column.active .logo{
		width: 280px;
	}


	/* About Page - Team
	------------------------ */
	.sec_team .team_list_wrap{ grid-template-columns: repeat(4, 1fr);}


	/* Single Posts
	------------------------ */
	body.single .entry-content *{ max-width: 1000px;}
	body.single blockquote{  padding: 40px 5% !important;}


	/* Blog page
	------------------------ */
	.latest-news-video .wp-block-video video, .latest-news-video .btn-play{
		height: 320px;
	}
	

}

@media only screen and (max-width: 991px) {

	/* Containers
	---------------------- */
	.row_container,
	body.single .entry-content{
		padding-left: 20px!important;
		padding-right: 20px!important;
		overflow: hidden;
	}

	.row_container.px-0{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}


	/* font sizes
	---------------------- */

	.nutrition_item h2{
		font-size: 28px!important;
	}

	.img_text_layout .col_txt h3,
	.sec_home_blog h2,
	body.single h3 {
		font-size: 20px!important;
	}

	.news_item h3,
	.latest-news-video h3,
	.sec_timeline .col_intro p{
		font-size: 18px!important;
	}

	.home_hero p,
	.title_text_layout .col_txt p,
	.img_text_layout .col_txt h3 + p,
	.latest-news-video p,
	.news_item p,
	.sec_logos  p,
	.nutrition_item p,
	.subpage_hero p,
	.sec_howItWorks .howItWorks_nav p,
	.sec_goal  p,
	.timeline_row .wp-block-group p,
	.vertical-accordion .hover_content p,
	.contact_hero p,
	.contact_content .col_title p,
	.col_address p,
	body.single p,
	body.single li,
	.single_hero .taxonomy-category,
	.single_hero time,
	.pillars_subpage_hero h1 + p,
	.sticky_slider p,
	.row_title p,
	.pillars_partner .col_txt p,
	.partner_desc_card p,
	.program_card p{
		font-size: 16px!important;
	}


	/* Header
	---------------------- */
	header .header_wrap{ 
		padding-left: 30px !important;
		padding-right: 10px !important;
	}


	/* Footer
	---------------------- */
	footer .footer_wrap { 
		padding-bottom: 15px!important;
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	footer .main_col { display: block;}
	footer .main_col .col_left{ padding-bottom: 40px;}


	/* Home - Hero
	------------------------ */
	.home_hero{
		min-height: 800px!important;
	}
	.home_hero::before{
		top: 0;
        right: -40%;
	}
	

	/* Nutrition page
	---------------------- */
	.nutrition_item{ gap: 20px;}
	.nutrition_item .ftrd{ max-width: 235px;}


	/* About Page - Goal
	------------------------ */
	.sec_goal .col_img figure{ 
		margin-right: calc(-53vw / 2 + 100% / 2);
	}


	/* About page - partners
	---------------------- */
	.sec_partners .partner_col{ display: block; }
	.partner_col .wp-block-column.active,
	.partner_col .wp-block-column{
		width: 100%;
	}

	.partner_col .wp-block-column .vertical-accordion{
		min-height: 150px!important;
	}

	.partner_col .wp-block-column.active .vertical-accordion{
		min-height: 400px!important;
	}
	.vertical-accordion .hover_content, .partner_col .wp-block-column.active .logo{
		width: 90%;
	}


	/* About page - How it works
	---------------------- */
	.sec_howItWorks,
	.sec_timeline  {
		padding-top: 100px!important;
		padding-bottom: 100px!important;
	}

	.sec_howItWorks .howItWorks_nav{ max-width: 493px;}


	/* Home - Pillars
	------------------------ */

	.pillars_svg{ width: 670px; left: -370px;}
	.home_pillars .chart_label{
		font-size: 21px;
		left: -70px;
	}


	/* Contact
	---------------------- */
	.contact_hero{
		padding-top: 180px !important;
        padding-bottom: 70px !important;
		background-size: 80% !important;
        background-position: 160% !important;
	}


	/* About - Team
	---------------------- */
	.sec_team .team_list_wrap.five_col{ justify-content: center;}

	.sec_team .five_col .team_card{
		flex-basis: 23% !important;
	}

	.sec_team .five_col .team_card{
		flex-basis: 24% !important;
	}


	/* Blog - page
	---------------------- */
	.sec_blog {  
		padding-top: 60px!important;
		padding-bottom: 60px!important;
	}

	.news_card_lists{ padding-top: 60px;}


	/* Single Posts
	---------------------- */
	.quote_sec .wp-block-group{ padding: 40px!important; }


	/* Modal
	---------------------- */
	.mfp-iframe-holder .mfp-content{ max-width: 90%!important;}
	.mfp-close{ 
		width: 35px !important;
    	height: 35px!important;
	}

	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ right: 35px !important;}


	/* Single posts
	---------------------- */
	body.single blockquote{ padding: 30px !important; margin: 40px 0; }


	/* Pillars Subpages 
	------------------------ */
	.side-nav{ display: none!important;}

	.pillars_subpage_hero{ min-height: 600px;  height: 100%;}
	.pillars_subpage_hero .hero_partner_logo{ right: 3%;}

	.program_row .program_card h2 img{ width: 25px !important; height: 25px;}
	.program_row .program_card.active .program_content {
		max-height: 386px;
		opacity: 1;
	}

	.sticky_slider .col_video .video-group{ max-width: 65vw;}
	.row_cards .nutrition-card p{ font-size: 17px !important;}

	.row_cards .nutrition-card{ flex-basis: 31.5%;}
	.row_cards_7 .nutrition-card:nth-child(n+4){ flex-basis: 23%;}
	
	.pillars_partner .wp-block-columns .wp-block-column:nth-child(1){
		flex-basis: 60%!important;
	}

	.pillars_partner .wp-block-columns .wp-block-column:nth-child(2){
		flex-basis: 40%!important;
	}
	.pillars_partner .col_txt p{ max-width: 100%;}

	.nutrition_carousel .slick-list{ padding: 0 50px;}

	.next_pillar  .nutrition_item .ftrd{ 
		flex-basis: 50%;
		max-width: 280px;
	}

	/* .video-group .wp-block-video{
		height: 380px !important;
        min-height: 350px;
	} */
	
	.sticky_slider .col_video{ padding-left: 0px; }

	.sticky_slider .wp-block-columns{ display: block;}
	.sticky_slider .col_video .video-group{ max-width: 100%;}
	.sticky_slider .col_video { padding-top: 30px;}


	/* About - Timeline
	------------------------ */
	.timeline_row .slick-list{ padding-right: 0;}
	.timeline_row { margin-right: -30px !important; }

}

@media only screen and (max-width: 781px) {

	/* Header Menu
	---------------------- */

	.wp-block-site-logo img{
		max-width: 100px;
	}

	/*hamburger starts*/
	.hamburger {
		padding:0px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: .3s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		line-height: 1;
		margin: 0;
		overflow: visible; 
		background: transparent!important;
		outline: none;
		width: auto;
		border: none;
		position: absolute;
		right: 20px;
		margin-top: 15px;
	}
	.hamburger.activated{
		background: transparent!important;
	}
	.hamburger-label{
		color: var(--color-black);
	}

	.hamburger-box {
		width: 40px;
		height: 40px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		opacity: 1;
		transition: .3s;
		transform: translateY(-1px);
		display: none;
	}

	.hamburger-box .top,
	.hamburger-box .middle,
	.hamburger-box .bottom{
		width: 20px;
		height: 3px;
		background-color: var(--color-white);
		position: absolute;
		transition-property: transform;
		transition-duration: .3s;
		transition-timing-function: ease;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		left: 10px;
		border-radius: 35px;
	}

	.hamburger-box .top{
		display: block;
		top: 32%;
		width: 10px;
		left: auto;
		right: 10px;
	}

	.hamburger-box .middle{
		top: 21px;
		width: 15px;
		left: auto;
		right: 10px;
	}

	.hamburger-box .bottom{
		top: 29px;
		width: 20px;
	}

	.activated .hamburger-box .top{
		transform: rotatez(45deg) translate(5px,4px);
		width: 20px;
	}

	.activated .hamburger-box .middle{ opacity:0; transform: translate(0px,-1px) rotatez(0deg);}

	.activated .hamburger-box .bottom{ transform: rotatez(-45deg) translate(7px,-7px); left:10px; width:20px; }
	.activated .hamburger-box .bottom{ right:auto; width:20px; }

	/*hamburger ends*/


	.wp-block-navigation__responsive-container-open svg{ opacity: 0;}

	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open),
	.header-top-right-contact, .header-bottom-right-nav,
	.wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open){
		display: block!important;
		top: 110px;
		padding: 20px 50px;
		outline: none;
		transition: 300ms;
		transform: translateY(5%);
		opacity: 0;
		pointer-events: none;
		position: fixed;
	}
	.dropdown_activated{
		background: #fff;
		transition: 300ms;
		position: fixed !important;
		height: 100%;
		width: 100%;
        z-index: 999;
	}

	.admin-bar header .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open){ top: 143px;}
	.menu_toggle.activated + .wp-block-navigation__responsive-container{
		transition: 300ms;
		transform: translateY(0)!important;
		opacity: 1!important;
		pointer-events: all!important;
	}

	header{ top: 0;}
	header .wp-block-navigation ul{ display: block;}

	.dropdown_activated ul li a{ color: #000!important;}
	.dropdown_activated  .wp-block-site-logo{ filter: none;}

	.wp-block-navigation__responsive-container-open{ display: none!important;}
	header .wp-block-navigation__responsive-container-content{ display: block!important;}
	header   ul.for_mobile{ display: block!important;}

	header .wp-block-navigation .wp-block-navigation-item{
		margin-bottom: 15px;
	}

	/* header contact  */
	header .header_wrap > .wp-block-group > .wp-block-group{
		flex-direction: column;
    	gap: 18px;
	}

	header .header_wrap > .wp-block-group figure::before{
		width: 100%;
		height: 1px;
		right: 0;
		top: 38px;
	}

	.header-right-group{
		padding: 10px 12px 15px 12px !important;
    	margin-top: 0px;
		border-radius: 6px!important;
		bottom: auto;
        position: fixed;
        z-index: 1;
        top: auto;
        right: 15px;
		bottom: 15px;
	}

/* 	body.home .header-right-group{
		top: 660px;
	} */

	.dropdown_activated .header-right-group{
		opacity: 0;
	}

	header .header_wrap{ padding-top: 20px!important; padding-bottom: 20px!important;}
	

	/* submenu */
	header li.wp-block-navigation-submenu{ display: block!important;}
	header .wp-block-navigation li{ padding: 0px;}
	header .wp-block-navigation li.wp-block-navigation-submenu button{ 
		padding: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 0px;
        width: 70px;
        height: 30px;
        text-align: right;
	}
	
	header .wp-block-navigation li.wp-block-navigation-submenu:hover button{
		transform: rotate(0deg)!important;
	}
	
	header .wp-block-navigation li.wp-block-navigation-submenu button svg{
		transition: .3s;
    	transform: rotate(0deg)!important;
		width: 15px;
	}

	header.submenu_active .wp-block-navigation li.wp-block-navigation-submenu button svg{
		transition: .3s;
    	transform: rotate(180deg)!important;
	}

	header ul.wp-block-navigation-submenu{ 
		display: block!important;
		position: relative!important;
		right: 0!important;
		left: 0!important;
		top: 12px!important;
		max-height: 0;
		transition: .3s!important;
		opacity: 0!important;
		padding: 0;
	}

	header.submenu_active ul.wp-block-navigation-submenu{ 
		display: block!important;
		max-height: 320px;
		transition: .3s!important;
		opacity: 1!important;
		padding: 25px 20px 20px 20px;
        margin-bottom: 30px;
	}
	
	header .wp-block-navigation ul.wp-block-navigation-submenu li{ 
		display: block !important;
		margin: 0;
        padding-bottom: 15px;
		background: transparent;
	}


	/*Home Hero
	---------------------- */
	.home_hero{
		align-items: flex-end;
    	padding-bottom: 80px;
		min-height: 100vh!important;
	}
	.home_hero p br{ display: none;}
	

	.home_hero h1{ padding-right: 0;}
	.home_hero p{ padding-right: 70px;}

	.home_hero .wp-block-cover__image-background{
		object-position: 80% !important;
	}


	/* Title Text Layout
	---------------------- */
	.title_text_layout{ 
		padding-top: 80px!important;
		padding-bottom: 80px!important;
	}

	.title_text_layout .col_txt{
		padding-top: 30px;
	}


	/* Fullwidth video
	---------------------- */
	.fullwidth_video{ height: auto;}
	.fullwidth_video video{ 
		min-height: 600px!important;
	}
	.fullwidth_video .custom-poster{ height: 600px;}

	/* Home Pillars
	---------------------- */
	
	.pin-spacer{ width: 100%!important;}
	.home_pillars .wp-block-columns{
		flex-wrap: nowrap!important;
	}

	.home_pillars .chart_label{ font-size: 18px; left: -95px;}
	.pillars_svg{ width: 630px;}
	.nutrition-active .content_nutrition, 
	.regeneration-active .content_regeneration, 
	.supplements-active .content_supplements, 
	.aesthetics-active .content_aesthetics, 
	.stress-active .content_stress, 
	.sleep-active .content_sleep, 
	.movement-active .content_movement{
		top: 42vh;
	}


	/* Home News
	---------------------- */
	.sec_home_blog{ margin-top: -1px;}
	.news_item *{
		max-width: 100%!important;
	}


	/* Prefooter Contact
	---------------------- */
	.prefooter_contact {
		background-size: cover!important;
		background-position: center!important;
	}


	/* Subpage Hero
	---------------------- */
	.subpage_hero{ height: 540px;}


	/* Nutrition page
	---------------------- */
	.nutrition_item{ padding-right: 25px!important;}
	.nutrition_item h2{ font-size: 28px !important;  margin-bottom: 10px !important;}
	
	.nutrition_item{ 
		display: block!important;
		padding-right: 0!important;
	}

	.nutrition_item .ftrd{
		max-width: 100%;
		width: 100%;
	}

	.nutrition_item .ftrd img{
		width: 100% !important;
        object-fit: cover !important;
	}

	.nutrition_item .wp-block-group{ display: block;}
	.nutrition_item .ftrd + .wp-block-group{
		padding: 20px;
	}

	.nutrition_item .wp-block-buttons{
		padding: 0 20px 20px 20px;
	}
	
	body.page-id-99 .nutrition_item .wp-block-buttons{
		padding: 20px 0 0 0;
	}
	
	body.page-id-99 .nutrition_item .wp-block-buttons .wp-block-button{
		width:100%;
	}

	/* About page - How it works
	---------------------- */
	.sec_howItWorks,
	.sec_goal,
	.sec_timeline,
	.sec_team,
	.sec_partners { 
		padding-top: 80px!important; 
		padding-bottom: 80px!important;
	}

	.sec_goal .col_txt{ padding-bottom: 30px;}
	.sec_howItWorks{ background-position: 120% bottom !important;}
	.sec_howItWorks .howItWorks_nav .slick-track{ width: 100%!important; justify-content: space-between; gap: initial;}
	.sec_howItWorks{  background-size: 50% !important;}


	/* About Page - Goal
	------------------------ */
	.sec_goal .col_img figure{ 
		margin-right: 0;
		max-width: 100vw;
	}


	/* About page - Team
	---------------------- */
	.sec_team .top_col{ 
		padding-left: 0%;
		padding-right: 0%;
	}
	.sec_team .team_list_wrap{ 
		justify-content: flex-start;
	}

	.sec_team .team_list_wrap .team_card{
		flex-basis: 30%;
	}

	.sec_team .five_col .team_card{
		flex-basis: 30% !important;
	}

	.sec_team .top_col .wp-block-group{ 
		justify-content: flex-start;
		gap: 40px;
	}

	/* about gallery */
	.about-gallery .item-center .wp-block-columns{
		flex-wrap: nowrap!important;
	}


	/* Contact
	---------------------- */
	.contact_hero{
		padding-top: 180px !important;
        padding-bottom: 70px !important;
		background-size: 80% !important;
        background-position: 160% !important;
		height: 540px;
	}

	.contact_hero p{
		max-width: 500px;
	}

	.col_contact .ftrd img{ width: 100%;}
	.col_address .details{ padding: 30px 0;}
	.col_address p{ margin-left: 0 !important;}
	.col_map iframe{ height: 400px !important; width: 100%;}


	/* Resource page
	---------------------- */
	body.page-id-212 .subpage_hero{ padding-top: 160px!important;}
	.resource-group .wp-block-group{ display: block;}
	.resource-group .text-content{ padding-right: 0; padding-bottom: 30px;}
	.resource-group p.date{margin-block-end: 15px !important; }

	.featured-resources{ gap: 20px; padding-bottom: 10px;}


	/* Blog page
	---------------------- */
	.sec_blog .wp-block-spacer { display: none;}
	.news_card_lists .wp-block-buttons{ padding-top: 0;}


	/* Pillars Subpages 
	------------------------ */
	.pillars_subpage_hero p.label{ margin-block-end: -5px !important;}
	.sticky_slider .col_video .video-group{ max-width: 100vw; margin-right: 0;}
	.sticky_slider .col_video { padding-top: 30px; padding-left: 0;}
	.text-btn-overlay{ padding-right: 0;}

	.row_cards .nutrition-card,
	.row_cards_7 .nutrition-card:nth-child(n+4),
	.program_row .program_card{ 
		flex-basis: 48%;
	}


	.sec_programs, .sec_diagnostics  { padding-top: 60px!important; padding-bottom: 60px!important;}
	.pillar_partner_slider{ padding-bottom: 45px; padding-top: 60px;}
	.program_row .program_card.mb_initial .program_content{
		position: initial;
		padding: 0;
	}

	.program_row{ gap: 0px;}
	.sec_programs .row_title{ padding-bottom: 30px; display: block;}
	.sec_programs .wp-block-buttons{ width: 100%; padding-top: 10px;}
	
	.video-group .wp-block-video{
		height: auto !important;
        min-height: auto;
	}
	

}

@media only screen and (max-width: 680px) {

	html{ overflow-x: hidden;}


	/* Home Hero
	---------------------- */
	.home_hero .wp-block-cover__image-background{
		object-position: 80%!important;
	}

	.home_hero::before{
		top: -80px;
        right: -150px;
        background-position: top right;
        background-size: 155%;
	}
	

	/* Title Text Layout
	---------------------- */
	.title_text_layout{ 
		padding-top: 60px !important;
        padding-bottom: 40px !important;
	}

	.follow_socials img{ width: 26px;}


	/*Fullwidth Video
	---------------------- */
	.fullwidth_video video{ min-height: 480px !important;}
	.fullwidth_video h2{ margin-block-end: 0px !important;}
	.fullwidth_video h2{
		flex-direction: column-reverse;
		font-size: 2rem !important;
	}


	/* Logos Section
	---------------------- */
	.logos_wrapper .wp-block-group{
		flex-wrap: wrap;
		gap: 10px;
	}

	.logos_wrapper .wp-block-group figure{
		width: 48%;
	}
	.logos_wrapper .wp-block-group img{
		width: 100%;
	}


	/* Home Pillars
	---------------------- */
	.home_pillars{ 
		padding-top: 50px;
        padding-bottom: 60px;
	}

	.img_text_layout .col_txt h3 + p{  margin-block-end: 50px !important;}
	.home_pillars .title_area h2{ font-size: 26px!important; }


	/* Home News
	---------------------- */
	.sec_home_blog{ 
		padding-top: 50px!important;
    	padding-bottom: 50px!important;
	}

	.sec_home_blog .wp-block-buttons{ padding-top: 40px;}


	/* Prefooter Contact
	---------------------- */
	.prefooter_contact{ background-position: 0% 50% !important;}
	.prefooter_contact  .wp-block-group{
		display: block!important;
	}

	.prefooter_contact .wp-block-buttons{
		justify-content: flex-start!important;
	}


	/* Footer
	---------------------- */
	footer .footer_wrap{ padding-top: 60px!important;}
	footer .main_col .col_left figure img{ 
		max-width: 180px;
	}

	footer .col_right > .wp-block-group{ 
		padding: 50px 30px 30px 30px!important;
	}

	footer .menu_item_group {
		display: block;
    	text-align: center;
	}

	footer .footer_wrap ul,
	footer nav{
		display: block!important;
		width: 100%;
	}

	footer .wp-block-navigation .wp-block-navigation-item{
		justify-content: center;
		margin-bottom: 5px;
		font-size: 16px !important;
	}

	footer .footer_wrap ul{
		padding-bottom: 25px;
	}

	footer .ftr_socials .wp-block-group > .wp-block-group{
		width: 100%;
		justify-content: center;
	}

	footer .ftr_socials .wp-block-group figure:nth-child(1){
		top: -1px;
        position: relative;
	}

	.ftr_socials figure img{ width: 22px;}

	.copyright{ padding-top: 50px; text-align: center;}


	/* Nutrition page
	---------------------- */
	.pillars_chart { padding-bottom: 20px!important;}

	.sec_nutrition_lists { padding-top: 40px!important; padding-bottom: 20px!important;}
	.sec_nutrition_lists h2.title{ padding-bottom: 20px;}
	


	/* About page - How it works
	---------------------- */
	.sec_howItWorks,
	.sec_goal,
	.sec_timeline,
	.sec_team,
	.sec_partners { 
		padding-top: 60px!important; 
		padding-bottom: 60px!important;
	}

	.sec_howItWorks .howItWorks_nav p{
		font-size: 15px!important;
	}

	.sec_howItWorks .howItWorks_content p{
		font-size: 26px !important;
	}


	/* About page - Timeline
	---------------------- */
	.timeline_row .wp-block-group p{
		margin-block-end: 0px !important;
	}


	/* About page - team
	---------------------- */
	.sec_team .top_col{ padding-bottom: 0;}
	.sec_team .team_list_wrap{         
		margin-bottom: 0!important;
		justify-content: space-between;
	}

	.top_col .team_card,
	.sec_team .team_list_wrap .team_card,
	.sec_team .five_col .team_card,
	.sec_team .five_col:last-child .team_card{
		flex-basis: 47%!important;
	}

	

	.team_card figure img,
	.top_col .team_card figure, 
	.top_col .team_card figure img{ max-width: 125px;}

	figure.icon_linkedin{ 
		margin-top: -50px;
		max-width: 40px !important;
		right: auto;
		position: initial;
		margin-left: calc(100% - 40%);
	}

	.sec_partners h2{ padding-bottom: 0;}
	.partner_col .wp-block-column.active .vertical-accordion{ min-height: 625px!important;padding: 30px 20px !important;}


	/* about gallery */
	.mb-pt-50{ padding-top: 50px!important;}
	.about-gallery{ 
		padding-bottom: 60px; 
		padding-top: 0;        
		flex-direction: column;
		gap: 10px;
	}

	.about-gallery .item-center .wp-block-columns{ gap: 10px;}
	.about-gallery .item-center .wp-block-columns:nth-child(1){ padding-bottom: 10px;}
	.about-gallery figure, .about-gallery figure img{
		width: 100% !important;
		max-height: 100%;
	}

	/* Home - Pillars
	---------------------- */
	.home_pillars .wp-block-columns{ flex-direction: column; }
	.pillars_svg{         
		width: 300px;
        height: 35vh;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 220px;
	}
	.home_pillars .chart_label{ 
		font-size: 16px;
        height: 35vh;
        top: 220px;
        margin: 0 auto;
        right: 0;
        left: 0;
	}

	.pin-spacer{ width: 100%!important;}

	.home_pillars .col_txt .title_area{ display: none; }
	.home_pillars .col_img .title_area{
		display: block!important;
		padding-top: 0;
		max-width: 100%;
		position: relative;
		background: transparent;
	}

	.home_pillars .col_txt{
		transform: translateX(0px) !important;
	}
	.pillar_content{ background: transparent; }
	
	.nutrition-active .content_nutrition, 
	.regeneration-active .content_regeneration, 
	.supplements-active .content_supplements, 
	.aesthetics-active .content_aesthetics, 
	.stress-active .content_stress, 
	.sleep-active .content_sleep, 
	.movement-active .content_movement{
		top: 30vh;
	}


	/* Contact
	---------------------- */
	.contact_hero{
		background-size: 80% !important;
        background-position: 200% bottom !important;
		padding-top: 150px !important;
	}

	.contact_hero p{ padding-right: 50px;}

	.contact_content { 
		padding-top: 60px!important;
    	padding-bottom: 60px!important;
	}

	.col_contact{ padding-top: 50px;}


	/* Blog - page
	---------------------- */
	.sec_blog,
	.prefooter_contact{ 
		padding-top: 50px !important;
        padding-bottom: 50px !important;
	}
	.blog-gallery{ grid-template-columns: 1fr;}
	.blog-card{ 
		padding-left: 20px !important;
		padding-right: 20px !important;
	}


	/* Single Posts
	---------------------- */
	.single_hero { padding-top: 140px!important;}
	.single_hero .cat_wrap > .wp-block-group{ display: block}

	.quote_sec { margin-bottom: 60px!important;}
	.quote_sec .wp-block-group{   padding: 25px !important;}

	body.single .entry-content{ padding-bottom: 60px;}

	.references-group h2{  margin-block-end: 0px !important;}

	.related_articles { 
		padding-top: 50px!important;
		padding-bottom: 60px!important;
	}
	.related_articles .related_articles_lists{ 
		grid-template-columns: 1fr;
	}

	/* Resources page
	---------------------- */
	.resources_content{ padding-top: 30px!important;padding-bottom: 50px!important;}


	/* FAQ
	---------------------- */
	.sec_faq{ padding-top: 0!important;    padding-bottom: 60px !important;}
	.sec_faq h2{ padding-bottom: 25px;}
	.accordion-group{padding: 20px 0; }
	.accordion-group .accordion-title{ font-size: 18px !important;}


	/* Pillars Subpages 
	------------------------ */
	.pillars_subpage_hero p.label{ font-size: 18px!important;}
	.pillars_subpage_hero p br{ display: none;}
	.pillars_subpage_hero .hero_partner_logo{ left: -10px; right: auto;}


	.sticky_slider, .next_pillar { padding-top: 60px!important; padding-bottom: 60px!important;}

	.text-btn-overlay{ flex-direction: column-reverse;}
	.text-btn-overlay figure img{ width: 45px;}

	.sec_diagnostics  .row_title,
	.sec_programs .row_title{ display: block; }

	.row_cards, .program_row{ display: block!important;}
	.row_cards .nutrition-card, .program_row .program_card{ margin-bottom: 12px;}

	.program_row{ padding-bottom: 0;}
	.program_card h2{ font-size: 18px !important;}
	.program_card p{ font-size: 16px !important; }

	.program_row .program_card.mb_initial .program_content{ position: absolute; padding: 0 20px;}
	.row_cards .nutrition-card, .program_row .program_card{ 
		min-height: 100% !important;
	}


	.nutrition_carousel .slick-slide img{ height: 250px;}

	.next_pillar .nutrition_item .ftrd{ max-width: 100%;}


	.sticky_slider .wp-block-columns .wp-block-column:nth-child(1){ padding-right: 0;}
	.sticky_slider{ margin-top: 0;}
	.video-group .wp-block-video{
		height: auto!important;
	}
}