/*
Theme Name: Divi child
Description: Theme enfant de Santa Fe.
Author: Virginie SASSERANT
Author URI: https://www.sasserant-graphisme.com/
Template: Divi
Version: 1.0
*/

/*
CENTRER DU CONTENU VERTICALEMENT
*/
.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}

/*
ALIGNER DU CONTENU EN BAS VERTICALEMENT
*/
.dc-bas-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
}

/*
AUGMENTER LARGEUR CHAMP RÉSULTAT CAPTCHA
*/
.et_pb_contact_right p input {
	max-width: 50px;
}

* EXPOSANTS & INDICES À LA BONNE TAILLE */ sup,
sub {
	font-size: 70%;
}

/*
INVERSER LE SENS DES COLONNES SUR MOBILE
*/
@media only screen and (max-width: 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/*
NOMBRE COLONNES
*/

.box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.flex-column {
	padding: 8px !important;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.flex-column {
		width: 50%;
		padding: 8px !important;
	}

	.nb-columns {
		justify-content: space-between;
	}

	.nb-columns .et_pb_column {
		width: 50% !important;
		padding: 0px 10px 30px 10px;
		align-self: stretch;
		flex-direction: row !important;
	}

	.deux-columns {
		display: flex;
		justify-content: center;
	}

	.deux-columns .et_pb_column {
		flex: 2;
		align-self: stretch;
	}

	.trois-columns {
		display: flex;
		justify-content: space-between;
	}

	.trois-columns .et_pb_column {
		flex: 1;
		margin: 0px 8px;
		align-self: stretch;
	}
}

@media all and (max-width: 767px) {
	.flex-column {
		width: 100%;
		padding: 10px !important;
	}

	.nb-columns .et_pb_column {
		width: 100% !important;
		clear: none !important;
	}

	.nb-columns .et_pb_column {
		flex-direction: column !important;
	}
}

@media all and (min-width:981px) {

	.galerie-coliving .et_pb_gallery_item:nth-child(1) {
		width: 70% !important;
	}

	#ligne-personnalise .et_pb_column:nth-child(2) {
		width: 20% !important;
	}

	#ligne-personnalise .et_pb_column:nth-child(3) {
		width: 10% !important;
	}
}

@media all and (max-width:980px) {

	#ligne-personnalise .et_pb_column {
		width: 100% !important;
	}
}


/*
BOUTON DE RETOUR HAUT
*/
.et_pb_scroll_top.et-visible {
	opacity: 0.6;
	-webkit-animation: fadeInBottom 1s;
	-moz-animation: fadeInBottom 1s;
	-o-animation: fadeInBottom 1s;
	animation: fadeInBottom 1s;
}

.et_pb_scroll_top.et-pb-icon {
	right: 15px;
	bottom: 85px;
	border-radius: 25px;
	background: #aba2a1;
}

/*
Galerie images - shortcode [chambre_galerie nom="Bellavista"]
*/
.galerie-chambre .et_pb_grid_item {
	float: none;
	margin-bottom: 0px !important;
}

.vg-chambre-galerie {
	margin: 0 auto;
	width: 100%;
	max-width: none;
	min-width: 220px;
}

.vg-chambre-galerie__cover {
	display: block;
	border-radius: 0px;
	overflow: hidden;
	cursor: zoom-in;
}

/*
Affichage des chambres disponibles [dispo_chambres] et [dispo_chambre nom="Bellavista"]
*/
.vg-dispo--detail,
.disponibilite {
	display: flex;
	flex-wrap: wrap;
	list-style: none !important;
	justify-content: center;
	align-content: center;
	margin: 0;
	padding: 0;
}

.vg-dispo__item {
	width: 100%;
	min-width: 220px;
	justify-content: center;
	text-align: center;
	padding: 6px 15px;
	border-radius: 0px 0px 8px 8px;
	font-size: 1rem;
	font-family: "Roboto Condensed";
}

.vg-dispo__nom {
	color: #13100D;
	font-weight: normal;
	margin-right: 8px;
}

.vg-dispo__statut {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	white-space: nowrap;
}

.vg-dispo__statut::before {
	content: "\f024";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 5px;
	color: inherit;
}

.vg-dispo__item--disponible {
	background: #e6f4ea;
}

.vg-dispo__item--disponible .vg-dispo__statut {
	color: #1e7e34;
}

.vg-dispo__item--occupee {
	background: #fdecea;
}

.vg-dispo__item--occupee .vg-dispo__statut {
	color: #c0392b;
}

.vg-dispo__item--bientot_disponible {
	background: #fff8e1;
}

.vg-dispo__item--bientot_disponible .vg-dispo__statut {
	color: #9c7a00;
}

.vg-dispo--nombre {
	font-size: 1.1em;
	font-weight: 600;
}

