.cover-header{background:url(/assets/images/sprites/league-covers.jpg);overflow:auto;}
.cover-header.NBA{background-position:0 -252px;}
.cover-header.NFL{background-position:0 -504px;}
.cover-header.NHL{background-position:0 -756px;}
.cover-header.NCAABB{background-position:0 -1008px;}
.cover-header.NCAAF{background-position:0 -1260px;}
.cover-header.Soccer{background-position:0 -1512px;}
.cover-header.Concert{background-position:0 -1764px;}
.cover-header h1{color:white;margin-bottom:0;line-height:40px;margin-top:100px;background:url(/assets/images/bgs/transparent-black_2.png) repeat;}
.select-view{width:50%;text-align:center;font-size:16px;float:left;}
.mobile .select-view{font-size:12px;height:55px;line-height:55px;background:white;}

.cover-header .select-view{height:70px;line-height:70px;color:black;background:url(/assets/images/bgs/transparent-white_1.png) repeat;}

.mobile .select-view{color:#0067CE;}
.select-view.active{color:white;background:url(/assets/images/bgs/transparent-blue_2.png) repeat;}
.cover-header .select-view:hover{cursor:pointer;}

ul.select-a-letter{background:white;color:#CCC;overflow:auto;padding:10px 16px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;overflow:auto;}
ul.select-a-letter li{float:left;width:23px;text-align:center;}
ul.select-a-letter a {color:#666;}
ul.select-a-letter a:hover{color:black;cursor:pointer;}

ul.all-venue-list{background:white;}
ul.all-venue-list li{border-bottom:1px solid #CCC;}
ul.all-venue-list li.title{color:#666;font-size:14px;padding:10px;background:#F8F8F8;}
ul.all-venue-list li.venue{padding:15px;font-size:14px;overflow:auto;}

ul.all-venue-list li.venue .sub{font-size:12px;color:#666;}
ul.all-venue-list li.venue .sub a{color:#666;}
ul.all-venue-list li.venue{line-height:1.7;}
ul.all-venue-list li.venue .right{line-height:3.4;font-size:12px;}


.mobile #universalContainer{
   margin-top: 0 !important;
}
.mobile .cover-header{
   background: #0067CE;
}

.mobile .cover-header h1{
   margin-top: 0;
}


header{
   border-bottom: 1px solid #E5E5E5;
}


.img-avatar,
.team-avatar{
   height:30px;
   line-height:30px;
   width:30px;
   border-radius:50%;
   object-fit:cover;
}

.team-avatar{

   display:inline-block;
   float: left;
   text-align:center;
   background: #999;
   color: white;
}


.venue-list {
   list-style: none;
   margin: 0;
   padding: 0;
}

.venue-list__header {
   padding: 8px 12px;

   border-bottom: 1px solid #eee;

   background: #f8f8f8;
}

.venue-item {
   position: relative;
   padding: 12px;
   border-bottom: 1px solid #eee;
}

.venue-item__head {
   margin-bottom: 4px;
}

.venue-item__link {
   text-decoration: none;
}


.venue-item__link{
   font-size: 15px;
}

.venue-item__name {
   font-weight: bold;
   
}

.venue-item__loc{
   color: var(--color-primary-subtitle);
}

.venue-item__details {
   padding-left: 4px;
   
}

.venue-detail {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 6px 0;
   position: relative;
}

.venue-detail__avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   flex-shrink: 0;
   overflow: hidden;
   font-size: 12px;
}

.venue-detail__avatar--img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.venue-detail__avatar--team {
   text-align: center;
   color: white;
}

.venue-detail__link {
   text-decoration: none;
}

@media (max-width: 599px) {
   .venue-item__link {
       position: static;
   }

   .venue-item__link::after {
       content: '';
       position: absolute;
       inset: 0;
   }

   .venue-detail__link {
       position: static;
   }

   .venue-detail__link::after {
       content: '';
       position: absolute;
       inset: 0;
   }

   .venue-detail {
       z-index: 1;
   }

   .venue-item__head {
       z-index: 0;
   }
}

@media (min-width: 960px) {
   [data-layout='rail']{
      border: 1px solid #e5e5e5;
      border-radius: 11px;
      padding: 16px;   
   }
}

.back-to-top {
   position: fixed;
   bottom: 28px;
   right: 28px;
   width: 44px;
   height: 44px;
   border-radius: 12px;
   border: 1px solid rgba(0, 0, 0, .08);
   background: rgba(255, 255, 255, .92);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   color: var(--color-primary);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   pointer-events: none;
   transition: opacity .2s, transform .2s;
   transform: translateY(6px) scale(.95);
   z-index: 999;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);
}

.back-to-top.visible {
   opacity: 1;
   pointer-events: auto;
   transform: translateY(0) scale(1);
}

.back-to-top:hover {
   background: rgba(255, 255, 255, 1);
   box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 6px 20px rgba(0, 0, 0, .06);
}

.back-to-top:active {
   transform: scale(.92);
}

@media (max-width: 599px) {
   .back-to-top {
       bottom: 20px;
       right: 16px;
       width: 40px;
       height: 40px;
   }
}
@media (max-width: 959px) {
   [data-layout='rail']{
      width: 100%;
   }

   [data-layout='rail'] [data-is='list']{
      display: grid;
      gap: 1.6rem;
      padding: 0;
      margin: 0;
      list-style: none;
   
      /* At least 180px for each column */
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));      
   }

   [data-layout='rail'] [data-is='list'] li {
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      overflow: hidden;
      font-size: 1.5rem;
    }
    
    /* Entire LI is clickable */
    [data-layout='rail'] [data-is='list'] li > a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.6rem;
      text-decoration: none;
      color: inherit;
      position: relative;
    }
    
    /* Chevron via ::after */
    [data-layout='rail'] [data-is='list'] li > a::after {
      content: "›";
      font-size: 2rem;
      line-height: 1;
      opacity: 0.6;
      margin-left: 0.5rem;
    }
    
   
   [data-layout='rail'] [data-is='list'] li:hover{
      transition: background-color 0.3s ease, transform 0.3s ease;
      background: var(--color-primary);
      color: white;
   }

}