/*
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-header .coherence-core-nav-menu .coherence-core-nav-menu{align-items:center;}
.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;}
.sticky-active .header-margin {
    margin-top: 0 !important;
}
/* .sticky-active {background:transparent !important;box-shadow:unset !important;} */
@media only screen and (min-width: 1025px){
	.section-header .menu-icon-home > a span{display: none;}
	.home header#site-header:not(.sticky-active) {
		position: absolute !important;
		left: 0;
		right: 0;
	}
	.home .section-header-full {padding: 10px !important;}
	.home .section-header {margin-top: 2% !important;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2) !important;}
	
	
	.home header#site-header .sticky-active {
		position: unset !important;
	}
	    .home .sticky-active .section-header {
        margin-top: 0% !important;
        box-shadow: unset !important;
    }
	
.home .sticky-active .elementor-widget-coherence-image .coherence-figure img {
    width: 75% !important;
}
.home .sticky-active a.coherence-core-menu-item,.home .sticky-active a.coherence-core-sub-menu-item {
    font-size: 14px !important;
}	
	.home .sticky-active .section-header-right{
		margin-top:2%;
	}
}
@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;}
	.header-wrapper span.home_text{
        display:block;
    }
    .htm{
        display:none !important;
    }
}

.header-wrapper span.home_text  , .coherence-footer-builder .htm{
    display: none;
}

body:not(.home)  .header-margin {
    margin-top: 0 !important;
}

.coherence-footer-builder .coherence-core-nav-menu__align-left .coherence-core-nav-menu {
    columns: 2;
}

.coherence-footer-builder .coherence-core-nav-menu__align-left .coherence-core-nav-menu .sub-arrow {
    display: none !important;
}

.coherence-footer-builder .coherence-core-nav-menu__align-left .coherence-core-nav-menu ul.sub-menu {
    display: none !important;
}
.h1_titre  span.coherence-sub-title {
    display: block !important;
}

.header-wrapper .htm.fa-home:before {
    content:url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-home-icone.svg);
    
}
.header-wrapper .fa-home.htm {
    margin-top: -5px;
}

body:not(.home) .header-wrapper  .htm.fa-home:before  {
    filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(6402%) hue-rotate(187deg) brightness(96%) contrast(87%);
}
 .header-wrapper .coherence-core-menu-item:hover .htm.fa-home:before{
	filter:unset !important;
}
.col-logo-copyright:nth-child(4) *{
    pointer-events:none !important;
}
/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/
.single-blog-inner .blog-meta {
    display: none !important;
}

/* body:not(.cmplz-document) .single-blog-inner h1{
    text-transform:lowercase !important;
} */
:is(.single-post ,.cmplz-document) .blog-area {
    padding-block:25px !important;
}

.gallery-item  a:hover img  {opacity:0.6;transform:scale(1.2)}
.gallery-item  a{overflow: hidden !important;transition:0.5s ease;}
.gallery-item  a img{transition:0.5s ease;}

.gallery-item .gallery-icon {
    overflow: hidden !important;
}
/*------------------------------------------------------***End***------------------------------------------------------*/


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

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


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

.arr_slide  svg {
    transform: rotate(45deg);
    transition:0.5s all;
}
.arr_slide-left svg{
     transform: rotate(-45deg);
}
.arr_slide:hover  svg {
    transform: rotate(0deg);
}
/**************************************Style : section_presentation*********************************/
.h1_titre:not(.h1_titre2) span.title:before {
    content: "";
    width: 100px;
    height: 2px;
    background-color: var( --e-global-color-color_1 );
    position: absolute;
    bottom: 0;
    top: 0;
    margin-block: auto;
    left:-128px;
}

.h1_titre span.title {
    position: relative;
}

/**************************************Style : section_prestations*********************************/

[class*='prest_int-'] :is(.prest_int , .presta_hover) {
    background-position:center;
    background-color:hsl(213deg 60% 31% / 60%);
    background-blend-mode: darken;
}


.prest_int-1 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-zinguerie.webp);background-size:cover !important;
}

.prest_int-2 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-renovation-de-toiture.webp);background-size:cover !important;
}

