.pt-table-wrapper {
    overflow-x: auto;
}

.pt-wrapper {
	.pt-results-table {
		width: 100%;
		color: inherit;
		background-color: inherit;
		border-collapse: collapse;
		overflow: hidden;
		white-space: nowrap;

		&.pt-results-shortcode {
			background-color: #ffffff;
		}

		thead {
			box-shadow: 0 3px 10px rgba(0,0,0,.1);
		}

		td,
		th {
			padding: .75rem;
			vertical-align: top;
			border-top: 0 solid;
			text-align: center;

			&.pt-name {
				text-align: left;
			}

			.position {
				display: inline-block;
				width: 2rem;
			}
		}

		th {
			font-weight: bold;
		}

		tr {
			&.team-highlighted {
				td {
					background-color: #d4edfd;
				}
			}
		}

		td {
			width: 2.5rem;
			text-align: center;

			img {
				width: 1rem;
				height: 1rem;
				display: inline-block;
				margin-right: .5rem;
				vertical-align: middle;
			}

			&.pt-name {
				max-width: 50vw;
				text-overflow: ellipsis;
				overflow: hidden;
				text-align: left;
				white-space: nowrap;
			}

			&.pt-runs {
				white-space: nowrap;
			}
		}

		.pt-team-name {
			@media( max-width: 768px ) {
				display: none;
			}
		}

		.pt-team-name-short {
			@media( min-width: 769px ) {
				display: none;
			}
		}
	}
}


.pt-hidden-mobile {
	@media( max-width: 768px ) {
		display: none;
	}
}

.pt-hidden-tablet {
	@media( max-width: 992px ) {
		display: none;
	}
}

.pt-results-header {
    height: 2rem;
    background-color: #0c71c3;
    text-align: left;
    padding: 1rem;
    position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.header-title {
		color: #fff;
		font-size: 19px;
		font-weight: bold;
	}

	.series-logo {
		width: 50px;
		height: 50px;

		img {
			max-width: 100%;
			height: auto;
			display: block;
		}
	}
}

.pt-next-game {
	.pt-match {
		background: #ffffff;
		border-radius: .5rem;
		padding: 1.5rem 1rem;
		margin-bottom: 1rem;
		text-align: center;
		color: #111;

		.match-date {
			margin-bottom: 1rem;

			.stadium {
				color: #8F8F8F;
			}
		}

		.teams {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 1rem;


			.home, .away {
				flex: 0 1 300px;
				display: flex;
				align-items: center;
				gap: .5rem;

				img {
					max-width: 100px;
					height: auto;
				}
			}

			.home {
				flex-direction: row-reverse;
			}

			.match-results {
				.match-score {
					font-weight: bold;
					white-space: nowrap;
				}
			}

		}

		.live-results {
			display: flex;
			gap: 1rem;
			justify-content: center;
		}

		.period {
			display: flex;
			flex-direction: column;
			gap: 5px;

			&.period-total {
				.innings {
					.inning {
						background-color: #3670c0;
					}
				}
			}
		}

		.innings {
			display: flex;
			gap: 5px;

			.inning {
				width: 2em;
				height: 2em;
				line-height: 2em;
				text-align: center;
				background-color: #3670c07f;
				border-radius: 3px;
				color: #fff;

				&.total {
					background-color: #3670c0;
				}
			}
		}
	}
}