/*
 Theme Name:   Asdoria child kazla
 Description:  Thème enfant du thème parent kazla
 Author:       Asdoria
 Author URI:   https://www.asdoria.com/
 Template:     kazla
 Version:      1.0.0
 Text Domain:  Asdoria child kazla
*/

/* ---------------- Personnalisation du body ----------------- */
body {
    font-family: Open Sans, helvetica, arial, sans-serif;
}

.col2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#main-content p {
    color: #5a5a5a;
}

.marTop1 {
    margin-top: 30px;
}

.marTop2 {
    margin-top: 15px;
}

.marTop3 {
    margin-top: 100px;
}

.marBottom1 {
    margin-bottom: 30px;
}

.alignCenter {
    text-align: center;
}

.W1 {
    width: 100%;
    float: left;
}

.bg1 {
    background-color: #efefef;
}

.borderBottom1 {
    border-bottom: 1px dotted #5a5a5a;
}

.link_mention {
    color: #bdbdbd !important;
}

.link_mention:hover {
    color: #48B962;
}

.lienBt {
    color: #fff !important;
    background-color: #3b3b3b;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    padding: 8px;
    text-transform: uppercase;
}

.lienBt:focus {
    color: #fbfbfb;
    background-color: #3b3b3b;
}

.lienBt:hover {
    color: #000 !important;
    border: 1px solid #000;
    background-color: #fff;
}

.effetSurvol:hover {
    opacity: 0.5;
}

li a .cpt {
    display: block;
    text-align: center;
    margin: -25px 0 0 0;
    padding: 0 8px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    right: -20px;
    background: #f7f7f7;
}

.majStyle {
    text-transform: uppercase;
}

.msgTraitement {
    margin: auto;
    text-align: center;
    padding: 50px 0;
}

/* ----- Personnalisation modèle de page Accès pro + selection ----------- */
.PagePro {
    max-width: 1200px;
    width: 100%;
    padding: 50px 0;
    border: 0 solid #dcdcdc;
    margin: auto;
    color: #5a5a5a;
}

.PagePro h2 {
    font-size: 36px;
    color: #48b962;
    line-height: 40px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin: 50px 0px;
    text-align: center;
}

.PagePro h2:after {
    content: "•";
    display: block;
}

.cader1Ref {
    float: left;
}

.cader2Ref {
    float: right;
}

/* ---------------- Personnalisation des titres ----------------- */
.C_title_Contact h2, .wpb_wrapper h2 {
    font-size: 36px;
    color: #48b962;
    line-height: 40px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin: 50px 0px;
}

.wpb_wrapper h2:after {
    content: "•";
    display: block;
}


/* ---------------- Personnalisation des titres contact ----------------- */
.C_title_Contact hr {
    display: none;
}

.rgpd_txt {
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    display: block;
    margin-bottom: 30px;
    color: #b1acac;
}

.Contact_Form_SectiON .form-control {
    text-transform: initial !important;
}

/* ---------------- Contact form 7 ----------------- */
div.wpcf7-mail-sent-ok {
    border: 2px solid #48b97b;
    background: #48b97b;
    color: #fff;
}

div.wpcf7-response-output {
    border: 2px solid #ff7b66;
    background: #ff7b66;
    color: #fff;
}

/* ---------------- Personnalisation de la bannière ----------------- */
.Blog_1_title_text {
    background-color: transparent;
    max-width: 100%;
    margin: 0 auto;
    padding: 55px 0;
    box-shadow: 0 0 0 0 #fafafb;
    border: 0;
    opacity: 1;
    text-align: center;
}

.Blog_1_title_text h2 {
    color: #fff;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.6);
}

.Blog_1_title_text h2:after {
    display: none;
}

.Blog_1_title_text .About_us_Text:before {
    display: none;
}

.Blog_1 .row .col-md-8 {
    padding-right: 15px;
}

.About_us__title_img {
    height: 450px;
}

/* ---------------- Personnalisation du footer ----------------- */
.footer {
    padding: 10px;
}

.footer-widget a {
    color: #bdbdbd;
}

#Agency-footer .widgets-section {
    padding: 40px;
}

.footer-widget .widget-content {
    margin-bottom: 0;
}

.address-footer_smith {
    margin-top: 0;
}

.footer .copyright {
    color: #1c1c1c;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
}

.big-column .footer-widget {
    display: flex;
    justify-content: space-evenly;
}

/* ---------------- Personnalisation du formulaire de mot de passe contenu ----------------- */
.entry-content-posts .post-password-form {
    text-align: center;
    margin: 50px 0;
}

