/* 
 Theme Name:     Défi Sportif
 Author:         Kryzalid
 Author URI:     http://www.kryzalid.net
 Template:       Divi
 Version:        1.0 
*/ 

@import url("css/style.css");
@import url("css/media.css");
@import url("css/print.css");

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.language-fr .et_pb_text.partners {
    display: none;
}

.language-en .et_pb_text.partenaires {
    display: none;
}

.et_pb_row, .container {
    width: 86%;
}

.et_pb_text_inner h1, .home et_pb_text_inner h2, .home .et_pb_promo_description h2 {
    font-size: 40px;
    font-weight: 800;
    color: #575756;
}

.et_pb_text_inner h1:after, .home .et_pb_text_inner h2:after, .home .et_pb_promo_description h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 6px;
    background-color: #da1d46;
    margin: 20px 0 10px;
}

.title-center .et_pb_text_inner h1:after, .home .title-center .et_pb_text_inner h2:after, .home .title-center .et_pb_promo_description h2:after {
    margin: 20px auto 10px;
}

h2, .home .split h2  {
    font-size: 40px;
    font-weight: 800;
    color: #575756;
    text-transform: initial;
}

.landing h2  {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

h3, .split h2  {
    text-transform: uppercase;
    font-weight: 700;
    color: #da1d46;
    font-size: 25px;
}

h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #313131;
    font-size: 18px;
}

.pdf .et_pb_promo h2, .home .et_pb_blurb h3  {
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #575756;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9;
}



/* ----------- Banner ----------- */ 

.banner p {
    padding-top: 20px;
}



/* ----------- Boutons ----------- */ 

.et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .split-home .et_pb_promo_button {
    color: #fff !important;
    background-color: #da1d46 !important;
    border-color: #da1d46 !important;
    padding: 12px 30px !important;
}

.et_pb_button {
    font-weight: 700;
}

.et_pb_slide .et_pb_button {
    padding: 12px 30px !important;
}

.et_pb_button.externe:after {
    content: "\f08e";
    opacity: 1;
    margin-left: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 20px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_slide_description .et_pb_button:hover {
    padding: 12px 30px !important;
}

.et_pb_bg_layout_light.et_pb_module.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover {
    color: #da1d46 !important;
    background-color: transparent !important;
}

.pdf .et_pb_promo_button {
    font-size: 14px;
    line-height: 18px !important;
    display: flex;
    width: fit-content;
}

.pdf .et_pb_promo_button:before {
    content: "\f019";
    opacity: 1;
    margin: 0 5px 0 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 20px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}



/* ----------- Header ----------- */ 

#main-header {
    box-shadow: none;
}

#top-menu .current-menu-item.menu-item-has-children a {
    background-color: transparent;
    color: #fff;
}

.et_fullwidth_nav #main-header .container {
    padding: 0px;
}

.et_header_style_centered #logo {
    float: left;
    padding-top: 30px;
    padding-left: 40px !important;
}

#et-secondary-nav {
    position: relative;
    z-index: 9999;
    float: right;
    padding: 60px 50px 0 0;
}

#et-secondary-nav li {
    margin-right: 10px;
    padding-left: 10px;
    border-left: solid 2px;
    line-height: 18px;
}

#et-secondary-nav a {
    color: #575756;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;

}

#et-secondary-nav a:hover {
    opacity: 0.5
}

#et-secondary-nav li:first-child {
    border: none;
}


span#slogan {
    position: absolute;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 700;
}

#top-menu .menu-item-has-children>a:first-child {
    padding-right: 0px !important;
}

#top-menu a:after {
    display: none;
}

nav#top-menu-nav {
    width: 100% !important;
}

#top-menu li {
    padding-right: 0px !important;
    width: 16% !important;
}

#top-menu li li {
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}

#top-menu li li a {
    width: 100%;
    padding: 15px 20px !important;
    color: #313131 !important;
    text-transform: none;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin: 0 auto;
    border-bottom: solid 1px #da1d46;
}

#top-menu li li:last-child a {
    border-bottom: 0px;
}

ul.sub-menu {
    left: 0px !important;
    padding: 0px !important;
}

.nav li ul {
    border-top: 0px !important;
    width: 100% !important;
}

 .nav ul li a:hover, #top-menu li li a:hover {
    opacity: 1;
    background-color: #da1d46 !important;
    color: #fff !important;
}

