/*
 Theme Name:   Betheme Child
 Theme URI:    http://dev.ondalys.fr/
 Description:  Betheme Child Theme
 Author:
 Author URI:
 Template:     betheme
 Version:      21.1.3
 License:      Themeforest Split Licence
 License URI:  https://themeforest.net/licenses/standard
 Text Domain:  betheme-child
*/


/********* TEMOIGNAGES **********/

.testimonials_slider .testimonials_slider_ul {
	opacity: 1 !important;
}

/*******TEXTS********/

.h3-left h3:after {
    margin-right: 0;
    margin-left: 0;
}

.likeH2-vert {
    font-size: 2.188rem;
    line-height: 3.125rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #00646F;
}

@media only screen and (max-width: 479px) {
    .likeH2-vert {
        font-size: 1.313rem;
        line-height: 1.875rem;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .likeH2-vert {
        font-size: 1.625rem;
        line-height: 2.375rem;
    }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .likeH2-vert {
        font-size: 1.875rem;
        line-height: 2.688rem;
    }
}

.size25-gris {
    font-size: 1.563rem;
    line-height: 2.188rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #707070;
}

@media only screen and (max-width: 479px) {
    .size25-gris {
        font-size: 0.938rem;
        line-height: 1.313rem;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .size25-gris {
        font-size: 1.188rem;
        line-height: 1.625rem;
    }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .size25-gris {
        font-size: 1.313rem;
        line-height: 1.875rem;
    }
}

h4 {
    font-size: 21px;
    font-weight: 700!important;
}

.intro {
    font-size: 16px;
    line-height: 26px;
}

@media screen and (min-width: 768px) {
    .intro {
        font-size: 18px;
        line-height: 30px;
    }
}

/**couleurs + texte**/

.color_dark h4 {
    color: #010C35!important;
}

.color_dark h3 {
    color: #010C35!important;
}

.paragraphe-vert {
    color: #00646F;
}

.paragraphe-bleunoir {
    color: #010C35;
}

.paragraphe14-vert {
    color: #00646F;
    font-size: 14px;
}

.paragraphe14-gris {
    color: #A8A8A8;
    font-size: 14px;
}

.paragraphe14-bleunoir {
    color: #010C35;
    font-size: 14px;
}

/***mega menu***/

#Top_bar .logo {
    margin-left: 0;
}

#Top_bar .menu > li > a span:not(.description) {
    padding-left: 15px;
    padding-right: 15px;
}

#Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a {
    background: none;
}

@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky {
        height: initial!important;
    }
}


/*section dark*/
.section_dark h3 {
    color: white;
}

.section_dark h3:after {
    background-color: #7FB1B7;
}

.section_dark .intro {
    color: white;
}

/*listes*/

.wpb_text_column ul {
    list-style: none;
    margin: 0;
}

.wpb_text_column ul li {
    background: url('/wp-content/uploads/2019/09/arrow-right.png') no-repeat;
    background-position: left 3px;
    background-size: 10px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.5em;
    color: #010c35;
}


.decalage-liste li {
    margin-left: 3.125rem;
}