.entry-content-posts .post-password-form input {
    border: 1px solid #dcdcdc;
    padding: 3px;
}

.entry-content-posts .post-password-form input:focus {
    border: 1px solid #48b962;
}

.entry-content-posts .post-password-form input[type="submit"] {
    color: #fbfbfb;
    background-color: #3b3b3b;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    margin-left: 16px;
}

.entry-content-posts .post-password-form input[type="submit"]:focus {
    color: #fbfbfb;
    background-color: #3b3b3b;
}

.entry-content-posts .post-password-form input[type="submit"]:hover {
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
}


/* --------------------------- références divers ------------------------------------- */

.Default-menu a span.text:after {
    top: 0;
    height: 25px;
    background-color: rgba(72, 185, 98, 0.5);

}

.portfolio_preview_hh_1 img {
    filter: grayscale(1);
}

.portfolio_preview_hh_1 h3 {
    font-size: 14px;
}

/* ---------------- Bouton "Ajouter au dossier pdf" dans références ----------------- */
.MsgBulleReference {
    background-color: #f8f8f8;
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    font-size: 12px;
    color: #636363;
    font-style: italic;
}

.blocBtReference {
    position: fixed;
    top: 150px;
    left: 0;
    z-index: 50;
}

.lienBtReference {
    background-color: #468a77;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    -moz-box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.2);
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.lienBtReference:hover {
    background-color: #48b962;
    color: #fff;
}

.lienBtReference:focus {
    color: #fff;
}

#msgRef {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}


/*-------------- Modele page références -----------------*/
.styleRef {
    font-size: 36px;
}

.conteneurRef {
    width: 100%;
    float: left;
    border: 1px solid #dcdcdc;
    padding: 30px;
}

.ligneRef1 {
    width: 100%;
    float: left;
}

.ligneRef2 {
    width: 55%;
    float: left;
}

.ligneRef3 {
    width: 43%;
    float: right;
}

.marRef1 {
    margin-top: 0;
    padding-bottom: 3%
}

.padRef {
    padding: 30px;
}

#refDesktop {
    display: block;
}

#refMobile {
    display: none;
}

.tabRef {
    margin-top: 30px;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.tab1Ref {
    vertical-align: top;
    text-transform: uppercase;
    padding: 5px;
    background-color: #d6dcdc;
    boder: 1px solid red;
}

.tab2Ref {
    vertical-align: top;
    text-transform: uppercase;
    padding: 5px;
    border: 1px solid #b9b9b9;
}

#gridRef div {
    max-width: 25%;
    float: left;
    border: 10px solid #fff;
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    position: relative;
}

#gridRef div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Voir plus';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Voir moins';
}

.read-more-trigger {
    margin-top: 20px;
    color: #fff !important;
    background-color: #49b963 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    padding: 3px !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    transition: all ease-in-out 0.4s !important;
    -webkit-transition: all ease-in-out 0.4s !important;
}


/* ---------------- Contact - formulaire ----------------- */
div.wpcf7-validation-errors {
    border: 0 solid transparent !important;
    margin-left: 16px;
    color: #f00;
    font-style: italic;
}

.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 10px !important;
    font-style: italic;
}

.description {
    padding-right: 20px;
}

.description:after {
    content: "";
}

.description:before {
    content: "";
}


/*------------- Page single --------------*/
.Blog_1 .col-md-8 {
    margin-top: 0px;
}

.Blog_1 h2, .Blog_2 h2 {
    font-size: 36px;
    color: #48b962;
    line-height: 40px;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin: 50px 0;
    text-align: center;
}

.Blog_1 h2:after, .Blog_2 h2:after {
    content: "•";
    display: block;
}


/*------------- Page presentation --------------*/
#persoPlus h3, #persoPlus p {
    color: #fff;
}

.About_SErVice {
    padding: 30px 0 50px;
}

.testimonial {
    width: 73%;
}

/*------------- Visual composer --------------*/
.vc_images_carousel .vc_carousel-control .icon-next:before {
    background: white;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: block;
    padding-top: 3px;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
    background: white;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: block;
    padding-top: 3px;
}

/* badge recaptcha */
.grecaptcha-badge {
    visibility: collapse !important;
}

/* post listing  */

.list_posts {
    margin-top: 3rem;
}

#post-single {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

#post-single .cat {
    position: absolute;
    background: #49b963;
    top: 10px;
    padding: 0px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

#post-single ._post .content {
    padding: 0 5px;
    display: block;
}

