/* Sportspress
------------------------------------------------------------------------------------ */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

// Sportspress in sc teams
.sc_team {
    .sp-player-number {
        @include font(48px, 1em, var(--theme-font-h5_font-weight));
        display: inline-block;
        color: var(--theme-color-text_dark);
    }
    .post_featured .sp-player-number {
        @include abs-lt(20px, 18px, 11);
        color: #ffffff;
        margin: 0;
    }
}
.sc_team_metro .sp-player-number,
.sc_team_default .sp-player-number {
    margin-top: 1em;
}


// Sportspress
.sp-template {
	margin-bottom: 0;
	.select_container {
		width: auto;
		select {
			width: auto !important;
		}
	}
	table:last-child {
		margin-bottom: 0;
	}
	iframe {
		display: block;
		margin: 0 auto;
	}
}
body:not(.sportspress-page) .sp-template + .sp-template {
	margin-top: var(--theme-var-grid_gap);
}
.sp-post-content,
.sp-excerpt,
.sportspress-page .sp-template {
	margin-bottom: var(--theme-var-grid_gap);
}

table.sp-data-table {
	background-color: var(--theme-color-alter_bg_color);
	color: var(--theme-color-alter_text);
	&, th, td {
		border: 1px solid var(--theme-color-bd_color);
	}	
	th,	td {
		text-align: center;
	}
	th,
	td,
	tbody > tr:nth-child(2n) > td,
	tbody > tr:nth-child(2n+1) > td {
		background-color: transparent;
		color: inherit;
	}
	tfoot,
	thead {
		color: var(--theme-color-text_dark);
		background-color: var(--theme-color-bg_color);
	}
	td {
		padding: 18px 20px;
		@include font(16px, 1.44em);
	}
	th {
		@include font(17px, 1.2em, 600);
		padding: 20px;
		a:hover {
			color: var(--theme-color-text_hover);
		}
	}
	tfoot {
		font-weight: 600;
	}
}
table.sp-data-table tbody {
	tr td.sp-highlight,
	tr.highlighted td {
		background-color: var(--theme-color-bg_color);
	}
}
.sp-data-table .sorting:after,
.sp-data-table .sorting_asc:after,
.sp-data-table .sorting_desc:after {
	margin-top: 1px; // don't put side margins
	font-weight: 400;
}

.sp-template-photo {
    max-width: 43%;
    @include box-sizing(border-box);
    padding: var(--theme-var-grid_gap);
    margin-right: var(--theme-var-grid_gap);
    background-color: var(--theme-color-alter_bg_color);
	img {
		width: 100%;
		display: block;
	}
}
.sp-template-logo {
	margin: 0 auto var(--theme-var-grid_gap);
	text-align: center;
	clear: both;
	float: none;
	max-width: 50%;
}

.sp-message {
    color: var(--theme-color-text_link);
    border-color: var(--theme-color-text_link);
}

.single-sp_player .entry-header .entry-title strong {
    color: var(--theme-color-inverse_link);
	background-color: var(--theme-color-text_link);
	padding: 0 0.4em;
	margin-right: 0.25em;
	font-weight: inherit;
}
.single-sp_staff .entry-header .entry-title strong {
    color: var(--theme-color-text_link);
}

.sp-view-all-link {
	text-align: center;
	margin-top: var(--theme-var-grid_gap);
	a {
		@include theme_button_filled;
		&:hover,
		&:focus {
			@include theme_button_colors_hover;
		}
	}
}
body:not(.sportspress-page) .sp-view-all-link {
	margin-top: 50px;
}
.sp-event-list .data-article a .dashicons {
	margin-right: 3px;
}

.sp-table-caption,
.sp-template-countdown .event-name {
	@include font(19px, 1.2em, 600);
	text-align: left;
	border: none;
	margin: 0 0 -1px;
	position: relative;
	z-index: 2;
}
.sp-table-caption {
    background-color: var(--theme-color-text_dark);
	color: var(--theme-color-bg_color);
    border-top: 8px solid var(--theme-color-text_link);
    padding: 20px;
	> * {
		color: inherit;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		font-size: inherit;
	}
}


.sp-template-team-details {
	display: block;
	clear: both;
}

// Details
.sp-template-details {
    dl {
        padding: var(--theme-var-grid_gap);
        border: none;
        @include font(16px, 1.4em);
        margin-bottom: var(--theme-var-grid_gap);
        background-color: var(--theme-color-alter_bg_color);
    }
    dt {
        margin: 20px 0 10px;
        padding: 20px 0 0 0;
        border-top: 1px solid var(--theme-color-alter_bd_color);
        @include font(28px, 1.2em, 600);
        color: var(--theme-color-alter_dark);
        &:first-child {
            border: none;
            margin-top: 0;
            padding-top: 0;
        }
    }
    dd {
        margin: 0;
        img {
            vertical-align: middle;
            margin-right: 5px;
        }
    }
}

