/*
Theme Name: RanceImmo
Theme URI: exig.fr
Description: Thème du site de l'agence immobilière Rance Immo
Author: Exig
Author Uri: exig.fr
Template: zakra
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: "Bodoni Std";
  src: url("/wp-content/themes/ranceimmo/fonts/BodoniStd-Poster.woff2") format("woff2"),
       url("/wp-content/themes/ranceimmo/fonts/BodoniStd-Poster.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*
 * GLOBAL
 */
:root {
	--main-font: 'lato', sans-serif;
	--title-font: 700 3.2rem "Bodoni Std", serif;
	--title-lexend: 'lexend deca', serif;
	--container-width: 100%;
	--content-color: #212121;
	/*--main-color: #e50051;*/
	--main-color: #e50051;
	--vert: #bbd151;
	--vert-clair: #ecf6de;
}
body:not(.tg-container--separate) #page {
	background: white;
}
@media (min-width: 768px) {
	:root {
		--container-width: 720px;
		--padding-left : 15px;
		--padding-right : 15px;
	}
}

@media (min-width: 992px) {
	:root {
		--container-width: 940px;
		--padding-left : 1px;
		--padding-right : 1px;
	}
}

@media (min-width: 1200px) {
	:root {
		--container-width: 1200px;
	}
}
.grid-2 {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px 20px;
	grid-auto-flow: row;
	justify-content: space-between;
	justify-items: start;
	align-items: start;
	grid-template-areas:
	  ". .";
	width: 100%;
	height: 100%;
  }
  
