/* blue- #091f40 gray-#a4aaad */

.news-ticker-container {
  overflow: hidden; /* Hides content outside the container */
  white-space: nowrap; /* Prevents text from wrapping */
  width: 100%; /* Or a specific width */
  background-color: #f0f0f0;
  padding: 10px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.news-ticker-content {
  display: inline-block; /* Allows content to flow horizontally */
  animation: scroll-left 20s linear infinite; /* Animation definition */
}

.news-ticker-content span {
  padding-right: 20px; /* Space between news items */
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #333;
}

@keyframes scroll-left {
  0% { transform: translateX(100%); } /* Start off-screen right */
  100% { transform: translateX(-100%); } /* End off-screen left */
}

/* Optional: Pause on hover */
.news-ticker-content:hover {
  animation-play-state: paused;
}

body {
	font-family: 'Montserrat', sans-serif;
	
}

.dancing-script {
	font-family: 'Dancing Script', cursive;
}

.orange-text {
	font-size: 1.3em;
}


/* jumbotron image 1950-1959 */
.jumbotron-game-results-history-page {
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../2024/media/kickoff-jumbo.webp") center no-repeat;
 background-size: cover;
 height: 500px;
}

/* jumbotron image mobile 1950-1959 */
.jumbotron-game-results-history-page-mobile {
 background-image: linear-gradient(00deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0.5970763305322129) 100%), url("../2024/media/kickoff-mobile.webp");
 height: 550px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image */
.jumbotron-all-state {	
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../2025/media/all-state/All-State-jumbo.webp") center no-repeat;
 background-size: cover;
 padding-top: 100px;
 height: 550px;
}

/* jumbotron image mobile */
.jumbotron-all-state-mobile {
 background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../2025/media/all-state/All-State-mobile.webp");
 height: 450px;
 padding-top: 170px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image */
.jumbotron-levi-davis {	
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../2025/media/Levi-Davis-jumbo.webp") center no-repeat;
 background-size: cover;
 padding-top: 100px;
 height: 550px;
}

/* jumbotron image mobile */
.jumbotron-levi-davis-mobile {
 background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../2025/media/Levi-Davis-mobile.webp");
 height: 450px;
 padding-top: 170px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image */
.jumbotron-front-top {	
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../media/sideline-jumbo.webp") center no-repeat;
 background-size: cover;
 padding-top: 100px;
 height: 550px;
}

/* jumbotron image mobile */
.jumbotron-front-top-mobile {
 background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../media/sideline-mobile.webp");
 height: 450px;
 padding-top: 170px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image front page */
.jumbotron-alumni {
background: rgb(0,0,0);
background: -moz-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%);
background: radial-gradient(circle, rgba(0,0,0,0.39539565826330536) 0%, rgba(0,0,0,0.6502976190476191) 50%, rgba(0,0,0,1) 100%), url("../media/Orange-Pioneers-jumbo.webp") center no-repeat;
 background-size: cover;
 height: 500px;/*
 border-top: 6px solid #a4aaad ;
 border-bottom: 6px solid #a4aaad ;*/
}

/* jumbotron image mobile front page */
.jumbotron-alumni-mobile {
 background-image: linear-gradient(00deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0.5970763305322129) 100%), url("../media/Orange-Pioneers-mobile.webp");
 height: 450px;
 background-size: cover;
 background-position: center;
}

/* bg color 023186 */
    .color-break {
	  background-color:#023186;
    }

/* bg color */
    .margin-blue-bottom {
      width: 100%;
	  background-color:#023186;
    }

 /* changes the margin at the top of the carousel */
    .margin-blue {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      background-color:#023186;
    }

/* jumbotron orchard-park 2023 */
.jumbotron-mission {
 background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%), url("../media/perkiomen-valley-jumbo.webp") center no-repeat;
 background-size: cover;
 height: 1000px;
 padding-top:20px;
}

/* jumbotron orchard-park 2023 mobile */
.jumbotron-mission-mobile {
 background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.835171568627451) 20%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.835171568627451) 20%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0.835171568627451) 20%, rgba(0,0,0,0) 100%), url("../media/perkiomen-valley-mobile.webp");
 height: 1000px;
 padding-top: 10px;
 background-size: cover;
 background-position: center;
}

.icon-size {
	font-size: 3em;
	color: #000;
}

.card-depaul {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.6);
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

.title-depaul {
  color: #AA0002;
  font-size: 18px;
}

