@font-face {
	font-family:Scout-Regular;
	src:url("fonts/scout-font-family/Scout-Regular.otf") format("opentype");
}

@font-face {
	family: ScoutCond-Regular;
	src: url("fonts/scout-font-family/ScoutCond-Regular.otf") format("opentype");
}

html {
	font-family: ScoutCond-Regular,sans-serif ;
	font-size: 10px;
	box-sizing: border-box;
}

li {
	margin-left: 20px;
}

a {
	color: #3abda9;
	text-decoration: none;
}

a:hover {
	color: #3abda9;
	text-decoration: underline;
}

body {
	margin: 0;
	padding: 0;
	background: #d9dbdf;
	color: #444;
	overflow-x: hidden;
	line-height: 1.3125em;
	font-family: ScoutCond-Regular,sans-serif;
	font-size: 1.6rem;
	min-width:800px;        /* Suppose you want minimum width of 1000px */
	width: auto !important;  /* Firefox will set width as auto */
}

/* TO GO TO DESIGN AT SOME POINT */

.devnotice {
	width: 100%;
	background-color: #e44c0f;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0;
	font-size: 12px;
	border-bottom: 1px solid #000000;
	position: sticky;
	top: 0;
	z-index: 4;
}

#main-content p.notice, #main-content div.notice {
	background-color: #daf7d4;
	border-left: 5px solid #c1ee71;
	color: #7e8e50;
	padding: 5px 7px;
}

/* Calendar */
@media screen and (max-width: 1200px) {
	.contentcalendar {
		display: none
	}
}

.contentnews {
	margin-right: 430px;
}

.maincalendar {
	margin-right: 30px;
	width: 400px;
	min-height: calc(100vh - 188px);
	background-color: #ededed;
	position: absolute;
	right: 0px;
	display: flex;
	flex-direction: column;
	box-sizing: unset;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.calendarevent {
	width: 800px;
}
.eventheaderimage img {
	max-width: 100%;
}

.eventsummary td {
	text-align: left;
	margin: 10px;
}

.eventsummary td:first-child {
	text-align: right;
}

.eventsummary th, td {
	padding: 10px;
}

.fc-prev-button {
	background-color: black	!important;
	margin-left: 10px!important;
}

.fc-next-button {
	background-color: black!important;
	margin-right: 10px!important;
}

/* Main Container */
#main-container {
	min-height: calc(100vh - 633px);
}

#main-content {
	width: 1500px;
	margin: auto;
}

#main-content input[type='submit'], #main-content .submitbutton {
	background-color: #3abda9;
	border-width: 2px;
	border-style: solid;
	border-image-slice: 100%;
	border-image-slice: 1;
	border-radius: 0;
	color: #ffffff;
	display: inline-block;
	font-family: ScoutCond-Regular, sans-serif;
	/*font-size: 0.85rem;*/
	font-weight: 700;
	padding: 8px 16px;
	line-height: 20px;
	/*min-height: 48px;*/
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: background 0.2s ease 0s;
	white-space: nowrap;
	overflow: visible;
}