/*
MENU DESKTOP
*/
#top-menu-nav li a {
	font-weight: normal;
	width: 100%;
}

#top-menu-nav li a:hover {
	font-weight: bold;
	color: #13100D !important;
	opacity: 1 !important;
	width: 100%;
	letter-spacing: 1px;
}

.contact a {
	display: inline-block;
	color: #13100D !important;
	text-transform: uppercase;
	padding: 10px 20px !important;
	background: #FDD146;
	border: solid 1px #FDD146;
	font-weight: bold !important;
	border-radius: 30px;
}

.contact a:hover {
	opacity: 1 !important;
	background: #FDDD74;
	border: solid 1px #13100D;
	color: #13100D !important;
}

#et_top_search {
	margin-top: 20px;
}

@media screen and (min-width: 1161px) {
	#top-menu .sub-menu {
		min-width: 315px !important;
		padding: 0px;
		border-radius: 0px 0px 6px 6px;
	}

	#top-menu .sub-menu li {
		padding: 4px;
		border-bottom: solid 1px #CFC3A8;
		width: 100%;
	}

	#top-menu .sub-menu li a {
		padding: 10px 15px !important;
		padding-right: 0px !important;
		font-weight: normal;
		width: 100%;
		letter-spacing: 0.4px;
	}

	#top-menu .sub-menu li a:hover {
		font-weight: bold;
		color: #13100D !important;
		opacity: 1 !important;
		width: 100%;
		background: #ffffff !important;
		color: #13100D !important;
	}

	#top-menu .sub-menu li a:before {
		visibility: visible !important;
		font-family: 'ETmodules';
		content: "\35";
		color: #C99627;
		padding-right: 5px;
	}

	#top-menu .sub-menu li:last-child {
		border-bottom: none;
	}
}

/*
RESPONSIVE MENU
*/
/** MENU MOB X POUR FERMER **/
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	color: #9B8D68 !important;
}

@media all and (max-width: 1160px) {
	#et_mobile_nav_menu {
		display: block;
	}

	#top-menu {
		display: none;
	}

	.et_mobile_menu li a {
		padding-right: 0px !important;
		width: 100%;
		letter-spacing: 0.5px;
		font-size: 17px;
	}

	.container.et_search_form_container {
		background: #FFFFFF;
	}

	.et_mobile_menu li a:last-child {
		width: auto;
	}

	.et_mobile_menu li.contact {
		text-align: center;
		padding: 10px 20%;
	}

	.et_mobile_menu .contact a {
		color: #ffffff !important;
		text-transform: uppercase;
		letter-spacing: 2px !important;
		font-size: 18px;
		font-weight: bold !important;
		text-align: center;
		padding: 14px 40px !important;
		background: #5f504d;
		border: none;
		border-radius: 30px;
	}

	.et_mobile_menu {
		background-color: #ffffff;
		border-radius: 0 0 8px 8px;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
	}
}

@media all and (min-width: 981px) and (max-width: 1160px) {
	#et_top_search {
		float: left !important;
	}

	#et_search_icon {
		margin-right: 15px;
	}

	#et_search_icon::before {
		content: "\55";
		font-size: 24px;
		left: 0;
		position: absolute;
		margin-top: -10px;
		margin-left: -30px;
		bottom: 10px;
		right: 30px;
	}

	#logo {
		height: 75% !important;
		max-height: 75% !important;
	}

	.mobile_menu_bar::before {
		font-size: 42px;
	}

	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
}

@media all and (max-width: 980px) {
	#et_top_search {
		float: left !important;
	}

	#et_search_icon:before {
		top: 0px;
		content: "\55";
		font-size: 24px;
		left: 0;
		position: absolute;
		margin-top: -11px;
		margin-left: -30px;
		bottom: 11px;
		right: 30px;
	}

	#logo {
		height: 75% !important;
		max-height: 75% !important;
	}

	.mobile_menu_bar:before {
		font-size: 42px;
	}

	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
}

/*
SOUS-MENUS MOB & TAB
*/
/** MENU MOB X POUR FERMER **/
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	color: #9B8D68 !important;
}

@media all and (min-width: 511px) and (max-width: 980px) {
	.contact a {
		margin: 10px 0px !important;
	}

	.et_mobile_menu {
		margin: auto;
		padding: 4%;
		width: 100%;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
	}
}

@media only screen and (max-width : 510px) {
	.et_mobile_menu {
		margin-left: -13% !important;
		padding: 6%;
		width: 126%;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);
	}

	.contact a {
		margin: 10px 0px !important;
	}
}

/*
TEXTES & TITRES
*/

.puces-beige ul li,
.puces-gold ul li,
.puces-jaune ul li {
	padding-bottom: 7px;
}

