/*
Theme Name: [Nova6] HealthAnd Theme
Author: Arvind Sardar
Description: Base Theme
License: GPLv2 License
License URI: https://wordpress.org/about/gpl/
Text Domain: nova
Version: 6
*/

	@import url(design-system.css);
	@import url(gutenberg.css);

/* » Reset */
/* 1. Use a more-intuitive box-sizing model. */
*, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; } /* 3. Allow percentage-based heights in the application */ html, body { min-height: 100vh; } /* Typographic tweaks! 4. Add accessible line-height 5. Improve text rendering */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } /* 6. Improve media defaults */ img, picture, video, canvas, svg { display: block; max-width: 100%; } /* 7. Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* 8. Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } /* 9. Create a root stacking context */ #root, #__next { isolation: isolate; }html { scroll-behavior: smooth; } body { margin: 0; padding: 0; overflow-x: hidden; transition: all 0.5s ease; }/*CLEARFIX*/.clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }

/* SECTION Layout Utilities */

/* smooth scroll offset */
	:target {
		scroll-margin-top: 150px;
	}

/*»  margins */
	.mt0 {margin-top: 0 !important;}
	.mb0 {margin-bottom: 0 !important;}
	.pt0 {padding-top: 0 !important;}
	.pb0 {padding-bottom: 0 !important;}

/* » position */
	.relative{position: relative;}
	.absolute{position: absolute;}
	.static{position: static;}

/* » hiders */
	.hide-frontend{
		display: none !important;
	}
	@media only screen and (min-width: 801px) {
		.hide-desktop {
			display: none !important;
		}
	}
	@media only screen and (max-width: 800px) {
		.hide-mobile {
			display: none !important;
		}
	}

/* » responsive video */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video-container :is(iframe, object, embed) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* !SECTION */

