/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**** Général ****/

header {
    z-index: 1000 !important;
}

/** Logo **/
/*
@media (max-width: 767px) {
    #logo-comfirst img {
        width: 122px;
    }
}
*/

/** Header **/

@media (max-width: 767px) {

    .elementor-2737 .elementor .elementor-hidden-mobile,
    .elementor .elementor-hidden-phone {
        display: block;
    }

    .elementor-2737 .elementor-element.elementor-element-5c3d6a38 {
        width: 100%;
    }

    .elementor-2737 .elementor-element.elementor-element-5c3d6a38 .elementor-widget.elementor-mobile-align-left .elementor-icon-list-items {
        justify-content: center !important;
    }

    .elementor-2737 .elementor-element.elementor-element-5b9af5b6 {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 450px) {

    .elementor-element-758c9a6,
    .elementor-element-5c3d6a38 {
        width: 50% !important;
    }

    .elementor-element-758c9a6 .elementor-widget.elementor-mobile-align-center .elementor-icon-list-items {
        justify-content: left;
    }

    ul.elementor-icon-list-items .elementor-icon-list-text {
        line-height: 20px;
    }
}

/** Footer **/

#menu-footer a.elementor-item.elementor-item-active {
    color: #09091A !important;
}

#menu-footer a {
    padding: 0px;
}

@media (max-width: 1024px) {

    #menu-footer a {
        font-size: 16px !important;
        line-height: 24px;
    }
}

@media (max-width: 767px) {

    #menu-footer a {
        font-size: 14px !important;
        line-height: 22px;
    }
}

#lien-copyright a,
#lien-mail a {
    color: #09091A;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

#lien-copyright a:hover,
#lien-copyright a:focus,
#lien-copyright a:active,
#lien-mail a:hover,
#lien-mail a:focus,
#lien-mail a:active {
    color: #FF500D;
}

/**** Homepage ****/

/** Splitscreen **/

/** Titre fond bleu **/

.elementor-element-598d7c5f h2 {
    background-color: rgb(121, 189, 224, 0.85);
    padding: 19px 32px;
    border-radius: 50px;
    font-size: 34px !important;
    line-height: 34px !important;
}

@media (max-width: 1600px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-598d7c5f {
        left: 13%;
    }
}

@media (max-width: 1450px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-598d7c5f {
        left: 8.2%;
    }
}

@media (max-width: 1380px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-598d7c5f {
        left: 6.5%;
    }
}

@media (max-width: 1024px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-598d7c5f {
        left: 20%;
    }
}

@media (max-width: 768px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-598d7c5f {
        left: 11%;
    }
}

/** Titre fond orange **/

.elementor-element-4e5acacd h2 {
    background-color: rgb(255, 80, 13, 0.85);
    padding: 19px 32px;
    border-radius: 50px;
    font-size: 34px !important;
    line-height: 34px !important;
}

@media (max-width: 1600px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-4e5acacd {
        left: 15%;
    }
}

@media (max-width: 1450px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-4e5acacd {
        left: 10.9%;
    }
}

@media (max-width: 1380px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-4e5acacd {
        left: 10.5%;
    }
}

@media (max-width: 1024px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-4e5acacd {
        left: 23%;
    }
}

@media (max-width: 768px) {
    body:not(.rtl) .elementor-124 .elementor-element.elementor-element-4e5acacd {
        left: 14%;
    }
}

/** Popup accueil **/

.popup-message-1,
.popup-message-2,
.popup-message-3,
.popup-message-4,
.popup-message-5 {
    position: absolute !important;
    z-index: 1;
}

.elementor-element-2189158,
.elementor-element-720a9f4 {
    margin-bottom: 0px !important;
}


@media (max-width: 1600px) {

    .video-col-1 {
        width: 53% !important;
    }

    .video-col-3 {
        width: 4% !important;
    }
}

@media (max-width: 1450px) {
    .video-col-1 {
        width: 57% !important;
    }

    .video-col-3 {
        width: 0% !important;
    }

    .popup-message-1 .dialog-lightbox-widget-content {
        margin-left: 100px !important;
        margin-top: 180px !important;
    }

    .popup-message-2 .dialog-lightbox-widget-content {
        margin-left: 100px !important;
        margin-top: 360px !important;
    }

    .popup-message-3 .dialog-lightbox-widget-content {
        margin-left: 100px !important;
        margin-top: 445px !important;
    }

    .popup-message-4 .dialog-lightbox-widget-content {
        margin-left: 100px !important;
        margin-top: 556px !important;
    }

    .popup-message-5 .dialog-lightbox-widget-content {
        margin-left: 100px !important;
        margin-top: 667px !important;
    }
}

