/*
Theme Name:     Bertola Child Theme
Description:    Thème enfant pour Bertola
Author:         Nixie
Theme URI:      http://themeforest.net/user/artbees
Template:       jupiter
*/

/* Général */

#theme-page .theme-page-wrapper .theme-content {
    padding: 0 20px 30px;
}

#theme-page .theme-page-wrapper {
    margin: 0 auto 20px;
}

#theme-page ul li,
#theme-page ol li
 {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.66em;
}

div.dark-shadow {
    -webkit-box-shadow: 0px 3px 20px #2b2b2b;
    box-shadow: 0px 3px 20px #2b2b2b;
}

/* header */

.add-header-height {
    display: none;
}

.mk-header {
    border: none;
}

.mk-header-holder {
    position: inherit;
}

.mk-header-toolbar {
    border-bottom: 1px solid #fff;
    height: auto;
    padding: 5px 0;
}

.header-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link {
    padding: 55px 25px;
}

body .header-style-2 .main-navigation-ul > li:nth-of-type(2) a.menu-item-link,
body .header-style-2 .main-navigation-ul > li:nth-of-type(3) a.menu-item-link,
body .header-style-2 .main-navigation-ul > li:nth-of-type(5) a.menu-item-link {
    padding-top: 43.5px;
    padding-bottom: 43.5px;
}

#logo {
    line-height: inherit;
}

#logo img {
    width: 240px;
    position: relative;
    top: 15px;
    margin: 0 15px 0 30px;
}


.mk-header-social ul li a {
    display: inline-block;
}

.mk-header-social ul li:nth-of-type(1)::before {
    content: "Retrouvez-nous sur";
    display: inline-block;
    color: #fff;
    margin-right: 10px;
}

.mk-header-toolbar-holder .mk-header-tagline {
    float: left;
}

.mk-header-toolbar-holder .mk-header-tagline span {
    margin-right: 11px;
    font-size: 16px;
    position: relative;
    top: 2px;
}



/* Bandeau */

.vc_parallax-content-moving {
    background: rgba(0, 0, 0, 0.6);
}

.vc_parallax .vc_parallax-inner {
    opacity: 0.5
}

.txtacc span {
    font-size: 42px;
    font-weight: 500;
    line-height: 50px;
}

.qualibois img{
    width: 220px !important;
}


/* Page accueil*/

/* formulaire devis*/

.home form {
    background: #272a2b;
    padding: 20px 25px 15px;
    border-radius: 10px;
}

.home form .wpcf7-spinner{
    position: absolute;
}

/* .home div.wpcf7 .wpcf7-recaptcha iframe,
.home .wpcf7 .wpcf7-form > div:nth-of-type(2) {
    width: 220px;
    display: inline-block;
} */

.grecaptcha-badge {
    display: none;
}

.home form .wpcf7-response-output {
    margin: 0;
    color: #ffffff;
}

.wpcf7-submit {
    margin-bottom: 0;
    border: 2px solid #e31417;
    padding: 18px 28px;
    border-radius: 2px;
    color: #fff;
    background: none;
    text-transform: inherit;
    font-size: 14px;
}

.send {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.send .wpcf7-submit {
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
}

.send .ajax-loader{
    position: absolute;
    left: 25px;
}

.sendto {
    float: right;
}

.wpcf7-submit:hover {
    background: #e31417 ;
}

.wpcf7-form p {
    color: #fff;
}

.page-id-4 .wpcf7-form p {
    color: #3d3d3b;
}


.wpcf7-form h3 {
    color: #fff !important;
    text-transform: none;
    text-align: center;
    font-weight: 500;
}

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
    font-family: "Hind", sans-serif;
}


/* Encarts services */

/* #services {
    font-weight: 700;
    letter-spacing: 3px;
} */

/* #mk-theme-container .encart {
    padding: 30px 20px;
} */

#mk-theme-container .encart .box-holder {
    background: #000;
    padding: 0;
}

#mk-theme-container .encart .mk-button-container {
    padding: 17px;
    background: #2d2d2d;
}

#mk-theme-container .encart .box-holder > div {
    margin: 0;
}

#mk-theme-container .encart img {
    opacity: 0.4;
}


#box-10.encart .box-holder > div:nth-of-type(1):before,
#box-12.encart .box-holder > div:nth-of-type(1):before,
#box-14.encart .box-holder > div:nth-of-type(1):before {
    content: "Cheminées et Poêles à bois";
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 2px;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 10%;
    z-index: 10;
    font-family: "Montserrat";
    top: 40%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.3;
}

