html, body {
    height: 100%;
}

.text-theme {color: #fd7e14;}
.card .header-title {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: .02em;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
	margin-top: 0;			
}

.chart-widget-list p {
	border-bottom: 1px solid #ffcd27;
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	font-size: 1rem;
}
.chart-widget-list p:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.chart-widget-list span.textWrapper { display: inline-block; width: 85%;}

.nav-link {color: #000;}

.text-justify {text-align: justify;}

.title2 {
    color: #fd7e14;
    font-weight: 500;
    font-size: 1.75rem;
    padding: 25px 0px;
    text-align: center;
    text-decoration: underline;
}
.mainTitle {
	font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #fd7e14;
    color: #fd7e14;
}

.mainTitle2 {
	font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 12px;
    color: #fff;
	text-transform: uppercase;
}

.small-text {
	font-weight: 400;
	font-size: .655em;
	color: #ff0000;
	text-transform: initial;
}
.rulesformat li {
    line-height: 1.5;
    margin-bottom: 15px;
}

/*============== Sign In CSS Start ========================= */
.signBody {
	display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
	font-size: 1rem;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*============== Sign In CSS End ========================= */

/*============== Register CSS Start ========================= */

.form-register {
  max-width: 400px;
  padding: 15px;
}

/*============== Register CSS End ========================= */

/* ==================== Home Episode Css Start ============================ */

/* ======================= EpisodeArrow Css =========================== */
#episodeCarousel .carousel-item {
	height: auto;
	min-height: 250px;
}
#episodeCarousel .left.carousel-control-prev {
	top: -10%;
	bottom: auto;
    left: 95%;
    display: inline-table;
    width: 2%;
}
#episodeCarousel .right.carousel-control-next {	
	top: -10%;
	bottom: auto;
    display: inline-table;
    width: 2%;
}
/* #episodeCarousel .left > .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}
#episodeCarousel .right > .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
} */
/* ======================= EpisodeArrow Css End =========================== */

#homeEpisode {
	padding: 100px 0px 50px 0px;
	background-color: #671650;
} 
#homeEpisode .pastepsContainer {
	margin-bottom: 20px;
    position: relative;
	border: 5px solid #fff;
	overflow: hidden;
}
#homeEpisode .pastepsContainer img {
    position: relative;
    transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
	margin: 0 auto;
}
#homeEpisode .pastepsContainer:hover img {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
}
#homeEpisode .pastepsCaption {
	position: absolute;
	top: auto;
    left: 0;
    padding: 20px;
    background: #fecc06;
    color: #671650;
    height: 100px;
    width: 100%;    
    bottom: 0;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: transform 0.4s, opacity 0.1s;
    -webkit-transition: transform 0.4s, opacity 0.1s;
}
#homeEpisode .pastepsCaption .capInfo h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
#homeEpisode .sq {
	width: 20px;
	height: 20px;
	background: #fecc06;
	position: absolute;
	top: -10px;
	left: 25px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: -1;
}
/* ==================== Media Css ============================ */
@media (max-width: 480px) {	
	
	#episodeCarousel .left.carousel-control-prev {
		top: -5%;
		left: 82%;
		display: inline-table;
		width: 2%;
	}
	#episodeCarousel .right.carousel-control-next {	
		top: -5%;
		display: inline-table;
		width: 2%;
		right: 5%;
	}
	
}

/* ==================== Home Episode Css End ============================ */

.footer {
	background: #eee;
	padding: 5px 0px;
}


.nod-error-message {
	color:#CE0404;
	font-size:12px;
}

#cform .nod-error-message {
	color:#ffc107;
	font-size:12px;
	font-weight:600;
}

.form-control {
	text-transform: uppercase;
}

