:root{
    --menu-background-color: #F26C21; /** Responsive HTML Update - This will need the primary color of the page **/
}


/** General Style for the Upcoming Events Cancel/Postpone game feature **/

.default-color-button{
    background-color: #000 !important;
    color: white !important;
    border: 1px solid #000 !important;
    background-image: none !important;
}

.danger-color-button{
    background-color: #A40000 !important;
  color: white !important;
  border: 1px solid #A40000 !important;
  background-image: none !important;
}

.strike-thru{
   text-decoration: line-through !important;
}

.global-carousel  .sp-slides-container:last-of-type{
    display: none !important;
}




  /** Navigation **/
   .navbar__school-name .name-resize{
        height: 100%;
        display: inline-flex;
        align-items: center;
   }

.navbar__navlinks--bottom ul ul{
    display: none;
}

.schoolContainer-statsAd, 
.teamContainer-statsAd{
    display: block;
}


.navbar__navlinks--bottom > ul + ul#mobilemenu{
    display: none;
}

/** Responsive HTML Update - Add this classes to the ad spaces to hide and show them on mobile **/
.ad-container--mobile{
    display: none;
}

.ad-container--desktop{
    display: block;
}

 /** Navigation **/

    .slicknav_menu{
        display: none;
    }

    .slicknav_nav{
        margin: 0 !important;
    }

@media screen and (max-width: 1040px){

    .container{
        min-width: 0;
    }

   


    /** Carosel **/


    .schoolContainer .sp-thumbnails-container, .sp-slide > a > .image-container, .schoolContainer .sp-slide, .schoolContainer .sp-slides-container{
        width: 100% !important; 
    }

    .schoolContainer .sp-thumbnails-container{
         max-height: 200px !important;
    }

     .global-carousel .sp-slides-container{
        width: 100% !important;
    }

    .global-carousel .sp-thumbnails{
        flex-direction: row;
    }

    .global-carousel .sp-thumbnail-container .sp-thumbnail{
        padding-left: 5px !important;
    }


    /** Photo Album **/
    #home_page_album_container .col-md-3{
        margin-bottom: 1.5em;
        width: 49%;
        display: inline-block;
    } 


    /** Article **/
    .recentNews .archive-post .image-container, .postArchive .archive-post .image-container{
        min-width: 50px;
        height: 50px; 
    }

    .archive-posts, .main-content-widget{
        padding: 5px 0px;
    }

    .archive-post{
        display: flex !important;
    }

    .archive-post .image-container{
        flex-shrink: 1;
    }

    .archive-post .archive-post__data{
        flex-grow: 1;
    }

    .archive-post .archive-post-header{
        font-size: 1.2em;
    }

     .archive-post .archive-post__data p{
        font-size: .8em;
    }


    .archive-post-header{
        margin-right: 0;
    }

    .recentNews .archive-post__data, .postArchive .archive-post__data{
        width: 100%;
    }

    .bg-svg.position-fixed{
        display: none;
    }
}

@media screen and (max-width: 780px){
    .navbar__navlinks ul{
        display: none;
    }

     .navbar__navlinks--bottom{
        text-align: right;
        height: 100%;


   }

    .navbar__navlinks--bottom ul ul{
        display: block;
    }

    .slicknav_btn, .slicknav_menu{
        padding: 0;
        margin: 0;
        background: transparent;
    }

     .slicknav_menu {
		display:inline-block;
        padding: 8px 6px;

        ul{
            margin-left: 0 !important;
            margin-top: 0 !important;
            background: var(--menu-background-color);
            width: calc(100vw - 53px);
            text-align: left;
            width: auto;
        }

        ul li{
            display: block;

        }


        /** Slick Navigation Styles */
        .slicknav_arrow{
            font-size: 1.2em;
        }

        .slicknav_row:hover, 
        .slicknav_row:focus{
            background: rgba(0, 0, 0, 0.5);
        }


        .navbar__navlinks ul a, 
        .navbar__navlinks ul li a{
            padding: 5px 4px;
        }

             .slicknav_row{
        display: flex;

        .slicknav_arrow{
            flex-grow: 1;
            text-align: right;
        }

        .fa{
            display: none;
        }
    }

    .slicknav_menutxt{
        display: none;
    }

    .slicknav_icon{
        margin: 0;
        padding: 0;
    }

	}

    .slicknav_open + ul{
            margin-left: 0 !important;
            margin-top: 0 !important;
            background: #fff;
           text-align: left;
            width: auto;
            display: block !important;
            position: absolute;
            top: 34px;
            left: 0;
            right: 0;
            overflow: auto;
            height: 87vh;
        }

     /** Top Navigation Bar Styles */
    .navbar--top{
        position: relative;
        z-index: 3;

         .slicknav_menu {
            padding: 13px 6px;
         }

        .slicknav_menu .slicknav_icon-bar{
            background-color: #212121;
        }

        .slicknav_nav{
            padding-top: 3em;
        }


        .slicknav_open + ul{
            height: 92vh;
        }   
    }

    /** Bottom Navigation Bar Styles */
    .navbar--bottom{
         z-index: 2;
         position: relative;


        .slicknav_menu ul{
            background: var(--menu-background-color);
        }    
   }

   /** Team Navigation Bar Styles */
   .navbar--team{
        position: relative;
        z-index: 1;
        .slicknav_menu li a{
            color: #000000;
        }

          /** Change Menu Icon **/
        .slicknav_menu .slicknav_icon:before {
            font-family: 'FontAwesome';
            content: "\f107";
            color: #fff;
            font-size: 1.3em;
            padding-right: 7px;
        }

        .slicknav_menu .slicknav_icon .slicknav_icon-bar{
            display: none;
        }


   }


   /** Tweak sub menu styles while on mobile */
    .sub-item-menu__title{
        a{
            font-size: 15px !important;
            padding: 5px !important;
        }
    }

    .sub-item-menu__items{
        a{
            font-size: 13px !important;
            padding: 5px !important;
        }
    }


    .navbar__league-name a{
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 96%;
        overflow: hidden;
    }


    .navbar__league-school-dropdown .dropdown a{
        padding: 5px 15px;
    }


    .navbar__school-name{
        width: calc(100% - 60px);
    }

    .navbar__school-name .name-resize{
        width: 100%;
        margin-left: -15px;
    }

    .navbar__school-name .name-resize span{
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px !important;
    }


    #alert-pop{
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
    
    .navbar__navlinks--bottom > ul + ul#mobilemenu{
        /* display: block; */
    }

    .new-nav-sub .quarter{
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
     
}


@media screen and (max-width: 580px){
   .sp-thumbnail-container:not(.sp-selected-thumbnail){
    display: none;
   }

   #digital_sports_content_slider .sp-thumbnail{
    text-align: left;
   }

   .ad-container--mobile{       
         display: block;
    }

    .ad-container--desktop{
        display: none;
    }

    .teamcalc{
        flex-wrap: wrap;
    }

    .eachBox{
        max-width: 25%;
        border: 1px solid #E1E1E1; 
    }

    .upcomingFixtures{
        display: none;
    }

   

    .league-school {
        padding: 0px 0px !important;
        font-size: 12px;
    }
   
}


@media screen and (max-width: 500px){
   .sp-thumbnail-container:not(.sp-selected-thumbnail){
    display: none;
   }
   
   .ds-empty-svg {
        width:300px !important;
    }

    .no-content-wrapper {
          width:350px !important;
    }
    
}