/* » Animations
**************************************************/
	@keyframes fadeIn {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@keyframes fadeInUp {
		0% {
			opacity: 0;
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

/* » Fonts
**************************************************/
	/* Mulish Variable Font */
	@font-face {
		font-family: 'Mulish';
		font-style: normal;
		font-weight: 100 1000;
		src:	url('../woff2/mulish-variablefont_wght.woff2') format('woff2-variations'),
				url('../woff2/mulish-variablefont_wght.woff2') format('woff2');
	}


/* » Typography
**************************************************/
	html,
	body {
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	body {
		font-family: 'Mulish', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Mulish', sans-serif;
		margin-bottom: 20px;
		line-height: 1.2;
		font-weight: 800;
	}

	h1 {
		font-size: 32px;
	}
	em {
		font-style: normal;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 19px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 17px;
	}
	h6 {
		font-size: 15px;
	}
	p {
		margin-bottom: 1.3em;
	}
	p + h2,
	p + h3 {
		margin-top: 30px;
	}
	big {
		font-size: 125%;
	}
	small {
		font-size: 80%;
	}
	ul,ol{
		margin-block-end: var(--nova-space--sm);
	}
	li{
		margin-bottom: var(--nova-space--xs);
		margin-left: var(--nova-inset);
	}
	.txt-center{
		text-align: center;
	}

/* » Images
**************************************************/
	.entry-content img,
	.entry-content .wp-block-media-text.is-image-fill > .wp-block-media-text__media{
		border-radius: var(--nova-radius--sm);
	}
	img{
		object-fit: cover;
		width: 100%;
		height: auto;
	}

/* » WP Core Blocks & Styles
**************************************************/
	hr,
	hr.wp-block-separator {
		border:none;
		margin-top: var(--nova-space--sm);
		margin-bottom: var(--nova-space--sm);
		height: 1px;
		background-color: var(--nova-color-001);
	}
	.wp-block-columns{
		column-gap: var(--nova-space--sm);
		row-gap: var(--nova-space--md);
	}
	.wp-block-media-text {
		row-gap: var(--nova-space--md);
	}
	.is-layout-flex {
		display: flex;
	}
	.is-content-justification-center {
		justify-content: center;
	}
	.is-content-justification-start {
		justify-content: start;
	}
	.is-content-justification-end {
		justify-content: end;
	}
	.is-content-justification-space-between {
		justify-content: space-between;
	}

/* » Buttons
**************************************************/
	.wp-block-buttons{
		column-gap: var(--nova-space--sm);
	}
	.btn,
	body a.wp-block-button__link,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		color: black;
		background-color: var(--nova-color-002);
		border: solid 1px var(--nova-color-002);
		font-size: 20px;
		font-weight: 700;
		text-decoration: none;
		line-height: 1;
		display: inline-block;
		margin-bottom: 5px;
		cursor: pointer;
		transition: all 0.3s ease;
		border: solid 2px var(--nova-color-002);
		padding: 8px 28px;
		border-radius: 99px;
		transition: all 0.4s ease;
	}
	.has-white-color .btn{
		color: black;
	}
	.btn:hover{
		color: var(--nova-color-002);
		background-color: transparent;
	}
	.is-style-outline .wp-block-button__link{
		background-color: transparent;
		color: var(--nova-color-001);
		border: solid 2px var(--nova-color-001);
	}
	.is-style-outline .wp-block-button__link:hover{
		background-color: var(--nova-color-001);
		color: white;
	}
	/* @800px */
	@media only screen and (max-width: 800px){
		.wp-button-block{
			text-align: center;
		}
	}

/* » Links
**************************************************/
	a {
		color: var(--nova-color-001);
		transition: all 0.2s ease;
		text-decoration: underline;
		text-underline-offset: 6px;
	}
	a:hover {
		text-underline-offset: 2px;
	}

/* » Forms
**************************************************/
	.gform_wrapper .gform_body{
		margin-bottom: 20px;
	}
	.gform_wrapper.gravity-theme .gform_footer{
		width: fit-content;
		margin: 0;
		padding: 0;
		position: relative;
	}

/* » ------------------------------------------- */


/* SECTION Global Layouts
**************************************************/
	body{
		overflow-x: clip;
		max-width: 100%;
	}
	/* » constrain content */
	.wrapper__content-width > * {
		max-width: var(--nova-content-width);
		margin-inline: auto;
		padding-inline: var(--nova-inset);
	}

	/* » constrain + breakouts */
	.wrapper__content-width > .alignwide {
		max-width: var(--nova-content-width-wide);
	}
	.wrapper__content-width > .alignfull {
		max-width: none;
	}
	.wrapper__content-width > .full-right{
		margin-inline: auto 0;
		max-width: calc((var(--nova-content-width) / 2) + 50vw);
	}
	.wrapper__content-width > .full-left{
		margin-inline: 0 auto;
		max-width: calc((var(--nova-content-width) / 2) + 50vw);
	}
	.wrapper__content-width > .full-right.is-layout-constrained > *{
		margin-inline: 0 auto !important;
	}
	.wrapper__content-width > .full-left.is-layout-constrained > *{
		margin-right: 0 !important;
		margin-left: auto !important;
	}
	/*
	Extend Inner Content Blocks
	inner blocks don't use content width
	set one column to:
	max-width: calc((var(--nova-content-width) / 2) - var(--gutter))
	*/

	/* » grid & flex */
	.layout--grid{
		display: grid;
		grid-template-columns: repeat( auto-fill, minmax(300px, 1fr) );
		gap: 30px;
	}
/* !SECTION */



/* SECTION ZONE: Header Area
**************************************************/
	#zone__header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: var(--nova-z-header);
		transition: all 1s ease;
		background: rgba(0, 0, 0, 0.1);
	}
		text-align: center;
		font-weight: 800;
		overflow: clip;
		transition: all 0.4s ease;
	}
	#zone__header > .inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-block: 12px;
		transition: all 0.4s ease;
	}
	#zone__header > .inner .group{
		align-items: center;
		display: flex;
		column-gap: var(--nova-space--md);
	}
	#section__brand .site-logo img{
		width: 150px;
		height: auto;
		display: block;
		transition: all 0.4s ease;
	}
	#zone__header .header-widgets{
		display: flex;
		align-items: center;
		gap: 15px;
	}
	body.scrolled #zone__header{
		background: linear-gradient(147.62deg, #0B8168 67.93%, #38BDEB 128.1%);
		padding-block: 0;
		height: 0;
	}


	/* mobile header */
	@media only screen and (max-width: 1024px) {
		#section__brand .site-logo img {
			width: 100px;
		}
	}

	/* if logged-in */
	body.admin-bar #zone__header{
		top: 32px;
	}
	@media only screen and (max-width: 1024px) {
		body.admin-bar.scrolled #zone__header{
			top: 0;
		}
	}

	/* » Search
	**************************************************/
	/* search button*/
	#button--search-show {
		color: white;
		font-size: 24px;
		cursor: pointer;
	}
	#button--search-close {
		cursor: pointer;
		display: block;
		margin-left: auto;
		width: fit-content;
		border-radius: 15px 15px 0 0;
		background-color: #fff;
		padding: 5px 15px 0;
	}
	#button--search-close:hover {
		background-color: var(--nova-gray10);
	}
	dialog#modalSiteSearch {
		margin-inline: auto;
		background-color: transparent;
		border: none;
		transition: all 0.3s ease;
		top: -100vh;
	}
	dialog#modalSiteSearch[open] {
		top: 10vh;
		animation-name: fadeInUp;
		animation-duration: 0.4s;
		animation-fill-mode: both;
	}
	dialog#modalSiteSearch::backdrop {
		backdrop-filter: blur(10px);
		background-color: rgba(0, 0, 0, 0.2);
	}
	dialog#modalSiteSearch .searchinput {
		background-color: white;
		font-size: 24px;
		border: none;
		padding: 12px;
		color: var(--nova-color-001);
		width: 75vw;
		max-width: var(--nova-content-width);
		text-align: center;
		box-shadow: none;
		border-radius: 10px 0 10px 10px;
	}
	dialog#modalSiteSearch .searchinput::placeholder{
		font-size: 16px;
	}
	dialog#modalSiteSearch .searchinput:active,
	dialog#modalSiteSearch .searchinput:focus-visible,
	dialog#modalSiteSearch .searchinput:focus-within,
	dialog#modalSiteSearch .searchinput:focus {
		border: none;
		outline: none;
	}

