@charset "UTF-8";
/*
Theme Name: BMCARS2024
Theme URI: 
Description: 
Version: 1.0
Author: R. Weber
Author URI: http://www.burografik.com/
*/
/*! Last update 16-07-2024  16:10:38 */
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/plus-jakarta-sans-v8-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/plus-jakarta-sans-v8-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/plus-jakarta-sans-v8-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/plus-jakarta-sans-v8-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/plus-jakarta-sans-v8-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/plus-jakarta-sans-v8-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 48px;
  color: #002600 !important;
}

h3 {
  font-size: 36px;
  font-weight: 400;
  color: #025233 !important;
}

h4 {
  font-size: 30px;
  color: #80D984;
}

.h4 {
  font-size: 30px;
  font-weight: 700;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

p {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: 400;
}

strong, b {
  font-weight: 700;
}

.small, small {
  font-size: 0.875em !important;
}

.entry ul {
  list-style: none;
  padding: 0;
  margin: 0em 0 0.5em 0;
}
.entry ul li {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
.entry ul li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #80D984;
  position: absolute;
  left: 0;
  top: 2px;
}

/* style.css WP full img*/
.alignfull {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.alignwide {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

@media (min-width: 960px) {
  .alignwide {
    width: calc(100% + 20vw);
    margin: 2rem -10vw;
  }
}
.mb-n-200 {
  margin-bottom: -200px;
}
@media screen and (max-width: 768px) {
  .mb-n-200 {
    margin-bottom: 50px;
  }
}

.rounded-30 {
  border-radius: 30px;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
  display: block;
}

.fx--shadow {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.gap-100 {
  gap: 60px;
}

.vw-3 {
  width: 33.3333333333vw;
}

.background__green,
.bg-green {
  background-color: #025233;
  color: white;
}

.background__grey,
.bg-grey {
  background-color: #D2E2DC;
}

.bg-lighter {
  background-color: #F9F9F9;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  padding: 80px 0 0 0 !important;
  letter-spacing: -0.3px;
}

#main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: box-shadow 0.3s;
}
#main-header.scrolled {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.scrolled {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.sticky-top {
  z-index: 998;
}

footer {
  padding: 4em 0;
  background-color: white;
}
footer .logo-brand {
  display: block;
  width: 280px;
  height: 55px;
  background: url("img/icons/logo-dark.svg") no-repeat left center;
  background-size: contain;
  text-indent: -9999px;
}
footer h3 {
  font-size: 24px;
  font-weight: 700;
}
footer .footer-nav li a {
  padding: 0.7rem 0rem;
  color: #002600;
  font-size: 20px;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
footer .footer-nav li a:hover {
  color: #002600;
}
footer li.nav-item {
  padding: 0;
}
footer li.nav-item a.nav-link {
  font-size: 20px;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
footer li.nav-item a.nav-link:hover {
  color: #002600;
}
@media screen and (max-width: 768px) {
  footer .col-12 {
    text-align: center;
    margin-bottom: 3em;
  }
  footer .col-12 a.logo-brand {
    margin: 2em auto 0 auto;
  }
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 2px solid transparent;
  border-top-color: #80D984;
  border-radius: 100%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 2px solid transparent;
  border-top-color: #161616;
  border-radius: 100%;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border: 2px solid transparent;
  border-top-color: #80D984;
  border-radius: 100%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  background: white;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader-wrapper .loader-section {
  opacity: 1;
  transition: all 0.7s;
}

/* Loaded Styles */
.loaded #loader-wrapper .loader-section {
  opacity: 0;
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
}

.auto-title {
  color: #002600;
}

p.auto__model {
  font-size: 16px;
  text-transform: uppercase;
  color: #002600;
}

.zone__prix {
  display: flex;
  justify-content: space-between;
}
.zone__prix .zone__prix--prixbarre {
  font-size: 20px;
  font-weight: 400;
  color: #DD1C3A;
  margin: 0;
  text-decoration: line-through;
  line-height: 1;
}
.zone__prix .zone__prix--prix {
  font-size: 30px;
  font-weight: 700;
  color: #025233;
  margin: 0;
  line-height: 1;
}
.zone__prix .zone__prix--location {
  font-size: 16px;
  font-weight: 400;
  color: #002600;
  margin: 0;
  line-height: 1;
  background-color: #F9F9F9;
  padding: 16px 24px 16px 48px;
  border-radius: 12px;
  background-image: url("img/icons/localisation.svg");
  background-repeat: no-repeat;
  background-position: 20px center;
}

.zone__contact {
  background-color: #D2E2DC;
  border-radius: 12px;
  padding: 30px;
}
.zone__contact .zone__contact--contact {
  font-size: 16px;
  color: #002600;
  font-weight: 700;
  padding: 10px 0 10px 55px;
  background-image: url("img/illustrations/user.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.zone__contact .zone__contact--tel {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #025233;
  text-decoration: none;
  background-color: #80D984;
  padding: 13px 24px 13px 58px;
  border-radius: 30px;
  background-image: url("img/icons/call-center.svg");
  background-repeat: no-repeat;
  background-position: 20px center;
}

.list__specification {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.list__specification.grid-2-2 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.list__specification.grid-3-2 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.list__specification .list__item {
  color: #A0A0A0;
  font-size: 16px;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 25px;
  text-wrap: nowrap;
}
.list__specification .list__item.list__item--kms {
  background-image: url("img/icons/kilometers.svg");
}
.list__specification .list__item.list__item--hp {
  background-image: url("img/icons/engine.svg");
}
.list__specification .list__item.list__item--year {
  background-image: url("img/icons/year.svg");
}
.list__specification .list__item.list__item--carbu {
  background-image: url("img/icons/combustible.svg");
}
.list__specification .list__item.list__item--type {
  background-image: url("img/icons/type.svg");
}
.list__specification .list__item.list__item--boite {
  background-image: url("img/icons/gear-shift.svg");
}

.header_page {
  background-position: right calc(50% - 390px) bottom;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 625px;
  display: flex;
  align-items: center;
}
.header_page .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.header_page .content h1 {
  color: #002600;
}
.header_page .content .surtitre {
  font-size: 30px;
  color: #80D984;
  margin: 0;
}
.header_page .content .soustitre {
  font-size: 30px;
  color: #025233;
  line-height: 1.1;
}

.text-bulle-content {
  background-color: #80D984;
  padding: 30px;
  border-radius: 20px 20px 0 20px;
  width: 50%;
  box-shadow: 0 15px 0px rgb(255, 255, 255);
  position: relative;
  color: #025233;
  font-size: 20px;
  line-height: 1.2;
}
.text-bulle-content p,
.text-bulle-content a {
  color: #025233;
  font-size: 20px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .text-bulle-content {
    width: 100%;
    margin-bottom: 100px;
  }
}
.text-bulle-content::before {
  content: "";
  position: absolute;
  bottom: -60px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 55px solid transparent;
  border-right: 0px solid transparent;
  border-top: 45px solid white;
}
.text-bulle-content::after {
  content: "";
  position: absolute;
  bottom: -45px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 55px solid transparent;
  border-right: 0px solid transparent;
  border-top: 45px solid #80D984;
}

.btn {
  padding: 10px 32px;
  font-weight: 600;
  border-radius: 30px;
  font-size: 20px;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
.btn.btn--small {
  padding: 8px 18px;
  font-size: 14px;
}
.btn.btn--dark {
  background-color: #002600;
  color: #80D984;
}
.btn.btn--dark:hover {
  background-color: #D2E2DC !important;
  color: #002600;
}
.btn.btn--dark.btn--arrow {
  padding: 10px 58px 10px 32px;
  background: #002600 url("img/icons/arrow-btn-green.svg") no-repeat right 25px center;
}
.btn.btn--darkgreen {
  background-color: #025233;
  color: #80D984;
}
.btn.btn--darkgreen:hover {
  background-color: #D2E2DC !important;
  color: #002600;
}
.btn.btn--green {
  background-color: #80D984;
  color: #025233;
}
.btn.btn--green:hover {
  background-color: #D2E2DC !important;
  color: #002600;
}
.btn.btn--light {
  background-color: #D2E2DC;
  color: #025233;
}
.btn.btn--light:hover {
  background-color: #80D984 !important;
  color: #002600;
}
.btn.btn--lighter {
  background-color: white;
  color: #002600;
  border: 1px solid #002600;
  font-size: 16px;
  padding: 5px 40px 5px 15px;
  background: url("img/icons/arrow-btn-out.svg") no-repeat center right 15px;
}
.btn.btn--lighter:hover {
  background-color: #80D984 !important;
  color: #002600;
}
.btn.btn--icon--left {
  padding-left: 56px;
  background-repeat: no-repeat;
  background-position: 25px center;
  text-align: left;
  display: inline-block;
}
.btn.btn--call {
  background-image: url("img/icons/phone.svg");
  margin-bottom: 0.5em;
  background-size: 20px 20px;
}
.btn.btn--contact {
  background-image: url("img/icons/chat.svg");
  margin-bottom: 0.5em;
}
.btn.btn--localisation {
  background-image: url("img/icons/location.svg");
  margin-bottom: 0.5em;
}

a.wp-block-button__link {
  font-weight: 600;
  font-size: 20px;
  padding: 13px 40px 18px 20px;
  background-color: #002600;
  background-image: url("img/icons/arrow-btn-green.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
a.wp-block-button__link:hover {
  box-shadow: 0 0 10px #7FD984;
}

a.wp-block-button__link.has-black-color.has-energy-green-background-color.has-text-color.has-background.has-link-color.wp-element-button {
  background-image: url("img/icons/arrow-btn.svg");
}

.link_arrow a {
  background-image: url("img/icons/arrow-btn.svg");
  background-repeat: no-repeat;
  background-position: top 5px right 0px;
  padding-right: 30px;
}

.entry a {
  color: #025233;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
.entry a:hover {
  color: #002600;
}

a.link-mail, p.link-mail a {
  color: #002600;
  position: relative;
  padding: 0.4rem 1rem 0.4rem 2.7rem;
  background: url("img/icons/email.svg") no-repeat left center;
  background-size: 2rem 2rem;
  text-decoration: none;
  font-weight: 600;
}
a.link-mail:hover, p.link-mail a:hover {
  color: #025233;
}

a.link-tel, p.link-tel a {
  color: #002600;
  position: relative;
  padding: 0.4rem 1rem 0.4rem 2.7rem;
  background: url("img/icons/call-us.svg") no-repeat left center;
  background-size: 2rem 2rem;
  text-decoration: none;
  font-weight: 600;
}
a.link-tel:hover, p.link-tel a:hover {
  color: #025233;
}

.card {
  border: 0;
  border-radius: 30px;
}
.card.card__annonce {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.card.card__annonce .card__image {
  height: 190px;
  background-size: cover;
  border-radius: 30px 30px 0 0;
}
.card.card__annonce .card__header {
  padding: 20px;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  flex-grow: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.card.card__annonce .card__header .auto__title {
  font-size: 18px;
  font-weight: 700;
  color: #002600;
  margin-bottom: 15px;
}
.card.card__annonce .card__header .auto__modele {
  font-size: 16px;
  font-weight: 400;
  color: #002600;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 1.2;
}
.card.card__annonce .card__header .bloc__prix {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card.card__annonce .card__header .bloc__prix .auto__prix {
  font-size: 30px;
  font-weight: 700;
  color: #025233;
}
.card.card__annonce .card__header .bloc__prix .auto__mensualite {
  font-size: 14px;
  font-weight: 400;
  color: #80D984;
}
.card.card__annonce .card__body {
  padding: 20px;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}
.card.card__annonce .card__footer {
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  padding: 30px 20px;
  border-radius: 0 0 30px 30px;
}
.card.card__annonce .card__footer .read-more {
  font-size: 20px;
  font-weight: 700;
  color: #025233;
  position: relative;
  margin: 0;
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
  transition: all 0.3 ease;
}
.card.card__annonce .card__footer .read-more::after {
  position: absolute;
  content: "";
  background-image: url("img/icons/arrow-btn.svg");
  width: 15px;
  height: 15px;
  top: 5px;
  right: -20px;
}
.card.card__annonce .card__footer .read-more:hover {
  color: #002600;
  text-decoration: none;
}
.card.card__annonce:hover {
  box-shadow: 0px 0px 0px 2px #80D984;
}
.card.card__annonce:hover .card__header {
  background-color: #80D984;
  color: white;
}
.card.card__annonce--list {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  border: 1px solid #E8E8E8;
  padding: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.card.card__annonce--list p, .card.card__annonce--list li {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .card.card__annonce--list {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr auto;
  }
}
.card.card__annonce--list .card__images--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 2fr auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-basis: 320px;
}
.card.card__annonce--list .card__images--grid .card__images__main {
  grid-area: 1/1/2/4;
  width: 100%;
  height: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}
.card.card__annonce--list .card__images--grid .card__images__min1 {
  grid-area: 2/1/3/2;
  width: 100%;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}
.card.card__annonce--list .card__images--grid .card__images__min2 {
  grid-area: 2/2/3/3;
  width: 100%;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}
.card.card__annonce--list .card__images--grid .card__images__min3 {
  grid-area: 2/3/3/4;
  width: 100%;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
}
.card.card__annonce--list .card__header {
  padding: 20px;
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.card.card__annonce--list .card__body {
  flex-basis: 320px;
}
.card.card__annonce--list .card__body .auto__title {
  font-size: 18px;
  font-weight: 700;
  color: #002600;
  margin-bottom: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.card.card__annonce--list .card__body .auto__modele {
  font-size: 16px;
  font-weight: 400;
  color: #002600;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.card.card__annonce--list .card__body .read-more {
  font-size: 20px;
  font-weight: 700;
  color: #025233;
  position: relative;
  margin: 0;
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
  transition: all 0.3 ease;
}
.card.card__annonce--list .card__body .read-more::after {
  position: absolute;
  content: "";
  background-image: url("img/icons/arrow-btn.svg");
  width: 15px;
  height: 15px;
  top: 5px;
  right: -20px;
}
.card.card__annonce--list .card__body .read-more:hover {
  color: #002600;
  text-decoration: none;
}
.card.card__annonce--list .card__footer .bloc__prix {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  grid-row-gap: 10px;
  justify-items: end;
  height: 100%;
}
.card.card__annonce--list .card__footer .bloc__prix .auto__prix {
  font-size: 30px;
  font-weight: 700;
  color: #025233;
}
.card.card__annonce--list .card__footer .bloc__prix .auto__mensualite a {
  font-size: 14px;
  font-weight: 400;
  color: #80D984;
}
.card.card__annonce--list .card__footer .bloc__prix .auto__verify {
  align-self: flex-end;
}
.card.card__annonce--list .card__footer .bloc__prix .auto__mensualite {
  color: #025233;
  font-size: 13px;
  text-decoration: underline;
}
.card.card__annonce--list:hover {
  box-shadow: 0px 0px 0px 2px #80D984;
}
.card.card__annonce--list:hover .auto__title {
  color: #80D984 !important;
}
.card.card__financement {
  background-color: #80D984;
  box-shadow: 0px 20px 50px rgba(1, 82, 51, 0.3);
  padding: 30px;
  /* === range theme and appearance === */
  /* === range commons === */
  /* === WebKit specific styles === */
  /* === Firefox specific styles === */
}
.card.card__financement .card-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}
.card.card__financement .form-group {
  padding: 15px 0;
}
.card.card__financement label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: white;
}
.card.card__financement label span {
  font-size: 24px;
  font-weight: 700;
}
.card.card__financement .card-partner {
  background: url("img/Logo_Cofidis.svg") no-repeat center center;
  background-size: contain;
  height: 50px;
}
.card.card__financement input[type=range] {
  font-size: 1.5rem;
  width: 12.5em;
}
.card.card__financement input[type=range] {
  color: #161616;
  --thumb-height: .7em;
  --track-height: 0.125em;
  --track-color: #ffffff;
  --brightness-hover: 180%;
  --brightness-down: 80%;
  --clip-edges: 0.125em;
}
.card.card__financement input[type=range] {
  position: relative;
  background: rgba(255, 255, 255, 0);
  overflow: hidden;
}
.card.card__financement input[type=range]:active {
  cursor: grabbing;
}
.card.card__financement input[type=range],
.card.card__financement input[type=range]::-webkit-slider-runnable-track,
.card.card__financement input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 100%;
  transition: all ease 100ms;
  height: var(--thumb-height);
}
.card.card__financement input[type=range]::-webkit-slider-runnable-track,
.card.card__financement input[type=range]::-webkit-slider-thumb {
  position: relative;
}
.card.card__financement input[type=range]::-webkit-slider-thumb {
  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
  --clip-further: calc(100% + 1px);
  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;
  width: var(--thumb-width, var(--thumb-height));
  background: linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);
  background-color: currentColor;
  box-shadow: var(--box-fill);
  border-radius: var(--thumb-width, var(--thumb-height));
  filter: brightness(100%);
  clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
}
.card.card__financement input[type=range]:hover::-webkit-slider-thumb {
  filter: brightness(var(--brightness-hover));
  cursor: grab;
}
.card.card__financement input[type=range]:active::-webkit-slider-thumb {
  filter: brightness(var(--brightness-down));
  cursor: grabbing;
}
.card.card__financement input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px);
}
.card.card__financement input[type=range]:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}
.card.card__financement input[type=range],
.card.card__financement input[type=range]::-moz-range-track,
.card.card__financement input[type=range]::-moz-range-thumb {
  appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}
.card.card__financement input[type=range]::-moz-range-track,
.card.card__financement input[type=range]::-moz-range-thumb,
.card.card__financement input[type=range]::-moz-range-progress {
  background: rgba(255, 255, 255, 0);
}
.card.card__financement input[type=range]::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
  cursor: grab;
}
.card.card__financement input[type=range]:active::-moz-range-thumb {
  cursor: grabbing;
}
.card.card__financement input[type=range]::-moz-range-track {
  width: 100%;
  background: var(--track-color);
}
.card.card__financement input[type=range]::-moz-range-progress {
  appearance: none;
  background: currentColor;
  transition-delay: 30ms;
}
.card.card__financement input[type=range]::-moz-range-track,
.card.card__financement input[type=range]::-moz-range-progress {
  height: calc(var(--track-height) + 1px);
  border-radius: var(--track-height);
}
.card.card__financement input[type=range]::-moz-range-thumb,
.card.card__financement input[type=range]::-moz-range-progress {
  filter: brightness(100%);
}
.card.card__financement input[type=range]:hover::-moz-range-thumb,
.card.card__financement input[type=range]:hover::-moz-range-progress {
  filter: brightness(var(--brightness-hover));
}
.card.card__financement input[type=range]:active::-moz-range-thumb,
.card.card__financement input[type=range]:active::-moz-range-progress {
  filter: brightness(var(--brightness-down));
}
.card.card__financement input[type=range]:disabled::-moz-range-thumb {
  cursor: not-allowed;
}
.card.card__financement .card-result {
  margin-top: 20px;
  background-color: white;
  width: 100%;
  border-radius: 50px;
  padding: 20px 50px;
}
.card.card__financement .card-result p {
  margin: 0;
  color: #025233;
}
.card.card__financement .card-result .result-chiffre {
  font-size: 30px;
  font-weight: 700;
  color: #025233;
}
.card.card__financement .card-result .result-chiffre sup {
  font-size: 16px;
  font-weight: 500;
  color: #025233;
}
.card.card__financement .card-footer {
  font-size: 12px;
  text-align: center;
  color: #161616;
  background-color: transparent;
  border-top: none;
}
.card--rounded {
  border-radius: 30px;
  background-color: white;
  border: 1px solid #E8E8E8;
  padding: 30px;
}
.card--rounded--50 {
  border-radius: 50px;
  padding: 20px;
}
.card--darkgreen {
  background-color: #025233;
  color: white;
}
.card--darkgreen p {
  margin: 0;
}
.card--darkgreen input {
  background-color: #025233;
  color: white;
  border-color: white;
}
.card--darkgreen input::placeholder {
  color: white;
}

.block-line {
  position: relative;
}
.block-line .wp-block-column {
  z-index: 1;
}
.block-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #80D984;
  z-index: 0;
  top: 50%;
}

.img-rounded {
  border-radius: 30px;
}

.icon-verified {
  position: absolute;
  top: 70px;
  right: calc(50% - 50px);
}

.navbar {
  background-color: #D2E2DC;
  padding: 1rem 0;
  margin: 0;
}
.navbar .logo-brand {
  display: block;
  width: 225px;
  height: 45px;
  background: url("img/icons/logo-dark.svg") no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}
.navbar .navbar-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.navbar .navbar-nav li.nav-item.nav-link--vendez-voiture a.nav-link {
  padding: 16px 32px 16px 56px;
  background: url("img/icons/buyback.svg") no-repeat 25px center;
  background-color: #025233;
  font-weight: 700;
  color: white;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
.navbar .navbar-nav li.nav-item.nav-link--vendez-voiture a.nav-link:hover {
  background-color: #002600;
  color: white;
}
.navbar .navbar-nav li.nav-item.nav-link--vendez-voiture a.nav-link.active::after {
  content: none;
}
.navbar .navbar-nav li.nav-item a.nav-link {
  color: #025233;
  padding: 1rem;
  font-size: 20px;
  text-wrap: nowrap;
  -webkit-transition: all 0.5s ease ease;
  -moz-transition: all 0.5s ease ease;
  -o-transition: all 0.5s ease ease;
  transition: all 0.5s ease ease;
  position: relative;
}
.navbar .navbar-nav li.nav-item a.nav-link.active::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background-color: #80D984;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.navbar .navbar-nav li.nav-item a.nav-link:hover {
  color: #00bf00;
}
.navbar.navbar--dark {
  background-color: #002600;
}
.navbar.navbar--dark .navbar-toggler {
  border: var(--bs-border-width) solid #80D984;
}
.navbar.navbar--dark .logo-brand {
  background: url("img/icons/logo-white.svg") no-repeat center center;
}
.navbar.navbar--dark li.nav-item.nav-link--vendez-voiture a.nav-link {
  background: url("img/icons/buyback-dark.svg") no-repeat 25px center;
  background-color: #80D984;
  color: #025233;
}
.navbar.navbar--dark li.nav-item.nav-link--vendez-voiture a.nav-link:hover {
  background-color: #025233;
  color: white;
}
.navbar.navbar--dark li.nav-item a.nav-link {
  color: white;
}
.navbar.navbar--dark li.nav-item a.nav-link:hover {
  color: #80D984;
}
.navbar.navbar--green {
  background-color: #025233;
}
.navbar.navbar--green .navbar-toggler {
  border: var(--bs-border-width) solid #80D984;
}
.navbar.navbar--green .logo-brand {
  background: url("img/icons/logo-white.svg") no-repeat center center;
}
.navbar.navbar--green li.nav-item.nav-link--vendez-voiture a.nav-link {
  background: url("img/icons/buyback-dark.svg") no-repeat 25px center;
  background-color: #80D984;
  color: #025233;
}
.navbar.navbar--green li.nav-item.nav-link--vendez-voiture a.nav-link:hover {
  background-color: #D2E2DC;
  color: #025233;
}
.navbar.navbar--green li.nav-item a.nav-link {
  color: white;
}
.navbar.navbar--green li.nav-item a.nav-link:hover {
  color: #80D984;
}
.navbar.navbar--white {
  background-color: white;
}
.navbar.navbar--white .logo-brand {
  background: url("img/icons/logo-dark.svg") no-repeat center center;
}
.navbar.navbar--white li.nav-item a.nav-link {
  color: #002600;
}
.navbar.navbar--white li.nav-item a.nav-link:hover {
  color: #80D984;
}
.navbar.navbar--white li.nav-item--vendez-voiture a.nav-link {
  background: url("img/icons/buyback-dark.svg") no-repeat 25px center;
  background-color: #80D984;
  color: #025233;
}
.navbar.navbar--white li.nav-item--vendez-voiture a.nav-link:hover {
  background-color: #025233;
  color: white;
}

.footer-bottom {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #D2E2DC;
  font-size: 12px;
}
.footer-bottom p {
  font-size: 12px;
}
.footer-bottom ul.footer-bottom-nav {
  display: flex;
  justify-content: end;
  gap: 20px;
}
.footer-bottom ul.footer-bottom-nav li a {
  color: #002600;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
.footer-bottom ul.footer-bottom-nav li a:hover {
  color: #025233;
}

.pagination {
  text-align: center;
  margin: 20px auto;
}
.pagination a,
.pagination span {
  display: inline-block;
  margin: 0 5px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  color: #333;
  text-decoration: none;
}
.pagination a:hover,
.pagination span:hover {
  background-color: #f0f0f0;
}
.pagination .current {
  background-color: #80D984;
  color: #025233;
  border-color: #80D984;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #F9F9F9;
  overflow-x: hidden;
  font-family: "Plus Jakarta Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
}

a:active, a:focus {
  outline: 0;
}

.wp-block-cover, .wp-block-cover-image {
  padding: 0em;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.table-striped tr:nth-child(odd) {
  background-color: #F9F9F9 !important;
}
table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
}
table th {
  color: #002600;
  font-weight: 700;
  padding: 0.8rem 0.5rem !important;
}

/* Sass: Contact form 7 Style */
.wpcf7 .rtp-form-field {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}
.wpcf7 label {
  font-weight: bold;
  float: left;
  margin-bottom: 4px;
  width: 100%;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 0;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  padding: 15px;
  width: 100%;
  border: 1px solid #D2E2DC;
  border-radius: 25px;
  font-size: 16px;
  color: #161616;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: 2px solid green;
}
.wpcf7 .card--darkgreen input,
.wpcf7 .card--darkgreen textarea,
.wpcf7 .card--darkgreen select {
  color: white;
}
.wpcf7 .card--darkgreen .wpcf7-not-valid-tip {
  color: white;
}
.wpcf7 select {
  position: relative;
  padding: 15px 40px 15px 15px !important;
  appearance: none;
  background: white url("img/icons/dropdown-arrow.svg") no-repeat right 15px center;
}
.wpcf7 .wpcf7-submit {
  padding: 10px 55px 10px 35px;
  color: #80D984;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  background: #002600 url("img/icons/arrow-btn-green.svg") no-repeat right 15px center;
}
.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance {
  text-align: left;
  font-size: 12px;
  color: #A0A0A0;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.wpcf7 .wpcf7-form-control.wpcf7-acceptance label input[type=checkbox] {
  flex-basis: 20px;
  width: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: transparent !important;
  background: red;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 1.2;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: transparent !important;
  background: #80D984;
  color: #025233;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  line-height: 1.2;
}
.wpcf7 .wpcf7-not-valid-tip {
  color: red;
  font-size: 12px;
  font-weight: normal;
  display: block;
  text-align: center;
}

body.archive .filtres {
  display: flex;
  justify-content: space-between;
}
body.archive .filtres .chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
body.archive .filtres .chips ul.wpc-filter-chips-list {
  display: flex;
  flex-wrap: wrap;
}
body.archive .filtres .chips ul.wpc-filter-chips-list li.wpc-filter-chip a {
  padding: 7px 20px 7px 16px;
  border: 1px solid #F2F2F2;
  background-color: #F2F2F2;
}
body.archive .filtres .chips ul.wpc-filter-chips-list li.wpc-filter-chip a .wpc-chip-remove-icon {
  position: absolute;
  right: 8px;
  top: 5px;
}
body.archive .filtres .chips ul.wpc-filter-chips-list li.wpc-filter-chip.wpc-chip-reset-all a {
  padding: 7px 16px 7px 16px !important;
  border: 1px solid #bebebe;
  background-color: #F2F2F2;
}
body.archive .filtres .sort {
  display: flex;
  gap: 10px;
  align-items: center;
}
body.archive .filtres .sort .wpc-sorting-form {
  position: relative;
  display: inline-block;
  width: 100%;
}
body.archive .filtres .sort .wpc-sorting-form .wpc-orderby-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 1px solid #EAEAEA;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  position: relative !important;
  width: 100%;
  max-width: 100%;
}
body.archive .filtres .sort .wpc-sorting-form::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #EAEAEA;
  border-radius: 0 5px 5px 0;
  pointer-events: none;
}
body.archive .filtres .sort .wpc-sorting-form::after {
  content: "⌃";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-60%) rotate(180deg);
  pointer-events: none;
  color: #010700;
}
body.archive .widget_wpc_sorting_widget {
  text-align: right;
  margin-bottom: 1em;
}
body.archive .widget_wpc_sorting_widget .widgettitle {
  display: none;
}
body.archive .widget_wpc_filters_widget .wpc-filters-section {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D2E2DC;
}
body.archive .widget_wpc_filters_widget .wpc-filters-section.wpc-filter-layout-checkboxes {
  padding-bottom: 0.4em;
}
body.archive .widget_wpc_filters_widget .wpc-filter-header {
  font-weight: bold;
  font-size: 14px;
  color: #002600;
}
body.archive .widget_wpc_filters_widget input:not([type=checkbox]) {
  border: 1px solid #EAEAEA;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
}
body.archive .widget_wpc_filters_widget .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
  background: #80D984;
}
body.archive .widget_wpc_filters_widget input.wpc-search-field {
  padding: 8px 30px;
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper {
  gap: 5px;
  align-items: center;
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #80D984;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper input[type=checkbox]:checked {
  background-color: #80D984;
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper label {
  justify-content: space-between;
  width: 100%;
}
body.archive .widget_wpc_filters_widget .wpc-term-item-content-wrapper label a {
  color: #002600;
  font-size: 14px;
}
body.archive .widget_wpc_filters_widget .wpc-filter-VehiculeBoiteAutomatique {
  display: inline-block;
  width: 100%;
}
body.archive .widget_wpc_filters_widget .wpc-filter-VehiculeBoiteAutomatique .wpc-filters-widget-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 1px solid #EAEAEA;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
}
body.archive .widget_wpc_filters_widget .wpc-filter-VehiculeBoiteAutomatique::before {
  content: "";
  position: absolute;
  right: 1px;
  top: 29px;
  bottom: 0;
  width: 30px;
  height: 28px;
  background-color: #EAEAEA;
  border-radius: 0 5px 5px 0;
  pointer-events: none;
}
body.archive .widget_wpc_filters_widget .wpc-filter-VehiculeBoiteAutomatique::after {
  content: "⌃";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-60%) rotate(180deg);
  pointer-events: none;
  color: #010700;
}
body.archive .widget_wpc_filters_widget .wpc-filter-layout-submit-button {
  gap: 10px;
}
body.archive .widget_wpc_filters_widget .wpc-filter-layout-submit-button a.wpc-filters-apply-button,
body.archive .widget_wpc_filters_widget .wpc-filter-layout-submit-button a.wpc-filters-submit-button {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #80D984;
  border: 1px solid #80D984;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #002600;
}
body.archive .widget_wpc_filters_widget .wpc-filter-layout-submit-button a.wpc-filters-reset-button {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #EAEAEA;
  border: 1px solid #EAEAEA;
  font-size: 16px;
  color: #002600;
}
body.archive .widget_wpc_filters_widget .wpc-filter-selected-values {
  display: none;
}

div#searchhome {
  margin-top: -70px;
}

.search-home {
  margin: 30px auto;
  padding: 15px 20px;
  background-color: white;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 30px rgba(22, 75, 24, 0.3);
}
.search-home .wpc-filter-header,
.search-home a.wpc-filters-reset-button,
.search-home .wpc-filters-range-values-wrapper,
.search-home .wpc-edit-filter-set,
.search-home .wpc-filters-range-min-column {
  display: none;
}
.search-home .wpc-filters-widget-wrapper {
  display: flex;
}
.search-home .wpc-filters-section {
  margin-bottom: 0;
  margin-right: 15px;
}
.search-home .wpc-filters-section:last-child {
  margin-right: 0;
}
.search-home .wpc-filter-content select {
  margin-bottom: 0;
}
.search-home select,
.search-home input:not([type=submit]) {
  border-radius: 50px;
  font-size: 16px;
  color: #002600;
  padding: 10px 20px;
  border: 1px solid #ced4da;
}
.search-home select:focus,
.search-home input:not([type=submit]):focus {
  outline: 2px solid #80D984;
}
.search-home select {
  position: relative;
  appearance: none;
  background: white url("img/icons/dropdown-arrow.svg") no-repeat right 15px center;
  padding-right: 40px;
  width: fit-content;
  padding: 15px 40px 15px 20px;
}
.search-home select option {
  font-size: 16px;
  color: #002600;
}
.search-home input.wpc-filters-range-max {
  padding: 12px 40px;
}
.search-home .wpc-filter-VehiculePrixVenteTTC {
  position: relative;
}
.search-home .wpc-filter-VehiculePrixVenteTTC:after {
  content: "€";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.search-home .wpc-filters-range-max-column {
  max-width: 100%;
}
.search-home .wpc-filters-main-wrap a.wpc-filters-submit-button {
  width: 100%;
  padding: 25px 55px 25px 75px;
  margin: -15px -20px -15px 15px;
  border-radius: 50px;
  color: #005233;
  font-size: 20px;
  font-weight: 600;
  width: auto;
  border: none;
  background: #80D984 url("img/icons/search.svg") no-repeat 30px center;
}

.wp-block-media-text figure:first-child {
  border-radius: 0 50px 50px 0;
}
.wp-block-media-text figure:last-child {
  border-radius: 50px 0 0 50px;
}

.block-radius-right {
  border-radius: 0 50px 50px 0;
}

.searchandfilter h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #002600;
}
.searchandfilter label {
  width: 100%;
}
.searchandfilter .sf-input-text {
  width: 100%;
  padding: 10px 20px;
  border-radius: 20px;
  border: 1px solid #025233;
  background-color: #E3E3E3;
}
.searchandfilter input[type=submit] {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #80D984;
  border: 1px solid #80D984;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
.searchandfilter a.search-filter-reset {
  font-size: 14px;
  color: #025233;
}
.searchandfilter .sf-meta-range.sf-meta-range-select {
  display: flex;
  gap: 5px;
  align-items: center;
}
.searchandfilter .sf-meta-range.sf-meta-range-select label {
  position: relative;
  display: inline-block;
  width: 100%;
}
.searchandfilter .sf-meta-range.sf-meta-range-select label .sf-input-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 1px solid #EAEAEA;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  position: relative !important;
  width: 100%;
  max-width: 100%;
}
.searchandfilter .sf-meta-range.sf-meta-range-select label::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-color: #EAEAEA;
  border-radius: 0 5px 5px 0;
  pointer-events: none;
}
.searchandfilter .sf-meta-range.sf-meta-range-select label::after {
  content: "⌃";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-60%) rotate(180deg);
  pointer-events: none;
  color: #010700;
}
.searchandfilter .sf-meta-range.sf-meta-range-select span.sf-range-postfix {
  font-size: 12px;
}
.searchandfilter select::-ms-expand {
  display: none;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider {
  text-align: center;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider .sf-range-max,
.searchandfilter .sf-meta-range.sf-meta-range-slider .sf-range-min {
  max-width: 120px;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider .sf-range-postfix {
  font-size: 12px;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider input.sf-input-range-number {
  border: 1px solid #80D984;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 5px;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider label,
.searchandfilter .sf-meta-range.sf-meta-range-slider span {
  display: inline;
  margin: 0 5px;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider .meta-slider {
  max-width: 95%;
}
.searchandfilter .sf-meta-range.sf-meta-range-slider .noUi-connect {
  background-color: #80D984;
}

#searchhome {
  margin-top: -70px;
}
#searchhome .wpc-filters-main-wrap a.wpc-filters-reset-button {
  display: none !important;
}

#main-carousel .splide__slide {
  text-align: center;
}
#main-carousel .splide__slide img {
  width: 100%;
}

.thumbnails {
  display: flex;
  margin: 20px auto 0;
  gap: 10px;
  padding: 0;
  justify-content: center;
  flex-wrap: wrap;
}
.thumbnails .thumbnail {
  width: 100px;
  height: 100px;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}
.thumbnails .thumbnail img {
  width: 100px;
  height: auto;
  border-radius: 15px;
}

.breadcrumbs {
  font-size: 11px;
}
.breadcrumbs .current-item {
  font-size: 11px;
  padding: 0 5px;
}
.breadcrumbs a {
  color: #002600;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  padding: 0 5px;
  -webkit-transition: all 0.3s ease ease;
  -moz-transition: all 0.3s ease ease;
  -o-transition: all 0.3s ease ease;
  transition: all 0.3s ease ease;
}
.breadcrumbs a:hover {
  color: #025233;
}

.page-template-page-contact .breadcrumbs {
  color: white;
}
.page-template-page-contact .breadcrumbs a {
  color: white;
}
.page-template-page-contact .breadcrumbs a:hover {
  color: #80D984;
}

.team {
  padding: 100px 0;
}
.team h2 {
  text-align: center;
  margin-bottom: 1em;
}
.team .card__team {
  border-radius: 30px;
  border: 1px solid #E8E8E8;
  padding: 30px;
  height: 100%;
}
.team .card__team .card-body {
  text-align: left;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.team .card__team .card-body:hover {
  transform: translateY(-10px);
  color: #025233;
}
.team .card__team .card-body .card-title {
  font-size: 30px;
  color: #025233;
}
.team .card__team .card-body .read-more {
  margin: 0;
  text-decoration: underline;
}
.team .card__team--last {
  background-color: #025233;
  color: white;
}
.team .card__team--last .card-title {
  font-size: 30px;
}
.team .card__team--last .card-text {
  margin-top: 1em;
  color: #80D984;
  line-height: 1;
  font-size: 14px;
}
.team .modal .modal-content {
  border-radius: 50px;
  padding: 20px 40px;
}
.team .modal .modal-header {
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  body {
    padding: 100px 20px 0 20px !important;
  }
  .vw-3 {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #main-header {
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
  }
  .navbar-open .logo-brand {
    background: url("img/icons/logo-white.svg") no-repeat center;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar.navbar-open {
    background-color: #025233;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .navbar.navbar-open li.nav-item a.nav-link {
    color: white;
  }
  .navbar .navbar-nav {
    align-items: start;
  }
  .navbar .navbar-nav li.nav-item.nav-link--vendez-voiture a.nav-link {
    background: url("img/icons/buyback-dark.svg") no-repeat 25px center;
    background-color: #80D984;
    color: #025233;
  }
  button.navbar-toggler {
    background-color: #025233;
    width: 48px;
    height: 48px;
  }
  button.navbar-toggler span.navbar-toggler-icon {
    width: 1.1em;
    height: 1.1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.071' height='24.071' viewBox='0 0 24.071 24.071'%3E%3Cg id='Groupe_210' data-name='Groupe 210' transform='translate(-122.964 -111.964)'%3E%3Cline id='Ligne_18' data-name='Ligne 18' x2='17' y2='17' transform='translate(126.5 115.5)' fill='none' stroke='%2380d984' stroke-linecap='round' stroke-width='5'/%3E%3Cline id='Ligne_19' data-name='Ligne 19' x1='17' y2='17' transform='translate(126.5 115.5)' fill='none' stroke='%2380d984' stroke-linecap='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
  button.navbar-toggler.collapsed span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3E%3Crect id='Rectangle_126' data-name='Rectangle 126' width='22' height='4' rx='2' fill='%2380d984'/%3E%3Crect id='Rectangle_127' data-name='Rectangle 127' width='22' height='4' rx='2' transform='translate(0 8)' fill='%2380d984'/%3E%3Crect id='Rectangle_128' data-name='Rectangle 128' width='22' height='4' rx='2' transform='translate(0 16)' fill='%2380d984'/%3E%3C/svg%3E%0A");
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  .navbar-collapse {
    margin: 30px 0;
  }
  .navbar .navbar-nav {
    gap: 20px;
  }
  .header_page {
    padding: 40px 20px;
    min-height: auto;
    margin: 0 20px;
  }
  .no-img-mobile {
    background-image: none !important;
  }
  .header_page {
    background-image: none !important;
  }
  #searchhome {
    margin-top: 20px !important;
  }
  #searchhome .search-home {
    box-shadow: none;
    background-color: transparent;
    margin-top: 0;
  }
  #searchhome .search-home .widget_wpc_filters_widget {
    width: 100%;
  }
  #searchhome .search-home .widget_wpc_filters_widget .wpc-filters-section {
    width: 100%;
  }
  #searchhome .search-home .widget_wpc_filters_widget .wpc-filters-range-column {
    width: 100%;
  }
  #searchhome .search-home .widget_wpc_filters_widget a.wpc-filters-submit-button {
    width: 100% !important;
  }
  #searchhome .search-home .wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  #searchhome .search-home .wpc-filters-main-wrap a.wpc-filters-submit-button {
    margin: 0;
  }
  .card.card__annonce--list .card__body {
    padding-top: 15px;
  }
  .thumbnails .thumbnail {
    width: 70px;
    height: 70px;
  }
  .thumbnails .thumbnail img {
    width: 70px;
  }
  .wp-container-core-column-is-layout-3 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
  }
  p.has-large-font-size {
    font-size: 20px;
  }
  p.has-large-font-size a {
    font-size: 20px;
  }
  .gap-100 {
    gap: 20px;
  }
  .footer-bottom {
    flex-direction: column;
  }
  .footer-bottom p {
    text-align: center;
  }
  .footer-bottom ul.footer-bottom-nav {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1399px) {
  .navbar .navbar-nav li.nav-item a.nav-link {
    font-size: 17px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar .navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
    padding: 0.5rem;
  }
}