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

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

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

.east-size-1 {
	font-size: 1.2em;
}

.card-el-cap {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.6);
}

/* 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("../media/el-capitan-pregame-jumbo.jpg") 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("../media/el-capitan-pregame-mobile.jpg");
 height: 550px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image peter jones */
.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/el-capitan-announced-jumbo.jpg") center no-repeat;
 background-size: cover;
 padding-top: 100px;
 height: 550px;
}

/* jumbotron image mobile peter jones */
.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/el-capitan-announced-mobile.jpg");
 height: 450px;
 padding-top: 170px;
 background-size: cover;
 background-position: center;
}

/* jumbotron image front page */
.jumbotron-alumni-2023 {
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/el-capitan-jumbo.jpg") 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-2023-mobile {
 background-image: linear-gradient(00deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0.5970763305322129) 100%), url("../media/el-capitan-mobile.jpg");
 height: 450px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page el-cap-logo */
.jumbotron-el-cap-logo {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../media/el-capitan-jumbo.jpg") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of el-cap-logo mobile */
.jumbotron-el-cap-logo-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../media/el-capitan-mobile.jpg") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front state championship */
.jumbotron-state-championship {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2024/media/silverado/el-cap-football-pregame.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top state-championship mobile */
.jumbotron-state-championship-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2024/media/silverado/el-cap-football-pregame-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page scripps-ranch-2024 */
.jumbotron-el-cap-scripps-ranch-2024 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2024/media/scripps-ranch/focused-on-the-offense-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of scripps-ranch-2024 mobile */
.jumbotron-el-cap-scripps-ranch-2024-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2024/media/scripps-ranch/focused-on-the-offense-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page mira-mesa-2024 */
.jumbotron-el-cap-mira-mesa-2024 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2024/media/mira-mesa/celebration-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of mira-mesa-2024 mobile */
.jumbotron-el-cap-mira-mesa-2024-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2024/media/mira-mesa/celebration-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}


/* jumbotron top of front page montgomery-2025 */
.jumbotron-el-cap-montgomery-2025 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2025/media/montgomery/el-cap-hitting-the-field-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of montgomery-2025 mobile */
.jumbotron-el-cap-montgomery-2025-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2025/media/montgomery/el-cap-hitting-the-field-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page granite-hills-2025 */
.jumbotron-el-cap-granite-hills-2025 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2025/media/granite-hills/getting-past-the-defense-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of granite-hills-2025 mobile */
.jumbotron-el-cap-granite-hills-2025-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2025/media/granite-hills/getting-past-the-defense-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

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

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

 /* 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:#ff9900;
    }

/* 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/el-capitan-huddle-jumbo.jpg") 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/el-capitan-huddle-mobile.jpg");
 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;
  }

.friars-padding{
	margin-bottom: -4px;
}

.friars-padding-mobile{
	margin-bottom: -60px;
}

.friars-padding-mobile-02{
	margin-bottom: -36px;
}

  /* 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-blue-pictures {
      width: 100%;
	  border-top: 6px solid #a4aaad ;
      border-bottom: 6px solid #a4aaad ;
    }

/* 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 ;
}

/* background of the hamburger */
.bg-dark {
    background-color: #fff!important; 
}

/* text size for mobile */
.text-size-mobile {
    font-size: 1.4em;
}

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


.text-bg{
  background-color: white;
  padding-top:15px;
}

.white {
  color:white;
}

/* unvisited link for a link in a list */
a.schedule:link{
    color: black;
	text-decoration: underline;
}

/* visited link */
a.schedule:visited {
    color: black;
}

/* mouse over link */
a.schedule:hover {
    color: #5B5B5B;
}

/* selected link */
a.schedule:active {
    color: black;
}

/* unvisited link for a link in a list */
a.color-links:link{
    color: #0058FF;
	text-decoration: underline;
}

/* visited link */
a.color-links:visited {
    color: #0058FF;
}

/* mouse over link */
a.color-links:hover {
    color: #5B5B5B;
}

/* selected link */
a.color-links:active {
    color: black;
}

/* unvisited link for a link in a list */
a.ninety:link{
    color: white;
	text-decoration: underline;
}

/* visited link */
a.ninety:visited {
    color: white;
}

/* mouse over link */
a.ninety:hover {
    color: #5B5B5B;
}

/* selected link */
a.ninety:active {
    color: white;
}

/* unvisited link for a link in a list */
a.black:link{
    color: black;
}

/* visited link */
a.black:visited {
    color: black;
}

/* mouse over link */
a.black:hover {
    color: #5B5B5B;
}

/* selected link */
a.black:active {
    color: black;
}

/* unvisited link for a link in a list on the alumni pages */
a.alumni:link{
    color: black;
	text-decoration: underline;
}

/* visited link */
a.alumni:visited {
    color: black;
}

/* mouse over link */
a.alumni:hover {
    color: #5B5B5B;
}

/* selected link */
a.alumni:active {
    color: black;
}


/* unvisited link for a link with a red bg */
a.white:link{
    color: #FFFFFF;
}

/* visited link */
a.white:visited {
    color: #FFFFFF;
}

/* mouse over link */
a.white:hover {
    color: #8B8989;
}

/* selected link */
a.white:active {
    color: #FFFFFF;
}

/* unvisited link for a link with a red but with a paragraph bg */
a.white p:link{
    color: #FFFFFF;
}

/* visited link */
a.white p:visited {
    color: #FFFFFF;
}

/* mouse over link */
a.white p:hover {
    color: #C0BFBF;
}

/* selected link */
a.white p:active {
    color: #FFFFFF;
}

/* 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;
}

.navbar-toggler {
    line-height: 1;
    background-color: black;
    border: 4px solid #BABABA;
    border-radius: .25rem;
	margin-right:10px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 150% 125%;
}

/* 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';
}

/* 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;
}

/* jumbotron top of front page canyon-hills-2023 */
.jumbotron-east-canyon-hills-2023 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2023/media/canyon-hills/el-capitan-huddle-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of front page canyon-hills-2023 mobile */
.jumbotron-east-canyon-hills-2023-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/canyon-hills/el-capitan-huddle-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page monte-vista-2023 */
.jumbotron-east-monte-vista-2023 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2023/media/monte-vista/focused-on-the-offense-jumbo.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of front page monte-vista-2023 mobile */
.jumbotron-east-monte-vista-2023-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/monte-vista/focused-on-the-offense-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page santana-2023 */
.jumbotron-east-santana-2023 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2023/media/santana/vaqueros-pregame-huddle-with-young-kids.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of front page santana 2023 mobile */
.jumbotron-east-santana-2023-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/santana/vaqueros-pregame-huddle-with-young-kids-mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page la-jolla-2023 */
.jumbotron-east-la-jolla-2023 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2023/media/la-jolla/el-cap-announced.webp") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of front page la-jolla-2023 mobile */
.jumbotron-east-la-jolla-2023-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/la-jolla/el-cap-announced_mobile.webp") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron top of front page */
.jumbotron-east-valhalla-2023 {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 0%, rgba(0,0,0,0) 75%), url("../2023/media/el-capitan-announced-jumbo.jpg") center no-repeat;	
 background-size: cover;
 border-top: 4px solid #fff;
 height: 550px;
 padding-top: 140px;
}