/* » Hamburger Menu
**************************************************/
	#hamburger-button {
		cursor: pointer;
		transition: all 0.4s ease;
		position: relative;
		display: flex;
		column-gap: 10px;
		align-items: center;
		z-index: 101;
		padding: 5px;
		font-weight: 600;
		border: solid 1px transparent;
		color: #fff;
	}
	#hamburger-button:hover {
		border-color: var(--nova-color-002);
	}
	#hamburger-button .label:before {
		/* content: "Menu"; */
	}
	#hamburger-button.active .label:before {
		/* content: "Close"; */
	}
	#hamburger-button .bars {
		width: 25px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
	}
	#hamburger-button .bar {
		height: 2px;
		background-color: #fff;
		transition: all 0.4s ease;
		opacity: 1;
	}
	#hamburger-button.active .bar2 {
		opacity: 0;
		transform: rotate(20deg);
	}
	#hamburger-button.active .bar1 {
		transform: rotate(45deg);
		top: 7px;
		position: relative;
	}
	#hamburger-button.active .bar3 {
		transform: rotate(-45deg);
		top: -7px;
		position: relative;
	}

	/* » Offscreen Mobile Menu */
	body.offscreen-menu-active {
		overflow: hidden;
	}
	#offscreen-menu {
		position: fixed;
		background-color: var(--nova-color-001);
		transform: translateY(-100vh);
		transition: all 0.4s ease;
		z-index: var(--nova-z-mid);
		padding: var(--nova-inset);
		width: 100%;
		top: 0;
		left: 0;
		height: 0;
	}
	body.offscreen-menu-active #offscreen-menu {
		transform: translateY(0);
		height: fit-content;
		display: grid;
		justify-content: center;
		padding-top: 25vh;
		height: 100vh;
		overflow: auto;
	}
	nav#menu-main-mobile > span {
		display: block;
	}
	nav#menu-main-mobile .menu-item {
		font-size: 20px;
		transition: all 0.4s ease;
		transition-delay: 0.4s;
	}
	nav#menu-main-mobile > .menu-item {
		line-height: 1.8;
		position: relative;
	}
	nav#menu-main-mobile .menu-item a {
		color: white;
		padding: 0;
	}
	nav#menu-main-mobile nav.level-2 {
		padding-bottom: 20px;
		display: flex;
		flex-direction: column;
		padding-left: 12px;
		line-height: 1.2;
	}
	nav#menu-main-mobile nav.level-2 a {
		font-size: 15px;
	}
	nav#menu-main-mobile nav.level-2 a:before {
		content: '- ';
	}
	/* @800px */
	@media only screen and (min-width: 800px) {
		#offscreen-menu {
			display: none !important;
		}
	}

