@charset "UTF-8";
/*!
Theme Name: sarangie
Theme URI: https://www.velvet-cocoon.com
Author: vachon_steph
Author URI: https://wordpress.org
Description: A starter theme for velvet
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sarangie
Tags: translation-ready
*/
.has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]), p, h1, h2, h3, h4, h5, h6, ul, ol) {
	padding: 0;
}
/* Import des variables et des styles globaux */
.has-base-color *{
  color: var(--wp--preset--color--base);
}
/*--------------------------------------------------------------
# Vars Sass
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'halyard-display';
  src: url('./assets/fonts/Halyard_display/Halyard_Display.woff2') format('woff2');
  font-weight: 600;
}
/* Times New Roman-based stack */
/* Modern Georgia-based serif stack */
/* Traditional Garamond-based serif stack */
/* Helvetica/Arial-based sans serif stack */
/* Verdana-based sans serif stack */
/* Trebuchet-based sans serif stack */
/* Impact-based sans serif stack */
/* Monospace stack */
/* Arial-based sans serif stack */
/*--------------------------------------------------------------
# Variables taille
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Couleurs
--------------------------------------------------------------*/
.has-first-color-color, .has-first-color {
  color: #3C6E71;
}

.has-first-color-background-color, .has-first-background-color {
  background-color: #3C6E71;
}

.has-second-color-color, .has-second-color {
  color: #284B63;
}

.has-second-color-background-color, .has-second-background-color {
  background-color: #284B63;
}

.has-third-color-color, .has-third-color {
  color: #E8EDDF;
}

.has-third-color-background-color, .has-third-background-color {
  background-color: #E8EDDF;
}

.has-fourth-color-color, .has-fourth-color {
  color: #353535;
}

.has-fourth-color-background-color, .has-fourth-background-color {
  background-color: #353535;
}

/* Spacing */
/*--------------------------------------------------------------
# Variables responsive
--------------------------------------------------------------*/
/*-> pas utilisé ->*/
/*--------------------------------------------------------------
# Variables responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  position: relative;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img,
picture {
  max-width: 100%;
  display: block;
} */

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/** Misc
  * --------------------------------------------- */
::-moz-selection {
  background: #3C6E71;
  color: #FFF;
  text-shadow: none;
}
::selection {
  background: #3C6E71;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #3C6E71;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #3C6E71;
  color: #FFF;
  text-shadow: none;
}

