:root {
    --regular: 400;
    --bold: 700;
    
    --eloRatingAllTimeColor: #C62828;
    --eloRatingSeasonColor: #8E24AA;
}

/* RESETS  */
* {
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    outline: none;
    letter-spacing: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

body {
    background: white;
    font-size: 16px;
    font-weight: var(--regular);
    /*max-width:100%;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    background: transparent;
    cursor: pointer;
    border-radius: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

table {
    width:100%;
}

/* ICONS */
.icon.overlay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* FOR TESTING */
.outline {
    outline: 1px dotted red;
}

/* UTILITY CLASSES */

address{
	 margin-bottom: 20px;
}

strong,
.bold {
    font-weight: var(--bold);
}

body .regular {
    font-weight: var(--regular);
}

body .italic {
	font-style: italic;
}

.underline {
    text-decoration: none;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.right { text-align: right; }
.left { text-align: left; }

.float-left { float: left; }
.float-right { float: right; }

.valign {
    vertical-align: middle;
}

.nowrap {
    white-space: nowrap;
}

.wrap {
	white-space: normal;
}

.wordbreak{
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
	hyphens: auto;
}

.hide {
    display: none;
}

/* only shows in theme 3 */
.t3-show {
    display: none;
}


small,
.small {
    font-size: 14px;
}

.smaller {
    font-size: 12px;
}

.smallest {
    font-size: 11px;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.block{
	display: block;
}

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

.inline{
	display: inline;
}

.google-map-container img{
	width: 100%;
	height: auto;
}

body .nomargin {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0 !important;
    
}

body .spacer { margin: 16px; }
body .spacer-top { 
    margin-top: 0px;
    
    }
body .spacer-right { margin-right: 16px; }
body .spacer-bottom { margin-bottom: 16px; }
body .spacer-left { margin-left: 16px; }

body .spacer-half { margin: 8px; }
body .spacer-top-half { margin-top: 8px; }
body .spacer-right-half { margin-right: 8px; }
body .spacer-bottom-half { margin-bottom: 8px; }
body .spacer-left-half { margin-left: 8px; }

body .padding { padding: 24px}
body .padding-top { padding-top: 24px}
body .padding-right { padding-right: 24px}
body .padding-bottom { padding-bottom: 24px}
body .padding-left { padding-left: 24px}

body .padding-half  { padding: 12px }
body .padding-top-half { padding-top: 12px}
body .padding-right-half { padding-right: 12px}
body .padding-bottom-half { padding-bottom: 12px}
body .padding-left-half { padding-left: 12px}

/* TOOLTIP */
[data-tooltip] {
  cursor: pointer;
}

#tooltip{
    text-align: center;
    font-size: 14px;
    background: #FFFFFF;
    position: absolute;
    z-index: 100;
    padding: 12px;
}

/* triangle decoration */
#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after{
    border-top-color: transparent;
    border-bottom: 10px solid #FFFFFF;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after{
    left: 10px;
    margin: 0;
}

#tooltip.right:after{
    right: 10px;
    left: auto;
    margin: 0;
}


/* PAGINATION */
.pagination{
	width: 60%;
	margin: 0 auto;
	padding-top: 24px;
}
.pagination li{
	margin-bottom: 0;
}
.pagination li a{
	color: var(--color);
	text-decoration: none;
}
.pagination li a.active{
	font-weight: bold;
}


/* LEAGUE STANDINGS CAROUSEL */

#league-standings .table {
	overflow: visible;
}

#league-standings .table-truncated-note {
	margin: 0 10px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
}

.owl-carousel .owl-item table img {
	display: inline;
	width: auto;
}


/* TABLES */

tbody tr th {
    resize:auto;
    text-align: left;
}

/* Stats table */
table.stats-table  {
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 0;
}
table.stats-table th,
table.stats-table td  {
	border-right: 0;
	border-left: 0;
}
table.stats-table td {
	white-space: normal;
	padding: 6px;
}
table.stats-table th:not(:last-child), 
table.stats-table td:not(:last-child) {
	padding-right: 9px;	/* added on 3px for the fake border */
}

/* Vertical headers */
table.vertical-headers-table thead th {
	vertical-align: bottom;
}

table.vertical-headers-table thead th a:hover,
table.vertical-headers-table thead th a:focus {
	color: var(--color);
}

table.vertical-headers-table thead th.rotate {
    vertical-align: bottom;
    padding: 5px 0 0 0;
}
/* Stat table needs 3px on right padding for fake border */
table.stats-table.vertical-headers-table thead th.rotate {
    padding: 5px 3px 0 0;
}

table.vertical-headers-table thead th.rotate > div {
	display: inline-block;
    white-space: nowrap;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* Innings within tables */
table .match-innings {
	font-size: 11px;
	margin-top: 6px;
	font-weight: normal;
	text-align: center;
}
table .match-innings > div > div {
	padding: 2px 5px;
}

th.short:after {
    content: '';
    display: block;
    min-width: 50px;
    height: 1px;
}

th.long:after {
    content: '';
    display: block;
    min-width: 200px;
    max-width: 350px;
    height: 1px;
}


/* Fixed column table */

#fixed-col-table-container {
	position: relative;
	overflow: hidden;
}

#fixed-col-table-container .fixed-col-table-wrap {
	width: 100%;
	overflow: auto;
}

#fixed-col-table-container > .clone-container {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	width: 100%;
}
#fixed-col-table-container table.clone th,
#fixed-col-table-container table.clone td {
	visibility: hidden;
}

#fixed-col-table-container table.clone .fixed-col {
	visibility: visible;
	pointer-events: auto;
}
#fixed-col-table-container table.clone thead {
	background: transparent;
}


