@font-face
{
	font-family: "din";
	src: url("https://iwantmorederby.com/css/d-din.otf");
}

@font-face
{
	font-family: "din-condensed";
	src: url("https://iwantmorederby.com/css/D-DINCondensed.otf");
}

@font-face
{
	font-family: "din-exp";
	src: url("https://iwantmorederby.com/css/D-DINExp.otf");
}


.derby-standings-image
{
	height: 50px;
}

.derby-standings-image-front
{
	height: 35px;
}


.dd-statusMsg
{
	width: 100%;
	border: 2px solid #808080;
	padding: 5px;
	border-radius: 8px;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	background-color: #ffffcf;
}

.dd-standings-container
{
	width: 100%;
	border: 2px solid #808080;
	padding: 5px;
	border-radius: 8px;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

.dd-header-row
{
	display: inline;
}

.dd-header-background
{
	background-color: #c0c0c0;
	width: 100%;
}

.dd-header-logo
{
	width: 50px;
	text-align: center;
	display: inline-block;
}

.derby-info-container
{
	width: 100%;
	font-size: 16px;
	color: #000000;
	word-wrap: normal;
}


.dd-stat-row
{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #808080;
}


.dd-header-logo
{
	display: inline-block;
	width: 60px;
}

.dd-stat-logo
{
	display: inline-block;
	width: 60px;
	text-align: center;
}


.dd-page-container
{
	display: inline-flex;
	width: 100%;
	flex-wrap: wrap;
}

.dd-page-number
{
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	margin: 5px;
	padding: 9px 0px;
	border: 2px solid #c0c0c0;
	border-radius: 16px;
}

.dd-page-number-current
{
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	background-color: #ffffcf;
	margin: 5px;
	padding: 9px 0px;
	border: 2px solid #c0c0c0;
	border-radius: 16px;
}



.dd-year-container
{
	display: inline-flex;
	width: 100%;
	flex-wrap: wrap;
	border: 2px solid #808080;
	padding: 8px;
	border-radius: 8px;
}

.dd-year-cell
{
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	margin: 5px;
	padding: 18px 0px;
	border: 2px solid #c0c0c0;
	border-radius: 16px;
}

/* phone screen */

@media screen and (max-width: 399px)
{
	.dd-header-team
	{
		display: none;
	}
	#dd-stat-team
	{
		display: none;
	}

	.dd-header-code
	{
		display: contents;
		text-align: center;
		display: inline-block;
		width: 20%;
	}

	#dd-stat-code
	{
		display: contents;
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 20%;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 10%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		display: inline-block;
		width: 10%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		font-weight: bold;
		width: 12%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		display: inline-block;
		width: 12%;
	}

}

/* 400-499 screen */

@media screen and (min-width: 400px)
{


	.dd-header-team
	{
		display: contents;
		width: 36%;
		text-align: center;
		display: inline-block;
	}

	#dd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 36%;
	}

	.dd-header-code
	{
		display: none;
	}

	#dd-stat-code
	{
		display: none;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 8%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 9%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		width: 9%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 9%;
	}
}

/* 500-991 screen */

@media screen and (min-width: 500px)
{

	.dd-header-code
	{
		display: none;
	}

	.dd-stat-code
	{
		display: none;
	}


	.dd-header-team
	{
		display: contents;
		width: 39%;
		text-align: center;
		display: inline-block;
	}

	#dd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 39%;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 6%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 6%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		width: 8%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 8%;
	}
}


@media screen and (min-width: 986px)
{
	#dd-header-code
	{
		display: none;
	}

	#dd-stat-code
	{
		display: none;
	}



	.dd-header-team
	{
		display: contents;
		width: 30%;
		text-align: center;
		display: inline-block;
	}

	#dd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 30%;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 8%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 8%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		width: 9%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 9%;
	}
}

@media screen and (min-width: 1070px)
{
	.dd-header-code
	{
		display: none;
	}

	#dd-stat-code
	{
		display: none;
	}



	.dd-header-team
	{
		display: contents;
		width: 35%;
		text-align: center;
		display: inline-block;
	}

	#dd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 35%;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 8%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 8%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		width: 9%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 9%;
	}
}

