/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.05
*/

/* Css MetaSlider */

.metaslider .flexslider {
	margin: 0 0 0 !important;
}

.metaslider .flex-control-nav.flex-control-paging a {
	background-color: #fff !important;
}

.metaslider .flex-control-nav.flex-control-paging a:hover,
.metaslider .flex-control-nav.flex-control-paging a.flex-active {
	background-color: #000 !important;
}

.metaslider .flex-control-nav {
	position: absolute;
	bottom: 20px !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	background: url('/wp-content/uploads/2025/11/fleche-gauche.svg') no-repeat center/contain !important;
	width: 1.563vw !important;
	height: 2.969vw !important;
	left: -4vw !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
	background: url('/wp-content/uploads/2025/11/fleche-droite.svg') no-repeat center/contain !important;
	width: 1.563vw !important;
	height: 2.969vw !important;
	right: -4vw !important;
}

/* Css Menu */

.et_pb_menu__menu,
.et-menu-nav {
	width: 100%;
}

#menu-menu-principal {
	all: unset;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#menu-menu-principal li {
	margin: 0;
	padding: 0;
}

#menu-menu-principal li a {
	position: relative;
	padding: 0;
	margin: 0;
	text-decoration: none;
	opacity: 1;
}

#menu-menu-principal li.menu-item-45 a::before {
	content: "" !important;
	display: block !important;
	width: 1.615vw !important;
	height: 1.615vw !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2025/11/picto_accueil.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-47 a::before {
	content: "" !important;
	display: block !important;
	width: 69px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/picto-chapiiteau-bambou.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-50 a::before {
	content: "" !important;
	display: block !important;
	width: 41px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/picto-tente.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-51 a::before {
	content: "" !important;
	display: block !important;
	width: 44px !important;
	height: 36px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/picto-tente-pliante.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-48 a::before {
	content: "" !important;
	display: block !important;
	width: 48px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/Calqupicto-structure-aluminieum.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-49 a::before {
	content: "" !important;
	display: block !important;
	width: 41px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/picto-tente.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-52 a::before {
	content: "" !important;
	display: block !important;
	width: 78px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/picto-tente-sketch.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-53 a::before {
	content: "" !important;
	display: block !important;
	width: 53px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/accesoires.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-78 a::before {
	content: "" !important;
	display: block !important;
	width: 40px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2026/04/Picto-mobiliers.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-82 a::before {
	content: "" !important;
	display: block !important;
	width: 34px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2025/11/picto_patinoire.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-105 a::before {
	content: "" !important;
	display: block !important;
	width: 28px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2025/11/picto_autre.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-117 a::before {
	content: "" !important;
	display: block !important;
	width: 28px !important;
	height: 38px !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2025/11/picto_service.png') no-repeat scroll top/contain !important;
}

#menu-menu-principal li.menu-item-46 a::before {
	content: "" !important;
	display: block !important;
	width: 1.927vw !important;
	height: 1.354vw !important;
	margin: 0 auto 10px auto !important;
	background: url('/wp-content/uploads/2025/11/picto_contact.png') no-repeat scroll top/contain !important;
}

/* Css Sub menu */

#menu-menu-principal .sub-menu {
	background-color: #fff !important;
	border-top: none !important;
	border-radius: none;
	width: fit-content !important;
}

#menu-menu-principal .sub-menu li {
	margin: 10px 20px !important;
	width: 100% !important;
}

#menu-menu-principal .sub-menu li a {
	text-align: left !important;
	width: fit-content !important;
	white-space: nowrap !important;
}

#menu-menu-principal .sub-menu li a::before {
	display: none !important;
}

#menu-menu-principal .sub-menu li a:hover {
	background: #fff;
}

#menu-menu-principal .menu-item-has-children.et-show-dropdown > a {
	background: transparent !important;
}

.et-menu .menu-item-has-children > a:first-child::after {
	display: none;
}

/* Css Mobile menu */

.mobile_nav.opened .mobile_menu_bar::before {
	font-family: "ETmodules";
	content: "\4d";
}

.et_pb_menu__wrap {
	justify-content: start !important;
}

#mobile_menu2 li a:hover,
#mobile_menu2 li.current-menu-item a {
	background-color: #fff !important;
	color: #134929 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

@media screen and (min-width: 540px) and (max-width: 980px) {
	#mobile_menu2 li a br {
		display: none !important;
	}
}

#mobile_menu2 .menu-item-has-children > a {
	font-weight: 400 !important;
	background-color: transparent;
}

#mobile_menu2 .menu-item-has-children .sub-menu {
	background-color: #fff !important;
}

#mobile_menu2 li.menu-item-has-children:hover > a {
	color: #134929 !important;
}