/* BREAKING NEWS */
.breaking-news-container {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #e74c3c;
	margin-bottom: 30px;
	overflow: hidden;
}
.breaking-news-container .breaking-news-heading {
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	flex: 0 0 auto;
	color: #FFFFFF;
	background: #e74c3c;
}
.breaking-news-carousel-container {
	width: 100%;
	min-width: 0;
}
.breaking-news-container > div{
	padding: 8px;
}
.breaking-news-carousel .news-item-container{
	width: 100%;
}
.breaking-news-carousel .news-item-container a{
	width: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/*
|-----------------------------------
|
|
|   ADDED FOR ALERT PURPOSES.
|
|
|-----------------------------------
*/
#breakingNews{
  height: 80px;
  background: red;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
}

/*remove p*/
.newsAlert {
  width:100%;
  padding-top: 20px;
  margin:0 auto;
  font-size: 30px;
  white-space: nowrap;
  text-transform: uppercase;
  color: white;
  font-weight: 700;
}

.marqueeStyle {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left1 20s linear infinite;
  animation: scrolling-left1 20s linear infinite;
}

.marqueeStyle2 {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left2 20s linear infinite;
  animation: scrolling-left2 20s linear infinite;
  animation-delay: 10s;
}

/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
    0% {transform: translateX(100%);
        -webkit-transform: translateX(100%);}
      100% {transform: translateX(-100%);
          -webkit-transform: translateX(-100%);}
}
@keyframes scrolling-left2 {
    0% {transform: translateX(0%);
        -webkit-transform: translateX(0%);}
      100% {transform: translateX(-200%);
          -webkit-transform: translateX(-200%);}
}

@-webkit-keyframes scrolling-left1 {
    0% {-webkit-transform: translateX(100%);}
      100% {-webkit-transform: translateX(-100%);}
}
@-webkit-keyframes scrolling-left2 {
    0% {-webkit-transform: translateX(0%);}
      100% {-webkit-transform: translateX(-200%);}
}






/* FIXTURE GROUP HOME */

.about-the-fg a{
	color: var(--color);
	text-decoration: none;
}
.about-the-fg ol{
	margin-bottom: 20px;
}
.about-the-fg ol li{
	list-style: decimal inside;
	margin-bottom: 10px;
}
.about-the-fg ul{
	margin-bottom: 20px;
}
.about-the-fg ul li{
	list-style: disc inside;
	margin-bottom: 10px;
}
.about-the-fg table{
	margin-bottom: 20px;
}
.about-the-fg table th{
	text-align: left;
}
.about-the-fg table td{
	text-align: left;
}

.about-the-fg > div > :last-child{
	margin-bottom: 0;
}

.about-the-fg-media > img{
	width: 100%;
	height: auto;
	display: block;
}
/* Mobile */
@media screen and (max-width: 768px) {
	.about-the-fg > div{
		width: 100%;
	}
}


/* NEWS LIST */
#news-list .news-list-container {
	padding: 0 24px 24px 24px;
}

.news-list-grid img {
	width: 100%;
	height: auto;
}


/* LINKS */
#links .card{
	margin-bottom: 24px;
}
#links .card:last-child{
	margin-bottom: 0;
}
#links .card > div:last-child > .b-bottom{
	border-bottom: 0;
}
#links .card a:hover{
	text-decoration: none;
}


/* PHOTOS AND VIDEOS */
#photos-and-videos .photos-and-videos-container {
	padding: 0 24px 24px 24px;
}

.photos-and-videos-grid img{
	width: 100%;
	height: auto;
	display: block;
}


/* DOCUMENTS */
#documents .documents-container {
	padding: 0 24px 24px 24px;
}


/* SEARCH */
#search-form > .search-box {
	width: 100%;
    height: 54px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
    margin-bottom: 20px;
}

#search-form > .search-box button {
	width: 48px;
	height: 48px;
	margin-right: 8px;
	flex: 0 0 auto;
	border: 0;
}
#search-form > .search-box .icon.search {
	background-size: 24px;
	width: 48px;
	height: 48px;
}

#search-form > .search-box input[type='text'] {
	width: 100%;
	height: 48px;
}

.search-results-container .search-result-list {
	margin-bottom: 20px;
}
.search-results-container .search-result-list:last-child {
	margin-bottom: 0;
}

.search-result-list a {
	display: flex;
    align-items: center;
	padding: 8px;
	margin-bottom: 6px;
	text-decoration: none;
}

.search-result-list a .icon {
    margin-right: 12px;
}

.search-result-list a img {
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

.search-result-list.player a {
	padding: 0;
	overflow: hidden;
}
.search-result-list.player a .icon {
	margin-right: 0;
	margin-left: 8px;
}
.search-result-list.player a img {
    width: 100%;
    height: auto;
    display: block;
}

.search-result-list.news a {
	padding: 0;
	overflow: hidden;
}
.search-result-list.news a img {
    margin-right: 12px;
    width: 100%;
    height: auto;
    display: block;
}

.search-result-list .player-team {
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.search-result-list .player-team:last-child {
	border-bottom: none;
	margin-bottom: 0;
}


/* LATEST MEDIA */
.latest-media-carousel img {
    height: auto;
}
.latest-media-carousel .owl-dots {
    padding: 8px;
    text-align: center;
}
.latest-media-carousel .owl-dots span {
    display: none;
}
.latest-media-carousel .owl-dots button.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #888888;
    margin: 0 2px;
}


/* NEWS ARTICLE */
#news-article a{
	color: var(--color);
	text-decoration: none;
}
#news-article ol{
	margin-bottom: 20px;
}
#news-article ol li{
	list-style: decimal inside;
	margin-bottom: 10px;
}
#news-article ul{
	margin-bottom: 20px;
}
#news-article ul li{
	list-style: disc inside;
	margin-bottom: 10px;
}

#news-article table{
	margin-bottom: 20px;
	font-size: 13px;
}
#news-article table th{
	text-align: left;
}
#news-article table tr td:first-child {
	width: auto !important;
}
#news-article table td{
	text-align: left;
	white-space: normal;
}
#news-article table td a{
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
	hyphens: auto;
}

.news-article-media{
	width: 33.33%;
	flex: 0 0 auto;
}
.news-article-media > img{
	width: 100%;
	height: auto;
	display: block;
}