// Paginate
.sp-table-wrapper .dataTables_paginate {
	margin-top: -1px;
	padding: 15px 20px;
	@include font(15px, 1.44em, 600);
	background-color: var(--theme-color-bg_color);
    color: var(--theme-color-alter_text);
    border: 1px solid var(--theme-color-bd_color);
	a {
		color: var(--theme-color-text);
		&.current,
		&.current:hover {
			opacity: 1;
			color: var(--theme-color-text_dark);
		}
		&:hover {
			color: var(--theme-color-text_link);
		}
	}
}

// Countdown
.sp-template-countdown {
	color: var(--theme-color-text_dark);
	width: 100%;
	overflow: auto;
	.sp-countdown {
		margin: 18px 0 0 0;
		text-align: center;
	}
	.event-name {
		text-align: center;
		color: inherit;
	}
	.event-name,
	.event-venue,
	.event-league,
	.event-date {
		padding: 15px 20px;
		background: var(--theme-color-alter_bg_color);
		border: 1px solid var(--theme-color-alter_bd_color);
	}
	.event-venue,
	.event-league,
	.event-date {
		border-top: none;
	}
	.sp-countdown-wrapper h5.event-venue:not(.event-date),
	.sp-countdown-wrapper h5.event-league {
		color: var(--theme-color-alter_text);
		font-weight: var(--theme-font-p_font-weight);
	}
	h5 {
		text-align: left;
		font-size: 15px;
		padding: 10px 20px;
		border: 1px solid transparent;
		border-top: none;
		margin: 0;
	}
	time {
		letter-spacing: -10px;
	}
	time span {
		@include box-sizing(border-box);
		display: inline-block;
		position: relative;
		width: auto;
		text-align: center;
		margin: 0 44px;
		@include font(57px, 1.2em, 600);
		min-width: 75px;
		color: var(--theme-color-text_dark);
		letter-spacing: 0;
		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
			&:after {
				display: none;
			}
		}
		&:after {
			content: ':';
			display: block;
			@include abs-rc(-50px);
			font-weight: 400;
			width: 12px;
			font-size: 80%;
		}
		small {
			@include font(18px, 1.2em, 600);
			margin-top: 10px;
			padding-top: 18px;
			position: relative;
			display: block;			
			&:before {
				width: 31px;
				height: 1px;
				background: var(--theme-color-text_dark_02);
				content: "";
				display: block;
				@include abs-ct();
			}
		}
	}
}
.sidebar .sp-template-countdown {
	.event-name {
		font-size: 16px;
	}
	time span {
		margin: 0 10px;
		font-size: 26px;
		min-width: 45px;
		&:after {
			right: -16px;
		}
		small {
			font-size: 15px;
			margin-top: 8px;
			padding-top: 8px;	
			&:before {
				width: 20px;
				height: 1px;
				background: var(--theme-color-text_dark_02);
				content: "";
				display: block;
				@include abs-ct();
			}
		}
	}
}
.extra-countdown {
	.sp-countdown {
		margin: 0 !important;
	}
	.sp-template-countdown {
		width: auto;
		display: inline-block;
	}
	.sp-countdown-wrapper > *:not(.sp-countdown) {
		display: none;
	}
}

// Event calendar
.sp-template-event-calendar {
	table {
		table-layout: fixed;
		font-weight: 600;
	}
	tbody td a {
		position: relative;
		&:before {
			content: '•';
			font-size: 14px;
			font-weight: 400;
			@include box(1em, 1em, 1em);
			@include abs-cb(-45%);
		}
	}
	#today {
		background: var(--theme-color-bg_color);
		font-weight: inherit;
	}
	#prev a,
	#next a {
		color: var(--theme-color-text_dark);
		&:hover {
			color: var(--theme-color-text_link);
		}
	}
}


// Widget
.sidebar .widget_sportspress {
	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		a,
		a:hover {
			color: inherit;
		}
	}
	.sp-table-caption {
		color: var(--theme-color-bg_color);
	}
}
.sidebar .widget_sportspress .widget_title {
	color: var(--theme-color-text_dark);
}
[class*="scheme_"].sidebar .widget_sportspress .widget_title {
	color: var(--theme-color-alter_dark);
}

.widget .sp-template-event-calendar {
	caption.sp-table-caption {
		padding: 0.625em;
		color: var(--theme-color-bg_color);
	}
	table tbody td a,
	table tbody td {
		color: inherit !important;
	}
	thead th,
	tbody td {
		padding: 0.625em;
	}
	td a:after {
		bottom: 0;
	}
	td a:before {
		display: none;
	}
	tfoot {
		position: unset;
	}
	td#prev a,
	td#next a {
		padding: 0;
		&:before {
			display: none;
		}
	}
}
.widget .sp-template-photo {
	max-width: none;
	margin: 0;
	float: none;
}


// Video
.sp-template-event-video {
	background: #000;
}


