/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.statsapi-error_message {
	color: rgba(255,0,0,1);
}
div.statsapi-error_message span.statsapi-buttons-icon.statsapi-error_message-icon:before {
	font-family: 'dashicons' !important;
	content: "\f534";
	text-shadow: none;
	line-height: 1;
	vertical-align: middle;
}
.statsapi-Table_Title {
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.glossary {
	display: block;
	margin-top: 10px;
	width: 100%;
	border-color: #edeef0;
	font-size: 11px;
}
.glossary span {
	color: #a5a6a7;
}
.glossary ul {
	list-style: none;
	column-count: 4;
}
.statsapi-right-border {
	border-right: 1px solid black !important;
}
table.statsapi-standings {
	text-align: center;
	vertical-align: middle;
}
tbody.statsapi-standings tr.statsapi-standings:nth-child(even) {
	background:rgba(0,0,0,.02);
}
thead.statsapi-standings {
	font-size: 16px;
	text-transform: uppercase;
}
tbody.statsapi-standings {
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-align: center;
}
th.statsapi-standings {
	font-size: 10px;
	text-align: center;
}
td.statsapi-standings-team_names {
	text-align: left;
	vertical-align: middle;
}
td.statsapi-standings-team_names img {
	vertical-align: middle;
	padding-right: 10px;
}
td.statsapi-standings-team_names a {
	font-size: 12px;
	color: #06c;
}
td.statsapi-standings-team_names a:hover {
	color: blue;
}
td.statsapi-standings-team_names a h3 {
	font-size: 14px;
	color: #06c;
	font-weight: bold;
}
td.statsapi-standings-team_names a:hover h3{
	color: blue;
}
tr.statsapi-no_bottomBroder td {
	border-bottom: hidden;
	border-right: hidden;
}
tr.statsapi-no_topBroder td {
	border-top: hidden;
	border-right: hidden;
}
td.statsapi-no_rightBroder {
	border-right: hidden;
}
table.statsapi-scores {
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
}
table.statsapi-scores td {
	vertical-align: middle;
}
table.statsapi-scores td img {
	vertical-align: middle;
	padding-right: 10px;
}
table.statsapi-scores td p.statsapi-scores-subdata {
	text-align: center;
}
article.statsapi-scores {
	border-radius: 10px;
	padding: 0px;
	margin-bottom: 5px;
	background-color: white;
}
span.statsapi-scores-team_name {
	font-size: 20px;
	font-weight: bold;
}
p.statsapi-scores-venue {
	font-weight: bold;
}
td.statsapi-scores-totalScore {
	font-size: 20px;
	font-weight:bold;
	width: 10%;
}
tr:first-child td:last-child {
	width: 20%;
}
td.statsapi-scores-periods {
	width: 8%;
}

table.statsapi-schedules thead.statsapi-schedules {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
table.statsapi-schedules td {
	font-size: 12px;
	border-right: hidden;
	border-left: hidden;
	vertical-align: middle;
}
table.statsapi-schedules td img {
	vertical-align: middle;
	padding-right: 10px;
}
table.statsapi-schedules th {
	border-right: hidden;
	border-left: hidden;
}
table.statsapi-schedules th.statsapi-schedules-venue,td.statsapi-schedules-venue {
	width: 20%;
	white-space: normal;
}
table.statsapi-schedules th.statsapi-schedules-time,td.statsapi-schedules-time {
	width: 13%;
}
tbody.statsapi-schedules tr:nth-child(even) {
	background:rgba(0,0,0,0.017);
}
figure.statsapi-stories-figure {
	border-radius: 10px 10px 0 0 ;
	position: relative;
	float: left;
}
div.statsapi-stories-figure {
	width: 50%;
}
div.statsapi-stories-figure img {
	max-width: 100%;
	height: auto;
}
table.statsapi-schedules thead tr th {
	white-space: nowrap;
	/*padding-right: 10px !important;*/
}
.statsapi-nowrap {
	max-width: 70px;
}
table.statsapi-schedules tbody tr td {
	/*white-space: nowrap;*/
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}
/*.statsapi-stories-articles {
	padding: 10px;
}*/
article.statsapi-stories-articles {
	border-radius: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	background: white;
	padding: 10px;
}
article.statsapi-stories-articles a {
	color: black;
	text-decoration: none !important;
}
article.statsapi-stories-articles h3:hover {
	color: blue !important;
}

p.statsapi-stories-articles {
	font-size: 14px;
}

div.statsapi-stories-articles {
	background: #edeef0;
}

div.statsapi-stories-photo-citations {
	background: rgba(72,73,74,0.7) !important;
	z-index: 1000066 !important;
	border-radius: 2px !important;
	font-size: 10px !important;
	display: inline-block !important;
	width: 10px !important;
	height: 20px !important;
	overflow: hidden !important;
	position: absolute !important;
	right: 0 !important;
}
div.statsapi-stories-photo-citations:hover {
	width: auto !important;
}
div.statsapi-stories-headline h4:hover {
	color: #1d6ab0;
}
div.statsapi-stories-headline h4 {
	padding: 10px;
}
div.statsapi-stories-photo-citations .statsapi-icon-photo-credit-outline-before::before, .statsapi-icon-photo-credit-outline-after::after {
	font-family: 'dashicons' !important;
	content: "\f233";
	text-shadow: none;
	line-height: 1;
	vertical-align: middle;
}

.statsapi-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.statsapi-switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.statsapi-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.statsapi-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .statsapi-slider {
	background-color: #2196F3;
}

input:focus + .statsapi-slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .statsapi-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.statsapi-slider.round {
	border-radius: 34px;
}

.statsapi-slider.round:before {
	border-radius: 50%;
}

/*@media only screen and (max-width: 768px) {
	/* For mobile phones: *./
	.glossary ul {
		list-style: none;
		column-count: 3;
	}
}*/

/* Create two equal columns that floats next to each other */
.statsapi-polls_column {
	float: left;
	width: 50%;
	padding: 10px;
}
div.statsapi-polls_column {
	border-right: 1px solid black;
}
div.statsapi-polls_column:last-child {
	border-right: none;
}

/* Clear floats after the columns */
.statsapi-polls_row:after {
	content: "";
	display: table;
	clear: both;
}

.statsapi-white_bg {
	background: white !important;
}

.statsapi-polls_row th, td {
	padding: 2px !important;
}
.statsapi-loser {
	color: red;
	font-weight: bold;
}
.statsapi-winner {
	color: green;
	font-weight: bold;
}

div.statsapi-scoreboard div select {
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
}

article.statsapi-forumlist {
	display: inline-block;
	padding: 5px;
	max-width: 250px;
	/*width: 250px;*/
	width: 33%;
	height: 250px;
	max-height: 120px;
}
article.statsapi-forumlist div.statsapi-forumbanner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.statsapi-forumbanner h4 {
	background: rgba(0,0,0,.6);
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
	color: white;
}
article.statsapi-forumlist img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*opacity: 0.5;*/
	padding: 5px;
	object-fit: none;
	padding: 0px;
	margin: 0px;
}
table.statsapi-bbp-topics tbody tr:nth-child(even) {
	background:rgba(0,0,0,.02);
}
table.statsapi-bbp-topics tbody tr td:first-child {
	max-width: 50%;
}
table.statsapi-bbp-topics tbody tr td {
	padding: 5px;
	margin: 5px;
}
/*div.statsapi-forumbanner {
	
}
.statsapi-forum-topic_count {
	padding-left: 10px;
}*/



#statsapi-scoreboard {
	overflow: hidden;
	white-space: nowrap;
	height: 70px;
	width: 100%;
}