/*  Page Details   */
  	.teamTab .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #ff5f00;
    border-color: #ff5f00;
	}
	.teamTab  .nav-tabs {
    border-bottom: 1px solid #ff5f00;
	}
	.teamTitleinfo {
    text-transform: uppercase;
    color: #ff5f00;
	}
	
	#tScore {
    padding: 50px 0px 0px 0px;
	}
	.episodedate {
    font-size: 18px;
    color: #fd7e14;
	}
	.roundName {
    border-top: 1px solid #562046;
    position: relative;
	}
	.roundName h3 {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    background: #562046;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
	#scoreWraper .roundScore {
    margin: 30px 0px;
	}
	.roundScore .scoreDetails {
    padding: 15px;
    background: #ffffff;
	border: 1px solid #f0f0f0;
	}
	.roundScore .scoreDetails.winner {
    background: #a7ff9f;
	}
	.roundScore .collegeScore {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fd7e14;
	}
	.roundScore .collegeName {
    font-size: 16px;
    margin: 0;
	}
	.rName {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    background: #562046;
    color: #fff;
    font-weight: 500;
	}
	
	
	#eVideo {
    padding: 50px 0px 50px 0px;
	background: #180201;
	}
	#eVideo .eTitle, #eGallery .eTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #fd7e14;
    color: #fd7e14;
	}
	.cl_teamInfoWrp {
	background: #e2eefa;
	}
	.cl_teamInfoWrp .cl_infoInrBx:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1.5px;
    background: -webkit-linear-gradient(left,#71899b 0,#71899b 1%,#71899b 84%,rgba(113,137,155,.1) 100%);
    background: -moz-linear-gradient(left,#71899b 0,#71899b 1%,#71899b 84%,rgba(113,137,155,.1) 100%);
    background: -ms-linear-gradient(left,#71899b 0,#71899b 1%,#71899b 84%,rgba(113,137,155,.1) 100%);
    background: -o-linear-gradient(left,#71899b 0,#71899b 1%,#71899b 84%,rgba(113,137,155,.1) 100%);
    background: linear-gradient(left,#71899b 0,#71899b 1%,#71899b 84%,rgba(113,137,155,.1) 100%);
	}
	.cl_teamInfoWrp .cl_infoInrBx {
	position: relative;
    padding: 14px 10px;
    align-items: center;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
	}
	.cl_teamInfoWrp .cl_infoIcon {
    position: relative;
    width: 50px;
    flex-basis: auto;
    padding-right: 10px;
	color: #889095;
	font-size: 25px;
	}
	.cl_teamInfoWrp .cl_infoBox {
    color: #000;
    flex-basis: 100%;
    width: calc(100% - 50px);
    padding: 0 15px 0 0;
	}
	.cl_teamInfoWrp .cl_infoTitle {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;

	}
	.cl_teamInfoWrp .cl_infoDtls {
    line-height: 1;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
	}
	.cl_teamInfoWrp .cl_infoDtls ul {
	margin: 0;
	padding: 0;
	}
	.cl_teamInfoWrp .cl_infoDtls li {
	list-style: none;
	line-height: 1.5;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
	}
	.cl_teamInfoWrp h4 {
	text-align: center;
	background: #671650;
	color: #fff;
	padding: 5px 0px;
	text-transform: uppercase;
	}
	
	
	#eGallery {
    padding: 50px 0px 50px 0px;
}

#egalleryCarousel .carousel-item {
	height: auto;
	min-height: 250px;
}
#egalleryCarousel .carousel-control-prev-icon, #egalleryCarousel .carousel-control-next-icon {
	background-color: #fd7e14;
}
#egalleryCarousel .left.carousel-control-prev {
	top: -13%;
	bottom: auto;
    left: 95%;
    display: inline-table;
    width: 2%;	
}
#egalleryCarousel .right.carousel-control-next {	
	top: -13%;
	bottom: auto;
    display: inline-table;
    width: 2%;
}	
	
	@media (max-width: 480px) {
	.episodedate {
	margin-bottom: 20px;
	}
	}
	
	
	
	
  .countdown.show .running {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.countdown.show .running timer {
  font-size: 55px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #8c0734;
}

.countdown.show .running timer .days,
.countdown.show .running timer .hours,
.countdown.show .running timer .minutes,
.countdown.show .running timer .seconds{
  width: 70px;
  text-align: left;
  margin: 0 7px;
}

@media (max-width: 480px) {
  .countdown.show .running timer  {
    font-size: 40px;
  }
  .countdown.show .running timer .days,
  .countdown.show .running timer .hours,
  .countdown.show .running timer .minutes,
  .countdown.show .running timer .seconds {
    width: 49px;
  }
}

.countdown.show .running .labels{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

.countdown.show .running .labels span{
  width: 97px;
  text-align: center;
  margin: 0px 2px;
}

@media (max-width: 480px) {
  .countdown.show .running .labels span{
    width: 69px;
  }
}

.countdown.show .running .text{
  font-size: 20px;
  margin-top: 12px;
  font-weight: 600;
}

.countdown.show .running button{
  border: none;
  background-color: black;
  color: white;
  border-radius: 25px;
  padding: 10px 20px;
  margin: 10px;
}

.countdown.show .running .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}

.countdown.show .ended{
  display: none;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.countdown.show .ended .text{
  font-size: 20px;
}

.countdown.show .ended button {
  border: none;
  background-color: #5a0000;
  color: white;
  border-radius: 25px;
  padding: 10px 20px;
  margin: 10px;
}

.countdown.show .ended .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}