#box-12.encart .box-holder > div:nth-of-type(1):before {
    content: "Cuisines et Agencement";
}
#box-14.encart .box-holder > div:nth-of-type(1):before {
    content: "Ramonage SAV";
    padding: 0 25px;
}


/* Instagram flux */
.insta,
.insta > .vc_column-inner,
.insta .wpb_wrapper,
.insta .wpb_wrapper > div:first-child {
    min-height: 513px !important;
}


/* Tabs */

.chevron h2 {
    letter-spacing: 1px;
}

.chevron .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before:before {
    font-size: 1.3em;
}

#mk-tabs.vertical-style .wpb_tabs_nav {
    width: 375px;
}

#mk-tabs.vertical-left .wpb_tab {
    margin-left: calc(375px - 1px);
}

#mk-tabs.tabaccueil {
    position: relative;
    bottom: 70px;
    background-color: #353839;
}

#mk-tabs.tabaccueil .wpb_tabs_nav a {
    height: 139px;
    background: url('/wp-content/uploads/2022/04/ambiance.jpg') no-repeat center #333;
    color: #e5e5e5;
    text-transform: uppercase;
    text-align: center;
    line-height: 5.2;
    font-size: 28px;
    position: relative;
    z-index: 3;
    border-color: #353839 !important;
}

#mk-tabs .wpb_tab {
    border-color: #353839 !important;
}

#mk-tabs.tabaccueil .wpb_tabs_nav li:nth-of-type(2) a {
    background: url('img/qsn.jpg') no-repeat center #333;
}

#mk-tabs.tabaccueil .wpb_tabs_nav li:nth-of-type(3) a {
    background: url('img/savoir-faire.jpg') no-repeat center #333;
}

#mk-tabs.tabaccueil .wpb_tabs_nav a:before {
    content: "";
    width: 100%!important;
    height: 100%!important;
    display: block;
    background: #000!important;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

#mk-tabs.tabaccueil .ui-state-active a {
    color: #fff;
    text-shadow: 1px 2px 6px #000;
}

#mk-tabs.tabaccueil .ui-state-active a:before {
    display: none;
}

#mk-tabs.vertical-left .wpb_tab {
    height: 281px;
    /* overflow-y: scroll; */
}

/* #mk-tabs.vertical-left .wpb_tab:nth-of-type(1) {
    overflow: visible;
} */

#mk-tabs.vertical-left .wpb_tab:nth-of-type(1) .chevron {
    height: 96px;
}

/* Block actu accueil */

/* #box-12 .box-holder {
    padding: 30px 50px 18px 20px !important;
} */

.actu {
    position: relative;
    padding: 0 20px;
}

.actu h1 {
    font-weight: 700;
}

.actu:before {
    content: "";
    display: block;
    position: absolute;
    right: 295px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 350px solid #2d2d2d;
    border-left: 310px solid transparent;
    z-index: 1;
}

.actu:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    width: 275px;
    height: 100%;
    background: #2d2d2d;
    z-index: 1;
}


.actu h1 {
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.actu p {
    font-size: 21px;
}


/* Bouton découvrir */

#theme-page .bouton a {
    font-size: 18px;
    color: #fff !important;
    border-color: #e31417 ;
}


/* Filtre réalisations */
.vc_pageable-slide-wrapper .vc_gitem-zone {
    background: none !important;
}

.vc_pageable-slide-wrapper .vc_gitem-post-data-source-post_excerpt {
    display: none;
}

.vc_pageable-slide-wrapper .vc_custom_heading h4,
.vc_pageable-slide-wrapper .vc_btn3-container {
    text-align: center !important;
}

.vc_pageable-slide-wrapper .vc_btn3-container a {
    background: none !important;
    border: 2px solid #fff;
    font-weight: 700;
    font-size: 0;
}
.vc_pageable-slide-wrapper .vc_btn3-container a:hover {
    background: #ffffff !important;
    border: 2px solid #fff;
    color: #353839 !important;
}

.vc_pageable-slide-wrapper .vc_btn3-container a:before {
    content: 'Découvrir';
    font-size: 14px;
}

.vc_pageable-slide-wrapper .vc_gitem-zone-img{
    visibility: visible;
}


/* Page cheminées */