.grid-4 {  
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	grid-auto-rows: 1fr;
	gap: 20px 20px;
	grid-auto-flow: row;
	grid-template-areas:
	  ". . . .";
}
body {
	color: var(--content-color);
}
.home h2 {
	color: black;
	font-weight: bold;
	font-family: var(--title-font);
}
/*.home h2::before,
body:not(.home) h1:before {
	content: "";
	border-top: 10px solid var(--main-color);
	display: block;
	width: 450px;
}*/
button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button .wp-block-button__link, .zak-button {
	background-color: #e50051;
	border: 1px solid var(--main-color);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-button .wp-block-button__link:hover, .zak-button:hover {
	color: var(--main-color);
	background-color: transparent !important;
	border-radius: 18px 0 !important;
	border: 1px solid;
}
.entry-content p {
	margin-bottom: 24px;
	text-align: justify;
}
button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span, .wp-block-button .wp-block-button__link, .single-biens .button {
	background-color: var(--main-color) !important;
	border-radius: 0 18px !important;
}
.form-top button,
.embla__buttons button svg,
.embla__buttons .embla__button,
.single-biens .button:hover {
	background-color: transparent !important;
	border-radius: 0 !important;
	border: none !important;
}
/* Motif */
.motif {
	width: 300px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 25%;
}

.motif-svg{ width:100%; height:auto; display:block; }

.shape-fill{
  fill: var(--main-color);
  transition: opacity .22s ease;
}

.shape-stroke{
  fill: none;
  stroke: var(--main-color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 1;
  vector-effect: non-scaling-stroke;

  opacity: 0;
  transition:
  stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1),
  opacity .25s ease;
}

/* hover switch */
.motif:hover .shape-fill{ opacity: 0; }
.motif:hover .shape-stroke{ opacity: 1;}

.motif:not(:hover) .shape-stroke{
  transition-delay: .05s;
}

/* independent animations */
.motif:hover .shape-stroke.s1{ animation: draw 1.60s cubic-bezier(.4,0,.2,1) forwards; animation-delay: 0s; }
.motif:hover .shape-stroke.s2{ animation: draw 1.75s cubic-bezier(.4,0,.2,1) forwards; animation-delay: .12s; }
.motif:hover .shape-stroke.s3{ animation: draw 1.65s cubic-bezier(.4,0,.2,1) forwards; animation-delay: .28s; }

@keyframes draw{
  to{ stroke-dashoffset: 0; }
}


/* HEADER */
.zak-main-header {
	padding-top: 0;
	padding-bottom: 0;
}
.zak-top-bar {
	background: #dcdfdf;
	color: black;
	padding : 0;
}
.zak-top-bar__1, .zak-top-bar__2 {
	display: flex;
	font-size: 1em;
}
.zak-top-bar__1 {
	justify-content: space-between;
	align-items: flex-end;
	margin-left: 200px;
}
.zak-top-bar__1 section:first-child {
	font-size: 1.6em;
	margin-right: 1em;
}
.zak-top-bar__1 section, .zak-top-bar__2 section {
	height: 100%;
	line-height: 3rem;
}
.reseau > div:not(:last-child) {
	margin-right: 0;
}
.zak-header-col.zak-header-col--1 {
	position: absolute;
	top: -82px;
}
#zak-masthead::before {
	content: "";
	position: relative;
	width: 100%;
	display: block;
	z-index: 9;
	border-top: 6px solid var(--main-color);
}
.custom-logo {
	width: 119px;
	/* box-shadow: 2px 2px 5px #3e3e3e; */
	/* z-index: 99; */
	margin-top: 10px;
}
.reseau img {
	filter: brightness(0);
}
.zak-header-col.zak-header-col--2 {
	border-top: 0 !important;
	background-color: white !important;
	color: black;
	text-align: right;
	padding : 25px !important;
	padding-top : 50px !important;	
}
.zak-header.zak-layout-2-style-1 .zak-primary-nav {
	justify-content: flex-end;
	max-width: calc(100% - 200px);
}
#zak-primary-menu {
	width: 100%;
	justify-content: space-between;
}
#zak-primary-nav .current_page_item a,
#zak-primary-nav li a:focus,
#zak-primary-nav li a:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: var(--main-color);
	text-decoration-thickness: 5px;
	text-underline-offset: 4px;
}
#zak-primary-nav li a {
	text-transform: uppercase;
	font-size: 1.1em;
}
.zak-primary-menu .prestige {
	position: relative;
	z-index: 1;
}
.zak-primary-menu .prestige a, #zak-primary-nav .prestige.current_page_item a {
	color: white;
	font-family: serif;
	font-weight: 600;
}
.zak-primary-menu .prestige::before {
	background: var(--main-color);
	border-radius: 0 20px 0 0;
	content: "";
	width: 120%;
	height: 68px;
	position: absolute;
	z-index: -1;
	margin-top: -10px;
	margin-left: -8%;
}
/* hero */
div.opinion-system-widget-company-rating .os-bootstrap {
	background-color: transparent !important;
}
.home #zak-primary {
	padding-top: 0;
}
.wp-block-cover, .wp-block-cover-image {
	min-height: 600px;
}

#form-footer p,
p.title-form {
	font-weight: bold;
	display: block;
	position: relative;
	margin-bottom: 3em;
	text-shadow: 5px 5px 5px black;
	margin-left: 5.5em !important;
	
} 
#form-footer p {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto;
}
#form-header .wp-block-cover__inner-container {
	display: grid;
	grid-template-columns: 66% 33%;
	grid-template-rows: 1fr;
	gap: 0px 1%;
	grid-template-areas: ". .";
	align-content: space-between;
	align-items: center;
}
#form-header.wp-block-cover{
  position: relative;
  overflow: visible;          /* pour laisser dépasser le form */
  padding-bottom: 120px;      /* réserve de place sous l’image */
}

/*#form-header .wp-block-cover__inner-container,
.wp-block-cover__inner-container.is-layout-constrained.wp-container-core-cover-is-layout-1.wp-block-cover-is-layout-constrained {
	margin-top: -9em;
}*/

.wp-block-cover__inner-container.is-layout-constrained.wp-container-core-cover-is-layout-1.wp-block-cover-is-layout-constrained{
	display :flex;
	align-items : center;
}

