html, body {
  overflow-x: hidden;
  max-width: 100%;
}

.item-title {
  font-size: var(--ev-step-2) !important;
}

.subtitle {
  background: var(--ev-body-bg);
  width: fit-content;
  padding: var(--ev-space-2xs);
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 4px 4px 4px 4px rgba(var(--ev-primary-rgb), 05%);
  font-family: var(--ev-text-font-family);font-size: var(--ev-step--1);
}

.btn-primary, .swal2-confirm {
  --btn-color: white;
}

.container-fluid {
	width: 100%;
	padding-inline: var(--ev-grid-gutter);
}

.page {
	margin-top: 0;
}

[id^="article_link"] main {
  margin-block: 0 var(--ev-space-2xl-3xl);
}

.hero.section-inspector {
  margin-top: 0 !important;
}

.form-page .flexible-form__title-wrapper,
.banner.banner-bg.section-inspector {
  min-height: 32vh;
  display: grid;
  align-items: end;
}

.breadcrumb-wrapper {
  background-color: var(--ev-light);
  padding-block: var(--ev-space-s);
}
@media (width > 992px) {
  .nav-item.nav-item--home .text {
    display: none;
  }
}


.intro {
  background-color: hsl(var(--ev-primary-hue),calc(var(--ev-primary-saturation) - 50%),calc(var(--ev-primary-lightness) + 40%));
  background-image: radial-gradient(circle,rgba(var(--ev-dark-rgb),8%) 1px,transparent 1px);
  background-size: 10px 10px;
  background-repeat: repeat;
}

.paragraph > :first-child {
  margin-top: var(--ev-space-2xl);
}


.paragraph > :not(:first-child) {
  margin-top: var(--ev-space-4xl);
}

.linked-menu__item {
  margin-top: var(--ev-space-4xl);
}

.linked-menu__item {
  column-gap: var(--ev-space-2xl, 1rem);
}

.banner-bg, .form-page .flexible-form__title-wrapper {
  --bg-color: #2c2c2cb5;
  --bg-text-color: white;
  --bg-img: url(https://serveur-images.devil-it-applications.fr/charly_renov/upload/cover.jpeg);
  --bg-pos: 100% 75%;
}


figure {
	border-left: 2px solid var(--ev-primary) !important;
}

.form-control, .article--list .article__filter-dropdown-btn {
  --input-border-color: #cfcfcf;
  --input-bg: tr;
}


.intro {
	background-color: #161616;
	background-image: radial-gradient(circle,rgba(203,138,120,.2) 1px,transparent 1px);
}

.intro .subtitle {
	background: #f1f1f11a;
}

.intro__container * {
	color: white;
}

.intro .btn-primary {
	--btn-bg: var(--ev-primary);
}

.discover__content {
  background: white;
  box-shadow: var(--ev-shadow-md);
  border: none;
}


.btn-tag, .article__container--criteria .article__criteria-item:not([data-tag-number="1"]) a {
  background-color: transparent;
  text-decoration: none !important;
}

.linked-menu__item {
  background: white;
  box-shadow: var(--ev-shadow-md);
}

.linked-menu__subtitle {
  margin-top: var(--ev-space-xl);
}

.linked-menu__item {
  margin-top: var(--ev-space-2xl);
}

.linked-menu .btn-primary {
  margin-bottom: var(--ev-space-xl);
}


@media (min-width: 992px) {
  .linked-menu__item:nth-child(2n+1):not(.no-img) {
    grid-template-areas: "linked-menu-image ..                   ..  " "linked-menu-image linked-menu-subtitle ..  " "linked-menu-image linked-menu-title    ..  " "linked-menu-image linked-menu-description .." "linked-menu-image linked-menu-btn       .. " "linked-menu-image ..                ..     ";
  }
  .linked-menu__item:nth-child(2n):not(.no-img) {
    grid-template-areas: ".. ..                      linked-menu-image" ".. linked-menu-subtitle    linked-menu-image" " .. linked-menu-title       linked-menu-image" ".. linked-menu-description linked-menu-image" ".. linked-menu-btn         linked-menu-image" ".. ..                     linked-menu-image";
    grid-template-columns: 0 minmax(50%, 1fr) minmax(300px, 600px);
  }
}

.banner-bg, .form-page .flexible-form__title-wrapper {
  --bg-img: url(https://serveur-images.devil-it-applications.fr/charly_renov/upload/hero_1759490460.jpeg);
  --bg-pos: 100% 62%;
}

.article--list .article__item {
  --article-item-bg-content: white;
  box-shadow: var(--ev-shadow-md);
  background: white;
}

.intro p, .intro p strong {
	color: #dcdcdc !important;
}

@media (width < 992px) {
  .subtitle {
    line-height: 1.4;
  }

  .linked-menu__subtitle {
    margin-top: 0;
  }

  .linked-menu__item {
    padding: var(--ev-space-s-m);
  }

}

[id^="app_article_type"] .main-content {
  margin-bottom: var(--ev-space-2xl);
}

.article--details  .paragraph > * {
    margin-top: var(--ev-space-2xl);
  }

[id^="article_link"] main {
  margin-block: 0;
}
.flexible-form__container {
	margin-top: var(--ev-space-3xl-4xl);
}
@media (min-width: 992px) {
  .linked-menu__item:nth-child(2n):not(.no-img) {
    grid-template-columns: 0 1fr 1.25fr;
  }
  .linked-menu__item:nth-child(2n+1):not(.no-img) {
    grid-template-columns: 1.25fr 1fr;
  }
}
.flexible-form__title-wrapper > * {
  color : #fff !important;
}
.flexible-form__title {
	color: #fff !important;
}
.flexible-form .flexible-form__title-wrapper {
	padding-top: var(--ev-space-2xl);
}
.flexible-form {
	background: url(https://serveur-images.devil-it-applications.fr/charly_renov/upload/hero_1759490460.jpeg) !important;
}

.form-page .flexible-form {
	background: unset !important;
}

.hero {
  background-image: radial-gradient(circle,rgba(203, 138, 120, 0.08) 1px,transparent 1px);
}

.footer__title b {
  color: #ffe8e1 !important;
}


h1 b, h1 strong, .h1 b, .h1 strong, h2 b, h2 strong, .h2 b, .search .search-title b, .h2 strong, .search .search-title strong, h3 b, h3 strong, .h3 b, .h3 strong, h4 b, h4 strong, .h4 b, .flexible-form__step-title b, .h4 strong, .flexible-form__step-title strong, h5 b, h5 strong, .h5 b, .h5 strong, h6 b, h6 strong, .h6 b, .h6 strong {
  color: #c5340a;
}

.flexible-form .flexible-form__title-wrapper {
  background-color: rgba(0, 0, 0, 0.54);
}

.flexible-form .flexible-form__container {
  margin-top: 0;
}

.flexible-form .flexible-form__title-wrapper {
  padding-bottom: var(--ev-space-xl);
}
.modal[data-form-id] .icon.icon--close {
	--icon-color: #fff;
}
.intro .breadcrumb-wrapper {
  background: transparent;
  grid-area: breadcrumb;
}
.intro__grid.d-grid {
  grid-template-areas: "..       " "breadcrumb" "subtitle " "title    " "author   " "paragraph" "cta      " "..       ";
}
.intro .breadcrumb-wrapper > div:nth-child(1) {
  max-width: unset !important;
  padding-inline: 0;
}
.intro__image {
  min-width: 100%;
}
@media (width < 992px) {
  .intro__grid.d-grid {
    grid-template-rows: auto repeat(5, auto) 1fr;
  }
}