@media only screen and (max-width: 479px) {
    .decalage-liste li {
        margin-left: 1.25rem;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .decalage-liste li {
        margin-left: 1.875rem;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .decalage-liste li {
        margin-left: 2.5rem;
    }
}

/*******BUTTONS*******/
.btn .vc_btn3.vc_btn3-style-custom {
    border-radius: 50px;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.button {
    border-radius: 50px!important;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.btn .vc_btn3.vc_btn3-style-custom:hover {
    background-color: #00646F!important;
}

.btn.btn-dark .vc_btn3.vc_btn3-style-custom:hover {
    background-color: #010c35!important;
}

.btn.btn-light .vc_btn3.vc_btn3-style-custom:hover {
    background-color: #010c35!important;
}

.btn.btn-cta .vc_btn3.vc_btn3-style-custom {
    padding: 30px 40px;
    border: 3px solid #00646F;
}

.btn.btn-cta .vc_btn3.vc_btn3-style-custom:hover {
    border: 3px solid #00646F!important;
    background-color: white!important;
    color: #00424d!important;
}

.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
    padding-left: 30px;
    padding-right: 65px;
}

.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon {
    right: 20px;
    left: initial;
}

@media screen and (max-width: 480px) {
    .vc_btn3.vc_btn3-size-md {
        font-size: 12px!important;
    }
}

.vc_btn3.vc_btn3-size-md .vc_btn3-icon {
    font-size: 38px;
    height: 42px;
    line-height: 38px;
}


/***SPACE***/
#Content {
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .vc_empty_space--hide {
        display: none;
    }
}

.wpb_wrapper > div {
    margin-bottom: 15px;
}

/*****IMAGES*****/
.image_frame {
    border: 0;
}


/****TRAILER BOX****/

.bloc__image .vc_column-inner {
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
}

.trailer_box {
    background-color: #26263E;
}

.trailer_box img {
    opacity: 0.7;
    width: 100%;
}

.trailer_box:hover img {
    opacity: 1;
}

.trailer_box h3 {
    position: relative;
}

.trailer_box h3:after {
    display: block;
    width: 100px;
    height: 3px;
    content: "";
    background-color: #00646F;
    margin-top: 25px;
    margin-right: auto ;
    margin-left: auto ;
}

.trailer_box .desc h3 {
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .trailer_box .desc h3 {
        font-size: 20px!important;
    }
}

@media screen and (min-width: 1200px) {
    .trailer_box .desc h3 {
        font-size: 25px;
    }
}

.trailer_box h3:after {
    display: none;
}

@media screen and (min-width: 1200px) {
    .trailer_box .desc {
        bottom: 25px;
    }
}

.link-more {
    margin-bottom: 0!important;
    position: absolute;
    right: 30px;
    bottom: 15px;
}

.link-more a {
    font-size: 50px!important;
    color: #00646F!important;
    padding: 0!important;
    background-color: transparent!important;
}

.link-more:hover a {
    opacity: .5;
    background-image: none!important;
}

/* trailer_box shortcode */

.trailer_box .desc h3 {
    margin:0;
    position:relative;
    bottom:0;
    line-height: 30px;
}
.trailer_box:hover .desc h3 {
    bottom: 20px;
}

.trailer_box a:after,.trailer_box .desc .subtitle,.trailer_box .desc .line,.trailer_box .desc h3 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}



/*******BLOC FORMATIONS*******/

.bloc_formations .entry-title:after {
    display: none;
}

.bloc_formations .entry-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.bloc_formations .post-head {
    display: none;
}

.bloc_formations .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
    background: none;
}

.bloc_formations .post-item {
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
    border-radius: 10px;
}

.bloc_formations .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
    background-color: rgba(255,255,255,.5);
}

.bloc_formations .post-title:after {
    background: none!important;
}

.bloc_formations--light .entry-title a {
    color: #00646F!important;
}

.bloc_formations--light .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
    background-color: rgba(0,100,111,.25);
}

.bloc_formations .post-item {
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
    border-radius: 10px;
}

/****formations autre façon****/
/*version blocs blancs*/
.bloc_formations2 .trailer_box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-transform: initial;
    color: #00646F;
}

.bloc_formations2 .trailer_box h3:after {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.bloc_formations2 .trailer_box .desc {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 0;
}

.bloc_formations2 .trailer_box .line {
    display: none;
}

.bloc_formations2 .trailer_box {
    margin-bottom: 0!important;
    background-color: transparent;
}

.bloc_formations2 .vc_column-inner {
    background-color: white;
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
    border-radius: 10px;
    padding-left: 0;
    padding-right: 0;
}

.bloc_formations2 .trailer_box:hover a:after {
    background-color: rgba(0,100,111,.25);
    border-radius: 10px;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .bloc_formations2 .trailer_box h3 {
        font-size: 16px!important;
        line-height: 26px!important;
    }
}

/*version dark*/
.bloc_formations2.bloc_formations2--dark .trailer_box h3 {
    color: #ffffff;
}

.bloc_formations2.bloc_formations2--dark .vc_column-inner {
    background-color: #00646F;
}

.bloc_formations2.bloc_formations2--dark .trailer_box:hover a:after {
    background-color: rgba(255,255,255,.25);
}


/*****BLOC ACTUS*******/

.bloc_actus {
    margin-bottom: 0!important;
}

.bloc_actus .posts_group {
    display: flex;
}

.bloc_actus .post-photo-wrapper img {
    width: 100%;
}

.bloc_actus .entry-title,
.column_blog .entry-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
}