/* Website banner */
.website-banner-wrapper  {
	max-width: 1500px;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.website-banner-wrapper img {
	max-width: 100%;
}

/* NEW Navigation */

#navigation {
	clear: both;
	background-color: #272727;
/*	border-top: 1px solid #ef1a2d;
	border-bottom: 1px solid #424242;*/
	max-width: 1500px;
	margin: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* User Profiles */

.player-profile-top {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;

}

.player-profile-image {
	min-height: 150px;
	min-width: 150px;
	text-align: center;
}

.player-profile-image-logo {
	margin: 0 auto;
	object-fit: scale-down;
	max-height: 150px;
	max-width: 150px;
	/*float:left;*/
	margin-right: 20px;
}

.player-profile-image-logo-edit {
	margin: 0 auto;
	object-fit: scale-down;
	max-height: 150px;
	max-width: 150px;
}

.player-profile-social {
	display: flex;
	padding-right: 10px;
}

.player-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.player-social img {
	margin-right: 5px;
	fill: currentColor;
	height: 22px;
	width: 22px;
}

.player-social-link {
	display: flex;
	padding-right: 10px;
	align-items: center
}

.player-social-link .bi {
	color: black;
	padding-right: 3px;
	font-size: 1.2rem
}

.user-flag {
	display: flex;
	align-items: center;
}
.user-flag .user-flag-country {
	padding-left: 5px;
}

.user-details {
	margin-left: 10px;
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	line-height: 170%;
}

/* Team Profiles */

.team-profile-top {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;

}

.team-profile-image-logo {
	margin: 0 auto;
	object-fit: scale-down;
	max-height: 150px;
	max-width: 150px;
	/*float:left;*/
	margin-right: 20px;
}

.team-profile-image-logo-edit {
	margin: 0 auto;
	object-fit: scale-down;
	max-height: 150px;
	max-width: 150px;
}

.team-profile-social {
	display: flex;
	padding-right: 10px;
}

.team-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.team-social img {
	margin-right: 5px;
	fill: currentColor;
	height: 22px;
	width: 22px;
}

.team-social-link {
	display: flex;
	padding-right: 10px;
	align-items: center
}

.team-social-link .bi {
	color: black;
	padding-right: 3px;
	font-size: 1.2rem
}

.team-flag {
	display: flex;
	align-items: center;
}
.team-flag .team-flag-country {
	padding-left: 5px;
}

.team-details {
	margin-left: 10px;
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	line-height: 170%;
}

/* Primary Navigation */

.myaccount {
	/*    max-width: 32px;
        max-height: 32px;*/
	font-size: 32px !important;
}


.navbarmenu {
	margin: 0;
	padding-left: 30px;
	list-style: none;
	z-index: 1000000;
	text-transform: uppercase;
	font-family: SansRegular,sans-serif;
	display: block;
}

.navbar_container {
	width: 1200px;
	/*margin: 0 auto;*/
	/*    margin-right: 0px;
        margin-left: auto;*/

}

.navbarmenu ul {
	position: absolute;
	top: -999em;
	min-width: 100px;
	white-space: nowrap;
}

.navbarmenu ul li {
	width: 100%;
}

.navbarmenu li li {
	background-color: #333333;
}

.navbarmenu li:hover {
	visibility: inherit;
	/*background-color: #333333;*/
	background-position: 0 29px;
	transition: background 0.3s ease 0s;
	/*  color: #ffffff;*/
}

.navbarmenu li:hover > a {

	color: #3abda9;

	/* background-color: #333333;*/
}

.navbarmenu > li {
	text-align: center !important;
}

.navbarmenu li {
	float: left;
	position: relative;
	/*background-color: #f07c02;*/
	text-align: left;
	z-index: 100;
	margin-left: 0px;
}

.navbarmenu .seperator {
	line-height: 48px;
	font-size: 15px;
	color: #dd0008;
}

.navbarmenu > li > a {
	line-height: 48px;
}

.navbarmenu a {
	display: block;
	position: relative;
	color: #ffffff;
	line-height: 30px;
	padding: 0 20px;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
}

.navbarmenu li:hover ul, .navbarmenu li.sfHover ul {
	left: 0;
	top: 47px;
	background-color: #333333;
	list-style: none
}

.navbarmenu li:hover li ul, .navbarmenu li.sfHover li ul {
	top: -999em;
}

.navbarmenu li li:hover, li li.sfHover {
	background-color: #333333;
}

.navbarmenu li li:hover ul, .navbarmenu li.sfHover ul {
	left: 12em;
	top: 0;
	margin-left: 1px;
}

.navbarmenu li li:hover li ul, .navbarmenu li li.sfHover li ul {
	top: -999em;
}

.navbarmenu li li li:hover ul, .navbarmenu li li li.sfHover ul {
	left: 12em;
	top: 0;
	background-color: #333333;
}

.navbarmenu > li > a.haschild {
	background-image: url('/images/haschild.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.navbarmenu ul a.haschild {
	background-image: url('/images/hassubchild.gif');
	background-repeat: no-repeat;
	background-position: center right;
}

.navbarmenu a:hover {
	/*color: #dd0008 !important;*/
	transition: color 0.75s;
}

.nav {
	display: block;
}

/* Hide the link that should open and close the topnav on small screens */
.navbarmenu li .icon {
	display: none;
}

.navbarmenu li ul {
	padding: 0px;
}

.topnav {
	display: none;
}

/* navbar image */
.navbar-logo {
	width:70px;
	float:left;
	position: absolute;
	margin-left: -30px;
	margin-top: -20px;
}

.navbar-logo .navbar-image {
	width: 100%;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav {
		display: block;
	}
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
		float: right;
		display: block;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}


/* NEW secondary navigation */

.secondarynavtop li a {
	color: white;
}

.secondarynavtop li a:hover {
	color: red;
	text-decoration: none;
	transition: color 0.75s;

}

.secondarynavtop li {
	display: inline-block;
	color: black;
	text-align: center;
	padding: 14px;
	text-decoration: none;
	font-size: 0.8rem;
	border-radius: 5px;
	/*background-color: rgba(25,19,19);*/
	/*background-color: #333333;*/
	background-color: rgba(51,51,51,0.5);
	margin-bottom: 10px;
}

.secondarynavtop li.selected a {
	color: red;
	/* background-color: rgba(25,19,19);*/
	/*background-color: #333333;*/
	/* background-color: rgba(51,51,51,0.5);*/
}

.secondarynavtop .selected {
	display: inline-block;
}

.secondarynavtop .selected li a {
	color: red;
}



.secondarynavtop a:active {
	/*    background-color: dodgerblue;
        color: white;*/
}

/* Teams Logos */

.contentrow {
	/* border: .0625rem solid hsla(0,0%,85%,.5); */
	display: flex;
	/* background-color: #fff!important; */
	box-sizing: border-box;
	margin-top: 40px;
}

.contentrow div.team {
	/*float: left;*/
	width: 120px;
	margin-top: 10px;
}

.contentrow .teamrow {
	height: 140px;
	/*background-image: url(/ubisoft/img//background-white1.png);*/
	background-color: #ededed;
	background-size: contain;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: flex;
	place-content: space-evenly;
	width: 100%;
}


.contentrow .teamname {
	text-align: center;
}


/* Clearfix (clear floats) */
.contentrow div.teamrow::after {
	content: "";
	clear: both;
	display: table;
}

.contentrow .teamrow img {
	height: 110px;
	max-width: 100%;
}


#wrapper {
	width: 100%;
	display: flex;
}

#contentrownews
{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

#news {
	/*border: 1px solid red;*/
	flex: 1;
	margin-right: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	column-gap: 10px;
	background-color: #fff!important;
}
#streams {
	/*border: 1px solid green;*/
	flex: 1;
	width: 500px;
	margin-left: 20px;
	padding: 10px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	column-gap: 10px;
	background-color: #fff!important;
	display: flex;
	flex-direction: column;
}


