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

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

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

/* 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/ridley-raiders-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("../media/ridley-raiders-mobile.webp");
 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/Phil-Marion-Field.webp") 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/Phil-Marion-Field-mobile.webp");
 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/raiders-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-2023-mobile {
 background-image: linear-gradient(00deg, rgba(0,0,0,0.6026785714285714) 0%, rgba(0,0,0,0.5970763305322129) 100%), url("../media/raiders-mobile.webp");
 height: 450px;
 background-size: cover;
 background-position: center;
}

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

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

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

/* 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.jpg") 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.jpg") 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;
}