/*
  Theme Name: L'Éclat
  Author: OnzeMars
  Version: 1.0.3
*/

@font-face {
  font-family: "Trexos";
  src: url("/wp-content/themes/leclat/assets/fonts/trexos/Trexos_Regular.ttf");
}

@font-face {
  font-family: "Trebuchet";
  src: url("/wp-content/themes/leclat/assets/fonts/trebuchet/trebuc.ttf");
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/leclat/assets/fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/leclat/assets/fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/leclat/assets/fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/leclat/assets/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/leclat/assets/fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
	--base-font-size: 17.2px;
	--brand: #ff7a00;
	--bg: #ffffff;
	--surface: #ffffff;
	--text: #222222;
	--text-2: #717171;
	--text-body: #444444;
	--muted: #7a7a7a;
	--border: rgba(0,0,0,.06);
  	--footer-bg: #fff5e0; /* #fbf3ee */
	--secondary-bg: #fff5e0;
  	--container-pad: 1rem;
  	--radius-pill: 999px;
  	--wp-wide-size: 1320px;
  	--hero-min-h: 620px;
	--hero-overlay: rgba(0, 0, 0, .35);
  	--hero-blur: 0;
	--radius: 18px;
	--base-size: 18px;
  	--font: "Poppins";
}

* { box-sizing: border-box; }

html,body { margin: 0; padding: 0; overflow-x: hidden; }

html{ scroll-behavior: smooth; }

body {
  	background:var(--bg);
  	color:var(--text);
  	font-family:var(--font);
  	font-size: var(--base-font-size);
	padding-top: 90px; 
}

button:focus:not(:focus-visible),
a:focus:not(:focus-visible){
  outline: none;
}

.wp-block-embed .wp-block-embed__wrapper{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: var(--radius);
}

.wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}

.w-100 .wp-block-button {
	width: 100% !important;
}

.rounded-1 .wp-block-button__link {
	border-radius: 10px !important;
}

button,
a,
input,
textarea{
  -webkit-tap-highlight-color: transparent;
}

a {
	color:inherit;
	text-decoration:none;
}

img {
	max-width:100%;
	height:auto;
	display:block;
}

.breadcrumb {
  	font-size: 0.9rem;
  	color: #777;
  	padding: 9px 0;
	border-style: solid;
	border-color: var(--border);
	border-width: 1px 0 1px 0;
}

.breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .sep {
  margin: 0 .4rem;
  opacity: .6;
}

.breadcrumb .current {
  color: #000;
  font-weight: 500;
}