#top-menu li.current-menu-ancestor>a {
    color: #fff;
}

#top-menu li.current-menu-item>a {
    background-color: #f2f2f2;
    color: #313131;
}

form.et-search-form input {
    color: #fff !important;
}

span.et_close_search_field:after {
    color: #fff;
}

.et_header_style_centered .et-search-form input {
    top: 70%;
}


/* ----------- Slider ----------- */ 

.et_pb_slider .et_pb_slide {
    padding: 0px !important;
}

.et_pb_slides .et_pb_slider_container_inner {
    vertical-align: bottom !important;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    margin-top: 400px;
    padding: 0px;
}

.et_pb_slider .et_pb_container {
    max-width: 100% !important;
    width: 100% !important;
}

.et_pb_slide_description {
    background-color: #da1d46;
    background-image: url(/wp-content/themes/Defisportif/assets/bg-red.jpg);
    background-size: cover;
}

.et_pb_slide_description {
    overflow: auto;
}

h1.et_pb_slide_title {
    float: left;
    width: 60%;
    text-align: left;
    padding-top: 30px;
    padding-left: 120px
}

.et_pb_slider .et_pb_slide_content {
    float: left;
    width: 60%;
    text-align: left;
    padding-bottom: 30px;
    padding-left: 120px;
    font-size: 16px;
    line-height: 22px;
}

.et_pb_slider .et_pb_button_wrapper {
    position: absolute;
    margin-top: 30px;
    right: 120px;
    width: calc(40% - 160px);
}

a.et_pb_more_button.et_pb_button {
    line-height: 22px !important;
}

.et_pb_slider .et_pb_button_wrapper a {
    margin-top: 0px;
}

h1.et_pb_slide_title {
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-shadow: none !important;
}

.et_pb_slide_content {
    font-size: 16px;
    text-shadow: none;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
    top: initial !important;
    bottom: 35px !important;
}

.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev {
    left: 22px;
    opacity: 1;
}

.et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next {
    right: 22px;
    opacity: 1;
}

/* ----------- Slider FIX (EN) ----------- */ 

.et_pb_section, .et_pb_slider .et_pb_slide {
    background-position: center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
}


/* ----------- Module résumé ----------- */ 


.et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.et_pb_blurb_container {
    padding: 20px;
}

.et_pb_blurb_description h4 {
    color: #313131;
    font-weight: 600;
    font-size: 16px;
    text-transform: initial;
    padding: 5px 0px 15px;
}

.et_pb_blurb_description p  {
    font-size: 14px !important;
    line-height: 22px;
    color: #313131;
    margin-bottom: 20px;
}


.et_pb_blurb_description a, a.contact {
    border: solid 5px;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: block;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.et_pb_blurb_description a:hover, a.contact:hover  {
    background-color: #da1d46 !important;
    color: #fff !important;
    border: solid 5px #da1d46;
}



/* ----------- Blog (POUR SITE PRINCIPAL ----------- */ 


.et_pb_blog_grid .et_pb_post {
    border: 0px;
}

.et_pb_blog_grid h2 {
    margin-top: 20px;
    font-size: 25px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.published {
    color: #313131;
    font-weight: 600;
    font-size: 16px;
}

.post-content p {
    font-size: 14px !important;
    line-height: 22px;
    color: #313131;
    margin-bottom: 20px;
}

.post-content a.more-link{
    border: solid 5px;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 14px;
}

/* ----------- Logos ----------- */ 

.logos .et_pb_image {
    max-width: 16.6666%;
    display: block;
    float: left;
    padding: 5px;
}

/* ----------- Follow banner ----------- */ 

.follow-banner ul.social li {
    display: inline-block;
}

.follow-banner .social i.fa {
    font-size: 42px;
    color: #fff;
    padding: 0 20px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.follow-banner ul.social {
    text-align: center;
    margin-top: 40px;
}

.follow-banner .et_pb_text_inner h2:after {
    background-color: #fff;
}

.follow-banner .social i:hover.fa {
    opacity: 0.7;
}


/* ----------- Footer ----------- */ 

#main-footer #footer-widgets {
    padding: 6% 0 2%;
}

#main-footer {
    text-align: center;
}

#logo-footer {
    margin: auto;
    padding-top: 60px;
}

