/* Accompagner les nouveaux arrivants dans la gestion du stress et de l’anxiété */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

:root {
    /* Specific theme */
    --theme-light-grey:#F6F4F5;
    --theme-pink:#F6D8EA;
    --theme-dark-pink:#C4087F;
    --theme-purple:#9C2CB9;
    --theme-dark-purple:#580156;
    --theme-dark-grey:#495464;
}





/* Generics */
#ld-content .elementor-widget-heading:first-child *
    { margin-top:0 !important; }

#ld-content .elementor-button
    { color:inherit !important; }

    #ld-content .elementor-button:active,
    #ld-content .elementor-button:focus,
    #ld-content .elementor-button:hover
        { color:var(--white) !important; text-decoration:none !important; }

body:not(.single-sfwd-courses) #ld-content
    { font-family:'Verdana', sans-serif; }

    body:not(.single-sfwd-courses) #ld-content a
        { color:var(--theme-dark-pink); }

        body:not(.single-sfwd-courses) #ld-content a:active,
        body:not(.single-sfwd-courses) #ld-content a:focus,
        body:not(.single-sfwd-courses) #ld-content a:hover
            { text-decoration:underline; }

    body:not(.single-sfwd-courses) #ld-content h2
        { color:var(--theme-dark-pink); font-family:'Montserrat', sans-serif; margin-top:40px; }

    body:not(.single-sfwd-courses) #ld-content h3
        { color:var(--theme-dark-grey); font-family:'Tahoma', sans-serif; }

    body:not(.single-sfwd-courses) #ld-content h3,
    body:not(.single-sfwd-courses) #ld-content h4
        { margin-top:30px; }





/* Accordéon */
#ld-content .elementor-accordion .elementor-accordion-item
    { border:0 !important; border-bottom:2px solid var(--white) !important; }

    #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-content
        { border:0; background:var(--theme-light-grey); padding:40px; }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-content :last-child
            { margin-bottom:0; }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-content img
            { display:block; }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-content [class*='encadre-']
            { background:transparent !important; border:4px solid var(--theme-dark-pink); }

    #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title
        { background:var(--theme-pink); border:0; font-weight:600 !important; }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title a
            { color:unset; }

            #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title a:active,
            #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title a:focus,
            #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title a:hover
                { text-decoration:none !important; }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon
            { color:unset; float:right !important; text-align:right !important; }

    #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active
        { background:var(--theme-dark-pink); }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active a
            { color:var(--white); }

        #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-icon
            { color:var(--white); }





/* Encadré */
#ld-content section[class*='encadre-']
    { background:var(--theme-light-grey); margin-bottom:20px; padding:20px; }

    #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper
        { text-align:left; }

        #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-icon
            { margin-right:20px; }

            #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon
                { background-color:transparent; font-size:60px; }

                #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg *
                    { fill:var(--theme-dark-pink); }

        #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-title
            { color:var(--theme-dark-grey); font-weight:700; margin-bottom:20px; }

        #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-description
            {}

            #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-description  a
                { color:var(--theme-dark-pink); text-decoration:underline; }

            #ld-content section[class*='encadre-'] .elementor-icon-box-wrapper .elementor-icon-box-description > :last-child
                { margin-bottom:0; }





/* In Elementor, use 'Section interne',
    'Classes CSS' -> 'encadre-simple-wrapper' */
#ld-content .encadre-simple-wrapper
    {}





/* In Elementor, use 'Section interne',
    'Classes CSS' -> 'encadre-note-wrapper',
    content (description) using HTML code */
#ld-content .encadre-note-wrapper
    {}

        #ld-content .encadre-note-wrapper .elementor-icon-box-wrapper .elementor-icon-box-title
            { display:none; }





/* In Elementor, use 'Section interne',
    'Classes CSS' -> 'encadre-ressources-wrapper',
    content (description) using HTML code */
#ld-content .encadre-ressources-wrapper
    {}





/* In Elementor, use 'Section interne',
    'Classes CSS' -> 'encadre-citation-wrapper',
    content (description) using HTML code */
#ld-content .encadre-citation-wrapper
    {}

    #ld-content .encadre-citation-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg *
        { fill:var(--theme-purple) !important; }

    #ld-content .encadre-citation-wrapper .elementor-icon-box-wrapper .elementor-icon-box-title
        { display:none; }

    #ld-content .encadre-citation-wrapper .elementor-icon-box-wrapper .elementor-icon-box-description blockquote
        { margin:0 !important; }





/* In Elementor, use 'Section interne',
    'Classes CSS' -> 'encadre-video-wrapper',
    content (description) using HTML code */
#ld-content .encadre-video-wrapper
    {}

    #ld-content .encadre-video-wrapper .elementor-widget-video
        { margin-left:-30px !important; margin-right:-30px !important; width:calc(100% + 60px) !important; }





/* Generic spacing */
#ld-content .elementor-accordion,
#ld-content .elementor-widget-image,
#ld-content section[class*='encadre-']
    { margin-bottom:50px !important; }





/* MEDIA QUERY: Mobile (<= 767px) -> Mobile breakpoint in Elementor */
@media screen and (max-width: 767px) {





    #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-content
        { padding:20px; }





    #ld-content .elementor-accordion,
    #ld-content .elementor-widget-image,
    #ld-content section[class*='encadre-']
        { margin-bottom:30px !important; }





    body:not(.single-sfwd-courses) #ld-content h2,
    body:not(.single-sfwd-courses) #ld-content h3,
    body:not(.single-sfwd-courses) #ld-content h4
        { margin-top:10px !important; }





}


/* MEDIA QUERY: Mobile, Tablet (<= 1024px) -> Mobile + tablet breakpoint in Elementor */
@media screen and (max-width: 1024px) {





}


/* MEDIA QUERY: Tablet (>= 768px wide AND <= 1024px) -> Tablet breakpoint in Elementor */
@media screen and (min-width: 768px) and (max-width: 1024px) {





    #ld-content .elementor-accordion,
    #ld-content .elementor-widget-image,
    #ld-content section[class*='encadre-']
        { margin-bottom:40px !important; }





    body:not(.single-sfwd-courses) #ld-content h2,
    body:not(.single-sfwd-courses) #ld-content h3,
    body:not(.single-sfwd-courses) #ld-content h4
        { margin-top:20px !important; }





}


/* MEDIA QUERY: Tablet, Computer (>= 768px) -> Tablet + computer breakpoint in Elementor */
@media screen and (min-width: 768px) {





}


/* MEDIA QUERY: Computer (>= 1025px) -> Computer breakpoint in Elementor */
@media screen and (min-width: 1025px) {





}