.breadcrumb--with-share{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.breadcrumb__left{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.breadcrumb__share {
  	background: transparent;
  	border: 1px solid var(--border);
  	border-radius: var(--radius-pill);
  	padding: 9px 18px;
  	font-size: .9rem;
  	color: var(--text);
  	cursor: pointer;
  	transition: .15s;
}

.breadcrumb__share:hover {
  	background: rgba(0,0,0,.04);
}

.hero-title {
	font-family: "Trexos";
	font-size: clamp(32px, 5vw, 52px) !important;
	color: white;
  	margin-bottom:0px;
	max-width: 30ch;
	display: inline-block;
}

.hero-title .accent {
	color: #ffd400;
}

p 
	color: var(--text-body);
}

li{
	color: var(--text-2);
}

.link-big {
	cursor:pointer !important;
}

.link-big{
  overflow: hidden;
}

.link-big .wp-block-cover__image-background {
  	transition: transform .45s ease, filter .45s ease;
  	will-change: transform;
}

.link-big:hover .wp-block-cover__image-background {
  	transform: scale(1.06);
  	filter: brightness(.96);
}

.wp-block-button__link {
	transition: transform .45s ease;
}

.wp-block-button__link:hover {
	transform: scale(1.045);
}

.text-small {
	color: var(--text-2);
	font-size: .975rem;
}

.text-light {
	color: var(--text-2);
	font-weight: 300;
}

.text-normal {
	color: var(--text-2);
	font-weight: 400;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.margin-top-1 {
	margin-top: 18px !important;
}

.text-uppercase {
	text-transform: uppercase;
}

h1, h2, h3 {
  	color: var(--text);
}

small, .muted, .small {
  	color: var(--muted);
}

h1 {
	font-size: clamp(28px, 4vw, 42px);
  	font-weight: 700;
	
}

h2 {
	font-size: clamp(22px, 3vw, 32px);
	line-height: 1.25;
}

h3 {
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.35;
  font-weight: 600;
}

.list-check {
  	list-style:none;
  	padding-left:0;
  	margin:0;
}

.list-check li {
  	position: relative;
  	padding-left: 36px;
  	margin-bottom: 12px;
  	line-height: 1.8;
}

.list-check li::before {
  	content:"✓";
  	position:absolute;
  	left:0;
  	top: 50%;
  	transform: translateY(-50%);
  	width:22px;
  	height:22px;
  	border-radius:50%;
  	background:var(--brand);
  	color:#fff;
  	display:flex;
  	align-items:center;
  	justify-content:center;
  	font-size:0.85rem;
  	font-weight:700;
  	line-height:1;
}

#home { margin: 0px; }
#page { margin: calc(4 * var(--base-size)) 0; }

.container {
	width:100%;
  	margin-left:auto;
  	margin-right:auto;
  	padding-left:var(--container-pad);
  	padding-right:var(--container-pad);
}

@media(min-width:576px){
	.container{
		max-width:540px;
	}
}

@media(min-width:768px){
  	.container{ max-width:720px; }
  	:root{ --container-pad:1.5rem; }
}
@media(min-width:992px){
	.container{
		max-width:960px;
	}
}

@media(min-width:1200px){
	.container{
		max-width:1140px;
	}
}

@media(min-width:1400px){
	.container{
		max-width:1320px;
	}
}

.site-header{
  background:var(--surface);
  border-bottom:1px solid var(--border);
}

.margin-base-y p {
	margin: 36px 0px;
}

p, li {
	line-height: 1.8em;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
	fill: var(--brand);
	color: var(--brand);
}

.topbar {
  	position: fixed;
	top: 0; left: 0; right: 0;
  	z-index: 9999;
  	background: #fff;
 	box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

.topbar__inner {
	display:flex;
 	align-items:center;
  	justify-content:space-between;
  	gap: 1.25rem;
	padding-top: 9px;
	padding-bottom: 9px;
}


#wpcf7-f93-p21-o1 input[type="text"],
#wpcf7-f93-p21-o1 input[type="email"],
#wpcf7-f93-p21-o1 textarea{
  font-family:var(--font);
  font-size: 1rem !important;
  padding: 9px 18px;
  border-radius: var(--radius);
  border: solid 1px rgba(0,0,0,.06);
  box-sizing: border-box;
  width: 100%;
}

#wpcf7-f93-p21-o1 textarea{ 
	max-height: 350px;	
	min-width: 100%;
}

#wpcf7-f93-p21-o1 input[type="submit"].btn-primary{
  	background:var(--brand);
  	color: white;
  	padding:.75rem 1.2rem;
  	border-radius:var(--radius-pill);
  	font-weight: 500;
  	display:inline-flex;
  	align-items:center;
  	justify-content:center;
  	transition:.15s;
  	border: 0;
  	cursor: pointer;
	font-size: 1rem;
}

#wpcf7-f93-p21-o1 input[type="submit"].btn-primary:hover{
  transform:scale(1.045);
}

.rounded-img img, .rounded {
	border-radius: var(--radius) !important;
	box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

.wp-block-embed__wrapper iframe {
	border-radius: var(--radius) !important;
	overflow: hidden;
}

.w-max-900 {
	max-width: 900px !important;
}

.brand, .custom-logo-link {
  display:flex;
  align-items:center;
}

.custom-logo-link img{
  	height: calc(4 * var(--base-size));
  	width: auto;
}

.wp-element-caption {
	font-size: 0.8rem;
	color: #A9A9A9;
}

.nav{
  flex:1;
  display:flex;
  justify-content:center;
}

.nav-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:2rem;
  align-items:center;
}

.nav-list a{
  font-weight:500;
  color:var(--muted);
}

.nav-list a:hover{
	color:var(--text);
}

.btn-primary {
  background:var(--brand);
  color:white;
  padding: 0.6rem 1.2rem !important;
  border-radius:var(--radius-pill);
  font-weight: 500;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .45s ease;
}

.btn-primary:hover {
  	transform:scale(1.045);
}

@media(max-width:781px){
  	.nav{display:none;}
}

.btn {
  	border-radius:var(--radius-pill);
  	padding: 0.6rem 1.2rem;
  	font-weight:500;
  	display:inline-flex;
  	align-items:center;
  	justify-content:center;
  	border:1px solid transparent;
  	transition:.15s;
}

.btn-outline {
	transition:.15s;
  	background: #fff;
  	color: var(--text);
  	border-color: rgba(0,0,0,.12);
}

.btn-outline:hover {
  	background:rgba(255,255,255,.9);
	transform: scale(1.025);
}

#hero {
	position:relative;
  	min-height:var(--hero-min-h);
  	display:flex;
  	align-items:center;
  	padding:56px 0;
  	overflow:hidden;
  	text-align:center;
}