@media screen and (min-width: 1200px) {
    .bloc_actus .entry-title,
    .column_blog .entry-title {
        font-size: 22px;
        line-height: 38px;
    }
}

.bloc_actus .entry-title:after {
    display: none;
}

.bloc_actus .entry-title a,
.column_blog .entry-title a {
    color: #010c35;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.bloc_actus .entry-title a:hover,
.column_blog .entry-title a:hover {
    color: #00646F;
}


.bloc_actus .post-desc {
    padding: 30px!important;
}

@media screen and (min-width: 1200px) {
    .bloc_actus .post-desc {
        padding: 50px!important;
    }
}

.bloc_actus .post-footer {
    display: none;
}

.column_blog .post-footer {
    background-color: transparent!important;
    border: 0;
}

.column_blog .post-footer .post-links {
    border-radius: 50px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #7FB1B7;
    color: white;
    border: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.column_blog .post-footer .post-links a {
    color: white;
}

.column_blog .post-footer .post-links a:hover {
    text-decoration: none;
}

.column_blog .post-footer .post-links:hover {
    background-color: #00646F;
}

#Filters .filters_buttons {
    background-image: none;
    background-color: rgba(0,100,111,0.15);
    border-radius: 50px;
}

.blog #Header_wrapper{
    margin-bottom: 60px;
}

.blog .post-item {
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
    border-radius: 10px;
    padding-bottom: 20px;
}

.blog .post-item .post-footer .post-links .icon-doc-text {
    display: none;
}

.blog .post-links {
    font-size: 13px;
    line-height: normal;
}


/*****BLOC PICTOS*******/
.bloc_pictos {
    margin-bottom: 0!important;
}

.bloc_pictos .wpb_text_column {
    margin-bottom: 0!important;
}

.bloc_pictos h3 {
    font-size: 21px;
}

.bloc_pictos-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bloc_pictos-bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.bloc_pictos .vc_single_image-wrapper {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .bloc-pictos-col1 .vc_column-inner,
    .bloc-pictos-col2 .vc_column-inner,
    .bloc-pictos-col3 .vc_column-inner,
    .bloc-pictos-col5 .vc_column-inner,
    .bloc-pictos-col6 .vc_column-inner,
    .bloc-pictos-col7 .vc_column-inner {
        border-right: 0!important;
        border-bottom: 1px solid rgba(38,38,62,0.15);
    }
}


/*****BLOC NEWSLETTER*******/
.bloc_newsletter h3 {
    color: white;
    line-height: 45px;
}

.bloc_newsletter label {
    color: #010c35;
    margin-left: 5px;
}

.bloc_newsletter .ginput_container_email input {
    border-radius: 50px;
    padding-left: 30px!important;
}

.bloc_newsletter .gform_button {
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}


/******FOOTER******/

footer .one-fourth:first-child aside {
    padding-top: 10px!important;
}

footer .one-fourth:first-child img {
    width: 160px;
}

footer .one-fourth ul {
    list-style: none;
    background: none;
}

footer .one-fourth:nth-child(2) .sub-menu {
    display: none;
}

footer .menu a {
    padding-top: 0!important;
}

footer .one-fourth:nth-child(4) a {
    display: inline-block;
    vertical-align: middle;
}

footer .icon-linkedin-circled:before {
    font-size: 30px;
    display: inline-block;
    width: 28px;
    height: 28px;
}

footer .icon-play:before {
    font-size: 21px;
    color: #ffffff;
    line-height: 29px;
}

