/* Local Styles for Homepage only  */


/*Remove video hexagon image above video */
.slide-title-description img {
    display: none;
}



 /*  Show All Height of Video on Desktop view */
/*Video align to top */
.slide .embed-container iframe, .slide .embed-container object, .slide .embed-container embed {
    pointer-events: none;
    position: absolute;
    /*top: 50%;*/
    top: 93% !important;
    left: 50%;
    width: 100vw;
    height: 122vh;
    transform: translate(-50%, -50%);
}
.slide {
    /*min-height: 800px;*/
     /*min-height: 848px;*/
      min-height: 866px;
}

.slide .embed-container {
    overflow: visible;
}
.shadow {
     display: none; 
}

/*Modify homepage title to use a dark background with rounded corners*/
.title-lead {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 auto;
    line-height: 1.1;
    min-width: 180px;
    color: #FFFFFF;
    font-family: "Patua One";
    background-color: black;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    
    /*Do not show name of site on video*/
        display: none;
}

/*End show all of video*/




/*Normal site styles*/




 .table {
	border-color: #121212
}
/*accordion search */
 form#class-listing {
	 background-color: #e7e7e7;
	 border-bottom: 1px solid #dedede;
	 padding: 20px;
}
/*accordion search search button */
 button#search-btn, button#listing-search-btn {
	 border: medium none;
	 border-radius: 4px;
	 color: #ffffff;
	 cursor: pointer;
	 display: inline-block;
	 height: auto;
	 margin: 0px 9px 0px 9px;
	 min-width: 50px;
	 padding: 8px 20px;
	 text-align: center;
	 text-shadow: none;
	 text-transform: uppercase;
	 transition: border 0.3s linear 0s, color 0.3s linear 0s, background-color 0.3s linear 0s;
	 vertical-align: middle;
	 width: auto;
	 background-color: #CF4411;
}
/*accordion search reset button */
 button#reset-btn {
	 border: medium 1px;
	 border-radius: 4px;
	/* color: #ffffff;
	 */
	 cursor: pointer;
	 display: inline-block;
	 height: auto;
	 margin: 0px 3px 0px 3px;
	 min-width: 50px;
	 padding: 6px 18px;
	 text-align: center;
	 text-shadow: none;
	 text-transform: uppercase;
	 transition: border 0.3s linear 0s, color 0.3s linear 0s, background-color 0.3s linear 0s;
	 vertical-align: middle;
	 width: auto;
	/* background-color: #CF4411;
	 */
}
/* My own orange hex to white border */
 img.hex-border-row {
	 min-width: 1194px;
	 margin-left: 0px;
	/* --bs-gutter-x: 1.5rem;
	 */
	 padding-left: 0px;
}
/* Black text not light gray for headings */
 .custom_html_col .content-row h3, .custom_html_col .content-row h5 {
	 color: #000000;
}
/* Reduce height of banner image on System Status and other pages */
 .slide .position-relative {
	 position: relative ;
	/*height: 200px;
	*/
}
 img.slide-image {
	/* width: 100%;
	 */
	/* height: auto;
	 */
	/* object-fit: cover;
	 */
	/* min-height: 250px;
	 */
	/* max-width: 100%;
	 */
	 max-height: 200px;
}
 .shadow {
	/*display: none;
	*/
}
 .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	 background: white;
}
 div#ui-datepicker-div {
	 background: white;
	 border: 1px solid black;
	 padding: 4px;
}
/*Fix card images */
 .cards_col .card-image img {
	 width: 100%;
	 max-height: 200px;
	/*object-fit: contain;
	*/
}
/*Fix card group images */
 .image_card_col .card-img-container img {
	 height: 250px;
	 max-width: 100%;
	/*object-fit: contain;
	*/
}
/* Widths less than 533px */
 @media only screen and (max-width: 533px) {
 /*    .slide {*/
 /*        min-height: 390px;*/
 /*    }*/
 /*    .slide .embed-container iframe, .slide .embed-container object, .slide .embed-container embed {*/
	/*	 height: 35vh;*/
	/*}*/
	/* .play-controls {*/
	/*	 bottom: -171px;*/
	/*}*/
}
/* Widths less than 767px */
 @media only screen and (max-width: 767px) {
 /*    .slide {*/
 /*        min-height: 500px;*/
 /*    }*/
 /*    .slide .embed-container {*/
 /*        padding-bottom: 60%;*/
 /*    }*/
 /*    .slide .embed-container iframe, .slide .embed-container object, .slide .embed-container embed {*/
	/*	 height: 60vh;*/
	/*	 top: 50% !important;*/
	/*}*/
	/* .play-controls {*/
	/*	 bottom: -30px;*/
	/*}*/
}
/* Widths less than 992px for clear and submit button on filter page */
 @media only screen and (max-width: 992px) {
/*    .slide .embed-container iframe, .slide .embed-container object, .slide .embed-container embed {*/
/*    height: 69vh;*/
/*}*/
/*    .play-controls {*/
/*        bottom: -257px;*/
/*    }*/
}


/*Fix header on site to be visible */
/*@media (min-width: 765px) and (max-width: 992px) {*/
 
/*}*/


/*Fix white space under video*/
/*@media (min-width: 765px) and (max-width: 992px) {*/
 
/*}*/

/*  Fix header on site to be visible - Add back top header to widths less than 980  */
@media (max-width: 979px) {
    .slide .embed-container
     {
        overflow: hidden;
    }
    .slide
     {
        /* min-height: 800px; */
        min-height: auto;
    }
}




/*Fix text to be seen under video for huge screens between 900 and 1440.*/
@media (min-width: 900px) and (max-width: 1439px) {
  .slide {
    min-height: 848px; 
  }
}
/*Fix text to be seen under video for huge screens between 1440 and 1749.*/
@media (min-width: 1440px) and (max-width: 1749px) {
  .slide {
    min-height: 1148px;
  }
}
/*Fix text to be seen under video for huge screens between 1750 and 2190*/
@media (min-width: 1750px) and (max-width: 3000px) {
  .slide {
    min-height: 1300px; 
  }
}
/*Fix text to be seen under video for huge screens between 2192 and 2699*/
@media (min-width: 2192px) and (max-width: 2699px) {
  .slide {
    min-height: 1435px; 
  }
}
 /*Fix text to be seen under video for huge screens 2700 and above.*/
@media (min-width: 2700px) {
    .slide {
        min-height: 1500px;
    }
}