.main-nav {
	width: 200px;
	height: 100vh;
	background-color: black;
	position: fixed;
	padding-bottom: 175px;
	display: flex;
	flex-direction: column;
	box-sizing: unset;
	background-image: url(/ubisoft/img/SidebarBackground.jpg);
}
.main-nav .ubisoft-logo {
	/*background-image: url(/ubisoft/img/background2.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;}
.main-nav .ubisoft-logo img {
	width: 150px; }
.main-nav .menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 1;
	margin-top: 40px;
	margin-right: 10px;
	margin-left: 10px;}
.main-nav .menu a {
	color: white;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 17px;
	/*font-family: "Univers Cn";*/
	cursor: pointer;
	transition: color 0.2s;
	position: relative;
	text-align: center;}
.main-nav .menu a:hover, .main-nav .menu a.current {
	color: #3abda9; }
.main-nav .menu a:first-child {
	margin-top: 0; }
.main-nav .menu a:after {
	opacity: 0;
	position: absolute;
	content: '';
	height: 2px;
	background-color: #3abda9;
	bottom: calc(0px - 10px);
	right: calc(0px + 15px);
	left: calc(0px + 15px);
	transition: opacity 0.2s; }
.main-nav .menu a:hover:after, .main-nav .menu a.current:after {
	opacity: 1; }
.main-nav .socials {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
	padding-bottom: 30px; }
.main-nav .socials a {
	width: 40px;
	height: 40px;
	background-color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; }
.main-nav .socials a:hover {
	background-color: #3abda9; }
.main-nav .socials img {
	width: 25px;
	height: 25px; }

.main-nav .menu .lowermenu {
	justify-content: flex-end;
}

.main-nav .menu .child {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
}

.main-nav .menu .child a {
	font-size: 12px;
	margin-top: 8px;
}


.main-container {
	/*display: flex;*/
	/*display: flex;*/
	flex-direction: column;
	align-items: center;
	background-image: url(/ubisoft/img/light_background.png);
	background-repeat: round; }
.main-container .content-container {
	/*margin-left: 200px;
	width: calc(100% - 260px);
	padding: 30px 0px 140px 0px;
	/*max-width: 1070px;*/
	min-height: calc(100vh - 313px);
	padding-left:30px;
	padding-right: 30px; }
.footer {
	width: 1500px;
	margin: auto;
	/*height: 175px;*/
	background-color: black;
	/*width: calc(100% - 200px);
	margin-left: 200px;*/}
.footer .footer-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	/*max-width: 1070px;*/
	margin: 0 auto;
	height: 100%; }
.footer .footer-container .legal {
	font-size: 14px;
	/*font-family: "Univers Cn";*/
	color: white;
	width: 440px;
	line-height: 1.71;
	padding: 2rem; }
.footer .footer-container .footer-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	justify-content: flex-end;
	margin-top: 10px; }
.footer .footer-container .footer-content .logos {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between; }
.footer .footer-container .footer-content .logos a {
	margin-right: 40px; }
.footer .footer-container .footer-content .logos img {
	max-height: 60px; }
.footer .footer-container .footer-content .logos a:last-child {
	margin: 0; }
.footer .footer-container .footer-content .pages {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 35px; }
.footer .footer-container .footer-content .pages a {
	color: white;
	font-size: 16px;
	/*font-family: "Univers Cn";*/
	margin-right: 40px; }
