/*
Theme Name: EpiConcept ONG
Description: Theme for Epiconcept ONG
Author: Fabrice FRANK
Theme URI: https://www.infostrategie.com/
Author URI: https://www.infostrategie.com/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
:root {
    --orange : #ec6424;
    --jaune : #ffe100;
    --bleutresclair: #dafcff;
    --bleuclair: #00edff;
    --bleu : #3c71a4;
    --verttresclair : #ecfee1;
    --vertclairsaga : #97fd5c; 
    --vertsaga : #32a03c;
    --vertstock : #00fd9f;
    --vertstockfonce : #6cc090;
    --vertstockfonce2 : #116346;
    --vertstockfond: #dafff1;
}
a, img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: 0.3s ease;
    transition: all 0.3s ease;
}
p {
    font-size: 20px;
    line-height:25px;
    font-family: "Source Sans 3" !important;
}
* {
    letter-spacing: 0px !important;
}
.header-background::before {
    background-color: var(--orange) !important;
}
.header-wrapper, .header-background, .thegem-template-wrapper.thegem-template-header.thegem-template-14 {
  height: 84px;
}
.logo .tgp-exclude.default {
  width: 302px !important;
  height: 86px !important;
}
#site-header .primary-navigation, #site-header #perspective-menu-buttons {
  text-align: center    ;
}
#menu-main-menu, #menu-main-menu-1 {
    position: relative;
    top: -13px;
    width: 180%;
    margin-left: -17%;    
    z-index: 1;
}
.sub-menu.styled.dl-submenu {
    background:var(--orange);
    width: 120%;
    border-radius: 0 0 10px 10px;    
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
    border:none !important;
}
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a::before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a::before, .thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a::before, .thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a::before { 
    display:none;
}
#menu-main-menu a:hover {
    color:var(--jaune) !important;
}
ul.epi_lang {
  list-style: none;  
  padding: 0;
  margin: 0 0 2px 0;
  position: relative;
  top: 4px;
  width:30px;
}
.epi_youtube {
  margin-top: 2px;
  margin-left: 10px;
}
.epi_lang li{
    display:none;
}
.epi_lang li.current {
    display:block;
}
.epi_lang li a {
    color: var(--jaune);
    font-weight: 600;
    font-size: 18px;
    line-height:21px;
}
.epi_lang li:nth-child(2) {
    padding-top:2px;
}
ul.epi_lang:hover li {
    display:block;
}
.epi_linkedin img {
    height:20px !important;
}
.epi_youtube img {
    height:18px !important;
    margin-top:2px;
}
.epi_youtube img.hover {
    margin-top: 7px;
}
.epi_linkedin img.hover {
    margin-top:3px;
}
a.epi_contacts {
    padding:9px 17px 8px 17px;
    color:var(--orange) !important;
    background:var(--jaune);
    border-radius: 10px;
    text-transform:uppercase;  
    font-size: 18px;
    font-weight: 600;
    position: relative;
    top: 4px;  
    margin-left: 25px;
}
a.epi_contacts:hover {
    color:var(--orange) !important;
    background:white;
}
.epi_top_widget {
    display:inline-block;
    vertical-align:bottom;
    height:15px;  
    position: relative;
    top: -26px;
}
.thegem-menu-custom ul.nav-menu-custom li > a .text {
  text-transform: uppercase;
}
.epi_lang a:hover {
    color:white !important;
}
.epi_youtube .hover, .epi_linkedin .hover {
    display:none;
}
.epi_youtube:hover .hover, .epi_linkedin:hover .hover {
    display:block;
}
.epi_youtube:hover .nover, .epi_linkedin:hover .nover {
    display:none;
}
#rev_slider_1_1_forcefullwidth rs-slide {
  max-width: 1400px;
  text-align: center;
  margin-left: 50%;
  transform: translateX(-50%);
}
.epi_slider_content {
    width:32.5vw;
    background:white;
    box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.1), -8px -8px 15px 0px rgba(0,0,0,0.1);
    text-align:center !important;
    font-family: "Source Sans 3" !important;
    border-radius: 1.4vw !important;
    padding: 1.5vw 0 2.9vw 0!important;
}
.epi_team_member, .epi_ref, .epi_shadow {
    box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.1), -8px -8px 15px 0px rgba(0,0,0,0.1);
    border-radius: 25px !important;
}
.epi_slider_content h2,.epi_slider_content p,.epi_slider_content a {
    font-family: "Source Sans 3" !important;
    text-align:center !important;
}
.epi_slider_content img {
    width: 20vw;
    margin: 0 auto;
}
.epi_slider_content h2 {
    font-size: 2.6vw;
    line-height: 3.12vw !important;
    text-transform: none !important;
    font-weight: 700 !important;
    margin: 1.2vw 0 0.3vw 0 !important;
    color: black;
}
.epi_slider_content p {
    font-size: 1vw;
    font-weight: 700;
    color:black;
    margin-bottom: 2.5vw !important;
}
.epi_slider_content a {
    padding: 0.60vw 3.15vw 0.55vw 3.15vw !important;
    background:var(--jaune);
    color:black;
    border-radius: 1vw;
    font-size: 1.2vw;
    font-weight: 700;
    text-transform: uppercase;

}
.epi_slider_content a:hover {
    background:var(--orange);
    color:white;
}
.elementor-button.elementor-button-link.elementor-size-sm {
  background: var(--jaune);
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 13px 30px;     
  font-size: 15px;
  line-height: 15px;
  position: relative;
  z-index: 1;
}
.elementor-button.elementor-button-link.elementor-size-sm:hover {
  background: var(--orange);
  color: white;
}
.epi_gradient_blue_top, .epi_gradient_blue_bottom, .epi_gradient_yellow_top, .epi_gradient_yellow_bottom, .epi_gradient_green_top, .epi_gradient_green_bottom , .epi_gradient_green_stock_top, .epi_gradient_green_stock_bottom {
    background: #fffffe;
}
.epi_gradient_blue_top, .epi_gradient_yellow_top, .epi_gradient_green_top, .epi_gradient_green_stock_top {
    padding-top:50px !important;
}
.epi_gradient_blue_bottom, .epi_gradient_yellow_bottom, .epi_gradient_green_bottom, .epi_gradient_green_stock_bottom {
    padding-bottom:50px !important;
}
.epi_gradient_yellow_top:before {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 225, 0, 0.2) 100%);
    content: "" !important;
    height:50px !important;
    width:100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.epi_gradient_yellow_bottom:after{   
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 225, 0, 0.2) 100%);
    content: "";
    height:50px;
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
}
.epi_gradient_green_top:before {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(151, 253, 92, 0.2) 100%);
    content: "" !important;
    height:50px !important;
    width:100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.epi_gradient_green_bottom:after{   
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(151, 253, 92, 0.2) 100%);
    content: "";
    height:50px;
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
}
.epi_gradient_green_stock_top:before {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(201, 255, 236, 0.7) 100%);
    content: "" !important;
    height:50px !important;
    width:100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.epi_gradient_green_stock_bottom:after{   
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(201, 255, 236, 0.7) 100%);
    content: "";
    height:50px;
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
}
.epi_gradient_blue_top:before {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(193, 250, 255, 0.6) 100%);
    content: "" !important;
    height:50px !important;
    width:100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.epi_gradient_blue_bottom:after{   
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(193, 250, 255, 0.6) 100%);
    content: "";
    height:50px;
    width:100%;
    position: absolute;
    left:0;
    bottom:0;
}
.epi_title_orange h2 {
    color: var(--orange);
    font-size: 30px;
    line-height: 40px !important;
    text-transform: none;
    font-family: "Source Sans 3" !important;
    letter-spacing: 0;
}
.epi_button_orange a {
    background:var(--orange) !important;
    color:white !important;
}
.epi_button_orange a:hover {
    background:var(--jaune) !important;
    color:black !important;
}
.epi_title_green h2, blockquote {
    color: var(--vertsaga);
    font-size: 30px;
    line-height:35px !important;
    text-transform: none;
    font-family: "Source Sans 3" !important;
}
.epi_title_green a {
    background:var(--orange) !important;
    color:white !important;
}
.epi_title_green a:hover {
    background:var(--vertclairsaga) !important;
    color:black !important;
}
.epi_button_greenstock  a {
    background:var(--vertstock) !important;
    color:black !important;
}
.epi_button_greenstock  a:hover {
    background:var(--vertstockfonce2) !important;
    color:white275 !important;
}
.epi_avantage {
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.05), -10px -10px 15px 0px rgba(0,0,0,0.05);        
    border-radius: 15px !important;
}
.epi_third_shadow {
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.05), -10px -10px 15px 0px rgba(0,0,0,0.05);    
    border-radius: 25px !important;
}
.epi_button_lightblue a {
    background: var(--bleuclair) !important;
    color:black !important;
}
.epi_button_lightblue a:hover {
    background: var(--bleu) !important;
    color:white !important;
}

.epi_button_lightgreen a, .epi_change_button_lightgreen .epi_button_style_3  a {
    background: var(--vertclairsaga) !important;
    color:black !important;
}
.epi_button_lightgreen a:hover, .epi_gradient_green_top .epi_button_style_3  a:hover {
    background: var(--vertsaga) !important;
    color:white !important;
}
.epi_cta_orange {
    background: var(--orange);  
}
.epi_cta_orange a:hover {
    background:white !important;
    color:var(--orange) !important;
}
.epi_cta_orange h2 {
    color:white !important;
    font-size: 30px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    text-transform:none !important;
}
.sk-header-bottom, .sk-header-details, .sk_branding, .sk_branding a, .sk-posts-footer, .sk-posts-header {
    display:none !important;
}
.sk-post-item, .sk-posts-body, .sk-posts-body .sk-posts-masonry {
  padding-top: 0 !important;
}
.sk-posts-body {
    height:400px;
    overflow-x: scroll;
}
footer .fullwidth-content {
    background:var(--orange);
    padding: 60px 0 50px 0;
}
footer p {
    font-size: 18px;
    line-height: 22px;
}
footer p, footer a {
    color:white;
}
footer a:hover {
    color: var(--jaune);
}
.epi_soft_intro_content {
    margin-top:7.5vw!important;
    background:white;
    border-radius: 1.4vw !important;
    box-shadow:  10px 10px 15px 0px rgba(0,0,0,0.05), -10px -10px 15px 0px rgba(0,0,0,0.05);    
    padding:20px !important;
}
.epi_teaser {
    border-radius:15px !important;
    box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.1), -8px -8px 15px 0px rgba(0,0,0,0.1);;  
}
.epi_teaser_lightgreen {
    border-radius: 15px !important;
    background:var(--verttresclair);
    /*padding:15px 30px;*/
}
.epi_teaser_lightblue {
    border-radius: 15px !important;
    background:var(--bleutresclair);
    /*padding:15px 30px;*/
}
.epi_teaser_stockgreen {
    border-radius: 15px !important;
    background:var(--vertstockfond);
    /*padding:15px 30px;*/
}
.epi_feature_row {
    margin-top:15px;
    margin-bottom:15px;
}
.elementor-element-509ab15 .elementor-widget-image a img[src$=".svg"] {
    width:auto !important;
}
.elementor-element-4b0c987 a:hover {
    color:white !important;
}
blockquote {
  background: transparent !important;
  font-size: 30px !important;
  line-height: 35px !important;
  color:var(--vertsaga) !important;
}
blockquote::before, blockquote::after, body .gem-quote.default-background::after {
    color: var(--vertclairsaga) !important;
    font-size: 175px !important;    
    font-weight: normal;
    font-family: "Source Sans 3" !important;
    font-style: normal;
}
blockquote:before {    
    content: '\201c' !important;
    position: absolute;
    left: 0;
}
blockquote:after {    
    content: '\201d' !important;
    position: absolute;
    bottom: 0;
}
.page-id-1241 .epi_button_style_3 a, .page-id-1125 .epi_button_style_3 a {
    background: var(--bleuclair) !important;
}
.page-id-1241 .epi_button_style_3 a:hover, .page-id-1125 .epi_button_style_3 a:hover {
    background: var(--bleu) !important;
    color:white !important;
}
.page-id-1241 blockquote::before, .page-id-1241 blockquote::after, .page-id-1241  .gem-quote.default-background::after, .page-id-1125 blockquote::before, .page-id-1125 blockquote::after, .page-id-1125  .gem-quote.default-background::after {
    color: var(--bleuclair) !important;
}
.page-id-1117 blockquote::before, .page-id-1117 blockquote::after, .page-id-1117 .gem-quote.default-background::after {
    color: var(--vertstock) !important;
}
.elementor-element-2a544c5.epi_button_style_3 a {
    background: var(--jaune) !important;
}
.elementor-element-2a544c5.epi_button_style_3 a:hover {
    background: var(--jaune) !important;
    color: var(--orange) !important;
}
.epi_button_greenstock  a:hover, .page-id-1117 .elementor-element-5839778.epi_button_style_3  a:hover {
    background: var(--vertstockfonce2) !important;
    color:white !important;
}
.lockquote::before{
  position: absolute;
  font-family: thegem-icons;
  font-style: normal;
  content: '\e60b';
  font-size: 76px;
  line-height: 64px;
  font-weight: normal;
  left: 0;
}
blockquote::after{
    position:absolute;
    bottom: -30px !important;
}
.epi_soft {
    min-height:170px;
}               
.epi_slider_content_wrapper {
  position: relative;            
  right: 29vw;
  margin-top: 0vw !important;
}
.epi_soft_intro_mobile_top {
    top: 30px;
}
.epi_soft_intro_mobile_bottom .epi_soft_intro_content {
    border-radius: 25px !important;
}
.epi_soft_intro_mobile_bottom {
    top:-15vw;
}
.elementor-14 .elementor-element.elementor-element-6782c11 .thegem-te-menu-secondary-nav ul.nav-menu > li a, .elementor-14 .elementor-element.elementor-element-6782c11 .thegem-te-menu-secondary-dropdown .dropdown-item__wrapper ul li a, .elementor-14 .elementor-element.elementor-element-6782c11 .thegem-te-menu-secondary-dropdown .dropdown-item__current {
    font-size: 18px !important;
    line-height: 37px !important;
    font-weight: 600 !important;
}
.epi_linkedin {
  margin-left: 4px;
}
.epi_slider_content img {
  width: 15.9vw;
  height: auto;
}      
footer .epi_contacts {
  margin-left: 0;
}
.epi_footer_logo img {
    width: 247px !important;
    height: auto !important;
    margin-top: 5px;
}
footer .nav-menu-custom {
  margin-top: -10px !important;
}
footer .fullwidth-content {
  background: var(--orange);
  padding: 60px 0 50px 0;
    padding-bottom: 50px;
}
.epi_border {
    border-radius: 10px !important;
}
.epi_button_style_2 a, .epi_button_style_3 a {
    width: 156px !important;
    height: 51px !important;
}
.epi_button_style_twolines .elementor-button-text {
    margin-top: -2px;    
}
.epi_button_style_2 a span.elementor-button-content-wrapper {
    line-height: 28px;
}
ul.sub-menu li a {
    width:100%;
    text-align:center;
    display:block !important;
}
.epi_1440 {
    width: 1440px !important;
    max-width: 1440px !important;
    left: 50%;
    transform: translateX(-50%);
}
.epi_1440_2 {
    width: 1440px !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
}
.epi_soft_intro_image img {
    margin-top: 2.6vw;
    margin-left: 1.5vw;
}
.epi_1440.e-con>.e-con-inner {
    width:100% !important;
}
.epi_menu_toggle img {
    width: 38px;
    height: 36px;
    cursor:pointer;
}