@media (max-width: 1366px) {
    .video-col-2 video {
        margin: -3px !important;
    }

    .popup-message-1 h2 {
        font-size: 52px !important;
        line-height: 56px !important;
    }

    .popup-message-1 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 170px !important;
    }

    .popup-message-2 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 315px !important;
    }

    .popup-message-3 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 400px !important;
    }

    .popup-message-4 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 511px !important;
    }

    .popup-message-5 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 622px !important;
    }

}

@media (max-width: 1300px) {
    .video-col-2 video {
        margin: -3px !important;
    }

    .popup-message-1 h2 {
        font-size: 52px !important;
        line-height: 56px !important;
    }

    .popup-message-1 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 155px !important;
    }

    .popup-message-2 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 300px !important;
    }

    .popup-message-3 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 385px !important;
    }

    .popup-message-4 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 496px !important;
    }

    .popup-message-5 .dialog-lightbox-widget-content {
        margin-left: 70px !important;
        margin-top: 607px !important;
    }

}

@media (max-width: 1299px) {

    .video-accueil,
    .popup-message-1,
    .popup-message-2,
    .popup-message-3,
    .popup-message-4,
    .popup-message-5 {
        display: none !important;
    }
}

/** Timeline **/

.twae-icon {
    margin-left: 0px !important;
}

@media only screen and (min-width: 768px) {

    .twae-vertical.twae-one-sided-wrapper:after,
    .twae-vertical.twae-one-sided-wrapper:before {
        left: 15px !important;
    }
}

@media only screen and (min-width: 768px) {
    .twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container {
        margin-left: 10% !important;
    }
}

.twae-timeline-centered.twae-one-sided-timeline:before {
    left: 26px !important;
}

@media (max-width: 768px) {
    .twae-timeline-centered.twae-one-sided-timeline:before {
        left: 22px !important;
    }
}

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

    .twae-vertical:after,
    .twae-vertical:before {
        left: 11px !important;
    }
}

.timeline-pourquoi .twae-wrapper .twae-description {
    display: none !important;
}

.timeline-pourquoi .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container .twae-title {
    margin-bottom: 0px;
}

/* Timeline orange */

.elementor-element-8cb6bc2 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container {
    box-shadow: none !important;
    border: solid 1px #c6c6c6;
    border-left: 3px solid #FF500D !important;
    background-color: white !important;
    padding: 20px !important;
    border-radius: 0px !important;
}

.elementor-element-8cb6bc2 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:after {
    border-right-color: #FF500D !important;
}

/* Timeline bleue */

.elementor-element-4713026 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container {
    box-shadow: none !important;
    border: solid 1px #c6c6c6;
    border-left: 3px solid #79BDE0 !important;
    background-color: white !important;
    padding: 20px !important;
    border-radius: 0px !important;
}

.elementor-element-4713026 .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-data-container:after {
    border-right-color: #79BDE0 !important;
}

.twae-wrapper .twae-timeline-centered .twae-icon {
    border: 1px solid #c6c6c6 !important;
}

.twae-icon i {
    color: #09091A !important;
}

.twae-wrapper .twae-line::before {
    background-color: #c6c6c6 !important;
}

.twae-timeline-centered:before {
    width: 1px !important;
}

.twae-vertical:after,
.twae-vertical:before {
    width: 15px !important;
    height: 15px !important;
}

/* Numéros timelines */

.timeline-pourquoi svg,
.timeline-comment svg {
    height: 20px;
    margin-top: 12px;
}


.timeline-pourquoi .cls-1,
.timeline-comment .cls-1 {
    fill: #09091A;
}

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

    .timeline-pourquoi svg,
    .timeline-comment svg {
        margin-top: 9px;
    }
}

.elementor-element-64c357d {
    pointer-events: none !important;
}

/** Section carousel témoignages **/

@media (max-width: 767px) {
    .elementor-testimonial__image img {
        width: 50px !important;
        height: 50px !important;
    }
}

/** Section FAQ **/

.elementor-element-3340c4a1 .elementor-tab-content a {
    font-weight: 400;
    color: #FF500D;
}

/**** Pricing ****/

#liste-offres-1 {
    display: none;
}

.prix-pack .elementor-headline-plain-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}

@media (max-width: 1600px) {
    .elementor-widget-hotspot {
        display: none !important;
    }
}

.liste-pack p {
    font-size: 14px;
    margin-bottom: 10px;
}

.liste-pleine-largeur {
    margin-bottom: 0px !important;
}

