@charset "UTF-8";
/* CSS Document */
body {
	font-family: 'Montserrat', sans-serif;
}

.montserrat-100 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
}

.montserrat-200 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
}

.montserrat-300 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

.montserrat-400 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.montserrat-500 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.montserrat-600 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

.montserrat-700 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.montserrat-800 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

.montserrat-900 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.serif {
	font-family: 'PT Serif', serif;
}

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

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

.button-desert-ridge {
  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-desert-ridge {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button-desert-ridge:hover, a:hover {
  opacity: 0.7;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' -25,
  'opsz' 48
}

.md-48 {
	color: #FFFFFF;
	font-size:48px;
}

/* jumbotron-lockport-09-04 */
.jumbotron-senior-night-2023 {
 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("../22-23/media/senior-night/jumbo-basketball-team-manager.jpg") center no-repeat;
 background-size: cover;
 height: 600px;
 padding-top:380px;
}

/* jumbotron alumni report mobile */
.jumbotron-senior-night-2023-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("../22-23/media/senior-night/basketball-team-manager-mobile.jpg");
 height: 500px;
 padding-top: 100px;
 background-size: cover;
 background-position: center;
}

/* jumbotron-lockport-09-04 */
.jumbotron-november-14-2022 {
 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("../22-23/media/november-15/team-huddle-jumbo.jpg") center no-repeat;
 background-size: cover;
 height: 600px;
 padding-top:230px;
}


/* jumbotron alumni report mobile */
.jumbotron-drhs-basketball-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("../22-23/media/november-15/team-huddle-mobile.jpg");
 height: 500px;
 padding-top: 100px;
 background-size: cover;
 background-position: center;
}

/* jumbotron-lockport-09-04 */
.jumbotron-drhs-basketball {
 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/drhs-gym.jpg") center no-repeat;
 background-size: cover;
 height: 600px;
 padding-top:230px;
}


/* jumbotron alumni report mobile */
.jumbotron-drhs-basketball-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/drhs-gym-mobile.jpg");
 height: 500px;
 padding-top: 100px;
 background-size: cover;
 background-position: center;
}

/* jumbotron-lockport-09-04 */
.jumbotron-drhs {
 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 99%), url("../media/gym-bleachers.jpg") fixed center no-repeat;
 background-size: cover;
 height: 400px;
}


/* jumbotron alumni report mobile */
.jumbotron-drhs-mobile {
 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 95%), url("../media/gym-bleachers-mobile.jpg");
 height: 500px;
 padding-top: 300px;
 background-size: cover;
 background-position: center;
}

.margin-header {
	margin-bottom: -1px;
}

/* 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:#000000;
    font-size:6em;
	font-weight: 700;
    line-height:55px;
}

#world-premiere .my-countdown .countdown-period {
    display:block;
    color:#000000;
    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 */

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

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