#main-footer .footer-widget h4 {
    color: #fff !important;
    font-weight: 700;
    line-height: 22px;
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: initial;
}

.footer-widget li:before {
    display: none;
}

#footer-widgets .footer-widget li {
    padding: 0px;
}

#main-footer .fa {
    font-size: 20px;
    padding-right: 10px;
}

#main-footer .social .fa:before {
    color: #da1d46;
    background-color: #fff;
    border-radius: 15px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 4px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;

}

#main-footer .social li:hover .fa:before {
    color: #fff;
    background: #da1d46;
}

#main-footer .social li {
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 600;
}

#footer-widgets .footer-widget .links li {
    font-size: 14px;
    line-height: 20px !important;
    font-weight: 600;
    margin-bottom: 30px !important;
    display: flex;
}

#footer-widgets .footer-widget .links li a, #footer-widgets .footer-widget .social li a {
    display: flex;
}

#footer-widgets .footer-widget .links li a:hover {
    opacity: 0.5;
}

#main-footer .button {
    background-color: #da1d46;
    border: solid 5px #da1d46;
    padding: 12px 30px;
    display: block;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

#main-footer a, #footer-bottom a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

#main-footer .button:hover {
    background-color: transparent;
    border: solid 5px #fff;
}

#footer-bottom {
    padding: 20px 0;
    background-color: #313131;
}

#footer-bottom a {
    color: #fff;
}

#footer-bottom a:hover {
    opacity: 0.5;
}

.footer_1-3, .footer_2-3, .footer_3-3 {
    float: left;
    font-size: 14px;
    color: #fff;
}

.footer_1-3, .footer_3-3 {
    width: 40%;
}

.footer_2-3 {
    width: 20%;
}

.footer_2-3 {
    text-align: center;
}

.footer_3-3 {
    text-align: right;
}

.footer_3-3 a:after {
    content: "";
    background: url(/wp-content/themes/Defisportif/assets/k-logo.svg);
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    float: right;
    margin-left: 5px;
}

input[type=email] {
    padding: 10px;
    width: 100%;
    border: 5px solid #fff;
    color: #fff !important;
    background-color: transparent;
    font-size: 14px;
}

input[type="submit"] {
    background: #da1d46;
    border: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-top: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

input[type="submit"]:hover {
    background: #313131;
}

input[type=email]::-webkit-input-placeholder {
    color: #fff !important;
}

input[type=email]::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
}

input[type=email]:-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
}

input[type=email]:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;
}

/* ----------- liste logo / personnel----------- */ 


.et_pb_section.partenaires .title:first-child .et_pb_column {
    border-top: 0px !important;
    padding: 0px;
}

.et_pb_section.personnel .title:first-child {
    padding-top: 0px;
}

.et_pb_section.partenaires {
    padding: 20px 0 80px;
}

.title .et_pb_column {
    border-top: solid 1px #313131;
    padding-top: 60px;
}

.personnel .et_pb_row {
    padding-bottom: 0px;
}

.personnel .title {
    padding: 30px 0 !important;
    margin-top: 30px;
}

.partenaires .et_pb_row_1-4_3-4 {
    margin-bottom: 20px;
}

.partenaires .title {
    padding: 50px 0 40px;
}

.personnel h4 {
    padding-bottom: 20px;
}

.personnel p {
    font-size: 14px;
}

.partenaires .et_pb_row_1-4_3-4, .personnel .et_pb_column_1_3 {
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18);
}

.liste {
    padding: 0 0 20px !important;
}

.liste li {
    text-transform: uppercase;
    font-weight: 700;
    color: #313131;
}

.et_pb_module ul {
    list-style: none;
    padding: 0 !important;
    margin: 0;
}

.et_pb_module li {
    list-style: none;
}

.et_pb_text_inner li:before {
    content: "•";
    color: #da1d46;
    margin-right: 10px;
}

/* ----------- Liste PDF ----------- */ 


.pdf .et_pb_promo {
    padding: 40px 30px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.18);
    width: 31.333%;
    display: block;
    float: left;
    margin-right: 3%;
    margin-bottom: 3% !important;
}

/* ----------- Split ----------- */ 


.split p {
    padding: 20px 0 !important;
}

