/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */


.jupiterx-main-content > .container > .row > [class*=col-] {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.jupiterx-main-content {
    padding: 0 !important;
    word-wrap: break-word;
}

.jupiterx-content {
    margin-top: -40px !important;
}

.lr-list-check ul{
	list-style-image: url('https://adapt-proprete.com/wp-content/uploads/2025/11/check-list.svg');
}


nav.raven-nav-icons-hidden-tablet.raven-nav-icons-hidden-mobile.raven-nav-menu-mobile.raven-nav-menu-full-screen.raven-nav-menu-active {
    background: var(--e-global-color-4124596)!important;
}

.single-post .wp-block-heading {
    font-family: 'FinalSix' !important;
    font-weight: 500 !important;
}

.postid-529 p strong {
    color: #FF99CB !important;
}

.lr-post-carousel span.raven-post-button-text {
    position: absolute;
    z-index: 1;
    top: 92%;
    left: 55%;
    height: 20px !important;
    text-decoration: underline;
}

.lr-post-carousel-2 span.raven-post-button-text {
    position: absolute !important;
    width: 155px;
    height: 20px;
    bottom: 44px;
    margin-left: -160px;
	text-decoration: underline !important;
}

.tnp-field.tnp-field-email label {
    color: white !important;
    font-family: 'Montserrat';
}

.tnp-field.tnp-privacy-field label a {
    color: white;
	font-family: 'Montserrat';
    opacity: 0.5;
    font-size: 12px;
}

.tnp-field.tnp-privacy-field label {
    padding: 0;
    height: 18px;
    margin-top: -10px;
}

.tnp-subscription input[type=checkbox]{
    max-width: 0.8em !important;
}

input.tnp-submit {
    font-size: 14px !important;
    font-weight: 600;
    font-family: 'FinalSix';
    border-radius: 255px;
    padding: 8px 16px !important;
    background: white !important;
    color: var(--e-global-color-secondary) !important;
}

@media (min-width: 1651px) {
	.lr-post-carousel span.raven-post-button-text {
		left: 56%;
	}
}

@media (min-width: 1367px) and (max-width: 1650px){
	.lr-post-carousel span.raven-post-button-text {
		left: 48%;
	}
}

@media (min-width: 1024px) and (max-width:1366px) {
	.lr-post-carousel span.raven-post-button-text {
		left: 35%;
	}
}

@media (min-width: 769px) and (max-width: 1023px){
	.lr-post-carousel span.raven-post-button-text {
    	left: 48% !important;
	}
}



.lr-post-carousel span.raven-post-button-text:after, .lr-post-carousel-2 span.raven-post-button-text:after  {
    content: url('https://adapt-proprete.com/wp-content/uploads/2025/11/fleche-bleue.svg');
    margin-left: 8px;
    padding-top: 4px;
}


@media (min-width: 768px){
	.home.page .jupiterx-main-content .jet-listing-grid__item.jet-equal-columns.slick-slide:not(.slick-center) {
    	transform: scale(0.9) !important;
	}

	.home.page .jupiterx-main-content .jet-listing-grid__item.jet-equal-columns.slick-slide.slick-center > div {
		transform: scale(1.15) !important;
		margin: 0 20px !important;
	}
	
	.elementor-89 .elementor-element.elementor-element-dcd2bc3 .raven-menu-item .sub-arrow svg {
		padding-top: 5px !important;
		margin-left: 2px !important;
	}
}

@media (max-width: 768px){
	.jupiterx-content {
		margin-top: -205px !important;
	}

	.lr-post-carousel-2 span.raven-post-button-text {
		margin-top: -20px !important;
		bottom: auto !important;
	}
}

@media (max-width:1023px){
	.elementor-89 .elementor-element.elementor-element-dcd2bc3 .raven-menu-item .sub-arrow {
		color: white !important;
		fill: white !important;
	}
}

@media (min-width: 1023px){
	.raven-nav-menu-main .menu-item:last-child a.raven-menu-item.raven-link-item {
		color: white !important;
		border-radius: 255px;
		background: var(--e-global-color-d7b1b91) !important;
		margin-left: 10px !important;
		transition-duration: 300ms;
	}
	
	.raven-nav-menu-main .menu-item:last-child:hover, .raven-nav-menu-main .menu-item:nth-child(6):hover {
		transform: scale(1.1) !important;
		transition-duration: 300ms;
	}

  .raven-nav-menu-main .menu-item:nth-child(6) a.raven-menu-item.raven-link-item {
    background: #B6E4F0 !important;
    border-radius: 255px;
    margin-right: 10px !important;
    margin-left: 10px !important;
    transition-duration: 300ms;
    padding: 10px 16px;
  } 
}


/***** FORMULAIRE DE CONTACT ***/
/* Structure de base */
.form-contact {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

/* Lignes avec deux colonnes */
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-family: 'Montserrat';
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.form-group {
  width: 100%;
  margin-bottom:  0 !important;
}

.form-group.half {
  width: calc(50% - 10px); /* pour tenir compte du gap */
}

.form-group.half p{
	margin-bottom: 0 !important;
}

.required-label::after {
  content: " *";
  color: red;
  margin-left: 4px;
}

/* Ajouter une étoile rouge après les labels des champs requis */
.wpcf7-form .form-group:has(input.wpcf7-validates-as-required) > p > label::after,
.wpcf7-form .form-group:has(textarea.wpcf7-validates-as-required) > p > label::after,
.wpcf7-form .form-group:has(select.wpcf7-validates-as-required) > p > label::after, .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.checkbox-consent > span:after {
  content: ' *';
  color: red;
  font-weight: bold;
}


.checkbox-consent > span > input {
    background: red !important;
    width: 24px !important;
    margin-right: 7px;
}

.checkbox-consent > span {
    display: flex;
    flex-direction: row !important;
}



/* Champs */
.champ-form.input,
.champ-form.textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
}

/* Textarea */
.champ-form.textarea {
  height: 150px;
  resize: vertical;
}

/* Cases à cocher */
.checkbox-wrapper {
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.4;
}

.checkbox-wrapper input[type="checkbox"] {
  margin-top: 4px;
}

/* Bouton */
.btn.btn-envoyer {
  background-color: #469bb7;
  color: white;
  padding: 14px 24px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: background-color 0.3s ease;
}

.btn.btn-envoyer:hover {
  background-color: #327c96;
}


/*******************$
***********
DEMANDE DE DEVIS ******
***********
********/


.page-id-59 p.texte-formulaire {
    font-family: FinalSix;
    margin-bottom: 8px !important;
    font-weight: 500;
    font-size: 18px;
    color: #0A93AA;
}

/* Responsive */
@media (max-width: 768px) {
  .form-group.half {
    width: 100%;
  }

  .form-row {
    gap: 0;
  }

  .btn.btn-envoyer {
    font-size: 16px;
    padding: 12px 20px;
  }
}

/*****************************
****************************
/