#mobile_menu2 .menu-item-has-children .sub-menu li a:hover {
	background-color: #fff !important;
}

/* Css Gravity Forms */

.gform_wrapper.gravity-theme * {
	font-family: "Quattrocento sans", sans-serif !important;
}

.gform_wrapper.gravity-theme .ginput_container_consent input[type="checkbox"] {
	accent-color: #134929 !important;
}

.gform_wrapper.gravity-theme .gfield_consent_label a {
	color: #134929 !important;
	text-decoration: underline !important;
	transition: 300ms all ease !important;
}

.gform_wrapper.gravity-theme .gfield_consent_label a:hover {
	text-decoration: none !important;
}

.gform_wrapper.gravity-theme .name_first,
.gform_wrapper.gravity-theme .name_last {
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}

.gform_wrapper.gravity-theme .gform_footer {
	display: block !important;
}

.gform-icon--close:before {
	display: none !important;
}

#gform_2 .gform_fields .infos-adresse {
  font-family: 'LEMONMILK-Light',Georgia,"Times New Roman",serif !important;
  font-size: 16px !important;
  color: #fff !important;
  text-align: center !important;
  background: #14441f;
  border: 1px solid #14441f;
  padding: 10px !important;
  font-weight: bold !important;
}

/* Complianz */

#cmplz-document {
	color: #000 !important;
	max-width: 100% !important;
	line-height: 1.6em !important;
}

#cmplz-document h2 {
	margin-top: 20px;
}

#cmplz-document div {
	text-align: left !important;
}

#cmplz-document .cmplz-categories div,
#cmplz-document .cmplz-categories span {
	text-align: left !important;
	font-size: 14px !important;
	line-height: 1.6em !important;
}

#cmplz-document input[type="checkbox"] {
	accent-color: #134929 !important;
}

#cmplz-document a {
	color: #000;
	border-bottom: 1px solid #000;
	transition: all 400ms ease;
}

#cmplz-document a:hover {
	text-decoration: none !important;
	color: #134929;
	border-bottom-color: #134929;
}

@media screen and (min-width: 768px) {
	.cmplz-message,
	.cmplz-categories {
		width: 650px !important;
	}
}

#cc-window {
	font-family: "Quattrocento sans", sans-serif !important;
}

#cc-window .cc-compliance a:hover {
	color: #000 !important;
	text-decoration-color: #000 !important;
}

/* Classes utilities */

.underlined:hover {
	text-decoration: underline !important;
}

.none:hover {
	text-decoration: none !important;
}

.scale {
	will-change: transform;
	transform-origin: bottom;
	transform: scale(1.0) translateY(0);
	transition: transform 400ms ease;
}

.scale:hover {
	transform: scale(1.05) translateY(-4px);
}

/* Back to top */

.et_pb_scroll_top.et-pb-icon {
	color: #fff !important;
	background-color: #134929;
	border-radius: 12px;
	bottom: 150px;
	right: 50px;
}

/************************ ACF/CPT **********************/

/* Styles Champ ACF galerie */

.gallery-wrapper {
  width: 100%;
  background-color: transparent;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}

.main-image img {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  object-fit: cover;
}

.thumb-carousel-wrapper {
  position: relative;
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
}

.thumb-carousel {
  overflow: hidden;
  width: 100%;
}

.thumb-carousel .thumbnails {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  column-gap: 10px;
  padding: 0;
  scrollbar-width: none;
}

.thumb-carousel .thumbnails::-webkit-scrollbar {
  display: none;
}

.thumbnail {
  flex: 0 0 25%;
  width: 25%;
  aspect-ratio: 1/1;
  display: block;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail.active,
.thumbnail:hover {
  opacity: 1;
}

.thumb-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.thumb-arrow:hover {
  background: rgba(255, 255, 255, 0.9);
}

.thumb-arrow.prev {
  left: 20px;
}

.thumb-arrow.next {
  right: 20px;
}

/* Styles Champ ACF table */

.acf-table {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
}

.acf-row {
  padding: 0.5rem 1rem;
  border-radius: none;
  background-color: #eee;
}

/* Styles listing des produits  */

.et_pb_salvattore_content,
.et_pb_blog_grid .column {
  all: unset;
}

#products.custom_blog_grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 25px !important;
}

#products.custom_blog_grid .et_pb_post {
  flex: 0 0 calc(23% - 25px) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin-bottom: 2% !important;
  border: none !important;
  background: transparent !important;
}

#products.custom_blog_grid .et_pb_post .et_pb_image_container {
  margin: 0px;
}

#products.custom_blog_grid .et_pb_post .et_pb_image_container a {
  margin-bottom: 15px !important;
}

#products.custom_blog_grid .et_pb_post .et_pb_image_container img {
  object-fit: contain !important;
}