.news-article-image-carousel img {
    height: auto;
}
.news-article-image-carousel .owl-dots {
    padding: 8px;
    background: var(--color);
    text-align: center;
}
.news-article-image-carousel .owl-dots span {
    display: none;
}
.news-article-image-carousel .owl-dots button.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #888888;
    margin: 0 2px;
}
.news-article-image-carousel .owl-dots .owl-dot.active {
    background-color: #FFFFFF;
}

/* Tablet */
@media screen and (max-width: 1024px) {
	.news-article-media{
		width: 50%;
	}
}
/* Mobile */
@media screen and (max-width: 768px) {
	.news-article-media{
		width: 100%;
	}
	.news-article-body > div:first-child{
		order: 2;
	}
	.news-article-body .news-article-media{
		order: 1;
	}
}


/* CUSTOM PAGE */
#custom-page hr{
	margin-bottom: 20px;
}

#custom-page a {
	color: var(--color);
	text-decoration: none;
}

#custom-page ol{
	margin-bottom: 20px;
}
#custom-page ol li {
	list-style: decimal inside;
	margin-bottom: 10px;
}

#custom-page ul {
	margin-bottom: 20px;
}
#custom-page ul li {
	list-style: disc inside;
	margin-bottom: 10px;
}

#custom-page figure {
	margin-bottom: 5%;
}

#custom-page figure img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

#custom-page figure img a:hover {
    background: transparent;
}

#custom-page table {
	margin-bottom: 20px;
	font-size: 13px;
}
#custom-page table th{
	text-align: left;
}
#custom-page table tr td:first-child {
	width: auto !important;
}
#custom-page table td{
	text-align: left;
	white-space: normal;
}
#custom-page table td a{
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
	hyphens: auto;
}

#custom-page .video-container{
	margin-bottom: 20px;
} 


/* VENUES */
#venues .venue-details {
	padding-right: 12px;
	padding-bottom: 24px;
}


/* TEAM FORM */
/* also used in Match page: Head to head - recent form */
.team-form-box{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
}
.team-form-box a,
.team-form-box span{
	color: inherit;
	text-decoration: none;
	font-weight: var(--bold);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.team-form-box.won{
	background-color: #2ecc71;
}
.team-form-box.drawn{
	background-color: #76766f;
}
.team-form-box.lost{
	background-color: #e74c3c;
}


/* STANDINGS PREDICTOR */
#standings-predictor .enter-scores {
	padding: 24px;
}

#standings-predictor .predictor-score-entry {
	padding: 0 0 0 24px;
}
#standings-predictor .predictor-score-entry:nth-of-type(even) {
	padding: 0 24px 0 0;
}

#standings-predictor .predictor-score-entry h2,
#standings-predictor .predictor-score-entry p{
	margin-bottom: 0;
}

#standings-predictor .predictor-score-entry > div{
	margin-bottom: 15px;
}
#standings-predictor .predictor-score-entry > div:last-child{
	margin-bottom: 0;
}

#standings-predictor .predictor-score-entry .fixture p {
	font-size: 14px;
} 

#standings-predictor .predictor-score-entry .fixture > div{
	width: 33.3333%
} 

#standings-predictor .predictor-score-entry .fixture .score-inputs input[type='text']{
	padding: 5px;
	margin-right: 5px;
}
#standings-predictor .predictor-score-entry .fixture .score-inputs input[type='text']:last-child{
	margin-right: 0;
	margin-left: 5px;
}


/* Used in matches, results, filter change ajax */
.filter-change-message {
	padding: 0 24px 24px 24px;
}

/* CALENDAR */
#calendar .calendar-table th{
	width: 14.285714285714285714285714285714%;
}

#calendar .calendar-table .today .calendar-day{
	display: inline-block;
	background-color: #212121;
	color: #FFFFFF;
	padding: 6px;
	border-radius: 50%;
	line-height: 1;
}
#calendar .calendar-table .today.date_has_event .calendar-day{
	background-color: var(--color);
	color: var(--color-text);
}


/* CALENDAR AGENDA */
#calendar-agenda .agenda-list > div {
	margin-bottom: 24px;
}
#calendar-agenda .agenda-list > div:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#calendar-agenda .agenda-list > div > div:last-child {
	margin-bottom: 0;
}


/* MATCH PAGE */

/* SECTION: Match overview */
#match-overview .match-teams-and-score .home-team,
#match-overview .match-teams-and-score .road-team {
	padding: 12px;
	flex: 0 1 100%;
}
#match-overview .match-teams-and-score .score {
/* 	flex: 0 0 180px; */
	flex: 0 0 auto;
/*     min-width: 180px; */
	padding: 12px;
}
#match-overview .match-teams-and-score .score .final-score {
	margin-bottom: 6px;
	font-size: 20px;
}
#match-overview .match-teams-and-score .score p {
	margin-bottom: 2px;
}
#match-overview .match-teams-and-score .score p:last-child {
	margin-bottom: 0;
}

#match-overview .match-teams-and-score .home-team{
	text-align: right;
}
#match-overview .match-teams-and-score .road-team{
	text-align: left;
}

#match-overview .match-teams-and-score .home-team .team-name,
#match-overview .match-teams-and-score .road-team .team-name {
	flex: 0 1 100%;
}
#match-overview .match-teams-and-score .home-team .team-logo,
#match-overview .match-teams-and-score .road-team .team-logo {
	flex: 0 0 auto;
}

#match-overview .match-teams-and-score .home-team .team-logo {
	margin-left: 16px;
}
#match-overview .match-teams-and-score .road-team .team-logo {
	margin-right: 16px;
}

#match-overview .match-teams-and-score .home-team h3,
#match-overview .match-teams-and-score .road-team h3 {
	margin-bottom: 0;
}
#match-overview .match-teams-and-score .home-team img,
#match-overview .match-teams-and-score .road-team img {
	display: block;
}

/* Innings display */
#match-overview .match-teams-and-score .match-innings {
	font-size: 12px;
	margin-bottom: 6px;
}
#match-overview .match-teams-and-score .match-innings > div > div {
	padding-right: 10px;
}
#match-overview .match-teams-and-score .match-innings > div > div:last-child {
	padding-right: 0;
}