.title-form {
	line-height: 1.3;
}
div.os-bootstrap .os-nav-tabs > li > a:hover {
	background-color: #b6d02b !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #b6d02b #b6d02b transparent !important;
	-moz-border-top-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	border-image: none !important;
	color: #fff !important;
}
div.os-bootstrap .os-btn-grey {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
}
div.os-bootstrap .os-btn-grey:hover {
	color: var(--main-color) !important;
	background-color: #e0e0e1;
	border-color: #e0e0e1;
}
div.os-bootstrap .os-btn-grey:hover {
	background-color: #e0e0e1;
	border-color: #e0e0e1;
}
div.os-bootstrap .os-btn-grey:hover .open_sanssemibold {
	color: var(--main-color) !important;
}
.page-une-agence-familiale-depuis-2010 .os-dynamic-content .os-row:first-child {
	display: block;
}
.page-une-agence-familiale-depuis-2010 .os-dynamic-content .os-row:first-child .os-col-xs-12.os-col-sm-8 {
	display: none;
}
/* reviews */
.ma-widget-feedback__logo img {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(335deg) brightness(93%) contrast(107%);
}
.star-on {
	filter: brightness(0) saturate(100%) invert(17%) sepia(82%) saturate(6970%) hue-rotate(330deg) brightness(85%) contrast(113%);
}
div.opinion-system-widget-company-rating .os-col-xs-4,
div.opinion-system-widget-company-rating .os-bootstrap .os-col-xs-8 {
	width: auto !important;
}
#ma_w_wrapper, .opinion-system-widget-company-rating {
	width: 175px;
}
/*
.ri-reviews {
	display: flex;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.4);
	width: 200px;
	padding: 1em;
	border-radius: 50%;
	height: 200px;
	justify-content: center;
	position: absolute;
	left: calc((100vw - var(--container-width)) / 2);
	bottom: -3.5em;
}*/
/* reviews detailed */
.company-rating-detail-survey {
	display: none;
}
.company-rating-detail-pagination {
	display: none;
}
.os-col-xs-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.os-container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.os-glyphicon.os-glyphicon-comment {
	filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(4717%) hue-rotate(329deg) brightness(84%) contrast(115%);
}
.os-glyphicon {
	filter: brightness(0) saturate(100%) invert(17%) sepia(80%) saturate(4717%) hue-rotate(329deg) brightness(84%) contrast(115%);
}
.os-btn.os-btn-grey {
	border-radius: 0;
	background: var(--main-color);
	color: white;
	text-transform: uppercase;
}
.os-btn.os-btn-grey .open_sanssemibold {
	color: white;
}
.os-glyphicon.os-glyphicon-plus-sign {
	display: none;
}
.os-dynamic-content .os-row:first-child {
	display: none;
}
.os-bootstrap .star-64 span {
	display: inline-block;
	height: 100%;
	background-image: url("/image/star/star_on_64.png");
	background-position: left top;
	background-repeat: no-repeat;
	filter: brightness(0) saturate(100%) invert(99%) sepia(49%) saturate(2168%) hue-rotate(10deg) brightness(97%) contrast(67%);
}
.os-dynamic-content .os-row:nth-child(2) {
	text-align: right;
}
.os-dynamic-content .os-row:nth-child(2) > div:first-child {
	width: 100%;
}
.opinion-system-widget-company-rating-detail {
	border-top: 1px solid grey;
	padding-top: 2em;
	margin-top: 2em;
}
/* recherche */
.full-form {
	background-color:white;
	border-radius : 0 60px;
	width : 330px;
	padding-bottom : 50px;
	position: relative;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.full-form::after {
	content: "";
	height: 90%;
	width: 10px;
	display: block;
	background: var(--main-color);
	position: absolute;
	top: 0;
}
.form-top, #property-search-form {
	max-width: 275px;
	margin: auto;
}
#property-search-form {
	margin-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}
#property-search-form .champs{
	margin: 30px;
	gap: 20px;
	display: flex;
	flex-direction: column;
}  

