/*
Theme Name: Coherence Child
Theme URI: http://weshore.com/
Author: Weshore Themes
Author URI: https://weshore.com
Template: coherence
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: Private License
License URI: license.txt
Text Domain: coherence-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/*-----------------------------------------***style header***----------------------------------*/
.section-footer .menu-icon-home > a i{display:none !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs {margin-inline: 5px !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs > a {padding-inline: 5px !important;}

@media only screen and (min-width: 1025px){
	.section-header .menu-icon-home > a span{display: none;}
}
@media only screen and (max-width: 1024px){
	.section-header .menu-icon-home > a i{display:none !important;}
	.section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;}
}

/*only transparent on home page*/
/* Target the home page specifically */
@media screen and (min-width: 1025px) { 
	.home .site-header:not(.sticky-active) .section-header {  background-color: transparent !important; position: fixed;top: 0;}
}

/*------------------------------------------------------***End***------------------------------------------------------*/
.gallery_grid .gallery-item:not(:first-child) {opacity: 0;position: absolute !important;left: 0;z-index: -1;top: 0;}
.gallery_grid .gallery-item {overflow: hidden;width: 100% !important;max-width 100% !important;}
.gallery_grid .gallery-item img{transition: all 0.3s ease-in-out;aspect-ratio:3/2;object-fit:cover;width:100%;}
.gallery_grid .col_gallery:hover .gallery-item img{transform: scale(1.09)}
.gallery_grid .gallery_title{position:absolute;left:0;top:0;height:100%;z-index:2;background-color:rgb(18 18 18 / 40%);transition: all 0.3s ease-in-out;transform:scale(0);}
.gallery_grid .col_gallery:hover .gallery_title{transform:scale(1);}
.gallery_grid .gallery_title *{height: 100% !important;}
.gallery_grid .gallery_title a {padding:10px;display:flex;justify-content:center;align-items:center;}
/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/


/* =============================
 * == Phone SlideIn & Contact == 
 * ============================= */

/* =============================
 * =========== Contact =========
 * ============================= */



/*------------------------------------------------------***End***------------------------------------------------------*/

/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/

/**************************************Style : PRE-HOME*********************************/

/**************************************Style : SLIDER *********************************/  

/**************************************Style : section_presentation*********************************/

/**************************************Style : section_prestations*********************************/
.presta-slider .carousel-content { padding: 0px; color: white; height:100% !important; }
.presta-slider .item-body:before {content: "";position: absolute;left: 10px;bottom: 20px;height: 20px;width: 20px;background: rgba(255, 255, 255, 0.85);opacity: 0;z-index: 0;transition: all 0.3s ease-in-out;transform-origin: left bottom;}
.presta-slider .item-desc{display: none !important;}
.presta-slider .item-body > img { position: absolute;left:0;right:0;width:100% !important;height:100% !important;z-index: -1; }
.presta-slider .carousel-hover { backdrop-filter: blur(5px); padding: 8% 6%; transition: all 0.3s ease; display:flex; flex-direction:column; justify-content: center; align-items: flex-start; gap: 15px; opacity:0; }
.presta-slider .item-content {position: unset !important;}
.presta-slider .carousel-hover .hidden-title { font-family: 'Vidaloka'; font-style: normal; font-weight: 400; font-size: 25px; color: #000000; }
.presta-slider .carousel-hover p { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 160%; color: #404040; }
.presta-slider .carousel-hover .btn { background: #D00E22; color: white; font-family: 'Instrument Sans'; font-style: normal; font-weight: 500; font-size: 16px; }
.presta-slider .carousel-hover .btn:hover { background: #263782; color: white; animation:none; }

.presta-slider .showen-content { padding: 18px 10px !important; background: rgba(255, 255, 255, 0.85) !important; width: 245px; border-radius: 100px; font-family: 'Vidaloka'; font-style: normal; font-weight: 400; font-size: 25px; color: #000000; text-align:center !important; transition: opacity 0.5s ease; position: absolute;left:10px;bottom: 20px;transition: all 0.3s ease-in-out;}
.presta-slider .item-body:hover:before {left: 0px;bottom: 0px;height:100%;width:100%;opacity:1;}
.presta-slider .item-body:hover .showen-content{opacity:0}
.presta-slider .item-body:hover .carousel-hover{opacity:1}
@media only screen and (max-width: 600px) { 
	.presta-slider .item-body:before {left: 0px;bottom: 0px;height:100%;width:100%;opacity:1;}
	.presta-slider .item-body .showen-content{opacity:0}
	.presta-slider .item-body .carousel-hover{opacity:1}
}

/**************************************Style : section_Actualites*********************************/
.facebook-home .fb-page {border: solid 14px black !important; background-color: black !important; border-radius: 70px 70px 20px 20px !important;} .facebook-home .fb-page iframe {border-radius: 60px 60px 0px 0px !important; box-shadow: 0 !important;} .fb-page iframe {border-radius: 40px !important; box-shadow: 0 0 0 0px !important;} .facebook-home .fb-page:after {content: ""; width: 50%; height: 3%; background: black !important; position: absolute !important; border-radius: 0px 0px 80px 80px; z-index: 555 !important; top: -1% !important; left: 50% !important; transform: translateX(-50%);}

/**************************************Style : section_Realisations*********************************/
.img-gallery .gallery-icon * { transition: all 0.7s; } .img-gallery .gallery-icon:hover img { transform: scale(1.05); } .img-gallery .gallery-icon { position: relative; } body .img-gallery .gallery-icon { overflow: hidden !important; /* border-radius: 10px; */ }
/**************************************Style : section_valeurs*********************************/
.nos-valeurs-accueille .elementor-coherence-core-content-box-title {padding: 15px 0;} .nos-valeurs-accueille .elementor-widget-container {transition: all 0.5s ease-in-out;} .nos-valeurs-accueille .elementor-widget-container:hover svg path {fill: #ffffff !important;} .nos-valeurs-accueille .elementor-widget-container:hover span.elementor-icon {background: #fff0 !important;} .nos-valeurs-accueille .elementor-widget-container:hover .elementor-coherence-core-content-box-title {color: #fff !important;} .nos-valeurs-accueille .elementor-widget-container:hover .elementor-coherence-core-content-box-description {color: #fff !important;} 

.nos-valeurs-container .elementor-widget-coherence-core-content-box { position: relative !important; overflow: hidden !important; }
.nos-valeurs-container .elementor-widget-coherence-core-content-box::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; background-color: #263782 !important; border-radius: 50% !important; transform: translate(-50%, -50%) !important; transition: width 1s ease-out, height 1s ease-out !important; z-index: 1 !important; pointer-events: none !important; }
.nos-valeurs-container .elementor-widget-coherence-core-content-box:hover::before { width: 300% !important; height: 300% !important;transform-origin:center center; }
.nos-valeurs-container .elementor-coherence-core-content-box-wrapper { position: relative !important; z-index: 2 !important; }
.nos-valeurs-container .elementor-coherence-core-content-box-icon { position: relative !important; }
.nos-valeurs-container .elementor-widget-coherence-core-content-box::before { top: 25% !important; left: 50% !important; }


/**************************************Style : Nos points forts*********************************/
.points-forts-pic-container .elementor-coherence-core-content-box-title { padding: 15px 0; } .points-forts-pic-container { transition: all 0.3s ease-in-out; } .points-forts-pic-container:hover svg path { fill: #ffffff !important; } .points-forts-pic-container:hover .elementor-coherence-core-content-box-title { color: #fff !important; } .points-forts-pic-container:hover .elementor-icon-box-description { color: #fff !important; } .points-forts-pic-container:hover .animation-top .elementor-widget-container { background: #263782 !important; border-color: #263782 !important; transform: translateY(-10px) !important; }

/**************************************Style : section_contact*********************************/

/**************************************Style : section_avis*********************************/
.avis_rev .ti-widget.ti-goog .ti-controls :is(.ti-next , .ti-prev){background: var(--e-global-color-color_1) !important;padding: 22px !important;display: flex !important;border-radius: 90px;}.avis_rev .ti-widget.ti-goog .ti-controls .ti-prev{top:165px;left: calc(49% - 22px);}.avis_rev .ti-widget.ti-goog .ti-controls .ti-next{top:165px;left: calc(51% + 22px);}.avis_rev .ti-widget.ti-goog .ti-review-item>.ti-inner {border-radius: 0 !important;border: 0 !important;}.avis_rev .ti-widget.ti-goog .ti-controls .ti-next:hover,.avis_rev .ti-widget.ti-goog .ti-controls .ti-prev:hover {transform: scale(1) !important;background: var(--e-global-color-color_2) !important;}.avis_rev .ti-controls-dots{visibility: hidden !important;}.avis_rev .ti-widget.ti-goog .ti-controls .ti-next:before {background-color: transparent !important;width: 10px;height: 8px;background-size: 10px !important;content: "";background-image: url(https://www.auberge-john-steele.com/wp-content/uploads/2024/10/auberge-le-john-steele-hotel-a-sainte-mere-eglise-pres-de-carentan-Arrow-1-1.png) !important;left: 0;right: 0 !important;bottom: 0;top: 0 !important;margin: auto;transition:0.5s all;transform: rotate(360deg) !important;}.avis_rev .ti-widget.ti-goog .ti-controls .ti-prev:before {background-color: transparent !important;width: 10px;height: 8px;background-size: 10px !important;content: "";background-image: url(https://www.auberge-john-steele.com/wp-content/uploads/2024/10/auberge-le-john-steele-hotel-a-sainte-mere-eglise-pres-de-carentan-Arrow-1-1.png) !important;left: 0;right: 0 !important;bottom: 0;top: 0 !important;margin: auto;transform: rotate(180deg) !important;transition:0.5s all;}
.avis_rev .ti-widget.ti-goog .ti-controls .ti-next:after , .avis_rev .ti-widget.ti-goog .ti-controls .ti-prev:after{display:none !important;}

@media (min-width: 480px) and (max-width: 1024px) {.ti-widget.ti-goog .ti-controls {display: block !important;}}

@media (max-width: 800px) {.avis_rev .ti-widget.ti-goog .ti-controls .ti-next {top: 150px !important; left: calc(49% + 22px);}.avis_rev .ti-widget.ti-goog .ti-controls .ti-prev {top: 150px !important; left: calc(45% - 22px); }}

@media (max-width: 479px) {.ti-widget.ti-goog .ti-controls-line {display: none !important;opacity: 0 !important;}.ti-widget.ti-goog .ti-controls{display:block !important}}
/**************************************Style : section_Instagram*********************************/
/*Instagram*/
@media (max-width: 767px){.suivez-nous-instagram {display: flex !important;width: 100% !important;}
.suivez-nous-instagram .elementor-widget-container {width: 100%;}}
/**************************************Style : FOOTER *********************************/
.menu-footer .coherence-core-nav-menu {columns: 3;}

/*make footer menu in 1 columns */
@media only screen and (max-width: 800px){	
	.menu-footer .coherence-core-nav-menu {columns: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	 #menu-1-f04dd49 {display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}
}
/*------------------------------------------------------***End Media query***------------------------------------------------------*/
.col_gallery .coherence-simple-title a {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    flex-direction: column!important;
}

.col_gallery  .hotel_detail {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
}

body .col_gallery  .hotel_detail span {
    line-height: 24px !important;
    max-height: fit-content !important;
}

body .col_gallery  .hotel_detail span:first-child{
    font-weight:700 !important;
    line-height: 30px !important;
    font-size: clamp(28px , 4vw , 31px);
    font-family: "Vidaloka";
    margin-bottom: 8px;
	text-transform: capitalize;
}