/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}

figure {
	margin: 0;
	padding: 0 0 0 20px;
	font-style: italic;
}

.hidden, .panel {
	display: none;
}

li.free-picks.list-sub-section h4 {
	animation: free-typing 2.5s steps(10, end), blink-caret .75s step-end infinite;
}

li.premium-picks.list-sub-section h4 {
	animation: premium-typing 2.5s steps(12, end), blink-caret .75s step-end infinite;
}

.vc_custom_1537141968434 a:hover {
	background-color: #6b3439 !important;
}

@keyframes free-typing {
	from {
		width: 0
	}
	to {
		width: 5.45em;
	}
}

@keyframes premium-typing {
	from {
		width: 0
	}
	to {
		width: 8.1em;
	}
}

@keyframes blink-caret {
	from, to {
		border-color: transparent
	}
	50% {
		border-color: #000;
	}
}

.races_page_header {
	padding: 0;
	width: 100%;
	height: 100px;
	color: #fff;
	font-size: 14pt;
	font-weight: bold;
	display: table;
}

.races_page_header span {
	vertical-align: middle;
	display: table-cell;
}

.races_page_header span.track_name {
	padding-left: 40px;
}

.races_page_header span.track_date {
	padding-left: 20px;
	padding-right: 20px;
}

.races_page_header span.track_logo {
	padding-right: 40px;
	text-align: right;
}

.races_page_header span.track_ocp {
	text-align: center;
}

span.third {
	width: 33%;
	margin: 0 auto;
	position: relative;
}

span.middle_third {
	width: 34%;
}

a.redlink {
	color: #ff0000;
}

table.race_data {
	width: 100%;
	padding: 0;
	margin-top: -1px;
	font-size: 9pt;
	color: #000;
	border-color: #808080;
	border-spacing: 0;
	border-collapse: separate;
	display: table;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
}

table.race_data tr.race_header {
	background: #ccc;
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	padding: 5px 0;
	font-weight: bold;
	cursor: pointer;
}

/*todo: add header class*/
table.race_data tr.race_body td.entry_horsename,
table.race_data tr.race_header td.race_details {
	width: 50%;
	text-align: left;
}

table.race_data tr.race_body td.race_details {
	text-transform: uppercase;
}

table.race_data tr {
	text-align: center;
	color: #000000;
	font-family: Arial, sans-serif;
	margin: 0;
}

table.race_data tr.race_body {
	background-color: #fff;
}

td.entry_number, td.race_number {
	width: 3%;

}

.ui-state-highlight {
	height: 1.5em;
	line-height: 1.2em;
}

td.race_morning_line, td.entry_morning_line,
td.race_speed, td.entry_speed,
td.race_class, td.entry_class,
td.race_form, td.entry_form,
td.race_last, td.entry_lst,
td.race_conn, td.entry_conn,
td.race_line, td.entry_line,
td.race_total, td.entry_total,
td.race_l, td.entry_l,
td.race_eq, td.entry_eq,
td.race_j, td.entry_j {
	width: 5%;
}

/** Collapsable List Starts here **/
table.race_data tr td {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.race_data ul.full-details {
	text-align: left;
	list-style-type: none;
	padding: 2px 0 0 10px;
}

/*WELCOME PAGE*/
/* TRACKS*/

.picksrow {
	position: relative;
	bottom: 15px;
	margin-bottom: 50px;
}

.freepicks {
	position: relative;
	top: 20px;
}

ul.tracks {
	margin: 0;
}

.tracks li {
	display: block;
}

.tracks h4 {
	text-align: center;
	font-size: 18px;
}

.track-image img {
	display: inline-block;
	min-height: 95px;
	max-height: 95px;
}

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

	div.race-section {
		-webkit-column-gap: 2%; /* Chrome, Safari, Opera */
		-moz-column-gap: 2%; /* Firefox */
		column-gap: 2%;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		-webkit-column-rule-width: 1px;
		-moz-column-rule-width: 1px;
		column-rule-width: 1px;
		-webkit-column-rule-style: solid;
		-moz-column-rule-style: solid;
		column-rule-style: solid;
		-webkit-column-rule-color: lightgray;
		-moz-column-rule-color: lightgray;
		column-rule-color: lightgray;
	}
}

