/* 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 li:nth-child(1) a.coherence-core-menu-item span{display: none;} body.home header.site-header{position:absolute;width:100%;} body.home header.site-header:before,body.home header.site-header:after{content:unset!important;} } @media only screen and (max-width: 1024px){ .section-header li:nth-child(1) .coherence-core-menu-item i.fas.fa-home {display: none !important;} .section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;} } .col-widget-footer .coherence-core-nav-menu a.coherence-core-menu-item i.fas.fa-home {display: none !important;} /*------------------------------------------------------***End***------------------------------------------------------*/ * :is(a[href^="tel:"]):hover { text-decoration: underline !important; text-underline-offset: 4px !important; } /*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/ span.span_slide {font-family:'DM Serif Display';font-style:italic;font-weight:600!important;} body .nav_slider svg{opacity:0!important;} body .nav_slider{background-size:cover;background-repeat:no-repeat;background-position:center!important;background-image:url('https://www.d3tech-85.fr/wp-content/uploads/2025/07/d3tech-electricien-a-la-roche-sur-yon-next_icon.svg')!important;height:24px !important;} body .nav_slider.prev{background-image:url('https://www.d3tech-85.fr/wp-content/uploads/2025/07/d3tech-electricien-a-la-roche-sur-yon-prev_icon.svg')!important;} body .nav_slider:hover{filter: brightness(0) saturate(100%) invert(88%) sepia(25%) saturate(4952%) hue-rotate(61deg) brightness(99%) contrast(99%)!important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/ /**************************************Style : PRE-HOME*********************************/ /**************************************Style : section_presentation*********************************/ /**************************************Style : section_prestations*********************************/ /**************************************Style : section_Actualites*********************************/ /**************************************Style : section_Realisations*********************************/ /**************************************Style : section_valeurs*********************************/ /*------------------------------------------------------***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,body .ti-widget.ti-goog .ti-controls-line,body #cc--main{display: none !important;} body .ti-widget.ti-goog .ti-controls{display:block!important;} body .menu-main-footer .menu-icon-home i,body .menu-main-footer .hide-sub-mn .sub-menu,body .menu-main-footer .hide-sub-mn .sub-arrow{display:none!important;} body .gallery-icon a:hover img,body .wpmf-gallery-icon a:hover img,body .modula-items .modula-item:hover{opacity:0.8!important;} button.cmplz-btn:hover{background-color:#000!important;border-color:#fff!important;color:#fff!important;} body .menu-footer .menu-item.current-menu-item a.coherence-core-menu-item,body .menu-footer .menu-item a.coherence-core-menu-item:hover{text-decoration:underline!important;} body .wpcf7-form .focused .sp-label{top:0px!important;font-size:9px!important;border-radius:3px;padding:3px;left:13px!important;} body .wpcf7-form .focused.one .sp-label{left: 0!important;right: 0!important;margin: auto !important;text-align: center;font-size: 28px !important;color: var(--e-global-color-color_2) !important;font-weight: 600;font-family: 'Urbanist' !important;position: relative;margin-bottom: 25px !important;} body .wpcf7-not-valid-tip{color:var(--e-global-color-color_error)!important;} body .wpcf7-acceptance label{display:flex;} 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 a[href^="tel:"]:hover{text-decoration:underline!important;} body .pg-mp-titre-h1-bg form.wpcf7-form.invalid .wpcf7-response-output{border-color:red;background:red;color:#fff !important;} body .pg-mp-titre-h1-bg form.wpcf7-form.invalid input.wpcf7-not-valid,body .pg-mp-titre-h1-bg form.wpcf7-form.invalid select.wpcf7-not-valid{border-color:red;background:transparent;color:red!important;} body .pg-mp-titre-h1-bg input[type=submit]{margin-top:20px!important;} body .pg-mp-titre-h1-bg form.wpcf7-form.sent .wpcf7-response-output{border-color:green;background:green;color:#fff !important;} body .pg-mp-titre-h1-bg a:hover,body .content-area a:hover{text-decoration:underline!important;} body .coherence-slideup-content-bottom{width:auto!important;height:auto!important;} body [data-wpr-lazyrender]{content-visibility:visible!important;} /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/ /*------------***Large devices (desktops, more than 800px)***------------*/ @media only screen and (min-width: 801px){ /* Animations */ .animate_01 {animation: mymove ease-in-out 1.618s infinite alternate !important;} .animate_02 {animation: mymove2 ease-in-out 1.618s infinite alternate !important;} .animate_03 {animation: mymove3 ease-in-out 1.618s infinite alternate !important;} .animate_04 {animation: mymove4 ease-in-out 1.618s infinite alternate !important;} .animate_05 {animation: mymove5 ease-in-out 1.618s infinite!important;} .animate_06 {transform:translatey(12px);animation:float 3s ease-in-out infinite !important;} .animate_07 {transform:translatey(12px);animation:float2 3s ease-in-out infinite !important;} @keyframes mymove {from {transform: translatey(-5px);} to {transform: translatey(5px);}} @keyframes mymove2 {from {transform: translatey(5px);}to {transform: translatey(-5px);}} @keyframes mymove4 {from {transform: scale(1);} to {transform: scale(1.2);}} @keyframes mymove3 {from {transform: translatex(-5px);} to {transform: translatex(5px);}} @keyframes mymove5{0%{transform:translate(0,0)}50%{transform:translate(0,10px)}100%{transform:translate(0,0)}} @keyframes float{0%{transform: translatey(0px);}50%{transform: translatey(-50px);}100%{transform:translatey(0px);}} @keyframes float2{0%{transform: translatey(0px);}50%{transform: translatey(50px);}100%{transform:translatey(0px);}} } /*------------***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*/ /*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*/ } /*------------***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*/ /*style footer*/ .menu-main-footer .coherence-core-nav-menu a {justify-content: center !important;text-align: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***------------------------------------------------------*/ /* Maillage section CSS Starts */ .services-section { max-width: 1200px; margin: 0 auto; padding: 2rem; font-family: Arial, sans-serif; overflow: hidden; } .section-title { font-size: 1.8rem; margin-bottom: 1.5rem; color: #333; } .section-subtitle { color: #666; margin-bottom: 2rem; line-height: 1.6; } .slider-container { position: relative; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 1rem; scrollbar-width: thin; scrollbar-color: #e3e3e3 #f9f9f9; } .slider-container::-webkit-scrollbar { height: 10px; background: white;} .slider-container::-webkit-scrollbar-thumb { background-color: rgb(88, 88, 88); border-radius: 5px;} .slider-container::-webkit-scrollbar-track { background-color: white; border-radius: 5px; } .slider-track { display: inline-flex; gap: 1rem; margin: 0; padding: 0; list-style: none; list-style: none; margin: 0; padding: 0; display: flex; transition: transform 0.3s ease-out; } .slider-track li { min-width: calc(33.333% - 1rem); flex-shrink: 0; margin-right: 1rem; background: #f5f5f5; padding: 2rem; border-radius: 8px; text-align: center; position: relative; } .slider-track li::before { content: ''; position: absolute; top: 1rem; left: 1rem; width: 50px; height: 50px; background-image: url('https://icons.veryicon.com/png/o/miscellaneous/light-e-treasure-3/search-286.png'); background-size: cover; background-position: center; border-radius: 50%; opacity: 0.1; } .slide-title { color: #1a237e; font-size: 1.2rem; margin: 0; position: relative; } .voir-plus { display: block; width: fit-content; margin: 2rem auto; padding: 0.8rem 2rem; background: #4051b5; color: white; text-decoration: none; border-radius: 4px; text-transform: uppercase; font-weight: bold; cursor: pointer; border: none; text-align: center; transition: background-color 0.3s ease; } .voir-plus:hover { background: #303f9f; } @media (max-width: 768px) { .slider-track li { min-width: calc(50% - 1rem); } .slider-container { padding-bottom: 0.5rem; } } @media (max-width: 480px) { .slider-track li { min-width: calc(100% - 1rem); } .slider-container { padding-bottom: 0.3rem; } } /* Maillage section CSS ends */