/* SECTION: Line up */
#match-line-up .home-team-lineup {
	width: 30%;
	padding-right: 24px;
	text-align: right;
}
#match-line-up .home-team-lineup .player .profile-image,
#match-line-up .road-team-lineup .player .profile-image {
	flex: 0 1 25%;
}
#match-line-up .home-team-lineup .player .profile-image img, 
#match-line-up .road-team-lineup .player .profile-image img {
	width: 100%;
	height: auto;
	display: block;
}

#match-line-up .pitch-display-container {
	width: 40%;
}
#match-line-up .road-team-lineup {
	width: 30%;
	padding-left: 24px;
	text-align: left;
}

#match-line-up .pitch-display-container .pitch-container > img{
	width: 100%;
	height: auto;
	display: block;
}

#match-line-up .pitch-display-container .pitch-container .home-team{
	position: absolute;
	top: 0;
	right:0;
	left:0;
	height: 46%;
	padding: 2% 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#match-line-up .pitch-display-container .pitch-container .road-team{
	position: absolute;
	bottom: 0;
	right:0;
	left:0;
	height: 46%;
	padding: 2% 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#match-line-up .pitch-display-container .pitch-container .position-row{
	display: flex;
	justify-content: space-around;
	padding: 0 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	
}
#match-line-up .pitch-display-container .pitch-container .home-team .position-row{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
}
#match-line-up .pitch-display-container .pitch-container .position-row:last-child{
	padding: 0 10%;
}

#match-line-up .pitch-display-container .pitch-container .position{
	width: 24px;
	height: 24px;
	font-size: 13px;
	line-height: 1.4em;
	padding: 2px;
	border-radius: 100%;
	text-align: center;
}

#match-line-up .pitch-display-container .pitch-container .home-team .position{
	color: #FFFFFF;
	background-color: #212121;
	border: 1px solid #FFFFFF;
}

#match-line-up .pitch-display-container .pitch-container .road-team .position{
	color: #212121;
	background-color: #FFFFFF;
	border: 1px solid #212121;
}


/* SECTION: Head to Head */
#head-to-head > div .home-team{
	order: 1;
	width: 40%;
}

#head-to-head .home-team .stat-container{
	text-align: right;
}
#head-to-head .road-team .stat-container{
	text-align: left;
}

#head-to-head .team-name-and-logo {
	margin-bottom: 24px;
	min-height: 46px;
}

#head-to-head .team-name-and-logo .team-name {
	margin: 0 12px 0 0;
}

#head-to-head .team-name-and-logo .team-logo {
	flex-shrink: 0;
}

#head-to-head > div .road-team .team-name-and-logo .team-name{
	margin: 0 0 0 12px;
	order: 2;
}

#head-to-head > div .road-team .team-name-and-logo .team-logo{
	order: 1;
}

#head-to-head .stat-container > div{
	margin-bottom: 24px;
}

#head-to-head .stat-container .bar{
	width: 100%;
	height: 20px;
	background-color: #f7f7f7;
}

#head-to-head .stat-container .bar > div{
	height: 20px;
	float: right;
}

#head-to-head > div .middle-container{
	order: 2;
	width: 20%;
	text-align: center;
}

#head-to-head > div .middle-container .huge{
	font-size: 60px;
	line-height: 1;
}

#head-to-head > div .road-team{
	order: 3;
	width: 40%;
}

#head-to-head .road-team .stat-container .bar > div{
	float: none;
}


/* SECTION: Recent matches */
#recent-matches a.match-link{
	display: block;
	text-decoration: none;
	color: inherit;
}

#recent-matches a.match-link:hover,
#recent-matches a.match-link:focus{
	background-color: #f7f7f7;
}

#recent-matches .teams-and-score {
	padding: 12px;
}
#recent-matches .teams-and-score h5{
	color: var(--color);
	font-size: 12px;
}

#recent-matches .teams-and-score .home-team{
	width: 40%;
	text-align: right;
}

#recent-matches .teams-and-score .score{
	width: 20%;
	text-align: center;
	flex-shrink: 0;
	background-color: var(--color);
	color: var(--color-text);
	padding: 6px;
	margin: 0 12px;
}

#recent-matches .teams-and-score .road-team{
	width: 40%;
}

#recent-matches .home-team .team-name-and-logo .team-logo{
	padding-left: 12px;
}

#recent-matches .road-team .team-name-and-logo { 
	justify-content: flex-start;
}

#recent-matches .team-name-and-logo .team-logo{ 
	flex-shrink: 0;
}

#recent-matches .road-team .team-name-and-logo .team-name{ 
	order: 2;
}

#recent-matches .road-team .team-name-and-logo .team-logo{ 
	padding-right: 12px;
	order: 1;
}

/* SECTION: Recent form */
#recent-form .team-name-and-logo {
		min-height: 46px;
	}

#recent-form .home-team{
	flex: 0 1 50%;
	padding: 0 12px 12px 0;
}

#recent-form .road-team{
	 flex: 0 1 50%;
	 padding: 0 0 12px 12px;
}

#recent-form .team-name-and-logo h5 {
	color: var(--color);
}

#recent-form .team-name-and-logo .team-logo {
	flex-shrink: 0;
}

#recent-form .road-team .team-name-and-logo .team-name{
	order: 2;
}

#recent-form .road-team .team-name-and-logo .team-logo{
	order: 1;
	padding-right: 12px;
}

#recent-form .home-team .team-name-and-logo .team-logo{
	padding-left: 12px;
}

#recent-form a.match-link{
	display: block;
	text-decoration: none;
	color: inherit;
}

#recent-form a.match-link:hover,
#recent-form a.match-link:focus{
	background-color: #f7f7f7;
}

#recent-form .home-team .form-row-container{
	margin: 0 4px 0 0;
	padding: 4px 4px 4px 0;
}

#recent-form .road-team .form-row-container{
	margin: 0 0 0 4px;
	padding: 4px 0 4px 4px;
}