footer .icon-play-bg {
    background-color: #00646F;
    border-radius: 100px;
    width: 28px;
    height: 28px;
    text-align: center;
}


/****SUBHEADER page standard***/
#Subheader .column {
    display: flex!important;
    flex-direction: column;
}

.subheader-both-left #Subheader .breadcrumbs {
    order: 0!important;
}

.subheader-both-left #Subheader h1 {
    order: 1!important;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .subheader-both-left #Subheader h1 {
        margin-top: 40px;
    }
}

/****BLOC DECALAGE TEXT IMAGE***/
.container_texts {
    margin-right: 0;
    margin-bottom: 0!important;
}

@media screen and (min-width: 768px) {
    .container_texts {
        margin-right: 50px;
    }
}

.bloc_decalage-image-alt.vc_column_container {
    align-items: start!important;
}

@media screen and (min-width: 992px) {
    .bloc_decalage-image-alt.vc_column_container {
        align-items: center!important;
    }
}

@media screen and (min-width: 992px) {
    .bloc_decalage-container-image .wpb_single_image,
    .bloc_decalage-container-image .vc_single_image-wrapper {
        margin-bottom: 0;
    }
}

.bloc_decalage-container-image {
    margin-left: 0!important;
    margin-top: -70px;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-container-image {
        margin-left: -60px!important;
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .bloc_decalage-container-image-alt {
        margin-left: 0!important;
    }
}

.bloc_decalage-container-image-alt {
    margin-top: 0;
}

.bloc_decalage-text .wpb_single_image {
    margin-bottom: 0;
}

.bloc_decalage-text-alt {
    margin-left: 0!important;
    align-items: start!important;
    z-index: 0;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-text-alt {
        margin-left: -60px!important;
    }
}

@media screen and (max-width: 767px) {
    .bloc_decalage-text-alt {
        margin-top: -50px!important;
    }

    .bloc_decalage-text-alt .vc_column-inner {
        padding-bottom: 20px!important;
    }
}

.bloc_decalage-text-alt .container_text {
    padding-left: 0!important;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-text-alt .container_text {
        padding-left: 70px!important;
    }
}

.bloc_decalage-text .wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 0!important;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-text .wpb_single_image .vc_single_image-wrapper {
        margin-bottom: 15px!important;
    }
}

.bloc_decalage-text .description p {
    font-size: 14px;
    color: #010C35!important;
}

@media screen and (max-width: 767px) {
    .bloc_decalage-text .description {
        padding: 0!important;
    }
}

.bloc_decalage-text  .wpb_content_element {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-text .description p {
        padding-bottom: 30px!important;
    }
}

.section_sliding_box img.scale-with-grid {
    width: 100%;
}

/***temoignage video***/

 /***************ATTENTION !!! pr la partie blockquote, c'est en BO > betheme > theme options > custom css, pas pu faire autrement :( */
.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    background: none!important;
}

@media screen and (max-width: 767px) {
    .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
        padding: 0!important;
    }
}

.testimonials_slider .testimonials_slider_ul li {
    padding: 0!important;
}

.testimonials_slider .hr_dots {
    display: none!important;
}

.testimonials_slider .author:before {
    content: '';
    display: block;
    height: 1px;
    width: 150px;
    background-color: #00646F;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .testimonials_slider .author:before {
        width: 300px;
    }
}

.testimonials_slider .author {
    text-align: left!important;
}

.testimonials_slider .author h5 a {
    color: #010c35!important;
    font-weight: 700;
}

.testimonials_slider .author h5 {
    color: #010c35!important;
}

.testimonials_slider .author span {
    color: #ffffff!important;
    font-weight: 600;
}

.testimonials_slider blockquote img {
    margin-right: 1.25rem;
}

@media screen and (max-width: 767px) {
    .testimonials_slider blockquote img {
        margin-right: 0;
        float: none;
        margin-left: 0;
    }
}


/**SECTION BLOCS TEXTS DECALES**/