meta, .fullGrid > span[itemprop="author publisher"], .tableGrid > span[itemprop="author publisher"] {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media only screen and (min-width: 1130px) {
  body {
    font-size: 17px;
    font-weight: 500;
  }
}
/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
body {
  font-family: "new-atten",Sans-serif;
  color: #7A7A7A;
}
/*
 * Global Styles
 * ----------------------------------------------------------------------------*/
#cmplz-document,.widget-area, .pagination, .comments-pagination, .post-navigation, .alignwide, .wide-max-width, .nav-breadcrumbs {
  max-width: 1200px;
  margin: 0 auto;
}
.site-footer a:not(.wp-block-button__link, .title a){
  color: #7A7A7A;
  text-decoration: none;
}
.is-nowrap{
  flex-wrap: nowrap!important;
  padding: 10px 0;
}
.border-right,
.border-extra-right{
  border-radius: 50% / 2%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-extra-right.noindex{
  z-index: 1;
}
.wp-block-separator{
  border-bottom: none;
}
.site-header, .site-main, .widget-area, .site-footer {
  margin: 0 auto;
}
.has-halyard-display-font-family{
  font-family: "halyard-display", Sans-serif;
  font-weight: 700;
}
h1, h2, h3, h4, .h2{
  font-family: "halyard-display", Sans-serif;
  font-weight: 700;
  color: var(--wp--preset--color--contrast) !important;
}
h1 mark, h2 mark, h3 mark, h4 mark{
  color: var(--wp--preset--color--primary) !important;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}
h1 {
  font-size: clamp(2.5rem, 0.926vw + 2.326rem, 3.438rem);
  line-height: 1.2;
  margin-bottom: 15px;
}

h2,.h2 {
  font-size: clamp(2.5rem, 0.926vw + 2.326rem, 3.438rem);
  line-height: 1;
}

h3 {
  font-size: clamp(2.5rem, 0.926vw + 2.326rem, 3.438rem);
  line-height: 1.2;
}

h4 {
  font-size: 45px;
  line-height: 1.2;
}

h5, h6 {
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.title{
  font-size: 22px;
  color: var(--wp--preset--color--primary) !important;
  font-weight: 700;
  font-family: "halyard-display", Sans-serif;
  line-height: 1;
}
.title a{
  color: inherit;
  text-decoration: none;
}
p {
  line-height: 1.5;
  margin: 20px 0;
  color: #7A7A7A;;
}
a{
  text-decoration: none;
}
/* .entry-header {
  margin: 0 auto;
  max-width: 610px;
} */

.entry-title {
  text-align: left;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

.skip-link:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: 2px solid transparent;
  -webkit-text-decoration: underline 1px dotted currentColor;
          text-decoration: underline 1px dotted currentColor;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  /*background: rgba(255, 255, 255, 0.9);*/
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

@media (prefers-reduced-motion) {
  * {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft,
.alignright {
  max-width: 580px;
}

.alignleft figcaption {
  clear: left;
}

.alignright figcaption {
  clear: right;
}

.alignleft img,
.alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}

.alignright img,
.alignright figcaption {
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 608px) {
  .alignleft,
  .alignright {
    max-width: 100%;
  }
}
/* Sections ---------------------------------- */
section {
  width: 100%;
}

@media only screen and (min-width: 1081px) {
  section {
    padding: 3rem 0 4.5rem 0;
    width: 100%;
  }
  .home section:first-child {
    margin-top: 3rem;
  }
}
/*--------------------------------------------------------------
# Print style
--------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url('./assets/fonts/icomoon.woff?fqm5yz') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: inline-block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa, .fas {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
.wp-social-link a::before{
  max-width: 18px;
  max-height: 18px;
  font-size: 18px;
  line-height: 1;
}
.icon-facebook a:before {
  content: "\ea90";
}
.icon-instagram a:before {
  content: "\ea92";
}
.icon-linkedin a:before {
  content: "\eaca";
}
#primary-menu-list .icon a{
  padding: 0 .5rem;
  font-weight: 400;
}
.picto svg{
  max-width: 50px;
  height: auto;
}

#header *:before, #site-main *:before, #footer *:before, #adminbar *:before,
#header *:after, #site-main *:after, #footer *:after, #adminbar *:after {
  font-family: "fonticon", sans-serif;
  text-rendering: optimizeLegibility;
  speak: none;
}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
.site-header {
  z-index: 2;
  background: transparent;
}
header{
  position: relative;
}
.login {
	margin-left: 5vw;
	margin-top: -12px;
}
.login .wp-block-button__link{
  font-size: 1rem;
  line-height: 1;
}
header .wp-block-social-links {
	align-items: start;
	padding: 1rem 0;
}
.primary-navigation > * {
	height: fit-content;
}
.header-inner {
  align-items: top;
  display: flex;
  justify-content: space-between;
  z-index: 100;
  margin: 10px 0 0 2.2rem;
  padding: 0;
  max-width: 100vw;
  width: 100%;
}

.header-titles-wrapper {
  margin-right: 4rem;
  max-width: 50%;
  padding: 0;
  text-align: left;
}

.header-titles {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -1rem 0 0 -2.4rem;
}

.header-titles .site-title,
.header-titles .site-logo,
.header-titles .site-description {
  margin: 1rem 0 0 2.4rem;
}

.wp-custom-logo .header-titles {
  align-items: center;
}

.site-header {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 30px;
}

@media (min-width: 1081px) {
  .header-inner {
    padding: 1.5rem 1rem 3.15rem 1rem;
    margin: 0 auto;
  }
}
/* Header Titles ----------------------------- */
.header-titles-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 4rem;
  text-align: center;
}

body:not(.enable-search-modal) .header-titles-wrapper {
  justify-content: flex-start;
  padding-left: 0;
  text-align: left;
}

.site-title,
.site-logo,
.site-description {
  margin: 0;
}

.site-title {
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1;
}

.site-title a {
  color: inherit;
  display: block;
  text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
  text-decoration: underline;
}

.site-description {
  margin-top: 1rem;
  color: #6d6d6d;
  font-size: 1.8rem;
  font-weight: 500;
  display: none;
  letter-spacing: -0.0311em;
  transition: all 0.15s linear;
}

.site-logo a,
.site-logo img {
  display: block;
}

.header-titles .site-logo .site-logo {
  margin: 0;
}

.site-logo img {
  max-height: 6rem;
  margin: 0 auto;
  width: auto;
}

body:not(.enable-search-modal) .site-logo img {
  margin: 0;
}

/* Overlay Header ---------------------------- */
.overlay-header #site-header {
  background: transparent;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.overlay-header .header-inner {
  color: #fff;
}

.overlay-header .site-description,
.overlay-header .toggle {
  color: inherit;
}

.overlay-header .header-inner .toggle-wrapper::before {
  background-color: currentColor;
  opacity: 0.25;
}

.admin-bar.overlay-header #site-header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar.overlay-header #site-header {
    top: 46px;
  }
}
/* Header Navigation ------------------------- */
.header-navigation-wrapper {
  display: none;
}

/* Header Toggles ---------------------------- */
.header-toggles {
  display: none;
}

.header-inner .toggle {
  align-items: center;
  display: flex;
  overflow: visible;
  padding: 0 2rem;
}

.header-inner .toggle svg {
  display: block;
  position: relative;
  z-index: 1;
}

.header-inner .toggle path {
  fill: currentColor;
}

.toggle-inner {
  display: flex;
  justify-content: center;
  height: 2.3rem;
  position: relative;
}

.toggle-icon {
  display: block;
  overflow: hidden;
}

.toggle-inner .toggle-text {
  color: #6d6d6d;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  top: calc(100% + 0.5rem);
  width: auto;
  white-space: nowrap;
  word-break: break-all;
}

.overlay-header .toggle-text {
  color: inherit;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Grids 
--------------------------------------------------------------*/
/** Définition du conteneur de grilles
* --------------------------------------------- */
.innerWide {
  max-width: 90vw;
}

.flexGrid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.flexGrid > * {
  flex: 100%;
}

.stdGrid {
  display: grid;
  grid-gap: 20px;
}

@media only screen and (min-width: 1081px) {
  .col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1081px) {
  .flexGrid {
    flex-wrap: nowrap;
  }
  .flexGrid > * {
    flex: 50%;
    max-width: 50%;
  }
  .revGrid {
    flex-direction: row-reverse;
  }
  /** Définition des grilles
    * --------------------------------------------- */
  .grid20 {
    flex: 20%;
    max-width: 20%;
  }
  .grid25 {
    flex: 25%;
    max-width: 25%;
  }
  .grid30 {
    flex: 30%;
    max-width: 30%;
  }
  .grid33 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid40 {
    flex: 40%;
    max-width: 40%;
  }
  .grid60 {
    flex: 60%;
    max-width: 60%;
  }
  .grid66 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid75 {
    flex: 75%;
    max-width: 75%;
  }
  .grid80 {
    flex: 80%;
    max-width: 80%;
  }
  .grid100 {
    flex: 100%;
    max-width: 100%;
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
  line-height: 1.5;
  margin-bottom: 1rem;
}
.site-footer .wp-block-navigation-link a *{  
  color: #7A7A7A;
}
.site-footer .flexGrid {
  justify-content: flex-start;
}
.site-footer span {
  display: block;
}
.site-footer .adresse span {
  display: inline-block;
}
.site-footer .adresse span.street {
  display: block;
}
.site-footer b {
  margin: 10px 0;
}
.site-footer .bloc-contact {
  font-weight: bold;
  margin: 15px 0;
}
.site-footer .bloc-contact span {
  font-weight: normal;
}
.site-footer .bloc-contact li {
  font-weight: normal;
}
.site-footer .wp-block-button__link {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: wrap;
}
.site-footer .wp-block-button__link svg {
  fill: #E8EDDF;
  width: 30px;
  height: 30px;
}

/*--------------------------------------------------------------
# Navigation
-------------------------------------------------------------*/
.menu-button-container {
  display: none;
  justify-content: space-between;
  position: absolute;
  right: 0;
}
li.wp-block-button__link a{
  padding: 0!important;
}
.menu-button-container button {
  margin-left: auto;
  padding: 10px;
}

@media only screen and (max-width: 1080px) {
  .menu-button-container {
    display: flex;
  }
}
.menu-button-container .button.button {
  display: flex;
  background-color: transparent;
  border: none;
}

.menu-button-container .button.button .dropdown-icon {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}

.menu-button-container .button.button .dropdown-icon.close {
  display: none;
}

.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.open {
  display: none;
}

.menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
  display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container .button.button[aria-expanded*=true] .dropdown-icon.close {
  animation-name: sarangie-close-button-transition;
  animation-duration: 0.3s;
}

.primary-navigation-open .primary-navigation .menu-button-container,
.secondary-navigation-open .secondary-navigation .menu-button-container {
  width: 100%;
  z-index: 500;
  background-color: transparent;
}
.secondary-navigation-open .max90{
  z-index: 1;
}
.primary-navigation-open .menu-button-container #primary-mobile-menu,
.secondary-navigation-open .menu-button-container #secondary-mobile-menu {
  position: static;
}

.primary-navigation {
  position: absolute;
  top: 0;
  right: 1rem;
  color: #353535;
  font-size: 20px;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0;
}
.secondary-navigation {
  position: absolute;
  top: 0;
  left: 10%;
  color: #353535;
  font-size: 20px;
  line-height: 1.15;
  margin-top: 0;
  margin-bottom: 0;
}

.primary-navigation > .primary-menu-container {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 2.2rem;
  padding-left: 2.2rem;
  padding-right: 20px;
  padding-bottom: 2.2rem;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
  transform: translateY(2.2rem);
}
.secondary-navigation > .menu-overlay {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 2.2rem;
  padding-left: 2.2rem;
  padding-right: 20px;
  padding-bottom: 2.2rem;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
  transform: translateY(2.2rem);
}
.secondary-navigation-open .menu-overlay{
  position: fixed;
  visibility: visible;
  opacity: .95;
  transform: translateY(0);
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  background: white;
  height: 100%;
  display: flex;
  padding: 10vh 2rem;
  justify-content: center;
}


@media only screen and (max-width: 1080px) {
  .secondary-navigation > .menu-overlay,
  .primary-navigation > .primary-menu-container {
    height: 100vh;
    z-index: 499;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 2px solid transparent;
    background-color: #fff;
    padding-top: 60px!important;
  }
  .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    position: fixed;
    transform: translateY(0) translateX(100%);
  }
  .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    top: 0;
  }
  .admin-bar .primary-navigation > .primary-menu-container {
    height: 100vh;
  }
  .primary-navigation > .primary-menu-container:focus {
    border: 2px solid #353535;
  }
}
@media only screen and (max-width: 1080px) {
  .secondary-navigation-open .secondary-navigation, 
  .primary-navigation-open .primary-navigation {
    width: 100%;
    position: fixed;
    z-index: 2;
    max-width: 100vw;
    left: 0;
  }
  .secondary-navigation-open .secondary-navigation > .menu-overlay {
    position: absolute;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    display: block!important;
  }
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
  position: absolute;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media only screen and (max-width: 1080px) {
  .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    transform: translateX(0) translateY(0);
  }
  .secondary-navigation-open .has-logo.has-title-and-tagline .secondary-navigation > .menu-overlay {
    transform: translateX(0) translateY(0);
  }
}
@media only screen and (min-width: 1081px) {
  .primary-navigation a:hover{
    transform: translateY(8px);
    color: var(--wp--preset--color--primary)!important;
    text-decoration: none;
  }
  .primary-navigation a{
    transition: .4s
  }
  .primary-navigation {
    position: relative;
    margin-left: auto;
    padding: 1rem 0px;
  }
  .secondary-navigation {
    position: relative;
    margin-right: auto;
    padding: 1rem 0px;
    left: 0;
  }
  .primary-navigation > .primary-menu-container {
    visibility: visible;
    opacity: 1;
    position: relative;
    padding: 0;
    background-color: transparent;
    overflow: initial;
    transform: none;
  }
  .primary-navigation #toggle-menu {
    display: none;
  }
  .admin-bar .primary-navigation {
    top: initial;
  }
  .admin-bar .primary-navigation > .primary-menu-container {
    top: initial;
  }
}
.sub-menu-toggle{
  display: none;
}
.primary-navigation > div > .menu-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  max-width: none;
  padding-left: 0;
  position: relative;
  gap: .5rem;
}
.current_page_item.wp-block-button__link a{
  color: #fff!important;
}
.secondary-navigation .menu-button-container{
  display: block;
  position: relative;
}
.secondary-navigation-open .burger::before,
.secondary-navigation-open .burger::after{
  background-color: #CBCBCB!important;
}
.menu-overlay{
  display: none;
}
.menu-wrapper, .sub-menu{
  list-style: none;
  padding: 0;
}
.menu-wrapper a{
  text-decoration: none;
}