/* !SECTION */
/* » ZONE: Content
**************************************************/
	#zone__content{
		padding-bottom: 30px;
	}

/* » ZONE: Footer
**************************************************/
	#zone__footer {
		background-color: white;
		padding: var(--nova-space--xl) 30px;
		margin-inline: var(--nova-inset);
		border-top: 1px solid var(--nova-gray10);
	}
	#zone__footer > .inner{
		display: flex;
		position: relative;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	/* sections */
	#zone__footer .section--brand {
		display: flex;
		row-gap: 1em;
		flex-direction: column;
		align-items: start;
		max-width: 300px;
	}
	#zone__footer .section--nav{
		display:flex;
		flex-wrap: wrap;
		column-gap: var(--nova-space--lg);
		row-gap: 16px;
	}
	#zone__footer .section--imprint {
		width: 100%;
		font-size: small;
		padding-block: var(--nova-space--md);
	}

	/* footer content */
	#zone__footer .section--brand .site-logo{
		width: 180px;
		margin-bottom: 12px;
	}
	#zone__footer .socials{
		flex-grow: 1;
		font-size: 22px;
		display: flex;
		gap: 6px;
		align-items: start;
	}
	#zone__footer .socials a{
		display: block;
		padding: 5px;
		background-color: var(--nova-color-001);
		color: white;
		border-radius: 50%;
		height: 45px;
		width: 45px;
		text-decoration: none;
		transition: all 0.3s ease;
		border: solid 2px var(--nova-color-001);
		display: grid;
		place-content: center;
	}
	#zone__footer .socials a:hover{
		color: var(--nova-color-001);
		background-color: white;

	}

	/* responsive */
	@media only screen and (max-width: 800px){
		#zone__footer > .inner {
			grid-template-columns: 1fr;
			row-gap: 30px;
		}
		#zone__footer .section--brand,
		#zone__footer .section--navigation,
		#zone__footer .section--imprint,
		#zone__footer .section--badges {
			grid-column: 1 / -1;
		}
		#zone__footer .section--imprint{
			order: 4;
		}
		#zone__footer .section--navigation{
			flex-direction: column;
			gap: 20px;
		}
	}

	a#back-to-top {
		display: block;
		position: fixed;
		bottom: 18px;
		right: 18px;
		background-color: black;
		outline: 1px solid white;
		color: white;
		z-index: 100;
		padding: 6px 12px;
	}


/* » ------------------------------------------- */


/* » MODULE: Swiper.JS
**************************************************/
	.wp-block--slider{
		position: relative;
	}
	.wp-block--slider .swiper-button-prev {
		left: -50px;
		color: var(--nova-color-001)
	}
	.wp-block--slider .swiper-button-next {
		right: -50px;
		color: var(--nova-color-001)
	}
	.wp-block--slider .swiper-button-next::after{
		content: "\ea68";
		font-family: 'remixicon';
	}
	.wp-block--slider .swiper-button-prev::after {
		content: "\ea5c";
		font-family: 'remixicon';
	}
	/* @800px */
	@media only screen and (max-width: 800px){
		.wp-block--slider .swiper-button-prev {
			left: 10px;
		}
		.wp-block--slider .swiper-button-next {
			right: 10px;
		}

	}

