/*
Theme Name: Carl Davignon
Version: 1.0
Author: davidbdr0@gmail.com
Text Domain: cd
*/

body {font-size: 21px;line-height: 190%}
hr {background: transparent;margin:0;}
p {margin-bottom: 45px;}
.btn-one::after, .btn-one::before, .btn-three::after, .btn-three::before, .btn-two::after, .btn-two::before, .btn-one::after, .btn-three::after, .btn-two::after {display: none}
.btn-one, .btn-three, .btn-two {background: #008a4a;}
.btn-one:hover {background:red}
.btn-one.btn-white {background:#fff;color: #008a4a}
.btn-one.btn-white:hover {background:red}
.header__area-menubar-left-logo a img {width: 100%;    max-width: 120px;}
.header__area-menubar-left.one::after {display: none}
.header__area-menubar-left-logo {padding: 15px}
.header__area-menubar-center-menu ul li .sub-menu li > a {text-transform: none;}
.breadcrumb__area {margin-bottom: 90px;padding:120px 0}
.menu__bar-popup-top .logo img {display: block;max-width: 140px;width: 100%;}
.menu__bar-popup-top .moblogo {display: none}
section {margin-bottom: 90px}
section:last-of-type {margin-bottom: 30px;}
section.sep {margin-bottom: 0}
section.sp {margin-bottom: 30px;}
.presentation p:last-of-type {margin-bottom: 0}
.titre h2 {font-size:48px;line-height: normal}
/* Accueil : Intro */
.intro .banner__one-content {padding: 120px 0;}
.intro img.img-left {left:0;}
.intro img.img-right {right:0;}
.intro .subtitle-one {color:red}
.intro .banner__one-content h1 {font-size: 70px;line-height: 100%;max-width: 75%;margin-top:5px;}
.intro .banner__one-shape, .banner__one-right {width: 50%;object-fit: cover}
.banner-left {width: 50%}
/* Accueil location */
.location .portfolio__one-item-image {max-height: 500px;}
.location .portfolio__one-item.swiper-slide.swiper-slide-active .portfolio__one-item-image-content {opacity: 0;transform: none;}
.location .portfolio__one-item.swiper-slide.swiper-slide-active:hover .portfolio__one-item-image-content {opacity: 1;transform: translateY(-15px);}
/* Flex 5 */
.bloc_5 {background:#f6faff;padding:120px 0}
.bloc_5 .choose__us-area-list-item svg {max-width: 100px;height: auto}
.bloc_5 .choose__us-area-list-item {padding: 35px 60px;text-align: center}
.bloc_5 .choose__us-area-list {position: relative;z-index: 2;}
.bloc_5 .choose__us-area-image {z-index: 0;}
.bloc_5 .choose__us-area-list-item-bottom {margin:0}
.choose__us-area-list-item-bottom h6 {font-size: 21px;text-align: left}
section.titre p {margin:10px 0 0 0}
.column {flex: 33%;max-width: 33%;padding: 0 5px;}
.column img {margin-top: 8px;vertical-align: middle;width: 100%;}
.service__three-title h2 {display: flex;flex-direction: column;align-items: center;}
.service__three-title h2 hr {height: 2px;background: #008a4a;border: 0;width: 10%;}
.service__three-item:hover svg path {fill:#fff}
.even-service {margin-top: 45px;}
.services {padding-top:30px; padding-bottom:30px;}
.services .service__three-item-icon svg {max-width: 80px;}
.subtitle-three, .subtitle-two, .subtitle-one {padding-left: 0;}
.subtitle-three {border-bottom: 1px solid white;padding-bottom: 4px;color: #fff;font-weight: 400;letter-spacing: 1px;    font-family: var(--theme-font-1);}
.subtitle-three::after, .subtitle-two::after, .subtitle-one::after {display: none}
.service__three-item-content .simple-btn {font-size: 16px; line-height: 26px;}
.galerie .portfolio__one-item-image {max-height: 600px;display: flex;align-items: center;}
/* CTA */
.cta__one {margin:0}
.cta__one-area {background: #008a4a;margin:0;}
.cta__one-area p {color: #fff;margin:0;padding: 0}
.footer__cta-area-left h3 {max-width: none}
.who__area-right p {color:#fff;font-size: 23px;}
.who__area-right-btn .nav-item {color: var(--text-white);display: inline-flex;gap: 10px;align-items: center;font-size: 16px;line-height: 26px;font-family: var(--theme-font-1);position: relative;z-index: 3;overflow: hidden;transition: 0.4s;font-weight: 500;border-radius: 5px;background: #008a4a;padding: 11px 24px;}
.choose__us-area-title p {font-size: 23px;}
.pricing__area-item-list ul li {border-bottom: 1px solid var(--border-color-1);justify-content: space-between;}
.portfolio__two-item-content { opacity: 1;    padding: 15px;}
.portfolio__two-item-content h6 {font-size: 16px;line-height: normal;font-weight: 400;margin-bottom: 5px;}
.portfolio__two-item-content p {font-size: 16px;margin:0;padding:0;    line-height: normal;}
.portfolio__one-title {margin-bottom:15px;}
.swiper-button-prev, .swiper-button-next {background: #fff;border-radius: 50%;width: 60px;height: 60px;opacity: .3;}
.swiper-button-prev {transform: rotate(180deg);}
.swiper-button-prev:hover, .swiper-button-next:hover {opacity: 1;}
.galerie svg {display: block;max-width: 15px;height: auto}
.image_simple_wrap {height: 260px;overflow: hidden;position: relative;}
.image_simple_wrap img {position: absolute;top: 50%;z-index: 2;left: 0;transform: translateY(-50%);width: 100%}
.location .portfolio__one-item-image img {
    object-fit: cover;
    height: 500px;
}
.tableau table { width: 100%; border-collapse: collapse; overflow-x:auto;}
.ginput_complex {display: flex}
.ginput_complex span {width: 90%;}
.tableau tr:nth-of-type(odd) { background:#f3f3f3; }
.tableau th { background: #1f242c; color: white; font-weight: bold; }
.tableau td, .tableau th { padding: 6px; border: 1px solid #ccc; text-align: left; }
.territoires h6 {color: var(--text-white);margin:30px 0 15px 0;font-size: 17px}
.territoires ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;}
.territoires ul li {color: var(--color-4);padding: 0 15px 0 0;}
.footer__cta-area {padding:30px 60px;}
.footer__cta-area p {color:#fff;line-height: 160%}
.footer__cta-area-left h3 {margin-bottom: 15px;}
.copyright__area {margin-top: 60px;padding: 30px 0;}
@media (max-width: 1400px) {
.intro .banner__one-content h1 {font-size: 60px;}
}
@media (max-width: 1150px) {
.header__area-menubar-right-btn {display:block;}
.intro .banner__one-content h1 {font-size: 50px;}
}
@media (max-width: 991px) {
.intro .banner__one-content h1 {font-size: 40px;}
.banner__one-right img {display:block;}
.banner__one-right {width: 100%;}
.menu__bar-popup-top .logo img {display: none}
.menu__bar-popup-top img.moblogo {display: block}
.services {padding-top:15px; padding-bottom:15px;}
.even-service {margin-top: 0}
}
@media (max-width: 767px) {
table, thead, tbody, th, td, tr {display: block;}
.bloc_5 .choose__us-area-list-item {padding: 30px;}
.intro .banner__one-shape {display: none}
.intro .banner__one-content h1 {max-width: none}
.intro .banner__one-content {background-color: #fff;height: 100%;padding:60px 0 0 0}
}
