/*
Theme Name: Portes et fenêtres Plus
Version: 1.0
Author: davidbdr0@gmail.com
Text Domain: pfp
*/
body {font-size: 1rem}
.home-intro {margin-top:120px;margin-bottom: 90px;}
.home-intro img {      max-width: 700px;
    display: block;
    width: 100%;
    height: auto;}
.home-propos { padding:90px 0}
.cta-home .cta_title p {font-size: 34px;    line-height: 140%;}
.propos, .valeurs, .homelinks {padding-top: 60px}
.cta-home .cta_title p {font-weight: 400; color:#fff;    margin-top: 30px; }
.home-intro h1 {font-size: 44px;margin-bottom: 30px}
.home-intro p {font-size: 22px}
.valeurs ul li {font-size: 18px}
.logoalt {display: none}
.navbar-stick .logoalt {display: block}
.navbar-stick .logonorm {display: none}
.navbar-brand img {    max-height: 140px;
    margin-top: 5px;
    margin-bottom: 5px;}
.navbar-stick .navbar-brand img {     max-height: 70px;
    margin: 15px 0 0 0;}
.admin-bar .navbar-stick {top:32px}
footer img {max-height: 220px;}
.succinfos {padding:15px 45px}
.succinfos:first-of-type {padding-top:45px}
.succinfos:last-of-type {padding-bottom:45px}
section {margin-bottom: 90px;}
section.titre {margin-bottom:45px;}
section.cta {margin-bottom:0;}
.contenus_en_colonnes ul {margin:30px;}
.contenus_en_colonnes ul li {font-size: 18px;}
.dropdown-menu {min-width: 260px}
.image-page-intro img {max-width: 200px;}
.image-wrapper.bg-overlay.overlay-white:before {

    background: rgba(255, 255, 255, .75);
}
.intro-bg {background: rgba(255, 255, 255, .75);padding: 30px}
.bg-soft-primary {
    background-color: #f5fbff !important;
}
.boutons a {margin:0 15px}
.page-header {margin-bottom: 90px;}
.page-header .lead {font-weight: 700}
.outils-tech .card-body {display: flex;align-items: center;}
.options .card-body {justify-content: space-between;    align-items: flex-start;display: flex;}
.single-produits h3 {margin-bottom: 30px}
.card-body h4 {     margin: 0 15px 10px 0;
    padding: 0 0 10px 0;border-bottom: 1px solid #0677b7;    border-bottom: 1px solid #c7cedb;}
.outils-tech .card-body i {font-size: 33px;margin-right: 15px;color:#343f52}
.card-body img {max-width: 100px;}
.card-body a {font-size: 16px;    line-height: 140%;    margin-left: 5px;}
.prod-options {width: 100%;}
.prod-options span, .bloc_1 span {    background-color: #b7d6e7;color:#343f52}
.prod-options p {font-size: 18px}
a {color: #0677b7;font-weight: 700;}
.single-produits .introtext strong {    padding: .05rem .4rem .2rem;color: var(--bs-highlight-color);background-color: var(--bs-highlight-bg);}

.titre h2 {margin-bottom: 30px}
.swiper-controls .swiper-navigation .swiper-button {
    background-color: #b7d6e7;
   
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-disabled {
 background-color: #b7d6e7;
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-prev {
    left: 2rem;
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-next {
    right: 2rem;
}

.homelinks a {font-size: 17px;}
.homelinks img {    max-height: 260px;height: 100%; width: auto}
.prod-links {display: flex;flex-direction: column}
.prod-links div {display: flex;    align-items: center;}
.prod-links a {display: block}
.prod-links i {font-size: 26px;margin-right: 15px}

.homelinks .post-header h2 {margin-bottom: 30px}


.cta-home h2 {color: #fff}
.cta-home img {position: absolute;}
.cta-home img.img1 {max-width: 240px;left:10%;bottom: -10%;opacity: .05}
.cta-home img.img2 {max-width: 170px;right:10%;bottom: -5%;opacity: .05}
.cta-container {    height: 460px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}


.cta-home .cta_title p strong {       position: relative;
    z-index: 1;
    font-size: 170%;
    bottom: -5px;
    letter-spacing: -2px; }
.cta-home .cta_title p strong:after, .cta-home .cta_title p strong:before {
    content: "";
    z-index: -1;
       border: 3px solid white;
    position: absolute;
    left: 50%;
    top: 52%;
    opacity: 1;
    border-radius: 80%;
}
.cta-home .cta_title p strong:before {
    transform: translate(-50%, -50%) rotate(-1deg);
    border-top-width: 0;
    width: 111%;
    height: 110%;
}
.cta-home .cta_title p strong:after {
    transform: translate(-50%, -50%) rotate(-2deg);
    border-left-width: 0;
    border-bottom-width: 0;
    width: 107%;
    height: 111%;
}
h2 span {    position: relative;
    z-index: 1;}
h2 span:after {
       content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: 50%;
    bottom: -.1em;
    width: 110%;
    height: .3em;
    transform: translateX(-50%);
     background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23fab758' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E);
}

.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient), .btn-primary, .cta-home {    background: #0677b7;}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {    display: block;
    width: 100%;
    padding: .6rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.7;
    color: #60697b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid rgba(8, 60, 130, .07);
    border-radius: .4rem;
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

.gform_wrapper.gravity-theme .gfield-choice-input {
background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid rgba(8, 60, 130, .07);
    border-radius: 50%;
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04);
    width: 20px;
    height: 20px;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {font-weight: 700}
input, select, textarea {
    -webkit-appearance: auto!important;
}
.gform_wrapper.gravity-theme .gform_footer button {margin-top: 30px}

.gform_required_legend {font-size: 16px}
.tab-content {margin-top:0;}


.nav-tabs.nav-tabs-bg {
    border-bottom: 2px solid #e0e9fa;
    margin-top: 60px
}
.nav-tabs .nav-item {    margin-bottom: 0;min-width: 33.33%}
.nav-tabs.nav-tabs-bg .nav-link {align-items: center;}
.nav-tabs.nav-tabs-bg .nav-link h4, .nav-tabs.nav-tabs-bg .nav-link i {margin-bottom: 0;color:#343f52 }
.nav-tabs.nav-tabs-bg .nav-link i {margin-right: 15px;font-size: 32px;line-height: normal;}
.nav-tabs.nav-tabs-bg .nav-link {    background-color: #b7d6e7;}
.nav-tabs.nav-tabs-bg .nav-link.active, .nav-tabs.nav-tabs-bg .nav-link:hover {
    border-color: transparent;
    background-color:#0677b7;
    box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04);
}
.nav-tabs.nav-tabs-bg .nav-link.active h4, .nav-tabs.nav-tabs-bg .nav-link.active i, .nav-tabs.nav-tabs-bg .nav-link:hover h4, .nav-tabs.nav-tabs-bg .nav-link:hover i {color: #fff}


.nav-tabs.nav-tabs-bg .nav-link {border-bottom-left-radius: 0;border-bottom-right-radius: 0;    margin-left: 5px !important;
    margin-right: 5px !important;}
.tab-content .tab-pane {    padding: 60px 30px;}

.swiper-slide .caption-wrapper {    justify-content: center;}
.swiper-container .swiper img {
    max-height: 600px;
    width: auto;
    margin: 0 auto;
    display: block;
}


.services .card {background-color:#274153}
.services p {font-size: 17px; color: #d9d9d9;}
.services svg {    width: auto;
    max-width: 60px;
    max-height: 60px;
    margin-bottom: 30px;fill: white}
.services .card-body h4 {margin:0; padding: 0; border:0; color: white;}
.services .card-body hr {margin:30px auto;border-top: 1px solid #777; width: 60%}

.tableau table{width:100%;border:1px solid #d7d7d7}
.tableau table td,.tableau table thead th {padding:15px;border-bottom:1px solid #d7d7d7}
.tableau table th{background:#353535;font-weight:700;color:#fff}
.tableau table th,.tableau table tr td{border-left:1px solid #d9d9d9;font-size: 18px;}
.tableau table td:even{width:50%;}


.accordion-wrapper .card-header button {
    color: #0677b7;
}
.accordion-wrapper .card.plain .card-header button {font-size: 20px;padding-top:15px;padding-bottom:  15px;}

.bloc_2 p {font-size: 23px}
.bloc_3 p {font-size: 18px}
.bloc_3 i {font-size: 54px;margin-right: 15px;    line-height: normal;}


.docs h3 {font-size: 16px}


footer address, footer a, footer p {font-size: 16px}
footer address {margin-bottom: 0}
.footmenu ul {padding: 0;margin: 15px;}
.footmenu li {list-style:none}
footer .footmenu > li > a {color: white!important;border-bottom: 1px solid white;margin-bottom: 15px;}





@media only screen and (max-width: 991px) {
    .nav-tabs.nav-tabs-bg {
    border-bottom: 0;
}
    .nav-tabs .nav-item {
    min-width: 50%;margin-top: 10px
}
.nav-tabs.nav-tabs-bg .nav-link {
        padding: 1rem .8rem;
        font-size: 16px;
        border-radius: 0;
    
}
    
}

@media only screen and (max-width: 600px) {

    .nav-tabs .nav-item {
    min-width: 100%;
}

    
}