// Map
.sp-template-event-venue {
	.sp-event-venue-map-row td {
		padding: 0;
	}
	.sp-google-map {
		margin: 0 -1px;
	}
}
.posts_container #sp_openstreetmaps_container {
	margin-bottom: calc(var(--theme-var-grid_gap) * 2);
}

// Event logos
.sp-template-event-logos-inline {
	clear: both;
}
.sp-template-event-logos {
	.sp-team-name {
		font-weight: inherit;
	}
	.sp-event-logos {
		@include font(24px, 1.2em, 600);
		img {
			max-width: 200px;
		}
	}
	.sp-team-result {
		height: 1.5em;
		min-width: 1.5em;
		padding: 0 0.25em;
		@include box-sizing(border-box);
		text-align: center;
		line-height: 1.5em;
		font-weight: var(--theme-font-h5_font-weight);
		color: var(--theme-color-inverse_link);
    	background: var(--theme-color-text_link);
	}
}

// Event blocks
.sp-template-event-blocks {
	.sp-event-results,
	.sp-event-results a,
	.sp-event-results a:hover,
	.sp-event-title,
	.sp-event-title a,
	.sp-event-date a {
		color: inherit;
	}
	.sp-event-date a:hover {
		color: var(--theme-color-text_link);
	}
	table.sp-data-table {
		min-height: 155px;
		color: var(--theme-color-text_dark);
		td {
			padding: 16px 20px;
			@include font(15px, 20px);
			position: relative;
		}
	}
	.sp-event-venue {
		margin-top: 10px;
	}
	.sp-event-results {
		margin: 18px 0;
		@include font(32px, 1.15em);
	}
	.sp-event-season,
	.sp-event-title {
		display: none;
	}
	.sp-event-status,
	.sp-event-venue,
	.sp-event-date {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sp-event-venue {
		color: var(--theme-color-text);
	}
	.sp-event-blocks .team-logo {
		height: auto;
		max-height: 98px;
		max-width: 98px;
		margin: 0;
		&.logo-odd {
			@include abs-lc(28px, 1);
		}
		&.logo-even {
			@include abs-rc(28px, 1);
		}
	}
}

// Event logo blocks
.sp-template-event-blocks.sp-template-event-logos-block {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	.sp-event-blocks .team-logo {
		max-height: none;
  		max-width: none;
		width: 25%;
	}
	.team-logo {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		white-space: normal;
		img {
			height: 75px;
		}
		.sp-team-name {
			@include font(17px, 1.2em, 600);
			margin-top: 9px;
			padding-bottom: 1px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		img {
			margin: 0;
		}
		&.logo-even {
			flex-direction: column-reverse;
		}
	}	
}


.sp-template .player-gallery-group-name,
.sp-staff-name {
	margin-top: 0;
	padding-top: 0.5em;
	clear: both;
}


// Gallery
.sportspress .gallery {
	display: block;
	margin: 0;
}
.sp-template-gallery {
	img {
		@include border-box;
	}
	.sp-gallery-wrapper {
		margin: 0 -5px;
		> * {
			padding: 0 5px;
		}
		> a[name*="group-"] {
			padding: 0;
		}
	}
	dl {
		max-width: 100%;
		padding: 0;	
	}
	dd {
		display: block;
		position: relative;
		margin: 0;
		padding: 10px;
		@include font(16px, 1.2em, 600);
		&.has-number {
			padding-left: 40px;
		}
		strong {			
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 30px;
			padding: 10px 0;
			text-align: center;
			font-weight: inherit;
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: center;
		}
	}
	.gallery-item {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-bottom: 10px;
		strong {
			background: var(--theme-color-text_link);
			color: var(--theme-color-inverse_link);
		}
	}
	.gallery-caption {
		background: var(--theme-color-alter_bg_color);
	}
}
.sp-template-birthdays .gallery dl {
	max-width: 100%;
}


// Fixtures
.sp-fixtures-results {
	overflow: hidden;
}


// Tab menu
.sp-tab-menu {
	padding: 5px 0 0 0;
	margin: 0 -5px 15px;
	a {
		@include font(1em, 1.3em);
		padding: 19px 60px;
		margin: 5px;
		background: var(--theme-color-alter_bg_color);
		color: var(--theme-color-alter_dark);
		opacity: 1;
	}
	.sp-tab-menu-item-active a,
	.sp-tab-menu-item a:hover {
		background: var(--theme-color-text_dark);
  		color: var(--theme-color-bg_color);
	}
}


// Player list
.sp-player-list .data-name .player-photo img,
.sp-player-list .data-name .player-flag img,
.sp-player-list .data-team .team-logo img {
	// vertical-align: inherit;
}


// Staff on team page
.sp-section-content-staff + .sp-section-content {
	clear: both;
}

// Statistics
.sp-section-content-photo + .sp-section-content-statistics {
	clear: both;
}