.hero-bg {
  	position:absolute;
  	inset:0;
  	background-size:cover;
  	background-position:center;
  	z-index:0;
}

#hero::before {
  	content: "";
  	position: absolute;
  	inset: 0;
  	background: var(--hero-overlay);
	backdrop-filter: blur(var(--hero-blur));
  	z-index: 1;
}

#hero .container{
  position:relative;
  z-index:2;
}

.hero-inner{
  max-width:980px;
  margin:0 auto;
}

.hero-subtitle{
  	color: white;
  	margin: 18px 0 36px;
  	font-weight: 500;
  	font-size: 1.2rem; max-width: 80%; display: inline-block;
}

.hero-actions{
  	display: flex;
  	gap: 14px;
  	justify-content: center;
  	align-items: center;
}

@media(max-width:560px){
  	.hero-actions {
	  /* flex-direction:column; */
	}
  	.hero .btn {
		width: min(320px,100%);
	}
}

.content > .wp-block{
  	max-width:720px;
  	margin-left:auto;
  	margin-right:auto;
}

.content > .alignwide{
  	max-width:var(--wp-wide-size);
  	margin-left:auto;
  	margin-right:auto;
}

.content > .alignfull{
  	width: 100vw;
  	max-width: 100vw;
  	margin-left: calc(50% - 50vw);
  	margin-right: calc(50% - 50vw);
}

.content > .alignfull > .wp-block-group__inner-container {
  	padding-left: var(--container-pad);
  	padding-right: var(--container-pad);
}

.content > .alignfull > .wp-block-group__inner-container > * {
  	max-width: var(--wp-wide-size);
  	margin-left: auto;
  	margin-right: auto;
}

.wp-block-group.alignwide {
  	max-width: var(--wp-wide-size);
  	margin-left: auto;
  	margin-right: auto
}

.wp-block-group.alignwide .wp-block-media-text { 
 	width: 100%;
  	max-width: 100%;
}

.wp-block-media-text__media,
.wp-block-media-text__content {
  	min-width: 0;
}

.wp-block-media-text__content{
  padding: 32px;
}

.wp-block-media-text__media img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
}

.site-footer {
  	background: var(--footer-bg);
  	padding: 56px 0 26px;
}

.footer-grid {
  	display: grid;
  	grid-template-columns: 1.2fr 1fr 1fr 1fr;
  	gap: 48px;
}

.footer-logo img {
  	height: 54px;
}

.footer-tagline {
  	font-size: 14px;
  	color: var(--muted);
  	margin: 8px 0 16px;
}

.footer-social {
  	display: flex;
  	gap: 10px;
}

.footer-social .soc {
 	width: 28px;
  	height: 28px;
  	border-radius: 8px;
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	color: var(--brand);
  	border: 1px solid rgba(255,122,0,.35);
}

.footer-links {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	display: flex;
  	flex-direction: column;
  	gap: 10px;
}

.footer-links a {
  	color: var(--muted);
  	font-weight: 400;
}
.footer-links a:hover{color:var(--text)}

.footer-bottom{
  margin-top:40px;
  text-align:center;
  font-size:14px;
  color:rgba(0,0,0,.45);
}

@media(max-width:900px){
	.footer-grid{
	  grid-template-columns:1fr 1fr;
	}
}

@media(max-width:560px){
  	.footer-grid{
	  grid-template-columns:1fr;
	}
}

.bg-001,
.bg-002,
.bg-003{
  position: relative;
  isolation: isolate;
}

.bg-001::before,
.bg-002::before,
.bg-003::before {
  	content:"";
  	position:absolute;
  	top:0;
  	bottom:0;
  	left:50%;
  	width:100vw;
  	margin-left:-50vw;
  	z-index:-1;
}

.bg-001::before { 
	background:#ff6d00; 
}

.bg-002::before { 
	background:var(--secondary-bg); 
}

.bg-003::before { 
	background:#111; 
}

.bg-001,
.bg-002,
.bg-003 {
  	padding: calc(4 * var(--base-size)) 0;
}

.bg-transparent {
	padding: calc(4 * var(--base-size)) 0;
}

.bg-margin-bottom { 
	padding-bottom: calc(4 * var(--base-size));
}

.wp-block-media-text__media img {
  	border-radius: var(--radius);
  	overflow: hidden;
}

.img-rounded {
  	border-radius: var(--radius);
  	overflow: hidden;
}

.bg-wave-bottom {
  	position: relative;
  	isolation: isolate;
  	overflow: hidden;
}