.prest_int-3 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-charpente.webp);background-size:cover !important;
}
.prest_int-4 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-isolation.webp);background-size:cover !important;
}
.prest_int-5 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-bardage.webp);background-size:cover !important;
}
.prest_int-6 :is(.prest_int , .presta_hover) {
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-creation-de-fenetre-de-toit.webp);background-size:cover !important;
}

.presta_elmnt section{
    all: unset;
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    width: 100%;
}

.presta_elmnt .item-content {
    position: relative;
    bottom: 0 !important;
    height: 100%;
}

.presta_elmnt .presta_col {
    bottom: 0;
    position: absolute;
    height: 100%;
    width:calc(100% - 30px);
    transition:0.9s all;
}

.presta_hover {
   bottom: 0;
   position: absolute !important;
   height: calc(100%);
   background-color: hsl(213deg 60% 31% / 100%);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   padding-inline: 50px;
   gap: 15px;
   transform: translateY(100%) scale(0);
   transition:0.6s all;
   transform-origin: bottom left;
}

.prest_int {
    position: absolute;
    bottom: 0;
    background-color: rgb(31 73 125 / 60%);
    width: 100%;
    text-align: center;
    padding: 33px 50px;
    color: #fff !important;
    transform: translateX(0px);
    transition:0.5s all;
}

.titre_con * {
    color: #fff !important;
    font-size: 30px !important;
}

.item-body:hover .prest_int{transform: translateY(250px);}
.presta_hover * {color: #fff;}
.btn_prsta {position: relative;display: block;}

a.presta_lien {
    padding-inline: 30px;
    padding-block: 15px;
    background-color: transparent!important;
    border:1px solid #fff!important;
    color:#fff!important;
}
a.presta_lien:hover {
    background-color: #7098CA!important;
    border: 1px solid #7098CA!important;
}
.item-body:hover .presta_hover{transform: translateY(0);background-color: hsl(213deg 60% 31% / 60%);}

.presta_elmnt .item-body:hover  .presta_col{
    width:100%;
}

.fb_iframe_widget iframe {
    box-shadow: 0px 0px 0px 18px var(--e-global-color-color_2);
    z-index: 2;
    border-radius: 46px  46px 0  0;
}
.presta_elmnt .slick-arrow svg{
    transform:rotate(45deg);
    transition:0.5s all;
}

.presta_elmnt .slick-next svg{
        transform:rotate(-45deg)
}

.presta_elmnt .slick-arrow:hover svg{
      transform:rotate(0deg) !important;
}
.contnet_presta p {
    font-size: 16px !important;
    font-family: 'Lato' !important;
    font-weight: 700 !important;
}


/**************************************Style : section_Actualites*********************************/
.icon_list  span.elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    gap: 14px;
    align-items: center !important;
}

.icon_list span.elementor-button-content-wrapper svg.e-font-icon-svg.e-fab-facebook-square {
    transform: scale(1.8) !important;
}

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


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


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


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

.avis_rev .ti-widget.ti-goog .ti-controls  .ti-prev{
     left:-50px;
}

.avis_rev .ti-widget.ti-goog .ti-controls  .ti-next{
    right:-50px;
}

.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-widget.ti-goog .ti-controls .ti-next:hover:before
 {
	   transform: rotate(45deg) !important;
}
.avis_rev .ti-widget.ti-goog .ti-controls .ti-prev:hover:before{
    transform: rotate(225deg) !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: 10px;
    background-size: 10px !important;
    content: "";
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-Group-39179.png) !important;
    left: 0;
    right: 0 !important;
    bottom: 0;
    top: 0 !important;
    margin: auto;
    transform: rotate(0deg) !important;
    transition:0.5s all;
}