#recent-form .form-row{
	padding: 6px 0;
}

#recent-form .road-team .form-row{
	justify-content: flex-start;
}

#recent-form .home-team .form-row .form-icon {
	margin-left: 8px;
}
#recent-form .road-team .form-row .form-icon {
	order: 1;
	margin-right: 8px;
}
#recent-form .road-team .form-row .match-info{
	order: 2;
}

#recent-form .home-team .team-form{
	margin: 0 0 0 4px;
}
#recent-form .road-team .team-form{
	margin: 0 4px 0 0;
}

/* SECTION: Venue */
.match-venue .venue-details {
	padding-right: 24px;
	padding-left: 24px;
}


/* SECTION: Available players */
.match-available-players .player {
	margin-bottom: 16px;
}
.match-available-players .player:last-child {
	margin-bottom: 0;
}
.match-available-players .player .profile-image {
	flex: 0 1 25%;
}
.match-available-players .player .profile-image img{
	width: 100%;
	height: auto;
	display: block;
}

/* SECTION: Match timeline */
.match-statistic-timeline > div {
	margin-bottom: 24px;
}

/* SECTION: Player stat grids */
.match-player-stats-grids > div {
	margin-bottom: 24px;
}


/* MATCH PAGE END */


/* LIVE RESULTS MESSAGE */
#live-results-message {
	padding-bottom: 0;
}
#live-results-message a {
	padding: 24px;
	background-color: #2ecc71;
	color: #ffffff;
}
#live-results-message h2{
	color: inherit;
	margin-bottom: 12px;
}
#live-results-message .icon{
	width: 42px;
    height: 42px;
}


/* CONTACT FORM */
#contact-form .form-rows label {
	display: block;
	text-transform: uppercase;
	padding-bottom: 4px;
}

#contact-form .form-rows input[type='text'],
#contact-form .form-rows textarea {
	border: 3px solid #f7f7f7;
	padding: 5px;
	width: 60%;
}

#contact-form .form-rows textarea {
	resize: none;
}

#contact-form .form-rows input[type='text'].input-error,
#contact-form .form-rows .input-error {
	border-color: #e74c3c;
}

#contact-form .form-rows input[type='text'].input-error,
#contact-form .form-rows .input-error {
	border-color: #e74c3c;
}

#contact-form .form-rows .errorMessage {
	color: #e74c3c;
	font-size: 13px;
} 

#contact-form .form-rows .errorMessage li {
	margin-bottom: 0; 
}

/* WEB STATS */
#web-stats-totals .daily-totals-list > div p span {
	font-size: 40px;
	font-weight: var(--bold);
}

#web-stats-pages .card table td{
	white-space: normal;
}


/* REGISTRATIONS */
#registrations .card .registration-content {
	margin-bottom: 16px;
}


/* TEAM PAGE */
#team .about-the-team-content {
	padding: 24px;
}


/* PLAYER STATISTICS */
.played-games-percentage{
	margin-bottom: 24px;
}
.played-games-percentage .percentage-input > label{
	margin-right: 10px;
}
.played-games-percentage .percentage-input > div{
	display: inline-block;
	padding: 5px;
}
.played-games-percentage .exclusion-checkbox{
	padding-left: 20px;
}


/* PLAYER PAGE */
.player-profile-image {
	width: 25%;
	flex: 0 0 auto;
}
.player-profile-image > img {
    width: 100%;
    height: auto;
    display: block;
}

.player-profile-content {
	padding: 24px;
}

/* Elo rating */
.elo-rating {
	margin-bottom: 4px;
}
.elo-rating:last-child {
	margin-bottom: 0;
}
.elo-rating > span {
	color: #FFFFFF;
	padding: 1px 4px;
	display: inline-block;
}
.elo-rating.all-time > span{
	background: var(--eloRatingAllTimeColor);
}
.elo-rating.season > span{
	background: var(--eloRatingSeasonColor);
}


/* TEXT EDITOR CONTENT */

.player-profile-content a,
.singles-player-profile-content a,
.about-the-team-content a,
.honours-type-content a,
.timeline-content a,
.calendar-event-content a, 
.registration-content a{
	color: var(--color);
	text-decoration: none;
}
.player-profile-content ol,
.singles-player-profile-content ol,
.about-the-team-content ol,
.honours-type-content ol,
.timeline-content ol,
.calendar-event-content ol, 
.registration-content ol {
	margin-bottom: 20px;
}
.player-profile-content ol li,
.singles-player-profile-content ol li,
.about-the-team-content ol li,
.honours-type-content ol li,
.timeline-content ol li,
.calendar-event-content ol li, 
.registration-content ol li {
	list-style: decimal inside;
	margin-bottom: 10px;
}
.player-profile-content ul,
.singles-player-profile-content ul,
.about-the-team-content ul,
.honours-type-content ul,
.timeline-content  ul,
.calendar-event-content ul, 
.registration-content ul {
	margin-bottom: 20px;
}
.player-profile-content ul li,
.singles-player-profile-content ul li,
.about-the-team-content ul li,
.honours-type-content ul li,
.timeline-content ul li,
.calendar-event-content ul li, 
.registration-content ul li {
	list-style: disc inside;
	margin-bottom: 10px;
}
.player-profile-content table,
.singles-player-profile-content table,
.about-the-team-content table,
.honours-type-content table,
.timeline-content table,
.calendar-event-content table, 
.registration-content table {
	margin-bottom: 20px;
}
.player-profile-content table th,
.singles-player-profile-content table th,
.about-the-team-content table th,
.honours-type-content table th,
.timeline-content table th,
.calendar-event-content table th, 
.registration-content table th {
	text-align: left;
}
.player-profile-content table td,
.singles-player-profile-content table td,
.about-the-team-content table td,
.honours-type-content table td,
.timeline-content table td,
.calendar-event-content table td, 
.registration-content table td {
	text-align: left;
}
.player-profile-content > :last-child,
.singles-player-profile-content > :last-child,
.about-the-team-content > :last-child,
.honours-type-content > :last-child,
.timeline-content > :last-child,
.calendar-event-content > :last-child, 
.registration-content > :last-child {
	margin-bottom: 0;
}

