/* ===== Thème Enfant GeneratePress - responsive.css ===== */

@media (max-width: 1400px) {
  .cadre-photo-header-chambre{
    left:0px;
    align-items:start;
  }

  .cadre-photo-header-chambre img{
    height:auto;
    width:100%;
  }
}


@media (min-width: 1025px) and (max-width: 1200px) {


  .cadre-image{
    max-width: 780px;
    height: auto;
  }

  .texte-vecto{
    right:5%;
    top:-100px;
   
  }

.texte-vecto svg{
    width:160px;
  }

  .corail{
    right:0px;
  }

  .corail svg{
    width:80px;
  }

  .sirene{
    bottom:100px;
  }

  .sirene svg{
    width:300px;
  }


 .bg-cover-fixe{
    background-attachment: scroll;
  }

  .titre-page-inter>div:last-child{
 width:80%;
}
 .section-descri-chambre .gbp-section__inner{
    max-width: calc(100% - 80px);
        column-gap: 3rem;
 }

 .cadre-photo-header-chambre{
    left:0px;
    align-items:end;
    max-height:200px;
  }

}


@media (max-width: 1024px) {
  h1, .h1,
.h1 a{
       font-size: 32px;
        line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
}
				
		

h2, .h2,
.h2 a{
       font-size: 25px;
        line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
}
																			
																			

h3, .h3,
.h3 a{
       font-size: 20px;
        line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
												
												

h4, .h4,
.h4 a{
    font-size: 18px;
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
														
														

h5, .h5,
.h5 a{
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
																			
																			

h6, .h6,
.h6 a {
	font-size: 14px;    
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}

.menu-langues>div{
  padding:0px;
  margin-right:20px;
}
}



@media (max-width: 768px) {

.menu-langues{
  display:none;
}

.menu-langues-mobile{
    display:flex!important;
}

.gb-menu-container--mobile{
  row-gap:0rem!important;
}

header .gb-menu-link {
        justify-content: center!important;
}
.gb-menu-show-on-toggled:not(.logo-menu-mobile){
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem auto 0;
}

nav.gb-navigation.gb-navigation--mobile {
    justify-content: space-between;
}
  
.gb-navigation-c3ec1bf1 .gb-menu-toggle--clone {
    right: 20px;
}

 .yoast-breadcrumbs {
        font-size: 12px;
        padding: 10px 0;
    }
    
    .yoast-breadcrumbs span:not(:last-child)::before {
        margin: 0 8px;
    }

   

.hero-accueil{
    max-height:500px;
    min-height:390px;
}

.cadre-photo-header-chambre{
    left:0px;
    align-items:end;
  }

  .site-footer .wpml-ls{
    display:none!important;
  }

  .site-footer .gbp-section{
    margin-bottom:-1px;
  }

}

@media (max-width: 480px) {

  .hero-accueil{
  
    min-height:auto;
  }

  .yoast-breadcrumbs{
        font-size: 10px;
    }
    
    .yoast-breadcrumbs span:not(:last-child)::before {
        margin: 0 5px;
    }

  .bg-cover-fixe{
    background-attachment: scroll;
  }

    h1, .h1,
.h1 a{
       font-size: 20px;
        line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
}
				
		

h2, .h2,
.h2 a{
       font-size: 20px;
        line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
}
																			
																			

h3, .h3,
.h3 a{
       font-size: 18px;
        line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
												
												

h4, .h4,
.h4 a{
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
														
														

h5, .h5,
.h5 a{
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}
																			
																			

h6, .h6,
.h6 a {
	font-size: 14px;    
    line-height: 1em;
    font-weight: 400;
    text-transform: none;
}

.cadre-photo-header-chambre {
    height:100%;
}
.cadre-photo-header-chambre img{
    object-fit: cover;
    height:100%;
    width:auto;
}

}