.sub-menu li,
#other-menu-list li{
  margin: .2rem 0;
}
#other-menu-list li.wp-block-button__link{
  margin: 1rem 0;
}
.secondary-navigation-open .header-inner{
  position: relative;
}
.secondary-navigation-open #secondary-mobile-menu{
  position: absolute;
  top: 3.15rem;
  left: 0;
  visibility: visible;
  z-index: 3;
}
.secondary-navigation-open .primary-navigation *{
  visibility: hidden;
}
.secondary-menu-container, .container-right{
  width: 100%;
  max-width: 33%;
}
.secondary-menu-container >.menu-wrapper> li> a,
.other-menu-container > .menu-wrapper> li:first-child> a{
  font-family: "halyard-display", Sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
  color: var(--wp--preset--color--primary);
}
.secondary-menu-container .menu-wrapper li:not(.sub-menu li){
  margin: 2rem 0;
}
.secondary-menu-container .menu-wrapper li:first-child{
  margin-top: 0!important;
}
.secondary-menu-container .menu-wrapper li > .sub-menu{
  margin-top: 1rem;
}
#social-menu-list{
  display: flex;
  gap: 1rem;
}
#social-menu-list i{
  color: var(--wp--preset--color--primary);
}
.identite{
  text-transform: uppercase;
}
.identite:after{
  content: "";
  display: block;
  width: 20%;
  height: 2px;
  background-color: var(--wp--preset--color--primary);
  margin: 1.5rem 0;
}
@media only screen and (max-width: 1080px) {
  .primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
    gap: 1rem;
  }
  .primary-navigation a{
    padding: 0!important;
  }
  .primary-navigation > div > .menu-wrapper ul {
    padding-left: 0;
  }
}
.primary-navigation > div > .menu-wrapper li {
  display: block;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1081px) {
  .primary-navigation > div > .menu-wrapper li {
    margin: 0;
    width: inherit;
    position: relative;
  }
  .primary-navigation > div > .menu-wrapper li:last-of-type:after, .primary-navigation > div > .menu-wrapper li ul.sub-menu li:after {
    display: none;
  }
  .primary-navigation > div > .menu-wrapper li ul.sub-menu li {
    display: initial;
    position: relative;
    line-height: 1.5;
  }
  .primary-navigation > div > .menu-wrapper li ul.sub-menu li::before {
    content: "•"; /* Insert content that looks like bullets */
    color: #353535;
    position: absolute;
    left: 8px;
  }
  .primary-navigation > div > .menu-wrapper li ul.sub-menu li a {
    padding: 5px 20px;
    display: block;
    line-height: 1.5;
  }
  .primary-navigation > div > .menu-wrapper li:last-child() {
    margin-right: 0;
  }
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
  position: relative;
}
.wp-block-button__link.menu-item a{
  text-transform: uppercase;
}
@media only screen and (min-width: 1081px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    left: 0;
    margin: 0;
    min-width: -moz-max-content;
    min-width: max-content;
    position: absolute;
    top: 100%;
    padding-top: 10px;
    transition: all 0.5s ease;
    z-index: 88888;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: #E8EDDF;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
    /* rtl:ignore */
    left: 0;
    /* rtl:ignore */
    right: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
    /* rtl:ignore */
    left: 2.2rem;
    /* rtl:ignore */
    right: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
    /* rtl:ignore */
    right: 0;
    /* rtl:ignore */
    left: auto;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
  .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
    /* rtl:ignore */
    left: auto;
    /* rtl:ignore */
    right: 2.2rem;
  }
}
.primary-navigation .primary-menu > .menu-item:hover > a {
  color: #353535;
}

@media only screen and (min-width: 1081px) {
  .primary-navigation .primary-menu-container > ul > .menu-item {
    display: flex;
    align-items: center;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding: 0 20px;
  }
}
.primary-navigation a {
  display: block;
  font-size: .95em;
  font-weight: 700;
  padding: 10px 0;
  text-decoration: none;
}

@media only screen and (min-width: 1081px) {
  .primary-navigation a {
    display: block;
    transform: translateY(0);
    transition: .4s !important;
  }
}
.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
  color: #353535;
}