@media screen and (min-width: 1306px)
{

	.dd-header-code
	{
		display: none;
	}

	.dd-stat-code
	{
		display: none;
	}


	.dd-header-team
	{
		display: contents;
		width: 39%;
		text-align: center;
		display: inline-block;
	}

	#dd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 39%;
	}

	#dd-header-code
	{
		display: none;
	}

	#dd-stat-code
	{
		display: none;
	}

	#dd-header-item
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		width: 8%;
	}

	#dd-stat-item
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 8%;
	}

	#dd-header-pfpa
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		font-weight: bold;
		width: 9%;
	}

	#dd-stat-pfpa
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		display: inline-block;
		width: 9%;
	}
}


img.dd-standings-image
{
	height: 30px;
}


/* New Large Screen 10-18-25 */

.ddl-bout-top-row
{
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
}

.ddl-bout-date-stack
{
	height: 60px;
	width: 60px;
	display: inline-block;
}

#ddl-bout-date-month
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	height: 19px;
	text-align: center;
	text-transform: uppercase;
}

#ddl-bout-date-dom
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 19px;
	text-align: center;
	text-transform: uppercase;
}

#ddl-bout-date-year
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 23px;
	text-align: center;
	text-transform: uppercase;
}

.ddl-bout-host-logo
{
	min-width: 60px;
	padding: 0px;
	width: 8%;
	text-align: center;
	height: 61px;
	font-size: 14px;
}

#ddl-bout-host-name
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	width: 10%;
	font-size: 13px;
	font-style: italic;
	display: inline-block;
	height: 61px;
	line-height: 13px;
	padding: 0px 5px 0px 4px;
}

.ddl-bout-team-logo
{
	min-width: 60px;
	padding: 3px 0px 0px 0px;
	width: 7%;
	display: inline-block;
	text-align: center;
}

#ddl-bout-team-name
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0px 5px;
	width: 13%;
	align-items: center;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
}

#ddl-bout-team-not-found
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	padding: 10px;
	font-size: 16px;
	width: 16%;
	text-align: center;
}

#ddl-bout-team-score
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	align-items: center;;
	width: 6.5%;
	font-size: 36px;
	height: 61px;
	display: flex;
	justify-content: center;
	text-align: center;
}

#ddl-bout-mid
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	padding: 20px 0px 0px 0px;
	width: 3%;
	font-size: 36px;
	font-style: italic;
	display: inline-block;
	/* text-align: center; */
}

.ddl-bout-youtube
{
	width: 10%;
	height: 61px;
	display: flex;
	justfy-content: center;
	padding: 10px 10px;
}

#ddl-bout-info
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	width: fit-content;
	font-size: 16px;
	padding: 0px 0px 3px 0px;
}

@media screen and (min-width: 1200px)
{
	.azdd-header-logo
	{
		width: 15%;
		text-align: center;
		display: inline-block;
	}
	
	.azdd-stat-logo
	{
		display: inline-block;
		text-align: center;
		width: 15%;
	}
}

@media screen and (max-width: 1199px)
{
	.azdd-header-logo
	{
		display: none;
	}
	
	.azdd-stat-logo
	{
		display: none;
	}
}


@media screen and (min-width: 1200px)
{
	#azdd-header-team
	{
		display: contents;
		width: 30%;
		text-align: center;
		display: inline-block;
	}

	#azdd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 30%;
	}
}

@media screen and (max-width: 1199px)
{
	#azdd-header-team
	{
		display: contents;
		width: 45%;
		text-align: center;
		display: inline-block;
	}

	#azdd-stat-team
	{
		display: contents;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 45%;
	}
}


#azdd-header-item
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	width: 10%;
}

#azdd-stat-item
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	width: 12%;
}

#azdd-header-wl
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	width: 6%;
}

#azdd-stat-wl
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	width: 6%;
}

#azdd-header-pfpa
{
	font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	width: 10%;
}

#azdd-stat-pfpa
{
	font-family: "din", Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	width: 12%;
}

