/*
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;}
}

/* Make the header have a white background  */
.section-header {
    background-color: #ffffff !important; /* Set white background */
}


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


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/
/*---------------------------------- Page Notre histoire ---------------------------*/

.clipped{aspect-ratio:5/4;clip-path:url(#svgClip3);}
.clipped-shadow{filter: drop-shadow(20px 20px 0px #FDDEC3);}

.sticky_aside{position:sticky !important;top:5% !important;height:100% !important;}
.sticky_aside ul {padding:unset;margin:unset;list-style-type:none;font-size:calc(1em + 1.5vw);font-style:italic;font-weight:700;line-height: 1.4;display: flex;flex-direction: column;}
.sticky_aside ul li{display:inline-block;transition:all ease .5s;cursor:pointer;}
.sticky_aside ul li div{color:rgb(228, 228, 228);display:inline-block;}
.sticky_aside ul li:hover div{color: rgb(148, 148, 148);}
.sticky_aside ul li.active div{color: #247E7B;}

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


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

/**************************************Style : PRE-HOME*********************************/
.img-bg-absolute{
	height:100% !important;
}

/*---------------------------------- Page Nos Engagements ---------------------------*/
span.medium-style {
	font-weight:600 !important;
}
span.highlight-style {
	background-color: #FDDEC3;
	padding: 2px 5px;
}
/*---------------------------------- Hover Modula Galerie ---------------------------*/
.galerie-hover-style .modula-item-content:hover  img{
	transform:scale(1.1) ;
}
/*---------------------------------- Stiky Coordonnées ---------------------------*/
.section-slide-in{width:fit-content !important;}
.phone-back,.horaire-back,.localisation-back{
	visibility:hidden;
	transition:0s !important;
	opacity:0;
	z-index:9999999 !important;
}
.sc-phone {
	z-index:99999!important;
	width:60px !important;
}
.sc-phone:hover {
	width:220px !important;
}

.sc-horaire{
	z-index:999!important;
	width:60px !important;
}
.sc-horaire:hover {
	width:320px !important;
}
@media only screen and (max-width: 375px){.sc-horaire:hover{width:280px !important;}}

.sc-localisation{
	z-index:99!important;
	width:60px !important;
}
.sc-localisation:hover {
	width:280px !important;
}

.sc-phone:hover .phone-back,.sc-horaire:hover .horaire-back,.sc-localisation:hover .localisation-back{
	visibility:visible;
	opacity:1;
}
.sc-phone:hover .phone-front,.sc-horaire:hover .horaire-front,.sc-localisation:hover .localisation-front{
	opacity:0;
}


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

.prime-slide-general .bdt-prime-slider .bdt-slideshow-items li > div{height: 100% !important;min-height: inherit !important;}
.col-slider-inner-content > .e-con-inner {margin-right: 0px !important;margin-left: auto !important;}

.navs-slider  .depicter-bullet-active {width:76px !important;}

/**************************************Style : section_presentation*********************************/
.sc-prest-title span.coherence-heading-text:before  {
	content:url('https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-vector.svg');
	top: 0;
	left: 0;
	position:absolute;
}

.sc-prest-title span.coherence-heading-text  {
	margin-left:40px !important;
}
.sc-prest-title .text-summary-title{
	margin-left:-45px !important;
	margin-top:8px !important;
}

@media only screen and (max-width: 800px){
	.sc-prest-title  span.coherence-heading-text  {
		margin-left:40px !important;
	}
	.sc-prest-title .text-summary-title{
		margin-left:0px !important;
	}
}



.gra-parent{width: 100% ;overflow: hidden;}

.gra-parent .parent{
	position: relative;
	width: 100%;
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	overflow:hidden;
}
.gra-parent .parent a,.gra-parent .parent a:hover{color:#fff !important;}
.gra-parent .parent:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:  rgb(0 0 0 / 40%) url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-NOS-SOLUTIONS.webp); 
	/* 	/ Replace 'your-image.jpg' with your image URL / */
	background-size: cover !important;
	animation: zooming 25s infinite;
	background-blend-mode: multiply;
	z-index:-1;
}
@keyframes zooming {
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
	100% {transform: scale(1);}
}


.gra-parent .parent > div{background: rgb(0 0 255 / 0%);width:50%;}


.gra-parent .parent:has(.child-1:hover):after {background-image: url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-Salon-scaled.webp)}
.gra-parent .parent:has(.child-2:hover):after {background-image: url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-Salle-a-manger.webp)}
.gra-parent .parent:has(.child-3:hover):after {background-image: url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-Chambre.webp)}
.gra-parent .parent:has(.child-4:hover):after {background-image: url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-Bureau.webp)}
.gra-parent .parent:has(.child-5:hover):after {background-image: url(https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-Deco.webp)}



.gra-parent .parent > div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 210px;
	cursor:pointer;
	/*     border-right: 1px solid rgb(255 255 255);
	border-bottom: 1px solid rgb(255 255 255); */
}