.primary-navigation a:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.primary-navigation a:focus {
  position: relative;
  z-index: 99999;
  outline-offset: 0;
  text-decoration-thickness: 2px;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
  color: var(--wp--preset--color--primary);
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.primary-navigation .sub-menu {
  margin: 0;
  padding: 0;
  list-style: inline;
  margin-left: 10px;
}

.primary-navigation .sub-menu .sub-menu {
  border: none;
}

@media only screen and (min-width: 1081px) {
  .primary-navigation .sub-menu > .menu-item > .sub-menu {
    padding: 0;
  }
}
@media only screen and (max-width: 1080px) {
  .primary-navigation .sub-menu .menu-item:last-child() {
    margin-bottom: 0;
  }
}
.primary-navigation .sub-menu .menu-item > a {
  padding: 2.75rem 2.2rem;
  display: block;
  font-size: 1rem;
  font-style: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

@media only screen and (min-width: 1081px) {
  .primary-navigation .sub-menu .menu-item > a {
    font-size: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
    font-style: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
  }
}
.primary-navigation .menu-item-has-children > .svg-icon {
  display: none;
}

@media only screen and (min-width: 1081px) {
  .primary-navigation .menu-item-has-children > .svg-icon {
    display: inline-block;
    height: 100%;
  }
  .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
    display: none;
  }
}
.primary-navigation .menu-item-description {
  display: block;
  clear: both;
  font-size: 0.6875rem;
  text-transform: none;
  line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
  display: inline-block;
}

@media only screen and (max-width: 1080px) {
  .lock-scrolling .site {
    position: fixed;
    max-width: 100%;
    width: 100%;
  }
}
@keyframes sarangie-close-button-transition {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.burger-menu {
  position: relative;
  width: 25px;
  height: 27px;
  cursor: pointer;
  margin-top: 8px;
  margin-right: 15px;
}

.burger {
  background-color: transparent;
  transition: all 0.12s ease-in-out;
  display: block;
  line-height: 0;
  position: absolute;
}
.burger:before, .burger:after {
  background-color: #353535;
  content: "";
  width: 25px;
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.12s ease-in-out;
}

.close .burger::after {
  transform: rotate(-45deg);
  bottom: -10px;
}

.close .burger::before {
  transform: rotate(45deg);
  top: 8px;
}

.open .burger {
  line-height: 0;
  width: 25px;
  height: 2px;
  background-color: #353535;
  margin-top: 8px;
}
.open .burger:before {
  top: 8px;
  transform-origin: 100% 50%;
}
.open .burger:after {
  bottom: 8px;
  transform-origin: 100% 50%;
}

/*--------------------------------------------------------------
# Fil d'ariane
--------------------------------------------------------------*/
#nav-breadcrumbs {
  margin: 0 auto;
}

#breadcrumbs {
  display: inline-block;
  margin: 10px 0;
  padding: 0;
}
#breadcrumbs > * {
  display: inline;
  margin: 5px 6px 5px 0;
  padding: 0;
  color: #353535;
}
#breadcrumbs > *:last-child:after {
  display: none;
}
#breadcrumbs > * > a {
  padding: 0;
  color: #353535;
  cursor: pointer;
}
#breadcrumbs > * > a:hover, #breadcrumbs > * > a:focus {
  color: #353535;
}
#breadcrumbs > * > span {
  padding: 10px 10px 0 0;
  color: #353535;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.wp-block-button__link {
  border-radius: 5px;
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  font-weight: 700;
  font-size: 18px;
  transition: .4s;
}
.wp-block-button__link br {
  margin: 0.3em;
}

div:not(.filters) .wp-block-button__link:hover{
  transform: translateY(8px);
}

/*--------------------------------------------------------------
# pagination
--------------------------------------------------------------*/
#listPagination {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
#listPagination .page-numbers {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #E8EDDF;
  background: #3C6E71;
  border: 2px solid #3C6E71;
  overflow: hidden;
  text-decoration: none;
}
#listPagination .page-numbers:hover, #listPagination .page-numbers:focus {
  text-decoration: none;
  background-color: #2a4e50;
  color: #E8EDDF;
}
#listPagination .page-numbers.current {
  color: #3C6E71;
  border-color: #3C6E71;
  background: #E8EDDF;
}
#listPagination .page-numbers.next {
  text-indent: -999px;
}
#listPagination .page-numbers.next:before {
  content: ">";
  display: block;
  text-indent: 0;
  font-size: 1.4rem;
  position: relative;
  top: -1px;
  left: 1px;
}
#listPagination .page-numbers.prev:before {
  content: "<";
  display: block;
  text-indent: 0;
  font-size: 1.4rem;
  position: relative;
  top: -1px;
  right: 1px;
}

/* Navigation entre posts
-----------------------------------------------------------------*/
.nav-links {
  grid-template-columns: initial;
  display: block;
  padding: 0 2.2rem;
  margin: 0 auto;
}
.nav-links .nav-previous {
  grid-area: 1/1;
}
.nav-links .nav-next {
  grid-area: 1/3;
}
.nav-links a {
  text-decoration: none;
}

@media only screen and (min-width: 1081px) {
  .nav-links {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    margin: 0 auto;
    padding: 0;
  }
}
/*--------------------------------------------------------------
# page 404
--------------------------------------------------------------*/
.error404 #primary {
  padding: 120px 0;
}

/*--------------------------------------------------------------
# template de page archive
--------------------------------------------------------------*/
.categories-list {
  display: flex;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 15px 2.2rem;
}
.categories-list span {
  margin-right: 10px;
}
.categories-list ul {
  display: flex;
}
.categories-list .cat-item {
  margin: 0 15px;
}
.categories-list .current-cat {
  font-weight: bold;
}

.display-img {
  margin: 1rem 0;
  padding: 0 2.2rem;
}
.display-img .toggle {
  position: relative;
  width: 38px;
  height: 18px;
  border-radius: 9px;
  transition: background 0.2s ease;
  border: 1px solid #284B63;
  margin-left: 12px;
  display: inline-block;
  top: 5px;
  cursor: pointer;
}
.display-img .toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 3px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #f8f8f4;
  transition: all 0.2s ease;
  border: 1px solid #3C6E71;
}
.display-img .toggle.active {
  background: #284B63;
}
.display-img .toggle.active:after {
  transform: translateX(19px);
}

.articles-list {
  padding: 3rem 0 4.5rem 0;
}
.articles-list article {
  background: #cdcdcd;
}
.articles-list.show-images article img.wp-post-image {
  display: block;
}

.more-link {
  color: #353535;
}

.readMore {
  display: block;
}