.elementor-button .bouton-minuscule {
    text-transform: lowercase;
    font-weight: 300;
}

.reseaux-sociaux svg,
.google-ads svg {
    display: none;
}

@media (max-width: 767px) {
    .elementor-widget-button .elementor-widget-container {
        margin: 0% !important;
    }
}

@media (min-width: 768px) {

    #boostez-vos-reseaux-sociaux,
    #google-ads {
        height: fit-content;
    }
}

#mention-hors-budget-pub .elementor-icon-list-items {
    width: 155px;
    margin: auto;
}

.slick-dots li {
    background-color: #FF500D !important;
    width: 243px !important;
    height: 46px !important;
}

/***************************************/

.new-prix-pack .elementor-headline-dynamic-text {
    font-size: 45px;
}

.new-prix-pack svg {
    display: none;
}

@media (min-width: 768px) {

    .elementor-element-e626d74,
    .elementor-element-60cad532,
    .elementor-element-7b695d76,
    .elementor-element-3b3f5867 {
        width: 50% !important;
    }
}

/**** Navigation onglets ****/

/* General */

.navigation-onglets .elementor-widget-icon {
    text-align: center;
}

.navigation-onglets .elementor-tab-title i {
    color: #79BDE0;
    font-size: 39px;
}


.navigation-onglets .elementor-active i {
    color: #FF500D;
    font-size: 39px;
}

.navigation-onglets .elementor-tab-title h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 40px;
}

.navigation-onglets .elementor-tab-title h3 {
    font-size: 54px;
    line-height: 55px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}

.navigation-onglets .elementor-tab-title h3 span {
    font-size: 24px;
    line-height: 60px;
    font-weight: 400;
}

.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 20px 20px !important;
}

.navigation-onglets .elementor-tab-title h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 12.6px;
    text-align: center;
    color: #79BDE0;
}

.navigation-onglets .elementor-active h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 12.6px;
    text-align: center;
    color: #FF500D;
}

@media (max-width: 767px) {
    .elementor-widget-tabs .elementor-tab-mobile-title {
        padding: 20px !important;
    }

    .navigation-onglets .elementor-tab-title h2 {
        font-size: 25px;
        line-height: 29px;
    }

    .navigation-onglets .elementor-tab-title h3 {
        font-size: 45px;
        line-height: 48px !important;
    }
}

/* Tableaux */

.tablepress td {
    text-align: left;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0px;
}

.conteneur-bouton,
.conteneur-bouton-detail-offre {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.conteneur-bouton-detail-offre a {
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    fill: #09091A !important;
    color: #09091A !important;
    background-color: #F0F0F0;
    border-radius: 0px 0px 0px 0px;
    padding: 12px 25px 12px 25px;
}

.conteneur-bouton a {
    font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #ff500d;
    border-radius: 0px 0px 0px 0px;
    padding: 12px 25px 12px 25px;
}

.baseline-a-la-carte {
    text-align: center;
    color: #09091A;
    font-family: "Poppins", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
}

/**** Paiement ****/

.texte-renseignements h5 {
    color: white;
}

/**** Page Checkout Stripe ****/

.asp-thank-you-page-msg1 {
    display: none;
}

.asp-thank-you-page-msg2 {
    font-weight: 400;
}

.asp-thank-you-page-msg-wrap {
    background-color: #F0F0F0 !important;
    border: none !important;
    border-radius: 0px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    padding: 20px !important;
}

/**** Page Plan du site ****/

#plan-du-site h2 {
    display: none;
}

#plan-du-site li a:hover {
    color: #FF500D;
}

/**** Page Mentions légales ****/

#mentions-legales a {
    color: #09091A;
    font-weight: 400;
}

#mentions-legales a:hover {
    color: #FF500D;
}

@media (max-width: 767px) {
    h3 {
        line-height: 32px !important;
    }
}

/**** Page Félicitations - Calendly ****/

@media (max-width: 767px) {
    .calendly-inline-widget {
        width: 500px;
        margin: auto;
    }
}

@media (max-width: 500px) {
    .calendly-inline-widget {
        width: inherit;
    }
}

/*** Barre cookies ***/

#cn-accept-cookie {
    border-radius: 15px !important;
    font-family: 'Archivo', sans-serif !important;
    font-weight: 600 !important;
    background-color: white !important;
    font-size: 14px !important;
    color: #FF500D !important;
}

#cn-notice-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.cn-close-icon:before,
.cn-close-icon:after {
    background-color: white;

}

.cn-close-icon {
    opacity: 1 !important;
}

.cookie-notice-container {
    padding: 10px 20px;
}