#property-search-form .champs .localisation{
	display: flex;
}	  
#property-search-form select {
	padding: 0.7rem 1rem;
	background: white;
}
button, input[type="submit"] {
	color: white;
	background-color: transparent;
	border-radius: 0;
	margin-right: 0;
	text-transform: uppercase;
	font-weight: bold;
}
#form-header button, #form-footer button {
	background: transparent;
}
input[type="submit"] {
	background-color: var(--main-color);
	color: white;
	border-radius: 0;
	padding: 0.5em 4em;
}
input[type="submit"]:hover {
	color: var(--main-color);
	background-color: white;
}
#form-header button.active, #form-header button:hover,
#form-footer button.active, #form-footer button:hover {
	color: var(--main-color);
	background-color: white;
}
#form-header button:not(.active),
#form-footer button:not(.active) {
	color: black;
}
#form-header button:not(.active):hover,
#form-footer button:not(.active):hover {
	text-shadow: none;
}
/* archive biens */
#search-results {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-auto-rows: 1fr; 
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-template-rows: 1fr; 
	gap: 0px 20px; 
	grid-template-areas: 
		". . . ."; 
	justify-content: space-between; 
	align-content: start; 
	justify-items: start; 
	align-items: start; 
	width: 100%; 
}
.sb-illustration,
#archive-biens-content .illustration,
.page-acheter .illustration,
.page-louer .illustration {
	height: 200px;
	display: block;
	position: relative;
	overflow: hidden;
}
.sb-prix, 
#archive-biens-content .illustration p, 
.page-acheter .illustration p, 
.page-louer .illustration p {
	position: absolute;
	background-color:var(--main-color);
	color: white;
	font-weight: 600;
	bottom: 0;
	right: 0;
	padding: 0.1em 1em;
}
.sb-illustration img, 
#archive-biens-content.illustration img, 
.page-acheter .illustration img, 
.page-louer .illustration img {
	object-fit: cover;
	display: block;
	max-height: 100%;
	height: 100%;
	width: 100%;
}
.sb-bien h2,
#archive-biens-content h2,
.page-acheter .biens h2,
.page-louer .biens h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top: 10px;
	min-height: 75px;
	margin-bottom: 10px;
}
.sb-ville {
	font-style: italic;
	margin-bottom: 0;
}
.sb-bien .more,
.page-acheter .biens a,
#archive-biens-content .biens a,
.page-louer .biens a {
	color: var(--main-color);
	font-weight: 600;
	text-decoration: none;
}
.sb-bien p,
.page-acheter .biens p,
#archive-biens-content .biens p,
.page-louer .biens p {
	margin-bottom: 0;
}
.page-acheter #zak-primary {
	padding-top: 0;
}
body.post-type-archive-biens h1::before,
body.page-acheter h1::before,
body #archive-biens-content h1::before,
body.page-louer h1::before {
	display: none;
}
body.post-type-archive-biens h1,
body.page-acheter h1,
body #archive-biens-content h1,
body.page-louer h1 {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
#archive-biens-content > div {
	width: 100%;
	max-width: initial;
}
#archive-biens-content {
	margin-top: -60px;
}
.sb-bien,
.discover {
	padding-bottom: 15px;
	margin-bottom: 20px;
}
body:not(.home) .discover {
	border-bottom: 1px solid var(--content-color);
}
.sb-description,
#archive-biens-content .biens .post-content p,
.page-acheter .biens .post-content p,
.page-louer .biens .post-content p {
	min-height: 90px;
}
#archive-biens-content .wp-block-heading,
.page-acheter .wp-block-heading,
.page-louer .wp-block-heading,
#archive-biens-content figure,
.page-acheter figure,
.page-louer figure {
	margin-left: 0 !important;
}
  
