/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/


/* Your CSS code goes here
-------------------------------------- */

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* Liste programmes */
.property-item .media-left {position: relative;}
.property-item .label-programme {
	position: absolute;
    z-index: 1;
    padding: 2px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;    
    border-radius: 3px;
    top: 10px;
	   background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    height: 45px;
    width: 49px;
	    left: 70%;
}



.property-item .label-programme.new {
    background-image: url(https://proteram.fr/wp-content/uploads/2024/11/Picto-New.png);
}

.property-item .label-programme.bdp {
    background-image: url(https://proteram.fr/wp-content/uploads/2024/10/Picto-baisse-de-prix.png);
}

.property-item .label-programme.cdc {
    background-image: url(https://proteram.fr/wp-content/uploads/2024/10/Picto-coup-de-coeur.png);
}


.item-grid-view .item-wrap
{
    max-width: 255px;
}


.hover-effect:before {background-image: linear-gradient(180deg, #4C583100 42%, #A5BE69 106%);}

.listing-wrap .property-item {
	min-height: 293px;
	border-radius:9px;
}

.listing-wrap .property-item .title a {
    color: white;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Poppins';
}

.listing-wrap .property-item .title-head-left p {
	color: #7e7e7e;
	font-size: 14px;
	font-weight: 400;
}

.listing-wrap .property-item .title-head-left li {
	font-size: 15px;
}

.listing-wrap .property-item .item-media-price {
	text-align: right;
}

.irs--round .irs-handle {
	border: none !important;
	background-color: #494d4e !important;
}
.irs--round .irs-bar {
	background-color: #d6d6d6 !important;
}

.irs--round .irs-line {
	background-color: #FFFFFF !important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
	color: #494d4e !important;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 700;
	background-color: #f2f2f2 !important;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {border-top-color: #f2f2f2 !important;}

.checkbox-inline input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox-inline .control_indicator {
	position: absolute;
	top: 0;
    margin-left: 0px;
	height: 25px;
	width: 25px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #d6d6d6;
}


span.checkbox-text {
    margin-left: 35px;
}
.control_indicator:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-inline input:checked ~ .control_indicator:after {
	display: block;
}

.checkbox-inline .control_indicator:after {
  	left: 9px;
	top: 2px;
	width: 7px;
	height: 15px;
	border: solid #494d4e;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Custom select */

 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;
}
/* HTML5 display-role reset for older browsers */
 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;
}
*, *:after, *:before {
     box-sizing: border-box;
}

.custom-select-wrapper {
     position: relative;
     user-select: none;
     width: 100%;
}
 .custom-select {
     position: relative;
     display: flex;
     flex-direction: column;
}
 .custom-select__trigger {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 22px;
     height: 60px;
     cursor: pointer;
	 border-radius: 10px;
    border: none;
    background-color: #5F6E37;
}
 .custom-options {
     position: absolute;
     display: block;
     top: 100%;
     left: 0;
     right: 0;
     border-top: 0;
     background: #fff;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     z-index: 2;
	 border-bottom-left-radius: 22px;
	 border-bottom-right-radius: 22px;
	 border: 1px solid #d6d6d6;
	 border-top: none;
	 background-color: #ffffff;
}
 .custom-select.open .custom-options {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
}
 .custom-option {
     position: relative;
     display: block;
     padding: 0 22px 0 22px;
     cursor: pointer;
     transition: all 0.5s;
}
 .custom-option:hover {
     cursor: pointer;
     background-color: #d6d6d6;
}
 .custom-option.selected {
     color: #ffffff;
     background-color: #a9c829;
}

.arrow {
     position: relative;
     height: 15px;
     width: 15px;
}
 .arrow::before, .arrow::after {
     content: "";
     position: absolute;
     bottom: 0px;
     width: 0.15rem;
     height: 100%;
     transition: all 0.5s;
}
 .arrow::before {
     left: -5px;
     transform: rotate(-45deg);
     background-color: #d6d6d6;
}
 .arrow::after {
     left: 5px;
     transform: rotate(45deg);
     background-color: #d6d6d6;
}
 .open .arrow::before {
     left: -5px;
     transform: rotate(45deg);
}
 .open .arrow::after {
     left: 5px;
     transform: rotate(-45deg);
}

/* Single programme */
.row, .pastilles {margin-bottom: 50px;}

.top {border-bottom: 1px solid #d6d6d6;}

.btn-blanc {
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px 24px;
	border-radius: 19px;
	border: 1px solid #d6d6d6;
}

.btn-blanc2 {
	color: #72982d;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px 24px;
	border-radius: 19px;
	border: 1px solid #72982d;
}
.btn-blanc2:hover {
	color: #FFFFFF;
	border: 1px solid #7e7e7e;
	background-color: #7e7e7e;
}

.btn-vert {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px 24px;
	border-radius: 10px;
	background-color: #A5BE69;	
    border: solid 1px #a9c829;
}
.btn-vert:hover {background-color: #FFFFFF;}
.custom-option.selected {
    color: #ffffff;
    background-color: #5f6e37;
}
.btn-vert2 {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px 24px;
	border-radius: 19px;
	background-color: #72982d;	
    border: solid 1px #72982d;
}
.btn-vert2:hover {background-color: #FFFFFF;}

.pictos {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	margin: 50px 0;
}

@media all and (max-width: 576px) {
	.pictos {
		grid-template-columns: 1fr 1fr;
	}
}

.pictos span {
	color: #494d4e;
	font-size: 17px;
	font-weight: 600;
}

.pictos div {
    margin-bottom: 0px;
    display: block;
    align-items: center;
    margin-top: 15px;
}

.pictos img {
	margin-right: 0px;
    width: 65px;}

.wp-video {
	margin: 0 auto;
	padding-bottom: 30px;
}

.terrains, .situation, .quartier {
	border-bottom: 1px solid #d6d6d6;
}

.table th {text-align: center !important;font-weight: 600;}
.table tr {font-size: 12px;}

#ville, #region {
    border-radius: 10px;
    border: none;
    background-color: #5F6E37;
	padding-left : 80px!important;
}

.btn {
	border-radius: 22px;
	background-color: #a9c829;
	color: #ffffff;
	font-family: Montserrat;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.51px;
	text-transform: uppercase;
}
.btn:hover {
	background-color: #494D4E;
	color: #FFFFFF;
}

hr {
	border-bottom: solid 1px lightgrey;
    margin-top: 10px !important;
}

.filtres {
	color: #494d4e;
	font-size: 17px;
	font-weight: 600;
}

.checkbox-inline {margin: 0 30px;}

.pagination span, .pagination a {
	color: #7e7e7e;
	padding: 9px 15px;
    border-radius: 30px;
    border: solid .5px #7e7e7e;
}
.pagination span:hover, .pagination a:hover, .pagination .current {
	background: #a9c829;
    color: white;
}

.btn-bg-google-plus {display: none !important;}

@media (max-width: 768px) {
	.media-left, .media-body {
		display: block !important;
	}
	
	.filter-row {
		gap: 0px!important;
	}
	
	.form-control
	{
		font-size:13px!important;
	}
	
	.filter-dropdown .filtres {
    justify-content: space-between!important;
    width: 69%!important;
    margin: 0 auto!important;
}
	
}




.search-destination:after{
    content: '';
    display: inline-block;
    width: 54px;
    height: 40px;
    background-image: url(https://proteram.fr/wp-content/uploads/2024/10/loupe.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    vertical-align: middle;
    border-right: solid 1px white;
	    margin-top: -2px;
	
}

.search-destination input
{
	height:60px;
}

.btn-search-programmes{
	font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    fill: #ffffff;
    color: #ffffff;
    background-color: var(--e-global-color-4fee1d6);
    border-style: none;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 60px 8px 60px
}

.btn-search-programmes:hover{    
	background-color: #5F6E37;
}
.checkbox-inline:hover {
    background: #aebfa2!important;
}



.form-control{
    color: white; 
}
.form-control::placeholder {
    color: white; 
    opacity: 1;
}

.custom-select__trigger span
 {
    color: white; 
}

.item-price sup {
    top: -1px;
    font-family: 'Poppins';
    margin-right: 6px;
}

.item-price span {
    font-family: 'Poppins'!important;
	font-size: 22px!important; 
	font-weight: 500!important;
	line-height: 30px!important;
}

/* Conteneur principal pour aligner les dropdowns côte à côte */
.filter-row {
    display: flex; /* Utilise flexbox pour aligner les éléments en ligne */
    flex-wrap: wrap; /* Permet de passer à la ligne si nécessaire */
    gap: 10px; /* Espacement entre les colonnes */
	width:100%;
}

/* Chaque colonne dropdown */
.filter-dropdown {
    position: relative;
    background: none;
    border: none;
    border-radius: 5px;
    margin: 10px 0;
    flex: 1; /* Permet à chaque dropdown de prendre un espace égal */
    min-width: 200px; /* Définit une largeur minimale pour chaque colonne */
	    height: 100%;
	padding: 0px;
}
.col-xs-12.filter-dropdown:hover {
    background: #D1E0C7;
}

.col-xs-12.filter-dropdown.open {
    background: #D1E0C7;
}

/* En-tête du dropdown */
.filter-dropdown .filtres {
    display: flex;
    justify-content: space-around;
	align-items: center;
    padding: 12px 0px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
		font-size:14px;

}

/* Icône chevron avec SVG */
.chevron {
    display: inline-block;
    width: 14px;
    height: 12px;
    background-image: url('https://proteram.fr/wp-content/uploads/2024/10/Vector-1.svg');
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

/* Rotation de l'icône lorsque le dropdown est ouvert */
.filter-dropdown.open .chevron {
    transform: rotate(180deg); /* Rotation à 180° quand le dropdown est ouvert */
}

/* Conteneur des checkboxes */
.checkbox-container {
    display: none;
    padding: 5px 0;
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    gap: 10px; /* Ajoute un espacement entre les éléments */
}

.filter-dropdown.open .checkbox-container {
    display: block; 
}

.filter-row .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0px;
}



/* Style des labels */
.checkbox-inline {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px;    margin: 0;
    cursor: pointer;
    width: auto; /* S'assure que la largeur soit flexible */
	    margin-left: 0px!important;
}

.checkbox-inline:hover {
    background: #e8eae8;
}

/* Style des checkboxes */
.checkbox-inline input[type="checkbox"] {
    display: none;
}

.control_indicator {
    width: 20px;
    height: 20px;
    border: 2px solid #5a6c50;
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
	    margin-bottom: 10px;
    margin-top: 10px;
}

/* Indicateur coché */
input[type="checkbox"]:checked + .control_indicator::after  {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: #5a6c50;
    border-radius: 1px;
    transform: rotate(0deg);
    border: none;
    border-radius: 50%;
}























/* Style pour le conteneur du budget */
.budget-container {
margin: 0;
    padding: 10px;
    background: none;
    border: none;
    border-radius: 5px;
}

/* Style du titre 'Budget' */
.budget-container .filtres {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-size:13px;
}

/* Style du slider */
.js-range-slider1 {
    -webkit-appearance: none; /* Supprime l'apparence par défaut */
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #e0e0e0;
    outline: none;
    transition: background 0.3s ease;
}

/* Slider track */
.js-range-slider1::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 5px;
    background: #5a6c50;
}

/* Slider thumb (le curseur) */
.js-range-slider1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #5a6c50;
    cursor: pointer;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, transform 0.3s ease;
}

/* Effet hover sur le thumb */
.js-range-slider1:hover::-webkit-slider-thumb {
    background: #445c3d;
    transform: scale(1.1); /* Agrandir légèrement lors du hover */
}

/* Style pour Firefox */
.js-range-slider1::-moz-range-track {
    height: 8px;
    border-radius: 5px;
    background: #5a6c50;
}

.js-range-slider1::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #5a6c50;
    cursor: pointer;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, transform 0.3s ease;
}

.js-range-slider1:hover::-moz-range-thumb {
    background: #445c3d;
    transform: scale(1.1);
}

/* Style pour IE */
.js-range-slider1::-ms-track {
    width: 100%;
    height: 8px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

.js-range-slider1::-ms-fill-lower {
    background: #5a6c50;
}

.js-range-slider1::-ms-fill-upper {
    background: #e0e0e0;
}

.js-range-slider1::-ms-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #5a6c50;
    cursor: pointer;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, transform 0.3s ease;
}

.js-range-slider1:hover::-ms-thumb {
    background: #445c3d;
    transform: scale(1.1);
}