:root {
    --enosisColorTheme: #c4121a;
    --enosisColorTexte: #ffff;
    --enosisColorGras: 500;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
}

.enosis-libele-footer a {
    color: var(--enosisColorTexte) !important;
}

.TxtJustifi a {
    color: var(--enosisColorTheme);
}
.enosis-colorTheme  a{
    color: var(--enosisColorTheme)!important;
}

.chat{

    background: linear-gradient( var(--enosisColorTheme),  50%, #4d4d4c 50%, #4d4d4c);
  background-size: 100% 200%;
  /*trasition effect for background*/
  transition: background 1s;
    width: 177px;
    align-items: center;
    display: flex;
    padding: 5px 20px;
    border-radius: 30px;

   

}
.chat span{
    color: white;
    padding: 0px 5px;
}
.chat:hover{
    background-position: 100% 100%;
 
}

.fix{
    position: fixed;
    right: 30px;
    bottom: 30px;
}


/*###HEADER###*/
#sp-menu {
    display: flex;
    align-items: end;
    justify-content: end;
    margin-top: 10px;
}

.sp-menu-item a {
    font-size: 18px !important;
    line-height: 0px !important;
    color: var(--enosisColorTheme) !important;
    font-weight: var(--enosisColorGras) !important;
}

#sp-header-custom-enosis {
    margin: 10px 15px 0px 15px;

}

/*###Footer###*/
#sp-footer,
#sp-bottom {
    background: var(--enosisColorTheme) !important;
    color: var(--enosisColorTexte) !important;
}

#sp-bottom4 {
    display: flex;
    align-items: center;
    padding: 0px !important;
}

#sp-bottom1 {
    padding-left: 9px !important;
}

#sp-footer {
    padding: 5px 50px !important;
}

.enosis-title {
    margin: 0px 0px 10px 0px;
    font-weight: var(--enosisColorGras);

}

.enosis-colorTheme {
    color: var(--enosisColorTheme);
}

.enosis-img {}

.enosis-row {
    margin-bottom: 50px !important;
}

.enosis-more {
    margin-top: 5px;
    font-weight: 300;
    text-align: right !important;
}

.enosis-txt {
    text-align: justify;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    border: 0;
    height: 100%;
    width: 100%;
}

.enosis-ul div ul {
    color: #c00d0d;
    margin-left: -13px;
    margin-bottom: 0px;
    line-height: 1.5;
}

.enosis-ul div ul li span,
.enosis-ul div ul li p {
    color: black;
}

.enosis-paralax {
    background-attachment: none !important;
}

.enosis-more div a {
    color: var(--enosisColorTheme);
    font-weight: var(--enosisColorGras) !important;
}

.enosis-more div a:hover {
    text-decoration: underline;
    color: #b72d2d;
}

.sp-megamenu-parent>.sp-menu-item a:before {
    background: var(--enosisColorTheme) !important;
    top: 11px !important;
}

.offcanvas-menu {
    background-color: var(--enosisColorTheme) !important;
}

#offcanvas-toggler>.fa {
    color: var(--enosisColorTheme) !important;
    font-size: 27px !important;
    top: 15px;
    display: flex;
    position: relative;
}

.close-offcanvas {
    background: #fff !important;
    color: var(--enosisColorTheme) !important;
}

/* Extra small devices (phones, 700px and down) */
@media only screen and (max-width: 768px) {
    #sp-menu {
        display: flex;
        align-items: baseline;
        justify-content: end;
        margin-top: 0px;
    }
    .logo-image {
        height: 69px!important;
      }

    body {
        /* background-color: rgb(0, 140, 255) !important;
         */
    }

    .enosis-paralax-mobile .sppb-row-container {
        margin: 0px;
        max-width: 100% !important;
        padding: 0px !important;
    }

    .enosis-row {
        margin-bottom: 30px !important;
    }

    .enosis-libele-footer {
        display: block;
    }

    .enosis-separator {
        display: none;
    }

    .enosis-img-mobile-parent div div div:has(.enosis-img) {
        padding: 0px !important;
    }

    .enosis-txt {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .enosis-title {
        font-size: 20px;
    }

    .enosis-more {
        margin-top: 0px;
    }

    .enosis-img {
        padding-bottom: 15px;
    }

    .enosis-img div div img {
        height: 160px !important;
        width: 100vw !important;
        object-fit: cover !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .enosis-img {
        padding-bottom: 15px;
    }

    body {
        /* background-color: rgb(255, 0, 0) !important;
         */
        margin: 0px auto;
    }

    .enosis-libele-footer {
        display: block;
    }

    .enosis-separator {
        display: none;
    }

    .enosis-txt {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }

    .enosis-title {
        font-size: 20px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
    .enosis-txt {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .enosis-boxed-layout {
        max-width: 1240px;
        margin: 0 auto !important;
    }

    .txt-nextimg {
        margin-top: -4px;
    }

    .enosis-boxed-layout-template .row {
        max-width: 1439px;
        margin: 0 auto !important;
    }

    .enosis-libele-footer {
        display: inline-flex;
    }

    .enosis-separator {
        display: inline-flex;
    }

    .enosis-title {
        font-size: 20px;
    }
}