#statsapi-scoreboard > div {
	display: inline-block;
	vertical-align: middle;
	max-height: 70px;
	width: auto;
	padding: 2px;
}

#statsapi-scoreboard_contents {
	overflow: auto;
	max-height: 90px !important;
}

#statsapi-scoreboard_contents > div {
	display: inline-block;
	max-width: 120px;
	background-color: white;
	border-right: black solid 1px;
	padding: 2px;

	width: 120px;
}

.statsapi-hidden{
	display: none !important;
}

.statsapi-visible{
	display: inline-block !important;
}

.statsapi-noborder {
	border: 0px !important;
}

#statsapi-scoreboard_contents .statsapi-In-Progress th {
	color: red;
}

#statsapi-scoreboard_contents table,thead,th,tbody,tr,td {
	border: none !important;
	font-size: 10px;
	padding: 0px !important;
	margin: 0px !important;
	text-align: middle;
	vertical-align: middle;
	text-transform: uppercase
}

#statsapi-scoreboard_contents img {
	width: 20px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: baseline;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.statsapi-polls_column {
	width: 100%;
	}
	figure.statsapi-stories-figure {
		border-radius: 10px 10px 0 0 ;
		position: relative;
	}
	div.statsapi-stories-figure {
		width: 100%;
	}
	div.statsapi-scoreboard {
		display: none;
	}
}