/* 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 */ /* Poilcy page */ body.page-id-32 main{ padding-top: 60px !important;padding-bottom: 40px !important;} body.page-id-8 main a:hover {color: var(--e-global-color-color_1) !important;} /*-----------------------------------------***style header***----------------------------------*/ .header-section .btn-header .elementor-button-icon svg { font-size: 15px; } .header-section .btn-header .elementor-button-icon svg path { fill: var(--e-global-color-color_2); } .header-section .btn-header a:hover .elementor-button-icon svg path { fill: var(--e-global-color-color_white); } @media only screen and (min-width: 1361px) and (max-width: 1550px){ .header-section .btn-header a{font-size:14px !important;} .header-section .menu-item a.coherence-core-menu-item {font-size:14px !important; padding-left:7px !important; padding-right:7px !important;} .header-section a.coherence-core-menu-item:hover::after, li.current-menu-item a.coherence-core-menu-item::after {width:calc(100% - 7px);} } @media only screen and (min-width: 1025px){ .header-section a.coherence-core-menu-item { position:relative; } .header-section a.coherence-core-menu-item::after { position:relative; content:''; height:2px; width:0; background: red; left: 50% !important; bottom:0px !important; transform:translateX(-50%) !important; opacity:1 !important; transition: width 0.4s ease-in-out !important; } .header-section a.coherence-core-menu-item:hover::after, li.current-menu-item a.coherence-core-menu-item::after { width:calc(100% - 17px); } } @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;} } /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/ /*------------------------------------------------------***End***------------------------------------------------------*/ /*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/ /* .portfolio-categories-section h2.post-item-title a:hover{color:var(--e-global-color-color_1) !important;} */ body .portfolio-categories-section .post-item:hover a{color:var(--e-global-color-color_1) !important;} /**************************************Style : PRE-HOME*********************************/ /**************************************Style : BTN-ANIMATION*********************************/ /* btn style */ .btn-pr .elementor-button-icon { background: var(--e-global-color-color_1); padding: 9px; border-radius: 50%; } .btn-pr .elementor-button-icon svg { font-size: 12px; transition: rotate 0.3s ease-in-out; } .btn-pr a:hover .elementor-button-icon svg { rotate: 41deg; } /**************************************Style : SLIDER HOME*********************************/ .slide-section span.depicter-bullet-item.depicter-bullet-active { position:relative; } .slide-section span.depicter-bullet-item.depicter-bullet-active::after { position:absolute; content:''; width:40px; height:40px; background:transparent; border: 1px solid #fff; border-radius: 50%; left:50%; top:50%; transform: translate(-50%, -50%); } .slide-section button.slide-btn span.dp-icon-container { background:var(--e-global-color-color_1); padding:8px; border-radius:50%; } .slide-section button.slide-btn span.dp-icon-container svg { width:17px; height:18px; transition: rotate 0.3s ease-in-out; } .slide-section button.slide-btn:hover span.dp-icon-container svg { rotate: 41deg; } /**************************************Style : section_h1*********************************/ /**************************************Style : section_marquee*********************************/ .moving-title div.coherence-simple-title { white-space: nowrap; box-sizing: border-box; width: 100%; } .moving-title div.coherence-simple-title span.title { display: inline-block; white-space: nowrap; animation: marquee 20s linear infinite; } .moving-title div.coherence-simple-title span.title span { display: inline-block; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-20%); } } /**************************************Style : section_prestations*********************************/ /* section title */ @media only screen and (min-width: 1590px) { .h2-texte p, .h2-texte-2 p { position: relative; } .h2-texte p::after, .h2-texte-2 p::after { position: absolute; content: ''; width: 1px; height: 165px; background: #F5F0F0; bottom: -10px; } .h2-texte p::after { left: -30px; } .h2-texte-2 p::after { right: 0px; } } /* carrousel style */ .prestations-col .item-body img { height:600px; } .prestations-col .prestation-content { background-color:rgba(0,0,0,0.8); padding:35px 20px;display:flex;flex-direction:column; gap:5px; } .prestations-col .item-content section { justify-content: flex-end !important; } .prestations-col h3.prestation-title { font-family: "Outfit", Sans-serif; font-size:22px; text-transform:uppercase; font-weight:200; letter-spacing: -0.5px; color:var(--e-global-color-color_white);} .prestations-col p.prest-description { font-family: "Outfit", Sans-serif; font-size:15px; color:var(--e-global-color-color_white); font-weight:300; } .prestations-col a.pre-btn img { width:35px !important; height:auto; display: inline; float:right; transform: translateX(-5px); transition: transform 0.5s ease-in-out !important; } .prestations-col a.pre-btn:hover img { transform: translateX(4px); } @media only screen and (min-width: 801px) { .prestations-col a.pre-btn img { transform: translateX(-7px); } .prestations-col a.pre-btn:hover img { transform: translateX(0px); } .prestations-col .prestation-back { max-height: 0; overflow: hidden; transition: max-height .5s ease-in-out !important; } .prestations-col .item-body:hover .prestation-back {max-height:200px !important; } .prestations-col .item-body:hover .prestation-content{transition: background-color 0.2s ease-in !important } .prestations-col .item-body:hover .prestation-content { background-color:rgba(0,0,0,0.51); } .prestations-col .prestation-content { background-color:rgba(0,0,0,0.33); padding:25px; } .prestations-col h3.prestation-title { font-size:28px; margin-bottom:0px !important; padding-bottom: 0px !important; } .prestations-col p.prest-description { font-size:16px; } .prestations-col a.pre-btn img { width:45px !important; } } @media only screen and (min-width: 1025px) and (max-width:1360px){ .prestations-col h3.prestation-title{font-size:24px;} } @media only screen and (min-width: 1025px) and (max-width:1360px){ .prestations-col h3.prestation-title{font-size:22px;} .prestations-col .item-body:hover .prestation-back {max-height:280px !important; } } @media only screen and (max-width: 497px) { .prestations-col .item-body img { height:530px; } } /**************************************Style : section_Realisations*********************************/ /**************************************Style : section_valeurs*********************************/ .value-col { transition: box-shadow 0.4s, transform 0.25s ease-in-out; } .value-col:hover { box-shadow: 0px 4px 30px rgba(82,82,82,0.18); transform: translateY(-10px); } @media only screen and (min-width: 1361px) and (max-width: 1900px){ .value-col .elementor-coherence-core-content-box-title{font-size:24px !important;} .value-col .elementor-coherence-core-content-box-icon{margin-left:10px !important;} } /**************************************Style : section_points_forts*********************************/ /**************************************Style : section_gallery*********************************/ /* gallery home + gallery page interne */ .gallery-col .modula-item-content, .gallery-2-col .gallery-icon, .gallery-2-col .gallery-icon { position: relative; cursor: pointer !important; overflow:hidden;} .gallery-col .modula-item-content::before{ position:absolute; content:''; width:100%; height:100%; background-color:#000000; opacity:0; z-index:1; top:0; left:0;} .gallery-col .modula-item-content:hover::before{ opacity:0.45;} .gallery-col .modula-item-content a { cursor: pointer !important; } .gallery-col .modula-item-content img, .gallery-2-col .gallery-icon img { transition: 0.4s !important; } .gallery-2-col .gallery-icon:hover img {filter: brightness(0.5) !important;} .gallery-col .modula-item-content:hover img, .gallery-2-col .gallery-icon:hover img { scale: 1.1; } .gallery-col a.tile-inner.modula-item-link { overflow: hidden; position: relative; z-index:2;} .gallery-col a.tile-inner.modula-item-link::after, a.tile-inner.modula-item-link::before, .gallery-2-col .gallery-icon a::after, .gallery-2-col .gallery-icon a::before { position: absolute; content: ''; background: var(--e-global-color-color_white);z-index:3; } .gallery-col a.tile-inner.modula-item-link::after, .gallery-2-col .gallery-icon a::after { width: 0% !important; height: 1px; right: 20px; top: 42px; transition: width 0.6s ease-in-out; } .gallery-col a.tile-inner.modula-item-link::before, .gallery-2-col .gallery-icon a::before { width: 1px; height: 0% !important; right: 38px; top: 25px; transition: height 0.6s ease-in-out; } .gallery-col a.tile-inner.modula-item-link:hover::after, .gallery-2-col .gallery-icon:hover a::after { width: 75% !important; } .gallery-col a.tile-inner.modula-item-link:hover::before, .gallery-2-col .gallery-icon:hover a::before { height: 68% !important; } .gallery-col .modula-items .modula-item:hover, .gallery-2-col .gallery-icon a:hover img { opacity: 1 !important; } /* Page gallery */ .gallery-section-pg .gallery-item img{ transition: filter 0.3s ease !important; } .gallery-section-pg .gallery-item img:hover{ filter: brightness(60%); } /*--------------------------------------------------------------***End***----------------------------------------------------------------------*/ .form-col .col-md-12.input_adress.btn-row { position: relative; } .form-col input.wpcf7-submit { width: 145px; text-align: left; } .form-col span.input-icon { display: inline-block; width: 30px; height: 30px; background-image: url('/wp-content/uploads/2025/07/cicobat-entreprise-maconnerie-traditionnelle-au-rouret-arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 116px; top: 39px; transition: transform 0.3s ease-in-out; } .form-col .btn-row:hover span.input-icon {transform:rotate(41deg) !important; } /*------------------------------------------------------***Begin footer style***------------------------------------------------------*/ .section-footer .main-menu-footer ul.coherence-core-nav-menu li:nth-child(n+2):not(:nth-last-child(-n+2)) { display: none; } .section-footer .nav-link { pointer-events: none !important; } @media only screen and (max-width: 600px) { .section-footer ul.coherence-core-nav-menu { display: flex; flex-direction: column; align-items: center; text-align: center; } } /*------------------------------------------------------***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*/ /*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;} } /*------------***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***------------------------------------------------------*/