.footer .footer-container .footer-content .pages a:hover {
	color: #3abda9; }
.footer .footer-container .footer-content .pages a:last-child {
	margin: 0; }
.footer .footersponsorbar .logos {
	display: flex;
	background-color: black;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 2rem; }
.footer .footersponsorbar .logos a {
	margin-right: 40px; }
.footer .footersponsorbar .logos img {
	max-height: 60px; }
.footer .footersponsorbar .logosa:last-child {
	margin: 0; }

/* Website Banner Header */

.website-banner {
	/*height: 300px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	position: relative;
	z-index: 0; }

.website-banner .website-banner-background {
	width: 100%;
	z-index: -1;
	position: relative; }

.website-banner .website-banner-background img {
	width: 100%;
	display: block; }

.website-banner .website-banner-background .banner-image {
	object-fit: cover; }

.website-banner .website-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	box-sizing: border-box;
	padding: 1em 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


/* Sponsor Bar */

.main-container .sponsorbar {
	background-color: black;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 50;
	padding-right: 200px;
}
.main-container .sponsorbar .logos {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 2rem; }
.main-container .sponsorbar .logos a {
	margin-right: 40px; }
.main-container .sponsorbar .logos img {
	max-height: 60px; }
.main-container .sponsorbar .logosa:last-child {
	margin: 0; }


/* Header */

main-container.home {
	min-height: calc(100vh - 175px);
}

.main-container.home .header-content {
	/*width: calc(100% - 260px);*/
	display: flex;
	flex-direction: column;
	/*margin: 30px 30px 0 230px;*/
	width: 100%;
	padding-left: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.main-container.home .header-content .top {
	font-family: ScoutCond-Regular,sans-serif ;
	display: flex;
	min-height: 75px;
	color: white;
	font-size: 2.8rem;
	flex-direction: row;
	align-items: center;
	line-height: 1.2;
	justify-content: space-around;
	background-image: url(/ubisoft/img/background2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	place-content: center;
}

/*.pagetitle {
	font-family: roboto,sans-serif ;
	display: flex;
	min-height: 75px;
	color: white;
	font-size: 2.8rem;
	flex-direction: row;
	align-items: center;
	line-height: 1.2;
	justify-content: space-around;
	background-image: url(/ubisoft/img/background2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	place-content: center;
}*/

.main-container.home .header-content .top .ukire-logo {
	padding: 25px;
}

.logo-partner-menu.large img {
	width: 210px;
}

.main-container.home .header-content .top .ukire-logo img {
	width: 130px;
}

.main-container.home .top-content .top {
	margin-top: 30px;
	display: flex;
	min-height: 75px;
	color: white;
	font-size: 2.8rem;
	flex-direction: row;
	align-items: center;
	line-height: 1.2;
	justify-content: space-around;
	background-image: url(/ubisoft/img/background2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) }

.main-container.home .top-content .top a {
	color: #3abda9;
}

.main-container.home .top-content .top a:hover {
	color: #3abda9;
	text-decoration: underline;
}

/* Upcoming Matches */

.EventWidget {
	display: flex;
	position: relative;
	height: 140px;
	opacity: 100%;
	background-color: #ededed;
	animation: fadein .8s;
	overflow: hidden;
	max-height: 140px;
	transition: max-height .4s ease-in-out;
	z-index: 10;
	color: #000000;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*background-image: url(/ubisoft/img//background-white1.png);*/
	/*background-image: url(/ubisoft/img/background2.png);*/
	background-size: contain;
	justify-content: center;
}

.EventWidget #event-list {
	display: flex;
	flex-direction: row;

	left: 0;
	height: 100%;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	transition-property: left;
	transition-duration: .7s;
	transition-timing-function: ease;
	/*border-right: 1px solid #292d31;*/
}

.EventWidgetMatch {
	position: relative;
	height: 100%;
}

.EventWidgetMatch .match.future {
	padding: 40px 0 0 34px;
	width: 150px;
}

.EventWidgetMatch .match.future .date {
	position: absolute;
	top: initial;
	left: initial;
	transform: translateY(-100%);
	color: #555d64;
	font-size: 1.4rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.EventWidgetMatch .match {
	height: 100%;
}

.EventWidgetMatch .match.future .teams {
	padding-top: 4px;
}

.EventWidgetMatch .match.future .teams .team {
	padding-top: 2px;
}

.EventWidgetMatch .match.future .teams .team .image {
	width: 24px;
	height: 24px;
	margin-bottom: 3px;
}

.EventWidgetMatch .match .teams .team .image {
	vertical-align: middle;
}

.EventWidgetMatch .match .teams .team .code {
	font-size: 1.6rem;
	margin: 9px 8px 0 8px;
}

.EventWidgetMatch .match .teams .team .score {
	font-size: 1.6rem;
	margin: 9px 8px 0 8px;
}

.EventWidgetMatch .match.result .date {
	position: absolute;
	top: initial;
	left: initial;
	transform: translateY(-100%);
	color: #555d64;
	font-size: 1.4rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.EventWidgetMatch .match.future .time {
	font-size: 1.4rem;
}

.EventWidgetMatch .match.result {
	padding: 40px 0 0 25px;
	width: 150px;
}

.EventWidgetMatch .match.result .teams {
	padding-top: 4px;
}

.EventWidgetMatch .match.result .teams .team {
	padding-top: 2px;
}

.EventWidgetMatch .match.result .teams .team .image {
	width: 24px;
	height: 24px;
	margin-bottom: 3px;
}

.EventWidgetMatch.day-section-start:after {
	height: 100%;
}
.EventWidgetMatch:not(:first-child):after {
	content: '';
	display: block;
	height: 70%;
	width: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	/*background-color: #292d31;*/
}

*, *:before, *:after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

/* News */

.news {
	/*padding: 4em 0;*/
}

.news .news-article {
	background-color: #ededed;
	height: 200px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.news .tagline {
	position: absolute;
	bottom: 0;
}

.news .tagline a {
	color: #3abda9;
}

.news .tagline a:hover {
	color: #3abda9;
	text-decoration: underline;
}

.news .post-title {
	font-size: 1.8rem;
	margin-bottom: 10px;
	color: black;
	font-weight: 400;
	text-transform: uppercase;
}

.news .post-title a {
	color: black;
}

.news .news-body {
	padding: 1em;
	width: 66.66666667%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
}

.news .news-image-overlay h3 {
	font-size: 14pt;
}


.news .news-image-container {
	color: #ffffff;
	height: 200px;
	width: 300px;
	padding: 0;
	overflow: hidden;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
}

.news .news-image-container {
	max-height: 200px;
	max-width: 300px;
}

.news .news-image {
	/*background-image: url('/ubisoft/img/newspostdark.jpg');*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	height: 200px;
	width: 300px;
}

.news .news-image img {
	max-height: 200px;
	max-width: 300px;
}


.news .news-body {
	overflow: hidden;
	height: 200px;
}

.news .news-body .news-link {
	position: absolute;
	right: 0;
	top: 0;
	width: 47px;
	height: 200px;
	background-color: #3abda9;
	text-align: center;
	line-height: 200px;
	color: #ffffff;
	font-size: 16pt;
}

.news .news-body .news-link:hover {
	text-decoration: none;
}

.fullnews .news-date {
	padding-top: 20px;
	font-size: 1.2rem;
	color: darkgrey;
}


.fullnews .news-container {
	width: 80%;
	margin: auto;
}

.fullnews .news-header {
	padding-top: 20px;
	padding-bottom: 20px;
}


.fullnews .news-article {
/*	background-color: #ededed;
	!*height: 200px;*!
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.fullnews .tagline {
	position: absolute;
	bottom: 0;
}

.fullnews .post-title {
	font-size: 1.8rem;
	margin-bottom: 10px;
	color: black;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	font-size: 3.4rem;
}

.fullnews .post-title a {
	color: black;
}

.fullnews .news-body {
	padding: 1em;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	overflow: hidden;
}

.fullnews .news-body a {
	color: #3abda9;
}

.fullnews .news-body a:hover {
	color: #3abda9;
	text-decoration: underline;
}



.fullnews .news-image-overlay h3 {
	font-size: 14pt;
}

.fullnews .news-image-container {
	color: #ffffff;
	height: 400px;
	width: 600px;
	padding: 0;
	/*overflow: hidden;
	float: left;*/
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	margin: 0 auto;
}

.fullnews .news-image {
	/*background-image: url('/ubisoft/img/newspostdark.jpg');*/
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	height: 400px;
	width: 100%;
}

.fullnews .news-image img {
	max-height: 400px;
	max-width: 100%;
}


.fullnews .news-body .news-link {
	position: absolute;
	right: 0;
	top: 0;
	width: 47px;
	height: 200px;
	background-color: #3abda9;
	text-align: center;
	line-height: 200px;
	color: #ffffff;
	font-size: 16pt;
}

.fullnews .news-body .news-link:hover {
	text-decoration: none;
}

#content {
	/*padding-left: 200px;*/
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, p,
#content blockquote, #content form, #content label, #content ul, #content ol,
#content dl, #content fieldset, #content address {
	margin: 0.5em 0;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: bold;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {
	text-decoration: none;
}

#content h2 {
	font-size: 1.7em;
	line-height: 1.4em;
}

#content h3 {
	font-size: 1.5em;
	line-height: 1.6em;
}

#content h4 {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 10px;
}

#content h5 {
	font-size: 13pt;
	line-height: 1.6em;
}

#content p {
	line-height: 1.5em;
	margin: 10px 0;
}

#content strong, #content .strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

/* MEDIA */

@media (max-width:1200px) {
	#wrapper {
		width: 100%;
		display: block;
	}

	.news-article {
		display: table;
		width: 100%;
	}

	.news .news-body {
		overflow: hidden;
		height: auto;
		width: 100%;
	}

	.news .post {
		margin-bottom: 20px;
	}
}

