/*!
 * Start Bootstrap - One Page Wonder v5.0.0 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */
@font-face {
	font-family: "FuturaLT";
	src: url("/fonts/FUTURALT.TTF");
}
@font-face {
	font-family: "FuturaLTOblique";
	src: url("/fonts/FUTURALT-OBLIQUE.TTF");
}
@font-face {
	font-family: "FuturaLTHeavy";
	src: url("/fonts/FUTURALT-HEAVY.TTF");
}
@font-face {
	font-family: "FuturaLTCondensed";
	src: url("/fonts/FUTURALT-CONDENSED.TTF");
}
@font-face {
	font-family: "FuturaLTBold";
	src: url("/fonts/FUTURALT-BOLD.TTF");
}
@font-face {
	font-family: "FuturaLTHeavyOblique";
	src: url("/fonts/FUTURALT-HEAVYOBLIQUE.TTF");
}
body{
	background-color: #0f1c1d;
	background-image: url("/images/noise.png");
	
}
hr{
	border-top:1px solid #1ec4bd77;
}
a.link {
	color:#1ec4bc;
}
a.link:hover {
	color:#26f8ee;
}
.card{
	background-color: rgba(0, 0, 0, 0.7);
	border : 1px solid #1ec4bd;
	color: #fff;
}
.toggle-players{
	height:30px;
	margin-top:20px;
}
.list-players table{
	margin-top:10px;
	width:100%;
	border-collapse: collapse;
	text-align:center;
}
.list-players table th{
	border: 1px solid #ffffff55;
	padding: 3px;
	color:#1ec4bc;
}
.list-players table td{
	border: 1px solid #ffffff55;
	padding: 5px;
}
.list-players.validate table tbody tr:nth-child(-n+3){
    background-color:#1ec4bd88;
}
.list-players.validate table tbody tr:nth-child(4){
    background-color:#079c9688;
}
.list-players.validate table tbody tr:nth-child(n+5){
    background-color:transparent;
    color:#555;
    font-style:italic;
}



.subtitle{
	font-size:20px;
	font-style:italic;
}
.country_display img{
	width:100%;
	height:100px;
	object-fit: contain;
}
.country_display img.player_race{
	width:30px;
	height:30px;
	object-fit: contain;
}

.country_display p{
	width:100%;
	text-align:left;
	margin:0;
}
.country_display p.country_name{
	color:#1ec4bd;
	height:30px;
	line-height:30px;
	font-size:25px;
	font-weight:600;
}
.country_display p.country_players{
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:15px;
}
#countdown{
	margin: 50px 0 0 50%;
	text-align:left;
	font-family: "FuturaLTBold";
	font-size: 30px;
}
#countdown p{
	margin:0;
}
#countdown p.title{
	color: #ffffff;
	font-family: "FuturaLT";
	margin-left:-10%;
	border-bottom: 2px solid #ffffff;
	margin-bottom:1rem;
}
#countdown p.days{
	margin-left:0;
}
#countdown p.hours{
	margin-left:10%;
}
#countdown p.minutes{
	margin-left:20%;
}
#countdown p.seconds{
	margin-left:30%;
}
#countdown p span.color{
	color:#1ec4bc;
	font-family: "FuturaLT";
}
@media ( max-width : 700px) {
	#countdown{
   		margin: 50px 0 0 30%;
   		font-size: 20px;
   	}
   	.masthead-heading.maxw100{
   		max-width:80%;
   	}
}

section{
	/*background-color: #0f1c1d;
	background-image: url("/images/noise.png");*/
	color:#fff;
}

.maxw100{
	max-width:100%;
}
.wrap{
	white-space: normal;
}

.timeline {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:0;
}

.li {
	transition: all 200ms ease-in;
	align-self: flex-start;
}

.timestamp {
	margin-bottom: 20px;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 100;
	height:48px;
}

.status {
	padding: 5px 40px;
	display: flex;
	justify-content: center;
	border-top: 2px solid #1ec4bd;
	position: relative;
	transition: all 200ms ease-in;
}

.status h4 {
	font-weight: 600;
	margin-top: 10px;
}

.status:before {
	content: "";
	width: 25px;
	height: 25px;
	background-color: #1ec4bd;
	border-radius: 25px;
	border: 1px solid #1ec4bd;
	position: absolute;
	top: -15px;
	transition: all 200ms ease-in;
}

.li.complete .status {
	border-top: 2px solid #ffb258;
}

.li.complete .status:before {
	background-color: #ffb258;
	border: none;
	transition: all 200ms ease-in;
}

.li.complete{
	color: #ffffff;
}

@media (max-width: 992px){
	.timeline-container{
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.timeline {
		flex:1;
		display: flex;
		flex-direction:column;
	}
	.li {
		transition: all 200ms ease-in;
		display: flex;
		width: inherit;
	}
	.timestamp {
		width: 110px;
		margin-right:20px;
	}
	.status {
		top: 25px;
	}
	.status:before {
		left: -5px;
	}
	.status h4{
		font-size:1rem;
	}
}

body {
	font-family: 'FuturaLT';
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'FuturaLTHeavy';
	font-weight: 800;
}

.btn-xl {
	text-transform: uppercase;
	padding: 1.5rem 3rem;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

.btn-lg {
	text-transform: uppercase;
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

footer {
	background-color: #070f0f;
}

footer a {
	color:#1ec4bc;
}
footer a:hover {
	color:#26f8ee;
}
footer p {
	margin:0;
}

.rounded-pill {
	border-radius: 5rem;
}

.navbar-custom {
	background-color: rgba(0, 0, 0, 0.7);
}

.navbar-custom .navbar-brand img {
	height: 35px;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

header.masthead {
	position: relative;
	overflow: hidden;
	padding-top: calc(7rem + 72px);
	padding-bottom: 7rem;
	background-image: url("/images/background.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
}
header.masthead.bg2 {
	background-image: url("/images/background2.jpg");
}

header.masthead .masthead-content {
	z-index: 1;
	position: relative;
}

header.masthead .masthead-content .masthead-heading {
	font-size: 4rem;
	margin:auto;
	text-shadow: 0px 0px 10px #000000;
}

header.masthead .masthead-content .masthead-subheading {
	font-size: 2rem;
}

@media ( min-width : 992px) {
	header.masthead {
		padding-top: calc(10rem + 55px);
		padding-bottom: 10rem;
	}
	header.masthead .masthead-content .masthead-heading {
		font-size: 6rem;
	}
	header.masthead .masthead-content .masthead-subheading {
		font-size: 4rem;
	}
}

.bg-primary {
	background-color: #ee0979 !important;
}

.btn-primary {
	background-color: #1ec4bd;
	border-color: #1c6f6f;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #2db2b2 !important;
	border-color: #1c6f6f !important;
}
.btn-outline-primary{
	background-color: transparent;
	border-color: #1ec4bd;
	color:#1ec4bd;
}
.btn-outline-primary:hover {
	background-color: #2db2b2 !important;
	border-color: #1c6f6f !important;
}
.btn-secondary {
	background-color: #ff6a00;
	border-color: #ff6a00;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
	background-color: #cc5500 !important;
	border-color: #cc5500 !important;
}

.btn-secondary:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}