@media screen and (max-width: 900px) and (min-width: 600px) {
	div.race-section {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

div.race-section h2,
div.race-section .future-track-date-link {
	margin: 20px 0 10px 0;
}

/**
* The following prevents the tracks from splitting in the columns.
*/
div.track-data div.wpb_column div.vc_column-inner {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid; /* Theoretically FF 20+ */
	break-inside: avoid-column; /* IE 11 */
	display: table; /* Actually FF 20+ */

}

div.track-data div.wpb_column div.vc_column-inner a.future-track-date-link img {
	max-height: 45px;
	min-height: auto;
}

div.track-data div.wpb_column div.vc_column-inner a.future-track-date-link, div.track-data div.wpb_column div.vc_column-inner div.track-race-dates {
	float: left;
}

div.track-data div.wpb_column div.vc_column-inner div.track-race-dates {
	padding-left: 5px;
}

div.track-data div.wpb_column div.vc_column-inner div.track-race-dates div.track-event-link {
	display: inline;
	list-style: none;
	padding: 0;

}

div.track-data div.wpb_column div.vc_column-inner div.track-race-dates div.track-event-link:after {
	content: ", ";

}

div.track-data div.wpb_column div.vc_column-inner div.track-race-dates div.track-event-link:last-child::after {
	content: "";
}

.picks-product {
	clear: both;
}

div.track-data div.wpb_column div.vc_column-inner div.track-race-dates {
	width: 59%;
}

div.track-data div.wpb_column div.vc_column-inner a.future-track-date-link {
	display: inline-block;
	float: left;
	clear: both;
	width: 39%;
	max-width: 39%;
	text-align: center;
	margin: auto;
}

div.track-data div div div.track-event-link, div.track-data div div a div.track-image {
	display: block;
}

div.track-data div div a div.track-name {
	visibility: hidden;
	display: none;
}

li a div.track-image img {
	display: block;
	margin: 0 auto;
}

.race-track-name {
	font-size: 15px;
	font-weight: 600;
	color: black;
	text-align: left;
	position: relative;
}

li a div.race-track-name {
	text-align: center;
	position: relative;
}

ul.future-track-dates {
	position: relative;
	top: 10px;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	min-height: 85px;
	width: 100%;
	margin: auto;
	display: block;
}

.future-track-date a {
	color: blue;
	font-weight: 600;
}

.track-event-link {
	position: relative;
}

.future-track-dates li {
	display: block;
	text-align: center;
	margin: 0;
}

.list-sub-section {
	margin-bottom: 145px;
}

ul.picks-sub-section {
	padding-left: 0;
	display: grid;
	grid-template-columns: 23% 24% 24% 23%;
	column-gap: 2%;
	row-gap: 40px;
	margin: 0;
	grid-auto-rows: 1fr;
}

.picks-sub-section > li {
	padding: 10% 10%;
	position: relative;
	Border-radius: 3px;
	box-shadow: 0 0 5px #e7e7e7;
	display: inline-block;
}

.picks-product > li > a > div > img {
	max-height: 165px;
	background-color: white;
}

.picks-product > li > a > div {
	margin-bottom: 75px;
	border-bottom: 3px solid;
}

.picks-product > li > ul {
	width: 100%;
	position: relative;
	margin: auto;
	text-align: center;
}

.picks-product > li > ul > li {
	text-align: center;
	vertical-align: middle;
	position: relative;
	background-color: #fafafa;
	box-shadow: 0 0 5px #e7e7e7;
	width: 150px;
	height: 125px;
	display: inline-block;
	margin: 75px;
}

.picks-product > li > ul > li > a {
	position: relative;
	width: 100px;
	Top: 55px;
	height: 100px;
	color: blue;
	font-weight: 600;
}

a.e-ponies-no-access {
	color: gray !important;
}

.view-picker {
	text-align: right;
}

.picks-product > li {
	display: block;
}

.picks-product > li > a > div:nth-child(2) > div > div > span {
	font-size: 20px;
}

.entry_horsename.tdata {
	width: 50px;
}

.race_data {
	width: 100%;
	padding: 0;
	margin: 0 auto 35px;
	font-size: 9pt;
	color: #162c40;
	border-color: #808080;
	border-spacing: 0;
	border-collapse: separate;
	white-space: normal;
	line-height: normal;
	box-shadow: 0 0 10px lightgrey;
	position: relative;

}

.race_data .race-header, .race_data .fheader {
	background: #434E67;
	vertical-align: inherit;
	border-color: inherit;
	font-weight: bold;
	font-family:'Lexend', sans-serif;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	color: white;
	text-align: center;
}

table.race_date th {
	color: black;
}

table.race_data .race-header {
	height: 40px;
}

.race-header .table-row {
	text-align: center;
	vertical-align: middle;
}

/*todo: add header class*/
.race_data .race_body .entry_horsename,
.race_data .race-header .race_details {
	text-align: center;
	font-weight: 600;
	color: darkgrey;
}

table.race_data .race_body .entry_horsename,
table.race_data .race-header .race_details {
	width: 29%;
	color: black !important;
}

table.race_data .race-header {
	color: black !important;
}

table .race_morning_line, .entry_morning_line {
	width: 10%
}

.race_ep_line, .entry_morning_line {
	width: 7%;
}

.race_data .race_body .race_details {
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}

.race_data {
	text-align: center;
	font-family: Arial, sans-serif;
	margin: 25px 0;
	line-height: 25px;
}

.race_data .row:nth-child(even) {
	background-color: #fff;
}

.race_data .row:nth-child(odd) {
	background-color: #DCDCDC;;
}

table .entry_number, .race_number {
	width: 3%;
	text-align: center !important;

}

table .race_morning_line, table .entry_morning_line,
table .race_speed, table .entry_speed,
table .race_class, table .entry_class,
table .race_form, table .entry_form,
table .race_last, table .entry_last,
table .race_conn, table .entry_conn,
table .race_line, table .entry_line, table .entry_ep_line,
table .race_total, table .entry_total,
table .race_l, table .entry_l,
table .race_eq, table .entry_eq,
table .race_j, table .entry_j {
	width: 5%;
	text-align: center !important;
}

.race_data .column {
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.race_data ul.full-details {
	text-align: left;
	list-style-type: none;
	padding: 2px 0 0 10px;
}

.race_data ul.full-details li label {
	font-weight: bold;
	white-space: nowrap;
	padding: 1px 1px 1px 20px;
}

.race_data ul.full-details li label.expandable {
	cursor: pointer;
}

.race_data ul.full-details li {
	margin: 0;
	padding: 2px 0 0 2px;
	border: 0;
	border-radius: 5px;
}

.race_data ul.full-details li.expandable figure input[type=checkbox] {
	display: none;
}

.race_data ul.full-details li.expandable figure input[type=checkbox] ~ ul {
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
}

.race_data ul.full-details li.expandable figure input[type=checkbox]:checked ~ ul {
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.race_data ul.full-details li.expandable figure input[type=checkbox] + label:before {
	transform-origin: 25% 50%;
	border: 8px solid transparent;
	border-right-width: 12px;
	border-left: 12px black;
	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: black;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	margin-top: 1px;
}

.race_data ul.full-details li.expandable figure input[type=checkbox]:checked + label:before {
	transform: rotate(90deg);
	/*margin-top: 6px;
  margin-left: -25px;*/
}

/*
 * Define the widths: play around with these to get a best fit.
 */
.race_data .flex-row {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	flex-direction: row;
	flex-grow: 0;
	flex-wrap: wrap;
	width: 100%;
}

.race_data div.flex-column {
	flex-grow: 1;
	width: 40px;
	min-width: 40px;
	padding: 5px;
}

div.flex-column.race_number,
div.flex-column.entry_number {
	width: 30px;
	min-width: 30px;
}

div.flex-column.entry_horsename,
div.flex-column.race_details {
	flex-grow: 10;
	min-width: 165px;
}

div.flex-column.entry_speed,
div.flex-column.race_speed {
	width: 50px;
	min-width: 50px;
}

div.flex-column.entry_morning_line,
div.flex-column.race_morning_line {
	min-width: 62px;
	flex-grow: 2;
}

div.flex-column.race_l, div.flex-column.race_j, div.flex-column.race_eq,
div.flex-column.entry_l, div.flex-column.entry_s, div.flex-column.entry_j, div.flex-column.entry_eq {
	min-width: 20px;
	width: 20px;
	flex-grow: .5;
}

.extendedview.race_data div.flex-column {
	width: 50%;
	text-align: left;
}

.ep-best {
	font-weight: bolder;
	text-shadow: 1px 1px 6px #f5f3ce;

}

@media screen and (max-width: 800px) {
	ul.picks-sub-section {
		grid-template-columns: 48% 48%;
		column-gap: 4%;
	}

}

@media screen and (max-width: 450px) {

	.race-track-name {
		font-size: 13px;

	}

	ul.future-track-dates {
		width: inherit;
	}

	.list-sub-section {
		margin-bottom: 45px;
	}

	ul.picks-sub-section {
		grid-template-columns: 100%;
	}
}

@media print {
	.event-date {
		font-size: 8pt;
	}

	.picks {
		page-break-inside: avoid;
		width: 100%;
		border: 1px solid darkgray;
	}

	td.entry_horsename {
		width: 50px;
	}

	.entry_horsename {
		text-align: left;
	}

	.race_data {
		width: 100%;
		padding: 0;
		margin: 5px auto 5px;
		font-size: 6pt;
		color: #162c40;
		border-color: #808080;
		border-spacing: 0;
		border-collapse: separate;
		white-space: normal;
		line-height: normal;
		box-shadow: 0 0 10px lightgrey;
		position: relative;
	}

	.race_data .race-header {
		background: white;
		font-weight: bold;
		color: black;
		text-align: center;
	}

	.race-header .column, .race-header {
		text-align: center;
		font-size: 7pt;
		height: inherit;
		line-height: 8pt;
	}

	.entry_horsename {
		text-align: left;
	}

	table.race_data tr.race_body td.entry_horsename,
	table.race_data tr.race-header td.race_details {
		width: 30%;
		text-align: center;
		font-weight: 600;
		color: black;
	}

	th.race_morning_line, td.entry_morning_line {
		width: 10%;
		text-align: center;
	}

	table.race_ep_line, td.entry_morning_line {
		width: 7%;
	}

	.race_data .row.race_body .column.race_details {
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
	}

	.race_data .row {
		text-align: center;
		color: black;
		font-family: Arial, sans-serif;
		margin: 0;
		line-height: 8pt;
		background-color: white;
	}

	td.entry_number, th.race_number {
		width: 3%;
		text-align: center;
	}

	th.race_morning_line,
	td.entry_morning_line,
	th.race_speed,
	td.entry_speed,
	th.race_class,
	td.entry_class,
	th.race_form,
	td.entry_form,
	th.race_last,
	td.entry_last,
	th.race_conn,
	td.entry_conn,
	th.race_line,
	td.entry_line,
	td.entry_ep_line,
	th.race_total,
	td.entry_total,
	th.race_l,
	td.entry_l,
	th.race_eq,
	td.entry_eq,
	th.race_j,
	td.entry_j {
		width: 5%;
		max-width: 10%;
		text-align: center;
	}

	/* th.race_morning_line,
	th.race_speed, th.race_class,
	th.race_form, th.race_last,th.race_conn,
	th.race_line, th.race_total, th.race_l,
	th.race_eq, th.race_j,
	{
		text
	} */
	.race_data .row .column {
		margin: 0;
		border-bottom: 1px solid #000000;
	}

	.race_data ul.full-details {
		text-align: left;
		list-style-type: none;
		padding: 1px 0 0 5px;
	}

	.race_data ul.full-details li label {
		font-weight: bold;
		white-space: nowrap;
		padding: 1px 1px 1px 20px;
	}

	.race_data ul.full-details li .expandable {
		cursor: pointer;
	}

	.race_data ul.full-details li {
		margin: 0;
		padding: 1px 0 0 2px;
		border: 0;
		border-radius: 3px;
	}

	.content-area {
		padding: 0;
		margin: 0;
	}

	.corner-ribbon.top-left,
	header, footer,
	.dkpdf-button-container,
	.track_event_page_header .track_icon,
	.race-extended-view-control,
	.post-edit, #site-scroll-top,
	.footer-bottom {
		visibility: hidden;
		display: none;
	}

	.race_data div.flex-column {
		flex-grow: 1;
		width: 30px;
		min-width: 30px;
		padding: 5px;
	}

	div.flex-column.race_number,
	div.flex-column.entry_number {
		width: 20px;
		min-width: 20px;
	}

	div.flex-column.entry_horsename,
	div.flex-column.race_details {
		flex-grow: 10;
		min-width: 165px;
	}

	div.flex-column.entry_speed,
	div.flex-column.race_speed {
		width: 50px;
		min-width: 50px;
	}

	div.flex-column.entry_morning_line,
	div.flex-column.race_morning_line {
		min-width: 62px;
	}

	div.flex-column.race_l, div.flex-column.race_j, div.flex-column.race_eq,
	div.flex-column.entry_l, div.flex-column.entry_s, div.flex-column.entry_j, div.flex-column.entry_eq {
		min-width: 15px;
		width: 15px;
	}
}

html .list-sub-section {
	text-align: center;
}

.list-sub-section h4 {
	text-align: center;
	display: inline-block;
	overflow: hidden;
	border-right: 1px solid #fff;
	white-space: nowrap;
	margin: 0 auto;
}

.track-race-dates {
	position: relative;
	bottom: 7px;
	margin-bottom: 5px;
}

.future-track-date-link {
	padding-top: 5%;
}

.track-data {
	padding: 2%;
	border: solid 2px #f9f9f9;
	margin-bottom: 5px;
	box-shadow: 1px 1px 3px #f8f8f8;

}