/* Stylesheet */

body.stylesheet--version::before {
	content: "LCBA Stylesheet : Version 33";
	border: 1px solid black;
	background-color: #777;
	color: white;
	font-weight: bold;
	margin-bottom: 1em;
	padding: .25em;
	display: block;
}

/* Section Heading */
.section-heading {
	background-color: #777;
	color: white;
	font-weight: bold;
	padding: .25em;
	display: block;
	text-align: center;
	margin: 0;
}

/* Article */

.article {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.article__header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .75em;
	background-color: #acd4ab;
	padding: .25em;

}

.article__header__type {
	border-radius: .5em;
	padding: .125em .25em;
}

.article__header__type--news {
	background-color: #00a6ed;
	color: white;
}

.article__header__type--news::before {
	content: "News";
}


.article__header__type--competition {
	background-color: #f7941f;
}

.article__header__type--competition::before {
	content: "Competition";
}

.article__header__type--event {
	background-color: #800080;
	color: white;
}

.article__header__type--event::before {
	content: "Event";
}

.article__header__type--results {
	background-color: red;
	color: white;
}

.article__header__type--results::before {
	content: "Results";
}

.article__header__title {
	margin: 0;
}

.article__body {
	padding: .125em;
}

.article__body__linklist a+a::before {
	content: " | ";
}

.article--club .article__body {
	background-color: #87d3cb;
	border: double .5em blue;
	padding: 1em;
	margin: 1em;
}

.article--ebu .article__body {
	background-color: #D8BFD8;
	border: double .5em purple;
	padding: 1em;
	margin: 1em;
}

.article--midlands-counties .article__body {
	background-color: #f6ddbe;
	border: double .5em #a99882;
	padding: 1em;
	margin: 1em;
}

.article--lcba-competition .article__body {
	background-color: #cdffcf;
	border: double .5em green;
	padding: 1em;
	margin: 1em;
}

.article__body__club-panel {
	border: 2px green solid;
	padding: 0.5em;
	background-color: white;
	color: black;
	flex: 1;
}

.article__body__club-panel td,
.article__body__club-panel li {
	white-space: nowrap;
}

.article__body__club-panel__club-name {
	margin-top: 0;
}

.article__body__header--selection {
	background-color: #a6a6a6;
	color: white;
	padding: .125em .25em;
	font-weight: bold;
}

.article__body__image--left {
	float: left;
	margin: 0 1em 1em 0;
}

.article__body__image--hoverable {
	float: left;
	transition: width .5s ease-in-out;
	margin: 0 1em 1em 0;
}

.article__body__image--hoverable:hover {
	float: none;
	transition: width 2s ease-in-out;
	width: 100%;
	max-height: 100vh;
	object-fit: contain;
	margin: 0;
}

.article__body__logo-title {
	display: flex;
	flex-direction: row;
	gap: 2em;
}