@media only screen and (min-width: 1081px) {
  .categories-list {
    padding: 15px 0;
  }
  .display-img {
    padding: 0;
  }
}
/*--------------------------------------------------------------
# template de page cpt
--------------------------------------------------------------*/
.global-style ul li {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
.global-style ul li:before {
  content: ">";
  color: #3C6E71;
  position: absolute;
  top: 0;
  left: 0;
}

/*--------------------------------------------------------------
# template de page home
--------------------------------------------------------------*/
.wp-block-navigation__container,
.wp-block-social-links{
  list-style: none;
  padding-left: 0;
}
.derniers-articles {
  text-align: center;
  padding: 3rem 0 4.5rem 0;
}
.derniers-articles h2, .derniers-articles article {
  text-align: left;
}
.derniers-articles h2 {
  grid-column: 1/-1;
  padding: 2.2rem;
}
.derniers-articles h3 {
  margin: 0 0 10px 0;
}
.derniers-articles h3 a {
  text-decoration: none;
}
.derniers-articles .stdGrid {
  grid-gap: 0;
}
.derniers-articles .wp-block-button__link {
  margin: 36px 0 0 0;
  display: inline-block;
}

@media only screen and (min-width: 1081px) {
  .derniers-articles .stdGrid {
    grid-gap: 20px;
  }
  .derniers-articles h2 {
    padding: 0;
  }
  .home section:first-child {
    margin-top: 0;
  }
  .home section {
    padding-bottom: 0;
  }
  .home .bg-image{
    margin-top: -248px;
    min-height: 100vh;
  }
}
.home .bg-image{
  background: url("../../../wp-content/uploads/2023/06/blandineau_background-home.webp") no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: relative;
  padding: 0;  
}
.home .bg-image .wp-block-columns *{
  color: var(--wp--preset--color--base)!important;
}
.bg-image > div{
  z-index: 1;
  position: inherit;
}
@media only screen and (min-width: 1081px){
  .max90 {
    max-width: 90%;
    width: 100%;
    margin: auto;
    position: relative;
    padding: 2rem;
    margin-top: -20vh;
    background: #fff;
    z-index: 10;
  }
}
.max90{
  padding: 2rem;
  box-shadow: 0 0 10px 0 rgba(15.999999999999986,20.99999999999998,26.999999999999975,.21);
}
.masonry {
  column-count: 6;
  width: 100%;
  display: block !important;
  column-gap: 5px!important;
}
.masonry > figure{
  margin-bottom: 5px !important;
}
.masonry img{
  object-fit: cover;
  border-radius: 5px;
}
.bg-image-2{
  background: url("../../../wp-content/uploads/2023/07/wallpapaer-rhinov.webp") no-repeat;
  background-position: center;
  background-size: cover;
}
.type-biens.grid{
  display: grid;
  grid-template-columns: 2fr 3fr 1fr;
  align-items: start;
}
.selection .wp-block-button__link{
  margin: 0 auto;
}
.selection .small{
  font-size: 80%;
}
.selection .type-biens{
  position: relative;
}
.selection figure a:before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------
# template de post
--------------------------------------------------------------*/
.categorie-post {
  display: block;
  margin-bottom: 15px;
}

article .contentBlock {
  padding: 2.2rem;
}
article .wp-post-image {
  display: block;
  width: 100%;
  aspect-ratio: 2/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.type-post .taxonomy-category a:not(:first-child),
.type-post .taxonomy-category span,
.type-post .wp-block-post-excerpt__more-link,
.type-post .more-link-container{
  display: none;
}
.type-post .wp-block-separator{
  margin: 24px -32px !important;
}

.type-post .taxonomy-category{
  padding: 5px 10px;
  width: fit-content;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
}
.type-post {
  position: relative;
}
.type-post .wp-block-post-featured-image a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.type-post .wp-block-post-featured-image{
  position: initial;
  margin: 0;
}
.type-post .wp-block-group.has-background{
  height: 100%;
  justify-content: space-between;
}

div.wrapper{
  display: flex;
  gap: 2rem;
}

.wrapper .item {
	border-radius: 50%;
	font-family: "new-atten",Sans-serif;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,.4);
	font-size: 17px;
	text-align: center;
	line-height: 20px;
	box-sizing: content-box;
	max-width: 1.25rem;
	width: 100%;
	padding: 1%;
}

.item:nth-child(1){
  background: #3fccc3;
}
.item:nth-child(2){
  background: #7ecd9d;
}
.item:nth-child(3){
  background: #bfd081;
}
.item:nth-child(4){
  background: #fbd266;
}
.item:nth-child(5){
  background: #f89969;
}
.item:nth-child(6){
  background: #f3716c;
}
.item:nth-child(7){
  background: #f04770;
}
.item:nth-child(1).active{
  box-shadow: 0 0 0 10px rgba(63,204,195,.5)
}
.item:nth-child(2).active{
  box-shadow: 0 0 0 10px rgba(126,205,157,.5)
}
.item:nth-child(3).active{
  box-shadow: 0 0 0 10px rgba(191,208,129,.5);
}
.item:nth-child(4).active{
  box-shadow: 0 0 0 10px rgba(251,210,102,.5)
}
.item:nth-child(5).active{
  box-shadow: 0 0 0 10px rgba(248,153,105,.5)
}
.item:nth-child(6).active{
  box-shadow: 0 0 0 10px rgba(243,113,108,.5)
}
.item:nth-child(7).active{
  box-shadow: 0 0 0 10px rgba(240,71,112,.5)
}

.item.active{
  color: black;
}

/*--------------------------------------------------------------
# Filtres biens
--------------------------------------------------------------*/
.typeview{
  padding: 3rem 0;
}
.typeview.grid{
  display: grid;
  column-gap: 3rem;
  row-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.typeview.list .type-biens{
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 2rem 0;
  align-items: center;
}
.typeview.list .cardbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}
.typeview .cardbox .wp-block-group:last-child,
.typeview.list .cardbox .wp-block-group{
  flex-direction: column;
  padding: 0;
}
.typeview.list .cardbox .wp-block-group:first-child{
  order: 1;
}
.typeview .cardbox .wp-block-group:last-child,  
.typeview.list .cardbox .wp-block-group:last-child{
  max-width: 100%;
  order: 0;
  align-items: start;
}
.colortype {
	color: #fff;
	padding: .4rem 1rem;
	border-radius: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
  width: fit-content;
}
.type-biens .price {
	color: black;
	font-weight: 700;
	font-size: 18px !important;
	font-family: "halyard-display",Sans-serif;
}
.cardbox{
  padding: 1.5rem;
}
.typeview .type-biens a:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.typeview .type-biens{
  position: relative;
  border-radius: 1rem;
  box-shadow : rgba(0, 0, 0, 0.05) 0px 2px 18px 0px;
} 
.typeview p.wp-block-button__link {
	display: block;
	width: fit-content;
}
.type-biens .title{
  color: black!important;
}
.type-biens img{
  border-radius: 5px;
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  height: auto;
}

.typeview.list img{
  max-width: 100%;
  align-content: center;
  display: flex;
}
@media only screen and (min-width: 1081px){
  .typeview .type-biens img {
    max-height: 288px;
    margin: auto;
    max-width: 100%;
  }
}
.filters{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0!important;
  flex-direction: column;
}
.filters,
.filters *{
  width: 100%;
}
.home .morefilters{
  display: none!important;
}
.filters .view{
  flex-direction: row!important;
  gap: 2rem;
  justify-content: center;
}
.filters .view p{
  width: fit-content;
  opacity: .5;
}
.filters .view p:hover{
  cursor: pointer;
}
.filters .view p.active{
  opacity: 1;
}
.filters .view i{
  color: #ec733b;
  font-size: 2rem;
}
.hidden{
  display: none!important;
}
@media only screen and (min-width: 1081px){
  .filters{
    flex-direction: row;
  }
  .rangecontainer > p{margin: 0;}
  .filters .wp-group {
    max-width: calc((100% - 5rem)/6);
  }
}
.filters select,
.filters #dropdownToggle{
  color: black!important;
  background: #fff;
  border: 1px solid black;
  border-radius: 4px;
  padding: 15px 22px 15px 14px;
  font-size: 1rem;
}
.filters input[type="number"]{
  padding: 11px 1px 11px 14px
}
.filters #dropdownToggle{
  padding: 12px 22px 13px 14px;
}
.filters #dropdownToggle::placeholder{
  opacity: 1;
}
.rangecontainer{
  position: relative;
}
.wp-group.flex {
  display: flex;
  flex-direction: column;
}
.printvalue {
	margin: 1.2rem 0 0 0;
}
.filters input[type="range"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 10px;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.slider-track{
  width: 100%;
  height: 6px;
  position: absolute;
  margin: auto;
  top: 10px;
  bottom: 0;
  border:1px solid #D3D3D3;
  border-radius: 6px;
  background: #FAFAFA;
}
.filters input[type="range"]::-webkit-slider-runnable-track{
  -webkit-appearance: none;
}
.filters input[type="range"]::-moz-range-track{
  -moz-appearance: none;
}
.filters input[type="range"]::-ms-track{
  appearance: none;
}
.filters input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #EC733B;
  border-color: #EC733B;
  pointer-events: auto;
}
.filters input[type="range"]::-moz-range-thumb{
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #EC733B;
  border-color: #EC733B;
  pointer-events: auto;
}
.filters input[type="range"]::-ms-thumb{
  appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #EC733B;
  border-color: #EC733B;
  pointer-events: auto;
}
.filters .multiselect {
  position: relative;
  display: inline-block;
}
.filters .multiselect .checkbox-list {
	display: none;
	position: absolute;
	background-color: #fff;
	padding: 0px;
	max-height: 150px;
	overflow-y: auto;
	border: 1px solid rgba(0, 0, 0, .5);
	margin-top: 0;
	border-radius: 5px;
  z-index: 10;
}