.split .et_pb_promo_button, .pdf .et_pb_promo_button {
    background-color: transparent !important;
    color: #da1d46 !important;
    padding: 5px 15px !important;
}

.split .et_pb_promo_button:hover, .pdf .et_pb_promo_button:hover {
    background-color: #da1d46 !important;
    color: #fff !important;
    padding: 5px 15px !important;
}



/* ----------- Texte ----------- */ 

.texte .et_pb_row {
    padding: 45px 0;
}


/* ----------- Contact ----------- */ 

.et_pb_map {
     height: 500px !important;
}

.map .et_pb_column_2 {
    display: flex;
    align-items: center;
}

a.contact {
    margin-top: 20px;
}




/* ---------------------------------------------------------------------- */ 

@media (max-width: 980px) {

    .et_header_style_centered #logo {
        padding-top: 8px;
        padding-left: 30px;
        max-height: 80px;
        padding-bottom: 2px;
    }

    span#slogan {
        left: 0px;
        top: 70px;
        line-height: initial;
        font-size: 16px;
    }

    #main-header .container {
        width: 100%;
    }

    .et_pb_slider .et_pb_slide_content {
        float: initial;
        width: 86%;
        text-align: center;
        padding-bottom: 20px;
        padding-left: 0px;
        font-size: 16px;
        margin: auto;
    }

    .et_pb_slide h1.et_pb_slide_title {
        float: initial;
        width: 86%;
        text-align: center;
        padding-top: 30px;
        padding-left: 0px;
        margin: auto;
        font-weight: 700 !important;
    }

    .et_pb_slider .et_pb_button_wrapper {
        position: relative;
        margin-top: 0px;
        right: initial;
        padding-bottom: 20px;
        width: 100%;
    }

    .mobile_nav .select_page {
        display: none !important;
    }

    .et_header_style_centered #et_mobile_nav_menu {
        margin-top: 0px;
    }

    .et_header_style_centered #main-header .mobile_nav {
        background-color: transparent;
    }

    .nouvelles .et_pb_column_1_3:last-child {
        display: none;
    }

    .split, .home-split, .contact {
        display: flex;
        flex-flow: column;
    }

    .split .image, .home-split .image, .contact .infos {
        order: 1;
    }

    .split .texte, .home-split .texte, .contact .map {
        order: 2;
    }

    .texte .title {
        padding-bottom: 0px !important;
    }

    .et_pb_column_4_4 {
        margin-bottom: 0px;
    }

    #footer-bottom {
        margin-top: 40px;
    }


    .personnel .et_pb_row {
        padding: 0px;
    }

    .infos .et_pb_text {
        text-align: center;
        margin: auto;
    }

}

@media (min-width: 768px) and (max-width: 980px) {

    .et_header_style_centered #logo {
        padding-top: 0px;
        padding-left: 30px;
        max-height: 80px;
        padding-bottom: 20px;
    }
 
    .home article:nth-child(2) {
        display: none;
    }

    .nouvelles .et_pb_column_1_3 {
        width: 48.5% !important;
    }

    .nouvelles .et_pb_column_1_3:first-child {
        margin-right: 3%;
    }

    .partenaires .et_pb_column_1_4 {
        width: 22.75% !important;
    }

    .partenaires .et_pb_column_3_4 {
        width: 74.25% !important;
    }

    .pdf .et_pb_promo {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3% !important;
    }

    .pdf .et_pb_promo:nth-of-type(2n) {
        margin-right: 0px;
    }

    .pdf .et_pb_promo:nth-of-type(2n+1) {
        clear: both;
    }



}

@media (min-width: 981px) and (max-width: 1170px) {

    span#slogan {
        left: 0px;
        top: 100px;
        line-height: initial;
        font-size: 16px;
    }

    .et_header_style_centered #logo {
        padding-top: 20px !important;
    }

    .et_header_style_centered #logo {
        padding-top: 0px;
        padding-left: 30px;
        max-height: 80px;
        padding-bottom: 20px;
    }

    #et-secondary-nav a {
        font-size: 14px !important;
    }

    #et-secondary-nav {
        padding: 57px 30px 0 0;
    }

    .pdf .et_pb_promo {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3% !important;
    }

    .pdf .et_pb_promo:nth-of-type(2n) {
        margin-right: 0px;
    }

    .pdf .et_pb_promo:nth-of-type(2n+1) {
        clear: both;
    }

}