#post-single ._post .image img {
    height: 265px;
    width: 100%;
    object-fit: cover;
}

#post-single ._post h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

#post-single ._post p {
    font-size: 14px;
}

#post-single ._post span {
    font-size: 14px;
    background: #49b963;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    padding: 14px;
}

#post-single ._post:hover {
    opacity: 0.5;
}

/* glide js */
.glide {
    position: relative;
}

.glide__arrows {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
}

.glide__arrow {
    background: #49b963;
    color: #fff;
    border: 0;
    font-size: 22px;
    padding: 13px 10px;
    font-weight: 700;
}

.glide__arrow--right {
    float: right;
}

/* glide reference */
.glide_ref {
    position: relative;
    width: 100%;
    max-width: 750px;
    margin: auto;
}

.glide_ref ul {
    display: flex;
    flex-wrap: wrap;
}

.glide_ref ul li img {
    height: 500px;
    object-fit: cover;
}

/* widget meteo */
.splw-lite-wrapper {
    margin: 0;
    padding: 0;
}

.splw-lite-wrapper div {
    text-align: left !important;
    justify-content: start !important;
}

.splw-lite-wrapper .splw-lite-header-title {
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase;
}

.splw-weather-title {
    display: none;
}

/* ------------------------ */
.reference_contener {
    display: inline-block;
    width: 100%;
}

.bg_secondary {
    background: #d6dcdc;
}

.uppercase {
    text-transform: uppercase;
}

.p-10 {
    padding: 10px;
}

.b-1 {
    border: 1px solid #d6dcdc;
}

.col-100 {
    width: 100%;
    display: flex;
}

.col-50 {
    width: 50%;
    display: flex;
}

/*---------------------------------------------- RESPONSIVE ------------------------------------------------------*/
@media (max-width: 1400px) {
    #gridRef div {
        max-width: 33.33%;
    }
}

@media (max-width: 1240px) {
    .header-left {
        width: 100%;
        text-align: center;
    }

    .header-menu {
        display: flex;
        width: inherit;
        justify-content: center;
        float: inherit;
    }

    .header-menu .menu ul li a {
        padding: 10px 0;
    }
}

@media (max-width: 1024px) {
    .menu ul li a {
        font-size: 11px;
    }

    .testimonial {
        width: 100%;
    }

    #gridRef div {
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .mean-nav ul li a {
        width: initial;
        position: relative;
    }
}

@media (max-width: 768px) {
    #Agency-footer .footer-widget {
        margin: 0px;
    }

    footer .big-column {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }


    footer .big-column .footer-widget {
        justify-content: start;
    }
}

/*---------------------------------------------- RESPONSIVE ------------------------------------------------------*/
@media (max-width: 767px) {
    #gridRef div {
        max-width: 100%;
        height: 200px;
    }

    .col2 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .cader1Ref {
        float: left;
        width: 100%;
        display: block;
        text-align: center;
    }

    .cader2Ref {
        float: left;
        width: 100%;
        display: block;
        text-align: center;
    }

    .borderBottom1 {
        border-bottom: 1px dotted #dcdcdc;
        padding-bottom: 20px;
    }

    .About_us__title_img {
        height: 300px;
    }

    #main-content p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .big-column .col-md-4:nth-child(2) .footer-widget /* permet de centrer le footer N°2*/
    {
        width: 100%;
    }

    .About_us_Text {
        margin-left: 0px;
    }

    .PagePro h2 {
        font-size: 28px;
        margin: 30px 0px;
    }

    .C_title_Contact h2, .wpb_wrapper h2 {
        font-size: 28px;
        margin: 30px 0;
    }

    /*------------- Page single --------------*/
    .Blog_2 {
        padding: 10px 0 35px !important;
    }

    .Blog_1 h2, .Blog_2 h2 {
        font-size: 28px;
        margin: 30px 0;
    }


    /* ---------------- Bloc équipe ---------------------*/
    .testimonial {
        padding: 36px 0 86px 40px;
        margin-top: 25px;
        width: 100%;
    }

    .description {
        padding-right: 20px;
    }

    /* ---------------- Bouton "Ajouter au dossier pdf" dans références ----------------- */
    .blocBtReference {
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
        text-align: center;
    }

    .lienBtReference {
        padding: 5px 5px;
        font-size: 12px;
        width: 100%;
        display: inline-block;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    #msgRef {
        margin-top: 0;
        background: #f8f8f8;
    }

    .MsgBulleReference {
        width: 100%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    li a .cpt {
        display: initial;
        text-align: center;
        margin: -15px 0 0 0;
        padding: 0 8px;
        font-size: 10px;
        position: relative;
        top: 50%;
        border-radius: 50%;
        right: 0;
        background: #f7f7f7;
    }

    /*-------------- Modele page références -----------------*/
    .styleRef {
        font-size: 26px;
    }

    .ligneRef2 {
        width: 100%;
        float: left;
    }

    .ligneRef3 {
        width: 100%;
        float: left;
    }

    .marRef1 {
        margin-top: 3%;
        padding-bottom: 3%
    }

    #refDesktop {
        display: none;
    }

    #refMobile {
        display: block;
    }

    /* -------------- Rubrique contact ---------------*/
    .ContaCT_seCtion {
        padding: 50px 0 71px;
    }

    .Contact_Form_SectiON {
        padding: 50px 0 85px;
    }


    /* ----------- Menu ------------------*/
    .mean-bar {
        margin-top: -20px;
    }

    .mean-nav ul li a:hover {
        color: #48b95f;
    }

}