/* » MODULE: Testimonials Slider
**************************************************/
	.wp-block--slider-testimonials{
		max-width: 600px;
		margin-inline: auto;
		padding-block: var(--nova-space--lg);
	}
	.wp-block--slider-testimonials .swiper-slide{
		padding: 20px;
	}
	.wp-block--slider-testimonials .card{
		padding: 20px;
	}
	.wp-block--slider-testimonials .body{
		margin-bottom: 1em;
	}
	.wp-block--slider-testimonials .stars{
		color: var(--nova-color-002);
		text-align: center;
		font-size: 22px;
	}

/* » MODULE: Page Banners
**************************************************/
	.banner-image {
		position: relative;
		height: 75vh;
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		padding-block: var(--nova-space--lg);
		display: flex;
		align-items: center;
		justify-content: start;
	}
	.banner-image .inner{
		width: 100%;
	}
	.banner-image .entry-title{
		max-width: 600px;
		color: white;
	}
	.page-banner{
		min-height: 70vh;
	}
	.page-banner img.wp-block-cover__image-background {
		border-radius: 0;
	}
	.page-banner-gradient{
		padding-block: calc(var(--nova-space--xl) + 55px) var(--nova-space--xl);
	}


/* » MODULE: Page Intro
**************************************************/
	.page-intro{
		border-radius: var(--nova-radius--md);
		padding-block: var(--nova-space--lg);
		margin-top: -200px;
	}

/* » MODULE: Socials Block
**************************************************/
	#zone__footer .socials-block{
		fill:white
	}



/* » MODULE: Navigation
**************************************************/
/* PRIMARY MENU */
	/* top level */
	#menu-main-desktop a{
		text-decoration: none !important;
	}
	#menu-main-desktop.level-1 {
		display: flex;
		margin: 0;
		padding: 0;
		column-gap: 16px;
	}
	#menu-main-desktop.level-1 > .menu-item {
		position: relative;
		list-style: none;
	}
	#menu-main-desktop.level-1 > .menu-item > a {
		color: white;
		display: inline-block;
		font-size: 18px;
		font-weight: 800;
		padding: 12px 8px;
	}

	/* submenu */
	#menu-main-desktop .menu-item-has-children {
		position: relative;
	}
	#menu-main-desktop nav.level-2 {
		background-color: var(--nova-color-001-dark);
		position: absolute;
		z-index: 999;
		text-align: left;
		padding: 0;
		width: 250px;
		list-style: none;
		top: 100%;
		left: -999em;
		transition: all 0.4s ease;
		border-radius: 0 8px 8px 8px;
		overflow: hidden;
	}
	#menu-main-desktop > .menu-item-has-children:hover > nav.level-2 {
		animation-name: fadeIn;
		animation-duration: 0.4s;
		left: auto;
	}
	#menu-main-desktop nav.level-2 a {
		padding: 12px;
		color: white;
		display: block;
		transition: all 0.4s ease;
	}
	#menu-main-desktop nav.level-2 a:hover {
		background-color: rgba(0, 0, 0, 0.2);
	}

	/* Footer Menus */
	#zone__footer .nav-menu .menu-item{
		display: block;
	}
	#zone__footer .nav-menu.level-1 > .menu-item > a{
		font-weight: 700;
		text-transform: uppercase;
	}
	#zone__footer .sub-menu.level-2 > .menu-item > a{
		font-weight: 400;
	}
	#zone__footer .sub-menu.level-3 > .menu-item > a{
		font-weight: 400;
		padding-left: 20px;
	}
	#zone__footer .menu-item a{
		display: block;
		margin-bottom: 5px;
	}

/* » MODULE: Pagination
**************************************************/
	.pagination {
		padding: 30px 0;
		text-align: right;
	}
	.pagination .page-numbers {
		padding: 10px 16px;
		border-radius: 4px;
		border: 1px solid #fff;
		background-color: var(--nova-color-001);
		color: white;
	}
	.pagination .page-numbers:hover {
		background-color: var(--nova-color-002);
	}
	.pagination .page-numbers.current {
		background-color: var(--nova-color-002);
		color: #fff;
		border-color: var(--nova-color-002);
	}

