/* Custom styles */

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #233772, #ececec);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.enter_eventCls {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ev_bg{
    background: url('../images/banner_2.jpg');
    padding: 0px 50px 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	height: calc(100vh - 45px);
}
.countdownBoxContainer {
    padding-top: 100px;
}
.cBox {
    background: rgb(209 29 11 / 88%);
    border-radius: 10px;
	box-shadow: 1px 1px 6px 1px #891730;
	padding-bottom: 2px;
}
.countdownBox {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
p.countDownNumber {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}
.countdownBox p {
    margin-bottom: 0px;
}
a.openAddToCalendar {
    color: #fbfbfb;
    font-size: 20px;
}
.eventDateTime {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    margin-top: 10px;
}

button#signup {
    background: #233772;
}
p.regError {
    color: red;
    font-size: 12px;
}
/*
a.nav-link {
    color: #ffffff !important;
    font-size: 20px;
    padding-bottom: 0px;
    background: linear-gradient(45deg, #eb232a, #233771);
    margin-right: 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 4px #ddd;
	padding-left: 8px !important;
}
*/

a.nav-headlink {
    color: #928d8d !important;
    font-size: 30px;
    padding-bottom: 0px;
    margin-right: 10px;
    border-radius: 4px;
    padding-left: 8px !important;
}
a.nav-headlink:hover {
    text-decoration: none;
}
a.nav-link:hover, .nav-item.active a.nav-link {
    border-bottom: 2px solid #233772;
    color: #ffffff !important;
}

.pageContent h1{
	font-size: 32px;
    text-align: center;
}
.pageContent {
    margin: 10px;
    padding: 10px;
}
.contentHighLight {
    font-size: 24px;
    margin: 30px 0px 10px;
    background: linear-gradient(45deg, #bd1d21, #54c9ff);
    padding: 6px 10px;
    color: #fff;
    box-shadow: 0px 5px 8px 1px #ddd;
}

.regError {
    color: red;
    font-size: 13px;
}

.other_option{
	display:none;
}

.form-groupB {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.overall_2_yes{
	display:none;
}
#overall_2_how_many{
	margin-bottom:10px;
}

@media only screen and (max-width: 1920px) {
	.countdownBoxContainer {
		padding-top: 360px;
	}
}

@media only screen and (max-width: 1440px) {
	.countdownBoxContainer {
		padding-top: 310px;
	}
}
@media only screen and (max-width: 1366px) {
	
}

@media only screen and (max-width: 1280px) {
	.countdownBoxContainer {
		padding-top: 236px;
	}
}
@media only screen and (max-width: 1152px) {
	.countdownBoxContainer {
		padding-top: 220px;
		padding-bottom: 40px;
	}
}
@media only screen and (max-width: 1024px) {
	
}
@media only screen and (max-width: 992px) {
	div#navbarSupportedContent {
		background: #f5f5f5;
		z-index: 9;
		margin-top: 34px;
	}
	.navbar-collapse.show {
		right: 0;
	}
	.navbar-collapse {
		position: absolute;
		top: 54px;
		right: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 100%;
		transition: all 0.3s ease;
		display: block;
	}
	div#navbarSupportedContent li.nav-item {
		padding: 5px 0px;
	}
	.navbar-light .navbar-toggler {
		border-color: rgb(219 32 40);
	}
	.ev_bg{
		padding: 0px;
	}
}
@media only screen and (max-width: 800px) {
	.ev_bg {
		height: calc(100vh - 245px);
	}
	.countdownBoxContainer {
		padding-top: 102px;
		padding-bottom: 40px;
		padding-right: 0px;
	}
}
@media only screen and (max-width: 768px) {
	.countdownBoxContainer {
		padding-top: 100px;
	}
}
@media only screen and (max-width: 600px) {
	.ev_bg {
		margin-top: 0px;
		background-size: cover;
		margin-bottom: 250px;
		height: 208px;
	}
	.countdownBoxContainer {
		padding-top: 218px;
	}
	.cBox {
		background: rgb(217 33 42);
		border-radius: 10px;
		box-shadow: 1px 1px 6px 1px #891730;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 414px) {
	/* center nav bar */
span.navbar-brand {
    float: left;
    width: 200px;
}
span.navbar-brand img {
    width: 100%;
}
div#navbarSupportedContent{
	margin-top: 16px;
}
/* end center nav bar */
	.ev_bg {
		margin-top: 0px;
	}
	.countdownBoxContainer {
		padding-top: 180px;
	}
	p.countDownNumber {
		font-size: 22px;
		line-height: 25px;
	}
	.rightLogo{
		width: 182px !important;
	}
}
@media only screen and (max-width: 394px) {
	
}
@media only screen and (max-width: 375px) {
	.eventDateTime{
		font-size: 15px;
	}
}
@media only screen and (max-width: 360px) {
	
}
@media only screen and (max-width: 320px) {
	.eventDateTime {
		font-size: 13px;
	}
	.ev_bg{
		height: 183px;
	}
}
@media only screen and (max-width: 823px) and (min-width:801px) {
	.ev_bg {
		margin-top: 0px;
		height: calc(100vh - 192px);
	}
	.countdownBoxContainer{
		padding-right: 0px;
		padding-top: 167px;
	}
}
@media only screen and (max-width: 667px) and (min-width:601px) {
	.ev_bg {
		height: 208px;
		background-size: cover;
		margin-top: 0px;
		margin-bottom: 246px;
	}
	.countdownBoxContainer {
		padding-top: 226px;
	}
	.cBox {
		background: rgb(217 33 42);
		border-radius: 10px;
		box-shadow: 1px 1px 6px 1px #891730;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 568px){
	
}