.home h1{
	margin-inline: auto;
	font-size: 3rem;
	margin-bottom: 0.5rem;
	color: #fff;
}
.home .intro h2{
	font-family: "Raleway", sans-serif;
	font-size: clamp(1.3rem, 2.5vw, 1.5rem);
	line-height: 1.8;
	color: #fff;
}


.home .wp-block-group__inner-container a:has(img):hover{
}
.home .wp-block-group__inner-container a img{
	aspect-ratio: 1;
	object-fit: cover;
}

.home .wp-block-group__inner-container h2 a:not(:hover){
	color: var(--primary);
}

.home .entry-content svg.logo{
	max-height: 7rem;
}
.home .entry-content svg.logo path{
	fill: #fff;
}

.home .entry-content img.logo,
.home .entry-content svg.logo{
	margin: 0 auto 1rem;
	opacity: 0;
	animation: fadeScaleIn 1s ease-out 0s forwards;
}


.wp-block-image{
	position: relative;
}
#content .wp-block-image > a{
	display: block;
}
/*
.wp-block-image figcaption a{
	position: absolute;
	margin: 0;
	bottom: 0;
	height: 35%;
	padding: 2rem 2rem 0;
	width: 100%;
	background: linear-gradient(0deg, #000000, transparent);
	transition: height 0.2s
}

.wp-block-image figcaption a{
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
}
.wp-block-image:hover figcaption a{
	height: 36%;
}
*/

section.wp-block-group{
	position: relative;
}
section.full-width{
	padding-block: 3rem;
	overflow: hidden;
}
@media( min-width: 768px){
	section.full-width{
		padding-inline: 3rem;
	}
}
section.hero{
	background: none;
	padding-block: 6rem;
}
section.hero .wp-block-button{
	width: 100%;
	margin-bottom: 1rem;
}
section.hero .wp-block-button a{
	justify-content: center;
}

.breadcrumb{
	margin-bottom: 2rem;
}
.breadcrumb a:hover{
	color: var(--primary);
}
.breadcrumb span{
	color: #848484;
}

.wp-block-font-awesome-icon{
	color: var(--primary);
	font-size: 2rem;
	margin-bottom: 1rem;
}
#content .wp-block-cover, #content .wp-block-cover-image{
	min-height: 330px;
}
#content .wp-block-cover__background{
	opacity: .2;
	background-color: #000 !important;
}
#content .wp-block-cover h1{
	color: #fff;
}

section.definition{
	padding: 3rem;
	border-radius: 10px;
	color: #fff;
	overflow: hidden;
	text-shadow: 1px 1px 2px #0000008f;
}

.wp-block-columns{
	margin-bottom: 0;
	gap: 4rem;
}
.wp-block-column:not(.no-justify) p{
	text-align: justify;
	text-wrap: initial;
}

#content .wp-block-post-featured-image{
	position: absolute;
	inset: 0;
	margin-bottom: 0;
	z-index: -1;
}
.logos img,
#content .wp-block-post-featured-image img{
	height: 100%;
	width: 100%;
}

.wp-block-media-text + .wp-block-media-text{
	margin-top: clamp(4rem, 4.5vw, 8rem);
}

.with-bg{
	background: hsl(47 10% 95% / 1);
}
.with-bg .card{
	border: 0;
	padding: 1.5rem;
	background: #fff;
/*	box-shadow: 2px 2px 10px #0000000d;*/
	max-width: initial;
	border-radius: 4px;
}


body:not(.home) .is-layout-grid > .wp-block-group{
	background: #fbfbfb;
	padding: 2rem;
}

ul.check-list{
	display: flex;
	flex-direction: column;
	gap: 1rem;
/*	padding: 2rem 0 0;*/
}
p + ul.check-list{
	padding: 2rem 0 0;
}
ul.check-list li{
	position: relative;
	list-style: none;
	padding-left: 2rem;
}
ul.check-list li::before{
	  content: '';
	  background-image: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23eb5660' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM363.3 203.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z'/></svg>");
	  position: absolute;
	  top: 50%;
	  left: 0;
	  translate: 0 -50%;
	  background-size: contain;
	  background-repeat: no-repeat;
	  width: 1.4rem;
	  aspect-ratio: 1;
}
ul.check-list.align-top li::before,
ul.check-list li.align-top::before{
	top: 0;
	translate: 0 5px;
}
ol.check-list{
	counter-reset: ol;
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	padding: 2rem 0;
}
ol.check-list li{
	counter-increment: ol;
	position: relative;
	list-style: none;
	max-width: 30ch;
	padding-left: 2.5rem;
}
ol.check-list li::before{
	  content: counter(ol);
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 2rem;
	  aspect-ratio: 1;
	  display: grid;
	  place-content: center;
	  color: var(--primary);
	  border-radius: 50%;
	  border: 2px solid currentColor;
}


.has-medium-font-size{
	--wp--preset--font-size--medium: 1.2rem;
}

.wp-block-quote{
	border-radius: 10px;
	border: 1px solid #e6e4e2;
	padding: clamp(1.5rem, 4.5vw, 3rem);
	position: relative;
}
/*
.wp-block-quote::after{
	content: '"';
	font-size: 8rem;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	translate: 1rem -1rem;
}
*/

#content .wp-block-media-text.portrait .wp-block-media-text__media img{
	aspect-ratio: 7 / 9;
	object-fit: cover;
	max-width: 30rem;
	width: 100%;
	margin: 0 auto;
}

.gap-1{ gap: 1rem; }
.gap-2{ gap: 2rem; }
.gap-3{ gap: 3rem; }
.gap-4{ gap: 4rem; }

.logos.flex{
	gap: 2rem;
	justify-content: center;
}
.logos img{
	aspect-ratio: 16/9;
	object-fit: contain;
	max-height: 90px;
}
.clients img{
	mix-blend-mode: darken;
}

@media( max-width: 578px){
	.wp-block-spacer[style*="8rem"]{
		height: 4rem !important;
	}
	section.full-width{
		padding-block: 2rem;
	}
	.logos img{
		max-height: 40px;
	}
}
@media( min-width: 768px){
	.wide > .wrap{
		padding-inline: 2rem;
	}
}

@media( min-width: 1631px){
	.wide .wp-block-group-is-layout-grid{
		grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
	}
}
@media( min-width: 1824px){
	.wide .wp-block-group-is-layout-grid{
		grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
	}
}


@keyframes fadeScaleIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.grid.testimonials{
	--grid-gap: 2rem;
	margin-bottom: 4rem;
}

blockquote{
	--accent: #e08888;
	padding-block: 2rem;
	padding-inline: 2rem;
	background: #fbfbfb;
	font-style: italic;
	position: relative;
}
blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: var(--accent);
    font-size: 5.5em;
    position: absolute;
    left: 0;
    top: -28px;
}
blockquote cite{
	display: block;
	margin-top: 1rem;
	font-weight: 600;
}

@media(min-width: 768px){
	blockquote::before {
	    left: 10px;
	    top: 0;
	}

	blockquote{
		padding-inline: 4rem;
	}
}