.bg-wave-bottom {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.bg-wave-bottom > *{
  position: relative;
  z-index: 2;
}

.bg-wave-bottom::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:160px;
  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ff6d00' d='M0,64L48,101.3C96,139,192,213,288,240C384,267,480,245,576,197.3C672,149,768,75,864,53.3C960,32,1056,64,1152,101.3C1248,139,1344,181,1392,202.7L1440,224L1440,320L0,320Z'/%3E%3C/svg%3E");
  z-index: 1;
}

.bg-wave-rotate::after{
  transform: rotate(180deg);
  transform-origin: center;
}

.wp-block-group{
  position: relative;
}

.wp-block-group{
  position: relative !important;
}

.wp-block-group.has-wave{
  position: relative;
}

.svg-fullwidth-top {
  position: absolute;
  left: 50%;
  top: 4px;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  transform: translateY(-100%);
  pointer-events: none;
  z-index: 10;
}

.svg-fullwidth-bottom {
	position: absolute;
	left: 50%;
	bottom: 4px;
  	width: 100vw;
  	max-width: 100vw;
  	margin-left: -50vw;
  	transform: translateY(100%);
  	pointer-events: none;
  	z-index: 10;
}

.svg-fullwidth-bottom svg, .svg-fullwidth-top svg {
  width: 100%;
  height: auto;
  max-height: 40px;
  display: block;
}

.wp-block-latest-posts.is-grid {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	display: grid;
  	gap: 2em;
  	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px){
  	.wp-block-latest-posts.is-grid{
    	grid-template-columns: repeat(2, minmax(0, 1fr));
  	}
}
@media (max-width: 560px){
  .wp-block-latest-posts.is-grid{
    grid-template-columns: 1fr;
  }
}

.card {
	background-color: white;
	border: solid 1px rgba(0,0,0,.06);
	border-radius: var(--radius);
	padding: 16px;
	box-shadow: 0 10px 26px rgba(0,0,0,.08);
  	height: auto;
  	align-self: flex-start;
}

.card p:first-child, .card h3:first-child { margin-top: 0;}
.card p:last-child { margin-bottom: 0;}

.wp-block-latest-posts__featured-image {
  	margin: 0;
  	overflow: hidden;
}

.wp-block-latest-posts__featured-image > a {
 	display: block;
  	width: 100%;
}

.wp-block-latest-posts.is-grid > li {
  	background: #fff;
  	border-radius: var(--radius);
  	padding: 0px;
  	box-shadow: 0 10px 26px rgba(0,0,0,.08);
  	display: flex;
  	flex-direction: column;
  	gap: 0px;
  	width: 100%;
	overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
  	width: 100%;
  	height: 210px;
  	object-fit: cover;
  	display: block;
	transition: transform .25s ease, filter .25s ease;
}

.wp-block-latest-posts.is-grid > li:hover 
.wp-block-latest-posts__featured-image img {
  	transform: scale(1.06);
  	filter: brightness(.96);
}

.wp-block-latest-posts__post-title {
	order: 2;
  	text-decoration: none;
  	color: black;
  	font-weight: 500;
  	font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.35;
	padding: 4px 16px 4px 16px;
}

.wp-block-latest-posts__post-date {
  	order: 1;
  	padding: 12px 16px 0;
  	font-size: 0.85rem;
  	color: var(--brand);
  	text-transform: capitalize;
  	letter-spacing: .02em;
}

.wp-block-latest-posts__post-excerpt {
	order: 3;
  	display: flex;
  	flex-direction: column;
  	flex: 1;         
	gap: 8px; 
  	text-decoration: none;
  	color: var(--text-2);
  	line-height: 1.25;
	font-weight: 300;
  	font-size: 1rem;
  	margin: 0px !important;
	padding: 4px 16px 16px 16px;
}

.wp-block-latest-posts__post-excerpt a {
  	text-decoration: none;
  	color: black;
  	line-height: 1.25;
  	font-size: 1rem;
  	margin-top: auto; 
	word-break: keep-all !important;
	display: block;
	color: var(--brand);
	font-weight: 300;
	display: none !important; 
}

.wp-block-latest-posts__post-title:hover {
  color: #222;
}

.wp-block-button__link {
  font-size: 1rem;
}

.logo-container img {
	width: auto !important;
	height: 120px !important;
}

.stacked-media .wp-block-group__inner-container{
  	position: relative;
}

.stacked-media .wp-block-image:first-of-type img {
  	width:94%;
  	display:block;
  	border-radius:var(--radius);
}

.stacked-media .wp-block-image:last-of-type{
  position:absolute;
  right: 0;
  bottom:-40px;
  width:45%;
  margin:0;
  z-index:2;
}