@media (max-width: 420px) {
    .conteneurRef {
        padding: 10px;
    }

    .padRef {
        padding: 10px;
    }

    .col-100 {
        flex-direction: column;
    }

    .glide_ref ul li img {
        height: initial;
    }

    .glide__arrow {
        font-size: 14px;
        padding: 4px 7px;
    }

    .Blog_1 h2, .Blog_2 h2 {
        font-size: 22px;
        margin: 15px 0;
    }

    .C_title_Contact h2, .wpb_wrapper h2 {
        font-size: 22px;
        margin: 15px 0;
    }

    #Agency-footer .widgets-section {
        padding: 30px 15px 15px;
    }

    .wpb_content_element {
        margin-bottom: 15px;
    }

    .header-area.stick {
        padding-top: 15px;
        width: 96%;
    }
}


/**********************************************************************************************/
/**********************************************************************************************/
/*	                                         MAIL POET                                        */
/**********************************************************************************************/
/**********************************************************************************************/

#mailpoet_form_1 .mailpoet_paragraph {
    display: inline-block !important;
    line-height: 20px;
}

/* form */
#mailpoet_form_1 .mailpoet_form {
    width: 100% !important;
    font-size: 12px !important;

}

/* inputs */
#mailpoet_form_1 .mailpoet_text {
    font-size: 12px !important;
    color: #fff !important;
    border: 0px;
    border-bottom: 1px solid #fff !important;
    padding: 3px;
    background-color: transparent !important;
    margin-right: 16px !important;
}


#mailpoet_form_1 .mailpoet_submit input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff !important;
    background-color: #49b963 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    padding: 3px !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    transition: all ease-in-out 0.4s !important;
    -webkit-transition: all ease-in-out 0.4s !important;
}

#mailpoet_form_1 .mailpoet_submit input[type="button"], input[type="reset"], input[type="submit"]:hover {
    color: #5a5a5a !important;
    background-color: #f7f7f7 !important;
}

#mailpoet_form_1 .parsley-custom-error-message {
    color: #bdbdbd;
    font-style: italic;
    font-size: 12px;
    padding-top: 5px;
}

#mailpoet_form_1 input::placeholder {
    color: #fff;
    font-size: 12px;
}

@media (max-width: 420px) {
    #mailpoet_form_1 {
        text-align: center;
    }

    #mailpoet_form_1 .mailpoet_text,
    #mailpoet_form_1 .mailpoet_textarea {
        text-align: center;
        width: 250px !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 350px) {
    #mailpoet_form_1 .mailpoet_text,
    #mailpoet_form_1 .mailpoet_textarea {
        width: 200px !important;
        margin-right: 0 !important;
    }
}


/**********************************************************************************************/
/**********************************************************************************************/
/*	                                        CARROUSELS POST                                   */
/**********************************************************************************************/
/**********************************************************************************************/
.rpc-title {
    font-weight: 700 !important;
}


.rpc-post-comment {
    display: none !important;
}

.rpc-post-category {
    display: none !important;
}

.rpc-post-title {
    padding: 5px;
}

.rpc-content {
    padding: 5px;
    line-height: 18px;
}

.slick-prev {
    margin-left: 30px;
    z-index: 5000;
}

.slick-next {
    margin-right: 33px;
}

.btStyleCarousel {
    color: #fff !important;
    background-color: #49b963;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 3px 6px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    display: inline-block;
    margin-top: 20px;
}

.btStyleCarousel:hover {
    color: #f7f7f7;
    background-color: #2a2a2a;
}