header#site-header {
    position: fixed;
    width: 100%;
    height: 84px;
    z-index: 10;
    top: 0;
}
body:not(.rtl) .elementor-14 .elementor-element.elementor-element-6db8e5d {
    left: auto !important;
    right: 0;
    margin-top: 18px;
}
#main {
    margin-top: 84px;
}
.epi_slider_mobile {
    display:none !important;
}
.epi_img_120 img {
    width: 120px;
    height:120px;
    min-width: 120px;
}
rs-bullet.tp-bullet {
    height: 13px;
    width: 13px;
    border-radius: 13px;
    background: #dcdcdc !important;
}
rs-bullet.tp-bullet.selected {
    background:var(--jaune) !important;
}
.epi_button_light_green {
    background: var(--vertclairsaga) !important;
}
.epi_button_light_green:hover {
    background: var(--vertsaga) !important;
}
.epi_button_light_blue {
    background: var(--bleuclair) !important;
}
.epi_button_light_blue:hover {
    background: var(--bleu) !important;
}
.epi_button_green_stock {
    background: var(--vertstock) !important;
}
.epi_button_green_stock:hover {
    background: var(--vertstockfonce2) !important;
}
.epi_slide_stock img {
    width: auto !important;
    height: 65vh !important;
    top: 1vh !important;
}
.epi_slide_homere img {
    width: auto !important;
    height: 94vh !important;
    position:relative;
    top: 12vh !important;
}
.epi_stock_green_button .epi_button_style_3 a{
    background: var(--vertstock) !important;
}
.e-n-tab-title {
    font-size: 30px !important;
    font-weight: 700;
    color: #CCC !important;
    text-transform: uppercase;
    background:transparent  !important;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    color: var(--orange) !important;
}
.elementor-widget-n-tabs .e-n-tab-title-text {
    font-size: 30px !important;
}