.check-puce ul li,
.check-puce-bc ul li,
.check-puce-brown ul li {
	padding-bottom: 6px;
}

.puces-beige ul,
.puces-gold ul,
.puces-jaune ul {
	list-style: none !important;
	padding-left: 22px;
}

.check-puce ul,
.check-puce-bc ul,
.check-puce-brown ul {
	list-style: none !important;
	padding-left: 28px;
}

.puces-beige ul li::before {
	content: "● ";
	color: #CABCA0;
	margin-left: -22px !important;
	padding-right: 6px;
}

.puces-gold ul li::before {
	content: "● ";
	color: #9B8D68;
	margin-left: -22px !important;
	padding-right: 6px;
}

.puces-jaune ul li::before {
	content: "● ";
	color: #fcd145;
	margin-left: -22px !important;
	padding-right: 6px;
}

.check-puce ul li,
.check-puce-bc ul li {
	margin-bottom: 10px;
}

.check-puce ul li::before {
	content: url(/wp-content/uploads/2025/03/check-puce-gold.svg) !important;
	vertical-align: middle !important;
	margin-left: -28px !important;
	margin-right: 10px;
}

.check-puce-bc ul li::before {
	content: url(/wp-content/uploads/2025/01/check-puce-white.svg) !important;
	vertical-align: middle !important;
	margin-left: -28px !important;
	margin-right: 10px;
}

.check-puce-brown ul li::before {
	content: url(/wp-content/uploads/2025/03/check-puce-brown.svg) !important;
	vertical-align: middle !important;
	margin-left: -28px !important;
	margin-right: 10px;
}

/*
LIGNE SERVICES
*/
.icone-blurb .et_pb_main_blurb_image {
	margin-bottom: 5px;
}

/*
BUTTONS & LINKS
*/
.bouton-404 {
	min-width: 85% !important;
}

.edc-button {
	min-width: 260px;
	max-width: 100%;
}

.footer-button {
	min-width: 230px;
	text-align: center;
}

.social-links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
}

.button-normal {
	min-width: 200px !important;
}

.cta-plus.et_pb_promo .et_pb_button.et_pb_promo_button {
	min-width: 160px !important;
}

@media all and (min-width: 981px) {

	.buttons-lign,
	.buttons-lign .et_pb_column {
		align-items: baseline !important;
	}

	.bouton-service {
		min-width: 165px !important;
	}
}

@media all and (max-width: 980px) {
	.bouton-service {
		min-width: 230px !important;
	}

	.social-links {
		justify-content: center;
	}
}

@media all and (max-width: 430px) {
	.bouton-service {
		min-width: 260px !important;
	}
}

/*
ARTICLES 3 CARDS
*/
#bouton-plus {
	border-radius: 0px 25px 25px 25px;
}

/*
FLEX ELEMENTS
*/
.flex-wrap-start {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}

.flex-top-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.flex-center-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.flex-end-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: right;
}

.flex-end-center-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
}

.flex-left-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: left;
}

.flex-row-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/*
PAGE SEARCH
*/
.carte-search a.more-link {
	background-color: #5f504d;
	padding: 8px 22px;
	border-radius: 25px;
	float: right;
	margin: 0px;
}

.carte-search a.more-link:hover {
	background-color: #444241;
	padding: 8px 22px;
}

.menu-search,
.item-search-menu {
	width: 100% !important;
}

/*
FORMULAIRE
*/
.wrap-form {
	color: #444241;
	padding-top: 0px;
	padding-bottom: 0px;
}

.wrap-form .form {
	font: normal 1.1rem 'Roboto', sans-serif;
	color: #444241;
}

#nf-form-2-cont .ninja-forms-field,
#nf-form-3-cont .ninja-forms-field {
	border-radius: 6px;
	font: normal 1.1rem 'Roboto', sans-serif;
	color: #444241;
	padding: 13px;
}

.nf-element .ninja-forms-field:focus {
	border: 6px;
	border: 1px solid #5f504d;
}

.rdpg {
	font-size: 15px;
	color: #4d4d4e;
	padding-bottom: 10px;
	line-height: 1.2em;
}

.ninja-forms-req-symbol {
	color: #C99627 !important;
}

/**
BOUTON FORMULAIRE
**/
.et-cart-info {
	display: none;
}

.grecaptcha-badge {
	opacity: 0;
}

.form-ligne {
	text-align: center;
}

.bouton-form {
	color: #101820 !important;
	border: 1px solid #444241;
	border-radius: 30px !important;
	font: bold 1.3rem "Roboto", sans-serif !important;
	letter-spacing: 0.4px;
	padding: 10px 40px !important;
	Background: #FDD146 !important;
}

.bouton-form:hover {
	background: #FFFFFF !important;
	border: 1px solid #000000;
	letter-spacing: 0.3px;
}