@media (max-width: 767px) {
 
     .home article:nth-child(3) {
        display: none;
    }

    .et_header_style_centered #logo {
        padding-top: 0px;
        padding-left: 30px;
        max-height: 80px;
        padding-bottom: 20px;
    }

    span#slogan {
        left: 0px;
        top: 70px;
        line-height: initial;
        font-size: 14px;
        border: none;
    }

    .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
        margin-top: 300px;
    }

    .logos .et_pb_image {
        max-width: 33.3333%;
    }

    .pdf .et_pb_promo {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px !important;
    }

    .follow-banner .social i.fa {
        font-size: 32px;
        padding: 0 10px;
    }

    a.et_pb_more_button.et_pb_button {
        max-width: 76%;
    }

    .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next {
        right: 0px;
    }

    .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev {
        left: 0px;
    }

    .footer_1-3 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer_2-3 {
        width: 50%;
        text-align: left;
    }

    .footer_3-3 {
        width: 50%;
    }

    .split .et_pb_space, .home-split .et_pb_space {
        height: 240px !important;
    }

}

@media (min-width: 981px) {

    #et-top-navigation {
        background-color: #da1d46;
    }

    #et-top-navigation a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px !important;
    }
    .et_pb_row.et_pb_equal_columns, .et_pb_row_inner.et_pb_equal_columns, .et_pb_section.et_pb_equal_columns>.et_pb_row {
        overflow: hidden;
    }

    ul.sub-menu:before {
        content: "";
        display: block;
        background-color: #fff;
        width: 80px;
        height: 6px;
        margin-top: -6px !important;
        margin: auto;
    }

    .split .et_pb_promo, .home-split .et_pb_promo {
        max-width: 510px;
    }

    .current-menu-item.menu-item-has-children:after, .current_page_parent:after, .current-page-ancestor:after {
        content: "";
        display: block;
        background-color: #fff;
        width: 80px;
        height: 6px;
        margin-top: -6px !important;
        margin: auto;
    }

    .menu-home {
        display: none !important;
    }

    .et_pb_slide_description .et_pb_button {
        float: right;
    }

}

@media (min-width: 1171px) {


    .pdf .et_pb_promo:nth-of-type(3n) {
    margin-right: 0px;
    }

    .pdf .et_pb_promo:nth-of-type(3n+1) {
        clear: both;
    }


    span#slogan {
        position: absolute;
        left: 430px;
        top: 48px;
        border-left: solid 1px;
        line-height: 46px;
        padding-left: 30px;
        font-weight: 700;
    }

}




/************ Menu Slide-In ************/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
    background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
    display: none !important; 
    visibility: hidden !important;  
    transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
    display: block !important; 
    visibility: visible !important; 
}

.et_mobile_menu .menu-item-has-children > a:after { 
    font-family: "ETmodules";
         font-size: 18px;
         font-weight: 800;
         content: "3"; 
    position: absolute; 
    right: 50px;
}

.mobile_menu_bar.mobile_menu_bar_toggle {
    z-index: 9999;
}

ul.sub-menu li a {
    text-transform: initial;
}

@media only screen and (max-width: 980px){
    #mobile_menu {
        display: block !important;
        min-height: 100vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }

    .et_mobile_menu li a {
        color: #fff !important;
        width: 100%;
        float: left;
        text-align: left;
        border-bottom: 1px solid #ae101f;
        margin: 5px;
        transition: .2s;
        text-transform: uppercase;
    }
    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: #fff !important;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .mobile_nav.closed #mobile_menu {
        background: #da1d46 !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    .mobile_nav.opened #mobile_menu {
        background: #da1d46 !important;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";
        color: #fff !important;
    }
}

@media only screen and  (max-width: 980px) {
  .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
    z-index: 9999;
  }
  #et-top-navigation {    
    padding-right: 5px;
  }
}

@media only screen and  (min-width: 481px) {
  #mobile_menu {    
    width: 320px;    
    margin-left: calc(100% - 320px);
  }
}

@media only screen and (max-width: 480px)  {
  #mobile_menu {    
    width: 260px;    
    margin-left: calc(100% - 260px);
  }
}

@media only screen and  (max-width: 340px) {
  #mobile_menu {    
    width: 100%;    
    margin-left: 0;
  }
}