/* coup de coeur */
.coups-coeurs article {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-auto-columns: 1fr;
	/*grid-auto-rows: 1fr;*/
	gap: 0px 0px;
	grid-auto-flow: row;
	justify-content: space-between;
	justify-items: start;
	align-items: start;
	grid-template-areas: ".";
	width: 100%;
	height: 100%;
}
.info-biens {
	width: 100%;
	background: white;
	border-radius: 0 50px;
}
.detail-bien {
	padding: 1em;
}
.type-bien {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
	padding-bottom: 0.5em;
}
.nbr-room {
	padding-bottom: 0.5em;
}
.prix {
	font-size: 1.3em;
	font-weight: 600;
}
.post-content h3,
.post-content p {
	color: black;
}
.zak-site-layout--stretched.zak-container--wide #zak-content .coups-coeurs p {
	padding-left: 0;
}
.coups-coeurs .post-content {
	max-width: 600px;
	margin: 2em auto;
	text-align: justify;
	padding-left: 1em;
    padding-right: 1em;
}
.coups-coeurs .illustration {
	display: block;
	height: 100%;
}
.coups-coeurs .illustration img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.coups-coeurs h2::before {
	display: none;
}
.coups-coeurs h2 {
	color: black;
	text-transform: uppercase;
	text-align: left;
	padding: 0 !important;
}
.coups-coeurs.embla {
  max-width: 70rem;
  margin: auto;
  --slide-height: 19rem;
  --slide-spacing: 1rem;
  --slide-size: 100%;
  --slide-spacing-sm: 1.6rem;
  --slide-size-sm: 50%;
  --slide-spacing-lg: 2rem;
  --slide-size-lg: calc(100% / 3);
}
.coups-coeurs.embla .embla__viewport {
  overflow: hidden;
}
.coups-coeurs.embla .embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: calc(var(--slide-spacing) * -1);
}
.coups-coeurs.embla .embla__slide {
  transform: translate3d(0, 0, 0);
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: var(--slide-spacing);
}
.selection .wp-block-buttons.is-content-justification-right.is-layout-flex.wp-container-core-buttons-is-layout-d445cf74.wp-block-buttons-is-layout-flex {
	width: 1170px;
	margin: auto;
	z-index: 1;
}
/*.coups-coeurs.embla .embla__slide__number {
  box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
  border-radius: 1.8rem;
  font-size: 4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--slide-height);
  user-select: none;
}*/
.coups-coeurs.embla .embla__controls {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  gap: 1.2rem;
  margin-top: 1.8rem;
}
.coups-coeurs.embla .embla__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
  align-items: center;
}
.coups-coeurs.embla .embla__button {
  -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  touch-action: manipulation;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
  width: 3.6rem;
  height: 3.6rem;
  z-index: 1;
  border-radius: 50%;
  color: var(--text-body);
  display: flex;
  align-items: center;
  justify-content: center;
}
.coups-coeurs.embla .embla__button:disabled {
  color: var(--detail-high-contrast);
}
.coups-coeurs.embla .embla__button__svg {
  width: 35%;
  height: 35%;
}
.coups-coeurs .coups-coeurs .loop.grid-0 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.coups-coeurs {
	width: 100%;
}
.coups-coeurs .loop.grid-0 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1170px;
	margin: auto !important;
	gap: 2em;
}
.coups-coeurs .illustration, .coups-coeurs article {
	border-radius: 0 50px;
	overflow: hidden;
	background: white;
}
.selection .coups-coeurs article {
	box-shadow: 0 10px 5px grey;
}
.selection > h2 {
	width: 1170px;
	margin: auto;
}
.selection {
	position: relative;
}
.selection::after {
	content: "";
	width: calc(100% + 6em);
	height: 200px;
	background: white;
	margin-left: -3em;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.selection .loop.grid-0 {
	position: relative;
	z-index: 1;
}
/* equipe home */
.team-RI {
	width: 1170px;
	margin: auto;
	position: relative;
}
/* theme home */
.theme-link p {
	margin-top: 0;
}
.theme-link p a{
	color: black;
	text-decoration: none;	
}
.presentation > div > .wp-block-column:nth-child(2) figure {
	border-radius: 150px 0;
	overflow: hidden;
}
/* presentation home */
.presentation {
	margin-bottom: 3em;
}
.presentation .wp-block-column:nth-child(2) figure {
	border-radius: 150px 0;
	overflow: hidden;
}
.presentation > div {
	max-width: 1170px;
	margin: auto;
}
/* actus */
.actu-header {
	width: 100% !important;
	max-width: initial;
	justify-content: space-between;
	padding-right: calc((100vw - var(--container-width)) / 2);
}
/*.actu-home .discover {
	height: 100%;
}*/
.actu-home .discover, .actu-home .discover .post-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.actu-home .loop.grid-2 > div {
	height: 100%;
}
/*.actu-home .post-content {
	min-height: 130px;
}*/
.actu-home .is-content-justification-space-between {
	justify-content: space-between !important;
}
.actu-home .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex {
	width: 100%;
	display: flex;
	justify-content: center;
}
.actu-home article a {
	color: var(--main-color) !important;
	text-decoration: none;
	display: block;
	text-align: right;
	border-top: 1px solid var(--main-color);
}
.actu-home .loop.grid-3 > div:first-child a {
	border-color: white;
}
.actu-home h3 {
	font-weight: bold;
	text-transform: uppercase;
}
.actu-home article .illustration {
	height: 100%;
}
.actu-home article .illustration img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.actu-home .loop.grid-2 > div {
	width: 100%;
}
.actu-home {
	max-width: 1170px;
	margin: auto;
}
.home .actus .loop.grid-3 {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 1fr 1fr;
	gap: 20px 20px;
	grid-template-areas: "article1 article2" "article1 article3";
	align-content: space-between;
	align-items: stretch;
}
.loop.grid-3 > div:first-child {
	grid-area: article1;
}
.loop.grid-3 > div:nth-child(2) {
	grid-area: article2;
}
.loop.grid-3 > div:nth-child(3) {
	grid-area: article3;
}
.loop.grid-3 > div:nth-child(2) article,
.loop.grid-3 > div:nth-child(3) article {
	display: grid;
	grid-template-columns: 40% 55%;
	grid-template-rows: 1fr;
	gap: 20px 20px;
	grid-template-areas: ". .";
	align-content: space-between;
	align-items: stretch;
}
.actu-home .loop.grid-3 > div:first-child .discover {
	position: relative;
}
.actu-home .loop.grid-3 > div:first-child .discover .post-content {
	position: absolute;
	bottom: 2em;
	left: 2em;
	padding-right: 6em;
}
.actu-home .loop.grid-3 > div:first-child article .illustration {
	height: 100%;
	border-radius: 200px 0 200px 0;
	overflow: hidden;
}
.actu-home .loop.grid-3 > div:nth-child(2) article .illustration,
.actu-home .loop.grid-3 > div:nth-child(3) article .illustration {
	border-radius: 100px 0 100px 0;
	overflow: hidden;
	height: 260px;
	width: 260px;
}
.actu-home .loop.grid-3 > div article .illustration::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid var(--main-color);
	opacity: 0;
	transform: rotate(0deg);
	transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
	pointer-events: none;
}
.actu-home .loop.grid-3 > div:first-child article .illustration::after {
	border-radius: 200px 0 200px 0;
}
.actu-home .loop.grid-3 > div:nth-child(2) article .illustration::after,
.actu-home .loop.grid-3 > div:nth-child(3) article .illustration::after {
	border-radius: 100px 0 100px 0;
	width: 260px;
	height: 260px;
}
.actu-home .loop.grid-3 > div article:hover .illustration::after {
	opacity: 1;
	transform: rotate(-10deg);
}
.actu-home .loop.grid-3 > div .discover {
	position: relative;
	padding-bottom: 0;
}
.actu-home .loop.grid-3 > div:first-child .post-content h3,
.actu-home .loop.grid-3 > div:first-child .post-content p,
.actu-home .loop.grid-3 > div:first-child .post-content a {
	color: white !important;
}
/* prestige home */
.prestige .wp-block-heading.has-text-align-right {
	width: 50%;
	text-align: left;
	margin-right: 0;
	margin-left: auto;
	display: block;
	color: white;
	text-transform: uppercase;
	padding-left: 1.1rem;
}
.prestige .discover {
	background: transparent;
}
.prestige .post-content p {
	color: white;
}
.prestige article {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	justify-content: space-between;
	justify-items: start;
	align-items: start;
	grid-template-areas: ". .";
	width: 100%;
	height: 100%;
}
.prestige .info-biens {
	max-width: 350px;
}
/* footer */
.zak-footer-cols {
	padding-top: 20px;
}
.zak-footer {
	background-color: transparent;
	color: black;
	border-top: 1px solid black;
}
.zak-footer .zak-footer-cols,
.zak-footer .zak-footer-cols p {
	color: black !important;
}
.zak-footer-cols {
	color: black;
}
.zak-footer-bar.zak-style-1 {
	text-transform: uppercase;
	border-top: 1px solid black;
	padding: 0.5em 0;
}
.zak-footer-col .widget ul a {
	color: black;
	text-decoration: none;
}
.zak-footer-cols .reseau img {
	filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(16%) hue-rotate(279deg) brightness(95%) contrast(101%);
	height: 30px;
}
.zak-footer-col .wp-block-button a {
	background: transparent;
	color: black;
	border: 2px solid;
	font-size: 1.5em;
	padding: 0 1em;
}
.zak-footer-col--3, .zak-footer-col--2 {
	padding-top: 2em;
}
.ri-reviews {
	background: #f0e1f0;
	padding: 3em 1.5em;
	border-radius: 50% 0 50% 50%;
	width: 195px;
	height: 195px;
}
#block-30 p {
	background: #e50051;
	display: inline;
	padding: 0.2em 1em;
	border-radius: 0 10px 0 10px;
	float: right;
}
#block-30 p a {
	color: white;
}
.zak-footer-bar {
	color: black !important;
}
#block-19 p {
	line-height: 1.5em;
}
#block-21 p {
	display: none;
}
/* pages sans from header */
.zak-page-header.zak-style-4 {
	background: transparent;
	margin-top: 7em;
}
@media screen and (min-width: 768px) {
	.page-contact .zak-primary {
		padding-top: 120px;
	}
}
.zak-page-header.zak-style-4 h1,
.page-contact h1 {
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2.5em;
}
/*.zak-page-header.zak-style-4 h1::before {
	content: "";
	border-top: 10px solid var(--main-color);
	display: block;
	width: 450px;
}*/
.page-une-agence-familiale-depuis-2010 #zak-primary {
	padding-top: 0;
}
.page-une-agence-familiale-depuis-2010 .zak-breadcrumbs {
	display: none;
}
/**
 * Pages biens
 */
