/* Sensibilisation aux besoins spécifiques des personnes âgées issues de l’immigration */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'); :root { /* Specific theme */ --theme-purple:#a72e97; --theme-fuchsia:#c5306f; } /* 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-fuchsia); } 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-purple); font-family:'Montserrat', serif; font-weight:700; margin-top:40px; } body:not(.single-sfwd-courses) #ld-content h3, body:not(.single-sfwd-courses) #ld-content h4 { color:var(--theme-fuchsia); font-family:'Montserrat', serif; font-weight:700; margin-top:30px; } body:not(.single-sfwd-courses) #ld-content ol li::marker, body:not(.single-sfwd-courses) #ld-content ul li::marker { color:var(--theme-fuchsia); } body:not(.single-sfwd-courses) #ld-content ol li::marker { font-weight:bold; } body:not(.single-sfwd-courses) #ld-content .elementor-icon svg { height:1.5em; width:1.5em; } body:not(.single-sfwd-courses) #ld-content .very-long-links a { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; } body:not(.single-sfwd-courses) #ld-content img.img-wrap { display:inline-block; float:left; margin-bottom:40px; margin-right:40px; } /* 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(--lighter-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-purple); } #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title { background:var(--theme-purple); border:0; font-weight:600 !important; } #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title a { color:var(--white); } #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:var(--white); float:right !important; text-align:right !important; } #ld-content .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { background:var(--theme-fuchsia); } #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); } /* Boite simple */ #ld-content .boite-simple-wrapper {} #ld-content .boite-simple-wrapper { margin-top:0 !important; } #ld-content .boite-simple-wrapper h2.elementor-image-box-title { margin-top:0 !important; } #ld-content .boite-simple-wrapper .elementor-image-box-content { background:var(--lighter-grey); box-shadow:0 10px 20px -10px #00000080; padding:30px; } /* Encadré */ #ld-content section[class*='encadre-'] { background:var(--lighter-grey); margin-bottom:20px; padding:40px; } #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-title { color:var(--theme-purple); 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-fuchsia); } #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-simple-wrapper' */ #ld-content .encadre-citation-wrapper {} #ld-content .encadre-citation-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg * { fill:var(--theme-fuchsia); } /* In Elementor, use 'Section interne', 'Classes CSS' -> 'encadre-objectifs-wrapper', content (description) using HTML code */ #ld-content .encadre-objectifs-wrapper { padding:0 !important; } #ld-content .encadre-objectifs-wrapper .elementor-widget-heading { margin-bottom:0 !important; } #ld-content .encadre-objectifs-wrapper .elementor-widget-heading h2 { background:var(--theme-purple); color:var(--white) !important; text-shadow:1px 2px 3px #00000080; padding:.75em; text-align:center; } #ld-content .encadre-objectifs-wrapper .elementor-widget-icon-box { margin-bottom:0 !important; } #ld-content .encadre-objectifs-wrapper .elementor-icon-box-wrapper { padding:40px; } #ld-content .encadre-objectifs-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon { margin-right:40px !important; } /* In Elementor, use 'Section interne', 'Classes CSS' -> 'encadre-module-wrapper', content (description) using HTML code */ #ld-content .encadre-module-wrapper {} #ld-content .encadre-module-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon { margin-right:40px !important; } #ld-content .encadre-module-wrapper .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg { height:3em; width:3em; } /* 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) { body:not(.single-sfwd-courses) #ld-content img.img-wrap { display:block; float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; } #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) { body:not(.single-sfwd-courses) #ld-content img.img-wrap { margin-bottom:30px; margin-right:30px; } #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) { }