/* » MODULE: FAQs
**************************************************/
	.faqs .item img{
		display: inline-block;
		padding: var(--nova-space--sm);
		border: solid 5px var(--nova-color-003);
		border-radius: var(--nova-radius--md);
	}

/* SECTION MODULE: Cards
**************************************************/
	.card{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: white;
		color: black;
		border-radius: var(--nova-radius--md);
		padding: var(--nova-space--sm);
		box-shadow: var(--box-shadow-md);
	}
	.picture-cards > .card{
		padding: 0;
		overflow: hidden;
		text-align: center;
		justify-content: start;
	}
	.picture-cards > .card img{
		border-radius: 0;
	}
	.picture-cards > .card .content{
		padding: var(--nova-inset);
		margin: 0;
	}
	@media only screen and (max-width: 992px){
		.picture-cards > .card{
			width: 48%;
		}
	}
	@media only screen and (max-width: 659px){
		.picture-cards > .card{
			width: 100%;
		}
	}
	.picture-cards.profiles > .card h3{
		margin: 0;
	}
	.picture-cards.profiles > .card p{
		font-size: 14px;
		margin: 0;
	}



/* !SECTION */

/* » MODULE: Forms
**************************************************/
/* default form elements */
	input, textarea {
		padding: 12px 30px;
		border-radius: 8px;
		border: solid 1px var(--nova-gray20);
	}

/* gravity forms */
	.gform_body ::placeholder {
		opacity: 1;
	}

/* » ------------------------------------------- */

/* » PAGE: Front Page
**************************************************/
	@media only screen and (min-width: 992px){
		.main-features {
			position: absolute;
			top: -100px;
			z-index: 2;
			left: 30px;
			right: 30px;
		}
	}
	.main-features .card{
		padding: var(--nova-space--md);
	}
	.main-features .card img{
		width: fit-content;
		margin-bottom: 16px;
	}
	.main-features .card h3{
		font-weight: 700;
	}
	.banner-cards{
		position: relative;
		z-index: 999;
	}

/* » PAGE: Single Posts
**************************************************/
	body.single-post .banner-image{
		margin-bottom: var(--nova-space--lg);
	}
	body.single-post .entry-content{
		max-width: 900px;
		margin-inline: auto;
	}
	body.single-post .entry-content img{
		margin-bottom: var(--nova-space--sm);
	}

/* @800px */
	@media only screen and (max-width: 800px){
		body{
			--nova-inset: 15px;
			--wp--preset--spacing--50: 0;
		}
		#zone__header .waitlist-banner {
			font-weight: 700;
			font-size: 14px;
		}
		#zone__header .btn.join-waitlist{
			font-size: 14px;
			margin-bottom: 0;
			padding: 8px 12px;
		}
		.wp-block-media-text > .wp-block-media-text__content {
			padding: 0;
		}
		body .is-layout-flex {
			flex-direction: column;
			gap: 8px;
		}
		.wp-block-columns.main-features{
			padding-block: var(--nova-space--sm);
		}
		/* @800px */
		@media only screen and (max-width: 800px){
			.wp-block-columns.main-features{
				align-items: center !important;
			}
			.wp-block-columns.main-features .card{
				aspect-ratio: 1;
				text-align: center;
				align-items: center;
				max-width: 230px;
				justify-content: start;
			}
		}
		.overlay-cards .wp-block-cover {
			min-height: 225px;
		}
		#zone__footer {
			padding: 20px 0;
		}
		#zone__footer .inner{
			padding: 0;
		}
		#zone__footer .section--nav {
			row-gap: 35px;
			flex-direction: column;
		}
		.page-intro {
			margin-top: -200px;
			margin-inline: var(--nova-inset)
		}
		.picture-cards.is-layout-flex{
			gap: 24px;
		}
		.picture-cards.per-row-3 > .card,
		.picture-cards.per-row-4 > .card {
			width: 100%;
		}
		.page-banner-gradient {
			padding-block: calc(var(--nova-space--xl) + 120px) var(--nova-space--xl);
		}
	}

/* » PAGE: Search Rsults
**************************************************/
	body.search-results .top{
		display: none;
	}