@media (max-width:1500px) {
	.contentrow .teamrow{
		display: none;
	}
}


@media (max-width:1400px) {
	.footer .footer-container {
		flex-direction: column;
	}
}

@media (min-width:1400px) {

	.footer {
		height: 175px;
	}
}


/* Teams */

#team-wrapper {
	width: 100%;
	display: flex;
}

#player-wrapper {
	width: 100%;
	display: flex;
}

.team-banner {
	/*height: 300px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	position: relative;
	z-index: 0; }

.team-banner .team-banner-background {
	width: 100%;
	z-index: -1;
	position: relative; }

.team-banner .team-banner-background img {
	width: 100%;
	opacity: 0.5;
	display: block; }

.team-banner .team-banner-background .banner-image {
	height: 200px;
	object-fit: cover; }

.team-banner .team-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	box-sizing: border-box;
	padding: 1em 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.team-logo {
	margin: 0 auto;
	display: block;
	object-fit: scale-down;
	max-height: 100%;
	height: 100%; }

.team-info {
	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 300px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-right: 25px;
}

.team-matches {
	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 300px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.team-matches img {
	object-fit: scale-down;
	max-height: 50px;
}

.team-players {
	padding: 1em;
	width: 100%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.team-players a {
	color: #3abda9;
}

.team-players a:hover {
	color: #3abda9;
	text-decoration: underline;
}

.team-info-social {
	position: absolute;
	bottom: 0;
}

.team-social {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.team-website{
	padding-bottom: 10px;
}

.team-social img {
	/*background-color: #292d31;*/
	margin-right: 5px;
	fill: currentColor;
	height: 22px;
	width: 22px;
}

.team-social-link {
	display: flex;
	padding-right: 10px;
}

.team-info a {
	color: #3abda9;
}

.team-info a:hover {
	color: #3abda9;
	text-decoration: underline;
}

.player-social-link {
	display: flex;
	justify-content: center;
}

.player-social img {
	background-color: #292d31;
	margin-right: 5px;
}

.player-info {
	text-align: center;
}

.player-profile-image-logo {
	margin: 0 auto;
	object-fit: scale-down;
	max-height: 150px;
	 }


/* Players */

.player-banner-name {
	color: white;
	font-size: 80px;
	text-align: right;
	padding-right: 20px;
	padding-top: 20px;
}

.player-player-info {
	margin-left: 180px;
}
.player-bio {
	padding-bottom: 20px;
}

.player-profile-left {
	float: left;
}

.player-profile-image-details {
	text-align: center;
}

.player-stats-title {
	font-size: 1.6em;
}

.player-stats-info {
	padding-top: 10px;
}