.section_texts_decales .bloc_decalage-text > .vc_column-inner {
    padding-left: 20px!important;
    padding-right: 20px!important;
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
}

@media screen and (min-width: 768px) {
    .section_texts_decales .bloc_decalage-text > .vc_column-inner {
        padding-left: 70px!important;
        padding-right: 100px!important;
    }
}

@media screen and (max-width: 767px) {
    .bloc_decalage-textright {
        margin-left: 0;
    }
}

.bloc_decalage-textright {
    margin-left: -70px;
}

.bloc_decalage-textright .bloc_decalage-container > .vc_column-inner {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
}

@media screen and (min-width: 768px) {
    .bloc_decalage-textright .bloc_decalage-container > .vc_column-inner {
        padding-top: 70px;
        padding-left: 70px;
        padding-right: 70px;
    }
}

/**besoin d'une formation ? avec inséré un bloc trailerbox en bleu-noir**/
.bloc_decalage-container.bloc_formation-dark > .vc_column-inner {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .bloc_decalage-container.bloc_formation-dark > .vc_column-inner {
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.bloc_decalage-container.bloc_formation-dark .trailer_box {
    margin-top: 20px;
}

.bloc_decalage-container.bloc_formation-dark .trailer_box .desc h3 {
    text-transform: initial!important;
}

/****PAGE listing FORMATION***/

.datablock_container .wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 0!important;
}

.datablock_container  .wpb_wrapper > div {
    margin-bottom: 0!important;
}

.datadock-text p {
    color: #A8A8A8;
    font-weight: 700;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .datablock_container > .vc_column-inner {
        padding-bottom: 50px!important;
    }
}


/****page détail formation***/
.list_item .list_left {
    width: 60px!important;
    height: 60px!important;
    line-height: 60px!important;
    font-size: 30px!important;
    border-radius: 30px!important;
}

.list_item .list_right h4 {
    line-height: 30px!important;
    font-size: 20px!important;
}


/****PAGE FORMATEURS***/
.icons-formateurs .feature_list ul li .icon {
    width: 43px;
    height: 43px;
    background-color: white;
    border-radius: 3px;
}

.icons-formateurs .feature_list ul li .icon i {
    line-height: 43px;
    font-size: 15px;
    color: #00646F;
}

.icons-formateurs .feature_list p {
    display: none;
}

.icons-formateurs .feature_list ul li:hover, .icons-formateurs .feature_list ul li:hover a {
    background: transparent;
}

.icons-formateurs .feature_list ul li:hover .icon {
    background: #00646F;
}

.icons-formateurs .feature_list ul li:hover .icon i, .icons-formateurs .feature_list ul li:hover a .icon i {
    color: white;
}

.icons-formateurs .feature_list[data-col="6"] ul li {
    width: 43px;
    height: 43px;
    box-sizing: initial;
}

/*****accordions****/

.faq .question {
    background-color: white;
    box-shadow: 0 12px 30px 0 rgba(38,38,62,0.15);
}

.faq .question .title {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 80px;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
}

.faq .question .title > .acc-icon-plus,
.faq .question .title > .acc-icon-minus {
    font-size: 30px;
    top: 30px!important;
    left: auto!important;
    right: 30px!important;
    color: #00646F!important;
}

.faq .question:after,
.faq .question:before {
    display: none;
}


/***single post***/

.single-post .post-header .post-meta {
    display: none!important;
}

.single-post .the_content_wrapper td {
    border: 0!important;
}

table tr:first-child td {
    box-shadow: none;
}


/***post related ***/
.section-post-related {
    background-color: rgba(0,100,111,0.15);
}

.section-related-ul h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
}

@media screen and (min-width: 1200px) {
    .section-related-ul h4 {
        font-size: 20px;
        line-height: 35px;
    }
}

.section-related-ul h4 a {
    color: #010c35;
}


/****gravity form ****/
.name_first input,
.name_last input {
    margin-bottom: 5px;
}

.gfield_consent_label {
    color: #010c35;
    padding-left: 5px;
}

.ginput_container input {
    border-radius: 30px;
}