/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**
 * MODELE ARTICLE TYPE DE CHAMBRE - 18/10
 * GALERIE
 * (désactivé pour trouver une solution en pur Elementor)
 */

@media (min-width: 750px) {
	.single-roomtype #gallery-1 {
		display: grid;
		grid-template-columns: repeat(4, 150px);
		column-gap: 2%;
	}
}

@media (min-width: 350px) and (max-width: 749px) {
	.single-roomtype #gallery-1 {
		display: grid;
		grid-template-columns: repeat(2, 150px);
		column-gap: 2%;
	}
}

/** HEADER ET 1er CONTAINER - 22/09
 * Hauteur fixe
 * */

@media (max-width: 767px) {

	#header_top {
		height: 8vh;
	}

	#frontpage-top-section {
		height: 92vh;
	}
}

@media (min-width: 768px) {

	#header_top {
		height: 10vh;
	}

	#frontpage-top-section {
		height: 90vh;
	}
}

/** HEADER - 19/09
 *  Navbar
 *  Séparateur entre les liens
 * */
#header_top .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child)::after {
	border-radius: 10px;
}

/** ACCUEIL CARROUSEL - 19/09
 * */

 /* Formatage des slides individuels (Arrière-plan, padding, bordure) */

#frontpage-top-section .swiper-slide-inner {
	background: #00000069;
	padding: 10px;
	border-radius: 15px;
	border: 1px solid #FFFFFF;
}

 /* Espacement flèches pagination */

@media (min-width: 1025px) {
	#frontpage-top-section .elementor-swiper-button-next {
		right: -50px;
	}

	#frontpage-top-section .elementor-swiper-button-prev {
		left: -50px;
	}
}

 /* Redimensionnement des picto (hauteur) */

@media (min-width: 768px) {
	#carrousel-prestations .swiper-slide-image {
		height: 48px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

@media (max-width: 767px) {
	#carrousel-prestations .swiper-slide-image {
		height: 48px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

 /* Réduction police légende pour petits écrans mobiles (320px). Permet à la légende de rester sur une ligne */

@media (max-width: 357px) {
	#carrousel-prestations .elementor-image-carousel-caption {
		font-size: 10px;
	}
}

/** TITRES H2 - 19/09
 * Effet de soulignement partiel
 * */

h2.elementor-heading-title.elementor-size-default {
    padding-bottom: 0.3em;
	width: fit-content;
	position: relative;
}

/*h2 {
	width: fit-content;
	position: relative;
}*/

h2.elementor-heading-title.elementor-size-default::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 20%;
  max-width: 72px;
  border-top: 1px solid;
  border-color: inherit;
}

/** LOGO HOTEL DES BOIS - 21/09
 * Effet d'ombre portée
 * */

.logo-hotel-des-bois-ombre-portee {
	filter: drop-shadow(0 3px 6px rgba(0,0,0,0.46));
}

/** TEXTE SUR ARRIERE PLAN SOMBRE - 26/09
 * Change la couleur des liens en blanc sur le footer
 * */

.ap-sombre a, 
.ap-sombre a:hover {
	color: white;
}

.ap-sombre a {
	text-decoration: underline;
}

.ap-sombre a:hover {
	text-decoration-thickness: 2px;
}

/** 2e CONTAINER (PRESENTATION)
 *  Réglages sur éléments superposés
 *  Divers réglages responsive pour petits mobiles
 *  */

@media (max-width: 380px) {
/* Fin de la superposition pour petits mobiles */
.duo-encarts-superposes, .duo-encarts-superposes .e-con-inner {
  max-width: 100%;
  width: 100%;
  position: relative;
  top: initial !important;
}
	
/* Ajoute un espace en bas pour laisser le logo apparaître */
#section-presentation {
  padding-bottom: 15vh;
}
}

/* Breakpoint supplémentaire pour la valeur top pour davantage décaler vers le bas */
@media (min-width: 480px) and (max-width: 767px) {
  .duo-encarts-superposes:nth-of-type(2) {
    top: 80% !important;;
  }
}

/** SUBFOOTER
 * */
#subfooter p {
  margin-top: 5px;
}

@media (min-width: 778px) {
  #subfooter p {
  margin: 0;
  padding-left: 10px
}
  
.paragraphe-custom-marges::before {
  content: "|";
  display: inline;
  position: absolute;
  font-weight: bold;
  }
}

/** FIN AJOUTS */

.services_image .elementor-image-box-content {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.services_image .elementor-image-box-img {
    background-color: #000000;
}
.services_image .elementor-image-box-wrapper:hover .elementor-image-box-img img {
    opacity: 0.5;
}