.stacked-media .wp-block-image:last-of-type img {
  	width: 100%;
  	display: block;
  	border-radius: var(--radius);
	border: solid 8px #fdf0e7;
}

.logo-container {
  gap: 2em !important;
  display: grid; 
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-items: center;
  align-items: center;
}

@media (max-width: 1200px) {
  .logo-container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .logo-container{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .logo-container{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5em !important;
  }
}

.wp-block-quote{
  position: relative;
  margin: 2.5em auto;
  padding: 1.75em 2em;
  background: var(--secondary-bg); 
  border-left: 4px solid var(--brand);
  border-radius: var(--radius);
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--text-body);
}

.wp-block-quote p {
  margin: 0;
  font-style: italic;
}

.wp-block-quote::before {
  content: "“";
  position: absolute;
  top: -0.35em;
  left: 16px;
  font-family: "trexos";
  font-size: 4rem;
  line-height: 1;
  color: var(--brand);
  opacity: .35;
}

.wp-block-quote cite{
  display: block;
  margin-top: 1em;
  font-size: .9rem;
  font-style: normal;
  font-weight: 500;
  color: var(--muted);
}


.logo-container .wp-block-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-container figure {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-container img {
  margin: 0 auto;
  display: block;
}

.wpcf7 .wpcf7-response-output{
  margin: 16px 0 0 !important;
  padding: 14px 16px !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  background: #fff;
  color: var(--text-body);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.wpcf7 form.sent .wpcf7-response-output{
  border-color: rgba(76,175,122,.35) !important; 
  background: rgba(76,175,122,.10) !important;
  color: #1f4d33;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
  border-color: rgba(231,76,60,.35) !important;
  background: rgba(231,76,60,.10) !important;
  color: #5a1c16;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
  border-color: rgba(255,122,0,.35) !important; 
  background: rgba(255,122,0,.10) !important;
  color: #5a3000;
}

.wpcf7 .wpcf7-not-valid-tip{
  margin-top: 6px;
  font-size: .9rem;
  color: #c0392b;      
}

 
@media (max-width: 768px){
	.stacked-media .wp-block-image:first-of-type img {
		width: 100%;
	}
	
	.stacked-media .wp-block-image {
		margin: 0 0 0 !important;
	}
  	.stacked-media .wp-block-image:last-of-type {
    	display: none;
  	}
	
	.wp-block-media-text__content {
    	padding: 0 !important;
  	}
	
  	.wp-block-media-text.is-stacked-on-mobile {
    	display: flex;
    	flex-direction: column;
  	}

  	.wp-block-media-text.mt-mobile-media-bottom.is-stacked-on-mobile .wp-block-media-text__content {
    	order: 1;
    	padding: 0 !important; 
  	}

  	 .wp-block-media-text.mt-mobile-media-bottom.is-stacked-on-mobile .wp-block-media-text__media {
    	order: 2;
    	margin-top: 2em;
  	}

  	.cols-mobile-media-bottom {
    	display: flex;
    	flex-direction: column;
  	}

  	.cols-mobile-media-bottom > .wp-block-column:first-child {
    	order: 2;
  	}
	
	.cols-mobile-media-bottom > .wp-block-column:last-child {
		order: 1;
  	}
}

#mobile-menu-toggle{
  	display: none;
}

#mobile-menu-toggle {
  	position: fixed;
  	right: 20px;
  	bottom: 20px;
  	width: 56px;
  	height: 56px;
  	border-radius: 50%;
  	background: var(--brand);
  	border: none;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
  	z-index: 10000;
}

#mobile-menu-toggle{
  flex-direction: column;
}

#mobile-menu-toggle span{
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .25s ease, opacity .2s ease;
  margin: 3px 0;
}

#mobile-menu-toggle.is-open span:nth-child(1){
  transform: translateY(8px) rotate(45deg);
}

#mobile-menu-toggle.is-open span:nth-child(2){
  opacity: 0;
}

#mobile-menu-toggle.is-open span:nth-child(3){
  transform: translateY(-8px) rotate(-45deg);
}


@media (max-width: 781px){
  #mobile-menu-toggle{
    display: flex;
  }
}

@media (max-width: 781px){

  .nav{
    position: fixed;
    inset: 0;
    background: #fff;
    z-index: 9999;

    display: flex;
    justify-content: center;
    align-items: center;

    transform: translateY(100%);
    transition: transform .3s ease;
  }

  .nav.open{
    transform: translateY(0);
  }

  .nav-list{
    flex-direction: column;
    gap: 1.5rem;
    font-size: 1.4rem;
  }
}