.tax-theme .zak-posts {
	display: grid;
	grid-auto-rows: 1fr;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 1fr;
	gap: 20px 30px;
	grid-template-areas: ". . .";
	align-content: space-between;
	align-items: stretch;
}
.zak-posts .zak-post {
	padding: 0px 0;
	border-bottom: 0;
	border-radius: 0 80px;
	overflow: hidden;
}
.entry-button {
	color: white !important;
	background: var(--main-color);
	text-align: right;
	border-radius: 0 10px;
}
.zak-entry-footer.zak-layout-1.zak-alignment-style-1 {
	text-align: ;
}
.entry-button {
	color: white !important;
	background: var(--main-color);
	text-align: right;
	border-radius: 0 15px;
	padding: 0.3em 1em;
}
.illustration p {
	position: absolute;
	bottom: 0;
	right: 0;
	background: var(--main-color);
	color: white;
	font-size: 1.2em;
	font-weight: bold;
}
/* general */
.full-width {
	width: 100%;
}
::placeholder {
	color: #454849;
	font-style: italic;
	font-weight: 600;
}
.ui-widget.ui-widget-content {
	font-size: 0.8em;
}
.zak-container-1200 > div, 
.page-acheter .zak-container-1200,
.page-louer .zak-container-1200.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	width: 1200px !important;
	max-width: 1200px !important;
	margin: auto;
}
.page-une-agence-familiale-depuis-2010 .zak-content {
	margin-top: 100px;
}
.page-une-agence-familiale-depuis-2010 .wp-block-column .wp-block-image.size-full {
	max-height: 311px;
	overflow: hidden;
}
body:not(.home) h1 {
	color: black;
}
/* single-biens */
.single-biens .zak-content {
	margin-top: 150px;
}
.single-biens .embla {
	position: relative;
}
.single-biens .embla__controls {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	margin-top: 0;
	width: 100%;
	grid-template-columns: 1fr;
}
.single-biens .embla__buttons {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.single-biens .embla__container {
	height: 590px;
	max-height: 590px;
}
@media screen and (min-width : 800px) {
	.single-biens .embla__viewport {
		max-height: 450px;
	}
	.single-biens .right {
		margin-left: 2em;
	}
}
@media screen and (max-width: 800px) {
	.single-biens .right {
		height: 100%;
		margin-top: 6em;
	}
}
.single-biens h2 {
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid grey;
	padding-bottom: 0.5em;
}
.single-biens .reference {
	margin-top: 3em;
}
.single-biens .ville {
	font-size: 3em;
}
.single-biens .tarifs {
	list-style: none;
	margin-left: 0;
}
.single-biens .button {
	font-size: 1.2em;
	background: var(--main-color);
	border: 1px solid var(--main-color);
	color: white;
	padding: 0.5em 1em;
	text-transform: uppercase;
	margin-top: 2em;
	display: inline-block;
}
.single-biens .button:hover {
	background: white;
	color: var(--main-color);
	border-radius: 20px 0 !important;
	border: 1px solid var(--main-color) !important;
}
.tarifs .tarif {
	font-size: 2em;
	margin-bottom: 1.5rem;
}
.back-to-search {
	color: var(--main-color);
}
.back-to-search::before {
	content: "< ";
}
.infos { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-auto-columns: 1fr;
	grid-auto-rows: 1fr;
	gap: 0px 20px;
	grid-auto-flow: row;
	justify-content: space-between;
	align-content: end;
	justify-items: start;
	align-items: center;
	grid-template-areas:
	  ". .";
	width: 100%;
	height: 100%;
}
.dpe-ges {
    display: block;
    clear: both;
    padding-top: 20px;
	height: auto;
  	min-height: 300px;
}

.dpeA{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-a.jpg');
}
.dpeB{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-b.jpg');
}
.dpeC{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-c.jpg');
}
.dpeD{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-d.jpg');
}
.dpeE{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-e.jpg');
}
.dpeF{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-f.jpg');
}
.dpeG{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/dpe-g.jpg');
}
.gesA{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-a.jpg');
}
.gesB{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-b.jpg');   
}
.gesC{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-c.jpg');
}
.gesD{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-d.jpg');
}
.gesE{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-e.jpg');
}
.gesF{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-f.jpg');
}
.gesG{
    background: url('https://rance-immo.com/wp-content/themes/realhomes-child/images/dpe-ges/ges-g.jpg');
}
#dpe, #ges {
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
    height: 250px;
    position: relative;
    width: 300px;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 20px;
}
.dpebien, .gesbien {
    color: white;
    font-weight: bold;
    position: absolute;
}
.dpeA .dpebien, .gesA .gesbien {
    padding: 27px 0 0 230px;
}
.dpeB .dpebien, .gesB .gesbien {
    padding: 57px 0 0 230px;
}
.dpeC .dpebien, .gesC .gesbien {
    padding: 87px 0 0 230px;
}
.dpeD .dpebien, .gesD .gesbien {
    padding: 115px 0 0 230px;
}
.dpeE .dpebien, .gesE .gesbien {
    padding: 145px 0 0 230px;
}
.dpeF .dpebien, .gesF .gesbien {
    padding: 173px 0 0 230px;
}
.dpeG .dpebien, .gesG .gesbien {
    padding: 203px 0 0 230px;
}