/* MOBILE / DESKTOP SWITCH */
@media screen and (min-width: 768px) {
    .mobile { display: none !important; }
}
@media screen and (max-width: 768px) {
    .desktop {  display: none !important;}
}

/* CONTAINER */
.container {
    max-width: 100%;
    position: relative;
    margin: 2%;
    min-height:100px;
    /*max-height:300px;*/
}

/* VIDEO CONTAINER */
.video-container{
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}
.video-container embed, 
.video-container iframe, 
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* POPUP CONTAINERS */
.popup-image-container {
	position: relative;
	width: auto;
	max-width: 520px;
	margin: 0 auto;
}
.popup-image-container > img {
	width: 100%;
	height: auto;
	display: block;
}
.popup-video-container {
	width: auto;
	max-width: 720px;
	margin: 0 auto;
	background-color: #000000;
}
.pop-up-card-container {
	max-width: 600px;
	margin: 0 auto;
}


/* MESSAGE ME */
.message-me-iframe-container{
    width: 100%;
    height: 0;
/*     overflow: hidden; */
    padding-top: 75%;
}
.message-me-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#message-me,
#message-me-success {
	width: 100%;
	height: 100vh;
	padding: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#message-me form {
	width: 50%;
}

#message-me .form-row {
	margin-bottom: 10px;
}
#message-me .form-row:last-child {
	margin-bottom: 0;
}

#message-me .form-row label {
	display: inline-block;
	text-transform: uppercase;
	padding-bottom: 4px;
	font-weight: var(--bold);
}

#message-me .form-row input[type='text'],
#message-me .form-row textarea {
	border: 3px solid #f7f7f7;
	padding: 5px;
	width: 60%;
}

#message-me .form-row textarea {
	resize: none;
}

#message-me .form-row .button {
	width: 100%;
}

#message-me .form-row input[type='text'].input-error,
#message-me .form-row .input-error {
	border-color: #e74c3c;
}

#message-me .form-row input[type='text'].input-error,
#message-me .form-row .input-error {
	border-color: #e74c3c;
}

#message-me .form-row .errorMessage {
	display: inline-block;
	color: #e74c3c;
	font-size: 12px;
} 

#message-me .form-row .errorMessage li {
	margin-bottom: 0; 
}


/* GRIDS & COLUMNS */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex.wrap {
    flex-wrap: wrap;
}
.flex.left {
    justify-content: flex-start;
}
.flex.center {
    justify-content: center;
}
.flex.right {
    justify-content: flex-end;
}
.flex.middle {
    align-items: center;
}
.flex.bottom {
    align-items: flex-end;
}
.flex.stretch > * {
    align-self: stretch;
}
.flex.column {
    flex-direction: column;
}
.flex.column > div {
	width: 100%;
}

@media screen and (max-width: 768px) {
    .flex.stack {
        flex-direction: column;
    }
}

@supports (display: grid) {
	.grid-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    @media screen and (max-width: 768px) {
        .grid-2,
        .grid-3 {
            max-width: 100%;
            grid-gap: 10px;
            margin-left: 20%;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            
        }
        .grid-4,
        .grid-5,
        .grid-6 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 10px;
        }
    }
    @media screen and (min-width: 400px) and (max-width: 768px) {
        .grid-3 {
            margin-left: -20%;
        }
    }
    @media screen and (min-width: 769px) and (max-width: 1200px) {
        .grid-5,
        .grid-6 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    
    .grid-item-full-width {
		grid-column-start: 1;
		grid-column-end: end;
    }
}

@supports not (display: grid) {
    .grid-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }
    .grid-2 > * {
        width: calc(50% - var(--grid-gap, 30px));
    }
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .grid-3 > * {
   		width: calc(33.33% - 30px);
    }
    .grid-4 > * {
        width: calc(25% - 30px);
    }
    .grid-5 > * {
        width: calc(20% - 30px);
    }
    .grid-6 > * {
        width: calc(16.66% - 30px);
    }
    @media screen and (max-width: 768px) {
        .grid-2 > *,
        .grid-3 > * {
            width: 100%;
        }
        .grid-4 > *,
        .grid-5 > *,
        .grid-6 > * {
            width: calc(50% - 5px);
        }
    }
    @media screen and (min-width: 769px) and (max-width: 1200px) {
        .grid-5 > *,
        .grid-6 > * {
            width: calc(33.33% - var(--grid-gap, 30px));
        }
    }
}

.grid-2 > *,
.grid-3 > *,
.grid-4 > *,
.grid-5 > *,
.grid-6 > * {
        width: 100%;
        margin-left: 0;
        display: table-column;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    
}

.columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
@media screen and (max-width: 768px) {
    .columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66.66%; }
.w60 { width: 60%; }
.w50 { width: calc(50% - var(--flex-padding, 8px)); }
.w50f { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w33 { width: 33.33%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w10 { width: 10%; }

@supports not (display: grid) {
    .w50 { width: calc(50% - 8px); }
}

/* CHARTS */
#position-changes .chart-container {
	height: 80vh;
}

#standings-charts .chart-container {
	height: 80vh;
}

/* WIDGETS */

/* Follow the league widget */
.card-follow-league {
	align-items: center;
}
.card-follow-league .card-content {
	justify-content: center;
	text-align: center;
	margin: 0 auto;
} 

/* Follow the league widget - when no other widgets */
.card-follow-league.no-widgets  {
	align-items: flex-start;
	grid-column-start: 1;
	grid-column-end: end;
}

.card-follow-league.no-widgets .card-content {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    
	 justify-content: center;
	align-items: center;
	
	width: 100%;
	text-align: center;
}

.card-follow-league.no-widgets .card-content > * {
	padding-right: 20px;
	margin: 0;
}
.card-follow-league.no-widgets .card-content > *:last-child {
	padding-right: 0;
}

