body, html
{
  height: 100%;
  width: 100%;  
  margin: auto;
  background: url('../graphics/background_ob.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-clip: border-box;
}

@font-face
{font-family:SABERSfont;
 src:url("../fonts/Legacy\ Regular.ttf")}

@font-face
{font-family:AmCap;
  src:url("../fonts/American_Captain.ttf") format('truetype');}

@font-face
{font-family:BOStraffic;
src:url("../fonts/boston.ttf")}

@font-face
{font-family:VanCity;
  src:url("../fonts/AGENCYB.TTF") format('truetype');}

@font-face
{font-family:ScienceGoth;
 src:url("../fonts/ScienceGothic-VariableFont_CTRS\,slnt\,wdth\,wght.ttf") format('truetype');}

*
{box-sizing: border-box;}

#event-game
{position:relative;
 max-width: 100%;
 display: flex;
 font-family:'Teko';
 font-size: 1.5em;
 line-height:1;
 top: 5px;
left: 5px;}

 #event-game2
{position:relative;
 max-width: 100%;
 font-family:'SABERSfont';
 font-size: 1.5em;
 margin: 5px 0px 5px 0px;
 text-shadow: 1px 1px 0 #02bdf7}

#event-month
{position: relative;
 font-family: 'SABERSfont';
 font-size: 1.0em;
  letter-spacing: .5px;
  color: #fff;}

#event-month2
{position: relative;
 font-family: 'SABERSfont';
 font-size: 0.9em;
  letter-spacing: .5px;
  color: #fff;
  padding: 0px 17px 0px 15px;
  width: fit-content;
  text-shadow: 1px 1px 0 #000000;
 background-color: #ff6003;
  border-radius: 20px 20px 0px 0px;
  background: #D65002;
  border:1px solid #C73F00;
  background-image:-webkit-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-moz-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-ms-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-o-linear-gradient(bottom, #FF6003, #D65002);
  background-image:linear-gradient(bottom, #FF6003, #D65002);
}

  #event-day
  {position:relative;
   font-family: "teko";
   font-size: 3em;
   line-height: 1;
   margin-bottom: -12px;
   color:#fff;
  }

  #event-day2
  {position:relative;
   font-family: "teko";
   font-size: 3em;
   font-weight: bold;
   line-height: 1;
   margin-bottom: -8px;
  }

  #event-gametime
 {font-family: 'teko';
  font-size: 1.50em;
  color: #000;}

 #event-gametime2
 {position: relative;
 font-family: 'teko';
 font-size: 1.50em;
 font-weight: bold;
 width:fit-content;
 left: 0px;
 line-height: 1;
color: #fff;
 text-shadow: 1px 1px 0 #000000;}

 #event-playingfield
 {position: relative;
  font-family: 'Teko';
  font-size: 1.50em;
  text-transform:capitalize;
  color: #000;}

  #event-playingfield2
 {position: relative;
  font-family: 'Teko';
  font-size: 1.50em;
  font-weight: bold;
  width: fit-content;
  line-height: 1;
  text-transform:capitalize;
  left: 5%;
  color: #fff;
   text-shadow: 1px 1px 0 #000000;}

#event-pin
{position: relative;
 line-height: 1;
 left: 1%;
 margin-top: 4px;
 -webkit-filter: drop-shadow(2px 2px 2px #222);
 filter: drop-shadow(2px 2px 2px #222);
 }

 #event-pin2
{position: relative;
 width: fit-content;
 line-height: 1;
 left: 10%;
 margin-top: 1px;
 }

 #event-team
 {position: relative;
  display: flex;
  line-height: 1;
  text-align: left;
  font-family: 'SABERSfont';
  font-size: 1.75em;
  color:#fff;}

   #event-team2
 {position: relative;
  display: flex;
  width:fit-content;
  line-height: 1;
  text-align: left;
  font-family: 'SABERSfont';
  font-size: 2.0em;
  margin-top: 2px;
  color:#FF6003;
  text-shadow: 1px 1px 0 #000000 ;}

  #event-logo
  {position:relative;}

     #event-logo2
  {position:relative;
    display: flex;
    width: 50px;
    border-radius: 25px;}

   #event-postponed
  {position: absolute;
   font-family: 'BOStraffic';
   color: #b40000;
   top: 30%;
   transform: rotate(-15deg);
   font-size:2.10em;
   text-shadow: 1px 1px #fff;
   z-index: 3;}

    #event-postponed2
  {position: absolute;
   font-family: 'BOStraffic';
   color: #b40000;
   top: 30%;
   transform: rotate(-15deg);
   font-size:2.10em;
   text-shadow: 1px 1px #fff;
   z-index: 3;}


/* Menu styling */
.header 
{
  color: white;
  padding: 10px 0;
  position: relative;
  top: 23px;
  z-index: 3;
}

.nav 
{ position: fixed;
  display: flex;
  justify-content: center; /* Spreads out left, center, and right divs */
  align-items: center; /* Vertically aligns items */
  left: 38.20%;
  max-width: 450px;
  margin: 0 auto;
  padding: 0 20px;
  height: 44px;    
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;

  background: #D65002;
  border:1px solid #C73F00;
  background-image:-webkit-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-moz-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-ms-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-o-linear-gradient(bottom, #FF6003, #D65002);
  background-image:linear-gradient(bottom, #FF6003, #D65002);

  -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
}

.nav-left,.nav-right 
{ 
  display: flex;
  gap: 20px; /* Space between links */
  font-family:'SABERSfont';  
  font-size: 1.05em;
}

.nav-right 
{
  justify-content: flex-end; /* Aligns right items to the end */
}

.nav a 
{ 
  color: rgb(0, 0, 0);
  text-shadow:-1px -1px 0 #fd853f;
  text-decoration: none;
  padding: 5px 10px;
  transition: .5s ease;
}

.nav a:hover
{ 
  color: rgb(255, 255, 255);
  text-shadow:-1px -1px 0 #8d3502;
  transition: .5s ease;
}

.footer
{position: relative;
  display: flex;
  justify-content: center; /* Spreads out left, center, and right divs */
  align-items: center; /* Vertically aligns items */
  width: 450px;
  margin: 0 auto;
  padding: 0 20px;
  height: 44px;    
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  background: rgba(255, 255, 255, 0.2);
}

.footerwrapper
{ position: relative;
  display: flex;
  justify-content: center;
  width: 450px;
  margin: 0 auto;
  padding: 0 20px;
  height: 44px;    
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  background: rgba(255, 255, 255, 0.2);}


.logo 
{
  height: 110px; /* Adjust logo size as needed */
  display: block;
  text-align: center;
  z-index: 1;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  z-index: 3;}

.footerlogo 
{ position: relative;
  height: 110px; /* Adjust logo size as needed */
  display: flex;
  text-align: center;
  bottom: 32px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  z-index: 3;
}

.nav-center
{    
  flex-shrink: 0; /* Ensures the center section doesn't grow too much, keeping logo centered */ 
}

/* Hide hamburger menu by default on desktop */
.hamburger 
{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 30px;
    margin-top: -129px;
    margin-left: 267px;
    z-index: 3;
}

.bar 
{
    display: block;
    width: 100%;
    height: 4px;
    margin: 5px 0;
    background-color: rgb(0, 0, 0);
    box-shadow:-1px -1px 0 #fd853f;
    transition: 0.4s;
}

/* Hide mobile menu by default on desktop */
.mobile-menu 
{
  display: flex;
  position: fixed;
  top: -100%; /* Hide menu off-screen */
  margin-top: 55px; /* Position below the header */
  right: 10%; /* Moves to 10% off right */
  flex-direction: column;
  background-color: #D65002;
  width: 80%;
  text-align: center;
  transition: 1.0s;
  font-family: 'SABERSfont';
  text-shadow:-1px -1px 0 #fd853f;
  border-radius: 0px 0px 25px 25px;
  z-index: 1; /* Keeps menu infront of container when X'd out */
}

.mobile-menu a 
{
  color: rgb(0, 0, 0);
  padding: 15px 20px;
  text-decoration: none;
  text-align: right;
  border-top: 1px solid  #fd853f;
  overflow:hidden;
}

.mobile-menu a:hover 
{
  background-color: #555;
}

/* JavaScript Class for Active Mobile Menu */
.mobile-menu.is-active {
    top: 0; /* Slide menu into view when active */
    z-index: 2; /* Keeps menu behind Nav Bar */
}

/* Responsive adjustment for smaller screens (optional, depends on needs) */
@media 
(max-width: 768px) 
{
  .nav 
  {
    flex-wrap: wrap; /* Allows items to wrap onto a new line if needed */
    justify-content: center;
    width: 90%;
    position: relative;
    top: -20px;
    z-index: 2;
    left: 0;
  }

  .nav-left, .nav-right 
  {
    display: none;
    flex-grow: 1;
    justify-content: center;
    margin-top: 10px;
  }

  .nav-center 
  {
    width: 100%; /* Logo takes full width on small screens */
    text-align: center;
    order: -1; /* Puts logo first on mobile */
    z-index: 1;
    margin-top: -20px;
  }

  .logo
  {
    height: 70px;
    position: relative;
    top: -10px;
  }

  .hamburger {
        display: block; /* Show hamburger button */
        z-index: 3;
    }

   /* Hamburger animation when active (optional but nice) */
    .hamburger.is-active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.is-active .bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
        background-color: rgb(255, 255, 255);
    box-shadow:-1px -1px 0 #8d3502;
    }

    .hamburger.is-active .bar:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
        background-color: rgb(255, 255, 255);
    box-shadow:-1px -1px 0 #8d3502;
    }
}

.container /* Styles for the container (parent element) */
{
  display: flex; /* Establishes a flex container */
  flex-direction: column; 
  width: 100%;
  margin-top: -10px;
  z-index:0;
}



.column /* Styles for the columns (child elements) */
{
  padding: 15px;
  text-align: center;  
}

.game_container
{
  display:flex;
  max-width: 100%; /**width: 100%;**/
  /**min-height: 500px;**/
  border-radius: 25px; 
  /* Add styling like background color and border for visibility */
  background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
  backdrop-filter: blur(10px); /* Standard */
  -webkit-backdrop-filter: blur(10px); /* Safari */
  flex-direction: column;/* Stacks items vertically by default on small screens */
  margin-bottom: 20px;
  overflow: hidden;

}

.game_container .left
{ flex: 0 0 60%;
  position: relative;
    overflow: hidden;
    display: flex; 
    flex-direction:column;
}

.game_container .center
{ flex: 0 0 33%;
  position: relative;
    overflow: hidden;
    display: flex; 
    flex-direction:column;
}

.game_container .right 
{flex: 0 0 40%;
  display: inline-flex;
  flex-direction: column;
}

.news_container
{
  display:flex;
  max-width: 100%; /**width: 100%;**/
  /**min-height: 500px;**/
  border-radius: 25px; 
  /* Add styling like background color and border for visibility */
  background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
  backdrop-filter: blur(10px); /* Standard */
  -webkit-backdrop-filter: blur(10px); /* Safari */
  flex-direction: column;/* Stacks items vertically by default on small screens */
  margin-bottom: 20px;
}

.news_container .top
{display: inline-block;
 max-width: 100%;
 position: relative;
 padding: 10px;}

 /*.news_container .newspic
 {position: relative;
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
  overflow: hidden;
  border-radius:20px 20px 20px 20px;}*/

  .news_container .newspic_hline
  {position: relative;
   display: flex;
   justify-content: center;
  max-width: 100%;
   font-family:'SABERSfont';
   font-size: 2.5em;
   margin-bottom: -51px;
   bottom: 48px;
   color: #ffffff;
   text-shadow: 1px 1px 0 #000000;
   background-color: #00000069}

.news_container .bottom
{position: relative;
  display: flex;
 max-width: 100%;
 border-radius: 20px 20px 20px 20px;}

 .news_container .newsart_left
 {position:relative;
   display: flex;
   flex: 0 0 10%;
   padding: 10px;
   background: rgba(255, 255, 255, 0.25);}

  .news_container .newsart_center
 {position:relative;
  display: flex;
  flex: 0 0 60%;
  background: rgba(255, 255, 255, 0.25);}

  .news_container .newsart_right
  {position: relative;
   display: flex;
   flex: 0 0 30%;
  background: rgba(255, 255, 255, 0.25);}
  
    .news_article
    {position: relative;
     max-width: 100%;
     }

.seperator_line
{max-width: 100%;
 height: 1px;
 background-color: #ffffffd5;
text-shadow: 1px 1px 0 #6b6b6ba1;
 margin-bottom: 5px;}

.topbar_orange
{position:relative;
  top: 10px;
 max-width:50%;
 height:min-content;
 left: 25%;

 /**background-image:-webkit-linear-gradient(right, #FF6003, #cc4e00);
 background-image:-moz-linear-gradient(right, #FF6003, #170900);
 background-image:-ms-linear-gradient(right, #FF6003, #170900);
 background-image:-o-linear-gradient(right, #FF6003, #170900);
 background-image:linear-gradient(right, #FF6003, #170900);
    
 border: 1px solid #fff;**/

background: #D65002;
  border:1px solid #C73F00;
  background-image:-webkit-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-moz-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-ms-linear-gradient(bottom, #FF6003, #D65002);
  background-image:-o-linear-gradient(bottom, #FF6003, #D65002);
  background-image:linear-gradient(bottom, #FF6003, #D65002);

  /**
  -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);**/

-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;

z-index: 2;}

.topbar_black
{position:relative;
  top: 5px;
 max-width:50%;
 height:min-content;
 border-radius: 5px;
 
 
 left: 25%;

 /**background-image:-webkit-linear-gradient(right, #FF6003, #cc4e00);
 background-image:-moz-linear-gradient(right, #FF6003, #170900);
 background-image:-ms-linear-gradient(right, #FF6003, #170900);
 background-image:-o-linear-gradient(right, #FF6003, #170900);
 background-image:linear-gradient(right, #FF6003, #170900);
    
 border: 1px solid #fff;**/

background: #767575;
  border:1px solid #8b8a89;
  background-image:-webkit-linear-gradient(bottom, #000000, #767575);
  background-image:-moz-linear-gradient(bottom, #000000, #767575);
  background-image:-ms-linear-gradient(bottom, #000000, #767575);
  background-image:-o-linear-gradient(bottom, #000000, #767575);
  background-image:linear-gradient(bottom, #000000, #767575);

  /**
  -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);
  box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 #B84807, 0 2px 1px rgba(0, 0, 0, .5);**/

-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;

z-index: 1;}

.topbar_header
 {position:relative;
  color:#fff;
  font-family: 'SABERSfont';
  display: inline;
  top: 1px;
  text-shadow:-1px -1px 0 #8d3502;
  }

.cl_spurscore
{position:relative;
 max-width: 100%;
 display: inline-flex;
 flex-direction: row;
 margin-bottom: 10px;
 justify-content: center;
  }

.score_widget
{position:relative;
 max-width:100%;
 background: rgba(255, 255, 255, 0.4);
 /**background: rgba(0, 0, 0, .4);**/
 padding: 10px;
 border-radius: 10px;
 /**border: 1px solid #fFF;**/
}

.game1_v2
{position: relative;
 max-width: 50%;
 right: 4%;
 bottom: 0px;
 z-index:2;}

 .game2_v2
 {position: relative;
 max-width: 50%;
 left: 4%;
 bottom: 0px;
 z-index:2;}

.score_widget_v2
{position:relative;
 max-width:100%;
 background: rgba(255, 255, 255, 0.4);
 /**background: rgba(0, 0, 0, .4);**/
 padding: 10px;
 border-radius: 10px;
 /**border: 1px solid #fFF;**/
}

.gameday
{display:inline;
 position: relative;
margin-top: 10px;
font-family: 'Teko';
font-size: 22px;
line-height: 1.0;
text-transform: uppercase;
color:#ffffff;
text-shadow: 1px 1px 0 #6b6b6ba1;}

.h_win
{ border: solid rgb(0, 172, 37);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);}

.homediv
{position: relative;
 display:inline-flex;
 text-align:right;
 vertical-align: top;
 margin: 2px;
}

.home_logo
 {position: relative;
  margin:0px 2px;
  height: 50px;
  width: 50px;
  /*border-radius: 50%;*/ 
  display:inline-flex;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  overflow:hidden;
  background: #000000;
  background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(2, 189, 247, 1) 100%);}

.hscore
  {position:relative;
   font-family:'teko';
   color: #ffffff;
   right: 3%;
   display: inline-flex;
   margin-top: 5px;
   vertical-align: top;
   font-size: 32px;
   font-weight: 500;
   text-shadow: 1px 1px 0 #6b6b6ba1;
   }

.guestdiv
{position: relative;
 display:inline-flex;
 text-align:left;
 vertical-align: top;
 margin: 2px;
}

.guest_logo
 {position: relative;
  margin:0px 5px;
  height:40px;
  width: 40px;
  /*border-radius: 50%;*/
  display:inline-flex;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  overflow:hidden;}

.gscore
 {position:relative;
   font-family:'teko';
   color: #ffffff;
   left: 3%;
   display: inline-flex;
   margin-top: 5px;
   vertical-align: top;
   font-size: 32px;
   font-weight: 500;
   text-shadow: 1px 1px 0 #6b6b6ba1;
  }


/* Media query for larger screens (e.g., 768px and up) */
@media 
(min-width: 768px) 
{ .container /* Arranges items horizontally in a row */
   {flex-direction: row;}
 
  .sidebar-left /* Sets width to 20% and prevents growing/shrinking */
   {flex: 0 0 20%;}

  .main-content /* Sets width to 60% and prevents growing/shrinking */
   {flex: 0 0 60%;
    max-width: 100%;
    overflow:hidden;
    margin-top: 2.5%;
  }
  
  .sidebar-right /* Sets width to 20% and prevents growing/shrinking */
   {flex: 0 0 20%;}
}

/* Media query for larger screens (e.g., 768px and up) */
@media 
(min-width: 768px) 
{ .game_container /* Arranges items horizontally in a row */
   {flex-direction: row;}
 
  .left /* Sets width to 20% and prevents growing/shrinking */
   {flex: 0 0 60%;
    padding: 10px;}

  .right/* Sets width to 20% and prevents growing/shrinking */
   {flex: 0 0 40%;
    padding: 10px 10px 10px 0px;}
  
  .newsleft
  {flex: 0 0 40%;
    padding: 10px 10px 0px 10px;}

    .newsright
    {flex: 0 0 60%;
    padding: 10px;}

    
}

/* Media query for Smaller screens (e.g., 768px and below) */
@media 
(max-width: 768px)
{ .game_container /* Arranges items vertically in a column */
   {flex-direction: column;
    padding: 10px;}

  .left, .right .newspic /* Make columns full width on mobile */
   {width: 100%;
    padding: 0;}
    
  .right 
   {order: 1;} /* Make right column appear first */

  .left 
   {order: 2;
    padding-top: 10px;} /* Make main content column appear second */

}

/* Media query for Smaller screens (e.g., 768px and below) */
@media 
(max-width: 768px)
{ .score_widget
  {padding: 5px;}

  .homediv
  {left: 5%;}
  
  .home_logo
  {width: 40px;
   height:40px;
  margin: 5px 5px 5px 0px;}

  .guestdiv
  {right: 5%;}

  .guest_logo
  {width: 40px;
   height: 40px;
   margin: 5px 0px 5px 5px;}

  .game1
  {left: 1%;}

  .game2
  {right: 1%;}
}

/* Media query for Smaller screens (e.g., 768px and below) */
@media 
(max-width: 768px)
{ .container /* Arranges items vertically in a column */
   {flex-direction: column;}

  .sidebar-right, .main-content, .sidebar-left /* Make columns full width on mobile */
   {width: 100%;}
    
  .sidebar-right 
   {order: 1;} /* Make right column appear first */

  .main-content 
   {order: 2;} /* Make main content column appear second */

  .sidebar-left 
   {order: 3;} /* Make left column appear third */
}

.gameheading
{
 display:block;
 position: relative;
 font-family: 'SABERSfont';
 font-size: 1.75EM;
 font-weight:400;
 line-height: 1.0;
 color: #fff;
 /*color: transparent;
 background-image:linear-gradient(180deg,rgba(255, 255, 255, 1) 25%, rgba(255, 96, 3, 1) 75%);
 -webkit-background-clip: text;
  background-clip: text;*/
 text-shadow: 3px 3px 0 #000000;
 text-shadow: -1px -1px 0 #000, 1px 1px 0 #000, 3px 3px 0 #000, 2px 1px 0 #000;}

 .yellow_columbia
 {display: inline-flex;
  color: #FFE800;
  text-shadow: 3px 3px 0 #7BAFD4;
 text-shadow: -1px -1px 0 #7BAFD4, 1px 1px 0 #7BAFD4, 3px 3px 0 #7BAFD4, 2px 1px 0 #7BAFD4; }

/*.newsheading
{
 display:block;
 position: relative;
 font-family: 'SABERSfont';
 font-size: 1.75EM;
 font-weight:400;
 line-height: 1.0;
 color:#fff;
 text-shadow: 2px 2px 0 #000000;
}*/

.gamecolumn
{
  position: relative;
  max-width: 100%;
  height: 100%;
  font-size: 20px;
  font-family: 'Teko';
  font-weight: 500;
  line-height: 1.0;
  overflow: auto;
  text-align: left;
  padding-top: 10px;
  color: #fff;
  text-shadow: 1px 1px 0 #6b6b6b;
}

.newscolumn
{
  position: relative;
  display: flex;
  max-width: 100%;
  font-size: 1.355em;
  font-family: 'Teko';
  font-weight: 500;
  line-height: 1.0;
  overflow: auto;
  text-align: left;
  padding-top: 10px;
  color: #fff;
}

.newspic
 {position: relative;
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
  overflow: hidden;
  border-radius:20px 20px 20px 20px;}

.game_info
{position:relative;
 max-width: 100%;
 background: rgba(255, 255, 255, 0.25);
 border-radius: 15px;
 display: inline-flex;
 flex-direction: row;
 text-shadow: 1px 1px 0 #6b6b6ba1;
 vertical-align: text-bottom;
 padding: 5px;}

.game_date
{position:relative;
 display: block;
 /**width: 50px;
 height: 50px;**/
 text-align: Center;
 right:30%;
padding-top: 18px;}

.gamedate_month
{position: relative;
    text-align: center;
    font-family: 'Teko';
    font-size: 25px;
    color: #000000;
  }

.gamedate_day
{position: relative;
    text-align: center;
    font-family: 'Teko';
    font-size: 48px;
    font-weight: bold;
    color: #ff6003;
}

.nextgame_container
{ position: sticky;
  display:flex;
  max-width: 100%; /**width: 100%;**/
  flex-direction: column;/* Stacks items vertically by default on small screens */
  vertical-align: top;
  top: 6.5%;
  }

.nextgame_game
{position:relative;
 max-width: 100%;
 background: rgba(255, 255, 255, 0.25);
 border-radius: 20px;
 display: inline-flex;
 flex-direction: column;
 padding: 10px 10px 10px 10px;
 justify-content: center;
 background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
 backdrop-filter: blur(10px); /* Standard */
 -webkit-backdrop-filter: blur(10px); /* Safari */}

 .ng_eventgame
 {position: relative;
  max-width: 100%;
  font-family: 'SABERSfont';
  font-size: 18px;}

  .ng_info
  {position: relative;
   max-width: 100%;
   background: rgba(255, 255, 255, 0.25);
   display: flex;
   border-radius: 20px;}

   .ng_calendar
   {position: relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px 0px 0px 20px;
    background: #000;
    padding: 10px;}

    .ng_gameinfo
    {position: relative;
    max-width: 100%;
    display:flex;
    flex-direction: column;
    padding-left:5px;
    margin-bottom: auto;
    top: 0px;}

    .ng_timefieldmap
    {position: relative;
     display: flex;
     flex-direction: row;
     top: 5px;
     }

     .ng_team
     {position:relative;
      display: flex;
      flex-direction: row;
       max-width: 100%;}

      .ng_vs
      {position: relative;
       display: flex;
       font-family: 'SABERSfont';
       font-size: 1.25em;
       margin-top: 2px;}

  .ng_ut_container
  {position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;}

  .ng_ut_title
  {position:relative;
 max-width: 100%;
 font-family:'SABERSfont';
 text-align:center;
 font-size: 1.5em;
 margin: 5px 0px 5px 0px;
 text-shadow: 1px 1px 0 #02bdf7}

 .ng_uni
 {position: relative;
  text-align: center;
  max-width: 100%;}

  .standings_container
{ position: Sticky;
  display:flex;
  max-width: 100%; /**width: 100%;**/
  flex-direction: column;/* Stacks items vertically by default on small screens */
  vertical-align: top;
  top: 6.5%;
  }

#standings-container /**javascript**/
{position: relative;
 max-width: 100%;
 display: flex;
 flex-direction:column;}

table
{position:relative;
 border-radius: 20px;
 padding: 10px 10px 10px 10px;
 background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
 backdrop-filter: blur(10px); /* Standard */
 -webkit-backdrop-filter: blur(10px); /* Safari */}

 thead
 {position: relative;
  max-width: 100%;}

 td
 {font-family:'Teko';
  font-size: 1.50em;
  color:#fff;
  text-shadow: 1px 1px 0 #170900;
  border-bottom: 1px solid #ffffff45}

 th
 {position: relative;
  font-family:'SABERSfont';
  color: #fd853f;
  font-size: 0.9em;
  letter-spacing: 1px;
  text-shadow: 1px 1px 0 #170900;}

 tr
 {position: relative;
  border-bottom: 1px solid #fff;}

 ::-webkit-scrollbar 
{width: 10px;
 border-radius: 10px;}

 ::-webkit-scrollbar-track 
{background: #fdfdfd16;
 -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.2);
 border-radius: 10px;}
 
::-webkit-scrollbar-thumb 
{border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.222);
 background: #9292925e;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{background: #c1c1c1;}