.team-history-title {
	font-size: 1.6em;
}

.player-history {
	padding-top: 10px;
}

.player-panel {
	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 220px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-right: 25px;
}

.player-panel a {
	color: #3abda9;
}

.player-panel a:hover {
	color: #3abda9;
	text-decoration: underline;
}

.player-matches	{
	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 220px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.player-matches img {
	object-fit: scale-down;
	max-height: 50px;
}

.team-history {
	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 220px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.player-stats {
/*	padding: 1em;
	width: 49%;
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 220px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-right: 25px;*/
}

.guid-name {
	text-align: center;
	font-weight: bold;
}

.guid-value {
	text-align: center;
}

/* Collection pages */

.collection-banner {
	/*height: 300px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	position: relative;
	z-index: 0; }

.collection-banner .collection-banner-background {
	width: 100%;
	z-index: -1;
	position: relative; }

.collection-banner .collection-banner-background img {
	width: 100%;
	opacity: 0.5;
	display: block; }

.collection-banner .collection-banner-background .banner-image {
	height: 200px;
	object-fit: cover; }

.collection-banner .collection-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	box-sizing: border-box;
	padding: 1em 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


/* Collection stack pages */

.collectionstack-banner {
	/*height: 300px;
	width: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	position: relative;
	z-index: 0; }

.collectionstack-banner .collectionstack-banner-background {
	width: 100%;
	z-index: -1;
	position: relative; }

.collectionstack-banner .collectionstack-banner-background img {
	width: 100%;
	opacity: 0.5;
	display: block; }

.collectionstack-banner .collectionstack-banner-background .banner-image {
	height: 300px;
	object-fit: cover; }

.collectionstack-banner .collectionstack-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	box-sizing: border-box;
	padding: 1em 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


/* Styled Divs */

#content h3.styled {
	color: #ffffff;
	font-weight: bold;
	background-color: #3abda9;
	/*background-image: url('/images/nav-bg.gif');*/
	margin-bottom: 0;
	font-size: 12px;
	line-height: 17px;
	padding: 4px 5px;
}

#content div.odd, #content div.even {
	margin-top: 0;
	padding: 5px;
}

/* Tables */

#main-content table.styled {
	width: 100%;
}

#main-content table.styled th {
	color: #ffffff;
	font-weight: bold;
	background-color: #000000;
	/*background-image: url('/images/nav-bg.gif');*/
}

#main-content table.styled th a {
	color: #ffffff;
	text-decoration: none;
}

#main-content table.styled td, #content table.styled th {
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 0;
	height: 20px;
}

#main-content table.styled th {
	text-indent: 5px;
}

#main-content table.styled td {
	padding-left: 5px;
}

#main-content tr.odd, #content div.odd {
	background-color: #f1f1f1;
}

#main-content tr.even, #content div.event {
	background-color: #f6f6f6;
}

#main-content table.styled tr:hover {
	background-color: #e9e9e9;
}

#main-content th a.arrow {
	background-image: url('/images/haschild.gif');
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-right: 15px;
}

#main-content th.center a.arrow {
	padding-left: 15px;
}

#main-content table.items td {
	vertical-align: top;
}

#main-content table.items .price {
	font-weight: bold;
	font-size: 13pt;
}


/* Event Boxes */

.event-boxes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
	grid-gap: 1em;
	width: 100%; }
.event-boxes.set-width {
	grid-template-areas: "a";
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	align-self: flex-start; }
@media screen and (min-width: 460px) {
	.event-boxes.set-width {
		grid-template-areas: "a a";
		grid-template-columns: 1fr 1fr; } }
@media screen and (min-width: 720px) {
	.event-boxes.set-width {
		grid-template-areas: "a a a";
		grid-template-columns: 1fr 1fr 1fr; } }