.card-follow-league.no-widgets .card-content > h3,
.card-follow-league.no-widgets .card-content a {
	white-space: nowrap;
}


/* ADVERTS */
#ad-video-1,
#ad-leaderboard-1,
#ad-leaderboard-2,
#widget-advert {
/* 	z-index: 0; */
}

#ad-video-1 {
	max-width: 468px;
}

.ad-left-placeholder,
.ad-right-placeholder {
	color: #555555;
	background-color: #FFFFFF;
    background-image: url(../images/background/ad-pinstripe-bg.png);
    min-height: 250px;
    display: flex;
	justify-content: center;
	align-items: center;
}

#belowVideoAd {
	width: 100%; 
	padding: 15px 0; 
	text-align: center; 
	text-align: -webkit-center; 
	margin: 0 auto; 
	min-height: 50px;
}

/* TABLET ADJUSTMENTS */
@media screen and (max-width: 1024px) {

	/* WIDGETS */
	
	/* Follow the league widget - when no other widgets */
	.card-follow-league.no-widgets .card-content {
		flex-direction: column;
	}
	.card-follow-league.no-widgets .card-content > * {
		padding-right: 0;
		margin: 0;
		margin-bottom: 15px;
	}
	.card-follow-league.no-widgets .card-content > *:last-child {
		padding-right: 0;
	}
	.card-follow-league.no-widgets .card-content > h3,
	.card-follow-league.no-widgets .card-content a {
		white-space: normal;
	}
	
}


/* MOBILE ADJUSTMENTS */

@media screen and (max-width: 768px) {
	
	/* STANDINGS PREDICTOR */
	#standings-predictor .enter-scores {
		padding: 12px;
		margin-bottom: 16px;
		text-align: center;
	}
	#standings-predictor .enter-scores > div:first-child {
		margin-bottom: 16px;
	}
	#standings-predictor .enter-scores > div.spacer-left {
		margin-left: 0;
	}

	#standings-predictor .predictor-score-entry,
	#standings-predictor .predictor-score-entry:nth-of-type(even) {
		padding: 0 12px 24px 12px;
	}
	
	#standings-predictor .predictor-score-entry .fixture .home-team {
		padding-right: 5px;
	}
	#standings-predictor .predictor-score-entry .fixture .road-team {
		padding-left: 5px;
	}
	
	#standings-predictor .predictor-score-entry .fixture .home-team p,
	#standings-predictor .predictor-score-entry .fixture .road-team p {
		text-align: center;
	}
	#standings-predictor .predictor-score-entry .fixture .road-team p {
		order: 2;
	}
	#standings-predictor .predictor-score-entry .fixture .road-team img:last-child {
		order: 1;
	}
	
	#standings-predictor .predictor-score-entry .fixture img {
		width: 20px;
		height: 20px;
	}
	#standings-predictor .predictor-score-entry .fixture img.spacer-right {
		margin-right: 0;
	}
	#standings-predictor .predictor-score-entry .fixture img.spacer-left {
		margin-left: 0;
	}
	
	#standings-predictor .predictor-score-entry .fixture .score-inputs {
		width: 40%;
	}
	#standings-predictor .predictor-score-entry .fixture .score-inputs input[type='text']:last-child {
		margin-left: 0;
	}
	
		
	/** MATCH PAGE **/
	
	/* SECTION: Match overview */
	
	#match-overview .match-teams-and-score .home-team,
	#match-overview .match-teams-and-score .road-team {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		padding: 0 0 12px 0;
	}
	#match-overview .match-teams-and-score .road-team {
		padding: 12px 0 0 0;
	}
	#match-overview .match-teams-and-score .home-team .team-name,
	#match-overview .match-teams-and-score .road-team .team-name {
		order: 2;
	}
	#match-overview .match-teams-and-score .home-team .team-logo,
	#match-overview .match-teams-and-score .road-team .team-logo {
		margin-right: 12px;
		margin-left: 0;
		order: 1;
	}
	#match-overview .match-teams-and-score .score {
		width: 100%;
		flex: 0 1 auto;
	}
	
    /* SECTION: Line up */
	#match-line-up .home-team-lineup {
		width: 100%;
		padding-right: 0;
		text-align: left;
	}
	#match-line-up .home-team-lineup .player{
		 justify-content: flex-start;
		 text-align: left;
	}
	#match-line-up .home-team-lineup .player > div {
		order: 2;
	}
	#match-line-up .home-team-lineup .player .profile-image {
		order: 1;
		margin: 0 16px 0 0;
	}
	#match-line-up .pitch-display-container {
		width: 100%;
	}
	#match-line-up .road-team-lineup {
		width: 100%;
		padding-left: 0;
	}
	
	/* SECTION: Head to head */
	#head-to-head > div{
		flex-flow: row wrap;
	}
	
	#head-to-head > div .home-team{
		order: 1;
		flex: 0 0 50%;
		padding-right: 5px;
	}
	
	#head-to-head > div .middle-container{
		order: 3;
		flex: 0 0 100%;
	}
	
	#head-to-head > div .middle-container p{
		display: inline;
	}
	
	#head-to-head > div .middle-container .huge{
		font-size: 16px;
		line-height: 1.4em;
	}
	
	#head-to-head > div .road-team{
		order: 2;
		flex: 0 0 50%;
		padding-left: 5px;
	}
	
	#head-to-head > div .team-name-and-logo .team-name {
		margin: 0 8px 0 0;
	}
	#head-to-head > div .road-team .team-name-and-logo .team-name {
		margin: 0 0 0 8px;
	}
	
	#head-to-head > div .team-name-and-logo .team-name h3 {
		font-size: 12px;
	}
	
	/* SECTION: Recent form */
	#recent-form .team-name-and-logo h5 {
		font-size: 12px;
	}
	
	#recent-form .home-team .form-row-container,
	#recent-form .road-team .form-row-container {
   		margin: 0;
	}
	
	#recent-form .home-team .form-row-container{
   		padding-right: 0;
	}
	#recent-form .road-team .form-row-container{
   		padding-left: 0;
	}
	
	#recent-form .form-row {
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	#recent-form .road-team .form-row {
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	#recent-form .home-team .form-row .form-icon{
		 order: 1;
	}
	#recent-form .home-team .form-row .match-info {
		order: 2;
	}
	
	#recent-form .form-row .form-icon{
		 margin-bottom: 5px;
	}
	#recent-form .form-row .match-info {
		 font-size: 13px;
	}
	
	/* SECTION: Venue */
	.match-venue .google-map-container {
		margin-top: 16px;
	}
	
	
	/* TEAM PAGE */
	#team .card div > div > .flex.middle.stack {
		align-items: flex-start;
	}
	
	#team .card div > div > .flex.middle.stack div.padding-left {
		padding: 24px 0 0 0;
	}


	/* PLAYER STATISTICS FOR TEAM PAGES */
	#player-stats-for-team-cumulative .card div > div > .flex.middle.stack,
	#player-stats-for-team-noncumulative .card div > div > .flex.middle.stack {
		align-items: flex-start;
	}
	
	#player-stats-for-team-cumulative .card div > div > .flex.middle.stack div.padding-left,
	#player-stats-for-team-noncumulative .card div > div > .flex.middle.stack div.padding-left {
		padding: 24px 0 0 0;
	}
	
	/* PLAYER STATISTICS */
	.played-games-percentage{
		margin-bottom: 24px;
	}
	.played-games-percentage .percentage-input {
		width: 100%;
		padding-bottom: 10px;
	}
	.played-games-percentage .percentage-input > div{
		margin-top: 5px;
	}
	.played-games-percentage .exclusion-checkbox {
		width: 100%;
		padding-left: 0;
	}
	
	
	/* PLAYER PAGE */
	.player-profile-image {
		width: 100%;
		padding: 0;
	}
	.player-profile-name {
		width: 100%;
		padding: 0 24px;
	}
	
	
	/* CALENDAR */
	#calendar .calendar-table{
		font-size: 13px;
	}
	
	/* MESSAGE ME */
	.message-me-iframe-container{
	    padding-top: 150%;
	}
	#message-me {
		padding: 12px;
	}
	#message-me form {
		width: 60%;
	}
	
	#filterPanel{
    	width: 100%;
    }
    
    /* PAGINATION */
    .pagination{
		width: 100%;
	}
	
	/* ADVERTS */
	.ad-left-placeholder {
		min-height: 300px;
	}
	.ad-right-placeholder {
		min-height: 250px;
	}
	
	/* CHARTS */
	#position-changes .chart-container {
		height: 100vh;
	}

	.m-w100 { width: 100%; }
    
}