.avis_rev  .ti-widget.ti-goog .ti-controls .ti-prev:before  {
    background-color: transparent !important;
    width: 10px;
    height: 10px;
    background-size: 10px !important;
    content: "";
    background-image: url(https://www.trillo-toiture.fr/wp-content/uploads/2024/08/trillo-toiture-renovation-de-toiture-a-beaumont-en-veron-Group-39179.png) !important;
    left: 0;
    right: 0 !important;
    bottom: 0;
    top: 0 !important;
    margin: auto;
    transform: rotate(255deg) !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 only screen and (max-width: 1610px){
	.avis_rev  .ti-widget.ti-goog .ti-controls {
		bottom: 16px !important;
		left: 50%;
		display: block;
	}
/* 	.avis_rev  .col-avis .ti-widget.ti-goog .ti-widget-container {
		padding-left: 35px;
	} */
	.avis_rev  .ti-widget.ti-goog .ti-controls {
		max-width: 10px !important;
		top: unset !important;
		bottom: -40px !important;
		left: 0;
		margin-inline: auto;
		right: 0;
	}
	.avis_rev .elementor-widget-container {
		margin-bottom:84px !important;
	}
	.avis_rev .ti-widget.ti-goog .ti-controls {
		padding-bottom:20px !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;}


/*------------------------------------------------------***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 (min-width: 1024px){

    /*style header*/

    /*style main content*/
[class*='prest_int-'] :is(.presta_hover){
    background-size:200%;
    background-repeat:no-repeat !important;
   
}


.item-body:hover [class*='prest_int-'] :is(.presta_hover){
    background-size:100%;
    background-repeat:no-repeat !important;
    animation: zoomInBackground 1.5s cubic-bezier(0.66, -0.13, 0.26, 1.17) forwards;

}
@keyframes zoomInBackground {
  0% {
    background-size: 100% auto;
  }
  50% {
    background-size: 110% auto;
  }
    100% {
    background-size: 100% auto;
  }
}
	
	
    /*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: 1360px){

    /*style header*/

    /*style main content*/

.presta_elmnt .presta_col .prest_int {
    padding-inline: 25px;
}
	.col_titre {
    display: flex!important;
    justify-content: center !important;
    align-items: center!important;
}
    /*style footer*/

}


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

	/*style header*/

    /*style main content*/
.header-wrapper span.home_text  {
		display: block !important;
	}
    /*style footer*/

}

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

    /*style header*/

    /*style main content*/
	.item-body .prest_int{transform: translateY(250px);}
	.presta_elmnt .item-body  .presta_col{
		width:100%;
	}
	.item-body .presta_hover{transform: translateY(0);background-color: hsl(213deg 60% 31% / 60%);background-size: 120%;transition: 0.3s background-size;}


    /*style footer*/
	.coherence-footer-builder .coherence-core-nav-menu__align-left .coherence-core-nav-menu{columns:1 !important;}
}

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

    /*style main content*/
.col_img_h1 {
    box-shadow: -7px 7px 0px 0px #1F497D !important;
}
    /*style footer*/

}

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

    /*style header*/

    /*style main content*/
	body .modula_gal .modula-gallery .modula-item {
		height: 350px !important;
		overflow: hidden !important;
	}
	body  .modula_gal  .modula-items .modula-item img {
		height: 100% !important;
		width: 100% !important;
		max-width:100% !important;
		left:0 !important;
		object-fit: cover !important;
        bottom: 0 !important;
        top: 0 !important;
	}
    /*style footer*/

}
@media only screen and (max-width: 485px){
	body .modula_gal .modula-gallery .modula-item {
		height: 200px !important;
		overflow: hidden !important;
	}
}
/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 1361px) and (max-width: 1670px){
	.presta_elmnt .basic-carousel.slick-initialized.slick-slider {
		padding-bottom: 50px;
	}
		body .elementor-12 .elementor-element.elementor-element-957cac5 .basic-carousel .slick-arrow.slick-prev {
		bottom: -20px !important;
		left: calc(50% - 50px)!important;
	}

	.elementor-12 .elementor-element.elementor-element-957cac5 .basic-carousel .slick-arrow.slick-next {
		bottom: -20px !important;
		right: calc(50% - 50px)!important;
	}
}

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

    /*style header*/

    /*style main content*/

    /*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: 357px){

    /*style header*/

    /*style main content*/
	.basic-carousel .slick-slide .item-body{
		min-height: 413px !important;
	}
    /*style footer*/
}

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