.filters .multiselect .checkbox-list li {
  list-style-type: none;
  margin: 5px;
  font-size: .8rem;
  color: black;
}
.filters .multiselect .checkbox-list li:hover{
  background: rgba(0, 0, 0, .2);
}
.filters .multiselect i{
  width: auto!important;
  position: absolute;
  right: 5px;
  top: 20px;
  font-size: .6rem;
  color: black;
}
.filters .multiselect .checkbox-list label {
  margin-left: 5px;
  cursor: pointer;
}
.filters input[type="checkbox"]{
  width: auto!important;
}

/*--------------------------------------------------------------
# Gallerie : biens
--------------------------------------------------------------*/
.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  touch-action: pan-y;
}
.slider-content {
  display: flex;
  transition: transform 0.5s ease-in-out!important;
  width: 100%; /* Ajoutez cette ligne */
}
.slider-content div {
  width: 100%; /* Modifiez cette ligne */
  height: auto;
  object-fit: cover; /* Ajoutez cette ligne */
  max-width: none;
  max-height: none;
  display: none;
  aspect-ratio: 2/1;
  cursor: pointer;
}
.slider-content div.enlarged {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	padding: 5%;
	object-fit: contain;
  text-align: center;
}
#resultats .img-content.exclusif,
.img-content.active{
  position: relative;
}
#resultats .img-content.exclusif::before,
.slider-content.exclusif .img-content.active:before{
  content: "Exclusivité Amepi";
  text-transform: uppercase;
  color: white;
  background-color: #125780;
  padding: .2em;
  position: absolute;
  top: 10%;
  z-index: auto;
  display: block;
  border-radius: 0% 50px 50px 0%;  
  max-width: 20%;
  text-align: center;
  font-weight: 900;
  font-size: 1.2rem;
}
#resultats .img-content.exclusif::before{
	max-width: 30%;
}
.slider-content .img-content img {
	width: 100%;
	height: auto;
	max-height: 100%;
}
.slider-content:not(.enlarged) .img-content.enlarged img {
	object-fit: contain;
	max-height: 100%;
	width: auto;
	margin: 0 auto;
	display: block;
}
.slider.enlarged .slider-arrow{
  z-index: 9999!important;
  position: fixed;
}
.slider.enlarged{
  position: inherit;
}
.thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.thumbnails img {
  width: 80px;
  height: auto;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s ease-in-out;
  aspect-ratio: 1/1;
}
.thumbnails img:hover,
.thumbnails img.active {
  border-color: blue;
}
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #f1f1f1;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
}
.slider-arrow:hover {
  background-color: #ddd;
}
.slider-arrow-left {
  left: 10px;
}
.slider-arrow-right {
  right: 10px;
}
/*--------------------------------------------------------------
# Template de page : biens
--------------------------------------------------------------*/
.biens-template-default .is-resized svg{
  max-width: 40px;
  height: auto;
}
.biens-template-default .has-black-text p{
  color: #000;
}
.biens-template-default .has-black-text:not(.no-shadow){
  padding: 2rem;
  box-shadow: 0 0 40px 0 rgba(0,0,0,.12);
}
.biens-template-default .has-black-text em{
  color: var(--wp--preset--color--primary);
  font-style: normal;
  font-weight: 600;
}
.biens-template-default .has-black-text p{
  line-height: 1;
  font-size: 1rem;
}
.biens-template-default .price {
	color: var(--wp--preset--color--primary);
	font-weight: 900;
	font-size: 30px;
	font-family: "atten-new",Sans-serif;
}
.biens-template-default em {
	font-style: normal;
	font-size: .8rem;
}
.biens-template-default .ville{
    text-transform: uppercase;
    color: black;
    padding: 7px;
    border: 1px solid #CACACA;
    width: fit-content;
    letter-spacing: 1px;
    font-size: .8rem;
    line-height: 1;
}
.biens-template-default .info.wp-block-columns{
  flex-wrap: nowrap;
  align-items: inherit;
}
.biens-template-default .fixed{
  display: flex;
  flex-direction: column;
  position: sticky;
}
.biens-template-default .sticky{
  position: sticky;
  top: 0rem;
}
.biens-template-default .sticky > .wp-block-group{
  margin-bottom: 1.5rem;
  border-width: 1px;
  border-radius: 5px;
  padding: 1.5rem;
}
.biens-template-default .map{
  margin: 5rem auto;
}
.biens-template-default iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 3/1;
}
/** Debut ajout - 19/03/2024 **/
#resultats .type-biens .wp-block-buttons{
  justify-content: space-between;
  width: 100%;
}
.biens-template-default .wp-block-button.play a:before,
#resultats .type-biens .wp-block-button.play::before{
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" style="enable-background:new 0 0 100 100;" xml:space="preserve"><path style="" d="M50,0C22.388,0,0,22.388,0,50s22.388,50,50,50s50-22.388,50-50S77.612,0,50,0z M31.25,75V25 l50.024,25L31.25,75z" fill="%23EC733B"/></svg>');
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto .5rem auto;
}
.biens-template-default .wp-block-button.play a,
#resultats .type-biens .wp-block-button.play{
  padding: 0;
  background: transparent;
  color: #EC733B;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}

.biens-template-default .wp-block-button {
	flex-basis: calc(50% - 1.5rem) !important;
}
#resultats .wp-block-button.play{
  flex-basis: 25%;
}
.biens-template-default .sticky > .wp-block-group:first-child .wp-block-buttons{
  flex-wrap: wrap;
}
/** Fin ajout - 19/03/2024 **/
/*--------------------------------------------------------------
# Page : Vente
--------------------------------------------------------------*/
.bg-image-3{
  background: url("../../../wp-content/uploads/2023/07/garantie_2-scaled-1-1024x683.webp") no-repeat;
  background-size: 50%;
  background-position: right;
}
.schema-faq-section:last-child img {
	max-width: 20% !important;
	width: 100%;
	display: inline-flex;
	aspect-ratio: 2/1;
	object-fit: contain;
	margin-right: 1rem;
}
.img-left {
  padding: 8rem 2rem!important;
}
.img-left.notop{
  margin-top: 0!important;
}
.img-left .wp-block-column:first-child img {
	opacity: .5;
  position: relative;
  left: -60%;
  transform: scale(1.4);
}
/*--------------------------------------------------------------
# Page : Location
--------------------------------------------------------------*/
.bg-image-4{
  background: url("../../../wp-content/uploads/2023/07/quentin-gturt6hvfsg-unsplash-1.webp") no-repeat;
  background-size: 50%;
  background-position: right;
}
.wp-block-table mark{
  font-size: 20px;
}
.bg-image-5,
.bg-image-9{
  position: relative; 
}
.bg-image-5:before,
.bg-image-9:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	background: url("../../../wp-content/uploads/2023/07/blandineau-wallpaper2.webp") no-repeat;
	background-size: 60% auto;
	background-position: right;
	opacity: .2;
  z-index: -1;
}
.bg-image-9::before {
	background-image: url("../../../wp-content/uploads/2023/07/blandineau-wallpaper.webp");
	background-position: top right;
	opacity: .2;
}
.checklist, .arrowlist{
  list-style: none;
  padding: 0;
}
.checklist li,
.arrowlist li{
  display: flex;
}
.checklist li:before,
.arrowlist li::before{
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
  color: #EC733B;
  margin-right: .5rem;
  display: inline;
}
.arrowlist li::before{
  content: "\f054"!important;
}
/*--------------------------------------------------------------
# Page : Gestion
--------------------------------------------------------------*/
.bg-image-6{
    background: url("../../../wp-content/uploads/2023/07/toa-heftiba-nrszruwqmoi-unsplash-1.webp") no-repeat;
    background-size: 50%;
    background-position: right;
}
/*--------------------------------------------------------------
# Page : Neuf
--------------------------------------------------------------*/
.bg-image-7{
  background: url("../../../wp-content/uploads/2023/07/jason-briscoe-uv81e0oxxwq-unsplash-scaled-1.webp") no-repeat;
  background-size: 50%;
  background-position: right;
}
.picto img,
.etape .picto svg{
  max-width: 60px;
}
.etape .size-full.picto img{
  max-width: 100px;
}