/* Magnific Popup CSS 1.1.0 */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.7; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }



/*******************************************************
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 ******************************************************/
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/*******************************************************
 * Chartjs v2.9.3
 ******************************************************/
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}





/** PRINT FRIENDLY **/
@media print{
	
	* {
		box-shadow: none !important;
		text-shadow : none !important;
		text-transform: none !important;
		border: 0  !important;
		border-radius: 0 !important;
		background: none !important;
		margin: 0 0 15px 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
		flex: none !important;
		color: black !important;
	}
	
	/* Typography */
	body {
		font-family: Georgia, serif !important;
		background: #fff !important;
		color: black !important;
		font-size: 13px !important;
		margin: 0 0.5em !important;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: Georgia, serif !important;
		color: black !important;
		font-weight: bold !important;
		text-align: left !important;
	}
	
	h1{
		font-size: 24px !important;
	}
	h2{
		font-size: 16px !important;
	}
	h3,
	h4,
	h5,
	h6 {
		font-size: 14px !important;
	}
	
	p {
		color: black !important;
		font-size: 13px !important;
	}
	
	a,
	a:link,
	a:focus,
	a:visited {
		color: #427fed !important;
		font-family: Georgia, serif !important;
		font-size: 13px !important;
		font-weight: normal !important;
		text-decoration: none !important;
		background: none !important;
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		text-transform: none !important;
		outline: none !important;
	}
	
	select {
		font-family: Georgia, serif !important;
		font-size: 13px !important;
		color: black !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 10px 0 0 !important;
	}
	
	img {
		width: 100%;
		max-width: 500px;
		height: auto;
		display: inline-block;
	}
	
	/* Tables */
	table{
		width: 100% !important;
		font-size: 12px !important;
		padding: 0 !important;
		margin: 0 !important;
		border-collapse: collapse !important;
		table-layout: auto !important;
	}
	th,
	td {
		color: black !important;
		font-size: 12px !important;
		padding: 4px !important;
		border: 1px solid #666 !important;
		white-space: normal !important;
		background: none !important;
		width: auto !important;
		height: auto !important;
	}
	th {
		font-weight: bold !important;
	}
	td:after,
	th:after{
		display: none !important;
	}
	th.rotate > div {
		transform: none !important;
		margin: 0 !important;
	}
	td img {
		display: none !important;
	}
	
	/* Layout */ 
	main,
	.container, 
	#hero,
	#fixture-group,
	.tabs-container,
	.tabs {
		max-width: 100% !important;
		width: 100% !important;
		min-width: 0 !important; 
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.tabs-container {
		margin: 0 0 15px 0 !important;
	}
		
	.tab {
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 10px 0 0 !important;
	}
	
	.tab-active a {
		font-weight: bold !important;
	}
	
	.chart-container {
		min-height: 70vh !important;
	}
	
	/* Displayed */
	.print {
		display: block !important;
	}
	
	/* Hidden */
	header,
	#nav,
	aside,
	.icon,
	#fixture-group img, 
	#latest-news,
	#match-groups-section, 
	.fb-comments,
	.fb-like,
	.pagination,
	.secondary-filters,
	#latest-media,
	#widgets,
	#sponsors-section,
	#footer,
	#ad-video-1,
	#ad-leaderboard-1,
	#ad-leaderboard-2,
	.ad-left-placeholder,
	#animation_container,
	#snack_dex1 {
		display: none !important;
	}
	
}