@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
	--background-color: #000;
	--text-color: #FFF;
	--heading-color: #FFF;
	--primary-color: #13C2F3;
	--secondary-color: #FFF;
	
	--counter-text: #333;
	
	--primary-link: #f6665a;
	--primary-linkh: #e56f61;
	
	--white: #FFF;
	--black: #000;
	
	--vibrantcoral: #F6665A;
	--coolhorizon: #6aa3d7;
	--deepspaceblue: #0b2b49;
	--softlinen: #f2efe7;
}

html,
body{
	margin: 0 auto;
	max-width: 1920px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9rem;
	color: var(--text-color);
	word-wrap: break-word;
    background:var(--background-color);
}

.eventlogo {
	/*display: none;*/
	max-height: 150px;
}

h1, h2, h3, h4, h5 ,h6, .headerfont {
	font-family: "Gloria Hallelujah", cursive;
	font-weight: 400;
	color: var(--heading-color);
}

h1 {
	display: none;
	font-size: 5rem;
}

h2 {
	font-size: 4rem;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	font-size: 2rem;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
h6 {
	font-weight: bold;
}

/* Counter */
#countertime {
	text-transform: uppercase;
	font-size: 0.9rem;
}

.counterText {
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	color: var(--counter-text);
}
.counterBox {
	padding: 5px;
	background-color: var(--white);
	border: 1px solid #FFF;
	
}
/* Counter End */

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

a {
	color: var(--primary-link);
}
a:hover {
	color: var(--primary-linkh);
}
a.reverse {
	color: var(--white);
}
a.reverse:hover {
	color: var(--white);
}

.btn {
	padding: 0.375rem 1.5rem;
	font-weight: bold;
	border-radius: 20px;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: var(--primary-link);
    border-color: var(--primary-link);
	color: #FFF;
}
.btn-primary:hover {
	background-color: var(--primary-linkh);
	border-color: var(--primary-linkh);
}

.subheadingFont {
	font-size: 1.2rem;
}
.bigFont {
	font-size: 2.5rem;
}

.vibrantcoral {
	color: var(--vibrantcoral);
}
.coolhorizon {
	color: var(--coolhorizon);
}
.deepspaceblue {
	color: var(--deepspaceblue);
}
.softlinen {
	color: var(--softlinen);
}

.primaryBG {
	background-color: var(--primary-color);
}
.whiteBG {
	background-color: var(--white);
}
.blackBG {
	background-color: var(--black);
}
.coolhorizonBG {
	background-color: var(--coolhorizon);
}

footer {
	font-size: 0.9rem;
	color: #555;
}

@media (max-width:768px){
	.counterText {
		font-size: 2.5rem;
	}
}