.etape > i.fa-chevron-right{
  align-self: center;
}
.etape p{
  color: black;
  font-family: "atten-new",Sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.border-extra-right.bg-image-5:before{
  z-index: -1;
  opacity: .1;
  background-size: 100% auto;
  background-position: bottom right
}
.background{
  position: relative;
}
.background:before{
  content: "";
  height: 40vh;
  width: 100%;
  z-index: -1;
  position: absolute;
  background: #FDF5F3;
  top: -15vh;
  left: 0;
}
/*--------------------------------------------------------------
# Page : Contact
--------------------------------------------------------------*/
.minmark mark{
  font-size: 20px;
}
/*--------------------------------------------------------------
# Page : Histoire
--------------------------------------------------------------*/
.masonry.double{
  column-count: 2;
}
.bg-image-5.left:before{
  background-position: left bottom;
}
/*--------------------------------------------------------------
# Page : Recrutement
--------------------------------------------------------------*/
.bg-image-8{
  background: url("../../../wp-content/uploads/2023/07/photo-equipes-modifie-2.webp") no-repeat;
  background-size: 50%;
  background-position: right;
}
@media screen and (min-width: 1081px) {
  .shift_y_neg img{
    margin-bottom: -8rem;
  }  
}
/*--------------------------------------------------------------
# Page : Blog
--------------------------------------------------------------*/
.blog .type-post{
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.blog .type-post:hover{
  box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}
.blog .type-post .taxonomy-category{
  left: auto;
  right: 1rem;
}
.blog .hoverpost {
	width: fit-content;
	position: relative;
	left: 2rem;
	margin: -30px 0 -10px 0 !important;
}
/*--------------------------------------------------------------
# Page : Single Blog
--------------------------------------------------------------*/
.post-template-default .has-link-color a{
  color: var(--wp--preset--color--primary);
}
.post-template-default .entry-content{
  background: rgb(255,250,245);
}
.nav-links .nav-next a{
  text-align: right;
}
.nav-links a > p{
  color: var(--wp--preset--color--primary);
  text-transform: uppercase;
}
.post-template-default h2, .post-template-default h3{
  font-size: 2rem;
}
.other-post img{
  aspect-ratio: 2/1;
  object-fit: cover;
  width: 100%;
}
.other-post .has-halyard-display-font-family{
  color: black;
  line-height: 20px;
}
.other-post .has-halyard-display-font-family + p{
  font-size: .9rem;
  margin-top: .5rem;
}
/*--------------------------------------------------------------
# Page : Mentions légales
--------------------------------------------------------------*/
.mentions p,
.mentions li{
  color: black;
}
/*--------------------------------------------------------------
# Page : Innovations
--------------------------------------------------------------*/
.bg-image-10{
  background: url("../../../wp-content/uploads/2023/07/avant-apres-paysage-3.webp") no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-image-10 h1{
  color: #fff!important;
}
.masonry.cinq{
  column-count: 5;
}
.bg-image-11{
  background: url("../../../wp-content/uploads/2023/07/ar24-logo-white-no-bg.webp") no-repeat;
  background-size: 50%;
  background-position: right;
}
.opa1{
  opacity: .1;
}
.masonry.quatre{
  column-count: 4;
  gap: 3rem!important;
}
.masonry.quatre img{
  aspect-ratio: 2/1;
  object-fit: contain;
}
.title-search:first-letter{
  text-transform: uppercase;
}

.jobs-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:30px;
}
.job-card{
    background:#FCF3F1;
    padding:40px;
    border-radius:28px;
    border:2px solid #EC733B;
    position: relative;
}
.job-title{
    font-size:24px;
    font-weight:700;
}
.job-location{
    display:inline-block;
    background:#EC733B;
    color:white;
    padding:6px 14px;
    border-radius:20px;
    font-size:16px;
    margin:12px 0 25px;
}
.job-section{
    margin-bottom:25px;
}
.job-section h2,
.job-section h3{
    color: #ec733b !important;
    font-size: 16px!important;
    margin-bottom:10px;
}
.job-section h2{
  font-size: 20px!important;
}
.job-tags{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.job-tag{
    border:1.5px solid #EC733B;
    padding:5px 12px;
    border-radius:18px;
    background-color: #fff;
    color: #000;
}
.job-description{
  max-height: 200px;
  min-height: 200px;
  overflow-y: scroll;
  position: relative;
}
.job-card li,
.job-card p{
  color: #000!important;
}
.job-card.open .job-excerpt,
.job-card:not(.open) .job-full{
    display:none;
}
.job-card.open{
  padding: 40px 40px 80px 40px;
}
.job-card.open .btn-read{
    display:none;
}
.job-card .job-excerpt,
.job-card .job-full{
  position: absolute;
  left: 0;
  top: 0;
}
.job-card .job-full > p:first-child{
  margin-top: 0;
}
.job-actions{
    display:flex;
    justify-content:flex-end;
    gap:12px;
}
.btn-read {
    background: #404AA9;
    color: white;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    margin-right: 120px;
}
.btn-apply {
    border: 1.5px solid #404AA9;
    color: #404AA9;
    background-color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    position: absolute;
    right: 40px;
    bottom: 40px;
}
@keyframes slideDown {
  from {
    transform: translateY(60vh);
  }
  to {
    transform: translateY(9vh);
  }
}

.pop-view {
  position: relative;
  animation: slideDown 3s ease-out forwards!important;
  overflow: hidden;
}
.pop-view a:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1081px) and (max-width: 1350px){
  .primary-navigation > div > .menu-wrapper li a{
    font-size: clamp(0.75rem, 1.487vw - 0.255rem, 1rem)!important;
  }
  .primary-navigation > div > .menu-wrapper li.wp-block-button__link a{
    font-size: clamp(0.625rem, 2.23vw - 0.882rem, 1rem)!important;
  }
  #primary-menu-list .icon a {
    padding: 0 .25rem;
    font-weight: 400;
  }
} 
@media only screen and (max-width: 1300px){
  .img-left .wp-block-column:first-child img {
    left: 0;
    transform: scale(1);
  }
}
@media only screen and (min-width: 1081px){
	.primary-navigation .wp-block-button__link a:hover{
    color: #fff!important;
    transform: translateY(0);
  }
  .desktop-hidden{
    display: none;
  }/* 
  .home .site-branding {
    opacity: 0;
    height: 0;
  } */
   .home .bg-image .wp-block-columns{
    height: 90vh;
   }
  .site-branding img{
    margin-bottom: -3rem;
  }
  .home .secondary-navigation .button *,
  .home .primary-navigation *{
    color: #fff!important;
  }
  .home .open .burger,
  .home .burger::before,
  .home .burger::after{
    background: #fff;
  }
  .border-extra-right{
    border-top-right-radius: 50% 5%;
    margin-top: -2rem;
    z-index: -1;
  }  
  .post-template-default .entry-content > .alignfull > .alignwide{
    max-width: 90%!important;
  }
  .post-template-default .thumbnails{
    transform: scale(1.2);
    position: relative;
    top: 3rem;
  }
  .post-template-default .wp-container-7{
    padding-top: 12rem!important;
  }
  .masonry.quatre.alignwide {
    max-width: 900px!important;
  }
  .max75 > .wp-block-group{
    max-width: 50%;
  }
  .slider-content div.active{
    display: block;
  }
  .biens-template-default .info > .wp-block-column:first-child{
    max-width: 66.66%;
  }
  .biens-template-default .info > .wp-block-column:last-child{
    max-width: 33.33%;
  }
  .biens-template-default .wp-block-columns.is-layout-flex.wp-container-16 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1080px){
  .home .bg-image{
    overflow: hidden;
  }
  .home .bg-image .wp-block-column{
    flex-basis: 100%!important;
  }
  .home .entry-content > .bg-image{
    padding-top: 50vw!important;
    margin-top: -180px;
  }
  @keyframes slideDown {
    from {
      transform: translateY(70vh);
    }
    to {
      transform: translateY(30vh);
    }
  }
  .menu-button-container #secondary-mobile-menu .dropdown-icon{
    color: #fff!important;
  }
  .menu-button-container #secondary-mobile-menu .burger,
  .menu-button-container #secondary-mobile-menu .burger:before,
  .menu-button-container #secondary-mobile-menu .burger:after{
    background-color: #fff;
  }
  .secondary-navigation-open #site-navigation{
    top: 0;
  }
  .mobile-hidden{
    display: none!important;
  }
  .header-inner{
    margin: 0;
    min-height: 3rem;
  }
  .site-header{
    padding: 1rem;
  }
  .site-branding{
    max-width: 3rem;
  }
  .secondary-navigation{
    right: 1rem;
  }
  .menu-button-container .button.button .dropdown-icon{
    color: black;
  }
  .site-branding img{
    width: 100%;
    height: auto;
  }
  #site-navigation{
    top: 1rem;
  }
  .primary-navigation-open .bg-image,
  .secondary-navigation-open .bg-image{
    z-index: -1;
  }
  .primary-navigation{
    display: none!important;
  }
  .primary-navigation .burger-menu{
    margin-right: 0;
  }
  .primary-navigation-open .primary-navigation{
    right: 0;
    top: 0;
  }
  .primary-navigation .icon,
  .primary-navigation .icon a{
  width: fit-content !important;
  }
  .secondary-navigation-open .menu-overlay {
    justify-content: space-around;
    flex-direction: column;
  }
  body .is-layout-constrained > .alignwide{
    max-width: 100%;
  }
  body .entry-content > .alignfull,
  .bg-image-2, footer > .alignwide,
  .entry-content > .wp-block-group.alignwide{
    padding: 2rem!important;
  }
  .wp-container-24.wp-container-24 > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .wp-container-24.wp-container-24 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: none!important;
  }
  .biens-template-default .entry-content > .wp-block-columns.info{
    flex-wrap: wrap!important;
  }
  .biens-template-default .info > .wp-block-column{
    flex-basis: 100%!important;
  }
  #cmplz-document,
  .biens-template-default .entry-content > .wp-block-columns,
  .biens-template-default .entry-content > .wp-block-group.desktop-hidden,
  #nav-breadcrumbs{
    max-width: 90%;
    margin: auto
  }
  .biens-template-default .desktop-hidden > .wp-block-group {
    margin-bottom: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    padding: 1.5rem;
  }
  .has-global-padding > .alignfull {
    margin-right: 0;
    margin-left: 0;
  }
  .all-menu .has-global-padding{
    padding: 0;
  }
  .all-menu img{
    max-width: 100px;
  }
  /** Annonce **/
  .background::before{
    height: 60vh;
    top: 0;
  }
  .typeview .type-biens img{
    max-width: 100%;
  }
  .filters .view{
    justify-content: center;
  }
  .schema-faq-question{
    display: flex!important;
    justify-content: space-between;
  }
  .schema-faq-question .fa-plus, .schema-faq-question .fa-minus{
    max-width: 24px;
  }
  .max75 figure{
    max-width: 33%!important;
  }
  .info > .wp-block-column:first-child{
    order: 2;
  }
  .slider-content div.active {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #resultats .img-content.exclusif::before,
  .slider-content.exclusif .img-content.active:before {
    max-width: 35%;
    font-size: .9rem;
  }
  .slider-content.exclusif .img-content.active:before{
    font-size: 1rem;
    max-width: 20%;
  }
  .max75 img{
    width: 100%!important;
    aspect-ratio: 1/1;
    height: auto!important;
  }
  .etapes{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .etapes .wp-block-separator{
    display: none;
  }
  .etape:last-child{
    margin: 0;
  }
  .etape .size-full.picto img{
    max-width: 100%;
  }
  .etape .fa-chevron-right:before{
    content: "\f078";
  }
  .etape{
    flex-direction: column;
  }
  .etape > .wp-block-group{
    align-items: center!important;
  }
  .wp-block-group[class*="bg-image-"] > .wp-block-columns {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important;
    flex-direction: column;
  }
  .bg-image-3, .bg-image-4, .bg-image-6, .bg-image-7, .bg-image-8 {
    background-size: contain;
    background-position: top;
    padding-top: 70vw !important;
  }
  .bg-image-7{
    background-size: contain;
    background-position: top;
    padding-top: 55vw !important;
  }
  .bg-image-8{
    padding-top: 20rem !important;
  }
  .typeview.grid {
    grid-template-columns: 1fr;
  }
  .filters .wp-group.range .rangecontainer{
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .filters .wp-group.range .rangecontainer > label.slider1,
  .filters .wp-group.range .rangecontainer > input#slider1{
    order: 1;
  }
  .filters .wp-group.range .rangecontainer > label,
  .filters .wp-group.range .rangecontainer > input{
    order: 2;
  }
  .filters .wp-group.range .rangecontainer > input{
    margin-bottom: 1em;
  }
  .jobs-grid{
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  footer > .is-layout-flex{
    flex-direction: column
  }
  .type-biens.grid{
    grid-template-columns: 1fr;
  }

  .biens-template-default .map {
    margin: 0;
  }
  .biens-template-default .info > .wp-block-column:first-child .wp-block-columns .is-nowrap p{
    margin: 0;
  }
  /* Rendre le tableau responsive avec scroll horizontal */
  .wp-block-table table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    table-layout: auto!important;
  }

  /* Permettre aux cellules de se réduire */
  .wp-block-table td {
    min-width: 50vw;
    white-space: pre-wrap;
  }

  .wp-block-table tr td:first-child{
      position: sticky;
      z-index: 3;
      left: 0;
      background: var(--wp--preset--color--salmon) !important;
      min-width: 40vw;
  }
  #resultats .img-content.exclusif::before,
  .slider-content.exclusif .img-content.active:before {
    max-width: 40%;
    font-size: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .secondary-menu-container, .container-right{
    max-width: none;
  }
  .filters .morefilters{
    flex-direction: column;
    gap: 2rem;
  }
  .typeview.grid{
    grid-template-columns: 1fr!important;
  }
  .filters .view{
    display: none;
  }
  .biens-template-default div.wrapper{
    gap: 0;
    justify-content: space-between;
  }
  .typeview .type-biens .title{
    font-size: 20px;
  }
  .typeview .type-biens .title + p{
    display: none;
  }
}