@font-face {
    font-family: BebasNeue;
    src: url("./fonts/BebasNeue-Regular.otf") format("opentype");
}
@font-face {
    font-family: Revolution;
    src: url("./fonts/REVOLUTION.ttf") format("opentype");
}

*{ padding: 0; margin: 0;}
table{ border-collapse: collapse; }
a{ text-decoration: none; }
body{
	background: #fff;
	font-family: montserrat, "Open Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12pt;
}
html, body {
    height: 100%;
    margin: 0;
}

table.league{ width: 100%; }
table.league .crest{ width: 40px; }
table.league .pos{ width: 1em; }
table.league img{ width: 40px; }
table.league .team{ font-size: 1.2em; font-weight: 700; }
table.league td{ padding-top: .35em; padding-bottom: .35em; border-bottom: 1px solid #ddd; }
table.league th{ padding-top: .35em; padding-bottom: .35em; border-bottom: 1px solid #aaa; }
table.league tr.kilbirnie td{ background: #f3f3f3; }
table.league .stat{ width: 2em; text-align: center; }
table.league tr.split td{ border-top: 2px solid #333 !important; }

.homebox h2{ text-align: center; font-size: 3em !important; padding: .75em 2em; }
.homebox{ text-align: center; }
.homebox img{ text-align: center; max-width: 100% !important; }

h1, h2, h3, h4, h5{ font-family: "BebasNeue", sans-serif; font-weight: 400; }

h1,
h1 a{ color: #FFBF00; }
h3{ font-size: 3em; }

.content h4{ text-align: center; margin-bottom: 1.5em; font-size: 1.4em; }
.content p{ margin-bottom: 1.5em; }

th{ vertical-align: bottom; }
td, th{ text-align: left; padding: .15em .75em .15em .75em; }
td.num,
th.num{ text-align: center; }
th{ padding-bottom: .25em; }
th.type{ text-align: center; }

.festival{ border: 1px solid #666; padding: 20px 20px 20px 20px; box-shadow: 5px 5px 5px #aaa; }
.festival img{ width: 100%; }
.festival img{ margin-bottom: 5px; }
.festival .competition{ font-size: 1.2em; text-align: center; font-weight: 700; }
.festival .result{ font-size: 1.7em; text-align: center; font-weight: 700; }

sub{ vertical-align: baseline; }

.fixtures .game.postponed{ display: none; }
.fixtures .game.swfpostponed{ }
.fixtures .game.swfpostponed{ opacity: .4; }

.content sup{ vertical-align: top; position: relative; top: -0.5em; left: .1em; }
.content sub{ vertical-align: baseline; font-size: .7em; }

.content h3 sup{ vertical-align: top; position: relative; top: 0.1em; font-size: .6em; }

.upcoming-wrap{ background: #FFBF00; padding: 1.5em 0 2em 0; }
.upcoming-wrap h2{ text-align: center; margin-bottom: .75em; }
.upcoming-wrap a{ color: #222; }

.fixtures .game.tbc{ display: block; opacity: .4; }
.fixtures .tbc .crest,
.fixtures .swftbc .crest{ background: #ccc; }
.fixtures .tbc .venue,
.fixtures .swftbc .venue{ background: #ccc; }

table.season-stats td.competition,
table.season-stats th.competition{ text-align: left; width: 15em; }
table.season-stats th.club{ width: 4em; }
table.season-stats th.year{ width: 3em; }

table.season-stats th.apps,
table.season-stats th.goals,
table.season-stats th.assts{ width: 1.5em !important; }

table.season-stats tr.total td{ background: #eee; }

table td.season{ font-size: 1em; }

img.icon{ border: none !important; width: 2em !important; vertical-align: middle; padding-right: .25em; }

.highlight-reel{ display: grid; grid-template-columns: 1fr; grid-gap: 2em; }
.highlight-reel div{ margin: 0 auto; max-width: 100%; }

.profile{ display: grid; grid-template-columns: 1fr 3fr; grid-gap: 2em; }
.profile .potrait img{ width: 100%; }
.profile .details h1{ margin-bottom: .5em; margin-top: 0; padding-top: 0; }
.profile .details label{ display: inline-block; width: 8em; font-weight: 700; }
.profile .details .key{ line-height: 1.5em; }
.profile h1{ color: #333; font-size: 5em; text-align: left; }
@media screen and (max-width: 600px) {
	.profile{ display: grid; grid-template-columns: 1fr; grid-gap: 2em; }
}

.upcoming-matches{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px;
font-family: "BebasNeue", sans-serif; font-weight: 400; text-align: center; font-size: 1.5em; }
.upcoming-matches .match{ background: rgba(255, 255, 255, .3); padding: 1em 1em 1.25em 1em; max-width: 600px; margin: 0 auto; }
.upcoming-matches .crests{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0px; margin: .5em 1em 1em 1em; }
.upcoming-matches .crests img{ width: 85%; margin: 0 auto; }
.upcoming-matches .team{ font-size: 3em; }
.upcoming-matches .opposition{ font-size: 1.3em; line-height: .95em; margin-bottom: .35em; }
.upcoming-matches .details{ font-family: montserrat, "Open Sans", "Helvetica Neue", Arial, sans-serif; font-size: .7em; }

.content .join-us h1{ font-size: 3em; margin-bottom: .5em; color: #000; }
.content .join-us h2{ font-size: 4.6em; text-align: center; margin-bottom: .4em; line-height: 1em; }
.content .join-us h3{ font-size: 3.8em; text-align: center; margin-bottom: .2em; }
.content .join-us h4{ font-size: 2.6em; margin-bottom: .2em; }
.content .join-us h5{ font-size: 2em; margin-bottom: .2em; }
.content .join-us p.highlight{ font-size: 1.5em; margin-bottom: 1.9em; }
.content .join-us p.highlight1{ font-size: 1.5em; margin-bottom: 1.9em; }
.content .join-us p.highlight2{ font-size: 1.3em; margin-bottom: 1.9em; }
.content .join-us p{ font-size: 1.2em; }
.content .join-us .spacer{ border-bottom: 1px solid #000; width: 25%; margin: 0 auto; margin-top: 1.5em; margin-bottom: 2.25em; }

.content .join-us h2 strong{ color: #FFBF00; font-weight: 400; }
.content .join-us h3 strong{ color: #FFBF00; font-weight: 400; }
/*{ background: #000; color: #FFBF00; font-weight: 400; }*/
.content .join-us h4 strong{ color: #FFBF00; font-weight: 400; }

.content .join-us{ padding-top: 1em; max-width: 800px; margin: 0 auto 6em auto; text-align: center; }
.content .join-us img{ margin-bottom: 1em; }
.content .kit-provided{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; margin-bottom: 2em; grid-gap: 10px; }
.content .kit-provided img{ width: 100%; margin-bottom: .25em; }
.content .kit-provided{ font-size: .9em; }
.content .join-us a{ font-weight: 700; color: #000; }
.content .join-us .contact-socials img{ width: 50px; margin: 0 5px; }
.content .join-us .contact-socials .twitter{ width: 45px; }

.content .sponsors{ max-width: 850px; margin: 0 auto; }

.content p.footnote{ font-size: .8em; }

/* Hide the links inside the navigation menu (except for logo/home) */
#hamburger { display: none; position: absolute; top: 16px; right: 10px; padding: 0 12px; font-size: 4em;  border-radius: 10px; border: 1px solid #FFBF00; line-height: 1em; }
#hamburger:hover{ border: 1px solid #fff; }
@media screen and (max-width: 800px) {
	#hamburger { display: block; }
}

.team-photo{ position: relative; }
.team-photo img{ width: 100%; z-index: 1; border-bottom: 1px solid #ccc; }
.team-photo .actions{
	position: absolute;
	bottom: 2em;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: fit-content;
}

.player-heading h1{ background: #000; float: left; width: 1.3em; text-align: center; font-size: 5.1em; margin-right: .2em; margin-left: .05em; margin-top: .15em; }
.player-heading h2{ font-size: 3em; margin-bottom: .15em !important; }
.player-heading h3{ font-size: 2em; }
.player-heading .content-inner{ display: grid; grid-template-columns: 1fr 1fr; }
@media screen and (max-width: 800px) {
	.player-heading .content-inner{ display: grid; grid-template-columns: 1fr; }
}

@media screen and (max-width: 480px) {
	.linked-teams.sticky-div{ grid-template-columns: 1fr; text-align: left; border: none; }
	.linked-teams.sticky-div img{ display: none; }
	.linked-teams.sticky-div .year-box{ border-top: 1px solid #aaa; }
	.linked-teams.sticky-div .teams-list li{ display: inline; }
	.linked-teams.sticky-div .year-box{ padding: .5em 0 .5em 1em; border-left: none; }
	.linked-teams.sticky-div .year{ padding-right: 1em; }
	.linked-teams.sticky-div .year,
	.linked-teams.sticky-div .team,
	.linked-teams.sticky-div .teams-list,
	.linked-teams.sticky-div .team ul{ display: inline; text-align: left; }
}

.key-stats{ font-size: 1.4em; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.key-stats .num{ font-size: 3em; }
.key-stats div{ text-align: center; }
.key-stats{ padding-top: .5em; font-family: "BebasNeue", sans-serif; font-weight: 400; }

.info{ max-width: 440px; margin: 0 auto; }
.info p{ margin-bottom: 1.5em; }
.info p a{ font-weight: 700; color: #000; }
.info p a:hover{ text-decoration: underline; }

.season{ margin-top: 3em; font-size: .9em; }

.season-stats{ width: 100%; }

.season-stats td,
.season-stats th{ border-left: 1px solid #333; }

.season-stats .club img{ width: 65px; }
.season-stats .club{ border-right: 1px solid #333; }
.season-stats .format{ text-align: center; width: 4em; }

.season-stats .team{ width: 10em; }
.season-stats tr.sep td{ border-top: 1px solid #333; }

.leaderboards{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0; }
.leaderboards .by-player .num{ width: 3em; }
.leaderboards .note{ font-size: .8em; margin-top: 1.5em; }
.leaderboards .by-player{ max-width: 12em; }

.season-stats td,
.season-stats th{ text-align: center; }
.season-stats td.team,
.season-stats td.division,
.season-stats th.team,
.season-stats th.division{ text-align: left !important; }
.season-stats .total td{ font-weight: 700; }
.season-stats .total td{ border-bottom: 1px solid #333; }
.season-stats td.division{ width: 6em; }

.season-stats tr.school td{ background: #eee; }
.season-stats tr.grandtotal td{ background: #bbb; border-bottom: 1px solid #333; border-top: 1px solid #333; font-weight: 700; }

.season-stats td,
.season-stats th{ padding-top: .95em; padding-bottom: .95em; }
.season-stats td.club{ padding-top: 0em; padding-bottom: 0em; }

.season-stats td.team{ font-size: 1.1em; }

.season-stats .year{ border-right: 1px solid #333; border-left: 1px solid #333; }
.season-stats .assts{ border-right: 1px solid #333; }
.season-stats th{ border-top: 1px solid #333; }
.season-stats .competition{ border-left: 1px solid #333; }

@media screen and (max-width: 600px) {
	.season-stats td.club,
	.season-stats th.club{ display: none; }
}

.history-teams .format-11v11:before{ content: "11v11"; }
.history-teams .format-9v9:before{ content: "9v9"; }
.history-teams .format-7v7:before{ content: "7v7"; }

.history-teams .image{ position: relative; }

.history-teams .format{ position: absolute; bottom: .95em; right: .75em; background: rgba(255, 255, 255, .8); font-size: 1.1em; font-weight: 700; padding: 14px 12px 16px 12px; color: #111; text-align: center; border: 3px solid rgba(180, 180, 180, .5); }
.history-teams .format-11v11{ padding: 14px 5px 16px 5px; }

.history{ padding-top: 2em; }
.history-teams{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }
.history-teams .team{ position: relative; }
.history-teams img.team-photo{ width: calc( 100% - 2px ); border: 1px solid #ccc; }
.history-teams .details{ position: relative; background: #222; padding: 1em 1em 1em 1em; color: #fff; }
.history-teams img.badge{ display: none; width: 3.5em; position: absolute; top: .25em; right: 0; }
.history h3{ text-align: center; margin-bottom: .25em; color: #000; }
.history h3:before{ content: "\2014"; }
.history h3:after{ content: "\2014"; }
.history-teams h4{ text-align: left; font-size: 2.5em; font-weight: 400; margin-bottom: 0; color: #fff; }
.history-teams h4 a{ color: #fff; }
.history .year{ margin-bottom: 4.5em; }
.history-teams .team.disabled img{ opacity: .25; }
.history-teams .team.disabled h4{ color: #ccc; }
.history-teams .team.disabled .details{ color: #ccc; }
.history-teams .team-name{ font-size: .85em; text-transform: uppercase; }
.history-teams .details{ padding-top: .5em; }

.history-teams .details .actions{
	width: 100%;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: auto auto auto auto;
}
.history-teams .details .actions a{ text-align: center; margin: 0; }
.history-teams .details .actions span{ text-align: center; margin: 0; }

h4 a{ color: #000; }

div.memory{ border: 1px solid #666; padding: 20px 20px 20px 20px; box-shadow: 5px 5px 5px #aaa; }
div.memory img{ width: 100%; }


.wrap{ position: relative; background: #fff; padding-bottom: 3em; }
.section1 .wrap,
.section2 .wrap{ padding-bottom: 11em; }
.content{ flex: 1; }
.linked-teams{ width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(255, 255, 255, .95); display: grid; grid-template-columns: 0fr 1fr 1fr 1fr 1fr 1fr 0fr; font-size: .9em; padding: .25em 1.25em .35em 1.25em; color: #666; text-align: center; z-index: 10; transition: transform 0.3s;
}
.linked-teams li{ margin: .25em 0 .35em 0; font-weight: 700; }
.linked-teams a{ color: #000; padding: 0 .75em; }
.linked-teams > div{ border-left: 1px solid #bbb; }
.linked-teams div.before{ border-left: none; }
.predecessor{ text-align: center; }
.successor{ text-align: center; }
.current{ text-align: center; }
.linked-teams img{ width: 40px; display: block; margin: 0 auto; }

.linked-teams li{ list-style: none; }

body.year2021 .linked-teams{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

.team-footer .linked-teams a:hover{ background: #ddd; background: }
.team-footer .linked-teams li{ font-weight: 700; }

body.section1 li.section1,
body.section2 li.section2,
body.section3 li.section3{ border-bottom: 2px solid #FFBF00; }

body.year2022.subsection1 .year2022 li.subsection1 a,
body.year2022.subsection2 .year2022 li.subsection2 a,
body.year2022.subsection3 .year2022 li.subsection3 a,
body.year2022.subsection4 .year2022 li.subsection4 a{ color: #fff; background: #000; }
body.year2022.subsection1 .year2022 li.subsection1 a:hover,
body.year2022.subsection2 .year2022 li.subsection2 a:hover,
body.year2022.subsection3 .year2022 li.subsection3 a:hover,
body.year2022.subsection4 .year2022 li.subsection4 a:hover{ color: #fff; }

body.year2023.subsection1 .year2023 li.subsection1 a,
body.year2023.subsection2 .year2023 li.subsection2 a,
body.year2023.subsection3 .year2023 li.subsection3 a,
body.year2023.subsection4 .year2023 li.subsection4 a{ color: #fff; background: #000; }
body.year2023.subsection1 .year2023 li.subsection1 a:hover,
body.year2023.subsection2 .year2023 li.subsection2 a:hover,
body.year2023.subsection3 .year2023 li.subsection3 a:hover,
body.year2023.subsection4 .year2023 li.subsection4 a:hover{ color: #fff; }

body.year2024.subsection1 .year2024 li.subsection1 a,
body.year2024.subsection2 .year2024 li.subsection2 a,
body.year2024.subsection3 .year2024 li.subsection3 a,
body.year2024.subsection4 .year2024 li.subsection4 a{ color: #fff; background: #000; }
body.year2024.subsection1 .year2024 li.subsection1 a:hover,
body.year2024.subsection2 .year2024 li.subsection2 a:hover,
body.year2024.subsection3 .year2024 li.subsection3 a:hover,
body.year2024.subsection4 .year2024 li.subsection4 a:hover{ color: #fff; }

body.year2025.subsection1 .year2025 li.subsection1 a,
body.year2025.subsection2 .year2025 li.subsection2 a,
body.year2025.subsection3 .year2025 li.subsection3 a,
body.year2025.subsection4 .year2025 li.subsection4 a{ color: #fff; background: #000; }
body.year2025.subsection1 .year2025 li.subsection1 a:hover,
body.year2025.subsection2 .year2025 li.subsection2 a:hover,
body.year2025.subsection3 .year2025 li.subsection3 a:hover,
body.year2025.subsection4 .year2025 li.subsection4 a:hover{ color: #fff; }

body.year2026.subsection1 .year2026 li.subsection1 a,
body.year2026.subsection2 .year2026 li.subsection2 a,
body.year2026.subsection3 .year2026 li.subsection3 a,
body.year2026.subsection4 .year2026 li.subsection4 a{ color: #fff; background: #000; }
body.year2026.subsection1 .year2026 li.subsection1 a:hover,
body.year2026.subsection2 .year2026 li.subsection2 a:hover,
body.year2026.subsection3 .year2026 li.subsection3 a:hover,
body.year2026.subsection4 .year2026 li.subsection4 a:hover{ color: #fff; }

body.subsection1 .team-heading li.subsection1,
body.subsection2 .team-heading li.subsection2,
body.subsection3 .team-heading li.subsection3,
body.subsection4 .team-heading li.subsection4{ border-bottom: 2px solid #000; }

body.subsection1 .team-heading li.subsection1 a,
body.subsection2 .team-heading li.subsection2 a,
body.subsection3 .team-heading li.subsection3 a,
body.subsection4 .team-heading li.subsection4 a{ cursor: text; }

body.section1 .action.stats{ display: none; }
body.section1 .action.awards{ display: none; }

.action{display: inline-block; padding: 12px 16px; text-decoration: none; margin-right: 8px; font-size: 1.4em;}
body.subsubsection1 .action.subsubsection1,
body.subsubsection2 .action.subsubsection2,
body.subsubsection3 .action.subsubsection3,
body.subsubsection4 .action.subsubsection4,
body.subsubsection5 .action.subsubsection5{ background: #000 !important; color: #FFBF00 !important; cursor: default; }

#main-nav{ position: absolute; right: 15px; top: 1.5em; }
#main-nav li{ display: inline; margin-left: 2em; font-family: "BebasNeue", sans-serif; font-size: 2em; }
#main-nav li.selected{ border-bottom: 2px solid #FFBF00; }
#main-nav li:hover{ border-bottom: 2px solid #FFBF00; }

.fixtures h3{ text-align: left; margin-bottom: .75em; margin-top: 1.75em; font-size: 2em; }

.fixtures{ padding-bottom: 3em; }


.season-stats-indiv .game .main{
	display: grid;
	grid-template-columns: 1fr 3fr 2fr 1fr 1fr 1fr 1fr;
	grid-gap: 3px;
}
.season-stats-indiv .game{ min-height: 2.25em; }
.season-stats-indiv .game .crest,
.season-stats-indiv .game .venue,
.season-stats-indiv .game .win,
.season-stats-indiv .game .draw,
.season-stats-indiv .game .loss{
	display: none;
}
.season-stats-indiv .game .venue{ }
.season-stats-indiv .game .home:before{ content: "H"; }
.season-stats-indiv .game .away:before{ content: "A"; }
.season-stats-indiv .game .neutral:before{ content: "N"; }

.season-stats-indiv .game.festival-game{ }

.season-stats-indiv .game.heading{ font-weight: 700; }

.season-stats-indiv .game.friendly{ opacity: .3; }

.season-stats-indiv .game .result,
.season-stats-indiv .game .mins,
.season-stats-indiv .game .pos,
.season-stats-indiv .game .goals,
.season-stats-indiv .game .assists{ text-align: center; }

.season-stats-indiv .game .mins{ display: none; }

.game{
	display: grid;
	grid-template-columns: 4fr 1fr;
	grid-gap: 20px;
	margin-bottom: 15px;
}
.published-results .game .main{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 13fr 2fr;
	grid-gap: 20px;
}
.non-published-results .game .main{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 15fr;
	grid-gap: 20px;
}
.fixtures .game .venue{ display: grid; align-items: center; width: 60px; height: 60px; text-align: center; font-family: "BebasNeue", sans-serif; font-size: 1.8em; }
.fixtures .game .home{ background: #FFBF00; color: #000; }
.fixtures .game .home:before{ content: "H"; }
.fixtures .game .away{ background: #000; color: #FFBF00; }
.fixtures .game .away:before{ content: "A"; }
.fixtures .game .neutral{ background: #ccc; color: #000; }
.fixtures .game .neutral:before{ content: "N"; }

.fixtures .game .crest{ display: grid; align-items: center; }
.fixtures .game .crest img{ width: 60px; height: 60px; }
.fixtures .game .date{ display: grid; align-items: center; text-align: center; word-spacing: 50px; }
.fixtures .game .opposition{  display: grid; align-items: center; font-size: 2em; font-family: "BebasNeue", sans-serif; line-height: 1em; padding-bottom: 5px; }
.fixtures .game .competition{
	display: grid; align-items: center; color: #888; line-height: 1.3em;
	padding-left: 40px;
	font-size: .9em; }
.fixtures .game .competition img{ height: 2em; }
.fixtures .game .competition{
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: 0 0px;
	background-image: url("../img/swf-grey.png");
}
.fixtures .game .competition.swf{
	background-image: url("../img/swf.png");
}
.fixtures .game .competition.swflc{
	background-image: url("../img/swflc.png");
}
.fixtures .game .competition.blantyre{
	background-image: url("../img/swf-grey.png");
	/*background-image: url("../img/teams/blantyre.png");*/
}

.semi:before{ content: "SEMI-FINAL"; }
.quarter:before{ content: "QUARTER-FINAL"; }
.last16:before{ content: "ROUND OF 16"; }
.fixtures .competition .round{ text-transform: uppercase; }

.fixtures .game .result{ text-align: right; display: grid; align-items: center; font-family: "BebasNeue", sans-serif; letter-spacing: .25em; grid-template-columns: 3fr 1fr; grid-gap: 10px; }

.fixtures .game .result .score{ font-size: 3em; text-align: right; white-space: nowrap; }
.fixtures .game .result.draw{ color: #333; }
.fixtures .game .result.win{ color: #333; }
.fixtures .game .result.loss{ color: #333; }
.fixtures .game .result .loss,
.fixtures .game .result .draw,
.fixtures .game .result .win{ color: #fff; width: 30px; padding-left: 3px; height: 33px; text-align: center; align-items: center; display: grid; font-family: montserrat, "Open Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 700; float: right; }

.fixtures .game .result .loss{ background: #E51854; align-self: auto; }
.fixtures .game .result .loss:before{ content: "L"; }
.fixtures .game .result .draw{ background: #545658; align-self: auto;  }
.fixtures .game .result .draw:before{ content: "D"; }
.fixtures .game .result .win{ background: #148A00; align-self: auto;  }
.fixtures .game .result .win:before{ content: "W"; }

.fixtures .game .result .played:before{ content: "Played"; }
.fixtures .game .result .played{ display: none; background: green; color: #fff; text-align: center; }

.fixtures .game .result .postponed:before{ content: "Postponed"; }
.fixtures .game .result .postponed{ display: inline-block; background: #666; color: #fff; ext-align: center; }

.week img{ width: 100px; }

.content{ padding: 16px 16px 16px 16px; background: #fff;}
.inner{ max-width: 1200px; margin: 0 auto; position: relative; }
.footer{ background: #000; padding: 12px 10px 12px 10px; line-height: 1.5em; }
.header{ background: #000; padding: 12px 10px 16px 10px; color: #FFBF00; }

.header a,
.footer a{ color: #FFBF00; text-decoration: none; }
.footer a:hover{ text-decoration: underline; }

.team-heading{ padding: 5px 15px 10px 15px; }
.team-heading{ clear: both; background: #FFBF00; color: #000; position: relative; min-height: 8.5em; }
.team-heading h2{ font-size: 5em; line-height: .8em; margin-bottom: .35em; margin-top: .2em; padding-right: 110px; }
.team-heading h3{ margin-top: -.25em; }
.powered{ position: absolute; top: 15px; right: 10px; height: 65px; line-height: 65px; display: flex; align-items:center; }
.powered img{ margin-left: .75em; max-height: 75px; }

.details p{ margin-bottom: 1em; line-height: 1.5em; }

.team-heading .teams-list{ position: absolute; bottom: 20px; right: 15px; }
.team-heading .teams-list li{ display: inline; margin-left: 1em; font-family: "BebasNeue", sans-serif; font-size: 1.5em; }
.team-heading .teams-list .selected{ border-bottom: 2px solid #FFBF00; }
.team-heading .teams-list a{ color: #000; text-decoration: none; }
.team-heading .teams-list li.selected{ border-bottom: 2px solid #000; }
.team-heading teams-list li:hover{ border-bottom: 2px solid #000; }

.header a.logo{ width: 65px; }
.header img.logo{ float: left; width: 65px; margin-right: 13px; padding-top: 4px; }
h1{ padding-top: 5px; font-size: 1.75em; }
h1 span{ display: block; }

.squad{ margin-bottom: 4em; }
.content-inner{ max-width: 1200px; margin: 0 auto; }
.content h2{ font-size: 1.5em; margin-bottom: .5em; }
.coaches{ margin-bottom: 4em; }

.content-inner p{ line-height: 1.5em; }

.squad, .coaches{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.game{ grid-template-columns: 1fr; }

/*.friendly .result{ display: none; }*/

@media screen and (max-width: 1300px) {
	.squad, .coaches{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.history-teams{ grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 1100px) {
	.upcoming-matches{ grid-template-columns: 1fr 1fr; }
	.powered img{ width: 110px; }
	.squad, .coaches{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.leaderboards{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; }
}
@media screen and (max-width: 900px) {

	.powered{ display: block; }
	.powered span{ display: none; }
	.powered img{ width: 80px; margin-bottom: 5px; display: block; }
	.team-heading h2{ padding-right: 90px; }
	.subfooter .content-inner{
		grid-template-columns: 1fr !important;
	}
	.subfooter .navigation{
		border: none !important;
		padding-left: 0px !important;
		margin-top: 1.5em;
	}
	.fixtures .game .main{ grid-template-columns: 1fr 1fr 1fr 10fr 1fr; }
	.fixtures .game{ grid-template-columns: 1fr; }
	.fixtures .game .competition{ text-align: left; font-size: .8em;
		background-position: left;
		padding-left: 40px;
	}
	.history-teams{
		grid-template-columns: 1fr;
	}

	.fixtures .game{
		grid-gap: 10px;
	}

	.by-player .additional{ display: none; }
}
@media screen and (max-width: 800px) {
	.upcoming-matches{ grid-template-columns: 1fr; }
	.team-heading h2{ padding-right: 100px; }
	#main-nav{ display: none; }
	.squad, .coaches{
		grid-template-columns: 1fr 1fr;
		margin-bottom: 8em;
	}
	.linked-teams img{ width: 30px; }

	.home-team{ grid-template-columns: 1fr !important; }

	#main-nav{ position: absolute; background: #000; right: 0px; top: 90px; z-index: 1000; width: 100%; margin: 0; padding: 0; padding-bottom: .25em; border-bottom: 5px solid #FFBF00; }
	#main-nav li{ display: block; background: #000; border-bottom: 0px; border-right: 15px solid #000; text-align: right; padding-right: .5em; margin-bottom: 10px; }
	#main-nav li.selected{ border-bottom: 0px; border-right: 15px solid #FFBF00; }
	#main-nav li:hover{ border-bottom: 0px; border-right: 15px solid #FFBF00; }
	.content .sponsors .logos img{ width: 100%; }

	.fixtures .venue{ font-size: 1.5em; width: 38px; height: 38px; }
	.fixtures .crest img{ width: 30px; height: 30px; }
	.fixtures .game .main{ grid-gap: 10px; }

	.team-heading .teams-list{ display: none; }
	.fixtures .game .main div{ align-self: start; }
}
@media screen and (max-width: 600px) {
	td, th{ text-align: left; padding: .15em .5em .15em .5em; }
	.season-stats-indiv{ font-size: .9em; }

	.season-stats{ font-size: .9em; }

	.linked-teams .teams-list li span{ display: none !important; }
	.content .sponsors .logos{ grid-template-columns: 1fr 1fr !important; }
	.linked-teams img{ width: 25px; }

	.subfooter img.logo{ width: 175px !important; }

	.actions{ font-size: .8em !important; }

	table.by-player{ font-size: .9em; }
	table.by-player .num{ max-width: 1.5em !important; }
	table.by-player .apps{ display: none; }
	.individual-stats th.num{ transform: rotate(315deg); text-align: center; }

	table.results{ font-size: .9em; }
	table.results th,
	table.results td{ width: 1.25em; padding-right: .1em; padding-left: .1em; }

	table.league{ width: 100%; font-size: .9em; }
	table.league th,
	table.league td{ padding-right: .1em; padding-left: .1em; }
	table.league .crest{ display: none; }
	table.league .team{ font-size: 1em; }
	table.league .stat{ width: 1.25em !important; }


	.leaderboards{ grid-gap: 2em; }
}
@media screen and (max-width: 481px) {
	.squad, .coaches{
		grid-template-columns: 1fr !important;
	}
	.fixtures .published-results .game .main{ grid-template-columns: 1fr 1fr 10fr 1fr; }
	.fixtures .date{ font-size: .9em; }
	.fixtures .crest{ display: none; }
	.fixtures .result .loss,
	.fixtures .result .win,
	.fixtures .result .draw{ display: none; }
	.fixtures .game .result .score{ font-size: 2em; text-align: right; white-space: nowrap; }
	.fixtures .game .result{ grid-template-columns: 1fr; grid-gap: 0px; }
	.fixtures .game .opposition{ font-size: 1.4em; font-family: "BebasNeue", sans-serif; }
}
@media screen and (max-width: 400px) {
	img.logo{ display: none; }
}

h2 span{ font-size: .65em; }
.team-heading .teams-list li sub{ font-size: .65em; margin-left: .1em; vertical-align: baseline; }
.linked-teams{ border-top: 1px solid #ccc; padding: 10px 0 10px 0; }
.linked-teams .teams-list li sub{ font-size: .85em; margin-left: .1em; vertical-align: baseline; }
.linked-teams .year{ padding-bottom: .25em; }
.linked-teams .team{ padding-bottom: .35em; }

.squad{
	display: grid;
	grid-gap: 20px;
}
.squad .player{
	aspect-ratio : 1 / 1.2;
	position: relative;
	background: #333; /*#FFBF00;*/
	text-transform: uppercase;
	color: #fff;
	position: relative;
}
.squad .player .award{ display: block; padding-top: 5px; padding-bottom: 5px;}
.squad .player .nationality{ position: absolute; top: 13px; right: 13px; }
.squad .player .nationality img{ width: 45px; display: block; margin-bottom: 9px; }
.squad .player .team{ font-size: .85em; color: #ccc; }
.squad .player .position{ font-size: .9em; color: #ccc; }
.squad .player .name{ font-family: "BebasNeue", sans-serif; font-size: 1.75em; padding: .25em 0 .25em 0; }
.squad .player .name a{ color: #fff; }
.squad .player .portrait{ width: 100%; }
.squad .player .num{ position: absolute; display: block; top: 15px; left: 15px; background: #FFBF00; font-size: 2em; font-weight: 700; padding: 4px 9px 6px 9px; color: #111; text-align: center; width: 1.1em; }
.squad .player .new-club{ position: absolute; top: 13px; right: 15px; }
.squad .player .new-club img{ width: 6em; }
/*.squad .player .new-club:before{ content: "Transferred"; background: #FFBF00; font-size: 1em; font-weight: 700; padding: 14px 14px 16px 14px; color: #111; text-align: center; }*/

.squad .player.disabled{
	background: #888; /*#FFBF00;*/
}

.squad .player .details{ padding: 10px; position: absolute; bottom: 0; width: calc( 100% - 20px ); background-color:rgba(0, 0, 0, 0.8); padding-bottom: 15px; }

.squad .player.disabled .details{ background-color:rgba(0, 0, 0, 0.2); }

.content .sponsors h4{ text-align: center; font-weight: 400; margin-bottom: 2em; }
.content .sponsors .logos{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.content .sponsors .logos .abacus{ margin-top: 1.5em;}
.content .sponsors .logos .mariposa{ margin-top: 1.5em;}
.content .sponsors .logos div{ text-align: center; }
.content .sponsors .logos img{ max-width: 200px; max-height: 100px; }

.content{ min-height: 10em; }

.home-team{
	margin-bottom: 3em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.home-team .image img{ width: 100%; }

.squads{ text-align: center; }
.squads li{ display: inline; }

.header .nav li{ display: inline; }

.content .actions.top{ text-align: center; margin-bottom: 3em; width: 100%; }
.content .actions{ padding-top: 1em; }

.actions span.selected{ background: #000; color: #FFBF00; }
.actions span.disabled{ background: #ccc; color: #777; }
.actions a,
.actions span{ font-family: "BebasNeue", sans-serif; background: #FFBF00; color: #000; display: inline-block; padding: 12px 16px; text-decoration: none; margin-right: 8px; font-size: 1.4em; }
.actions a:hover{ background: #ffd45e; }
a.directions{ border: 1px solid #000; color: #000 !important; padding: 4px 9px 3px 9px; font-family: "BebasNeue", sans-serif; font-size: 1.2em; }
a.directions:hover{ background: #000; color: #FFBF00 !important; text-decoration: none !important; }

.footer{ color: #FFBF00; text-align: center; font-size: .95em; padding-bottom: 1em; }

.awards{ padding-bottom: 2em; max-width: 600px; }
.awards .award{ display: grid; grid-template-columns: 1fr 1fr; }
.awards h3{ margin: 0; }
.awards .prize{ margin-bottom: 1em; font-weight: 700; content-after: ":" }
.awards .prize:after{ content: ":" }

.memories{ display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 3em; grid-gap: 2em; }

.memory p{ text-align: center; padding-top: .5em; }

.by-player tr:hover td{ background: #eee; }

/*
td.additional,
th.additional,
tr.additional td,
tr.additional th{ color: #aaa; }
*/

td.total,
th.total,
tr.total td,
tr.total th{ font-weight: 700; }

th.sep,
td.sep{ border-left: 1px solid #000; }
th.end,
td.end{ border-right: 1px solid #000; }
th.grp,
td.grp{ text-align: center; }

.team-results{ display: grid; grid-template-columns: auto auto auto; }
.team-results .heading{ text-align: center; font-weight: 700; padding-bottom: .5em; }
.team-results .home .type,
.team-results .away .type{ display: none; }

.individual-stats table{ width: 100%; }
.individual-stats table .pos{ width: 2em; }
.individual-stats table td.squadnum{ padding-right: 0 !important; }

table.by-player td,
table.results td{ padding-top: .5em; }

.individual-stats th{ min-width: 1.5em; padding: .15em 0 .5em 0; }
.individual-stats td{ min-width: 1.5em; padding: .15em 0 .15em 0; }
.individual-stats th.num{ min-width: 1.5em; }
.individual-stats td:first-child,
.individual-stats td:first-child{ text-align: left; padding-left: 0; }

@media screen and (max-width: 1100px) {
	.team-results{ display: grid; grid-template-columns: 1fr; }
	.team-results div.all{ grid-row-start: 1; grid-row-end: 1; }
	.team-results table.all{ grid-row-start: 2; grid-row-end: 2; }
	.team-results div.home{ grid-row-start: 3; grid-row-end: 3; }
	.team-results table.home{ grid-row-start: 4; grid-row-end: 4; }
	.team-results div.away{ grid-row-start: 5; grid-row-end: 5; }
	.team-results table.away{ grid-row-start: 6; grid-row-end: 6; }
	.team-results .home .type,
	.team-results .away .type{ display: table-cell; }
	.team-results .type{ width: 5em; }
	.team-results .sep{ border: 0px; }
	.team-results table{ margin-bottom: 2em; }
}

.subfooter{ background: #FFBF00; }
.subfooter a{ color: #000; text-decoration: none; }
.subfooter a:hover{ text-decoration: underline; }

.subfooter .socials img{ height: 1em; }
.subfooter h4{ font-family: Montserrat, Gibson, Roboto, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 1em; margin-bottom: .75em; }
.subfooter .nav h4{ margin-bottom: .25em; }

.subfooter .content-inner{ display: grid; grid-template-columns: 1fr 1fr; padding: 1.6em 1em 1.6em 1em; }
.subfooter .nav{ line-height: 1.5em; }

.subfooter .venues img{ border: 2px solid #333; width: 100%; }
.subfooter .venues-wrap{ display: grid; grid-template-columns: 1fr; }
.subfooter .venue{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.25em; padding-right: 1em; }

.subfooter .address{ line-height: 1.5em; }
.subfooter .address h5{ font-size: 1.1em; margin-bottom: .4em; margin-top: .1em; }
.subfooter .venue a{ /*text-transform: uppercase; font-weight: 700;*/ }

.subfooter .venue .address{ margin-bottom: 1em; font-size: 1em; }
.subfooter .venues .spacer{ border-top: 1px solid #333; width: 25%; margin: 0 auto; margin-top: 1.5em; margin-bottom: 1.7em; }

.subfooter .nav ul{ font-size: 1em; }
.subfooter .nav li{ list-style-type: disc; margin-left: 1.2em; }
.subfooter .nav li li{ list-style-type: disc; margin-left: 1.2em; }

.subfooter .content-inner{ position: relative; }
.subfooter img.logo{ position: absolute; bottom: 1.5em; right: .75em; width: 200px; }

.subfooter .sponsors{ margin-bottom: 1.75em; }
.subfooter .sponsors-wrap{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: .75em 1em;}
.subfooter .sponsors-wrap img{ width: 100%; border: 1px solid #666; }

.subfooter .navigation{ border-left: 1px solid #444; padding-left: 1.5em; }

.socials li{ display: inline; padding-right: .3em; }
.socials{ margin-top: .25em; margin-bottom: 1.75em; }

.team-sponsors{ padding-top: 2em; }
.team-sponsors img{ width: 225px; border: 1px solid #aaa; margin-right: 10px; }