/* 2015 - blue #23394F, lime #E9FF6C */
/* 2017 - blue #0059B2, lime #DCFF73  */
/* 2018 - red - #C24 */

:root {
	--hero-color: #C24;
	--secondary-color: #A23;
	--bright-color: #E25;
	--dark-color: #2D3138;
	--mid-color: #5B6270;
	--very-light-color: #F5F7F9;
	--border-color: #D9DBE0;
	--body-color: #FFF;
}

/*
:root {
	--hero-color: #C24;
	--secondary-color: #A23;
	--bright-color: #E25;
	--dark-color: #F5F7F9;
	--mid-color: #C6CAD1;
	--very-light-color: #2D3138;
	--border-color: #1E2830;
	--body-color: #0F2522;
}
*/


* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body {margin:0;background:var(--body-color);font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;font-size:14px;color:var(--dark-color);transition:padding-left 0.2s;}
@media screen and (min-width:1960px) {
	body {padding-left:320px;border-top:15px solid var(--bright-color);}
	body.global-menu-open {padding-left:320px;}
}
/*body.has-section-menu {padding-top:110px;}*/
.inner {margin:15px auto;max-width:1610px;width:100%;/*min-width:1130px;*/}
#page-header + .inner {margin-top:0;}

pre {font-size:8px;line-height:1;}

