/* 20/12 - DiS */
#root .mobile .body {
    margin-top: 54px; /* height of mobile header */
    /* position:relative; */
}
/*Andreani 02/02/20 Fixes alignment issue on login pages*/
#root .mobile.view-page-login .body app-widget-host, #root .mobile.view-page-register .body app-widget-host,
#root .mobile.view-page-forgotpassword .body app-widget-host {
    flex-direction:column;
}

/*  */
#root .mobile .content {
    background-color: var(--c-primary-b);
    /*     padding: 24px 36px; */
    min-height: calc(100vh - 54px) !important;
}

#root .mobile.view-page-forgotpassword, #root .mobile.view-page-login, #root .mobile.view-page-register, #root .mobile.view-page-match, #root .mobile.view-page-live-match {
    background-color: var(--c-paper)
}

#root .mobile.view-page-user .user-page-content {
    padding: 0 !important;
}

#root .content.antepost.runners {
    background-color: var(--c-paper)
}

#root .mobile .footer {
    overflow: hidden
}

/* Sticky Headers Mobile */
#root .mobile .antepost .events-tournament-header, #root .mobile .events-tournament-header, #root .mobile app-market-headings-container, #root .mobile .sort-by-Date .events-tournaments-wrapper .event-date-break-wrapper-new {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 54px;
    z-index: 1;
}

/* Homepage fixes */

.mobile .homepage .match-carousel,
.mobile .homepage .all-sports-mobile-home,
.mobile .homepage .home-shortcuts{
    padding: 0 12px
}

.mobile .header .header-links-right .login.link > div,
#root .mobile .header .header-links-right .register.link > div{
    border-radius: var(--r-b);
    color: var(--c-white-e);
    font-size: 15px
}


/* All Sports Section Homepage */

.all-sports-mobile-home .nav-sports{
    display: flex;
    flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
}
.all-sports-mobile-home .nav-sports .nav-sport-wrapper{
    background: linear-gradient(47deg, var(--c-primary) 0%, var(--c-primary-c) 6%, var(--c-primary) 75%);
    flex: 0 0 33.33333%;
    max-width: calc(33.33333% - 5px);
    height: 80px;
    margin-bottom: 5px;
    margin-left: 5px;
    position: relative;
}
.all-sports-mobile-home .nav-sports .nav-sport-wrapper .nav-sport{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#root .all-sports-mobile-home .nav-sports .nav-sport-wrapper .nav-sport .nav-sport-name{
    padding-left: 0
}
#root .all-sports-mobile-home .nav-sports .nav-sport-wrapper .nav-sport .nav-sport-counter{
    position: absolute;
    right: 1px;
    background-color: var(--c-emphasis-b);
    top: 0;
    border-bottom-left-radius: 5px;
    padding-right: 5px;
    min-height: 20px;
    display: flex;
    align-items: center;
}

/* Featured Leagues Section Homepage */

#root .mobile .homepage .home-shortcuts .home-shortcut-row ul.featured-leagues-content{
    
}
#root .mobile .homepage .home-shortcuts .home-shortcut-row ul.featured-leagues-content li.featured-league{
    width: 100%;
    max-width: unset;
    background: linear-gradient(90deg, var(--c-primary-c) 28%, var(--c-primary-c) 49%, var(--c-primary-b) 68%, var(--c-primary) 100%);
    padding: 5px 10px;
    margin: 0;
    border: unset;
    border-radius: unset
}
#root .home-shortcuts .home-shortcut-row .featured-leagues-header .featured-leagues-title{
    font-size: 17px;
    font-weight: bold;
    color: var(--c-white-e);
}
#root .mobile .homepage .home-shortcuts .home-shortcut-row ul.featured-leagues-content li.featured-league .featured-league-sport{
    display: block;
    margin-left: auto
}
.mobile .homepage .home-shortcuts .home-shortcut-row.featured-leagues-row{
    order: 1
}

/* Home Shortcuts Section Homepage */

#root .home-shortcuts .home-shortcut-row:not(.featured-leagues-row) app-dates-list{
    color: var(--c-white-e)
}