@media screen and (min-width: 1000px) {
	.event-boxes.set-width {
		grid-template-areas: "a a a a";
		grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media screen and (min-width: 1320px) {
	.event-boxes.set-width {
		grid-template-areas: "a a a a a";
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
.event-boxes .event-box {
	max-width: 100%;
	min-width: 100%;
	/*border: 1px solid #292F3D;*/
	background: #ededed;
	text-decoration: none;
	display: flex;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	flex-direction: column;
	padding: 10px; }
.event-boxes .event-box .event-box-banner-wrapper {
	box-sizing: border-box;
	position: relative;
	overflow: hidden; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-action {
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	height: 2em;
	z-index: 1; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-action.right {
	right: 0.2em;
	left: auto; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0.5em;
	z-index: 2;
	overflow: visible; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info:after {
	content: '';
	bottom: -100%;
	right: -100%;
	position: absolute;
	height: 200%;
	width: 200%;
	z-index: -1; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info h1, .event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info div.presented-by {
	margin: 0 1em;
	color: #E6EAFF;
	font-weight: 400;
	font-size: 0.8em;
	margin-right: 0.2em;
	text-transform: uppercase; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info .event-box-banner-info-images {
	display: flex;
	align-items: center;
	justify-content: flex-end; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-info .event-box-banner-info-images img {
	align-self: center;
	width: 20%; }
.event-boxes .event-box .event-box-banner-wrapper .event-box-banner-image {
	width: 100%;
/*	height: 280px;
	margin-left: auto;
	margin-right: auto;*/
	display: block; }
.event-boxes .event-box .event-box-banner-wrapper:before {
	content: '';
	top: -100%;
	right: -100%;
	position: absolute;
	height: 200%;
	width: 200%;
	z-index: 1; }
.event-boxes .event-box .event-box-body {
	padding: 0.2em 0.5em; }
.event-boxes .event-box .event-box-body .event-box-title {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	opacity: 0.8;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center }
.event-boxes .event-box .event-box-footer {
	background-color: #292F3D;
	display: flex;
	padding: 0.2em 0.5em;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-grow: 1; }
.event-boxes .event-box .event-box-footer .event-box-footer-item {
	display: flex;
	flex-direction: row;
	margin-right: 1em;
	font-size: 0.8em;
	color: #E6EAFF; }
.event-boxes .event-box .event-box-footer .event-box-footer-item.justify {
	justify-content: space-between;
	flex-grow: 1;
	margin-right: 0; }
.event-boxes .event-box .event-box-footer .event-box-footer-item .event-box-footer-item-title {
	text-transform: uppercase;
	margin-right: 0.5em; }
.event-boxes .event-box .event-box-footer .event-box-footer-item .event-box-footer-item-value {
	opacity: 0.6; }
.event-boxes .event-box .event-box-footer.justify {
	justify-content: space-between; }
.event-boxes .event-box .event-box-footer.justify > .event-box-footer-item:last-of-type {
	margin-right: initial; }
@media only screen and (max-width: 720px) and (orientation: portrait) and (max-height: 860px), only screen and (max-width: 860px) and (orientation: landscape) and (max-height: 720px) {
	.event-boxes .event-box {
		min-width: initial; } }

.event-boxes .teamname {
	position: absolute;
	bottom: 0;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
}

.event-boxes .event-box .event-box-banner-wrapper {
	margin-bottom: 20px;
}

.magic {
	opacity: 0;
	transform: translateY(-1em); }
.magic.in {
	animation: magic 500ms ease-in-out forwards; }

@keyframes magic {
	0% {
		opacity: 0;
		transform: translateY(-1em); }
	100% {
		opacity: 1;
		transform: translateY(0); } }


.tournament-banner img {
	width: 100%;
}

/* tournament-nav */

.tournament-nav {
/*	padding-left: 30px;
	padding-right: 30px;*/
}

.tournament-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #272727;
}

.tournament-nav li {
	float: left;
}

.tournament-nav li a, .dropbtn {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.tournament-nav li a:hover, .dropdown:hover .dropbtn {
	background-color: #3abda9;
}

.tournament-nav li.dropdown {
	display: inline-block;
}

.tournament-nav .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.tournament-nav .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.tournament-nav .dropdown-content a:hover {background-color: #f1f1f1;}

.tournament-nav .dropdown:hover .dropdown-content {
	display: block;
}

/* playday nav */

.playday-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #272727;
}

.playday-nav li {
	float: left;
}

.playday-nav li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.playday-nav li a:hover {
	background-color: #3abda9;
}

/* Tables */

table.table {
	padding: 0;
}

table.table td, table.table th {
	/*padding: 0.5em;*/
	text-align: left;
}

table.table .teams-name {
	text-align: left;
	width: 60%;
}

table.table .matches-hometeam {
	text-align: right;
}
table.table .matches-awayteam {
	text-align: left;
}

table.table .matches-homescore {
	text-align: center;
}

table.table .matches-awayscore {
	text-align: center;
}

table.table .matches-vs {
	text-align: center;
}

.matches-hometeam a img {
	object-fit: scale-down;
	max-height: 50px;
}

.matches-awayteam a img {
	object-fit: scale-down;
	max-height: 50px;
}

/* Matches Page */

.matchpage {
	overflow: hidden;
}

.matchpage .team-matches {
	left: 26%;
}

.matchalignment {
	text-align: center;
}

.singlematchpage {
	padding: 1em;
	text-align: left;
	display: inline-block;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 300px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.singlematchpage img {
	object-fit: scale-down;
	max-height: 50px;
}

.singlematchpage tr {
	height: 55px;
}

.winner {
	font-weight: bold;
}

.unconfirmed {
	font-style: italic;
}

.score.winner {
	color: #009900;
}

.score.loser {
	color: #b40300;
}

.match .score {
	font-weight: bold;
}

.matchpage div.hometeam, .matchpage div.awayteam {
	float: left;
	width: 350px;
}

.matchpage div.score {
	font-size: 48pt;
	font-weight: bold;
	text-align: center;
	margin: 40px 0;
}

.matchpage div.hometeam h3, .matchpage div.awayteam h3 {
	text-align: center;
}

.matchpage div.central {
	width: 240px;
	margin: 0 10px;
	float: left;
}

.matchpage div.map {
	-moz-border-radius: 5px;
	background-color: #efefef;
	background-repeat: no-repeat;
	position: relative;
	background-size: contain;
}


.matchpage .mapinfo li {
	-moz-border-radius: 5px;
	background-color: #efefef;
	background-repeat: no-repeat;
	position: relative;
}

.matchpage div.map div.name {
	position: absolute;
	top: 215px;
	font-size: 13pt;
	font-weight: bold;
	color: #ffffff;
	background-image: url('/images/opaque.png');
	width: 240px;
	height: 23px;
	padding: 1px 0;
	text-align: center;
}

.matchpage div.map ul.mapinfo {
	padding-top: 240px !important;
}

.matchpage div.map ul {
	list-style-type: none;
	padding-bottom: 5px;
}

.matchpage div.map li {
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	background-image: none !important;
}

.matchpage div.map li.space {
	/*margin: 10px 0 0 0 !important;*/
}

.matchpage div.map dl {
	padding: 5px 0;
}

.matchpage div.map dt {
	/* width: 80px !important; */
	margin-left: 5px !important;
}

.twitch-logo {
	width: 20px;
}

.map p {
	padding: 5px;
}

.map input[type='text'] {
	width: 50px !important;
}

.map textarea {
	width: 222px;
	height: 60px;
}

table.options td {
	padding: 10px 5px !important;
}

table.options td input {
	margin-top: 3px;
}

.matchpage div.map div.hr {
	border-top: 1px solid #dddddd;
	background-image: none !important;
	margin: 0 10px !important;
	width: 220px;
}

.matchpage div.map h5.submatch {
	padding: 5px;
	margin: 0 !important;
}

.matchpage div.map .submatch {
	text-align: center;
}

.matchpage div.map .submatch .winner {
	color: #009900;
}

.matchpage div.map .submatch .loser {
	color: #b40300;
}

/* Lists */

#content dt {
	width: 150px;
	font-weight: bold;
	float: left;
	padding: 2px 0;
	clear: left;
	margin-left: 1em;
	text-align: left;
}

#content dd {
	width: auto;
	padding: 2px 0;
}

/* End Lists */

/* Content pages */

.fullcontent {
	background-color: #ededed;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 20px;
}


/* Tabs */
#tablist {
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
	height: 25px;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	list-style-type: none;
}

#tablist li.tab, #tablist li.tab-last {
	float: left;
	padding: 1px;
	width: 100px;
	height: 22px;
	border: 1px solid #c0c0c0;
	border-right: 0;
	background-color: #eeeeee;
	margin: 0 !important;
	background-image: none;
}

#tablist li.tab-last {
	border-right: 1px solid #c0c0c0;
}

#tablist a {
	display: block;
	height: 20px;
	padding: 1px 4px 0 4px;
}

#tablist a:hover, #tablist li.selected a {
	padding: 0px 3px 0 3px;
	border: 1px solid #e44c0f;
	background-color: #ffa163;
	text-decoration: none;
}

div.tab {
	clear: both;
}

/* Columns */

.two_columns {
	width: 40%;
	float: left;
}

span.required {
	color: #ff0000;
	font-size: 10px;
	font-weight: normal;
}

h4.error {
	color: #ff0000;
}

/* Elimination Tree */

table.tree {
	border-collapse: separate;
}

table.tree td {
	padding: 3px;
}

table.tree th {
	text-align: center;
}

table.tree tr {
	height: 14px;
}

table.tree td.team {
	height: 28px;
	border: 1px solid #c0c0c0;
	background-color: #eeeeee;
	text-align: center;
}

table.tree td.match {
	vertical-align: bottom;
	width: 200px;
	font-size: 11px;
}

table.tree td.score {
	width: 35px;
	height: 28px;
	text-align: center;
	border: 1px solid #c0c0c0;
	background-color: #eeeeee;
}

table.tree td.winner {
	font-weight: bold;
}

table.tree.quickswiss td.bracket {
	border: 0 !important;
}

table.tree.quickswiss td.line {
	border: 0 !important;
}

table.tree.quickswiss td.blankbracket {
	border: 0 !important;
}

table.tree.quickswiss td.firstbracket, table.tree.quickswiss td.firstline {
	border: 0 !important;
}

table.tree.quickswiss td.lastbracket, table.tree.quickswiss td.lastline {
	border: 0 !important;
}

table.tree td.bracket {
	border-top: 1px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
}

table.tree td.line {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table.tree td.firstbracket, table.tree td.firstline {
	border-bottom: 1px solid #000000;
}

table.tree td.lastbracket, table.tree td.lastline {
	border-top: 1px solid #000000;
}

table.tree td.blankbracket {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table.tree td.team.default {
	font-size: 12px;
}

table.tree th {
	padding-bottom: 10px;
}

div.elimtree {
	overflow-x: auto;
	padding: 0 0 20px 0;
}

/* TabList */

#tablist {
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
	height: 25px;
	margin: 20px 0 10px 0 !important;
	padding: 0 !important;
}

#tablist li.tab, #tablist li.tab-last {
	float: left;
	padding: 1px;
	width: 100px;
	height: 22px;
	border: 1px solid #c0c0c0;
	border-right: 0;
	background-color: #eeeeee;
	margin: 0 !important;
	background-image: none;
	font-size: 1.2rem;
}

#tablist li.tab-last {
	border-right: 1px solid #c0c0c0;
}

#tablist a {
	display: block;
	height: 20px;
	padding: 1px 4px 0 4px;
}

#tablist a:hover, #tablist li.selected a {
	padding: 0px 3px 0 3px;
	border: 1px solid #161616;
	background-color: #161616;
	text-decoration: none;
}

div.tab {
	clear: both;
}

.backgroundbox {
	padding: 1em;
	text-align: left;
	display: inline-block;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;
	min-height: 300px;
	width: 100%;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.backgroundboxfull {
	padding: 1em;
	text-align: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #ededed;

	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.backgroundboxwarning {
	text-align: left;
	position: relative;
	box-sizing: border-box;
	font-size: 1.4rem;
	background-color: #FFCCCB;

	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.secondarynav .selected {
	display: inline-block;
	text-decoration: underline;
}