a.team.bg-colour::before {background:#ECEDEF;}

.block {margin:15px;overflow:hidden;/*border-radius:3px;background:#FFF;border:1px solid var(--border-color);*/}
.block + .block {margin-top:30px;}

.col {display:inline;position:relative;float:left;}
.w10 {width:10%;}
.w125 {width:12.5%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w33 {width:33.33333%;}
.w375 {width:37.5%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w66 {width:66.66666%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}

.margin-60-15-0 {margin:60px 15px 0;}

.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

h1,h2,h3,h4,h5,h6,p,ol,ul,li {margin:0;padding:0;}
ol,ul,li {list-style-type:none;}
input, select, button {font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;}

#site-header {background:var(--hero-color);box-shadow:0 0 20px rgba(0,0,0,0.1);position:fixed;top:0;left:0;right:0;z-index:100;}
#site-header > .inner {margin:0 auto;display:flex;flex-direction:row;justify-content:flex-start;position:relative;align-items:center;}
#site-header:after {position:absolute;bottom:0;background:rgba(0,0,0,0.1);left:0;right:0;height:1px;content:"";z-index:100;}

#site-header a#menu-button {display:none;line-height:60px;font-size:30px;width:60px;text-align:center;color:#FFF;}
#site-header a#menu-button.open {color:var(--hero-color);background:#FFF;}

#site-title {margin-left:15px;}
#logo {vertical-align:top;height:40px;padding:0 10px 0 0;}
#logo path {fill:#FFF;}

a.menu-button {display:none;line-height:50px;font-size:28px;width:50px;text-align:center;color:#FFF;}
a.menu-button.open {color:#C24;background:#FFF;}

#home-header {background-color:var(--bright-color);}
#home-header .inner-flex {display:flex;justify-content:center;align-items:center;}
#home-header .inner-flex img {height:20vh;margin:5vh 0;}
#home-header h1 {color:#FFF;margin-left:5vh;text-align:center;}
#home-header h1.sub-home-header {margin:5vh auto;}

.large-heading {font-family:'Playfair Display';font-weight:900;line-height:1;}
h1.large-heading {font-size:5vh;line-height:0.9;}
h2.large-heading {font-size:50px;line-height:50px;}
h3.large-heading {font-size:40px;line-height:40px;}
.large-heading .and {position:relative;display:inline-block;top:15%;margin:0 10px 0 0;opacity:1;font-weight:200;line-height:0;opacity:0.5;z-index:0;}
.large-heading span.thin {font-weight:300;}

@media screen and (max-width:768px) {

	h3.large-heading {font-size:24px;line-height:24px;}

}

/*
#site-search {position:relative;transform:skewX(-10deg);background:#FFF;margin-right:20px;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.1);height:40px;z-index:200;}
#site-search .ii {transform:skewX(10deg);}
#site-search #query {font-size:16px;height:40px;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0 none;background:none;padding:0 0 0 40px;width:40px;color:#2E3133;position:relative;transition:0.1s all;}
#site-search #query.search-open, #site-search #query:active, #site-search #query:focus {color:#2D3138;width:400px;padding:0 15px 0 40px;}
#site-search:before {content:"\f002";font-family:'Font Awesome 5 Free';line-height:40px;color:var(--hero-color);position:absolute;left:0;top:0;z-index:1;transform:skewX(10deg);font-size:20px;width:40px;text-align:center;pointer-events:none;font-weight:900;}
#site-search.searching:before {display:none;}
#search-spinner {position:absolute;left:15px;top:6px;line-height:29px;color:#626466;display:none;}
#site-search.searching #search-spinner {display:block;}
#site-search #search-cancel {display:none;position:absolute;top:5px;right:5px;background:#FFF;font-size:12px;color:var(--hero-color);padding:0 10px;line-height:30px;border-radius:3px;transform:skewX(-10deg);font-weight:bold;text-decoration:none;}
#site-search #search-cancel:hover {background:var(--hero-color);color:#FFF;}
*/

#site-search {position:relative;background:var(--very-light-color);border-radius:4px;height:60px;z-index:200;margin:30px 15px;display:flex;justify-content:space-between;}
#site-search::before {content:"\f002";font-family:'Font Awesome 5 Free';line-height:60px;color:var(--hero-color);position:absolute;left:0;top:0;z-index:1;font-size:30px;width:60px;text-align:center;pointer-events:none;font-weight:900;}
#site-search .site-search-query {font-size:20px;height:60px;appearance:none;border:0 none;background:transparent;padding:0 15px 0 60px;color:#2D3138;position:relative;transition:0.1s all;flex-grow:1;min-width:200px;}
#site-search .site-search-submit {color:#FFF;font-size:20px;background:var(--hero-color);padding:0 20px;line-height:30px;border-radius:3px;font-weight:bold;text-decoration:none;border:0 none;margin:5px;cursor:pointer;}
#site-search .site-search-submit:hover {background:#2D3138;}

@media screen and (max-width:768px) {

	#site-search::before {display:none;}
	#site-search .site-search-query {font-size:16px;padding:0 15px;}
	#site-search .site-search-submit {font-size:14px;padding:0 15px;}

}

#search-results-container {display:none;position:absolute;top:60px;left:15px;right:15px;z-index:200;}
#search-results-container {font-size:12px;}
#search-results-container ol {background:rgba(45,49,56,0.8);border-radius:0 0 3px 3px;display:flex;flex-wrap:wrap;padding:13px}
#search-results-container ol li {width:20%;min-width:300px;padding:2px;}
#search-results-container ol li.full-width {width:100%;}
#search-results-container ol li a {color:#2D3138;padding:9px 10px;display:block;position:relative;background:#FFF;border-radius:3px;text-decoration:none;}
#search-results-container ol li.full-width {font-size:14px;font-weight:bold;}
#search-results-container ol li.full-width a, #search-results-container ol li a.team {padding:10px;line-height:25px;}
#search-results-container ol li a small {display:block;line-height:1;margin-bottom:2px;color:#626466;}
#search-results-container ol li a span.new {background:var(--hero-color);color:#FFF;font-size:12px;border-radius:10px;padding:0 6px;font-weight:bold;}
#search-results-container ol li a:hover span.new {background:#2D3138;}
#search-results-container ol li:hover {}
#search-results-container ol li a:hover {color:#FFF;background-color:#C24;}
#search-results-container ol li a:hover small {color:#ECEDEF;}
#search-results-container ol li a:after {content:"";font-family:'Font Awesome 5 Free';position:absolute;right:10px;color:rgba(0,0,0,0.25);font-size:13px;top:0;height:45px;line-height:45px;background:none;font-weight:600;}
#search-results-container ol li a.team::before {content:"";width:12px;height:12px;border-radius:10px;position:relative;top:2px;margin-right:8px;display:inline-block;}
#search-results-container ol li a:hover:after {color:#2D3138;}

#site-navigation {font-weight:normal;position:relative;z-index:110;line-height:60px;transform:skewX(-10deg);flex-grow:2;}
#site-navigation a img {height:15px;position:relative;top:-1px;display:inline-block;vertical-align:middle;}
#site-navigation ul a img {margin-right:8px;}
#site-navigation li a .fa-globe {width:22px;text-align:center;color:#1E2022;background:#FFF;/*#DCFF73;*/height:15px;padding-top:1px;border-radius:2px;margin-right:5px;vertical-align:0;}
#site-navigation li a:hover .fa-globe {background:#1E2022;color:#FFF;/*#DCFF73;*/}
#site-navigation ol {transform:skewX(10deg);padding:0;display:flex;flex-direction:row;justify-content:flex-start;}
#site-navigation ol > li {/*display:inline-block;position:relative;*/width:auto;margin:0;transform:skewX(-10deg);transition:0.5s all;}
#site-navigation ol > li > a {display:block;line-height:60px;text-decoration:none;padding:0 20px;color:#FFF;font-size:16px;position:relative;font-style:italic;font-weight:300;transition:0.5s all;white-space:nowrap;}
#site-navigation ol > li a {transform:skewX(10deg);text-decoration:none;}
#site-navigation ol > li a .new {background:#FFF;color:var(--hero-color);font-weight:bold;text-transform:uppercase;font-size:8px;padding:2px 5px;vertical-align:top;margin-left:5px;border-radius:9px;}
/*#site-navigation ol > li a:hover .new, #site-navigation ol > li:hover a .new {background:none;border-color:#DCFF73;color:#DCFF73;}*/
#site-navigation ol > li > a.active {/*background:var(--hero-active-color);*/font-weight:bold;}
/*#site-navigation ol > li > a:after {content:"";height:3px;background:#DCFF73;left:50%;right:50%;position:absolute;bottom:0;border-radius:3px;transition:0.5s all;}*/
/*#site-navigation ol > li:hover > a:after {left:40px;right:40px;}*/
/*#site-navigation ol > li > a.active:after {background:#0059B2;left:20px;right:20px;}*/
#site-navigation ol > li:hover {background:var(--dark-color);/*margin:0 -15px;*/}
/*#site-navigation ol > li:hover > a.active:after {left:40px;right:40px;}*/
#site-navigation ol > li > a:hover, #site-navigation ol > li:hover > a {color:#FFF;z-index:101;position:relative;/*padding:0 30px;*/}
/*#site-navigation ol > li:hover > a.active:after {background:#DCFF73;}*/
/*#site-navigation ol > li.hassubmenu > a:after {content:"\f107";font-family:'Font Awesome 5 Free';line-height:1;font-size:12px;font-weight:normal;position:absolute;bottom:25px;left:20px;text-align:left;color:#C8CACC;transition:0.1s all;}*/
/*#site-navigation ol > li.hassubmenu:hover > a:after {bottom:15px;color:#FFF;font-size:18px;}*/
#site-navigation ol > li ul {display:none;position:absolute;background:var(--dark-color);font-size:12px;padding-bottom:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:0 0 3px 3px;}
#site-navigation ol > li:last-child ul {right:0;}
#site-navigation ol > li:hover > ul {display:block;}
#site-navigation ol > li.hassubmenu > a .sub-menu-toggle {display:none;}
#site-navigation ol > li ul hr {margin:10px 10px -1px;border:0 none;border-top:1px solid rgba(255,255,255,0.1);}
#site-navigation ol > li ul li {position:relative;margin-bottom:-10px;}
#site-navigation ol > li ul li a {color:#FFF;font-weight:normal;line-height:40px;display:block;padding:0 50px 0 20px;white-space:nowrap;}
#site-navigation ol > li ul li:last-child {border-radius:0 0 3px 3px;}
#site-navigation ol > li ul li.hassubmenu > a {padding-right:34px;}
#site-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle {position:absolute;right:15px;color:rgba(255,255,255,0.5);font-size:13px;line-height:40px;}
#site-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle::before {content:"";}
#site-navigation ol > li ul li.hassubmenu > a:hover .sub-menu-toggle::before, #site-navigation ol > li ul li.hassubmenu:hover > a .sub-menu-toggle::before {color:#FFF;}
#site-navigation ol > li ul li:hover {background:var(--hero-color);}
/*#site-navigation ol > li ul li a:hover, #site-navigation ol > li ul li:hover > a {color:#0059B2;}*/
#site-navigation ol > li ul ul {display:none;left:100%;left:calc(100% - 4px);top:5px;opacity:0.95;border-radius:3px;}
#site-navigation ol > li ul ul li:first-child {border-radius:3px 3px 0 0;}
#site-navigation ol > li ul ul ul {column-count:2;-webkit-column-count:2;-moz-column-count:2;}
#site-navigation ol > li ul ul ul ul {column-count:1;-webkit-column-count:1;-moz-column-count:1;z-index:5;}
#site-navigation ol > li > ul > li:hover > ul {display:block;}
#site-navigation ol > li > ul > li > ul > li:hover > ul {display:block;}
#site-navigation ol > li > ul > li > ul > li > ul > li:hover > ul {display:block;}
#site-navigation ol > li > ul > li > ul > li > ul > li > ul > li:hover > ul {display:block;}


#page-title {background:var(--very-light-color);border-bottom:1px solid var(--border-color);}
div[id^='comp-'] > #page-title, div[id^='comp-'] + #page-title {border-top:1px solid var(--border-color);margin-top:40px;}
#page-title .inner {margin:0 auto;}
#page-title h2 {padding:30px 0;margin:0 15px;font-size:40px;line-height:40px;}
#page-title.player-title h2 {padding-bottom:15px;}
#page-title h2 .sub-title {font-size:24px;line-height:24px;color:var(--mid-color);display:block;margin-top:10px;font-weight:700;}
/*#page-title h2 .sub-title {float:right;color:var(--mid-color);font-weight:700;}*/
/*#page-title h2 .sub-title.selectors {font-weight:normal;font-family:'Source Sans Pro';color:var(--mid-color);}*/
/*#page-title h2 .sub-title.selectors select {border:1px solid #C8CACC;background:none;padding:5px;font-size:24px;text-align:center;vertical-align:6px;border-radius:3px;}*/
#page-title h2 .comp-sub-title {font-size:20px;line-height:20px;color:var(--hero-color);display:block;margin-top:10px;font-weight:normal;}

#page-title.player-title p {color:#626466;line-height:18px;}
#page-title.player-title .gender-m, #page-title.player-title .gender-f {font-weight:bold;}
#page-title.player-title .gender-m {color:#06C;}
#page-title.player-title .gender-f {color:#C06;}
#page-title.player-title a {color:#626466;text-decoration:none;white-space:nowrap;}
#page-title.player-title a:hover {color:#2D3138;}
#page-title.player-title .meta {font-size:16px;padding:0 15px;}
#page-title.player-title .meta .bull {color:#C8CACC;margin:0 5px;}
#page-title.player-title .teams {margin:10px 15px 0;padding:0 0 30px 70px;position:relative;font-size:12px;}
#page-title.player-title .teams a {position:relative;margin-right:5px;}
#page-title.player-title .teams a:last-child {margin-right:0;}
#page-title.player-title .teams a::before {content:"";width:7px;height:7px;border-radius:100%;display:inline-block;margin-right:5px;/*position:absolute;left:10px;top:9px;*/}
#page-title.player-title .teams strong {position:absolute;left:0;top:0;color:#2D3138;}
#page-title.player-title .teams .count {color:#959799;font-style:italic;}
#page-title.player-title .teams-strip {height:4px;margin:15px 15px 10px;background:#F2F4F6;display:flex;justify-content:space-between;}
#page-title.player-title .teams-strip span {position:relative;border-radius:10px;display:inline-block;height:6px;vertical-align:top;margin-left:1px;margin-right:1px;/*border-left:1px solid #F2F4F6;border-right:1px solid #F2F4F6;*/cursor:pointer;transition:0.1s all;}
#page-title.player-title .teams-strip span:hover {height:12px;margin-top:-3px;}
#page-title.player-title .teams-strip span:first-child {margin-left:0;/*border-left:0 none;*/}
#page-title.player-title .teams-strip span:last-child {margin-right:0;/*border-right:0 none;*/}

@media screen and (max-width:768px) {
	#page-title.player-title .teams {padding:0 0 30px 0;}
	#page-title.player-title .teams strong {position:relative;display:block;}
}

.fa-mars {color:#06C;}
.fa-venus {color:#C06;}

#comp-title {position:sticky;z-index:50;left:0;right:0;top:60px;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:0;}
@media screen and (min-width:1960px) {
	#comp-title {top:0;}
	body.global-menu-open #comp-title {top:0;}
}
.comp-title {background:var(--secondary-color);border-radius:3px;}
.cf+.comp-title {margin:40px 15px 15px;}
.comp-title .inner {margin:0 auto;/*max-width:1580px;*/display:flex;flex-direction:row;justify-content:flex-start;}
.comp-title h3 {padding:15px 20px 15px 15px;font-size:16px;line-height:20px;border-right:1px solid var(--hero-color);color:#FFF;text-transform:uppercase;text-align:center;position:relative;}
.cf+.comp-title h3 {border-radius:3px 0 0 3px;}
.comp-title h3 > span {display:block;}
.comp-title h3 .sub-title {font-weight:100;line-height:19px;}

.sub-header {position:sticky;z-index:50;left:0;right:0;top:60px;box-shadow:0 0 20px rgba(0,0,0,0.1);background:var(--mid-color);}
@media screen and (min-width:1960px) {
	.sub-header {top:0;}
	body.global-menu-open .sub-header {top:0;}
}

.sub-header .inner {margin:0 auto;max-width:1580px;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;}
.sub-header h3 {padding:15px 10px 15px 20px;font-size:16px;line-height:20px;background:var(--dark-color);color:#FFF;text-transform:uppercase;text-align:center;position:relative;}
.sub-header h3::after {content:"";width:0;height:0;border:25px solid transparent;border-left-width:15px;border-right-width:0;border-left-color:var(--dark-color);position:absolute;right:-15px;top:0;}
.sub-header h3 > span {display:block;}
.sub-header h3 .sub-title {font-weight:100;line-height:19px;}

.sub-header .h2h-teams {color:#FFF;line-height:30px;padding:10px 20px 10px 30px;}
.sub-header button.h2h-change-teams {background:var(--dark-color);color:#FFF;border:0 none;font-weight:bold;border-radius:3px;line-height:30px;padding:0 10px;cursor:pointer;margin:10px 0;}
.sub-header button.h2h-change-teams:hover {background:var(--hero-color);}

.sub-header .h2h-selector {width:100%;}
.sub-header .h2h-selector .h2h-selector-flex {margin:20px auto;}

@media screen and (max-width:768px) {
/*	.sub-header .inner {flex-direction:column;}*/
	.sub-header h3 {padding:10px 15px;font-size:14px;text-align:left;}
	.sub-header .h2h-teams {display:none;}
	.sub-header button.h2h-change-teams {margin:5px 0 5px 30px;}
	.sub-header h3::after {border-top-width:20px;border-bottom-width:20px;}
	.sub-header .h2h-selector .h2h-selector-flex {margin:15px 0;padding:0 15px;}
	.sub-header .h2h-selector .h2h-go {margin-top:15px;}
}

@media screen and (max-width:768px) { /* 600px */
	.sub-header {position:static;}
}

.large-heading .abbr-tag {padding:0 0.5em;height:1.4em;display:inline-block;border-radius:6px;font-size:0.5em;line-height:1.4em;vertical-align:0.3em;font-family:'Source Sans Pro';margin:0 10px;}
.large-heading .abbr-tag span {mix-blend-mode:luminosity;color:#777;}


.page-navigation {background:#EAECEE;color:#626466;text-align:center;font-size:13px;}
.page-navigation li {display:inline-block;position:relative;width:auto;}
.page-navigation li a {display:block;line-height:38px;color:#626466;text-decoration:none;padding:0 15px;}
.page-navigation li a.active {font-weight:bold;color:#2D3138;}
.page-navigation li a:hover {background:#2D3138;color:#FFF;}

/*
.section-navigation {font-weight:normal;position:relative;z-index:10;flex-grow:2;}
.comp-title .section-navigation {transform:skewX(-10deg);}
.section-navigation ol {display:flex;flex-direction:row;justify-content:flex-start;}
.section-navigation ol > li {display:inline-block;position:relative;width:auto;margin-right:-10px;}
.section-navigation ol > li > a {display:block;line-height:50px;text-decoration:none;padding:0 20px;color:#FFF;font-size:13px;position:relative;transform:skewX(10deg);}
.section-navigation ol > li > a.active {font-weight:bold;}
.section-navigation ol > li:hover {background:var(--dark-color);}
.section-navigation ol > li > a:hover, .section-navigation ol > li:hover > a {color:#FFF;z-index:101;position:relative;}
.section-navigation ol > li.hassubmenu > a > .sub-menu-toggle {margin-left:10px;vertical-align:-1px;line-height:1;font-size:16px;}
.section-navigation ol > li.hassubmenu > a > .sub-menu-toggle::before {content:"\f107";}
.section-navigation ol > li ul {display:none;position:absolute;background:var(--dark-color);font-size:12px;padding-bottom:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:0 0 3px 3px;}
.section-navigation ol > li:hover > ul {display:block;}
.section-navigation ol > li ul hr {margin:10px 10px -1px;border:0 none;border-top:1px solid rgba(255,255,255,0.1);}
.section-navigation ol > li ul li {position:relative;margin-bottom:-10px;}
.section-navigation ol > li ul li:last-child {border-radius:0 0 3px 3px;}
.section-navigation ol > li ul li a {color:#FFF;font-weight:normal;line-height:40px;display:block;padding:0 45px 0 20px;white-space:nowrap;text-decoration:none;transform:skewX(10deg);}
.section-navigation ol > li ul li a.active {font-weight:bold;}
.section-navigation ol > li ul li.hassubmenu > a {padding-right:34px;}
.section-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle {position:absolute;right:15px;color:rgba(255,255,255,0.5);font-size:13px;line-height:40px;}
.section-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle::before {content:"";}
.section-navigation ol > li ul li.hassubmenu > a:hover > .sub-menu-toggle, .section-navigation ol > li ul li.hassubmenu:hover > a > .sub-menu-toggle {color:#FFF;}
.section-navigation ol > li ul li:hover {background:var(--hero-color);}
.section-navigation ol > li ul li a:hover, .section-navigation ol > li ul li:hover > a {color:#FFF;}
.section-navigation ol > li ul ul {display:none;left:calc(100% - 5px);top:5px;opacity:0.95;border-radius:3px;}
.section-navigation ol > li ul ul ul {column-count:2;-moz-column-count:2;-webkit-column-count:2;}
.section-navigation ol > li > ul > li:hover > ul {display:block;}
.section-navigation ol > li > ul > li > ul > li:hover > ul {display:block;}
.section-navigation ol > li > ul > li > ul > li > ul > li:hover > ul {display:block;}
.section-navigation ol > li > ul > li > ul > li > ul > li > ul > li:hover > ul {display:block;}
*/


nav.pills, nav.tab-pills {margin:30px 15px 15px;}
nav.pills a, nav.tab-pills a {color:var(--dark-color);text-decoration:none;position:relative;display:inline;float:left;font-size:14px;font-weight:bold;text-align:center;}
nav.pills a {background:#F5F7F9;padding:0;margin-left:0.36%;width:3.5%;line-height:40px;border-radius:3px;}
nav.tab-pills a {background:#EAECEE;padding:10px 20px;margin-right:10px;}
nav.pills a:hover, nav.tab-pills a:hover {background:var(--dark-color);color:#FFF;}
nav.pills a.active, nav.tab-pills a.active {background:var(--hero-color);color:#FFF;}
nav.pills a.active:hover, nav.tab-pills a.active:hover {background:var(--dark-color);color:#FFF;}
nav.pills a:first-child, nav.tab-pills a:first-child {margin-left:0;}

.section-title {padding-bottom:15px;margin:40px 15px 15px;border-bottom:1px solid #D9DBDD;}
.section-title:first-child {margin-top:15px;}
.section-title+.section-title {margin-top:15px;}
.section-title.bg-colour {padding:5px 20px;border:0 none;background:var(--hero-color);color:#FFF;margin-top:80px;}
.section-title.bg-colour .inner {margin:10px 0;}
.section-title.block-title {padding:15px 20px;border:0 none;background:var(--hero-color);color:#FFF;border-radius:3px;}
.section-title.sub-block-title {padding:15px 20px;border:0 none;background:#F5F7F9;margin-top:30px;}
.rankings-page .section-title.block-title {margin-top:15px;}
.page-venues .section-title:first-child, .page-player-highlights .section-title:first-child, .page-players .section-title:first-child {margin-top:10px;}
.section-title h3 {font-size:30px;}
.section-title.block-title h3 {font-size:24px;}
.section-title.sub-block-title h3 {font-size:24px;}
.section-title .inner h3 {float:left;}
.section-title h3 .sub-title {font-weight:100;}
.section-title.block-title h3 .sub-title {float:right;}
.section-title.sub-block-title h3 a {color:var(--dark-color);text-decoration:none;}
.section-title.sub-block-title h3 a:hover {color:var(--hero-color);}
.section-title p {font-weight:200;color:#626466;}

.info {padding:0 5px;background:#F2F4F6;margin:15px;border-radius:3px;}
.info p {padding:15px;font-style:italic;color:#626466;font-size:15px;font-weight:200;}
.info p strong {font-weight:bold;}



/*h4.team-header {font-size:24px;line-height:35px;}*/
h4.team-header a::before {content:"";width:35px;height:35px;border-radius:100%;position:absolute;left:0;top:0;}
.team-header small {font-weight:200;color:#626466;display:block;font-size:16px;}

.factor-box {background:#F5F7F9;border:1px solid var(--border-color);border-bottom-width:3px;border-radius:3px 3px 0 0;text-align:center;font-size:30px;line-height:1;font-weight:200;padding:15px 0;color:#626466;}
.factor-box .total {color:#2D3138;}
.factor-box small {font-size:12px;display:block;font-weight:normal;margin-top:5px;}
.factor-box .total, .factor-box .total small {font-weight:bold;}

.ranking-block h4 {font-size:20px;font-weight:bold;line-height:1;position:relative;}
.ranking-block h4:before {content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:100%;background:#C8CACC;}
.ranking-block h4 a {padding-left:30px;}

.ranking-block .bat-ranking h4:before {background:#06C;}
.ranking-block .bowl-ranking h4:before {background:#C06;}
.ranking-block .field-ranking h4:before {background:#0C6;}
.ranking-block .allround-ranking h4:before {background:#FC0;}
.ranking-block .rank, .ranking-block .rating {line-height:1;padding:20px 0 40px;font-size:40px;text-align:center;font-weight:bold;position:relative;}
.ranking-block .rank sup {font-size:16px;vertical-align:17px;text-transform:uppercase;}
.ranking-block .live-rating {border-top:1px solid #EAECEE;font-size:24px;font-weight:bold;line-height:50px;position:relative;padding-left:115px;}
.ranking-block .live-rating strong {font-size:12px;position:absolute;left:0;top:0;line-height:1;color:#626466;border-right:1px solid #EAECEE;padding:13px 15px;}
.ranking-block .live-rating span {font-weight:200;color:#959799;margin-left:10px;}
.ranking-block .norank {text-align:center;color:#C8CACC;font-style:italic;line-height:100px;font-size:16px;}
.ranking-block .no-live-rating {border-top:1px solid #EAECEE;text-align:center;color:#C8CACC;font-style:italic;line-height:50px;font-size:16px;}
.ranking-block small {font-size:14px;position:absolute;left:0;right:0;bottom:20px;line-height:20px;color:#C8CACC;font-weight:normal;}
.ranking-block .live-rating small {position:relative;bottom:auto;vertical-align:4px;margin-left:10px;}
.ranking-block small.up {color:#396;}
.ranking-block small.down {color:#C36;}
.ranking-block small.new {color:#FC0;}
.ranking-block small.up:before, .ranking-block small.down:before, .ranking-block small.new:before {font-family:'Font Awesome 5 Free';font-size:14px;font-weight:normal;margin-right:5px;font-weight:900;}
.ranking-block small.up:before {content:"";color:#396;}
.ranking-block small.down:before {content:"";color:#C36;}
.ranking-block small.new:before {content:"";color:#FC0;}



/*
.grid-block {overflow:hidden;}
.grid-block h3 {font-size:20px;font-weight:bold;line-height:1;border-bottom:1px solid #EAECEE;position:relative;background:#F5F7F9;}
.grid-block h3 a {color:#2D3138;text-decoration:none;padding:15px;display:block;}
.grid-block h3 a:hover {background:var(--hero-color);color:#FFF;}
.grid-block h3 a:after {content:"";font-family:'Font Awesome 5 Free';font-size:17px;color:#959799;font-weight:inherit;position:absolute;right:20px;}
.grid-block h3 a:hover:after {color:#FFF;}
.grid-block h4 {font-size:20px;font-weight:bold;line-height:1;border-bottom:2px solid #D9DBDD;padding:15px;}
*/

ul.grid-block {display:flex;flex-wrap:wrap;width:100%;margin-bottom:40px;}
ul.grid-block li {width:25%;border:1px solid var(--border-color);vertical-align:top;margin:0 -1px -1px 0;}
/*ul.grid-block li:nth-child(6n) {border-right:0;}*/
ul.grid-block li a {line-height:45px;padding:0 30px 0 15px;text-decoration:none;position:relative;display:block;color:#2D3138;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.grid-block li a.two-line {padding-top:10px;padding-bottom:13px;line-height:25px;}
ul.grid-block li a.two-line small {display:block;line-height:15px;color:#959799;position:relative;}
ul.grid-block li a.two-line small.bg-colour {padding-left:15px;}
ul.grid-block li a.two-line small.bg-colour:before {content:"";width:10px;height:10px;border-radius:100%;position:absolute;left:0;top:3px;}
ul.grid-block li a:hover {background-color:#F2F4F6;}
ul.grid-block li a:hover:after {content:"";font-family:'Font Awesome 5 Free';position:absolute;right:10px;color:#2D3138;font-size:13px;top:50%;margin-top:-15px;line-height:30px;font-weight:600;}

@media screen and (max-width:900px) {
	ul.grid-block li {width:33.333%;}
}
@media screen and (max-width:600px) {
	ul.grid-block li {width:50%;}
}
@media screen and (max-width:400px) {
	ul.grid-block li {width:100%;}
}


.stat-bar {background:#FFF;overflow-y:scroll;}
.stat-bar .inner {margin:0 auto;padding:0 20px;max-width:1580px;width:100%;}
.stat-bar table {text-align:center;line-height:1.2;border-collapse:collapse;width:100%;}
.stat-bar td {color:#2D3138;font-size:16px;padding:15px 10px 0;}
.stat-bar td.hl {background:#EEFFF3;}
.stat-bar th.hl {background:#EEFFF3;}
.stat-bar td.hl+td.hl, .stat-bar th.hl+th.hl {border-left:1px solid #FFF;}
.stat-bar th {color:#959799;font-size:11px;padding:5px 10px 15px;font-weight:normal;}
.stat-bar td.lb, .stat-bar th.lb {border-left:1px dotted #EAECEE;}
.stat-bar td span.empty {font-weight:normal;color:#C8CACC;}

.statistic-table {width:100%;line-height:40px;border-collapse:collapse;font-size:12px;line-height:30px;border:1px solid var(--border-color);border-radius:3px;}
.statistic-table.statistic-table-header-column {width:auto;position:absolute;top:0;left:0;box-shadow:0 0 20px rgba(0,0,0,0.1);background:#FFF;}
.statistic-table.bb {border-bottom:1px solid #D9DBDD;}
.statistic-table th, .statistic-table td {text-align:center;border-left:1px solid #EAECEE;padding:0 10px;white-space:nowrap;}
.statistic-table th.la, .statistic-table td.la {text-align:left;padding-left:15px;/*position:relative;*/}
.statistic-table th.ra, .statistic-table td.ra {text-align:right;padding-right:15px;position:relative;}
.statistic-table th.pos + th.la, .statistic-table td.pos + td.la {padding-left:10px;padding-right:25px;}
.statistic-table th em {font-weight:normal;color:#959799;margin-left:5px;}
.statistic-table th h4 {font-size:20px;font-weight:bold;line-height:1;padding:15px 0;}
.statistic-table th.sub {background:#F5F7F9;color:#626466;border-top:1px solid #EAECEE;font-size:13px;padding-top:20px;}
.statistic-table th.sub:first-child {text-align:left;}
.statistic-table th.sub a {color:#626466;text-decoration:none;}
.statistic-table th.sub a:hover {color:#2D3138;}
.statistic-table th.sub a:after {content:"";font-family:'Font Awesome 5 Free';font-size:13px;margin-left:10px;color:#959799;font-weight:inherit;}
.statistic-table th.sub a:hover:after {color:#2D3138;}
.statistic-table th:first-child.la, .statistic-table td:first-child.la {max-width:20%;}
.statistic-table th:first-child, .statistic-table td:first-child {border-left:0 none;}
.statistic-table thead th {border-bottom:1px solid #EAECEE;background:#F5F7F9;}
.statistic-table thead tr:last-child th {border-bottom:1px solid #EAECEE;}
.statistic-table thead tr.tab-row th {border-bottom:0;background:var(--dark-color);padding:0;border-left:0;}
.statistic-table thead tr.tab-row th.la {background:#FFF;border-bottom:2px solid #EAECEE;}
.statistic-table th.hl, .statistic-table thead tr:last-child th.hl {background-color:#DEFFE9;}
.statistic-table td.hl {background-color:#EEFFF3;}
.statistic-table th.hl, .statistic-table thead tr:last-child th.hl {border-bottom-color:rgba(0,0,0,0.067);}
.statistic-table td.hl {border-top-color:rgba(0,0,0,0.067);}

.statistic-table tbody td {border-top:1px solid #EAECEE;}
.statistic-table tbody td.pos {width:20px;font-size:9px;color:#959799;}
/*.statistic-table tbody td:first-child {position:relative;}*/
.statistic-table thead th a, .statistic-table tbody td a {color:#2D3138;}
.statistic-table tbody td a {text-decoration:none;}
.statistic-table tbody td a:hover {text-decoration:underline;}
.statistic-table tbody td span {color:#C8CACC;}
.statistic-table tbody td em {color:#959799;}
.statistic-table tbody td.la a.bg-colour {position:relative;display:block;padding-left:20px;}
.statistic-table tbody td.la a.bg-colour::after {content:"";width:10px;height:10px;border-radius:100%;position:absolute;left:0;top:10px;}
.statistic-table tbody td .fa-mars, .statistic-table tbody td .fa-venus {position:absolute;right:10px;line-height:30px;top:0;font-size:11px;}
.statistic-table tfoot td {border-top:1px solid #EAECEE;padding:0;line-height:45px;}
.statistic-table tfoot td a.more {color:#626466;text-decoration:none;display:block;font-size:14px;background:#F5F7F9;}
.statistic-table tfoot td a.more:hover {color:#FFF;background:var(--hero-color);}
.statistic-table .bat-stat, .statistic-table .bowl-stat, .statistic-table .field-stat {display:none;}
.statistic-table .overview-stat {display:table-cell;}


.statistic-table tbody td.tp-detail {line-height:1;}
.statistic-table tbody td.tp-detail .date {display:block;font-size:12px;margin-top:3px;color:#626466;}
.statistic-table tbody td.tp-stat {font-size:20px;font-weight:bold;line-height:1;padding:10px;}
.statistic-table tbody td.tp-stat small {font-size:12px;font-weight:normal;color:#626466;display:block;margin-top:2px;}
.statistic-table tbody td.tp-rank {font-size:16px;font-weight:bold;line-height:1;padding:10px;}
.statistic-table tbody td.tp-rank small {font-size:11px;font-weight:normal;color:#626466;display:block;margin-bottom:3px;}

.statistic-table tbody td.fixture-sc {text-align:center;padding:0 10px 0 0;width:30px;border-left:0 none;}
.statistic-table tbody td.fixture-sc a {display:inline-block;line-height:30px;width:30px;border-radius:100%;}
.statistic-table tbody td.fixture-sc a:hover {background:var(--hero-color);color:#FFF;}
.statistic-table tbody td.fixture-sc a:hover span {color:#FFF;}

/*.statistic-table tbody td .gender {border:2px solid #626466;color:#626466;font-size:10px;font-weight:bold;border-radius:13px;text-transform:uppercase;width:21px;line-height:17px;display:inline-block;text-align:center;}*/
.statistic-table tbody td .gender {text-transform:uppercase;}
.statistic-table tbody td .gender.gender-m {border-color:#06C;color:#06C;}
.statistic-table tbody td .gender.gender-f {border-color:#C06;color:#C06;}


.statistic-table tr.hl td {background-color:#EEFFF3;/*#F9E7EB;*/}
.statistic-table tr.hl td {border-top-color:rgba(0,0,0,0.067);border-left-color:rgba(0,0,0,0.067);}
.statistic-table tr.hl+tr td {border-top-color:rgba(0,0,0,0.067);}

.statistic-table.log-table thead th, .statistic-table.log-table tbody td {padding:0 5px;}
.statistic-table.log-table thead th.la, .statistic-table.log-table tbody td.la {padding:0 10px;}

.statistic-table.updates-table {font-size:14px;}
.statistic-table.updates-table .date, .statistic-table.updates-table .detail {text-align:left;vertical-align:top;white-space:normal;}
.statistic-table.updates-table .date {width:120px;}
.statistic-table.updates-table .detail ul {margin:6px 0 10px 12px;line-height:1.4;list-style-type:circle;}
.statistic-table.updates-table .detail ul li {list-style-type:circle;margin-bottom:5px;}
.statistic-table.updates-table .detail a {text-decoration:underline;color:#06C;}
.statistic-table.updates-table .detail a:hover {color:var(--hero-color);}

.statistic-table td.zero {color:#C8CACC;font-weight:normal;}
.statistic-table td.empty {background:#F5F7F9;color:#C8CACC;font-weight:normal;}
.statistic-table td.dnp {font-size:8px;}
.statistic-table td span.vote {border-radius:100px;display:inline-block;color:#2D3138;line-height:30px;width:30px;}
.statistic-table td.zero span.vote {border:2px solid #F5F7F9;height:30px;}

.log-table tbody td.stat-v {border-left:0 none;padding:0;}
.log-table tbody td.stat-team {padding:0;text-align:right;}
.log-table tbody td.stat-opp {padding:0;text-align:left;border-left:0 none;}
.log-table tbody td.stat-team a {padding-right:30px;position:relative;display:block;}
.log-table tbody td.stat-team a:after {content:"";width:11px;height:11px;border-radius:100%;position:absolute;right:10px;top:9px;}
.log-table tbody td.stat-opp a {padding-left:30px;position:relative;display:block;}
.log-table tbody td.stat-opp a:after {content:"";width:11px;height:11px;border-radius:100%;position:absolute;left:10px;top:9px;}
/*.log-table tbody td.stat-team a:hover, .log-table tbody td.stat-opp a:hover {background:var(--hero-color);color:#FFF;}*/
.log-table tbody td.stat-type {padding:0 0 0 5px;}
.log-table tbody td.stat-type + td.stat-team {border-left:0 none;}
.log-table tbody td.stat-type .int-badge, .log-table tbody td.stat-type .wint-badge {border:1px solid #626466;color:#626466;font-size:8px;font-weight:bold;padding:2px 5px;border-radius:13px;vertical-align:2px;line-height:20px;}
.log-table tbody td.stat-type .int-badge {border-color:#18ABCC;color:#18ABCC;}
.log-table tbody td.stat-type .wint-badge {border-color:#CC18AB;color:#CC18AB;}


.rankings-page .statistic-table {line-height:45px;margin-top:28px;}
.rankings-page .statistic-table thead th {padding:10px;line-height:1;}
/*.rankings-page .statistic-table thead th {font-size:20px;font-weight:bold;line-height:1;padding:15px;}*/

.fixture-table {width:100%;border-collapse:collapse;}
.fixture-table th, .fixture-table td {text-align:center;padding:0 10px;white-space:nowrap;line-height:55px;}
.fixture-table.tournament-table td {line-height:35px;}
.fixture-table th.la, .fixture-table td.la {text-align:left;padding-left:15px;}
.fixture-table th.ra, .fixture-table td.ra {text-align:right;padding-right:15px;}
.fixture-table th:first-child, .fixture-table td:first-child {border-left:0 none;}

.fixture-table thead th {font-size:20px;text-align:left;padding-left:0;scroll-margin-top:60px;/*padding-left:15px;background:#F5F7F9;border-bottom:1px solid #EAECEE;*/}
.fixture-table thead th h3, .fixture-table thead th h4 {margin-bottom:0;}
.fixture-table thead th.sub {font-size:13px;color:#626466;}
.fixture-table thead th a {color:#2D3138;text-decoration:none;}
.fixture-table thead th a span {font-weight:200;color:#959799;margin-left:10px;}
.fixture-table thead th a:hover, .fixture-table thead th a:hover span {color:#2D3138;}
.fixture-table thead th a:after {content:"";font-family:'Font Awesome 5 Free';margin-left:15px;color:#959799;font-weight:inherit;}
.fixture-table thead th a:hover:after {color:#2D3138;}
/*.fixture-table thead tr:last-child th {border-bottom:1px solid #EAECEE;}*/
.fixture-table tbody+thead tr:first-child th {border-top:1px solid #EAECEE;padding-top:30px;}

.fixture-table tbody th.sub {background:#F5F7F9;text-align:left;line-height:40px;border-top:1px solid #EAECEE;font-size:16px;padding-left:15px;}
.fixture-table tbody td {border-top:1px solid #EAECEE;}
.fixture-table tbody tr:first-child td {border-top:0 none;}
.fixture-table tbody td.fixture-day {width:40px;color:#C8CACC;font-weight:bold;padding-right:0;}
.fixture-table tbody td.fixture-date {width:80px;color:#626466;font-weight:bold;padding-left:0;}
.fixture-table tbody td.fixture-date:first-child {padding-left:10px;}
.fixture-table tbody td.fixture-vs {width:20px;padding:0;border-left:0;}
.fixture-table tbody td.fixture-away, .fixture-table tbody td.result-away {border-left:0;}
.fixture-table tbody td.fixture-sc {width:45px;line-height:35px;padding:10px 10px 10px 0;border-left:0 none;}
.fixture-table tbody td.fixture-sc a {width:35px;display:block;color:#C8CACC;}
.fixture-table tbody td.fixture-home a, .fixture-table tbody td.fixture-away a {position:relative;}
.fixture-table tbody td.result-home a, .fixture-table tbody td.result-away a, .fixture-table tbody td.fixture-venue a {line-height:19px;position:relative;padding-top:10px;}
.fixture-table a .full {display:block;}
.fixture-table a .abbr {display:none;}
.fixture-table tbody td.result-home small, .fixture-table tbody td.result-away small, .fixture-table tbody td.fixture-venue small {line-height:16px;padding-bottom:10px;}
.fixture-table tbody td.result-home small .ov, .fixture-table tbody td.result-away small .ov {color:#959799;}
.fixture-table tbody td.fixture-home, .fixture-table tbody td.result-home {padding-right:65px;}
.fixture-table tbody td.fixture-home a:after, .fixture-table tbody td.result-home a:after {content:"";width:29px;height:29px;border-radius:100%;position:absolute;right:-47px;top:13px;transition:0.1s all;}
.fixture-table tbody td.fixture-home a:hover:after, .fixture-table tbody td.result-home a:hover:after {width:35px;height:35px;right:-50px;top:10px;}
.fixture-table tbody td.fixture-away, .fixture-table tbody td.result-away {padding-left:65px;}
.fixture-table tbody td.fixture-away a:after, .fixture-table tbody td.result-away a:after {content:"";width:29px;height:29px;border-radius:100%;position:absolute;left:-47px;top:13px;transition:0.1s all;}
.fixture-table tbody td.fixture-away a:hover:after, .fixture-table tbody td.result-away a:hover:after {width:35px;height:35px;position:absolute;left:-50px;top:10px;}
.fixture-table tbody td.fixture-sc a:hover {background:var(--hero-color);color:#FFF;border-radius:100%;}
.fixture-table tbody td.fixture-type {padding:0 0 0 5px;}
.fixture-table tbody td.fixture-type.la {padding-left:15px;}
.fixture-table tbody td.fixture-type + td.result-home {border-left:0 none;}
.fixture-table tbody td.fixture-type .int-badge, .fixture-table tbody td.fixture-type .wint-badge {border:2px solid #626466;color:#626466;font-size:10px;font-weight:bold;padding:3px 6px;border-radius:13px;}
.fixture-table tbody td.fixture-type.la .int-badge, .fixture-table tbody td.fixture-type.la .wint-badge {position:absolute;line-height:13px;top:16px;left:0;width:23px;text-align:center;}
.fixture-table.tournament-table tbody td.fixture-type.la .int-badge, .fixture-table.tournament-table tbody td.fixture-type.la .wint-badge {line-height:11px;top:10px;width:15px;padding:0;}
.fixture-table tbody td.fixture-type .int-badge {border-color:#18ABCC;color:#18ABCC;}
.fixture-table tbody td.fixture-type .wint-badge {border-color:#CC18AB;color:#CC18AB;}
.fixture-table tbody td .gender {border:2px solid #626466;color:#626466;font-size:10px;font-weight:bold;border-radius:13px;text-transform:uppercase;width:21px;line-height:17px;display:inline-block;text-align:center;}
.fixture-table tbody td .gender.gender-m {border-color:#06C;color:#06C;}
.fixture-table tbody td .gender.gender-f {border-color:#C06;color:#C06;}
.fixture-table tbody td a {color:#2D3138;display:block;text-decoration:none;}
.fixture-table tbody td a:hover {text-decoration:underline;}
.fixture-table tbody td.la a.comp.bg-colour {position:relative;display:block;padding-left:33px;}
.fixture-table.tournament-table tbody td.la a.comp.bg-colour {padding-left:25px;}
.fixture-table tbody td.la a.comp.bg-colour:before {content:"";width:21px;height:21px;border-radius:100%;position:absolute;left:0;top:17px;}
.fixture-table.tournament-table tbody td.la a.comp.bg-colour:before {width:15px;height:15px;top:10px;}
.fixture-table tbody td.la a.team.bg-colour {position:relative;display:block;padding-left:24px;line-height:20px;}
.fixture-table tbody td.la a.team.bg-colour:before {content:"";width:12px;height:12px;border-radius:100%;position:absolute;left:0;top:4px;}
.fixture-table tbody td.nlb {border-left:0 none;}
.fixture-table tbody td small {display:block;}
.fixture-table tbody td small.abandoned {color:#959799;font-style:italic;}
.fixture-table tfoot td {border-top:1px solid #EAECEE;padding:0;line-height:45px;}
.fixture-table tfoot td a.more {color:#626466;text-decoration:none;display:block;background:#F5F7F9;}
.fixture-table tfoot td a.more:hover {color:#FFF;background:#C24;}

hr.invisible {border:0 none;background:none;margin:20px 0;}

.career-team-toggle {border:2px solid #FFF;padding:2px;display:inline-block;line-height:30px;border-radius:7px;margin:15px 0;font-size:14px;}
.career-team-toggle a {display:inline-block;color:#FFF;padding:0 15px;text-decoration:none;border-radius:3px;}
.career-team-toggle a:first-child {margin-right:2px;}
.career-team-toggle a:hover {background:var(--hero-color);color:#FFF;}
.statistic-table thead th .career-team-toggle a {color:#FFF;}
.statistic-table thead th .career-team-toggle a.active {color:#2D3138;background:#FFF;}

#team-stats {margin-top:20px;}
#career-stats {display:none;margin-top:20px;}

.summary-block h4 {font-weight:bold;border-bottom:2px solid #D9DBDD;padding:15px;}
.summary-block h4 a {display:block;color:#2D3138;text-decoration:none;position:relative;padding-left:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.summary-block h4 a:hover {color:#626466;}
.summary-table {width:100%;line-height:40px;border-collapse:collapse;}
.summary-table th, .summary-table td {text-align:left;vertical-align:top;padding:0;border-top:1px solid #EAECEE;}
.summary-table tr:first-child th, .summary-table tr:first-child td {border-top:0 none;}
.summary-table th {padding:0 15px;border-right:1px dashed #EAECEE;}
.summary-table td {padding:5px 5px 35px;line-height:30px}
.summary-table td a {display:inline;float:left;position:relative;padding:0 10px;width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#2D3138;text-decoration:none;border-radius:3px;}
.summary-table td .summary-none {display:inline;float:left;position:relative;padding:0 10px;width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#626466;}
.summary-table td a:hover {background-color:#F6F7F9;}
.summary-table td a span.dot {display:inline-block;width:10px;height:10px;border-radius:100%;margin-left:5px;}

/*.graph-footer {background:#F5F7F9;border-top:1px solid #EAECEE;padding:15px 20px;}*/ /* deprecate */
/*h4.graph-title {line-height:20px;font-size:16px;text-align:left;float:left;}*/
/*.w25 h4.graph-title, .w33 h4.graph-title {text-align:center;float:none;}*/

.graph-header {display:flex;justify-content:space-between;}
.w25 .graph-header, .w33 .graph-header {flex-direction:column;align-items:flex-start;}

.graph-holder {height:300px;/*margin:20px;*/position:relative;}
.short-graph-holder {height:100px;/*margin:20px;*/}
.tall-graph-holder {height:500px;/*margin:20px;*/}
.pie-holder {height:200px;/*margin:20px;*/}
.graph-holder::after, .short-graph-holder::after, .tall-graph-holder::after, .pie-holder::after {content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:100;}
/*.legend-holder {float:right;}*/
/*.w25 .legend-holder, .w33 .legend-holder {float:none;}*/
.legend-holder table {margin:0 auto;}
/*.w25 .legend-holder table, .w33 .legend-holder table {margin-top:10px;}*/

.flotr-legend {border-radius:4px;}
.flotr-legend-color-box > div {border-radius:100%;padding:0 !important;overflow:hidden;border:0 none !important;}
.flotr-legend-label {padding-right:20px;}
.flotr-legend-label:last-child {padding-right:0;}
.flotr-grid-label {font-size:11px;}

.timeline-wrap {background:#FFF;overflow-y:scroll;}
.timeline-wrap .inner {width:100%;max-width:1580px;margin:0 auto;padding:55px 0 35px;}
.timeline {height:0;border-top:2px solid #EAECEE;margin:0;position:relative;}
.timeline a, .timeline span.future {background:#626466;width:6px;height:6px;border-radius:3px;position:absolute;margin-top:8px;margin-left:-3px;}
.timeline a.alt {background:#959799;}
.timeline span.group {height:22px;display:inline-block;position:relative;top:-12px;}
.timeline span.group.seasons {margin-left:2%;margin-right:-2%;}
.timeline span.label {display:none;position:absolute;left:-31px;bottom:20px;font-size:14px;width:68px;text-align:center;background:var(--hero-color);color:#FFF;border-radius:3px;line-height:24px;}
.timeline .seasons span.label {width:88px;left:-41px;}
.timeline a.year span.label {left:-29px;}
.timeline span.label:after {content:"";border:5px solid transparent;border-top-color:var(--hero-color);height:0;width:0;position:absolute;bottom:-10px;left:29px;}
.timeline .seasons span.label:after {left:39px;}
.timeline span.year-label, .timeline span.season-label {position:absolute;left:0;right:0;text-align:center;font-size:10px;font-weight:bold;color:#C8CACC;top:20px;display:none;}
.timeline span.season-label {display:block;border-left:1px solid #EAECEE;border-right:1px solid #EAECEE;top:10px;padding-top:10px;}
.timeline .group:first-child span.season-label {border-left-width:2px;margin-left:-1px;}
.timeline .group:last-child span.season-label {border-right-width:2px;margin-right:-1px;}
.timeline.yearly span.year-label {left:-50%;right:50%;}
.timeline:hover span.year-label, .timeline .current span.year-label, .timeline.yearly span.year-label {display:block;}
.timeline a:hover span, .timeline a.current span {display:block;}
.timeline:hover a.current span, .timeline.yearly .current span.year-label {display:none;}
.timeline:hover a.current:hover span, .timeline.yearly:hover .current span.year-label {display:block;}
.timeline a.overflow {background:#C8CACC;display:none;}
.timeline span.future {background:#F2F4F6;border:1px solid #C8CACC;display:none;}
.timeline span.group:hover a.overflow, .timeline span.group:hover span.future {display:block;}
.timeline a.year {width:10px;height:10px;border-radius:5px;margin-top:6px;margin-left:-5px;display:block;}
.timeline a.current {background:var(--hero-color);}
.timeline a:hover {background:var(--hero-color);width:10px;height:10px;border-radius:5px;margin-top:6px;margin-left:-5px;display:block;}
.timeline a:hover span.label {left:-29px;}
.timeline .seasons a:hover span.label {left:-39px;}

.timeline-select {border:1px solid #C6CAD1;border-radius:3px;font-size:14px;padding:5px;display:none;width:100%;}

span.result-w, span.result-l, span.result-t, span.result-nr, span.result-a, span.result-c {border-radius:10px;display:inline-block;margin-right:5px;line-height:20px;width:20px;text-align:center;font-size:10px;font-weight:bold;}
.statistic-table tbody td span.result-w {background:#396;color:#FFF;}
.statistic-table tbody td span.result-l {border:2px solid #900;color:#900;line-height:16px;}
.statistic-table tbody td span.result-t, .statistic-table tbody td span.result-nr, .statistic-table tbody td span.result-a, span.result-c {border:1px solid #C8CACC;line-height:18px;color:#C8CACC;}

/* maybe once I get better icons */
/*
.inner a.batsman-icon, .inner a.bowler-icon, .inner a.keeper-icon, .inner a.allrounder-icon, .inner a.-icon {padding-left:45px;background-position:left center;background-repeat:no-repeat;}
a.batsman-icon {background-image:url('img/batsman-icon.png');}
a.bowler-icon {background-image:url('img/bowler-icon.png');}
a.keeper-icon {background-image:url('img/keeper-icon.png');}
a.allrounder-icon {background-image:url('img/allrounder-icon.png');}
*/


.pager-block {margin:0 15px;overflow:hidden;line-height:30px;}
.pager-block em {color:#626466;}
.pager {text-align:right;white-space:nowrap;}
.pager a {background:#F5F7F9;color:var(--dark-color);display:inline-block;line-height:30px;width:30px;text-align:center;text-decoration:none;border-radius:3px;}
.pager a:hover {background:var(--dark-color);color:#FFF;}
.pager span.pager-current, .pager span.pager-jump, .pager span.pager-first, .pager span.pager-last {background:none;display:inline-block;line-height:30px;text-align:center;color:#D9DBDD;border-radius:3px;}
.pager span.pager-current {background:var(--hero-color);color:#FFF;width:30px;}
.pager .pager-jump {margin:0 10px;width:auto;padding:0 8px;}
.pager .pager-first {margin-right:5px;width:auto;padding:0 8px;}
.pager .pager-first .fa {margin-right:5px;}
.pager .pager-last {margin-left:5px;width:auto;padding:0 8px;}
.pager .pager-last .fa {margin-left:5px;}

.simple-jump-menu {text-align:left;white-space:nowrap;margin:15px;overflow-y:hidden;overflow-x:scroll;line-height:30px;display:flex;flex-direction:row;flex-wrap:nowrap;}
.simple-jump-menu strong {color:#626466;margin-right:20px;display:inline-block;}
.simple-jump-menu .simple-jump-links {display:flex;flex-wrap:wrap;}
.simple-jump-menu a {background:#F5F7F9;color:var(--dark-color);display:inline-block;line-height:30px;padding:0 10px;text-align:center;text-decoration:none;border-radius:3px;margin-right:10px;margin-bottom:10px;}
.simple-jump-menu a:last-child {margin-right:0;}
.simple-jump-menu a:hover {background:var(--dark-color);color:#FFF;}

.simple-jump-select {border:1px solid #C6CAD1;border-radius:3px;font-size:14px;padding:5px;display:none;}

#map-canvas {height:600px;}

p.content-404 {text-align:center;color:#959799;font-size:24px;line-height:2;margin-bottom:150px;}
p.content-404 strong {font-size:200px;display:block;margin:50px 0;}
p.content-404 a.return {background:#959799;color:#FFF;text-decoration:none;border-radius:4px;padding:5px 25px;margin-top:20px;display:inline-block;}
p.content-404 a.return span.fa-angle-left {margin-right:10px;font-size:27px;}
p.content-404 a.return:hover {background:var(--hero-color);}

@media screen and (max-width:768px) {
	p.content-404 {font-size:16px;margin-bottom:40px;}
	p.content-404 strong {font-size:80px;line-height:1;display:block;margin:40px 0;}
	p.content-404 a.return {padding:5px 15px;}
	p.content-404 a.return span.fa-angle-left {margin-right:10px;font-size:16px;}
}

#site-footer {/*background:#F2F4F6;*/color:#C8CACC;font-size:14px;margin-top:40px;line-height:30px;}
#site-footer .inner {margin:0 auto;max-width:1580px;padding:30px 0;border-top:1px dashed #D9DBDD;}
#site-footer p {float:left;line-height:30px;}
#site-footer p img {vertical-align:middle;margin-right:10px;}
#site-footer .message {margin:0 0 30px;padding-bottom:30px;color:#626466;border-bottom:1px dashed #D9DBDD;}
#site-footer .message p {float:none;line-height:1.4;font-weight:normal;font-style:italic;text-align:center;}
#site-footer a {color:#C8CACC;}
#site-footer a:hover {color:#626466;}

#social-footer {float:right;}
#social-footer a {font-size:24px;display:inline-block;line-height:30px;color:#C8CACC;text-align:center;border-radius:1px;}
#social-footer a.social-patreon, #social-footer a.social-twitter, #social-footer a.social-facebook {margin-right:20px;}
#social-footer a.social-patreon:hover {color:rgb(232,91,70);}
#social-footer a.social-twitter:hover {color:#55acee;}
#social-footer a.social-facebook:hover {color:#3b5998;}
#social-footer a.social-instagram:hover {color:#D43066;}

#tooltip {position:absolute;z-index:10000;background:rgba(0,0,0,0.8);border-radius:3px;padding:0 10px;white-space:nowrap;color:#FFF;display:none;font-size:12px;line-height:30px;}
#tooltip:after {content:"";border:6px solid transparent;border-top-color:rgba(0,0,0,0.8);border-bottom-width:0;position:absolute;top:100%;left:50%;margin-left:-6px;}

.ntm .block {margin-top:0;}

a.bg-colour:after {background:#D9DBDD;}
a.comp-empty.bg-colour:after {background:#EAECEE;}


.doc-nav {width:200px;}
.doc-nav ol {font-size:18px;font-weight:bold;padding:0 20px;margin:20px 0;}
.doc-nav ol li {margin-bottom:10px;border-top:1px solid #EAECEE;padding-top:10px;}
.doc-nav ol li:first-child {border-top:0 none;padding-top:0;}
.doc-nav ol ol {font-size:16px;font-weight:normal;margin-left:20px;margin-top:5px;margin-bottom:10px;padding:0;}
.doc-nav ol ol li {list-style-type:disc;padding:0;border:0 none;}
.doc-nav ol ol ol {font-size:14px;margin-left:15px;}
.doc-nav ol ol ol li {list-style-type:circle;margin-bottom:5px;}
.doc-body {width:calc(100% - 200px);padding:30px;background:#FFF;}
.doc-body h1 {font-size:30px;}
.doc-body h2, .doc-body h3, .doc-body h4, .doc-body p {margin-top:1em;}
.doc-body hr {margin:30px 0;border:0 none;border-top:1px solid #EAECEE;}
.doc-body hr.sub {border-top:1px dashed #EAECEE;}
.doc-body hr.strong {border-top-width:2px;}
.doc-body p, .doc-body ul {line-height:1.4;}
.doc-body ul {padding:10px 20px;}
.doc-body ul ul {padding-top:0;}
.doc-body ul li {list-style-type:disc;margin:5px 0;}
.doc-body ul ul li {list-style-type:circle;}
.doc-body span.var {background:#F5F7F9;color:#626466;padding:3px 6px;font-size:12px;}
.doc-body .formula {background:#F5F7F9;padding:30px;line-height:1;font-size:12px;margin:0;}
.doc-body .MathJax_Display {text-align:left !important;margin:0 !important;}

.gfx-box {position:relative;width:270px;height:270px;margin:30px auto;}
.gfx-piece {background:#FFF;border-radius:5px;text-align:center;font-weight:bold;position:absolute;border:2px solid #959799;}
.gfx-piece .fa-long-arrow-down {position:absolute;left:0;font-size:21px;}

#batr:before {content:"";position:absolute;top:53px;left:18px;width:2px;height:85px;background:#06C;}
#batr:after {content:"";position:absolute;top:53px;right:18px;width:2px;height:15px;background:#06C;}
#bowlr:before {content:"";position:absolute;top:53px;left:18px;width:2px;height:15px;background:#C06;}
#bowlr:after {content:"";position:absolute;top:53px;right:18px;width:2px;height:85px;background:#C06;}
#fieldr:before {content:"";position:absolute;top:53px;left:37px;width:2px;height:85px;background:#0C6;}

.nav-bubbles {text-align:left;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;}
.nav-bubbles .nav-bubble {margin:0 5px 10px 5px;border:2px solid #2D3138;color:#2D3138;display:inline-block;text-decoration:none;line-height:36px;border-radius:20px;font-size:18px;font-weight:900;padding:0 20px;position:relative;text-align:center;}
.nav-bubbles .nav-bubble:hover {background:#C24;border-color:#C24;color:#FFF;}
.nav-bubbles .nav-bubble-active, .nav-bubbles .nav-bubble-active:hover {background:#2D3138;border-color:#2D3138;color:#FFF;}
/*.nav-bubbles .nav-bubble-active::after {content:"";width:0;height:0;display:block;position:absolute;bottom:-22px;left:50%;margin-left:-10px;border:10px solid transparent;border-top-color:#2D3138;}*/

.h2h-selector {display:none;}
.h2h-selector-flex {display:flex;justify-content:flex-start;margin:30px auto 60px;}
.h2h-select {font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;border-radius:3px;border:2px solid var(--border-color);font-size:30px;height:60px;padding:0 20px;max-width:36%;background:var(--very-light-color);}
.h2h-select:focus {border-color:var(--hero-color);}
.h2h-v {font-size:30px;line-height:60px;margin:0 15px;font-weight:900;text-align:center;color:var(--dark-color);}
.h2h-go {margin-left:15px;white-space:nowrap;background:var(--hero-color);color:#FFF;display:inline-block;text-decoration:none;line-height:60px;border-radius:30px;font-size:24px;font-weight:900;padding:0 25px 0 30px;}
.h2h-go:hover {background:var(--bright-color);}
.h2h-go .fa-caret-right {margin-left:15px;}

hr.underline {background:#C24;border:0 none;height:6px;width:150px;margin:30px 0;border-radius:3px;}


.statistic-table.query-table thead th {font-size:20px;padding:15px;text-align:left;background:#F6F7F9;border-top:1px solid #ECEDEF;}
.statistic-table.query-table thead:first-child th {border-top:0 none;}
.statistic-table.query-table tbody th {background:none;border-right:1px dashed #ECEDEF;border-top:1px solid #ECEDEF;/*width:300px;*/font-size:14px;padding-top:10px;padding-bottom:10px;}
.statistic-table.query-table tbody td {font-size:14px;padding-top:10px;padding-bottom:10px;}
.statistic-table.query-table tbody td label {margin:0 10px;/*color:#5B6280;font-style:italic;*/}
.statistic-table.query-table tbody td .range-input:first-child label {margin-left:0;}
.statistic-table.query-table input#neo-submit {border:0 none;background:#333;color:#FFF;border-radius:4px;padding:10px 20px;font-size:16px;margin:10px 0;cursor:pointer;font-weight:bold;}
.statistic-table.query-table input#neo-submit:hover {background:#C24;}

.statistic-table.query-table th:first-child.la, .statistic-table.query-table td:first-child.la {max-width:none;vertical-align:top;}

.statistic-table.query-table input[type="text"], .query-table select {border:1px solid #ECEDEF;border-radius:3px;padding:0 10px;line-height:30px;height:30px;font-size:14px;}
.statistic-table.query-table select {padding:0 7px;}
.statistic-table.query-table select option.bold {font-weight:bold;}
.statistic-table.query-table input[type="text"]:hover, .query-table select:hover {border-color:#5B6270;}
.statistic-table.query-table input[type="text"]:focus, .query-table select:focus {border-color:#C24;}

.statistic-table.query-table tbody td ul.column-radios {columns:4;}

.statistic-table.query-table .neo-note {color:var(--hero-color);font-weight:normal;font-size:14px;margin-left:10px;}

#query-box {border:0 none;border-radius:3px;padding:10px;background:#f5f7f9;color:#5B6270;width:100%;}

.select2-results__option [aria-disabled="true"] {display:none;}
.neo-reset {margin-left:40px;font-style:italic;display:inline-block;font-size:14px;}

#neo-clear-local {border:0 none;background:#5B6270;color:#FFF;border-radius:4px;padding:6px 12px;font-size:12px;margin:10px 0;cursor:pointer;float:right;}
#neo-clear-local:hover {background:var(--hero-color);}

.message-block {padding:30px 40px;font-size:24px;background:#DFE;border-bottom:2px solid #CED;}
.error-block {padding:30px 40px;font-size:24px;background:#FDE;border-bottom:2px solid #ECD;}
.message-block.small-message-block, .error-block.small-error-block {padding:15px 20px;font-size:16px;}

.cta {background:var(--hero-color);color:#FFF;text-decoration:none;font-size:30px;position:relative;border-radius:3px;display:block;font-weight:900;padding:30px;line-height:30px;/*margin-top:40px;margin-bottom:40px;*/}
.cta:last-child {margin-bottom:0;}
.cta.cta-patreon {background:rgb(232,91,70);border-radius:60px;margin-bottom:30px;}
.cta.cta-patreon:last-child {margin-bottom:30px;}
.cta:hover {background:#2D3138;color:#FFF;}
.cta strong {transition:0.1s all;}
.cta:hover strong {color:#FFF;}
.cta > span {font-size:24px;position:absolute;margin-left:43px;font-weight:normal;text-transform:none;}
.cta > span::before {background:rgba(255,255,255,0.5);width:3px;position:absolute;left:-23px;top:-5px;bottom:-5px;border-radius:3px;content:"";}
.cta::after {text-align:center;width:70px;position:absolute;right:0;top:0;bottom:0;line-height:90px;font-family:'Font Awesome 5 Free';content:"\f105";font-weight:900;}

.cta.cta-patreon .fa-patreon {color:rgb(232,91,70);background:#FFF;margin:-10px 10px -10px -10px;padding:10px 8px 10px 12px;border-radius:100%;}

.cta.cta-ci {background:#03A9F4;color:#FFF;font-size:20px;line-height:20px;font-weight:400;display:inline-block;padding:20px 60px 20px 20px;margin:15px;}
.cta.cta-ci:hover {background:var(--dark-color);}
.cta.cta-ci::after {line-height:60px;width:60px;}

.cta.alt-cta {margin-top:0;padding:25px 30px;line-height:1;}
.cta.alt-cta::after {line-height:1;transform:translateY(50%);margin-top:-30px;}
.cta.alt-cta > span {display:block;position:relative;font-size:20px;padding-left:0;margin-left:0;margin-top:5px;}
.cta.alt-cta > span::before {display:none;}


.neo-promo {background:#2D3138;display:block;margin:0 15px 60px;padding:40px;border-radius:3px;display:flex;text-decoration:none;align-items:center;justify-content:flex-start;}
.neo-promo-small {padding:20px;}
.neo-promo:hover {background:#3C4046;}
.neo-promo svg {height:150px;width:auto;}
.neo-promo-small svg {height:80px;}
.neo-promo svg path, .neo-promo svg polygon {stroke:#E25;}
.neo-promo > div {margin-left:40px;}
.neo-promo-small > div {display:flex;align-items:center;justify-content:space-between;flex-grow:1;}
.neo-promo .large-heading {color:#FFF;flex-grow:1;}
.neo-promo-small .large-heading {font-size:40px;}
.neo-promo .button {margin-top:15px;white-space:nowrap;background:var(--hero-color);color:#FFF;display:inline-block;text-decoration:none;line-height:60px;border-radius:30px;font-size:24px;font-weight:900;padding:0 25px 0 30px;}
.neo-promo-small .button {margin-top:0;line-height:50px;font-size:20px;padding:0 15px 0 20px;}
.neo-promo:hover .button {background:var(--bright-color);}
.neo-promo .button .fa-caret-right {margin-left:15px;}
@media screen and (max-width:768px) { /* 600px */
	.neo-promo {flex-direction:column;padding:30px;align-items:flex-start;}
	.neo-promo svg {height:75px;width:auto;}
	.neo-promo > div {margin-left:0;margin-top:15px;}
	.neo-promo .button {width:auto;margin-left:0;margin-top:15px;text-align:center;line-height:40px;font-size:20px;}
}


@media screen and (max-width:900px) {
/*	.cta {margin:40px 10px 20px;font-size:28px;padding:20px 30px 20px 20px;line-height:0.9;}*/
	.cta.cta-patreon {border-radius:10px;}
	.cta > span {font-size:20px;position:relative;margin:10px 0 0;display:block;line-height:1.1;}
	.cta > span::before {display:none;}
/*	.cta::after {display:none;}*/
	.cta > span::after {margin-left:10px;font-family:'Font Awesome 5 Free';content:"\f105";font-weight:900;}
	.cta.cta-patreon::after {display:none;}
	.cta.cta-patreon .fa-patreon {position:absolute;margin:0;right:15px;top:15px;}

}

@media screen and (max-width:768px) { /* 600px */
	.cta {font-size:20px;line-height:20px;padding:15px 65px 15px 15px;}
	.cta.block {background:var(--hero-color);}
	.cta.block.cta-patreon {background:rgb(232,91,70);}
	.cta.block:hover {background:#2D3138;}
	.cta::after {line-height:50px;width:50px;}
	.cta.cta-patreon::after {display:none;}
	.cta.cta-ci {display:block;font-size:16px;}
}

@media(max-width:1024px) {
/*	.inner {min-width:1400px;}*/
	.timeline-wrap.inner, nav.inline-tabs .inner, .stat-bar .inner {width:100%;}
	.stat-bar .inner {overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-x:scroll;}
	.block {overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
}

@media(max-width:768px) { /* 600px */

	body {padding-top:0;}
	body.has-section-menu {padding-top:0;}

	html,body {-webkit-text-size-adjust:100%;}

	.inner {margin:15px auto;min-width:100%;}

	.block {background:#FFF;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.block + .block {margin-top:15px;}

	.col {display:block;float:none;}
	.w10,.w125,.w15,.w20,.w25,.w30,.w33,.w375,.w40,.w50,.w60,.w65,.w66,.w70,.w75,.w80,.w85,.w90, .doc-nav, .doc-body {width:100%;}
	
	.ranking-block .block .col.w50 {display:inline;float:left;width:50%;}
	.factor-box .col.w25 {display:inline;float:left;width:25%;}
	
	.rankings-page .col.w75 {display:none;}

	.margin-60-15-0 {margin:30px 15px 0;}

	.section-title {margin:15px 0;padding:0 15px 15px;}
	.section-title.block-title {margin:0 15px;padding:10px 15px;}
	.section-title h3 {font-size:24px;}
	.section-title.block-title h3, .section-title.sub-block-title h3 {font-size:20px;}

	#comp-title {position:static;}
	.comp-title .inner {flex-direction:column;}
	.cf + .comp-title h3 {border-radius:3px;}

	.list-block h4 {font-size:18px;padding:10px 15px;}
	.list-block li.row-height-5, .list-block li.row-height-10 {line-height:60px;}

	#site-header {position:relative;}
	
	#site-header > .inner {flex-direction:column;align-items:initial;}

	#site-header #site-title {height:60px;margin-left:0;}
	#site-header #site-title #logo {padding-left:10px;margin-top:10px;}

	#site-header a#menu-button {display:block;position:absolute;top:0;right:0;}

	#home-header img {display:none;}
	#home-header h1 {margin:20px 0 30px;}

	h1.large-heading {font-size:34px;}
	h2.large-heading {font-size:30px;line-height:30px;}

	#social {right:0;}
	#social a.link {display:none;}

/*	#site-search {margin:0 10px 10px;}*/
/*	#site-search #query {width:100%;}*/

	#search-results-container {top:110px;left:0;right:0;}
	#search-results-container ol {padding:6px;border-radius:0;}
	#search-results-container ol li {width:50%;min-width:auto;}

	#site-navigation {display:none;position:absolute;top:60px;left:0;right:0;z-index:400;background:#FFF;transform:none;}
	#site-navigation ol {padding:0;flex-direction:column;transform:none;}
	#site-navigation ol > li {display:block;margin:0;border-bottom:1px solid #EAECEE;transform:none;}
	#site-navigation ol > li:hover {margin:0;}
	#site-navigation ol > li a {transform:none;}
	#site-navigation ol > li > a {line-height:50px;padding:0 20px;color:#2D3138;}
	#site-navigation ol > li:hover > a {padding:0 20px;}
	#site-navigation ol > li > a .fa-home:after {content:"Home";font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif;margin-left:10px;font-size:16px;font-style:italic;font-weight:300;}
	#site-navigation ol > li > a:after {display:none;}
	#site-navigation ol > li.hassubmenu > a .sub-menu-toggle {display:block;font-size:12px;font-weight:600;position:absolute;right:0;top:0;text-align:center;color:#C8CACC;transition:0.1s all;line-height:50px;font-style:normal;width:50px;border-left:1px solid rgba(0,0,0,0.1);background:#FFF;}
	#site-navigation ol > li.hassubmenu a .sub-menu-toggle:hover {background:var(--hero-color);color:#FFF;border-left-color:var(--hero-color);}
	#site-navigation ol > li.hassubmenu a.open .sub-menu-toggle::before {content:"";}
	#site-navigation ol > li.hassubmenu a.open {background:var(--hero-color);color:#FFF;}
	#site-navigation ol > li:hover > ul {display:none;}
	#site-navigation ol > li ul {position:relative;padding-bottom:0;}
	#site-navigation ol > li ul hr {display:none;}
	#site-navigation ol > li ul li {border-top:1px solid rgba(255,255,255,0.1);margin:0;}
	#site-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle {font-size:12px;font-weight:600;position:absolute;right:0;top:0;text-align:center;color:#C8CACC;transition:0.1s all;line-height:40px;font-style:normal;width:50px;border-left:1px solid rgba(255,255,255,0.1);background:var(--dark-color);}
	#site-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle:hover {background:var(--mid-color);}
	#site-navigation ol > li ul li.hassubmenu > a:hover .sub-menu-toggle::before, #site-navigation ol > li ul li.hassubmenu:hover > a .sub-menu-toggle::before {color:#C8CACC;}
	#site-navigation ol > li ul li.hassubmenu > a .sub-menu-toggle::before {content:"";}
/*	#site-navigation ol > li ul li.hassubmenu > a.open .sub-menu-toggle {color:var(--hero-color);}*/
	#site-navigation ol > li ul li.hassubmenu > a.open .sub-menu-toggle::before {content:"";}
/*	#site-navigation ol > li ul li.hassubmenu > a.open {color:var(--hero-color);background:#FFF;}*/
/*	#site-navigation ol > li ul li ul li.hassubmenu > a:after {color:var(--hero-color);}*/
	#site-navigation ol > li > ul > li:hover > ul {display:none;}
	#site-navigation ol > li ul ul {left:auto;background:#ECEDEF;border-radius:0;top:0;}
	#site-navigation ol > li ul ul li {border-top:1px solid rgba(35,57,79,0.1);}
	#site-navigation ol > li ul ul a {color:#2D3138;}
	#site-navigation ol > li > ul > li > ul > li:hover > ul {display:none;}
	#site-navigation ol > li > ul > li > ul > li > ul > li:hover > ul {display:none;}

/*	.section-navigation {display:none;background:#FFF;float:none;}
	.comp-title .section-navigation, #comp-title .section-navigation {border:0 none;transform:none;}
	.section-navigation ol {flex-direction:column;}
	.section-navigation ol > li {display:block;margin:0;border-bottom:1px solid #EAECEE;}
	.section-navigation ol > li a {color:#2D3138;transform:none;}
	.section-navigation ol > li.hassubmenu > a .sub-menu-toggle {position:absolute;right:0;line-height:50px;text-align:center;width:50px;}
	.section-navigation ol > li.hassubmenu > a > .sub-menu-toggle::before {content:"\f067";}
	.section-navigation ol > li.hassubmenu > a.open > .sub-menu-toggle::before {content:"\f068";}
	.section-navigation ol > li.hassubmenu > a.open {background:#C24;color:#FFF;}
	.section-navigation ol > li:hover > ul {display:none;}
	.section-navigation ol > li ul {position:relative;padding-bottom:0;box-shadow:none;}
	.section-navigation ol > li ul hr {display:none;}
	.section-navigation ol > li ul li {border-top:1px solid rgba(255,255,255,0.1);margin:0;}
	.section-navigation ol > li ul li a {transform:none;}
	.section-navigation ol > li ul li.hassubmenu > a > .sub-menu-toggle::before {content:"\f067";}
	.section-navigation ol > li ul li.hassubmenu > a.open > .sub-menu-toggle::before {content:"\f068";color:#C24;}
	.section-navigation ol > li ul li.hassubmenu > a.open {color:#C24;background:#ECEDEF;}
	.section-navigation ol > li ul li ul li.hassubmenu > a > .sub-menu-toggle::before {color:#2D3138;}
	.section-navigation ol > li > ul > li:hover > ul {display:none;}
	.section-navigation ol > li ul ul {left:auto;background:#FFF;border-radius:0;opacity:1;top:0;}
	.section-navigation ol > li ul ul li {border-top:1px solid rgba(35,57,79,0.1);}
	.section-navigation ol > li ul ul a {color:#2D3138;}
	.section-navigation ol > li > ul > li > ul > li:hover > ul {display:none;}
	.section-navigation ol > li > ul > li > ul > li > ul > li:hover > ul {display:none;}
	.section-navigation ol > li ul ul {column-count:1;-webkit-column-count:1;-moz-column-count:1;}*/

	#overlay {background:rgba(0,0,0,0.75);position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:10;}

	#page-title h2 {font-size:30px;line-height:1;padding:15px 0;}
	#page-title h2 .sub-title {float:none;font-size:24px;display:block;}
	#page-title.player-title .meta {padding:0 15px;font-size:14px;}
	#page-title.player-title .teams-strip {margin:15px 15px 10px;}
	#page-title.player-title .teams {margin:10px 15px 0;}

	#page-title h2 .sub-title.selectors {margin-top:15px;text-align:center;}
	#page-title h2 .sub-title.selectors select {padding:5px 10px;font-size:16px;text-align:left;width:100%;}
	#page-title h2 .sub-title.selectors span {display:block;line-height:30px;font-weight:bold;position:relative;top:-2px;}

	.stat-bar .inner {overflow-x:scroll;width:auto;padding:0;}

	#comp-title {position:relative;top:0;}
	.comp-title {position:relative;}
	.comp-title h3 {padding:15px 50px 15px 15px;float:none;text-align:left;}
	a.menu-button {display:block;position:absolute;top:0;right:0;width:60px;}
	
	nav.pills {text-align:center;margin:15px 0;}
	nav.pills a {width:10%;display:inline-block;float:none;}

	.graph-holder {margin:15px 10px;height:100px;}
	.tall-graph-holder {margin:15px 10px;height:200px;}
	.graph-footer {padding:10px 15px;}
	h4.graph-title {float:none;/*text-align:center;*/}
	.legend-holder {float:none;}
	.legend-holder table {margin:0;}
	
	#map-canvas {height:200px;}
	
	.movement-list {min-width:500px;}
	.summary-table th {border-right:0 none;border-bottom:1px dashed #EAECEE;}
	.summary-table th, .summary-table td {display:block;}
	.summary-table td {border-top:0 none;}
	.summary-table td a {width:50%;}
	
	.grid-block li {width:100%;display:block;border-right:0 none;}

/*	.timeline-wrap .inner {overflow-x:scroll;width:auto;}*/
/*	.timeline-wrap .inner .timeline {width:790px;}*/

	.timeline {display:none;}
	.timeline-wrap .inner {width:auto;padding:15px;}
	.timeline-select {display:block;}

	.fixture-table tbody td.fixture-home, .fixture-table tbody td.result-home {padding-right:30px;}
	.fixture-table tbody td.fixture-home a::after, .fixture-table tbody td.result-home a::after,
	.fixture-table tbody td.fixture-home a:hover:after, .fixture-table tbody td.result-home a:hover:after {width:10px;height:30px;border-radius:10px;right:-20px;top:13px;}
	.fixture-table tbody td.fixture-away, .fixture-table tbody td.result-away {padding-left:30px;}
	.fixture-table tbody td.fixture-away a::after, .fixture-table tbody td.result-away a::after,
	.fixture-table tbody td.fixture-away a:hover::after, .fixture-table tbody td.result-away a:hover::after {width:10px;height:30px;border-radius:10px;left:-20px;top:13px;}
	.fixture-table a .full {display:none;}
	.fixture-table a .abbr {display:block;}
	.fixture-table tbody td.fixture-day {display:none;}
	.fixture-table tbody td.fixture-date {padding-left:10px;}
	
	.fixture-table thead th {font-size:16px;line-height:40px;}
	.fixture-table thead th a:after {content:"";font-family:'Font Awesome 5 Free';margin-left:10px;color:#959799;font-weight:inherit;}
	.fixture-table tbody+thead tr:first-child th {padding-top:0;}
	

	.pager-block, .pager {text-align:center;}
	.pager {margin-top:10px;overflow-x:scroll;}
	.pager span.pager-first, .pager span.pager-last, .pager span.pager-jump {display:none;}

	.simple-jump-menu {flex-direction:row;margin-bottom:30px;}
	.simple-jump-menu a {margin-top:10px;margin-bottom:0;}
	.simple-jump-menu .simple-jump-links {display:none;}
	.simple-jump-select {display:block;}

	.doc-body {padding:15px;}

	#site-footer {margin-top:0;}
	#site-footer .message {margin:0 15px 15px;padding-bottom:15px;}
	#site-footer .cf {margin:0 15px;}
	#site-footer .cf p span {display:none;}
	#site-footer p, #social-footer {float:none;text-align:center;}
	#social-footer {margin-top:10px;}


	.nav-bubbles {justify-content:space-between;/*display:flex;flex-wrap:wrap;margin-bottom:20px;*/}
	.nav-bubbles .nav-bubble {font-size:13px;line-height:28px;white-space:nowrap;margin:0 5px 10px 5px;width:auto;flex-grow:1;}
/*	.nav-bubbles .nav-bubble:hover:after, .nav-bubbles .nav-bubble-active::after, .nav-bubbles .nav-bubble-active:hover::after {display:none;}*/

	.h2h-selector-flex {flex-direction:column;width:100%;border-radius:0;margin-top:0;padding:0px;}
	.h2h-select {max-width:100%;font-size:16px;padding:0 10px;height:40px;}
	.h2h-v {width:100%;margin:0;line-height:40px;font-size:24px;position:relative;top:-2px;}
	.h2h-go {width:auto;margin-left:0;margin-top:30px;text-align:center;line-height:40px;font-size:20px;}

	hr.underline {width:100px;margin:15px 0;}

	.statistic-table.query-table tbody th {display:block;padding-top:5px;padding-bottom:0;border-bottom:0;}
	.statistic-table.query-table tbody td {display:block;padding-top:0;border-top:0;border-left:0;}
	.statistic-table.query-table tbody td ul.column-radios {columns:1;}
	.statistic-table.query-table tbody td .range-input {display:block;}
	.statistic-table.query-table tbody td .range-input + .range-input {margin-top:5px;}
	.statistic-table.query-table tbody td label {display:block;}
	.statistic-table.query-table tbody td label + label {margin-left:0;}
	.statistic-table.query-table tbody td .range-input label {width:40px;display:inline-block;}
	.statistic-table.query-table tbody td select {width:100%;}
	.statistic-table.query-table tbody td .range-input select {width:auto;}

	.message-block {padding:15px 20px;font-size:16px;background:#DFE;border-bottom:2px solid #CED;}
	.message-block.small-message-block {font-size:14px;}

}