#products.custom_blog_grid .et_pb_post .post-content {
  position: relative !important;
}

#products.custom_blog_grid .entry-title {
  font-family: 'LEMONMILK REGULAR', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.2em !important;
  padding: 0 !important;
  text-align: center;
  margin: 25px 0 !important;
  color: #000;
}

#products.custom_blog_grid .entry-title a:hover {
  color: #134929 !important;
}

#products.custom_blog_grid .content-item {
  font-family: 'Quattrocento sans', sans-serif !important;
  color: #000;
  text-align: center !important;
  line-height: 1.6em !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  margin-bottom: 1rem !important;
}

#products.custom_blog_grid .content-body div:last-child {
  margin: 15px 0 0 0 !important;
}

#products.custom_blog_grid .btn-more {
  display: inline-block;
  text-align: center !important;
  color: #fff !important;
  border: 2px solid #134929 !important;
  border-radius: 30px !important;
  font-size: 17px !important;
  font-family: 'Quattrocento sans', sans-serif !important;
  font-weight: 400 !important;
  background-color: #134929 !important;
  padding: 8px 35px !important;
  text-transform: uppercase !important;
  transition: opacity 300ms ease, background 300ms ease !important;
}

.et-db #et-boc .et-l .et_pb_blog_0_tb_body .et_pb_post .post-content .btn-more {
    color: #fff !important;
	padding: 8px 1rem !important;
}

@media screen and (max-width: 980px) {
	.et-db #et-boc .et-l .et_pb_blog_0_tb_body .et_pb_post .post-content .btn-more {
		padding: 8px 35px !important;
	}
}

#products.custom_blog_grid .btn-more:hover,
.et-db #et-boc #products.custom_blog_grid .btn-more:hover {
  color: #fff !important;
  background-color: #000 !important;
  text-decoration: none !important;
  border-color: #000 !important;
}

@media (max-width: 980px) {
  #products.custom_blog_grid .et_pb_post {
    flex: 0 0 calc(48% - 25px) !important;
    margin-bottom: 4% !important;
  }

  #products.custom_blog_grid .btn-more {
    padding: 10px 50px !important;
  }
}

@media (max-width: 540px) {
  #products.custom_blog_grid .et_pb_post {
    flex: 0 0 100% !important;
    margin-bottom: 8% !important;
  }
}

/************************ FIN ACF/CPT **********************/

/* Pagination styles WP page navi */

.wp-pagenavi {
  text-align: center;
  color: #fff !important;
  font-family: 'Quattrocento sans', sans-serif;
  font-size: 16px !important;
  padding-bottom: 0;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #134929;
  border-radius: 7px;
  color: #134929;
  padding: 7px 10px;
  margin: 2px;
  font-family: 'Quattrocento sans', sans-serif;
  font-size: 16px !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #134929;
  color: #fff;
  background: #134929;
}

/* Styles search and filter (barre de recherche) */

.search-bar .searchandfilter {
  display: flex;
}

.search-bar .searchandfilter ul {
  all: unset;
  display: inline-flex;
  align-items: center;
  padding: 0;
}

.search-bar .searchandfilter ul li {
  padding: 0;
}

.search-bar .searchandfilter ul li.sf-field-search input {
  font-family: 'Quattrocento sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #134929;
  border: none !important;
  border-bottom: 2px solid #134929 !important;
  background-color: transparent;
  padding-left: 0;
  padding-right: 24px;
  height: 24px;
  width: 80%;
}

.search-bar .searchandfilter ul li.sf-field-search input::placeholder,
.search-bar .searchandfilter ul li.sf-field-search input:focus::placeholder,
.search-bar .searchandfilter ul li.sf-field-search input:focus-visible::placeholder {
  color: #134929;
}

.search-bar .searchandfilter ul li input[type="submit"] {
  background-size: contain;
  background-position: right 0px center;
  background-image: url('/wp-content/uploads/2025/11/Picto_recherche_header.svg');
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  border: none;
  margin-left: -48px;
  height: 18px;
  width: 18px;
}

@media screen and (max-width: 980px) {
  .search-bar .searchandfilter {
    margin: 15px 0;
  }
}

/* Styles search and filter (filtre multicritères) */

.search-form-criteria .searchandfilter ul li h4 {
  font-family: 'LEMONMILK REGULAR', sans-serif !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #134929 !important;
}

.search-form-criteria .searchandfilter ul input {
	height: 16px !important;
	width: 16px !important;
    accent-color: #134929 !important;
}

.search-form-criteria .searchandfilter .noUi-connect {
    background-color: #134929 !important;
}

#gform_fields_1 #field_1_30 {
  text-align: center!important;
  background: #134929!important;
  color: #fff!important;
}