.article__body__hgroup {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.article__body__ebu-link {
	background-color: palegreen;
	padding: 0.25em;
	margin-bottom: 0.125em;
}

.article__body__ebu-link:hover {
	background-color: green;
}

.article__body__ebu-link a {
	display: block;
	width: 100%;
}

.article__body__ebulink:hover a {
	color: white;
}

.article__body__competition-summary {
	font-size: 150%;
}

.article__footer {
	text-align: right;
	font-style: italic;
	border-top: 1px dashed grey;
}

/* Grouping */

.group--table {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 1em;
}

/* Ranking Table */

.ranking-table {
	margin-left: 2em;
	border-collapse: separate;
	/* BS */
}

.ranking-table th {
	position: relative;
	text-align: left;
	margin-left: -2em;
}


.ranking-table td {
	padding-left: .5em;
}

.ranking-table td:nth-child(1) {
	background-color: #00a6ed;
	color: white;
	border-radius: .25em;
	text-align: center;
	padding: 0 .25em;
}

.ranking-table .winners td:not(:nth-of-type(1)) {
	font-weight: bold;
}

.ranking-table__pos--plate {
	background-color: green !important;
	color: white;
}

.ranking-table__pos--direct-entry {
	background-color: orangered !important;
	color: white;
}

.ranking-table__qualifying-header {
	background-color: #00a6ed;
	color: white;
	text-align: center !important;
}

.ranking-table__qualifying-header--plate {
	background-color: green;
}

.ranking-table__qualifying-header--direct-entry {
	background-color: orangered;
}

.ranking-table__team-name {
	font-size: 150%;
}

.ranking-table__players {
	font-size: 75%;
}

/* League Table */

.league-table {
	border-collapse: separate;
	/* BS */
}

.league-table td {
	white-space: nowrap;
	padding-left: .5em;
}

.league-table td:nth-child(1) {
	background-color: #00a6ed;
	color: white;
	border-radius: .25em;
	text-align: center;
	padding: 0 .25em;
}

.league-table td:nth-child(2) {
	width: 100%;
}

.league-table th {
	background-color: #a6a6a6;
	text-align: center;
}

.league-table .relegated td:not(:nth-of-type(1)) {
	background-color: pink;
}

.league-table .promoted td:not(:nth-of-type(1)) {
	background-color: #add5ad;
}

.league-table .winners td:not(:nth-of-type(1)) {
	font-weight: bold;
}

.league-table .score {
	text-align: right;
}

.league-table .score.neg {
	color: red;
}

.league-table .score.ignore {
	text-decoration: line-through;
}

/* MCL Result Summary */
.mcl-results-summary-table td {
	white-space: nowrap;
	padding-left: .5em;
}

.mcl-results-summary-table td {
	min-width: 5em;
	text-align: center;
}


.mcl-results-summary-table td:nth-child(1) {
	background-color: #00a6ed;
	color: white;
	border-radius: .25em;
	text-align: center;
	padding: 0 .5em;
	font-weight: bold;
}

.mcl-results-summary-table th {
	background-color: #a6a6a6;
	text-align: center;
}

.mcl-results-summary-table a:link,
.mcl-results-summary-table a:visited {
	color: white;
	text-decoration: none;
}

.mcl-results-summary-table a:hover,
.mcl-results-summary-table a:active {
	color: yellow;
}

/* MCL Result */

.mcl-result__pairs-and-results {
	display: flex;
	justify-content: space-around;
}

.mcl-result__pairs-and-result {
	display: flex;
	justify-content: space-between;
	border: 1px solid black;
	padding: .125em .25em;
}

.mcl-result__pairing-result {
	padding-left: 1em;
	align-self: center;
	font-size: 125%
}

.mcl-result__summary-outer {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mcl-result__summary-inner {
	display: flex;
	justify-content: center;
}

.mcl-result__summary-info {
	border: 1px solid black;
	padding: 1em;
	text-align: center;
	font-size: 125%;
}

/* MCL Butler Table */

.mcl-butler {
	border-collapse: separate;
	/* BS */
}

.mcl-butler td {
	white-space: nowrap;
	padding-left: .5em;
	border: 1px solid black;
}

.mcl-butler th {
	background-color: #a6a6a6;
	text-align: center;
}

.mcl-butler .neg {
	color: red;
	text-align: right;
}

/* Knockout */
.ko {
	border-collapse: collapse;
}

.ko__number {
	border: 1px solid black;
	background-color: #00a6ed;
	color: white;
	min-width: 2em;
	text-align: center;
	font-size: 150%;
}

.ko--plate .ko__number {
	background-color: #008000;
}

.ko__team {
	border-style: solid;
	border-color: black;
	border-width: 0;
	min-width: 5em;
	text-align: left;
	font-size: 150%;
}

.ko__team--placeholder {
	font-style: italic;
}

.ko__team--lost {
	color: #777777;
}

.ko__team--home {
	border-top-width: 1px;
}

.ko__team--away {
	border-bottom-width: 1px;
}

.ko__cell {
	border-style: solid;
	border-color: black;
	border-width: 0;
	min-width: 1em;
	text-align: left;
	font-size: 1.25em;
}

.ko__line {
	border-style: dashed;
	border-color: black;
	border-width: 0;
	min-width: 1em;
}

.ko__line--bottom {
	border-bottom-width: 1px;
}

.ko__line--end {
	border-right-width: 1px;
}

.ko__players {
	font-size: .75rem;
}

.ko__date {
	font-size: .75rem;
	font-style: italic;
}

/* Year Banner */

.year-banner {
	border: .25rem solid green;
	background-color: #cdffcf;
	color: black;
	font-weight: bold;
	font-size: 400%;
	text-align: center;
}

/* Lists */
.list--none {
	list-style: none;
}

/* Obituary */
.article--obituary .article__body {
	background-color: lightblue;
	padding: 1em;
}

.article__summary--obituary::marker {
	color: #e162bf;
	font-size: 1.2em;
}

.article__summary--obituary {
	background-color: #0e1f2d;
	color: white;
	padding: .5rem;
	border-radius: .25rem;
}

.article__summary--obituary__name {
	display: inline;
	margin-right: 1em;
}

.article__summary--obituary__date {
	display: inline;
	font-size: 1rem;
}

details[open] summary {
	border-radius: .25rem .25rem 0 0;
}

/* League fixtures in the Calendar on home page */
.calendar-league-fixtures {
	border-collapse: collapse;
}

.calendar-league-fixtures td {
	text-align: center;
}

.calendar-league-fixtures th {
	background-color: darkgray;
	color: white;
	border: 1px solid black;
}

.calendar-league-fixtures td {
	border-bottom: 1px solid black;
}

.calendar-league-fixtures tr td:first-child {
	border-left: 1px solid black;
}

.calendar-league-fixtures tr td:last-child {
	border-right: 1px solid black;
}

.calendar-league-fixtures td {
	padding: 0 1em;
}

/* Info Table */
.info-table {
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, sans-serif;
}

.info-table th,
.info-table td {
	border: 1px solid #000;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}

.info-table th {
	background-color: #f2f2f2;
	font-weight: bold;
}

.info-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

/* Read More */
.read-more summary {
	border: 1px solid #006aed;
	background-color: #006aed;
	color: white;
	padding: 0 .5em;
	border-radius: .5em;
	display: inline-block;
}

.read-more summary::before {
	content: "Read more"
}

.read-more[open] summary::before {
	content: "Read less"
}

/* VP Scale */
.table-vp-scale__title {
	background-color: black;
	color: white;
	text-align: center;
}

.table-vp-scale {
    border: 3px solid black;
    border-collapse: collapse;
    width: 100%;
}

.table-vp-scale td,
.table-vp-scale__header {
    border: 1px solid darkgray;
    text-align: center;
}

.table-vp-scale__header {
	background-color: darkgray;
	color: white;
}