.gammes {
    position: relative;
}

.gammes p {
    color: #fff;
    padding-right: 40%;
}

#gam {
    font-weight: 700;
    letter-spacing: 3px;
}

/*.gammes:hover{
    cursor: pointer;
}*/

.gammes .box-holder a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0;
    top: 0;
}

.gammes .box-holder:before {
    content: "\f105";
    position: absolute;
    display: block;
    top: 45%;
    right: 50px;
    color: #fff;
    font-size: 88px;
    z-index: 10;
    font-family: "FontAwesome";
}

.gammes .box-holder:after {
    opacity: 0.7;
}
.gammes h1 {
    letter-spacing: 3px;
    font-weight: normal;
    font-size: 48px;
}

.gammes:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 440px solid #2d2d2d;
    border-right: 310px solid transparent;
    z-index: 1;
}

#theme-page .gammes .box-holder {
    padding: 40px 30px 30px 60px;
    cursor: pointer;
    background: #000;
}

.entame {
    position: relative;
    bottom: 80px;
}

#theme-page .entame h2 {
    text-transform: inherit;
    font-size: 38px;
}

.fle {
    font-size: 20px;
    position: relative;
    top: 18px;
}


/* Accroche devis */

.gratis p {
    font-size: 24px;
    line-height: 30px;
}


/* footer */

#mk-footer .footer-wrapper {
    padding-bottom: 5px !important;
}

#mk-footer .footer-wrapper ul {
    line-height: 24px;
}

#mk-footer .footer-wrapper i {
    margin-bottom: 15px;
}

#mk-footer .widget_text {
    text-align: center;
}

#prefooter {
    padding: 20px 0;
    margin-bottom: 10px;
}

#prefooter .res:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 63px;
    z-index: 1;
}

.res {
    margin-bottom: 35px;
}

.res h1 {
    position: relative;
    z-index: 2;
    background: #353839;
    padding: 0 25px;
    font-weight: 500;
    display: inline-block;
}

.logobas a {
    display: block;
    padding: 0 25px;
}

#sub-footer {
    text-align: center;
}

#sub-footer span {
    width: 100%;
}

#sub-footer a {
    color: #585857;
    font-family: "Montserrat";
    font-weight: 600;
}

#sub-footer a:hover {
    color: #fff;
}

#sub-footer span.point {
    width: 6px;
    height: 6px;
    background: #bbbbbb;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 15px;
}

.mk-footer-copyright {
    padding: 20px 0 16px !important;
}

/* Page contact */

.mk-box-icon-2 a,
.mk-box-icon-2 p {
    color: #fff;
    margin-bottom: 0!important;
}

.mk-box-icon-2 a:hover {
    color: #e31417;
}

.coord {
    position: relative;
    bottom: 30px;
}


/* Sitemap style */

.page-id-69 strong {
    font-weight: normal !important;
}
.page-id-69 .wsp-pages-title {
    display: none !important;
}



/* Responsive design */

@media (max-width: 1140px) {
    #mk-boxed-layout .add-header-height {
        display: block;
        text-align: left;
        padding-bottom: 12px;
    }
    .mk-resposnive-logo {
        width: 150px;
        margin: 7px 0 0 21px;
    }
}


@media (max-width: 992px) {
    #theme-page .theme-content {
        padding-top: 0!important;
    }

    /* Accueil Nos services */
    #box-10.encart .box-holder > div:nth-of-type(1):before,
    #box-12.encart .box-holder > div:nth-of-type(1):before,
    #box-14.encart .box-holder > div:nth-of-type(1):before {
        font-size: 26px;
    }

    #mk-tabs.vertical-left .wpb_tab {
        overflow-y: scroll;
    }

}

@media (max-width: 812px) {
    #box-10.encart .box-holder > div:nth-of-type(1):before,
    #box-12.encart .box-holder > div:nth-of-type(1):before,
    #box-14.encart .box-holder > div:nth-of-type(1):before {
        font-size: 21px;
    }
}