.button-depaul {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

a-depaul {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button-depaul:hover, a:hover {
  opacity: 0.7;
}

.embed-media {
	width: 100%;
}

.embed-media-video {
	width: 100%;
	height: 400px;
}

.calendar-desktop {
	width:800px;
	height:600px;
	frameborder:1px;
}

.calendar-mobile {
	width:340px;
	height:600px;
	frameborder:1px;
}

.size5 {
  font-size:1.2em;
}

/* code for the tournament */
main{
  display:flex;
  flex-direction:row;
}

main-two{
  display:flex;
  flex-direction:row;
}

main-mobile{
  display:flex;
  flex-direction:row;
}

/* code for the tournament */
main-1{
  display:flex;
  flex-direction:row;
}

main-2{
  display:flex;
  flex-direction:row;
}

main-3{
  display:flex;
  flex-direction:row;
}

.round{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:370px;
  list-style:none;
  padding:0;
}
  .round .spacer{ flex-grow:1; }
  .round .spacer:first-child,
  .round .spacer:last-child{ flex-grow:.4; }

  .round .game-spacer{
    flex-grow:3;
  }

/*
 *  General Styles
*/

li.game{
  padding-left:20px;
}

  li.game.winner{
    font-weight:bold;
  }
  li.game span{
    float:right;
    margin-right:5px;
  }

  li.game-top{ border-bottom:1px solid #aaa; }

  li.game-spacer{
    border-right:1px solid #aaa;
    min-height:50px;
  }

  li.game-spacer-left{
    border-left:1px solid #aaa;
    min-height:90px;
  }

  li.game-spacer-left-champ{
    border-left:1px solid #aaa;
    min-height:380px;
  }

  li.game-spacer-left-semi{
    border-left:1px solid #aaa;
    min-height:190px;
  }

  li.game-spacer-middle{
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    min-height:40px;
  }

  li.game-bottom{
    border-top:1px solid #aaa;
  }
/* end code for the tournament */

.ninety-east-background {
	background-color:#D2D2D2;
	border-top: 6px solid #091f40 ;
    border-bottom: 6px solid #166938 ;
}

/* On screens that are 576px or less, set the background color to blue */
@media screen and (max-width: 576px) {
  body {
    background-image: none;
	background-color: #FFFFFF;
  }
}

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
  .story-margin {
    margin-top: 60px;
  }
 }


/* carousel images need to fit in the screen */
.carousel-inner img {
      width: 100%;
      height: 100%;
  }

  /* changes the margin at the top of the carousel */
    .margin-top {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 10px;
    }

/* changes the padding along the top */
    .padding-top {
	  padding-top: 15px;
    }

/* changes the margin along the bottom */
    .padding-bottom {
	  padding-bottom: 30px;
    }

    .margin {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 35px;
    }

/* changes the margin on the footer */
  .margin-inner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
  }

  /* changes the margin at the top of the carousel */
    .margin-white {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 60px;
      background-color:#FFFFFF ;
    }

  /* changes the margin at the top of the carousel */
    .margin-lite-gray {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 60px;
      background-color:#D2D2D2;
	  border-top: 6px solid #091f40 ;
      border-bottom: 6px solid #091f40 ;
    }

  /* changes the margin at the top of the carousel */
    .margin-gray {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      margin-top: 60px;
      background-color:#a4aaad;
	  border-top: 6px solid #091f40 ;
      border-bottom: 6px solid #091f40 ;
    }

  /* changes the margin at the top of the carousel */
    .row-margin-blue {
      background-color:#091f40;
    }


/* changes the margin at the top of the carousel */
    .margin-carey {
	  border-top: 6px solid #a4aaad ;
    }

.margin-both {
  padding-top:25px;
  margin-top:20px;
  margin-bottom:20px;

}

/* very top banner border and background color */
.background-color {
  background-color:#a4aaad;
  border-top: 6px solid #091f40;
  border-bottom: 6px solid #091f40 ;
}



/* border color of the hamburger 
.navbar-dark .navbar-toggler {
    /* color: #ffffff!important; 
    border-color: #000!important;
}*/



/* sponsors page has a space above the container */
.sponsors {
	margin-bottom:40px;
}


/* Countdown for the front of the page */
#world-premiere .heading{
    text-align:center;
    font-size: 1em;
}

#world-premiere .my-countdown .countdown-row {
    display:block;
    text-align:center;
}

#world-premiere .my-countdown .countdown-section {
    display:inline-block;
    width: 150px;
}

#world-premiere .my-countdown .countdown-amount {
    display:block;
    color:#000;
    font-size:5em;
    line-height:55px;
}

#world-premiere .my-countdown .countdown-period {
    display:block;
    color:#000;
    font-size:0.8em;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-top:15px;
	margin-bottom:20px;
}


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

#world-premiere{
    font-size: 9px;
    min-height:60px;
}

#world-premiere h3{
    line-height:20px;
}

#world-premiere .my-countdown .countdown-section {
    width: 70px;
}
}
/* End of Countdown */

/* lower image on every page margin-top */
.logo {
	margin-top:25px;
}

/* space between 2nd stories and countdown */
.secondary-story {
	margin-bottom:30px;
}



.size1 {
  font-size:6em;
}

.size3 {
  font-size:2em;
}

.size4 {
  font-size:1.2em;
}

h2 {
	color:#000000;
}

h1.black{
color:#000000;
}

h2.white {
	color:#FFFFFF;
}

h3.white {
	color:#FFFFFF;
}


h4.black{
	color:#000000;
}

p {
	color:#FFFFFF;
}

p.white{
	color:#FFFFFF;
}

p.black{
	color:#000000;
}

p.watch{
	font-size: 3em;
	text-decoration: underline;
}

small.white {
	color:#FFFFFF;
}

.carousel-size {
	font-size:3em;
}

/* mobile navbar text size */
.size2 {
  font-size:2em;
}

/* google icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.md-30 {
	font-size: 28px;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* hr for desktop */
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* hr for mobile */
hr.black {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid black;
}