.gra-parent .child-last {width: 100% !important;}
.child a {width:100%;height:100%;display: flex;align-items: center;justify-content: center;color: #fff;text-transform: uppercase;font-weight: 600;font-size: 20px;}
.child a:hover {color:#fff;background: #00000075;}

@media only screen and (max-width:500px)  { .gra-parent .parent > div{width:100%;}}

@media only screen and (max-width:500px)  { 
	.gra-parent .parent:after{display:none !important}
	.gra-parent .parent .child {
		background: rgb(0 0 0 / 40%) url(https://www.reine-mathilde.fr/wp-content/uploads/2023/10/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-salon.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover !important;
		background-position: center center;
		background-repeat:no-repeat;
		background-blend-mode: multiply;
	}
	.gra-parent .parent .child-1 {background-image:  url(https://www.reine-mathilde.fr/wp-content/uploads/2023/10/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-salon.jpg) !important;}
	.gra-parent .parent .child-2 {background-image:  url(https://www.reine-mathilde.fr/wp-content/uploads/2023/10/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-salle-a-manger.jpg)}
	.gra-parent .parent .child-3 {background-image:  url(https://www.reine-mathilde.fr/wp-content/uploads/2023/10/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-chambre.jpg)}
	.gra-parent .parent .child-4 {background-image:  url(https://www.reine-mathilde.fr/wp-content/uploads/2023/10/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-bureau.jpg)}
	.gra-parent .parent .child-5 {background-image:  url(https://www.reine-mathilde.fr/wp-content/uploads/2023/11/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-deco-image.png)}
}


/**************************************Style : section_prestations*********************************/
@media only screen and (min-width: 801px){
	.col-service:after {
		content: "" !important;
		background: var(--e-global-color-color_2)  !important;
		width: 55px !important;
		height: 80% !important;
		position: absolute !important;
		top: 0px !important;
		right: -55px !important;
		z-index: -10 !important;
		left: unset !important;
		opacity:0.16 !important;
	}
	.col-service:before {
		content: "" !important;
		background: var(--e-global-color-color_2)  !important;
		width: 80% !important;
		height: 35px !important;
		position: absolute !important;
		top: -35px !important;
		right: -55px !important;
		z-index: -10 !important;
		left: unset !important;
		opacity:0.16 !important;
	}
}


/**************************************Style : section_Actualites*********************************/


/**************************************Style : section_Realisations*********************************/


/**************************************Style : section_valeurs*********************************/


/**************************************Style : section_points_forts*********************************/


/**************************************Style : section_avis*********************************/
.avis-google .ti-controls,
.avis-google .ti-widget.ti-goog .ti-controls .ti-prev,
.avis-google .ti-widget.ti-goog .ti-controls .ti-next{
	display:block !important;
}
.avis-google .ti-widget.ti-goog .ti-review-item .ti-inner{
	background:#fff !important;
}
.avis-google .ti-widget.ti-goog .ti-controls-line {
	display: none !important;
}
/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;}
.coherence-logo svg * {fill: #fff !important;}
.menu-main-footer .hide-sub-mn .sub-menu , .menu-main-footer .hide-sub-mn .sub-arrow {display: none !important;}

@media only screen and (max-width: 800px){
	.menu-main-footer ul.coherence-core-nav-menu {
		display:flex;
		flex-direction:column;
		align-items:center;
	}
}

@media only screen and (max-width: 600px){
	.menu-main-footer ul.coherence-core-nav-menu {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
	}
}
/*------------------------------------------------------***End***------------------------------------------------------*/



/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/

/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Large devices (desktops, less than 1501px)***------------*/
@media only screen and (max-width: 1500px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Large devices (desktops, less than 1281px)***------------*/
@media only screen and (max-width: 1280px){

	/*style header*/

	/*style main content*/

	/*style footer*/
}


@media only screen and (max-width: 1200px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}


/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){

	/*style header*/

	/*style main content*/
	.sticky_aside {top:10%;}
	/*style footer*/

}

/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/
@media only screen and (max-width: 992px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Tablet Media query style***------------*/
@media only screen and (max-width: 800px){
	/*style header*/

	/*style main content*/

	/*style footer*/
	.section-footer{
		background-image: url("https://www.reine-mathilde.fr/wp-content/uploads/2025/02/la-reine-mathilde-magasin-de-meuble-haut-de-gamme-caen-bg-footer-scaled.webp") !important
	}
}

/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 601px) and (max-width: 800px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 600px){

	/*style header*/

	/*style main content*/
	.sticky_aside ul {font-size:1em;}
	/*style footer*/
	.menu-main-footer .coherence-core-nav-menu a {justify-content: center !important;}

}

/*------------***Between Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 498px) and (max-width: 600px){

	/*style header*/

	/*style main content*/

	/*style footer*/

}

/*------------***Mobile Media query style***------------*/
@media only screen and (max-width: 497px){

	/*style header*/

	/*style main content*/

	/*style footer*/
}

/*------------------------------------------------------***End Media query***------------------------------------------------------*/


/*------------------------------------------------------***SAV AVRIL 2025***------------------------------------------------------*/
.map-hover a:hover {color: unset !important;text-decoration: underline;text-underline-offset: 4px;}





/**---CSS : slidein---**/

@media only screen and (min-width: 601px){
	.sticky-buttons {display:none !important;}
}

.sticky-buttons {
    position: fixed;
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}
.sticky-btn {
    background-color: #247e7b; /* Change to match your design */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    transition: right 0.3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    right: -155px; /* Hidden initially */
    min-width: 250px;
    height: 50px;
}
.sticky-btn .icon {
    width: 30px; /* Adjust icon size */
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.sticky-btn .icon img {
    width: 100%; /* Make sure the SVG scales correctly */
    height: auto;
}
.sticky-btn:hover {
    right: 40px; /* Slide in individually */
}
span.text {font-size: 15px;  font-weight: 500; color: white;}
.sticky-btn:hover span.text { color: white;}
/**---End CSS : slidein---**/

/*********************----------End btns side separate------------****/