.epi_tab_img img {
    float: right;
    margin-top: -80px;
}
.epi_tab_img img {
    float: right;
    margin-top: -80px;
}
button#e-n-tab-title-348076151 {
    padding-left: 0;
}
span.yellow {
    color:var(--jaune) !important;
}
ul.epi_ul_advantages li {
    margin-bottom: 20px;
}
aide#text-2 {
    width: 250px;
}
.epi_copyright a {
    color:var(--jaune) !important;
}
.epi_copyright a:hover {
    color:white !important;
}
.wpcf7-form label.epi_contact_select {
    display: flex;
}
.wpcf7-form label.epi_contact_select, .wpcf7-form input[type="text"] , .wpcf7-form input[type="tel"] , .wpcf7-form input[type="email"] , .wpcf7-form textarea {
    display: flex;
    font-size: 25px !important;
    color:black !important;
    border-radius: 10px;
    box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.1), -8px -8px 15px 0px rgba(0,0,0,0.1);   
    background-color:white; 
}
.wpcf7-form input[type="text"] , .wpcf7-form input[type="tel"] , .wpcf7-form input[type="email"] , .wpcf7-form textarea {
    margin-bottom: 0 !important;
}
.wpcf7-form input::placeholder , .wpcf7-form textarea::placeholder {
    color:black !important;
}
.wpcf7-form label.epi_contact_select .combobox-wrapper {
    width:300px;
    float:right;
}
.wpcf7-form label.epi_contact_select .wpcf7-form-control-wrap {
    margin-bottom: 0 !important;
}
.wpcf7-form label.epi_contact_select {
    width: 100% !important;
    vertical-align:middle;
    flex: 100%;
    padding: 10px 20px;
}
.epi_contact_select_label {
    margin-top: 15px;
}
.epi_contact_select select {
    border-width: 0px !important;
    font-size: 25px !important;
    color:black !important;
}
.wpcf7-form  .wpcf7-form-control-wrap {
    width: 50%;
    flex: 50%;
}
.epi_a_orange a {
    color:var(--orange);
}
.epi_a_orange a:hover {
    color:var(--jaune);
}
label.epi_contact_select {
    margin-bottom: 30px !important;
}
.wpcf7-submit {
    background-color:var(--orange) !important;
    border-radius: 10px !important;
    font-family: "Source Sans 3" !important;
}
.epi_legal a {
    color:var(--orange) !important;
}
.epi_legal a:hover {
    color:var(--jaune) !important;
}
.epi_contact_saga .wpcf7-submit {
    background-color:var(--vertsaga) !important;
}
.epi_contact_saga_stock .wpcf7-submit {
    background-color:#116446 !important;
}
.epi_contact_homere_connect .wpcf7-submit {
    background-color:#3c71a4 !important;
}
.epi_contact_homere_classic .wpcf7-submit {
    background-color:#3c71a4 !important;
}
.epi_shadow {
    overflow: hidden !important;
}
.epi_slider_logo_saga {    
    width: 15vw !important;
    
}
.epi_soft_intro_box_homere_classic {
    margin-top: -80px !important;
    margin-bottom: 80px !important;
}
.epi_slider_logo_sagastock {
    width: 12vw !important;    
}
.epi_soft_intro_content_homereconnect {
    margin-top: 2vw !important;
}
.epi_soft_intro_content ul, .epi_ul_nomargin ul {
    margin-top: 0;
    margin-bottom: 0;
}
.epi_image_soon {
    width:190px !important;
    height: 120px !important;
}
.epi_service_additionels a.elementor-button-link {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.sk-post-userpic img {
  opacity: 0 !important;
}  
.sk-post-userpic {
    background: url(/wp-content/uploads/2025/09/Logo-Epiconcept-ONG.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center center;
}
.page-id-17 .epi_change_button_lightgreen .epi_button_style_3 a:hover {
  background: var(--vertsaga) !important;
  color: white !important;
}
.epi_mobile_langs {
    position: fixed;
    top: 45px;
    left: 14px;    
}
@media only screen and (max-width:1440px) {    
    .epi_1440, .epi_1440_2 {
        width: 100vw !important;
        max-width: 100vw !important;
        left:0;
        transform: none;
    }
    .rs-parallax-wrap {
      margin-left: 33%;
      transform: translateX(-50%);
    }
    .elementor-17 .elementor-element.elementor-element-9802899 {
        right: 150px;
        width: 40%;
    }
}
@media only screen and (max-width:1280px) {  
    .elementor-17 .elementor-element.elementor-element-9802899 {
        right: 350px;
        width: 40%;
    }
}
@media only screen and (max-width:1080px) {  
    .epi_third_shadow_title {
        min-height: 140px;
    }     
    
    .epi_soft_intro_box {
        position: absolute;
        top: 50vw;
        width: 90vw !important;
        left: 5vw;
    }
    .epi_soft_intro.epi_1440 {
        padding: 0 !important;
        margin: 0 !important;
    }
    /*.epi_soft_intro.epi_1440 {
        background-position: center top !important;
        background-size: 70% !important;
        height: 90vw;
    }
    .epi_soft_intro_image img {        
        position: absolute;
        top: -23vw;
        margin-left: 16.9vw;
    }    
    .epi_soft_intro_content {        
        width: 80vw !important;
        position: absolute !important;
        right: auto !important;
        top: -15vw !important;
        left: -12vw !important;
    }*/
    .epi_advantages {
        max-width: 100%;
    }
    .epi_advantages {
        display:table !important;
    }
    .epi_advantages .e-con-full {
        display: block !important;
        width: 100vw !important;
        margin-bottom: 50px;
        text-align: center;        
    }
    .epi_teaser_lightgreen img, .epi_teaser_lightblue img, .epi_teaser_stockgreen img {    
        width: 120px;
    }
    .epi_teaser_lightblue, .epi_teaser_lightgreen, .epi_teaser_stockgreen {
        width: 90% !important;
        margin-right: 5% !important;
        margin-left: 5% !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(1) {
        width: 30% !important;        
        flex: 30% !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(2) {
        width: 70% !important;        
        flex: 70% !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(3) {
        width: 100% !important;   
        flex: 100% !important;
    }
}
@media only screen and (max-width:1024px) {  
    .elementor-element-418f245 img, .elementor-element-418f245 img {
        margin-top: 5px;
        position: relative;
        z-index: 5;
    }      
    .epi_mznu_toggle_container {
        margin-top: -30px;
    }    
    .elementor-element-6782c11 {
        position: fixed !important;
        z-index:4;
        top: 84px;
        left: 0;
        right: 0;
        border: 0;
        background: var(--orange);
        width: 100vw !important;
        height: calc(100vh - 84px) !important;
        display:none;
    }    
    .elementor-element-6782c11.open {
        display:block;
    }    
    .thegem-te-menu-secondary {
        /*padding: 30px;*/
    }    
    ul.nav-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        overflow: hidden;
    }    
    #menu-main-menu, #menu-main-menu-1 {
        margin: 0 !important;
        width: 100% !important;
    }
    ul.nav-menu li#menu-item-229 a {
        border-top: 1px solid var(--jaune);
    }    
    ul.nav-menu li#menu-item-229 ul.sub-menu a {
        border-top: none;
    }    
    ul.nav-menu li a {
        padding: 15px 0;
        width: 100%;
        text-align: center;
        display: block !important;
        border-bottom: 1px solid var(--jaune);
    }    
    ul.nav-menu li.menu-item-1293 a {
        border-top: 1px solid var(--jaune);
    }    
    ul.nav-menu li .sub-menu a, ul.nav-menu li.menu-item-229 a {
        border-bottom: none;
        padding-bottom:0;
    }
    ul.nav-menu li .sub-menu a {
        font-size: 16px !important;
        padding: 5px 0;
    }
    ul.sub-menu.styled.dl-submenu {
        visibility: visible;
        opacity: 1;
        margin: 0;        
        padding: 0 !important;        
        max-width: 100%;
    }    
    .dropdown-item__current {
        display: none !important;
    }    
    .dropdown-item__wrapper {
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        background: var(--orange) !important;
        box-shadow: none !important;
        max-height: calc(100vh - 60px) !important;
        overflow-y: scroll !important;
        top: 0 !important;
        width: 100vw !important;
        padding: 30px !important;
        left: 15px !important;
        height: calc(100vh - 60px) !important;
        display: none;
    }    
    .dropdown-item__wrapper.open {
        display:block;
    }
    .elementor-element-ccbd5ce {
        position: fixed !important;
        left: 0;
    }    
    ul#menu-main-menu-1 {
        border-top: 1px solid var(--jaune);
        margin-top: 20px !important;
    }
    .dropdown-item {
        color:var(--orange);
    }
}
@media only screen and (max-width:767px) {  
    .elementor-widget-n-tabs .e-n-tabs-heading {
        display: block !important;
        flex-basis : unset !important;
    }
    .e-n-tabs-heading button {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }
    .epi_tab_img img {
        margin-top: 0 !important;
    }
    .elementor-element.elementor-element-509ab15.e-con-full.thegem-e-con-layout-thegem.e-flex.e-con.e-child {
        width: 289px;
        margin: 12px auto;
    }    
    .epi_mznu_toggle_container {
        position: fixed;
        top: 56px;
        right: 14px;
    }
    .dropdown-item {
        position: relative;
        top: -100px;
    }
    .epi_third_shadow_title {
        min-height: 0;
    }
    footer .thegem-menu-custom ul.nav-menu-custom li > a {    
        text-align: center;
        display: block !important;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .epi_slider_desktop {
        display:none !important;
    }
    .epi_slider_mobile {
        display:block !important;
    }  
    .rs-parallax-wrap {
        margin-left: auto;
        transform: none;
    }
    .epi_slider_content_wrapper {
        right: auto;
        left: 10%;
        bottom: 32px;
    }
    .epi_slider_content {
        width:80%;        
        font-family: "Source Sans 3" !important;
        border-radius: 25px !important;
        padding: 20px 30px 40px 30px !important;
    }
    .epi_slider_content img {
        width: 80%;
        margin: 0 auto;
    }
    .epi_slider_content h2 {
        font-size: 26px;
        line-height: 28px !important;
        margin: 20px 0 20px 0 !important;
    }
    .epi_slider_content p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 40px !important;
        white-space: wrap;
    }
    .epi_slider_content a {
        padding: 12px 40px !important;
        border-radius: 10px !important;
        font-size: 18px;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(1) {
        width: 30% !important;        
        flex: 30% !important;
        flex-grow: 1 !important;
        padding: 0 !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(2) {
        width: 70% !important;        
        flex: 70% !important;
        flex-grow: 1 !important;        
        padding: 0 !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(3) {
        width: 100% !important;   
        flex: 100% !important;
        flex-grow: 1 !important;        
        padding: 0 !important;
    }
    .epi_teaser_lightgreen, .epi_teaser_stockgreen, .epi_teaser_lightblue {
        padding-left:10px !important;
        padding-right:10px !important;
    }
    /*.epi_soft_intro.epi_1440 {
        background-size: 90% !important;               
        height: 224vw !important; 
    }
    .epi_soft_intro_image img {
        top: -22vw;
        width: 12vw;
        margin: 0;
        right: 38vw;
    }*/
    /*.epi_soft_intro_content {
        width: 90vw !important;
        position: absolute !important;
        top: -95vw !important;
        left: 55vw !important;
        right: auto !important;
    }*/
    .epi_soft_intro_content h1 {
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .epi_soft_intro_content p {
        font-size: 17px !important;
        line-height: 21px !important;
    }
    .epi_soft_intro_content img {
        width: 165px !important;
    }    
    .epi_soft_intro_image img {
        max-width: 13vw !important;
    }
}
@media only screen and (max-width:640px) {
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(1), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(1) {
        width: 100% !important;        
        flex: 100% !important;
        flex-grow: 1 !important;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(2), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(2) {
        width: 100% !important;        
        flex: 100% !important;
        flex-grow: 1 !important;
        text-align:center;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(2) p, .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(2) p, .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(2) p {
        text-align:center;
    }
    .epi_teaser_lightblue .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_lightgreen .epi_feature_row .e-con-full:nth-child(3), .epi_teaser_stockgreen .epi_feature_row .e-con-full:nth-child(3) {
        width: 100% !important;        
        flex: 100% !important;
        flex-grow: 1 !important;
        text-align:center;
    }
}
@media only screen and (max-width:430px) {
    .epi_soft_intro_content h1 br:before {
        content: " ";
    }
    .epi_soft_intro_content h1 br {
        display:none;
    }
}