@media (max-width: 768px) {


    #theme-page .theme-page-wrapper .theme-content .vc_general.vc_parallax > div > div {
        padding-top: 140px !important;
        padding-bottom: 160px !important;
    }

    /* accueil */
    /* #box-12 .box-holder::after,
    #box-12.hover-effect-image.image-effect-blur .box-holder::before, */
    .actu:before,
    .actu:after {
        display: none;
    }
    #box-12.actu h1,
    #box-12.actu p,
    #box-12.actu a {
        text-align: center !important;
    }
    #box-12.actu {
        background: #2d2d2d;
    }


    /* gammes*/
    #theme-page .gammes .box-holder {
        padding: 30px 0px 20px 30px;
    }

    #theme-page .gammes .box-holder > div div:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: -10px;
        width: 30%;
    }

    .gammes p {
        padding-right: 30%;
    }


    /* entame page contenu*/
    #theme-page .entame h2 {
        padding: 0;
    }

    /*footer*/
    #mk-footer .logobas {
        text-align: center;
    }

    #mk-footer .logobas img {
        max-width: 340px;
        width: 100%;
        margin-bottom: 20px;
    }

    #mk-footer #media_image-2{
        text-align: center;
    }

}

@media (max-width: 767px) {

    .mini-justif p {
        text-align: justify!important;
    }

    .facebook .wpb_raw_html > div {
        text-align: center;
        padding-top: 50px;
    }


    /* Accueil Nos services */
    #box-10.encart .box-holder > div:nth-of-type(1):before,
    #box-12.encart .box-holder > div:nth-of-type(1):before,
    #box-14.encart .box-holder > div:nth-of-type(1):before {
        font-size: 32px;
    }

    /*tabs*/
    #mk-tabs.vertical-left .wpb_tab:nth-of-type(1) .chevron {
        height: auto;
    }

    .chevron > div:first-child {
        display: none;
    }

    .chevron h2 {
        font-size: 22px !important;
    }

    #mk-tabs.vertical-left .wpb_tab {
        height: auto;
        overflow-y: inherit;
    }

    #mk-tabs .title-mobile {
        font-size: 28px;
        padding: 23px 10px 15px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
    }

    .sendto {
        display: inline-block;
        text-align: right;
        float: none;
    }

    /*.sendto input {bottom: 20px;}*/

}


@media (max-width: 425px) {


    .home .vc_message_box {
        padding-left: 25px ! important;
    }
    .home .vc_message_box .vc_message_box-icon{
        display: none;
    }

    #theme-page .theme-page-wrapper .theme-content .vc_general.vc_parallax > div > div {
        padding-top: 100px !important;
        padding-bottom: 130px !important;
    }

    #theme-page .theme-page-wrapper .theme-content .vc_general.vc_parallax > div > div h1 {
        font-size: 44px!important;
    }

    #mk-theme-container .encart {
        padding: 0;
    }

    #gam {
        font-size: 46px;
    }

    .gammes h1 {
        font-size: 38px;
    }

    .facebook iframe {
        width: 100%;
    }

    /* gammes*/
    .gammes:before {
        border-top: 410px solid #2d2d2d;
        border-right: 290px solid transparent;
    }
    #theme-page .gammes .box-holder > div div:nth-of-type(2) {
        position: inherit;
    }
    .gammes .box-holder:before {
        top: 81%;
        right: 20px;
        color: #fff;
        font-size: 48px;
    }
    /* #box-12 .box-holder {
        padding: 30px 20px 18px 20px !important;
    } */

    #theme-page .entame h2 {
        font-size: 34px;
    }

}

@media (max-width: 375px) {
    #box-10.encart .box-holder > div:nth-of-type(1):before,
    #box-8.encart .box-holder > div:nth-of-type(1):before {
        font-size: 27px;
    }

    #services h2,
    .actu h1 {
        font-size: 48px;
    }

}



@media (max-width: 320px) {
    /*gamme*/
    #theme-page .gammes .box-holder {
        padding: 30px 0px 20px 10px;
    }
    #theme-page .gammes .box-holder h2 {
        font-size: 42px!important;
    }

    .gammes h1 {
        font-size: 28px;
    }

    /* Accueil Nos services */
    #box-10.encart .box-holder > div:nth-of-type(1):before,
    #box-12.encart .box-holder > div:nth-of-type(1):before,
    #box-14.encart .box-holder > div:nth-of-type(1):before {
        font-size: 26px;
    }

}


@media (max-height: 475px) {
    #theme-page .theme-page-wrapper .theme-content .vc_general.vc_parallax > div > div {
        padding-top: 70px !important;
        padding-bottom: 85px !important;
    }

    #theme-page .theme-page-wrapper .theme-content .vc_general.vc_parallax > div > div h1 {
        font-size: 48px!important;
    }
}