@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:100,200,200i,300,300i,400,500,600,700,700i,800');

/* ADD BOOTSTRAP, COOKIEBAR & FONTAWESOME */
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://use.fontawesome.com/releases/v5.4.1/css/all.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css');
/* stop display flickering */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden!important;
    backface-visibility: hidden!important;
}



::-moz-selection {
	background-color:#b1c7e5;
	color:#ffffff;
}

::selection {
	background-color:#b1c7e5;
	color:#ffffff;
}

html {
	
	width:100%;
	
	}

body {
	width:100%;
    font-family: 'Barlow', Arial, sans-serif;
    letter-spacing: 1px;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	backface-visibility: hidden
	background:#23005f;
    margin:0px;
    padding:0px;
    font-weight:500;
   
    background-image: url('../img/background.png'), linear-gradient(to bottom, #23005f 20%, #0e0027 70%);
    background-attachment: fixed;
    background-repeat: no-repeat;
	background-size:cover;
	-webkit-backface-visibility: hidden;
	-webkit-background-size: cover !important;
	



    
}

.navigation-wrapper  {
	display: table;
	margin:0 auto;
}

.navigation-wrapper ul {
	list-style-type: none;
	padding: 0px;
}

.navigation-wrapper ul li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 25px;
    padding: 10px 20px;
    font-weight: bold;
}

.navigation-wrapper ul li a {
	color: #B1C6E5;
}

.navigation-wrapper ul li a:hover {
	color: #ffffff;
	opacity: 1;
}

.navigation-wrapper ul li a.active {
	color: #ffffff;
}

.crew-member {
	/* margin:20px 0px; */
	border-bottom:2px solid #241c4d;
	padding-bottom:15px;
}

.crew-member:last-child {
	border-bottom:0px;
}

.rank-number {
	font-size: 16px;
    vertical-align: middle;
    background: #5c0aff;
    padding: 5px 10px;
    margin-right: 5px;
    display: inline-block;
    font-weight:bold;
    min-width: 40px;
    max-width: 40px;
    margin-right:8px;
    text-align: center;
}

.rank-image {
	max-width:45px;
	margin-right:5px;
}


.Clear {
    clear:both;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	text-transform: uppercase;
}

h1 {
	font-size:20px;
	line-height:40px;
	color:#ffffff;
}

h2 {
	font-size:16px;
	line-height:20px;
	color:#f9ec58;
}

h3 {
	font-size:15px;
	line-height:30px;
	color:#ffffff;
}

h4 {
	font-size:13px;
	line-height:25px;
	color:#ffffff;
}



h1, h2, h3, h4, h5, p, form, fieldset {
	overflow:visible;
}

p {
	padding:5px 0px;
}

a:focus {
	text-decoration: none;
}

a, a:link, a:active, a:visited, a:focus {
	cursor:pointer;
	color:#ffffff;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    
}

a:hover {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0.7;
}

.page-wrapper {
	
	padding-top:30px;

}	

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.page-wrapper,
.crew-wrapper,
.joinus-wrapper {
	max-width:100%;
	width:100%;
	margin:0 auto;

}

.crew-wrapper,
.joinus-wrapper {
	max-width:600px;
	text-align: center;
	margin-top:20px;
}

.crew-wrapper .headline {
	font-size:20px;
	font-weight: bold;
	background:#5c0aff;
	line-height:50px;

}

.crew-wrapper .headline.apex {
	background:#A53238;
}

.joinus-wrapper {
	font-size:18px;
	font-weight: bold;
	padding-bottom:50px;
	
}

.joinus-wrapper  .big {
	font-size:45px;
	display: block;
	line-height:50px;
}

img.footer-logo {
	opacity: 0.15;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:10px;
}

.page-wrapper h1 {
	text-align: center;
	font-size:30px;
	line-height:50px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	display: table;
	margin:0 auto;
	font-weight:700;
	
}

.win-quote {
	opacity: 0.5;
	font-size:14px;
	display: block;
	line-height: 14px;
    margin-top: 15px;
}

.last-played {
	font-size:12px;
	opacity: 0.3;
	display: block;
}
.crew-member-wrapper {
	margin-top:5px;
	font-size:23px;
	line-height:30px;
	padding:20px 0px;
}

.crew-member-wrapper .member-class {
	opacity: 0.4;
	font-size:15px;
	font-weight: 600;
	width:100%;
	display: block;
	margin-bottom:15px;
}

.logo-wrapper {
	margin:0 auto;
	display: inline;
}

.logo-wrapper img {
	display: table;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:30px;

}

.color-light-blue {
	color:#b1c7e5;
}

.color-purple {
	color:#5c0aff;
}


/*
i.fab.fa-playstation.main {
	margin:0px auto;
	font-size:70px;
	opacity: 1;
	text-align: center;
	display: table;
}
*/