/* jumbotron top of front page mobile */
.jumbotron-east-valhalla-2023-mobile {
background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/el-capitan-announced-mobile.jpg") center no-repeat;
 height: 400px;
 padding-top: 70px;
 background-size: cover;
 background-position: center;
}

/* jumbotron grossmont-playoffs */
.jumbotron-grossmont-playoffs-24-01 {
 background: url("../2024/media/grossmont/excitment-on-the-field-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron grossmont-playoffs */
.jumbotron-grossmont-playoffs-24-02 {
 background: url("../2024/media/grossmont/fumble-by-the-grossmont-QB-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron grossmont-playoffs */
.jumbotron-grossmont-playoffs-24-03 {
 background: url("../2024/media/grossmont/oline-ready-to-hear-the-play-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron grossmont-playoffs */
.jumbotron-grossmont-playoffs-24-04 {
 background: url("../2024/media/grossmont/rushing-the-QB-while-being-held-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron grossmont-playoffs */
.jumbotron-grossmont-playoffs-24-05 {
 background: url("../2024/media/grossmont/hitting-the-corner-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron chula-vista-playoffs */
.jumbotron-chula-vista-playoffs-24-01 {
 background: url("../2024/media/chula-vista-playoff/excitment-while-hitting-the-field-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron chula-vista-playoffs */
.jumbotron-chula-vista-playoffs-24-02 {
 background: url("../2024/media/chula-vista-playoff/QB-looking-down-field-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron chula-vista-playoffs */
.jumbotron-chula-vista-playoffs-24-03 {
 background: url("../2024/media/chula-vista-playoff/bringing-down-the-RB-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron chula-vista-playoffs */
.jumbotron-chula-vista-playoffs-24-04 {
 background: url("../2024/media/chula-vista-playoff/getting-blocks-down-field-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron chula-vista-playoffs */
.jumbotron-chula-vista-playoffs-24-05 {
 background: url("../2024/media/chula-vista-playoff/coach-talking-to-the-referee-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-01 {
 background: url("../2024/media/carmel/el-cap-on-the-field-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-02 {
 background: url("../2024/media/carmel/lining-up-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-03 {
 background: url("../2024/media/carmel/Oline-making-the-blocks-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-04 {
 background: url("../2024/media/carmel/looking-over-the-defense-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-05 {
 background: url("../2024/media/carmel/making-the-tackle-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 carmel */
.jumbotron-carmel-2024-06 {
 background: url("../2024/media/carmel/post-game-talk-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-01 {
 background: url("../2024/media/silverado/el-cap-football-pregame.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-02 {
 background: url("../2024/media/silverado/lineman-getting-held-in-the-backfield-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-03 {
 background: url("../2024/media/silverado/hauling-in-the-pass-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-04 {
 background: url("../2024/media/silverado/running-to-the-hole-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-05 {
 background: url("../2024/media/silverado/sack-on-the-QB-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 silverado */
.jumbotron-silverado-2024-06 {
 background: url("../2024/media/silverado/winners-with-the-hardware-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-mira-mesa-2024-01 {
 background: url("../2024/media/mira-mesa/looking-for-space-to-run-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-mira-mesa-2024-02 {
 background: url("../2024/media/mira-mesa/getting-through-the-line-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-mira-mesa-2024-03 {
 background: url("../2024/media/mira-mesa/getting-into-the-backfield-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-mira-mesa-2024-04 {
 background: url("../2024/media/mira-mesa/quarterback-calling-signals-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-mira-mesa-2024-05 {
 background: url("../2024/media/mira-mesa/celebration-fun-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2024 mira mesa */
.jumbotron-scripps-ranch-2024-01 {
 background: url("../2024/media/scripps-ranch/focused-on-the-offense-jumbo-two.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

 /* jumbotron 2024 mira mesa */
.jumbotron-scripps-ranch-2024-02 {
 background: url("../2024/media/scripps-ranch/making-the-tackle-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

 /* jumbotron 2024 mira mesa */
.jumbotron-scripps-ranch-2024-03 {
 background: url("../2024/media/scripps-ranch/long-snapper-in-action-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

 /* jumbotron 2024 mira mesa */
.jumbotron-scripps-ranch-2024-04 {
 background: url("../2024/media/scripps-ranch/gang-tackle-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

 /* jumbotron 2024 mira mesa */
.jumbotron-scripps-ranch-2024-05 {
 background: url("../2024/media/scripps-ranch/reaching-out-for-tackle-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2023 canyon-hills */
.jumbotron-canyon-hills-2023-01 {
 background: url("../2023/media/canyon-hills/coach-talking.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2023 canyon-hills */
.jumbotron-canyon-hills-2023-02 {
 background: url("../2023/media/canyon-hills/catch-and-sprint.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 canyon-hills */
.jumbotron-canyon-hills-2023-03 {
 background: url("../2023/media/canyon-hills/quarterback-looking-down-field.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 canyon-hills */
.jumbotron-canyon-hills-2023-04 {
 background: url("../2023/media/canyon-hills/reaching-for-the-tackle.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 canyon-hills */
.jumbotron-canyon-hills-2023-05 {
 background: url("../2023/media/canyon-hills/following-the-blocks.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2023 monte-vista */
.jumbotron-monte-vista-23-01 {
 background: url("../2023/media/monte-vista/el-cap-announced-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2023 monte-vista */
.jumbotron-monte-vista-23-02 {
 background: url("../2023/media/monte-vista/gang-tackle-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 monte-vista */
.jumbotron-monte-vista-23-03 {
 background: url("../2023/media/monte-vista/line-getting-set-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 monte-vista */
.jumbotron-monte-vista-23-04 {
 background: url("../2023/media/monte-vista/running-back-looking-for-space-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 monte-vista */
.jumbotron-monte-vista-23-05 {
 background: url("../2023/media/monte-vista/wide-reciever-running-the-ball-jumbo.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2023 santana */
.jumbotron-santana-23-01 {
 background: url("../2023/media/santana/vaqueros-pregame-huddle-with-young-kids.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2023 santana */
.jumbotron-santana-23-02 {
 background: url("../2023/media/santana/quarterback-looking-to-unleash-the-ball.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 santana */
.jumbotron-santana-23-03 {
 background: url("../2023/media/santana/ball-carrier-running.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 santana */
.jumbotron-santana-23-04 {
 background: url("../2023/media/santana/lineman-blocking.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 santana */
.jumbotron-santana-23-05 {
 background: url("../2023/media/santana/el-cap-celebration.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2023 la-jolla */
.jumbotron-la-jolla-23-01 {
 background: url("../2023/media/la-jolla/el-cap-announced.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:100px;
}

/* jumbotron 2023 la-jolla */
.jumbotron-la-jolla-23-02 {
 background: url("../2023/media/la-jolla/el-cap-fired-up-in-huddle.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 la-jolla */
.jumbotron-la-jolla-23-03 {
 background: url("../2023/media/la-jolla/linebacker-focused-for-el-cap.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 la-jolla */
.jumbotron-la-jolla-23-04 {
 background: url("../2023/media/la-jolla/quarterback-getting-the-snap.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron 2022 la-jolla */
.jumbotron-la-jolla-23-05 {
 background: url("../2023/media/la-jolla/running-back-looking-for-space.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron el-capitan-gameday */
.jumbotron-east-el-capitan-gameday {
 background: rgb(35,31,32);
background: linear-gradient(0deg, rgba(35,31,32,1) 5%, rgba(0,0,0,0) 50%, rgba(35,31,32,1) 95%), url("../2023/media/la-jolla/el-cap-fired-up-in-huddle.webp") fixed center no-repeat;
 background-size: cover;
 height: 450px;
 padding-top:60px;
}

/* jumbotron image */
.jumbotron-east-el-capitan-gameday-mobile {
 background-image: linear-gradient(0deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0.5970763305322129) 100%), url("../2023/media/la-jolla/el-cap-fired-up-in-huddle_mobile.webp");
 height: 450px;
 background-size: cover;
 background-position: center;
}