.azdd-standings-container
{
	width: 100%;
	border: 2px solid #808080;
	padding: 5px;
	border-radius: 8px;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

.azdd-header-row
{
	display: inline-block;
	width: 100%;
}

.azdd-header-background
{
	background-color: #c0c0c0;
	width: 100%;
}



.azdd-stat-row
{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #808080;
}





/* large screen */
@media screen and (min-width: 800px)
{
	.derby-mobile
	{
		display: none;
	}

	.derby-desktop
	{
		display: contents;
	}

	.derby-standings-container
	{
		width: 100%;
		border: 2px solid #808080;
		padding: 5px;
		border-radius: 8px;
		padding: 4px;
		margin: 0px 0px 10px 0px;
	}

	td.derby-standings-header
	{
		background-color: #dfdfdf;
		color: #000000;
		height: 14px;
		font-size: 14px;
		font-weight: bold;
	}

	tr.derby-standings-item
	{
		border 1px solid #808080;
	}

	td.derby-standings-item
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		text-align: center;
		font-size: 20px;
	}

	td.derby-standings-team
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		font-size: 26px;
	}
	td.derby-standings-icon
	{
		background-color: #ffffff;
		color: #000000;
		height: 55px;
		font-size: 24px;
		text-align: center;
	}



	.derby-header
	{
		padding: 5px 15px;
		width: 100%;
		font-size: 22px;
		font-weight: bold;
		background-color: #d0d0d0;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-header-change-league
	{
		padding: 5px;
		margin: 0px 0px 10px 0px;
		width: 100%;
		font-size: 16px;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-league-container
	{
		width: 100%;
	}



	.derby-list-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 90px;
		padding: 5px 0px 0px 10px;
	}

	.derby-list
	{
		width: 100%;
		display: inline-flex;
		height: 90px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}

	.derby-list-team-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 60px;
		padding: 5px 0px 0px 10px;
	}

	.derby-list-team-sub
	{
		width: 100%;
		display: inline-flex;
		height: 60px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}

	.derby-list-league-logo
	{
		padding: 4px;
		height: 70px;
		max-width: 90px;
		display: inline-block;
		text-align: center;
	}

	.derby-list-name
	{
		padding: 4px;
		margin: 20px 0px 0px 15px;
		height: 40px;
		font-size: 24px;
		font-weight: bold;
		display: inline-block;
		text-align: center;
	}

	.derby-list-team-name
	{
		padding: 4px;
		margin: 10px 0px 0px 5px;
		height: 40px;
		font-size: 20px;
		font-weight: bold;
		width: 60%;
		display: inline-block;
		word-wrap: normal;
	}

	.derby-list-team-type
	{
		padding: 4px;
		margin: 0px 0px 0px 15px;
		font-size: 16px;
		display: inline-block;
		text-align: center;
		width: 20%;
	}
	.derby-list-team-logo
	{
		height: 45px;
		width: 45px;
	}


	.derby-list-logo
	{
		height: 70px;
		width: 70px;
	}

	.derby-fts-image
	{
		height: 30px;
	}


	.derby-series-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 65px;
		padding: 5px 0px 0px 10px;
	}

	.derby-series
	{
		width: 100%;
		display: inline-flex;
		height: 65px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}


	.derby-series-name
	{
		padding: 10px 0px;
		margin: 3px;
		height: 45px;
		width: 55%;
		font-size: 23px;
		font-weight: bold;
		display: inline-block;
	}

	.derby-series-date
	{
		padding: 4px;
		margin: 3px;
		height: 45px;
		width: 25%;
		font-size: 14px;
		font-style: italic;
		display: inline-block;
		text-align: center;
	}

	.derby-series-date-mobile
	{
		display: none;
	}

	.derby-series-discipline
	{
		padding: 4px;
		margin: 3px;
		height: 45px;
		width: 16%;
		font-size: 16px;
		font-decoration: italic;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-container
	{
		width: 100%;
	}


	.derby-bout
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 5px 0px 0px 10px;
	}

	.derby-bout-row
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px;
	}

	.derby-bout-logo-height
	{
		height: 55px;
		width: 55px;
	}

	.derby-bout-date
	{
		width: 5%;
		font-size: 15px;
		font-style: italic;
		font-weight: bold;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-logo
	{
		padding: 0px 0px 0px 8px;
		width: 12%;
		text-align: center;
		height: 61px;
		font-size: 14px;
	}

	.derby-bout-host
	{
		width: 10%;
		font-size: 12px;
		font-style: italic;
		display: inline-block;
	}

	.derby-bout-team-logo
	{
		padding: 3px 0px 0px 0px;
		width: 7%;
		display: inline-block;
		text-align: center;
	}

	.derby-bout-team-name
	{
		padding: 14px 0px;
		width: 13%;
		align-items: center;
		font-size: 16px;
		font-weight: bold;
		display: flex;
	}

	.derby-bout-team-score-not-found
	{
		padding: 15px;
		font-size: 16px;
		width: 21%;
		text-align: center;
	}


	.derby-bout-team-score-left
	{
		font-weight: bold;
		padding: 20px 10px 10px 9px;
		width: 9%;
		font-size: 30px;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.derby-bout-team-score-right
	{
		font-weight: bold;
		padding: 20px 10px 10px 9px;
		width: 9%;
		font-size: 30px;
		display: flex;
		justify-content: center;
	}

	#derby-blue
	{
		color: #00009F;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		text-transform: uppercase;
	}

	#derby-black
	{
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
		text-transform: uppercase;
		color: #000000;
	}

	.derby-bout-team-middle
	{
		padding: 20px 0px 0px 0px;
		width: 3%;
		font-size: 36px;
		font-style: italic;
		display: inline-block;
		/* text-align: center; */
	}

	.derby-bout-attribution
	{
		width: 10%;
		display: flex;
		justfy-content: center;
		padding: 20px 10px;
	}

	.derby-bout-info
	{
		width: fit-content;
		font-size: 16px;
		padding: 0px 0px 5px 0px;
	}

	.derby-bout-series-container
	{
		width: 100%;
		display: inline-flex;
		margin: 0px 0px 10px 0px;
		flex-wrap: wrap;
		border: 2px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-series-league-logo
	{
		width: 150px;
		display: flex;
	}

	.derby-bout-series-logo-height
	{
		height: 100px;
		width: 100px;
	}

	.derby-bout-series-info-container
	{
		width: fit-content;
	}

	.derby-bout-series-league-name
	{
		font-size: 26px;
		font-weight: bold;
		height: 30px;
	}

	.derby-bout-series-series-name
	{
		font-size: 22px;
		font-weight: bold;
		height: 25px;
	}

	.derby-bout-series-dates
	{
		font-size: 18px;
		height: 26px;
		font-style: italic;
	}

	.derby-bout-series-navigation
	{
		font-size: 16px;
		height: 24px;
	}

	.derby-bout-fts-container
	{
		margin: 5px 0px;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-fts-logo
	{
		width: 50px;
		display: flex;
	}

	.derby-bout-fts-logo-height
	{
		height: 40px;
	}

	.derby-bout-fts-message
	{
		font-size: 14px;
		font-style: italic;
		display: flex;
		padding: 5px 5px 2px 5px;
	}

	.derby-social-logo
	{
		height: 30px;
		width: 30px;
		margin: 2px;
	}

	.derby-social-box
	{
		height: 40px;
	}

	.derby-team-list-name
	{
	}

	.derby-team-list-type
	{
	}

}


/* small screen */
@media screen and (max-width: 799px)
{
	.derby-desktop
	{
		display: none;
	}

	.derby-mobile
	{
		display: contents;
	}

	.mobile-derby-container
	{
		width: 100%;
		border: 1px solid #202020;
		border-radius: 6px;
		padding: 3px;
		margin: 5px 0px;
	}

	.mobile-derby-top-row
	{
		width: 100%;
		flex-wrap: wrap;
		display: inline-flex;
		margin: 0px;
		padding: 0px;
	}


	.mobile-derby-date-stack
	{
		height: 60px;
		width: 60px;
		border: 1px solid #000000;
		display: inline-block;
	}


	#mobile-derby-month
	{
		width: 100%;
		font-size: 18px;
		height: 19px;
		text-align: center;
		text-transform: uppercase;
	}

	#mobile-derby-date
	{
		font-family: "din", Arial, verdana, helvetica, sans-serif;
		font-size: 20px;
		height: 19px;
		text-align: center;
		text-transform: uppercase;
	}

	#mobile-derby-year
	{
		font-family: "din-exp", Arial, verdana, helvetica, sans-serif;
		font-size: 17px;
		height: 23px;
		text-align: center;
		text-transform: uppercase;
	}

	.mobile-derby-scoreboard-stack
	{
		padding: 0px 0px 0px 5px;
		width: fit-content;
		display: inline-block;
		width: 75%;
	}


	.mobile-derby-scoreboard-container
	{
		display: inline;
		padding: 0px;
		margin: 0px;
	}

	#mobile-derby-scoreboard-team
	{
		display: inline-block;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: bold;
		width: 75%;
		padding: 3px 0px;
		font-family: "din-condensed", Arial, verdana, helvetica, sans-serif;
	}

	.mobile-derby-scoreboard-score
	{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		width: 20%;
		padding: 3px 0px;
	}

	.mobile-derby-detail-container
	{
		padding: 0px;
		margin: 0px;
	}

	#mobile-derby-host
	{
		font-size: 14px;
		width: 95%;
	}

	#mobile-derby-status
	{
		font-size: 18px;
		width: 95%;
	}

	#mobile-derby-event-name
	{
		font-size: 18px;
		font-weight: bold;
		width: 95%;
	}

	#mobile-derby-result-line
	{
		font-size: 18px;
		width: 95%;
	}

	#mobile-derby-venue
	{
		font-size: 16px;
		width: 95%;
	}

	#mobile-derby-source
	{
		font-size: 14px;
		font-style: italic;
		width: 95%;
	}

	.derby-header
	{
		padding: 4px;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		background-color: #d0d0d0;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-header-change-league
	{
		padding: 5px;
		margin: 0px 0px 10px 0px;
		width: 100%;
		font-size: 16px;
		border: 1px solid #000000;
		border-radius: 8px;
	}

	.derby-league-container
	{
		width: 100%;
	}

	.derby-list-team-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 60px;
		padding: 5px 0px 0px 10px;
	}

	.derby-list-team-sub
	{
		width: 100%;
		display: inline-flex;
		height: 60px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}



	.derby-list-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px 0px 10px 5px;
	}

	.derby-list-sub
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #000000;
		padding: 5px 0px 10px 5px;
	}

	.derby-list
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 10px 5px;
	}

	.derby-list-league-logo
	{
		padding: 4px;
		display: inline-block;
		text-align: center;
	}

	.derby-list-name
	{
		padding: 4px;
		margin: 20px 0px 0px 15px;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		text-align: center;
		width: 60%;
	}

	.derby-list-team-name
	{
		padding: 4px;
		margin: 10px 0px 0px 5px;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		word-wrap: normal;
		width: 60%;
	}

	.derby-list-team-type
	{
		padding: 4px;
		margin: 2px 0px 0px 0px;
		font-size: 14px;
		display: inline-block;
		text-align: center;
		word-wrap: normal;
		width: 20%;
	}


	.derby-list-logo
	{
		height: 70px;
		width: 70px;
	}

	.derby-list-team-logo
	{
		height: 45px;
		width: 45px;
	}

	.derby-fts-image
	{
		height: 30px;
	}


	.derby-series-top
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		height: 65px;
		padding: 5px 0px 0px 10px;
	}

	.derby-series
	{
		width: 100%;
		display: inline-flex;
		height: 65px;
		flex-wrap: wrap;
		border-top: 1px solid #808080;
		padding: 5px 0px 0px 10px;
	}



	.derby-series-name
	{
		padding: 10px 0px;
		margin: 3px;
		width: 55%;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
	}

	.derby-series-date
	{
		display: none;
	}


	.derby-series-date-mobile
	{
		padding: 10px;
		width: 40%;
		font-size: 13px;
		font-style: italic;
		display: inline-block;
		text-align: center;
	}


	.derby-series-discipline
	{
		display: none;
	}

	.derby-bout-container
	{
		width: 100%;
	}


	.derby-bout
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 0px;
	}

	.derby-bout-score-team-container
	{
		width: 60%;

	}

	.derby-bout-m-score-team
	{
		width: 64%;
		height: 30px;
		font-size: 22px;
	}

	.derby-bout-score-points-container
	{
		width: 20%;
	}

	.derby-bout-m-points-team
	{
		width: 20%;
		height: 30px;
		font-size: 22px;
	}

	.derby-bout-m-score-team
	{
		width: 64%;
		height: 30px;
		font-size: 22px;
	}



	.derby-bout-row
	{
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		padding: 5px 0px 0px 0px;
	}

	.derby-bout-logo-height
	{
		height: 55px;
		width: 55px;
	}

	.derby-bout-date
	{
		padding: 7px 4px;
		line-height: 14px;
		border: 1px solid #808080;
		width: 13%;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		display: flex;
		text-align: center;
	}

	.derby-bout-logo
	{
		display: none;
	}

	.derby-bout-host
	{
		display: none;
	}

	.derby-bout-team-logo
	{
		display: none;
	}

	.derby-bout-team-name
	{
		padding: 0px;
		width: 24%;
		font-size: 16px;
		font-weight: bold;
		display: flex;
		align-items: center;
	}

	.derby-bout-team-score-not-found
	{
		padding: 5px;
		font-size: 12px;
		width: 36%;
		text-align: center;
	}


	.derby-bout-team-score-left
	{
		font-weight: bold;
		padding: 20px 4px 10px 9px;
		width: 14%;
		font-size: 30px;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.derby-bout-team-score-right
	{
		margin: 15px 10px;
		font-weight: bold;
		padding: 5px;
		width: 13%;
		font-size: 30px;
		display: flex;
		justify-content: center;
	}

	.derby-blue
	{
		color: #00009F;
	}

	.derby-bout-team-middle
	{
		padding: 20px 5px 0px 5px;
		width: 3%;
		font-size: 18px;
		font-style: italic;
		display: inline-block;
	}

	.derby-bout-attribution
	{
		width: 10%;
		display: flex;
		justfy-content: center;
		padding: 20px 10px;
	}

	.derby-bout-info
	{
		width: fit-content;
		font-size: 14px;
		padding: 0px 0px 5px 0px;
	}

	.derby-bout-series-container
	{
		width: 100%;
		display: inline-flex;
		margin: 0px 0px 10px 0px;
		flex-wrap: wrap;
		border: 2px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-series-league-logo
	{
		display: none;
	}

	.derby-bout-series-logo-height
	{
		height: 100px;
		width: 100px;
	}

	.derby-bout-series-info-container
	{
		width: 100%;
	
	}

	.derby-bout-series-league-name
	{
		font-size: 26px;
		font-weight: bold;
		padding: 0px 0px 7px 0px;
	}

	.derby-bout-series-series-name
	{
		font-size: 22px;
		font-weight: bold;
	}

	.derby-bout-series-dates
	{
		font-size: 18px;
		padding: 7px 0px 3px 0px;
		font-style: italic;
	}

	.derby-bout-series-navigation
	{
		font-size: 16px;
		padding: 7px 0px;
	}

	.derby-bout-fts-container
	{
		margin: 5px 0px;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		border: 1px solid #808080;
		border-radius: 8px;
		padding: 10px;
	}

	.derby-bout-fts-logo
	{
		width: 40px;
		padding: 12px;
		display: flex;
	}

	.derby-bout-fts-logo-height
	{
		height: 40px;
	}

	.derby-bout-fts-message
	{
		font-size: 14px;
		width: 80%;
		font-style: italic;
		display: flex;
		padding: 5px;
	}

	.derby-social-logo
	{
		height: 30px;
		width: 30px;
		margin: 7px;
	}

	.derby-social-box
	{
		height: 40px;
	}

}




}