/* 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 */ /* GLOBAL CSS */ body, html{ overflow-x:hidden !important; } .coherence-core-menu-toggle.sub-arrow.coherence-core-menu-child-1 i.fas.fa-angle-down, .coherence-core-menu-toggle.sub-arrow.coherence-core-menu-child-2 i.fas.fa-angle-down { transform: rotate(-90deg); /* font-size: 20px !important; */ } /* .coherence-core-menu-toggle.sub-arrow.coherence-core-menu-child-0 i.fas.fa-angle-down{ font-size: 20px !important; } */ /******************************Animation Depicter slide*******************/ .depicter-section-background { overflow: hidden; } .depicter-section-background picture img { transform: scale(1.1); animation: zoomFlow 8s linear infinite; transform-origin: center; will-change: transform; } @keyframes zoomFlow { 0% { transform: scale(1.1) translateX(0); } 50% { transform: scale(1.2) translateX(-20px); } 100% { transform: scale(1.1) translateX(0); } } /*-----------------------------------------***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 (max-width: 1980px){ .section-header .menu-icon-home > a span{display: none;} .section-header .header-mb{display:none;} body.home .header-wrapper { position: absolute !important } body.home .header-wrapper .section-header { background: transparent !important } body.home .header-wrapper .logo-header{display:none;opacity:0;} body.home .sticky-active .header-wrapper .section-header {background: var( --e-global-color-primary )!important;} body.home .sticky-active .header-wrapper .section-header .logo-header{display:block!important;opacity:1;} .header-wrapper .right-header,.header-wrapper .left-header {transition: width 0.3s ease;} body.home:not(:has(.sticky-active)) .header-wrapper .right-header {width: 90%;} body.home:not(:has(.sticky-active)) .header-wrapper .left-header {width: 0%;} body.home:has(.sticky-active) .logo_2 img{display:none;} } @media only screen and (max-width: 1440px){ .section-header .menu-icon-home > a i{display:block !important;} .section-header .menu-icon-home > a span{display: none;} .section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;} .section-header.header-mb{display:block;} .logo_2 {display: none;} body.home .header-wrapper .logo-header{display:block;opacity:1;} body.home:not(:has(.sticky-active)) .header-wrapper .right-header {width: 65%;} body.home:not(:has(.sticky-active)) .header-wrapper .left-header {width: 30%;} } @media only screen and (max-width: 1360px){ .section-header .menu-icon-home > a i{display:none !important;} .section-header .menu-icon-home > a span{display: block;} } @media only screen and (max-width: 1440px) and (min-width: 1025px){ .left-header {width: 12% !important;} .right-header {width: 85% !important;} .main_menu_1 a.coherence-core-menu-item {font-size:15px !important;} .main_menu_1 .coherence-core-nav-menu > li.menu-item:not(:last-child){margin-right: 16px !important;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/ .custom-accordion summary.e-n-accordion-item-title { width: fit-content; padding: 16px 20px!important; margin: 0 auto; } .title_style span.separator-sup-title { border-bottom: 2px solid #00000026; padding-bottom: 10px; } .title_style .coherence-heading .separator-sup-title::before { margin-right: 0px!important; } .title_style span.text-summary-title { padding: 14px 20px; background-color: var(--e-global-color-color_1); } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/ /**************************************Style : Default*********************************/ .btn-pre .elementor-button-text{position:relative} .btn-pre .elementor-button-text::after, .btn-pre .elementor-button-text::before{position:absolute;content:'';background-color:currentcolor;} .btn-pre .elementor-button-text::after, .btn-pre .elementor-button-text::before{ transition: left 1s ease-in-out, bottom 1s ease-in-out, height 0.6s ease-in-out, width 0.6s ease-in-out; } .btn-pre .elementor-button-text::after{height:22px;width:1px;left:-9px;bottom:-12px;} .btn-pre .elementor-button-text::before{height:1px;width:22px;left:-15px;bottom:-7px;} .btn-pre {overflow: hidden;} /* hover style */ .btn-pre a:hover .elementor-button-text::after{left:calc(100% + 130px);height:calc(100% + 80px);bottom:-40px} .btn-pre a:hover .elementor-button-text::before{left:-50px;width:400px;bottom:140px} /**************************************Style : SLIDER HOME*********************************/ .section-slider .btn-styled{position:relative;overflow:hidden;} .section-slider .btn-styled::after, .section-slider .btn-styled::before{position:absolute;content:'';background-color:currentcolor;} .section-slider .btn-styled::after, .section-slider .btn-styled::before{ transition: left 1s ease-in-out, bottom 1s ease-in-out, height 0.6s ease-in-out, width 0.6s ease-in-out!important; } .section-slider .btn-styled::after{height:22px;width:1px;left: 16px;bottom: 9px;} .section-slider .btn-styled::before{height:1px;width:22px;left: 10px;bottom: 17px;} .section-slider {overflow: hidden;} /* hover style */ .section-slider .btn-styled:hover::after{left:calc(100% + 130px);height:calc(100% + 80px);bottom:-40px} .section-slider .btn-styled:hover::before{left:-50px;width:400px;bottom:140px} .section-slider .depicter-bullet-item.depicter-bullet-active {height: 34px;} /**************************************Style : section_presentation*********************************/ .txt-w5 strong{font-weight:600} .slide-ctn .coherence-marquee-slider{transform: rotate(0deg) translateY(0px);} /**************************************Style : section_prestations*********************************/ .pres-col p:empty{display:none;} .pres-col .line{display:inline-block;height:2px;width:auto;background:#000;flex-grow:1;margin-top:4px;} .pres-col .title-col{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4%} .pres-col .imgCarContenair{position:relative;} .pres-col .btn-read-more{position:absolute;top:calc(50% - 70px);left:50%;transform:translateX(-50%);transition:0.3s ease-in-out;opacity:0} .pres-col .item-body:hover .btn-read-more{opacity:1} @media only screen and (max-width: 800px){ .pres-col .btn-read-more{opacity:1 !important} } @media only screen and (max-width: 600px){ .pres-col .title-col{flex-direction:column;gap:12px} .pres-col .line{display:block;width:100%;} } /**************************************Style : section_Actualites*********************************/ /**************************************Style : section_Realisations*********************************/ /**************************************Style : section_contact*********************************/ #id_devis { display: grid; column-gap: 15px; row-gap: 15px; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)) } @media only screen and (max-width: 1024px){ #id_devis {grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}} @media only screen and (max-width: 910px){#id_devis {grid-template-columns: repeat(auto-fit,minmax(160px,1fr))}} #id_devis .wpcf7-list-item { margin: 0 } #id_devis .wpcf7-list-item span { border-radius: 5px; padding: 20px 20px; background-color: #F2F2F2; color: #000000; flex: 1; text-align: center; font-size:15px; font-weight:600; min-height: 155px !important; display: flex; flex-direction: column; justify-content: center; } #id_devis .wpcf7-list-item label { display: flex } #id_devis .wpcf7-list-item input { visibility: hidden; position: absolute } #id_devis .wpcf7-list-item span:before { position: relative; display: block; text-align: center; margin-bottom: 10px; } #id_devis .wpcf7-list-item span:before { content: ""; display: inline-block; width: 64px; height: 64px; background-size: contain; background-repeat: no-repeat; background-position: center;margin:0 auto;margin-bottom:20px;} #id_devis .wpcf7-list-item:nth-child(1) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-pergola.svg'); } #id_devis .wpcf7-list-item:nth-child(2) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-veranda.svg'); } #id_devis .wpcf7-list-item:nth-child(3) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-fenetre.svg'); } #id_devis .wpcf7-list-item:nth-child(4) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-porte.svg'); } #id_devis .wpcf7-list-item:nth-child(5) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-portail.svg'); } #id_devis .wpcf7-list-item:nth-child(6) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-porte-de-garage.svg'); } #id_devis .wpcf7-list-item:nth-child(7) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-volet.svg'); } #id_devis .wpcf7-list-item:nth-child(8) span:before { background-image: url('/wp-content/uploads/2026/03/menuiserie-pergola-concept-pergolas-bioclimatiques-la-calmette-moustiquaire.svg'); } #id_devis span.wpcf7-list-item label input:checked+span { background: var(--e-global-color-color_1); filter: drop-shadow(2px 4px 6px #000); color:#fff !important; } #id_devis span.wpcf7-list-item label input:checked+span:before { filter: brightness(0) saturate(100%) invert(100%) sepia(69%) saturate(401%) hue-rotate(291deg) brightness(117%) contrast(100%); } /** hover img**/ .zoom-in-img * {transition: 0.9s all !important;} .zoom-in-img {overflow:hidden;border-radius:10px;} .zoom-in-img img:hover {transform: scale(1.3);} /**************************************Style : section_points_forts*********************************/ /**************************************Style : section_avis*********************************/ /*--------------------------------------------------------------***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;} body .ti-widget.ti-goog .ti-controls{display:block!important;} body .wpcf7-acceptance input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:15px;height:15px;background-color:#fff;position:relative;cursor:pointer;border:1px solid var(--e-global-color-color_1);margin-right:8px!important;} body .wpcf7-acceptance input[type=checkbox]:checked{background-color:var(--e-global-color-color_1);border-color:var(--e-global-color-color_1)} body .wpcf7-acceptance input[type=checkbox]:checked::after{content:'\2713';position:absolute;top:0;left:3px;font-size:9px;color:#fff} body .coherence-slideup-content-bottom{width:auto!important;height:auto!important;} body [data-wpr-lazyrender]{content-visibility:visible!important;} body a[href^="tel:"]:hover{text-decoration:underline!important;} body a[href^="tel:"] {white-space: nowrap;} body .pg-mp-titre-h1-bg a:hover,body .content-area a:hover{text-decoration:underline!important;} body .post-item a.post-item-read-more {position:relative;z-index:99;} /*------------------------------------------------------***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*/ .coherence-core-menu-toggle.sub-arrow.coherence-core-menu-child-1 i.fas.fa-angle-down, .coherence-core-menu-toggle.sub-arrow.coherence-core-menu-child-2 i.fas.fa-angle-down { transform: rotate(0deg) !important; } /*style main content*/ /*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*/ .title_style span.separator-sup-title { padding-bottom: 5px; } /*style footer*/ } /*------------***Tablet Mini Media query style***------------*/ @media only screen and (max-width: 767px){ /*style header*/ /*style main content*/ .section-slider .depicter-bullets-wrapper {transform: rotate(270deg);} /*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*/ .ti-widget[data-wkey="feed-instagram"] .ti-layout-item {flex: 0 0 calc(100% / 2) !important;width: calc(100% / 2) !important;} /*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 Mai 2026------------------------***/ /*toggle menu*/ .menu_respo nav.coherence-core-dropdown-expandible {width: 300px !important; right: 0 !important;} .menu_respo ul.coherence-core-nav-menu {column-count: 1 !important;}