/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: normal; src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: bold; src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'); } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; clear: both; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #f3d786; color: #333; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } svg { fill: currentColor; max-width: 100%; } button, a.button, a[type="button"], input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, a.button, a[type="button"], input { overflow: visible; } button, a.button, a[type="button"], select { text-transform: none; } a.button::-moz-focus-inner, button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } a.button:-moz-focusring, button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } a.button, [role="button"], [type="button"] { cursor: pointer; } a.button:hover, [type="button"]:hover { text-decoration: none; } fieldset { border: 1px solid #ccc; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; overflow-x: hidden; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } @-ms-viewport { width: device-width; } body { margin: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } ::selection { background: #d9d5ce; } ::-moz-selection { background: #d9d5ce; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; height: 2px; border: 0; margin: 2em 0; border-bottom: 1px dotted #d9d5ce; border-top: 1px dotted #d9d5ce; } section+hr { margin-top: 0; } p { margin-top: 0; margin-bottom: 1.5em; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } li { margin-bottom: .5em; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { padding: 1.5em; background: #ecebea; border-radius: 3px; margin: 0 0 1.5em; } cite { color: #90762a; font-size: .8375em; margin-top: .75em; border-top: 1px solid #ecebea; padding-top: 0.75em; display: block; text-align: center; font-family: Georgia, Times, 'Times New Roman', serif; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #2f3e6e; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:visited { color: #292e3d; } a:hover { color: #292e3d; text-decoration: underline; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } section { margin-bottom: 1.5em; } section:after { content: ""; display: block; clear: both; } figure { margin: 0 0 2em; } figcaption { position: relative; font-size: 0.875rem; padding: .5em; background: #d9d5ce; font-family: "proxima-nova","Montserrat", sans-serif; } figure.accent-bg figcaption { background: none; } img { vertical-align: middle; border-style: none; max-width: 100%; } svg:not(:root) { overflow: hidden; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } /*TABLES*/ table { border-collapse: collapse; width: 100%; font-family: "proxima-nova","Montserrat", sans-serif; font-size: 1rem; margin-bottom: 1rem; } td, th { padding: .375em .25em; border-bottom: 1px dotted #d9d5ce; } .nano td, .nano th { padding: .25em; } th, td.sideHead { font-weight: bold; text-align: left; } tbody>tr:hover { background: #ecebea; } tbody>tr:first-child { border-top: 1px solid #d9d5ce; } tbody>tr:last-child { border-bottom: 1px solid #d9d5ce } th+td, td.sideHead+td { border-left: 1px solid #d9d5ce; padding-left: .375em } thead>tr th { vertical-align: bottom; text-align: center; color: #2f4f4f; font-size: 1.125em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: normal; font-style: italic; border-top: 1px solid #d9d5ce; } thead>tr:last-child th { color: #555; text-align: left; font-size: 1em; border-bottom: 2px solid #d9d5ce; font-family: "proxima-nova","Montserrat", sans-serif; font-style: normal; font-size: .875em; font-weight: normal; border-top: 0; } thead>tr+tr:last-child th { background: #2f4f4f; border-bottom: 1px solid #d9d5ce!important; border-top: 1px solid #d9d5ce!important; color: #fff; text-align: center; } thead>tr+tr th a { color: #fff!important; } tfoot td, tfoot th { border-top: 2px solid #d9d5ce; border-bottom: 0; font-weight: bold; } .sub-total td { border-top: 2px solid #d9d5ce; border-bottom: 2px solid #d9d5ce; font-weight: bold; } .table-subhead:hover { background: none; } .table-subhead th { font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #a59163; border-bottom: 3px solid #d9d5ce; padding-bottom: .125em; padding-top: 1.25em; font-size: 1.125em; } table h4, table strong { margin-bottom: 0; } .table-div { border-left: 1px dotted #d9d5ce; } .td-hidden { width: 0!important; overflow: hidden; padding: 0!important; border: 0!important; height: 0!important; display: block } ul.owner-breeder { max-width: 20em; white-space: normal!important; } .leaders-table em { color: #999; } .properties { margin: 0; overflow: hidden; color: #555; list-style: none; font-family: "proxima-nova","Montserrat", sans-serif; font-size: .875em; } .properties li { background: none; display: inline; list-style: none; } .properties li:after { content: " | "; display: inline-block; margin: 0 .25em 0 .625em; } .properties li:last-child::after { content: ''; } .properties a, .properties a:visited { color: #555; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #636c72; text-align: left; caption-side: bottom; font-size: .875em; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, a.button, a[type="button"], select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, a.button, a[type="button"], input { overflow: visible; } button, a.button, a[type="button"], select { text-transform: none; } button, a.button, a[type="button"], html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } a.button::-moz-focus-inner, button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } /*FORMS*/ form button[type="submit"], form input[type="submit"] { margin: 0 0 0 auto; display: block } input, select, textarea { border-radius: 3px; border: 1px solid #d9d5ce } input[type="text"], input[type="password"], select, textarea { padding: .5em; width: 100%; font-size: 1rem; margin-bottom: .5em; } input[type="checkbox"], input[type="radio"] { width: 1rem; height: 1rem; margin: 0; display: inline-block; vertical-align: text-bottom; } input[type="checkbox"]:before { content: ""; display: block; border: 1px solid #d9d5ce; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 2px; opacity: 1; background: #fff; } input[type="checkbox"] { width: 1.25rem; height: 1.25rem; margin-bottom: 0; position: relative; } input[type="checkbox"]:checked:after { position: absolute; top: 0; left: 0; text-align: center; font-weight: bold; font-family: Georgia, Times, 'Times New Roman', serif; color: darkslategrey; font-size: 1.5em; line-height: 1; content: ""; width: .75em; height: 1.25em; border-radius: 3px; border-right: 5px solid darkslategrey; font-size: .875rem; border-bottom: 5px solid darkslategrey; -ms-transform: rotate(45deg) translate(-1px, 2px); -webkit-transform: rotate(45deg) translate(-1px, 2px); transform: rotate(45deg) translate(-1px, 2px); -ms-transform-origin: bottom right; -webkit-transform-origin: bottom right; transform-origin: bottom right; } label { font-size: .875rem; margin-bottom: 0; display: block; font-size: .75rem; font-family: "proxima-nova","Montserrat", sans-serif; text-transform: uppercase; font-weight: bold; color: #8e8058; } label.checkbox-label { margin-bottom: .75em; text-transform: none; font-weight: normal; color: inherit; font-size: .875rem; } label.checkbox-label input { margin-right: .25em; } legend { font-size: .75rem; font-family: "proxima-nova","Montserrat", sans-serif; text-transform: uppercase; font-weight: bold; color: #8e8058; } fieldset { margin-bottom: 1.5em; } form section { margin-bottom: 1.5em; } .input-note { font-size: .75rem; font-style: italic; color: #999; text-transform: none; font-weight: normal; } input+ .input-note, select + .input-note { display: block; } label.radio-pill span { display: inline-block; padding: .75em; border: 1px solid #2f4f4f; border-radius: 2rem; line-height: 1; -webkit-transition: all .25s; transition: all .25s; color: #2f4f4f; text-transform: none; font-weight: normal; font-size: .875rem; min-width: 4em; text-align: center; } label.radio-pill { overflow: hidden; display: inline-block; position: relative; line-height: 1; } label.radio-pill input { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } label.radio-pill input:checked+span { background: #2f4f4f; color: #fff; } .accent-bg input, .accent-bg select { border: 0; } /*infield labels*/ .infield-label input, .infield-label select { background: #fff; color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; height: 2.625em; margin: 0; outline: none; padding: .875em; width: 100%; } .infield-label select { padding: .625em .875em; padding-right: 0; } .infield-label-select label { pointer-events: none; background: url(../img/transparent.png); } .infield-label input:focus { border-color: #08c; -webkit-box-shadow: 0 0 6px rgba(0, 136, 204, 0.4); -moz-box-shadow: 0 0 6px rgba(0, 136, 204, 0.4); box-shadow: 0 0 6px rgba(0, 136, 204, 0.4); } .infield-label { display: block; position: relative; margin: 1.5rem 0 .5em; } form>.infield-label:first-child { margin-top: 1.25em; } .infield-label label { bottom: 0; color: #555; display: block; left: 0; line-height: 1em; margin: 0; right: 0; top: 0; } .js .infield-label label { cursor: text; font-size: .875rem; padding: .75em; position: absolute; white-space: nowrap; -webkit-transition: all .25s; transition: all .25s; color: #7b7b7b; font-weight: normal; text-transform: none; } .infield-label.placeholder-focus label, .infield-label.placeholder-hide label { bottom: auto; color: #8e8058; line-height: 1; right: auto; top: -1.25em; font-size: 12px!important; padding: 0; } .infield-label+.g-row>.g-col .infield-label { margin-top: 1em; } .g-row + .infield-label { margin-top: 1em; } .infield-label-image.placeholder-focus label { top: -122px; } .g-row>.infield-label { margin-top: .5rem; } .quick-form { display: flex; max-width: 20em; margin: 10px auto; font-size: 1rem; } form.quick-form .infield-label { flex-grow: 1; align-items: center; margin: 0; } .quick-form input { border-radius: 3px 0 0 3px; } .quick-form button { border-radius: 0 3px 3px 0; font-size: 1rem; white-space: nowrap; } .form-short { max-width: 24rem; margin: 0 auto; } .acct-form { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd; overflow: hidden; } .acct-form button, .acct-form [type="submit"], .acct-form [type="button"] { float: right; font-size: 1rem; margin-left: 1em; } .data-filter { padding: 1em; background: #ecebea; border-radius: 3px; font-size: .875rem; } .data-filter select, .data-filter input[type="text"], .data-filter input[type="password"] { max-width: 20em; margin-bottom: .75rem; font-size: 1em; padding: .75em; } .data-filter>form { margin: 0 auto; } .data-filter [type="button"], .data-filter button[type="submit"] { white-space: nowrap; margin-bottom: .75rem; font-size: 1.125em; margin-left: 0; } .data-filter label { font-size: .75rem; font-family: "proxima-nova","Montserrat", sans-serif; text-transform: uppercase; font-weight: bold; color: #8e8058; } .content-grid-options { font-size: .875rem; border-bottom: 1px dotted #d9d5ce; margin: 0 1.5% 1em; } .content-grid-options>* { margin: 0 0 1em; } .filter-summary { padding-bottom: .5em; margin-bottom: 2em; border-bottom: 2px solid #d9d5ce; } .filter-summary h5 { margin-bottom: .25em; display: inline-block; } .filter-summary .properties { display: inline-block; vertical-align: bottom; } .filter-summary .properties li { line-height: 1; font-size: .8375rem; } .sort-controls [type="button"] { background: #fff; color: #a59163; border: 1px solid #a59163; border-radius: 2em; } .sort-controls [type="button"].current, .sort-controls [type="button"]:hover { background: #a59163; color: #fff; border: 1px solid #a59163; border-radius: 2em; } .alert { padding: .75em; font-size: 1rem; background: #f3d786; border-radius: 3px; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .75em; font-family: inherit; font-weight: 500; line-height: 1.25; color: inherit; } h1 { font-family: "proxima-nova","Montserrat", sans-serif; font-size: 2rem; } h2 { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.625rem; font-style: italic; color: #90762a; } h3 { font-family: "proxima-nova","Montserrat", sans-serif; font-size: 1.5rem; font-weight: bold; text-transform: uppercase; color: #2f4f4f; border-radius: 3px; overflow: hidden; } h3:before { display: inline-block; border-left: 3px solid #a59163; padding-left: .375em; border-radius: 3px; content: ''; width: 1px; height: 1.125em; vertical-align: text-bottom; } h3 span { font-weight: normal; } h4 { font-size: 1.125rem; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; color: #2f4f4f; } h4.body-subhead{ font-size: 1.5rem; text-transform: uppercase; margin: 1em 0 0.25em 0; } h5 { font-size: 1rem; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; color: #2f4f4f; } h5.fancy { text-align: center; /*h5.fancy: before;*/ /*h5.fancy: before;*/ color: #a59163; font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; } h5.fancy:before, h5.fancy:after { content: ''; display: inline-block; width: 2em; height: 1px; background: #a59163; margin: .25em .5em .5em; line-height: 1; vertical-align: middle; color: #a59163; background: -moz-linear-gradient(left, rgba(165, 145, 99, 1) 0%, rgba(165, 145, 99, 0) 100%); background: -webkit-linear-gradient(left, rgba(165, 145, 99, 1) 0%, rgba(165, 145, 99, 0) 100%); background: linear-gradient(to right, rgba(165, 145, 99, 1) 0%, rgba(165, 145, 99, 0) 100%); border-radius: 1px; } h5.fancy:before { background: -moz-linear-gradient(left, rgba(165, 145, 99, 0) 0%, rgba(165, 145, 99, 1) 100%); background: -webkit-linear-gradient(left, rgba(165, 145, 99, 0) 0%, rgba(165, 145, 99, 1) 100%); background: linear-gradient(to right, rgba(165, 145, 99, 0) 0%, rgba(165, 145, 99, 1) 100%); } h6 { font-size: .75rem; font-family: "proxima-nova","Montserrat", sans-serif; text-transform: uppercase; font-weight: bold; color: #8e8058; } a.anchor { display: block; position: relative; top: -115px; visibility: hidden; } button, a.button, a[type="button"], input[type="submit"], input[type="button"] { background: #2f4f4f; padding: .75em .75em .625em; border: 0; color: #fff; border-radius: 3px; cursor: pointer; -webkit-appearance: none; font-size: .9375em; font-family: "proxima-nova","Montserrat", sans-serif; display: inline-block; line-height: 1em; } button:hover, a.button:hover, a[type="button"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button.current, a[type="button"].current { text-decoration: none; background: #a59163; color: #fff; } button.current, a.button.current, a[type="button"].current { cursor: default; } section>a[type="button"]:last-child, section>a.button:last-child { margin: 0 auto; font-size: .875em; float: right; } .btn-secondary, a.button.btn-secondary, [type="button"].btn-secondary { background-color: #d9d5ce; color: #2f4f4f; } form .btn-back { float: right; margin-left: 1em; } .btn-delete { background: #a01f1f!important; color: #fff; } .text-warning { color: #a01f1f; } .text-caution { color: goldenrod; } .text-success { color: green; } /*SIZES*/ .giga { font-size: 2.25rem !important; line-height: 1.5; } .mega { font-size: 1.5rem !important; line-height: 1.5; } .kilo { font-size: 1.125rem !important; line-height: 1.5; } .normal { font-size: 1rem !important; line-height: 1.5; } .deci { font-size: .9375rem !important; line-height: 1.5; } .mini { font-size: .875rem !important; line-height: 1.5; } .micro { font-size: .8125rem !important; line-height: 1.5; } small { font-size: .75em !important; line-height: 1.5; display: inline-block; font-style: italic; font-family: Georgia, Times, 'Times New Roman', serif; color: #777; } .nano { font-size: .75rem !important; line-height: 1.5; } .pico { font-size: .625rem !important; line-height: 1.5; } svg.icon { width: 1em; height: 1em; display: inline-block; vertical-align: text-bottom; } svg.inline-logo { width: 10em; height: 1.5em; display: inline-block; vertical-align: top; } h1>svg.inline-logo { height: 1em; } svg.block-logo { width: 12em; height: 1.75em; display: block; margin: 0 auto 1.5em; } a.keeIcon { display: inline-block; margin: 0 .5em; flex-shrink: 0; } body { font-family: "proxima-nova","Montserrat", sans-serif; margin: 0; padding: 0; position: relative; overflow-x: hidden; width: 100%; } ul { list-style: none; padding: 0; margin: 0; } .site-head { z-index: 14000; position: fixed; top: 0; left: 0; right: 0; } .site-head-mini .site-head-inner { justify-content: center; } .site-head-mini .siteLogo { margin: 0 auto; } .header-wrap { background: #09482f; display: flex; flex-shrink: 0; align-items: center; } .nav-wrap { height: 100%; position: fixed; top: 0; visibility: hidden; z-index: 14000; -webkit-transition: max-width .2s linear, visibility 0s linear .2s; transition: max-width .2s linear, visibility 0s linear .2s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; max-width: 0; overflow: hidden; } .nav-is-open { overflow-x: hidden; } .nav-is-open .nav-wrap { visibility: visible; -webkit-transition: max-width .2s linear, visibility 0s linear, z-index 0s linear .2s; transition: max-width .2s linear, visibility 0s linear, z-index 0s linear .2s; z-index: 15000; max-width: 16.875rem; } header nav[role="navigation"] { display: block; position: relative; height: 100%; overflow: hidden; width: calc(16.875rem + 20px); background: #d9d5ce; overflow-y: scroll; box-shadow: -3px 0 10px #b2b0ac inset; box-sizing: border-box; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .inner-nav { position: relative; overflow: hidden; min-height: 100%; } .primary-nav { display: block; margin-bottom: 1rem; float: none; } .primary-nav > li { float: none; display: block; width: 16.875rem; border-bottom: 1px solid #b2b0ac; margin: 0; } .primary-nav>li>a { display: block; padding: .75em; color: #292e3d; text-decoration: none; text-transform: uppercase; line-height: 1; } .primary-nav>li>a:hover, .primary-nav>li:hover>a { background: #a59163; } .has-subnav>a:after { content: ""; float: right; margin-top: .3125em; padding: .3125em; box-shadow: 2px -2px 0 0 #a59163 inset; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .has-subnav>a:hover:after, .has-subnav:hover>a:after { box-shadow: 2px -2px 0 0 #292e3d inset; } .subnav { float: none; position: absolute; display: block; top: 0; right: 0; left: auto; min-height: 100%; width: 0; min-width: 0; margin: 0; list-style: none; z-index: 1000; background: #292e3d; font-size: .875em; line-height: 1; -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out; } .has-subnav.is-open .subnav { width: 16rem; z-index: 15001; } .subnav li { width: 15rem; margin: 0; } .subnav a { color: #fff; line-height: 1.25; padding: .75em 1em .625em; display: block; text-decoration: none; border-bottom: 1px solid #353a48; } .subnav a:hover { background: #3f475f; } .subnav h5 { margin: 0; font-weight: bold; color: #a59163; padding: 1.25rem .75em .5rem; text-transform: uppercase; border-bottom: 1px solid #353a48; font-size: .9375em; } .nav-mask { position: absolute; top: 3rem; left: 0; right: 0; bottom: 0; z-index: -1; } .content-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .subnav-is-open .nav-mask, .nav-is-open .content-mask { z-index: 1; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, .65); } .nav-is-open .content-mask { z-index: 16000; } .secondary-nav { width: 16.875rem; } .secondary-nav li { color: #a59163; font-size: .875em; width: 49%; display: inline-block; box-sizing: border-box; padding-left: .5em; } .secondary-nav a { color: #292e3d; padding: .5rem 0; display: block; } .secondary-nav a.subscribe { color: #F00; font-style: normal; font-weight: bold; letter-spacing: 0.5px; } .acct-panel { background: #012813; color: #fff; padding: .8375rem; font-size: .875em; width: 16.875rem; overflow: hidden; } .acct-panel h6 { float: left; margin: 0; font-size: 1em; text-transform: none; font-weight: normal; line-height: 1.5; max-width: 9.5rem; } .acct-panel a { text-decoration: none; color: #fff; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; } .acct-panel ul { float: right; } .acct-panel ul li { font-weight: bold; } .acct-panel ul li:nth-child(2) { display: none; } .content-wrap, .header-wrap, .site-msg { -webkit-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .content-wrap, .header-wrap, .site-msg { z-index: 1; } .nav-is-open .content-wrap, .nav-is-open .header-wrap, .nav-is-open .site-msg { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(16.875rem, 0, 0); min-width: 320px; } main { padding: 2em 4vw; max-width: calc(90rem + 8vw); margin: 3rem auto 0; -webkit-transition: margin-top .25s; transition: margin-top .25s; } main:after { content: ''; display: block; clear: both; } .siteLogo { order: 2; } .siteLogo a { padding: 1em .75em; display: block; min-width: 10rem; width: 28vw; max-width: 15rem; } .siteLogo a:hover { text-decoration: none; } .siteLogo img { display: block; width: 100%; } a.menu-btn { order: 1; position: relative; color: white; display: block; padding: .5rem .75rem; font-size: 1.5rem; cursor: pointer; line-height: 1; } .search-panel { padding: .75em; border-bottom: 1px solid #b2b0ac; width: 16.875rem; } .search-ctrl-btn { display: none; } .search-panel form { display: -webkit-flex; /* Safari */ background: #fff; position: relative; white-space: nowrap; display: flex; } .search-panel input { width: 11em; border: 0; padding: .5em .75em; display: inline-block; z-index: 10; position: relative; background: transparent; flex-grow: 2; margin-bottom: 0; } .search-panel label { position: absolute; top: 0; left: 0; padding: .875rem .75rem; font-size: .75em; text-transform: uppercase; color: #b2b0ac; background: #fff; -webkit-transition: all .2s; transition: all .2s; line-height: 1; z-index: 1; } .search-panel input:focus { outline: none; } .search-panel input:focus+label, .search-panel input.not-empty+label { -ms-transform: translateY(-18px); -webkit-transform: translateY(-18px); transform: translateY(-18px); padding: .5em .75em 0; } .search-btn { background: none; border: 0; -webkit-appearance: none; width: 2.375em; margin-left: -4px; padding: .5rem; flex-shrink: 1; line-height: 1; color: #2f4f4f; } .site-msg { width: 100%; order: 1; } .message { background: #a01f1f; flex-grow: 1; position: relative; font-size: .875em; line-height: 1.25; min-width: 180px; flex-basis: 180px; border-top: 1px solid #831f1f; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .message+.message { border-left: 2px solid #831f1f; } .message.dismissed { max-width: 0; white-space: nowrap; min-width: 0; overflow: hidden; max-height: 0; border: 0; } .message .close-btn { position: absolute; right: 0; top: 0; line-height: 1; padding: .75em; color: #fff; max-height: 100%; } .message a { font-weight: bold; padding: .75em 2.5em .75em .75em; display: block; color: #fff; } .message a:hover { text-decoration: none; background: #b52323; } .message .close-btn .icon { display: block; font-size: 1.25em; } .site-foot { background: #d9d5ce; } .site-foot .g-row { max-width: 64rem; margin: 0 auto; } .site-foot .g-row:last-child { border-top: 1px solid #b6b2aa; padding-top: 1.5em; } .site-foot section { margin-bottom: 0; } .footer-links { display: flex; flex-wrap: wrap; margin: 0 auto; font-size: 0.875em; line-height: 1.5; max-width: 33em; } .footer-links>li { padding: .75em 3vmin .75em; flex-basis: 50%; } .footer-links li li { margin-bottom: .5em; } .footer-copyright { padding: 0; text-align: center; color: #555; font-size: .75rem; } .footer-social { line-height: 1; } .footer-brands { padding: 1.5em; border-bottom: 1px solid #b6b2aa; } .footer-brands ul { display: flex; justify-content: space-around; margin: 0 auto; max-width: 30em; } .footer-brands li { padding: .5em; flex-basis: 33%; max-width: 120px; } .footer-brands li:last-child { display: none; } .footer-brands a { display: block; width: 100%; position: relative; padding-bottom: 35.6%; height: 0; margin: 0 auto; } .footer-social ul { display: flex; justify-content: space-around; font-size: 2rem; max-width: 11em; margin: 0 auto; } .footer-social a { color: #292e3d; } .footer-social h6, .footer-brands h6 { visibility: hidden; height: 0; margin: 0; overflow: hidden; line-height: 0; } svg.brand { width: 100%; height: 100%; position: absolute; } .column-list { display: flex; flex-wrap: wrap; align-items: stretch; } .column-list li { float: left; width: auto; flex-grow: 1; white-space: normal; flex-basis: 35%; } .column-list li.column-list-full-span { flex-basis: 100%; } .column-list-strict { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .column-list-strict li { -webkit-column-break-inside: avoid; break-inside: avoid; } /* !!! HACK ALERT !!! */ _:-ms-fullscreen, :root .column-list li { min-width: 50%; flex-basis: auto; } .subnav .column-list li { border-bottom: 1px solid #353a48; } .column-list a { padding-left: 1em; border-bottom: 0; white-space: nowrap; } .fixed-column-list { -moz-column-width: 20em; -moz-column-gap: 3em; -webkit-column-width: 20em; -webkit-column-gap: 3em; column-width: 20em; column-gap: 3em; } .fixed-column-list-narrow { -webkit-column-width: 11.5rem; -webkit-column-gap: 2rem; -moz-column-width: 11.5rem; -moz-column-gap: 2rem; column-width: 11.5rem; column-gap: 2rem; } .fixed-column-list li, .fixed-column-list-narrow li { break-inside: avoid; -webkit-column-break-inside: avoid; } .rank-list.fixed-column-list { -webkit-column-width: 9em; -webkit-column-gap: 1em; -moz-column-width: 9em; -moz-column-gap: 1em; column-width: 9em; column-gap: 1em; font-size: 1rem; } .link-list { font-size: .9375rem; text-transform: uppercase; font-weight: bold; margin-bottom: 1em; } .link-list li { margin-bottom: .5em; } .link-list li li { padding-left: 1.5em; text-transform: none; font-weight: normal; line-height: 1.25; font-size: .9375em; } .link-list li li a { padding-left: .5em; } .link-list li ul { margin-top: .25em; } .link-list li.current>a, .link-list .current-no-link { background: #ecebea; padding-top: .5em; padding-bottom: .5em; border-radius: 3px; } .link-list a::before, .link-list .current-no-link::before { content: "\00bb"; color: #a59163; position: absolute; left: 0; top: 0; line-height: 1; margin-top: 1px; font-weight: bold; } .link-list li li a::before, .link-list li .current-no-link::before { content: "-"; font-weight: normal; margin-top: 0; } .link-list a, .link-list .current-no-link { position: relative; padding-left: 1em; display: block; } .link-list li.current>a:before, .link-list .current-no-link::before { margin-top: .625em; } .link-list>li.current>a:before, .link-list>.current-no-link::before { margin-left: .25em; } .link-list li.current>a::after, .link-list .current-no-link::after { content: ''; display: block; border: 3px solid transparent; width: 1em; height: 1em; border-radius: 3px; border-bottom-color: #b6b2aa; border-right-color: #b6b2aa; position: absolute; right: .75em; top: 50%; margin-top: -.5em; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .link-list.accent-bg li { padding-left: 0; } .link-list-lite { font-weight: normal; text-transform: none; } .dot-leader-list li { margin-bottom: 1em; } .dot-leader-list h4 { margin: 0; font-size: 1em; } .dot-leader-list p { font-size: .875em; margin: 0; } .button-list a { margin-bottom: .75em; width: 100%; text-align: center; max-width: 14em; } .cloud-list { text-align: center; } .cloud-list li, .cloud-list li a { display: inline; line-height: 2em; padding: 0; } .cloud-list a:before { display: none; content: ''; } .cloud-list a:after { content: '\00a0\2022\00a0'; display: inline; font-family: Georgia, Times, 'Times New Roman', serif; color: #a59163; font-weight: bold; } .cloud-list li:last-child a:after { display: none; content: ''; } .icon-list { display: flex; text-align: center; font-size: .75em; margin-bottom: 2em; } .icon-list.icon-list-vertical { flex-direction: column; font-size: .875rem; } .icon-list .icon { font-size: 2.5em; display: block; margin: 0 auto .25rem; } .icon-list-vertical .icon { display: inline-block; margin: 0 .25rem 0 0; vertical-align: middle; font-size: 2em; } .icon-list li { flex-grow: 1; margin: 0; margin-left: 1px; background: #292e3d; color: #fff; padding: .5em 0; width: 25%; overflow: hidden; } .icon-list-vertical li { margin: 0; margin-bottom: 1px; width: auto; } .icon-list li.current { background: #a59163; } .icon-list li:first-child { border-radius: 3px 0 0 3px; } .icon-list li:last-child { border-radius: 0 3px 3px 0; } .icon-list-vertical li:first-child { border-radius: 3px 3px 0 0; } .icon-list-vertical li:last-child { border-radius: 0 0 3px 3px; } .icon-list a { color: #fff; display: block; margin: -.5em 0; padding: .5em 0; -webkit-transition: all .25s; transition: all .25s; } .icon-list-vertical a { padding: .5em .75em; text-align: left; line-height: 1; } .icon-list a:hover { background: #3a4256; text-decoration: none; } .icon-list-reverse a { background: #ecebea; color: darkslategrey; } .icon-list-reverse a:hover { background: #d9d5ce; } .page-head + .icon-list { margin-top: -4em; margin-bottom: 3rem; } ul.card-list { display: flex; clear: both; flex-wrap: wrap; justify-content: center; padding: 1%; border-radius: 3px; } ul.card-list>li { padding: 1rem; background: #ecebea; border-radius: 3px; margin: 1%; width: 31%; min-width: 15em; max-width: 22em; flex-grow: 1; } ul.card-list header { background: darkslategrey; margin: -1rem -1rem 2rem; padding: 1rem; border-radius: 3px 3px 0 0; position: relative; text-align: center; } ul.card-list header * { color: #fff; text-align: center; margin: 0; } ul.card-list header h5 { font-size: .75rem; text-transform: uppercase; background: #a59163; padding: .25em .75em; border-radius: 3px; display: inline-block; bottom: -2em; position: relative; } ul.card-list header h4 { margin-bottom: -1rem; } ul.card-list header h4 a::after { content: "\00a0\00bb"; } .topic-nav { font-size: .875rem; -moz-column-count: 3; -moz-column-width: 14em; -webkit-column-count: 3; -webkit-column-width: 14em; column-width: 14em; column-count: 3; } .topic-nav:after { content: ''; display: block; clear: both; } .topic-nav li { break-inside: avoid; -webkit-column-break-inside: avoid; -webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 1; } .race-list>li { border-bottom: 1px dotted #d9d5ce; padding-bottom: .75em; margin-bottom: .75em; font-size: 1rem; overflow: hidden; display: flex; flex-wrap: wrap; } .race-list .properties li { margin-bottom: 0; } .race-list h4 { margin: 0 0 .25em; font-size: 1rem; flex-grow: 1; order: -1; width: 100%; } .race-list .race-date { margin: 0; font-size: .875rem; flex-grow: 0; flex-shrink: 0; padding: 0 .5em 0 0; margin: 0 .5em 0 0; border-right: 1px solid #ccc; } .race-list>li>* { margin-right: 1em; } .race-list>li>:last-child { margin-right: 0; } .stacked .race-date { display: inline-block; padding: .25em; margin: 0; font-weight: normal; color: white; background: #a59163; border-radius: 3px; float: left; margin-right: .5em; line-height: 1; font-size: 1.25em; } .stacked .race-date span { font-size: .75rem; text-transform: uppercase; display: block; font-family: Georgia, Times, 'Times New Roman', serif; } .bc-event { background: #ecebea; border-radius: 3px; } .bc-event header { border-bottom: 1px solid #fff; border-radius: 3px; padding: 1.5em; text-align: center; margin-bottom: 1em; } .bc-event header h4 { font-weight: normal; margin: 0; color: #555; letter-spacing: 2px; font-size: .875em; } .bc-event header h3 { margin: .25em; color: #423658; } .bc-event header h3:before { display: none; } .bc-event header h3 span { color: #a59163; } .bc-race-list, .race-list.tiles { display: flex; flex-wrap: wrap; margin: 0 auto 1.5em; justify-content: center; padding: 2%; } .race-list.tiles { max-width: 1140px; padding: 0; } .bc-race-list>li, .race-list.tiles>li { width: 23%; background: #ecebea; margin: 1%; border-radius: 3px; font-size: .875rem; overflow: hidden; min-width: 155px; display: flex; flex-direction: column; max-width: 200px; padding: 0; border: 0; } .race-list.tiles>li { width: 48%; min-width: 200px; max-width: 295px; } .bc-event .bc-race-list>li { background: #fff; } .bc-race-list h4, .race-list.tiles h4 { margin-bottom: 0; padding: .75rem .75rem 1rem; border-bottom: 1px solid #fff; text-align: center; background: #2f4f4f; font-size: 1rem; color: #fff; flex-grow: 1; display: flex; justify-content: center; align-items: center; } .bc-race-list h4 { background: #423658 } .bc-race-list h4 a, .race-list.tiles h4 a { color: #fff; } .bc-race-list h4 span { display: block; font-size: .75rem; font-weight: normal; color: #d4ba6f; text-transform: none; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; } .bc-race-list ul, .race-list.tiles ul { flex-grow: 0; text-align: center; position: relative; padding: 1em; padding-top: 1.25em; font-size: 1em; } .race-list.tiles ul li { float: none; border: 0; padding: 0; } .race-list.tiles .more-link { margin-right: 0; } .race-list.tiles+.more-link { display: block; max-width: 625px; margin: 0 auto; text-align: right; padding: 0 1%; } .bc-race-list .bc-race-no, .race-list.tiles .race-date { position: absolute; top: 0; left: 50%; background: #a59163; margin-top: -.75em; padding: .25em; border-radius: 2px; color: #fff; line-height: 1; text-transform: uppercase; font-size: .75rem; font-weight: bold; margin-left: -2.75em; width: 5.5em; text-align: center; } .race-list.tiles .race-date { position: static; border: 0; margin: -.75em auto; } .calendar-list { font-size: .875rem; } .calendar-list br { content: ''; } .calendar-list br:after { content: ', '; } .calendar-list li { margin-bottom: 1em; border-bottom: 1px dotted #d9d5ce; padding-bottom: 1em; } .calendar-list strong, .calendar-list h4 { display: inline-block; color: #90762a; font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-size: 1rem; vertical-align: top; margin-bottom: 0; } .calendar-list h4 { font-size: 1.125em; } .calendar-list span { display: inline-block; min-width: 45%; max-width: 40em; vertical-align: top; font-size: .875rem; } .calendar-list p { margin-bottom: 0; font-size: 1rem; } .rank-list { counter-reset: section; padding: 0; margin: 0; border-top: 1px dotted #d9d5ce; margin-bottom: 1.5em; } ol.rank-list li:before { counter-increment: section; content: counters(section, ".") "."; color: #a59163; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; display: inline-block; margin-right: .5em; } .rank-list li { padding: .5em; list-style: none; border-bottom: 1px dotted #d9d5ce; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; } .rank-list a, .rank-list strong { font-weight: bold; white-space: nowrap; flex-grow: 1; } .rank-list span { float: right; font-size: 1rem; text-align: right; align-self: center; line-height: 1; flex-grow: 0; overflow: hidden; margin-left: 1em; } .rank-list span a { font-weight: normal; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: block; } .rank-list.accent-bg li:last-child { border-bottom: 0; } /* GRID SYSTEM - SMALL*/ .g-row { margin-left: -2%; margin-right: -2%; } .g-row.g-row-reverse .g-col { float: right; } .g-flex-row { display: flex; align-items: stretch; } .g-row:after { content: ""; display: table; clear: both; } .g-col { float: left; box-sizing: border-box; min-height: 1px; margin-left: 2%; margin-right: 2%; width: 96%; } .g-s1 { width: 4.3333333333%; } .g-s2 { width: 12.6666666667%; } .g-s3 { width: 21%; } .g-s4 { width: 29.3333333333%; } .g-s5 { width: 37.6666666667%; } .g-s6 { width: 46%; } .g-s7 { width: 54.3333333333%; } .g-s8 { width: 62.6666666667%; } .g-s9 { width: 71%; } .g-s10 { width: 79.3333333333%; } .g-s11 { width: 87.6666666667%; } .g-s12 { width: 96%; clear: both; float: none; } .g-offset-s1 { margin-left: 8.3333333333%; } .g-offset-s2 { margin-left: 16.6666666667%; } .g-offset-s3 { margin-left: 25%; } .g-offset-s4 { margin-left: 33.3333333333%; } .g-offset-s5 { margin-left: 41.6666666667%; } .g-offset-s6 { margin-left: 50%; } .g-offset-s7 { margin-left: 58.3333333333%; } .g-offset-s8 { margin-left: 66.6666666667%; } .g-offset-s9 { margin-left: 75%; } .g-offset-s10 { margin-left: 83.3333333333%; } .g-offset-s11 { margin-left: 91.6666666667%; } .g-offset-s12 { margin-left: 100%; } /* Ads */ .ad-block { text-align: center; margin-bottom: 2em; } .ad-block>*, .ad-block>a>*, .ad-block img, .ad-block iframe, .ad-block ins { margin: 0 auto; line-height: 1; display: block; max-width: 100%!important; object-fit: contain; /* width: unset!important; height: unset!important; */ } .ad-block>a { display: inline-block; line-height: 0; vertical-align: top; } .ad-block img, .ad-block iframe, .ad-block ins { max-width: 100%; height: auto; } script, style { display: none!important; } .ad-block.full-width { width: 100vw; margin-left: -50vw; position: relative; left: 50%; box-sizing: border-box; clear: both; padding: 0; } main .ad-block.full-width:first-child { margin-top: -2em; background: #d9d5ce; } main .ad-block.full-width:last-child { margin-bottom: -2em; background: #ecebea; } main .ad-block.full-width.reverse-bg:first-child { background: #0d1115; } section.full-width.reverse-bg+.ad-block.full-width { margin-top: -3em; } .ad-block.sponsor-logo { font-size: .75rem; font-style: italic; font-family: Georgia, Times, 'Times New Roman', serif; display: block; text-transform: none; font-weight: normal; color: #333; text-align: center; } .breadcrumb { list-style: none; padding: 0; margin: 0; font-size: .8375rem; overflow: hidden; margin-bottom: 2em; } .breadcrumb li { display: inline-block; } .breadcrumb li+li { margin-left: .75em; color: #8c877d; } .breadcrumb a { color: #8c877d; font-weight: normal; } .breadcrumb a:hover { color: #333; } .breadcrumb li+li:before { content: ''; height: 1.25em; border-left: 1px solid #a59163; display: inline-block; vertical-align: middle; line-height: 1; -ms-transform: skew(-15deg) translateY(-10%); -webkit-transform: skew(-15deg) translateY(-10%); transform: skew(-15deg) translateY(-10%); margin-right: .75em; } /*Tabs, Accordions, Tooltips, Expandables, Collapsibles*/ .tabs { display: flex; align-items: stretch; margin-bottom: 1rem; font-size: 1rem; clear: both; } .tabs li { display: inline-block; flex-shrink: 1; display: flex; align-items: stretch; margin: 0; } .tabs a, .tabs:after, .tabs:before { padding: .75em; background: #ecebea; display: block; font-size: .875em; text-transform: uppercase; font-weight: bold; color: #555; line-height: 1; display: flex; align-items: center; -webkit-transition: all .25s; transition: all .25s; text-align: center; margin: .5em 0 0; } .tabs:after { content: '\00a0'; border-radius: 0 3px 3px 0; padding: .75em .25em; flex-grow: 1; } .tabs:before { content: '\00a0'; border-radius: 3px 0 0 3px; padding: .75em .25em; } .tabs li+li { margin-left: 1px; } .tabs .current a, .tabs .current a:hover, .tabs .slick-active a, .tabs .slick-active a:hover { background: #a59163; color: #fff; padding: 1em .75em; border-radius: 3px 3px 0 0; margin: 0; cursor: default; } .tabs a:hover { text-decoration: none; background: #d9d5ce; } .tab-panes { margin-bottom: 2em; } .tab-panes.accent-bg, .sub-module .carousel.accent-bg { margin-top: -1rem; border-top: 1px solid #fff; overflow: hidden; } .tab-panes>h4 { display: none; } /*ACCORDION*/ .tabs-to-accordion +.tab-panes h4 a, .accordion h4 a { display: block; background: darkslategrey; color: white; padding: .5em; position: relative; line-height: 1; border-radius: 3px; } .tabs-to-accordion +.tab-panes h4 a:before, .accordion h4 a:before { content: '+'; display: inline-block; line-height: 1; margin-right: .5em; width: 1.125em; font-family: Georgia, Times, 'Times New Roman', serif; text-align: center; font-weight: bold; border-radius: 1px; } .tabs-to-accordion +.tab-panes h4.current a:before, .accordion h4.current a:before { content: '-'; } .tabs-to-accordion +.tab-panes h4 a:hover, .accordion h4 a:hover { text-decoration: none; background: #3c6565; } ul.tabs.pills { display: block; } ul.tabs.pills li { display: inline-block; } ul.tabs.pills li a { border-radius: 2em; border: 1px solid #a59163; margin: 0; color: #a59163; display: block; text-transform: none; font-weight: normal; background: none; } ul.tabs.pills:before, ul.tabs.pills:after { display: none; } ul.tabs.pills li a:hover { background: #a59163; color: #fff; } ul.tabs.pills li.current a { padding: .75em; border-radius: 2em; color: #fff; background: #a59163; } .tabs.simple { margin-bottom: 2em; font-size: 1.125rem; border-bottom: 1px solid #d9d5ce; } .tabs.simple a { background: none; margin: 0; padding: .75em .5em; position: relative; } .tabs.simple:after, .tabs.simple:before { display: none; } .tabs.simple .current a, .tabs.simple .current a:hover { color: #a59163; padding: .75em .5em; background: none; } .tabs.simple li { margin-right: .5em; } .tabs.simple a:after { content: ''; height: 4px; background: transparent; width: 100%; display: block; position: absolute; bottom: 0; left: 0; right: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .25s; transition: all .25s; } .tabs.simple .current a:after, .tabs.simple a:hover::after { -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); background: #a59163; } .full-width.reverse-bg .tabs { text-align: center; } .reverse-bg .pills a { background: none; } .accordion h4+div { max-height: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; } .accordion h4+div.is-open { margin-bottom: 1.5em; max-height: 1000%; } .expandable-box { max-height: 15em; position: relative; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; } .expandable-box.data-explainer { max-height: 5.25rem; } .expandable-box.data-explainer:nth-last-child(2) { margin: 0; } .data-explainer p { max-width: 100%; text-align: left; } .expandable-box .expandable-trigger { position: absolute; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%); text-align: center; padding-top: 2.5em; font-size: .875rem; text-transform: uppercase; color: #a59163; } .expandable-box.is-open { max-height: 1000px; } .expandable-box .expandable-trigger:after { content: '+ Show More'; } .expandable-box.is-open .expandable-trigger { position: static; display: block; padding: 0; background: none; } .expandable-box.is-open .expandable-trigger:after { content: '^ Show Less'; } .scroll-box { max-height: 18em; overflow-y: scroll; border-top: 1px solid #d9d5ce; border-bottom: 1px solid #d9d5ce; margin-bottom: .75em; } .scroll-box>* { margin: 0; } .scroll-box>ul { padding-top: .75em; } .scroll-box >ul li:last-child { margin-bottom: 0; border-bottom: 0; } /*COLLAPSE LIST TO DROPDOWN BUTTON*/ .dropdown-parent { margin-bottom: .75em; position: relative; } .dropdown-parent h6 { display: none; } .dropdown-parent .dropdown-btn, .facet-btn { text-align: left; width: 100%; background: #ecebea; font-size: 1rem; font-weight: bold; color: #77736d; text-transform: uppercase; } .dropdown-parent .dropdown-btn.secondary { background: #fff; border: 1px solid #d9d5ce; } .dropdown-parent.is-open .dropdown-btn { background: #d9d5ce; } .dropdown-parent .dropdown-btn:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a59163; display: inline-block; float: right; position: relative; top: 5px; margin-left: .5em; -webkit-transition: all .25s; transition: all .25s; } .is-open .dropdown-btn:after { -webkit-transform: rotate(-180deg) translateY(5px); -ms-transform: rotate(-180deg) translateY(5px); transform: rotate(-180deg) translateY(5px); } .dropdown .dropdown-list { position: absolute; top: 100%; left: 0; max-width: 95vw; z-index: 500; display: block; box-shadow: 2px 2px 4px #b2b0ac; } .topic-nav .dropdown-list, .dropdown-push .dropdown-list { position: relative; top: -1px; display: inline-block; width: 100%; } .is-open .dropdown-list { display: block; } .dropdown .dropdown-list { max-height: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; padding: 0 1em; background: #ecebea; clear: both; margin: 0; display: block; } .dropdown.is-open .dropdown-list { padding: 1em; border-radius: 3px; margin: 0; max-height: 600px; } .dropdown .dropdown-btn { display: block; } .dropdown h6 { display: none; } .dropdown-parent.heading-adjacent { margin-bottom: -2em; } .dropdown-parent.heading-adjacent .dropdown-btn { float: right; } .dropdown-parent.heading-adjacent.is-open { margin-bottom: .75em; } .heading-w-link .dropdown-list { left: auto; right: 0; } .heading-w-link form.dropdown-list { min-width: 20em; } .tool-tip { position: absolute; text-align: center; background: #292e3d; color: #fff; padding: .5rem; font-size: .875rem; border-radius: 3px; margin-top: -4%; max-width: 300px; } .tool-tip:after { content: 'tap to close'; display: block; color: #a59163; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; } .tool-tip:before { content: ''; border: 6px solid transparent; border-top-color: #292e3d; height: 0; width: 0; display: block; position: absolute; top: 100%; left: 50%; margin-left: -6px; } /*HOMEPAGE*/ .g-row.homepage-lede { display: flex; flex-wrap: wrap; align-items: stretch; } .hp-lede-list .summary-list li:last-child { margin-bottom: 0; } .hp-lede-list ul.headline-list { border-top: 1px dotted #d9d5ce; padding-top: .75em; } article.daily-teaser h4 { margin-bottom: .25em; } article.daily-teaser figure { margin: 0 auto 1em; text-align: center; } .topic-module-wrapper { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } .topic-module-wrapper>* { max-width: 350px; } /*.topic-module-wrapper>*:last-child { max-width: 740px; }*/ .topic-module { display: flex; flex-wrap: wrap; align-items: stretch; } .topic-module header { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: .75em; } .topic-module h3 { flex-shrink: 0; margin-right: .5rem; max-width: 100%; margin-bottom: 0; font-size: 1.25rem; } .topic-module-wrapper>.ad-block { min-width: 250px; } .topic-module .sponsor-logo.ad-block { margin: 0; min-width: 120px; margin-top: -1.25em; } .topic-module .sponsor-logo.ad-block img { display: block; } .topic-module article { max-width: 440px; flex-grow: 1; margin-bottom: 1px; width: 100%; border-radius: 3px 3px 0 0; } .topic-module .headline-list { margin: 0; max-width: 100%; background: #ecebea; padding: 1.5rem; flex-grow: 1; border-radius: 0 0 3px 3px; } .topic-module .headline-list li { padding: 0; border: 0; margin: 0; } .topic-module .headline-list li+li { padding: 0; border: 0; border-top: 1px dotted #b6b2aa; padding-top: .5em; margin-top: .5em; margin-bottom: 0; } .sub-module .carousel figure { background: none; width: 130px; float: left; max-width: 35%; margin: 0 .75em 0 0; } .sub-module article { margin: 0; } .sub-module figure.tablet-wrap { background: url('//cdn.bloodhorse.com/current/css/images/iPad-Air-2.png') no-repeat top left; width: 130px; background-size: 100% auto; margin-bottom: 0; } figure.tablet-wrap img { margin: 13% 17% 16% 12%!important; max-width: 77%; } .sub-module h5 { color: #90762a; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: normal; font-style: italic; } .sub-module .badge { display: inline-block; vertical-align: top; } .daily-teaser h5 { margin-bottom: 1.25em; } .daily-teaser h5 svg { height: 1.125em; width: 12em; vertical-align: text-bottom; display: inline-block; } .daily-teaser h5 span { text-transform: uppercase; font-weight: normal; -ms-transform: scaleY(1.1); -webkit-transform: scaleY(1.1); transform: scaleY(1.1); display: inline-block; color: #585859; margin-right: .125rem; } /* Articles */ aside, article { margin-bottom: 2em; } article footer { clear: both; } .article-body, .stakesShell-body { font-family: Georgia, Times, 'Times New Roman', serif; line-height: 1.75; font-size: 1.125rem; } .article-body p, .stakesShell-body p { max-width: 42em; } .article-body>p:first-of-type:first-letter { font-size: 5em; float: left; line-height: 1; font-family: "proxima-nova","Montserrat", sans-serif; margin-right: .125em; margin-top: -.025em; color: #a59163; font-weight: bold; font-style: normal; } .article-body table, .stakesShell-body table { font-size: .8125em; } .content-source-footer { font-style: italic; display: block; margin-bottom: 2em; } article.report-body { margin-top: -4em; z-index: 10; position: relative; } .article-body ul { list-style: disc; margin-left: 22px; } .article-head, .page-head { border-bottom: 1px solid #d9d5ce; padding: 0 0 1.5em 0; margin: 0 auto 1.5em; position: relative; } .page-head h1, .page-head h2 { text-align: center; } .page-head p { font-size: .875rem; max-width: 48em; margin: 0 auto 1.5em; text-align: center; } .page-head:after { content: ''; display: block; clear: both; } .page-head>:last-child { margin-bottom: 0; } .page-head .properties { text-align: center; font-size: .875rem; margin-bottom: 1em; } .page-head .properties li { float: none; display: inline-block; } .page-head .article-meta, .page-head .breadcrumb { text-align: center; } .article-head { max-width: 50em; text-align: center; } .page-head.race-head { padding-bottom: 0; border-bottom: 0; } .page-head.blog-head { margin: 0 2% 2em; } .blog-brand { text-align: center; } .page-head .sponsor-logo, .article-head .sponsor-logo { position: absolute; top: 100%; background: #fff; margin-top: -15px; padding: 0 1em; white-space: nowrap; border-left: 1px solid #d9d5ce; right: 50%; margin-right: -135px; border-right: 1px solid #d9d5ce; width: 270px; text-align: center; } header .cta-btn { position: absolute; top: 100%; margin-top: -1.25em; white-space: nowrap; right: 50%; margin-right: -7em; width: 14em; display: block; text-align: center; } .ad-block.sponsor-logo img { display: inline; } .page-head h1 { margin-bottom: .25em; word-wrap: break-word; } .article-head h2, .page-head h2 { font-size: 1rem; line-height: 1.5; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; margin: 0 auto 1.5em; color: #777; } .page-head h2 { color: #90762a; } .page-head h2 a { color: #90762a; border-bottom: 2px dotted #d9d5ce; } .article-head figure { display: inline-block; margin: 0; text-align: center; margin-bottom: 2em; max-width: 100%; } .article-head figcaption { font-size: .875rem; text-align: left; } .article-head figure.orientation-vertical { display: flex; justify-content: center; position: relative; flex-direction: row-reverse; } .article-head figure.orientation-vertical figcaption { max-width: 15em; padding: 1.5em; display: flex; flex-direction: column; justify-content: flex-end; background: #1c1f29; color: white; } .page-head.register-head { width: 100vw; position: relative; left: -50vw; margin-left: 50%; margin-right: 0; padding: 1.5em; margin-top: -2em; text-align: center; background: #ecebea; border-bottom: 0; } .register-head li { font-size: .875rem; margin-top: .25em; } .article-meta { font-size: .875rem; margin-bottom: .75em; } .meta-byline { font-weight: bold; } a.twitter-follow { color: #26c4f1; } .meta-category { font-weight: bold; text-transform: uppercase; font-size: 1rem; margin: 0 0 1em 0; color: #90762a; line-height: 1; } .meta-category a { color: #90762a; } .meta-category .bhd-logo { width: 16.25em; height: 1.5em; } .article-tools { text-align: center; margin-bottom: 1.5em; } footer .article-tools { margin-bottom: 0; } footer .article-tools, .article-tools li { display: inline-block; } article footer a[type="button"], article footer a.button { font-size: 1rem; padding: .75rem .75rem; border: 1px solid #2f4f4f; } .article-tools a { padding: .625rem .75rem; border: 1px solid #d9d5ce; line-height: 1; display: block; margin: .25em .125em; border-radius: 3px; color: #a29d94; -webkit-transition: all .2s; transition: all .2s; } .article-tools a .icon { font-size: 1.25rem; min-width: 1em; } .article-tools a:hover { background: #2f4f4f; color: #fff; border-color: #2f4f4f; } .article-body .ad-block:before, .slideshow .ad-block:before, .ad-label:before, .carousel.tiles .ad-block.ad-label:after { content: 'Advertisement'; font-size: 10px; text-transform: uppercase; font-family: "proxima-nova","Montserrat", sans-serif; display: block; text-align: center; padding: .25em 0; } .race-replay-wrapper > .ad-block:before { content:none; } .carousel.tiles .ad-block.ad-label:before { display: none; } .article-body p a { border-bottom: #d9d5ce 2px dotted; -webkit-transition: border .2s; transition: border .2s; color: #2f3e6e; font-weight: bold; } .article-body p a:hover { text-decoration: none; border-bottom: #a59163 2px solid; } .article-body .twitter-tweet { overflow: hidden; } small.disclaimer { display: block; margin-bottom: 2em; font-style: italic; } .derbyDozen .number { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-size: 2em; line-height: 1; color: #a59163; float: left; width: 2.75rem; margin: 0; } .derbyDozen p.pedigree { font-size: .75em; color: #90762a; font-style: italic; clear: both; } .derbyDozen p.horse { margin-bottom: .5em; padding: .125em 0; border-bottom: 1px dotted #d9d5ce; } .derbyDozen p.horse a:first-child { font-size: 1.25em; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; flex-grow: 1; border: 0; padding: 0; line-height: 1; display: block; line-height: 1; } /*VIDEO PAGE*/ .video-body { display: flex; flex-wrap: wrap; } .video-body .video-player, .video-body .video-desc { margin-bottom: 2em; } .video-body .ad-block { margin-bottom: 0; } .video-head h1 { margin-bottom: .25em; font-size: 2rem; } .video-desc { font-size: .9375rem; max-width: 60em; } .ad-block.full-width +.video-page-wrapper { margin-top: -2em; } .video-page-wrapper { background: #171921; color: #fff; padding-top: 2em; } .video-page-wrapper a { color: #d9d5ce; } .video-page-wrapper a:visited { color: #d9d5ce; } .video-page-wrapper a[type="button"], .video-page-wrapper a.button, .reverse-bg a[type="button"], .reverse-bg a.button, .reverse-bg button { background: #a59163; border-color: #a59163; } .video-page-wrapper .page-head { border-bottom-color: #2f323e; } .video-page-wrapper ul.article-meta, .video-page-wrapper ul.article-meta a { color: #a59163; } .video-page-wrapper .article-meta li+li { border-color: #444958; } .video-page-wrapper .article-tools a:hover, .reverse-bg .article-tools a:hover { background: #a59163; color: #fff; border-color: #a59163; } .video-page-wrapper footer section { margin-bottom: 0; } /*SLIDESHOW*/ .slideshow { margin-bottom: 2em; } .slideshow .loading:before, .slideshow .loading:after, .slideshow .loading { background: #2f4f4f; } .slideshow.thumbs .carousel { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; } .slideshow.thumbs .carousel .slide figcaption { opacity: 1; } .js .slideshow { position: relative; } .js .slideshow .carousel { max-height: 530px; overflow: hidden; opacity: .25; } .js .slideshow .carousel+.loading { position: absolute; top: 50%; left: 50%; } .js .slideshow .carousel.slick-initialized, .slideshow.thumbs .carousel { max-height: 1000%; overflow: visible; opacity: 1; } .js .slideshow .carousel.slick-initialized+.loading, .slideshow.thumbs .carousel+.loading { display: none; } .slideshow.thumbs .carousel .slide { width: 30%; min-width: 270px; max-width: 400px; margin: .5em 1%; background: #ecebea; overflow: hidden; border-radius: 3px; flex-grow: 1; opacity: 1!important; } .slideshow .slideshow-toggle, .slideshow .slide-counter { display: none; } .slideshow .slide figure { display: table; margin: 0 auto; border-radius: 3px; overflow: hidden; background: none; } .slideshow .slide figcaption { display: table-caption; caption-side: bottom; background: none; opacity: 0; -webkit-transition: all .25s; transition: all .25s; } .slideshow .slick-current figcaption { opacity: 1; } .slideshow .ad-slide { background: #ecebea; } .slideshow .ad-block { margin: 0; } .slideshow button.slick-arrow { background: darkslategray; margin-right: .5em; } .slideshow .slick-arrow.slick-disabled { background: #a29d94; } .slideshow button.slick-arrow::before { border-color: #fff; } .slideshow-options { display: flex; align-items: center; justify-content: flex-start; position: relative; padding-bottom: .75em; border-bottom: 1px dotted #d9d5ce; margin-bottom: .75em; } .slideshow.thumbs .slideshow-options { justify-content: flex-end; } .slideshow-options .slick-arrow { flex-grow: 0; } .slideshow .carousel { align-items: stretch; } .slideshow .carousel button.slick-arrow { height: auto; background: none; outline: none; } .slideshow .carousel button.slick-arrow::before { border-color: #2f4f4f; } .slide-counter { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #a59163; font-size: 1.75rem; margin: 0 .5em; flex-grow: 1; } span.slide-count { color: #a59163; } span.slide-length::before { content: " of "; display: inline-block; font-family: "proxima-nova","Montserrat"; font-style: normal; text-transform: uppercase; font-size: 10px; text-align: center; line-height: 1; margin: 0 6px; } .slide-counter span { display: inline-block; text-align: center; line-height: 1; } .slideshow-toggle { order: 99; text-transform: uppercase; padding: .625rem .75rem; line-height: 1.25rem; font-size: .75rem; margin-right: .5em; white-space: nowrap; } .slideshow-toggle .icon { font-size: 1.25rem; line-height: 1; vertical-align: bottom; } .slideshow-toggle .images, .slideshow.thumbs .slideshow-toggle .thumbs { display: none; } .slideshow.thumbs .slideshow-toggle .images { display: inline-block; } .slideshow-options .article-tools { order: 100; margin: 0; } .carousel.tiles { display: flex; justify-content: center; margin: 0 -1.5% 2em; } section>.carousel.tiles { margin-bottom: 0; } .carousel.tiles .slick-track { display: flex; align-items: stretch; } .carousel.tiles article, .carousel.tiles .ad-block { width: 30vw; margin: 0 1vw; background: #ecebea; border-radius: 3px; overflow: hidden; flex-direction: column; display: flex; height: auto; } .carousel.tiles h4 { line-height: 1.375; font-size: .9375rem; margin: 0; width: 100%; text-align: center; } .carousel.tiles h4 a { padding: .75em; text-align: center; display: block; } .carousel.tiles figure { max-width: 100%; } .carousel.tiles figure.no-image { width: 100%; } .carousel.tiles figure img { max-width: 100%; position: static; left: 0; height: auto; } .carousel.tiles .summary.content-report figure { float: none; margin: 0 auto; padding: 0; position: relative; width: 100%; padding-top: 66%; background-color: #1c1f29; } .carousel.tiles .summary.content-report figure a { position: absolute; top: 1em; left: 1em; right: 1em; text-align: center; bottom: 0; overflow: hidden; } .carousel.tiles .summary.content-report figure a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1em; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); } .article-list article, .article-list>div { margin: 0; width: 100%; display: flex; align-items: center; } .article-list>li, .article-list div { overflow: hidden; margin-bottom: .75em; background: #ecebea; border-radius: 3px; } .article-list figure { float: left; margin: 0; flex-shrink: 0; max-width: 30%; overflow: hidden; } .article-list h4 { line-height: 1.375; font-size: .9375rem; margin: 0; width: 100%; text-align: left; } .article-list div h4 { font-size: 1.125rem; } .article-list h4 a { padding: .25em .75em; display: block; } .accent-bg .article-list li { background: #fff; } ol.article-list article:before { counter-increment: section; content: counters(section, ".") " "; font-family: Georgia, Times, 'Times New Roman', serif; color: #ecebea; padding: .75em; float: left; align-self: stretch; background: #2f4f4f; } ol.article-list { counter-reset: section; list-style-type: none; padding: 0; } .summary p { margin-bottom: .75rem; font-size: 1rem; font-family: Georgia, Times, 'Times New Roman', serif; max-width: 36em; overflow: hidden; } .summary p:last-child { margin-bottom: 0; } .article-head .article-meta li { display: block; } .article-head .article-meta li+li { margin-left: 0; padding-left: 0; border-left: 0; } /*ARTICLE LISTS AND SUMMARIES*/ article.overlay-summary { position: relative; max-width: 440px; margin: 0 auto; } article.overlay-summary>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 49, 22, 0.65); display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center; pointer-events: none; padding: .75em; text-shadow: 1px 1px 20px #003116, 1px 1px 60px #003116; -webkit-transition: all .25s; transition: all .25s; } article.overlay-summary.bc>div { background: rgba(75, 61, 97, .75); text-shadow: 1px 1px 20px #423658, 1px 1px 60px #423658; } article.overlay-summary.bc p { color: #d4ba6f; } article.overlay-summary figure:hover +div { background: rgba(0, 49, 22, 0.85); } article.overlay-summary.bc figure:hover +div { background: rgba(75, 61, 97, .85); } article.overlay-summary figure:hover+div>* { -ms-transform: translateY(-1rem); -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } article.overlay-summary h4 { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-weight: normal; font-size: 1.5em; margin-bottom: .25em; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } article.overlay-summary h4 a, article.overlay-summary h4 a:visited { color: #fff; } article.overlay-summary p { font-size: .875em; margin: 0; color: #a59163; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } article.lede, article.topic-lede { overflow: hidden; position: relative; background: #ecebea; border-radius: 3px; } article.lede figure, article.lede h4, article.topic-lede figure, article.topic-lede h4 { margin-bottom: .25em; } article.lede img, article.topic-lede img { width: 100%; } article.lede div, article.topic-lede div { padding: 4% 6%; } article.lede p { font-size: .875em; line-height: 1.25; } article.topic-lede p { display: none; } article.lede.summary{ min-height: 225px; } article.lede >:last-child, article.topic-lede >:last-child { margin: 0; } article.lede .no-image { display: none; } article.lede .no-image + div { padding: 8%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; } article.lede .no-image + div h4 { font-size: 1.25em; margin-bottom: .5em; } article.lede .no-image + div p { line-height: 1.5; } article.lede h4 a::before{ display:none; } .article-list { margin-bottom: 2em; } .article-list.river article { display: block; } .article-list.river>li { background: none; border-bottom: 1px dotted #d9d5ce; margin-bottom: 1.5em; padding-bottom: 1.5em; } .article-list.river h4 { width: auto; overflow: hidden; } .article-list.river h4 a { font-size: 1.125rem; padding: .25em 0; display: inline-block; } .article-list.river p { clear: left; font-size: .875em; margin-bottom: .75em; } .article-list.river figure { margin: .75em 1em 1em 0; } .article-list.river figure.no-image { display: none; } article.summary.single ul.article-meta, .article-list.river ul.article-meta { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #a59163; font-size: .875rem; margin: 0; order: 99; width: 100%; flex-shrink: 0; margin-top: .5em; } article.summary.content-product { display: block; } article.summary.content-product p, article.summary.content-product h4 { width: auto; overflow: hidden; } article.summary.content-product figure { max-width: 140px; float: none; margin: 0 auto 1em; } article.summary.single h4 { margin-bottom: .25em; } article.summary.single .article-meta a, .article-list.river ul.article-meta a { color: #a59163; border-bottom: 1px dotted #d9d5ce; } article.summary.single .article-meta a:hover, .article-list.river ul.article-meta a:hover { color: #a59163; border-bottom: 0; } article.summary.single .meta-byline, .article-list.river ul.article-meta .meta-byline { font-weight: normal; } .article-list.tiles .summary.content-report figure, .carousel.tiles .summary.content-report figure { position: relative; padding: 2px; } .article-list.tiles .summary.content-report figcaption, .carousel.tiles .summary.content-report figcaption { position: absolute; bottom: .5em; left: 0; line-height: 1; border-radius: 0 3px 3px 0; background: #a59163; color: #fff; text-transform: uppercase; font-size: .75em; } article.single p { clear: both; } .summary-list li { background: none; border-bottom: 1px solid #d9d5ce; padding-bottom: 1em; margin-bottom: 1em; } .summary-list li:last-child { border-bottom: 0; padding-bottom: 0; } .summary-list h4 { font-size: 1.125em; margin-bottom: .125em; } .summary-list figure + h4 { font-size: 1.125rem; } .summary-list article { display: block; } .summary-list h4 a { font-size: 1.125rem; padding: 0; } .summary-list figure { margin-right: 1em; margin-bottom: 0; } figure.no-image:after { content: ''; width: 100%; padding-top: 66%; display: block; background-color: #1c1f29; background-image: repeating-linear-gradient(45deg, transparent, transparent 1vw, rgba(0, 0, 0, .1) 1vw, rgba(0, 0, 0, .1) 3vw); } figure.no-image { position: relative; min-width: 30%; } figure.no-image:before { content: ''; background: url(//cdn.bloodhorse.com/assets/2017/img/bh-icon-sprite.svg) no-repeat; display: block; position: absolute; top: 20%; left: 30%; bottom: 20%; right: 30%; overflow: hidden; background-size: 370%; opacity: .45; } .content-video figure { position: relative; } .content-video figure:after { content: ''; background: url(//cdn.bloodhorse.com/assets/2017/img/bh-icon-sprite.svg) no-repeat; display: block; position: absolute; bottom: 50%; right: 50%; overflow: hidden; background-size: 400%; opacity: .65; /* width; */ background-position: 100% 100%; width: 18%; height: 0; padding-top: 18%; background-color: rgba(0, 0, 0, .5); border-radius: 100%; margin: 0 -9% -9% 0; -webkit-transition: all .25s; transition: all .25s; } figure.content-video2 picture:after { content: ''; background: url(//cdn.bloodhorse.com/assets/2017/img/bh-icon-sprite.svg) no-repeat; display: block; position: absolute; bottom: 66%; right: 55%; overflow: hidden; background-size: 400%; opacity: .65; background-position: 100% 100%; width: 10%; height: 0; padding-top: 10%; background-color: rgba(0, 0, 0, .5); border-radius: 100%; margin: 0 -9% -9% 0; -webkit-transition: all .25s; transition: all .25s; } figure.content-video2.lo-res-image picture:after { right: 78%; } .content-video figure:hover:after { opacity: 1; } .content-video h4 a:before { content: ''; background: url(//cdn.bloodhorse.com/assets/2017/img/bh-icon-sprite.svg) no-repeat; background-position: 29% 85%; background-size: 400%; width: 1em; height: 1em; display: inline-block; margin-right: .125em; } .content-slideshow h4 a:before { content: ''; background: url(//cdn.bloodhorse.com/assets/2017/img/bh-icon-sprite.svg) no-repeat; background-position: 0 74%; background-size: 495%; width: 1em; height: 1em; display: inline-block; margin-right: .25em; } article.content-stallion { margin-bottom: 1em; text-align: center; } article.content-stallion figure { margin: 0 auto 1em; float: none; max-width: 100%; } article.content-stallion h4 { font-size: 1.25rem; white-space: nowrap; } article.content-stallion p { font-family: "proxima-nova","Montserrat", sans-serif; max-width: 100%; margin: 0; font-size: .875rem; clear: both; } article.content-daily.summary h4 span { display: block; position: relative; font-family: "proxima-nova","Montserrat", sans-serif; font-size: .75rem; font-weight: bold; text-transform: uppercase; padding: .25rem .75rem 0; } article.content-daily.summary figure a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0.65) 100%); } article.content-daily.summary figure a { position: relative; display: block; } article.summary.content-race { font-size: 1rem; } .article-list.river article.summary.content-race { display: block; } article.summary.content-race p { order: inherit; color: #a59163; } article.summary.content-race p a { color: #a59163; border-bottom: 2px dotted #d9d5ce; } article.content-race div { background: none; width: 100%; } ol.results-placers li { border-bottom: 1px dotted #d9d5ce; counter-increment: placer; padding: .5em 0; margin-bottom: 0; overflow:hidden; } ol.results-placers h5 { margin-bottom: 0; } article.summary.content-race ol.results-placers p { font-family: "proxima-nova","Montserrat", sans-serif; font-size: .90rem; color: #333; margin: 0; clear: none; width: auto; } ol.results-placers { margin: 0; padding: 0; flex-grow: 1; counter-reset: placer; list-style: none; margin: 0 .5em; border-top: 1px solid #d9d5ce; border-bottom: 1px solid #d9d5ce; } ol.results-placers li:before { content: attr(value); float: left; font-size: 2em; font-family: Georgia, Times, 'Times New Roman', serif; width: 1em; text-align: center; line-height: 1; margin-right: .25em; color: #d9d5ce; } ol.results-placers li:last-child { border-bottom: 0; } ol.results-placers div.ad-block { clear: both; width:100%; } ol.results-placers div.ad-block img{ margin-top: .5em; } ol.results-placers div { margin: 0; float: left; width: auto; } .headline-list { font-weight: bold; font-size: .875rem; max-width: 30em; margin-bottom: 2em; } .headline-list li { border-bottom: 1px dotted #d9d5ce; padding-bottom: .75em; margin-bottom: .75em; overflow: hidden; } .headline-list li:last-child { border-bottom: 0; padding-bottom: 0; } .headline-list figure { margin: 0 1em .25em 0; float: left; max-width: 50%; } .headline-list figure + a { font-size: 1.125em; } .daily-promo p { text-align: center; margin: 1.5em 0 0; } .daily-promo a[type="button"], .daily-promo a.button { margin-bottom: .25em; } a.more-link { font-size: .9375em; font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif; color: #90762a; text-transform: none; font-style: italic; white-space: nowrap; margin-right: 1em; } a.more-link:visited { color: #a59163; } a.more-link:after { content: "\00a0\00bb"; } a.more-link:last-child { margin-right: 0; } h3 .more-link, h4 .more-link, h5 .more-link { display: block; margin-top: .5em; } .tags { display: flex; align-items: flex-start; } .tags h5 { color: #a59163; font-size: 1.5em; text-indent: 100%; overflow: hidden; width: 2em; white-space: nowrap; height: 1em; margin: 0; flex-shrink: 0; flex-grow: 0; } .tags .icon { text-indent: 0; display: block; margin: 0 .5em; } .tags ul { line-height: 1; } .tags li { display: inline-block; font-size: .75em; margin: 0 .25em; font-weight: bold; line-height: 1; } .author-bio figure { float: left; margin: 0 1em 0 0; max-width: 25%; } .author-bio .accent-bg { margin-bottom: 1em; font-size: 1rem; overflow: hidden; display: flex; align-items: flex-start; } .author-bio h6 { margin: -.75em 0 1.5em; } .author-bio p { white-space: nowrap; margin: 0; font-size: .8125rem; line-height: 1.5; } .pagination { text-align: center; margin-bottom: 2em; white-space: nowrap; overflow: hidden; } .pagination li { display: inline-block; } .pagination a { padding: .5em .75em .25em; background: none; color: #2f4f4f; } .pagination .disabled a, .pagination .disabled a:hover { color: #777; cursor: not-allowed; background: none; } .pagination li.active a { font-weight: bold; color: #ffffff; background: #a59163; } .pagination li.active a:hover { background: none; color: #a59163; } .pagination .page-number { background: transparent; color: #2f4f4f; } .pagination a:hover { /*color: #fff;*/ } .pager-expanded { border-bottom: 2px solid #d9d5ce; padding: .75em 0; display: flex; flex-wrap: wrap; align-items: center; } .pager-expanded:after { content: ''; display: block; clear: both; } .pager-expanded>* { margin: 0; font-size: 1rem; flex-shrink: 0; flex-grow: 0; } .pager-expanded>h5 { font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #a59163; flex-grow: 1; padding: .25em 1em; float: left; } .pager-expanded .dropdown { width: 100%; margin-bottom: .75em; } .pager-expanded .pagination { padding: 0 2em; position: relative; max-width: 100%; } .pager-expanded .pagination li:first-child { position: absolute; left: 0; top: 0; background: white; } .pager-expanded .pagination li:last-child { position: absolute; top: 0; right: 0; background: white; } .pager-expanded+ ul.article-list { margin-top: 2em; } .smug-mug-photo:after { content: ""; display: block; position: absolute; top: 1em; right: 1em; color: rgba(255, 255, 255, 0.71); font-size: .625em; padding: .25rem .5rem; border-radius: 3px; background: url('../img/bh-icon-sprite.svg') no-repeat rgba(17, 17, 17, 0.75); width: 3em; height: 3em; background-size: auto 5em; background-position: 53% -13%; opacity: .75; -webkit-transition: opacity .25s; transition: opacity .25s; } .smug-mug-photo:hover:after { opacity: 1; } a.smug-mug-photo { position: relative; display: table; margin: 0 auto; } .full-width { padding-right: 4vw; margin-left: -4vw; margin-right: -4vw; padding-left: 4vw; } .accent-bg, .second-accent-bg { background: #ecebea; padding: 1.25em; border-radius: 3px; } .accent-bg:after, .second-accent-bg:after { content: ''; display: block; clear: both; } .second-accent-bg { background: #d9d5ce; } .accent-bg-foot { margin: 1.5em -1.5em -1.5em; background: #d9d5ce; padding: 1.25em; border-radius: 0 0 3px 3px; border-top: 1px solid #fff; } .second-accent-bg .accent-bg-foot { background: #b6b2aa; } .reverse-bg .accent-bg-foot, .second-reverse-bg .accent-bg-foot { background: #d9d5ce; } .second-reverse-bg { background: darkslategrey; padding: 1.5em; color: #ecebea; border-radius: 3px; } .second-reverse-bg button { background: #a59163; } .second-reverse-bg h4 { color: #d4ba6f; } .second-accent-bg button:hover { background: #d4ba6f; } .reverse-bg { background: #292e3d; padding: 1.5em; color: #ecebea; border-radius: 3px; } .reverse-bg.full-width { padding: 2em 4vw; border-radius: 0; } .reverse-bg h3 { color: #d9d5ce; text-align: center; } .reverse-bg h4 { color: #d4ba6f; } .article-body aside { padding: 1.5em; background: #ecebea; border-radius: 3px; margin: 0 1em 1.5em 1em; font-size: .9375rem; font-family: "proxima-nova","Montserrat", sans-serif; line-height: 1.5; clear: left; } .article-body aside >:last-child { margin-bottom: 0; } .article-body>figure { clear: left; } aside.pull-quote { padding: 0em; background: none; font-size: 1em; } aside.pull-quote blockquote { font-size: 1.125em; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; background: none; padding: 0; margin: 0; line-height: 1.75; } aside.article-highlight br { display: none; } .audio-player { background: #292e3d; padding: 1em; color: white; border-radius: 3px; } .audio-player figcaption { background: none; width: 100%; padding: 0; margin-bottom: .75em; } .audio-player h4 { margin-right: 1em; flex-grow: 1; line-height: 1.25; color: #fff; } .audio-player audio { width: 100%; display: block; } .audio-player .download-btn { font-size: .75rem; background: #3f475f; flex-shrink: 0; } .video-wrapper { height: 0; padding-bottom: 56.25%; position: relative; } .video-wrapper iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 0; } .inline-race-entry p { font-style: italic; margin-bottom: .25em; font-size: .875em; font-family: Georgia, Times, 'Times New Roman', serif; } .inline-race-entry { font-size: .875em; } .postPos, .program-number { font-weight: bold; text-align: center; padding: .5em 0; width: 2em; line-height: 1; border-radius: 100%; } span.postPos { display: inline-block; } span.postPos+a { font-weight: bold; } .post1, .post1A { background: #F00; color: #FFF } .post2, .post2B { background: #FFF; color: #000; box-shadow: 1px 1px 0 #ccc, -1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px -1px 0 #ccc; } .post3, .post3C, .post3X { background: #00F; color: #FFF } .post4 { background: #FF0; color: #000 } .post5 { background: #080; color: #FFF } .post6 { background: #000; color: #FF0 } .post7 { background: #F60; color: #000 } .post8 { background: #F9C; color: #000 } .post9 { background: #0Ff; color: #000 } .post10 { background: #808; color: #FFF } .post11 { background: #C2C2C2; color: #F00 } .post12 { background: #9C0; color: #000 } .post13 { background: #400; color: #FFF } .post14 { background: #700; color: #FF0 } .post15 { background: #DDD9C3; color: #000 } .post16 { background: #DEF; color: #f60 } .post17 { background: #003; color: #FFF } .post18 { background: #030; color: #FF0 } .post19 { background: #039; color: #F00 } .post20 { background: #f18; color: #FF0 } .post21 { background: #BBD; color: #000 } .post22 { background: #036; color: #FFF } .post23 { background: #BDC; color: #030 } .post24 { background: #340; color: #FFF } .entries-summary ol { list-style: none; padding: 0; margin: 0; font-size: 1rem; -moz-column-gap: 0; -moz-column-width: 14em; -webkit-column-gap: 0; -webkit-column-width: 14em; column-gap: 0; column-width: 14em; border-top: 1px solid #d9d5ce; border-bottom: 1px solid #d9d5ce; border-radius: 3px; margin-bottom: .75em; } .entries-summary li { padding: 0.5em .75em; white-space: nowrap; break-inside: avoid; -webkit-column-break-inside: avoid; border-bottom: 1px dotted #d9d5ce; } .race-data-table tr { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; border: 0!important; background: #ecebea; border-radius: 3px; overflow: hidden; margin-bottom: 1em; font-size: .875rem; } .race-data-table td { border: 0; padding: .5em .375em; } .race-data-table h4 { font-size: 1em; line-height: 1; margin-bottom: .25em; } .race-data-table p { /*font-size: .875em;*/ font-size: 0.9rem; margin-bottom: 5px; line-height: 1.25; } td.race-data-count { text-align: center; font-size: 1.5rem; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; background: #2f4f4f; color: #fff; padding: .5em .375em; line-height: 1; align-self: stretch; } td.race-data-count span { font-size: .875rem; display: block; color: #d4ba6f; } .race-data-table .program-number { font-size: .75rem; } .race-data-horse { padding: .5em .375em; width: calc(100% - 8.5em); } .race-data-primary { width: 6em; } .entry-horse .race-data-horse { width: calc(100% - 11em); } .entry-horse .race-data-primary ul { display: flex; justify-content: space-around; } .race-data-horse .keeIcon { vertical-align: text-bottom; float: left; } .race-data-pedigree { /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; } .race-data-earnings { font-weight: bold; text-align: right; } .entry-ml { font-weight: bold; order: 99; } td.race-data-expanded { background: #fff; width: 100%; padding: .75em .75em 0; padding-left: 2.25em; flex-grow: 1; border-left: 1px solid #ecebea; border-right: 1px solid #ecebea; border-radius: 0 0 3px 3px; } td.race-data-expanded+td.race-data-expanded { padding-top: 0; } td.race-data-expanded:last-child { padding-bottom: .75em; border-bottom: 1px solid #ecebea; } .race-data-table .ad-block { margin: .75em 0 0; } .race-data-expanded ul { font-size: .85rem; } .race-data-connections li { padding-left: 1.25em; position: relative; } .race-data-expanded strong { text-transform: uppercase; color: #a59163; display: inline; font-weight: normal; } .race-data-connections strong { position: absolute; left: 0; top: 0; } tr.result-horse.scratched { background: #d9d5ce; } tr.result-horse.scratched .race-data-count { width: auto; padding: .5em; color: #ecebea; background: #a59163; } tr.result-horse.scratched h4 { margin: 0; } ul.properties.race-properties { background: #2f4f4f; border-radius: 3px; margin-bottom: 2em; color: #fff; display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction: column; } .prep-races th, .prep-races td { font-size: .875rem; padding: .75em .5em; } .prep-races h4 { font-size: 1rem; margin-bottom: .25em; max-width: 20em; } .prep-races p { margin-bottom: .25rem; font-size: .875rem; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #90762a; } .prep-races h4:last-child { margin: 0; } .prep-races ol { margin: 0; font-size: .875rem; padding: 0 0 0 1em; } .prep-races ul { max-width: 25em; } ul.properties.race-properties li { flex-grow: 1; text-align: left; margin: 0; padding: .5em 1em; display: block; border: 0; border-bottom: 1px solid #486161; line-height: 1; font-weight: bold; } ul.properties.race-properties li:after { display: none; content: ''; } ul.properties.race-properties .icon { margin: 0 .5em 0 0; width: 2em; height: 2em; vertical-align: middle; line-height: 1; fill: #b1a078; } .race-replay-wrapper { background: #171921; margin: 0 -2% 2em; width: 100vw; } .race-replay-wrapper figure { flex-grow: 1; max-width: 640px; } .race-replay-wrapper .video-wrapper { padding-bottom: 75%; } .race-replay-wrapper>* { min-width: 320px; } .payout-wrapper { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0 -1% .75em; } .payout-wrapper>div { flex-basis: 48%; flex-grow: 2; flex-shrink: 0; min-width: 300px; max-width: 480px; margin: 0 1%; } .payout-wrapper table { font-size: .875rem; } .wps-payouts strong { overflow: hidden; line-height: 1; display: inline-block; margin-top: .425em; } .wps-payouts .postPos { display: block; float: left; margin-right: .25em; font-size: .875rem; margin-left: -.25em; } .exotic-payouts strong { padding: .425em 0; line-height: 1; display: inline-block; } /*DERBY DOZEN*/ .derby-dozen { background: #ecebea; padding: 1.5em; border-radius: 3px; position: relative; } .derby-dozen figure { position: relative; margin: -1.5em -1.5em 1.5em; width: auto; background: #36416f; overflow: hidden; border-radius: 3px 3px 0 0; padding-top: 5em; } .derby-dozen figure img { position: absolute; top: 0; left: 0; bottom: 0; max-height: 100%; max-width: 1000%; } .derby-dozen h4 { border-bottom: 2px solid #d9d5ce; padding-bottom: .5em; text-transform: uppercase; } .derby-dozen h4 a { color: #a59163; } .derby-dozen .sponsor-logo { position: absolute; top: 1em; right: 1em; font-size: .8375rem; line-height: 1; z-index: 500; color: #ffffff; } .derby-dozen .sponsor-logo span { display: none; } .derby-dozen .rank-list { margin: 0; border-top: 0; } .derby-dozen .rank-list li { border-bottom: 1px dotted #b6b2aa; } .bio-head figure { margin-bottom: 1em; text-align: center; } .bio-head h2 { margin-top: -.5em; margin-bottom: .5em; } .bio-head p { margin: 0; max-width: 48em; overflow: hidden; font-size: .875rem; } .bio-text { clear: left; } .bio-head>:last-child { margin-bottom: 0; } .bio-head a { font-weight: bold; margin-bottom: 0.25em; display: inline-block; top: .5em; } .bio-head a+a { margin-left: 1em; } .pedigree-analysis article { margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px dotted #d9d5ce; } .pedigree-analysis .more-link { font-size: 1rem; } .responsive-table table { font-size: .8125rem; } .sire-list .stallion-name { font-weight: bold; white-space: nowrap; font-size: .875rem; line-height: 1em; } .sire-list td:first-child, .sire-list th:first-child { padding-left: 0; text-align: center; } .hip-table span.buyer-consignor { display: block; width: 15em; white-space: normal; } table.hip-table thead a { text-decoration: underline; } .pie-chart, .pie-chart>* { max-width: 375px; margin: 0 auto 1em; } .loading:before, .loading:after, .loading { -webkit-animation: loader-bounce 1.8s infinite ease-in-out both; animation: loader-bounce 1.8s infinite ease-in-out; display: block; width: 1rem; height: 1rem; background: #a59163; border-radius: 100%; } .loading { position: relative; margin: 1.25em auto; -webkit-animation-delay: -0.25s; animation-delay: -0.25s; } .loading:before, .loading:after { content: ''; position: absolute; top: 0; } .loading:before { left: -1.25em; } .loading:after { right: -1.25em; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } /*Classifieds*/ .classifieds-container { margin-bottom: 1em; } .classified-display { background: #ecebea; border: 1px solid #ecebea; border-radius: 3px; overflow: hidden; } .classified-display img { margin: 0 auto; display: block; } .classified-display ul, .classified-text ul { font-size: .875rem; display: flex; flex-wrap: wrap; justify-content: center; padding: .5em; font-weight: bold; } .classified-display li, .classified-text li { margin: 0 .5em; max-width: 100%; text-align: center; } .classified-display ul a, .classified-text ul a { word-wrap: break-word; } .classified-text { font-size: .875rem; padding: 1.5em; border-radius: 3px; border: 1px solid #ecebea; margin-bottom: 1em; } .classified-text.hilight { background: #f7eab7; background: -moz-linear-gradient(top, rgba(244, 236, 205, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 77%); background: -webkit-linear-gradient(top, rgba(244, 236, 205, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 77%); background: linear-gradient(to bottom, rgba(244, 236, 205, 1) 0%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 77%); border: 1px solid #f3e4ae; } .classified-print.hilight { background: #f7eab7; padding: 1em; } .classified-text p:last-child { margin: 0; } .classified-text ul { background: #ecebea; margin: 0; border-radius: 0 0 3px 3px; margin: 0 -1.5em -1.5em; text-align: center; } .classified-text.hilight ul { background: #f3e4ae; } .classifieds-promo { padding: 1.5em; border-radius: 3px; font-size: .875rem; align-self: stretch; } .classified-text h4, .classifieds-promo h4 { margin-bottom: .25em; } .classified-archive { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #d9d5ce; overflow: hidden; } .classified-archive .properties { margin-bottom: 1em; } .classified-actions input[type="submit"] { float: left; margin-right: .5em; } .classified-archive .classified-text { margin: 0 0 1em; width: auto; } /*THE SOURCE SPONSORED ADS (THRU ADVERT)*/ .listing p { margin-bottom: .5em; line-height: 1.25; font-size: .9375em; } .listing { padding: 1em; } .listing p:last-child { margin: 0; } /* THE SOURCE LANDING PAGE*/ .source-wrapper button, .source-wrapper [type="submit"], .source-wrapper [type="button"], .source-wrapper a.button { background: #a59163; } .source-wrapper h3 { color: #73182a; } .source-hero-search { background-image: url('https://cdn-images.bloodhorse.com/i/bloodhorse-images/2016/07/731bd1df187043689a9a57ee241c49eb.jpg?bgcolor=88132a&s.grayscale=true&s.alpha=.15'); background-size: cover; background-position: center 45%; padding: 3em 2em; border-radius: 3px; } .source-hero-search h3, .source-hero-search p { color: #fff; } .source-hero-search p { font-size: .875rem; } .source-hero-search div { max-width: 20em; margin: 0 auto 0 auto; } .source-wrapper .source-summary a[type="button"], .source-wrapper .source-summary a.button { margin: 0 0 .5em; float: none; font-size: .9375em; } .source-summary a.more-link { display: block; } .source-summary p { overflow: hidden; } .source-summary figure { max-width: 25%; float: left; margin: 0 .75em .75em 0; } /*Horse Profiles*/ table.pedigree { font-size: .75em; } .pedigree td { border: 1px solid #d9d5ce; word-wrap: break-word; padding: .5em; } td.ped-female { border-top: 1px dotted #d9d5ce; } td.ped-male { border-bottom: 0; } /* RACETRACK PROFILES */ .restricted-icon { background: #a59163; font-size: .75rem; color: #fff; padding: .25em .5em; border-radius: 100%; line-height: 1; font-family: Georgia, Times, 'Times New Roman', serif; } .bc-race-icon { background: #423658; font-size: .75rem; color: #fff; padding: .25em; border-radius: 100%; line-height: 1; font-family: Georgia, Times, 'Times New Roman', serif; } .safety-badge { position: absolute; bottom: 0; left: 50%; margin-bottom: -1.5em; margin-left: -1.5em; } .safety-badge a { display: block; width: 3em; height: 3em; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url('../img/NTRA-safety-alliance-member.png') no-repeat center center; background-size: contain; } .js .weather { padding: 1.5em; background: #292e3d; color: #fff; text-align: center; position: relative; padding-bottom: 2.5em; } .weather h6 { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; text-align: center; padding: .5em; background: #a59163; letter-spacing: 1px; margin: 0; } svg.wx-icon { width: 4em; height: 4em; display: inline-block; margin: 0 auto; vertical-align: middle; } .wx-conditions { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-size: .875em; color: #d4ba6f; display: inline-block; vertical-align: middle; text-align: left; margin: 0 .75em; } .wx-temp { font-size: 2.5em; display: block; vertical-align: middle; color: #fff; font-family: "proxima-nova","Montserrat"; font-style: normal; line-height: 1; } .track-location { max-width: 350px; margin: 0 auto; border-radius: 3px; overflow: hidden; } .js .google-map { padding-bottom: 50%; } .map-wrapper { position: relative; } .map-wrapper form { position: absolute; bottom: 1em; right: .5em; } .map-wrapper form button { border: 1px solid rgba(255, 255, 255, .5); background: #292e3d; padding: .125em; font-size: 1.5em; } .info-icon { border: 1px solid #a59163; font-size: .75rem; color: #a59163; padding: .25em .5em; border-radius: 100%; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-weight: bold; line-height: 1; display: inline-block; width: 1.25rem; text-align: center; } .info-icon::before { content: 'i'; } /*facet search*/ .facet-search { position: fixed; top: 0; left: 0; right: 0; bottom: 100%; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; max-height: 0; } .is-open.facet-search { position: fixed; border: 1px solid #d9d5ce; border-radius: 3px; top: 0; left: 0; right: 0; bottom: 0; background: #fff; max-height: 500vh; z-index: 1400; } .facet-search header { display: flex; justify-content: space-between; background: #ecebea; padding: .75em; align-items: center; border-bottom: 1px solid #d9d5ce; } .facet-search h4 { font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-weight: normal; margin: 0; color: #8e8058; } button.facet-close { padding: 0; border-radius: 0; background: none; color: black; font-size: 1.5rem; } .facet-search div { padding: .75em; border-bottom: 1px solid #d9d5ce; } .facet-search ul { overflow: hidden; max-height: 0; background: #ecebea; padding: 0 2vw; border-radius: 0 0 3px 3px; -webkit-transition: all .25s; transition: all .25s; } .facet-search h5 { margin: 0; } .facet-search h5:after { content: '+'; float: right; font-size: 1.25rem; color: #a59163; } .facet-search .is-open { background: #ecebea } .facet-search .is-open h5:after { content: '-'; } .facet-search .is-open ul { max-height: 500vh; padding: 2vw; } .facets li { margin: 0; break-inside: avoid; } .facets a { font-size: .875rem; color: #333; display: block; padding: .375rem; border-bottom: 1px solid #d9d5ce; break-inside: avoid; display: flex; align-items: center; } .facet-title { flex-grow: 1; } .facet-count { font-size: .675rem; color: #777; float: right; margin-top: .325em; } .facets .selected a { background: #d9d5ce; border-bottom-color: #ecebea; } .facets .selected .icon { color: #a01f1f; margin-right: .25em; } .selected-facets li { display: block; margin: 0; float: left; margin-right: .25em; } .selected-facets { display: inline; } .selected-facets a { max-width: 8em; white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; /*padding=left: ;*/ padding-right: 1.125em; font-size: .875em; position: relative; margin-right: .5em; display: none; } .selected-facets .icon { position: absolute; top: .125em; right: 0; color: #a01f1f; } .selected-facets a.clear-all { display: block; font-weight: bold; } header.facet-results-head { display: flex; align-items: flex-end; margin-bottom: .75em; font-size: 1rem; } .selected-facets { flex-grow: 1; order: -1; } .selected-facets li:last-child a, .selected-facets li:last-child { margin-right: 0; } header.facet-results-head h4 { order: -2; } header.facet-results-head>* { margin-right: .5em; margin-bottom: 0; } tr.turf-race { font-style: italic; } /*DAILY*/ .daily-app figure, .daily-signup figure { float: left; margin-right: 1em; margin-bottom: 1em; } .daily-app { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px dotted #4f5565; } .daily-app .app-buttons { text-align: center; } .daily-app .app-buttons a { display: inline-block; max-width: 48%; } .daily-app .app-buttons, .daily-signup .quick-form { clear: both; } .testimonial-sidebar { background: url('//cdn.bloodhorse.com/daily-app/images/testimonials/daily-background-small.jpg') #003324 no-repeat center bottom; background-size: contain; } .testimonial-sidebar .testimonial { background: none; padding: 2.5em 1.5em 1.5em; text-shadow: 0 0 15px #013f16, 0 0 30px #013f16; } .testimonial-sidebar .testimonial:before { content: ''; display: none; } .testimonial-sidebar .testimonial p:before, .testimonial-carousel .testimonial p:before { content: '\201C'; font-family: Georgia, Times, 'Times New Roman', serif; } .testimonial-sidebar .testimonial p:after, .testimonial-carousel .testimonial p:after { content: '\201D'; font-family: Georgia, Times, 'Times New Roman', serif; } .testimonial-sidebar .testimonial p { color: #fff; } .testimonial footer { border-top: 1px solid #FFF; position: relative; padding-top: 37px; max-width: 34em; margin: 58px auto 0; width: 100%; } .testimonial footer cite { color: #b59c59; border: 0; } .testimonial footer figure { overflow: hidden; border-radius: 100%; position: absolute; top: 0; left: 50%; margin: -38px 0 0 -38px; border: 1px solid #fff; padding: 0; background: white; } .testimonial p { max-width: 34em; margin: 0 auto .75em; } .testimonial-sidebar .slick-dots { text-align: center; height: 50px; margin-bottom: 0; display: flex!important; justify-content: center; align-items: center; background: #002016; } .testimonial-sidebar .slick-dots button { text-indent: 100%; overflow: hidden; width: 10px; height: 10px; padding: 0; background: #fff; } .testimonial-sidebar .slick-dots .slick-active button, .testimonial-sidebar.slick-dots .slick-active button:hover { background-color: #b59c59; } .testimonial-sidebar button.slick-arrow { top: auto; bottom: 0; } .testimonial-list { display: flex; flex-wrap: wrap; } .testimonial-list .testimonial { width: 100%; flex-grow: 1; margin: 10px; display: flex; flex-direction: column; justify-content: space-between; position: relative; padding-top: 4em; text-align: center; } .testimonial-list .testimonial:before { content: "\201C"; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 5em; line-height: 1em; position: absolute; left: 0; color: #b59c59; right: 0; top: .3em; text-align: center; } .tablet-head { margin-bottom: 3em; max-width: 49em; margin: 2em auto 3em; text-align: center; } .tablet-head h1 { font-size: 2rem; color: #a51e36; line-height: 1.25em; margin-bottom: .25em; max-width: 28em; font-weight: bold; } .tablet-head h2 { text-transform: none; margin-bottom: 1em; } .tablet-buttons a[type="button"], .tablet-buttons a.button { background: #3d3d3d; background: -moz-linear-gradient(top, #3d3d3d 0%, #1a1a1a 100%); background: -webkit-linear-gradient(top, #3d3d3d 0%, #1a1a1a 100%); background: linear-gradient(to bottom, #3d3d3d 0%, #1a1a1a 100%); box-shadow: 0.2em 0.2em 0 #545354; font-size: 1.125rem; border-radius: 0.375rem; padding: .875rem; margin-right: .25em; } .tablet-buttons { overflow: hidden; } .tablet-buttons a.mega { display: block; margin: 0 auto .5em; max-width: 270px; } .tablet-buttons img { margin: .25em; display: inline-block; max-width: 270px; } .check-list li:before { content: ""; display: block; padding: .875rem; background: #a59163; border-radius: 100%; position: absolute; left: 0; top: 0; } .check-list li:after { content: ""; position: absolute; left: 0; top: 0; font-size: .875rem; width: .625rem; height: 1.125rem; border-right: 5px solid #fff; border-bottom: 5px solid #fff; border-radius: 3px; margin-left: .25rem; margin-top: .25rem; -ms-transform: rotate(45deg) translate(-1px, 2px); -ms-transform-origin: bottom right; -webkit-transform: rotate(45deg) translate(-1px, 2px); -webkit-transform-origin: bottom right; transform: rotate(45deg) translate(-1px, 2px); transform-origin: bottom right; } .check-list li { position: relative; padding-left: 2.5em; font-weight: bold; font-size: 1rem; margin-bottom: 1em; } .check-list { margin: 0 1em 0; } .tablet-how-to h4 { text-align: center; } .tablet-how-to>div { box-sizing: border-box; font-size: 1rem; } .tablet-how-to>div>div { padding: 0 2em 2em; } .tablet-how-to p { clear: both; text-align: center; } .tablet-how-to h3 { background: #a51e36; color: #fff; text-align: center; text-transform: uppercase; padding: .75rem; position: relative; white-space: nowrap; margin-top: 0; } .tablet-how-to h3:before { content: ''; border: 1.75rem solid transparent; border-right-color: #fff; width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; display: block; } .tablet-how-to>div h3:after { content: ''; border: 1.75rem solid transparent; border-left-color: #fff; width: 0; height: 0; position: absolute; top: 0; left: 0; bottom: 0; } .staff-grid { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } .staff-card { padding: 1em 0 0 0; background: #ecebea; margin: 16px 14px; text-align: center; width: 22%; min-width: 12em; border-radius: 3px; display: flex; flex-direction: column; justify-content: flex-start; } .staff-card img { margin-bottom: .5em; } .staff-card h4 { margin-bottom: 0.25em; line-height: 1.25em; } .staff-card h4, .staff-card h5, .staff-card p { padding: 0 1em; } .staff-card h4 a, .staff-card h4 a:visited { color: #333; } .staff-card h5 { margin: 0 0 1.5em; font-size: .8125em; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; font-weight: normal; color: #90762a; flex-grow: 1; } .staff-card ul { display: flex; margin: 0; font-size: .8125em; width: 100%; background: #d9d5ce; align-items: center; border-radius: 0 0 3px 3px; } .staff-card ul li { margin: 0; line-height: 1em; } .staff-card ul li:first-child { flex-grow: 1; text-align: left; padding: 1em; } .staff-card ul li a { padding: 1rem 0.75rem; display: block; font-size: 1.25rem; color: #8c877d; } .staff-card .email-icon .icon { width: .75em; } .staff-card .twitter-icon { color: #26C4F1; } /*GOOGLE SEARCH OVERRIDES*/ #google-custom-search .gsc-control-cse .gs-result .gs-title { color: #2f3e6e; text-decoration: none; font-family: "proxima-nova","Montserrat", sans-serif; font-size: 1.125rem!important; margin-bottom: .25rem; font-weight: bold; } #google-custom-search .gsc-control-cse td, .gsc-control-cse tr { border: 0!important; padding: 0; background: none!important; } #google-custom-search .gsc-control-cse .gsc-table-result td.gsc-table-cell-thumbnail { padding-right: 1em; } #google-custom-search .gsc-webResult.gsc-result { border-bottom-color: #ddd; padding: 0; padding-bottom: 1rem; margin-bottom: 1em; } #google-custom-search table.gsc-table-result { margin: 0; } #google-custom-search .gs-web-image-box, #google-custom-search .gs-promotion-image-box { padding: 0; } #google-custom-search .gs-result .gs-snippet, #google-custom-search .gsc-url-bottom { font-size: .9375em; font-family: Georgia, Times, 'Times New Roman', serif; } #google-custom-search .gsc-control-cse .gs-result .gs-title b { color: #90762a; text-decoration: none; font-size: 1em; } #google-custom-search .gs-result a.gs-visibleUrl, #google-custom-search .gs-result .gs-visibleUrl { color: #2f3e6e!important; } #google-custom-search .gsc-control-cse .gs-result .gs-title * { font-size: 1em; } #google-custom-search .gsc-results .gsc-cursor { display: inline-block; } #google-custom-search .gsc-results .gsc-cursor-box { margin-bottom: 1em; text-align: center; font-size: 1rem; } #google-custom-search .gsc-results .gsc-cursor-box .gsc-cursor-page { background: transparent; color: #2f4f4f; text-decoration: none; font-family: "proxima-nova","Montserrat", sans-serif; padding: .5em .75em .25em; background: none; color: #2f4f4f; border-radius: 3px; cursor: pointer; -webkit-appearance: none; font-size: .9375em; font-family: "proxima-nova","Montserrat", sans-serif; display: inline-block; line-height: 1em; } #google-custom-search .gsc-results .gsc-cursor-box .gsc-cursor-current-page { font-weight: bold; color: #ffffff; background: #a59163; } /*CAROUSELS*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slider { display: flex; align-items: center; } .slick-slider figure { margin-bottom: 0; background: #1c1f29; } .slick-slider figure img { display: block; margin: 0 auto; } .slick-dots { overflow: hidden; } .slick-dots li { float: left; margin-right: .25em; margin-bottom: 0; } .slick-dots button { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 1em; display: block; padding: 0; height: 1em; background: #d9d5ce; border-radius: 100%; } .slick-dots .slick-active button { background: #a59163; } footer.slick-footer { display: flex; justify-content: space-between; align-items: center; background: #ecebea; margin-bottom: .75em; } .slick-header { display: flex; justify-content: space-between; align-items: center; } .slick-header .slick-next { order: 99; } p:empty { display: none; } figcaption p:last-of-type { margin: 0; } button.slick-arrow { text-indent: 100%; overflow: hidden; width: 2.5em; white-space: nowrap; position: relative; background: none; padding: 0; height: 2.5em; flex-shrink: 0; } button.slick-arrow:before { content: ''; display: block; text-indent: 0; width: 1em; height: 1em; position: absolute; border-left: 4px solid #2f4f4f; border-top: 4px solid #2f4f4f; border-radius: 3px; top: 50%; left: 50%; margin: -.5em 0 0 -.325em; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } button.slick-next.slick-arrow:before { margin: -.5em 0 0 -.625em; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } button.slick-arrow.slick-disabled:before { border-color: #d9d5ce; } .modal { position: fixed; width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; top: 0; left: 0; z-index: 16020; -ms-transform: scaleY(0); -ms-transform-origin: bottom left; -webkit-transform: scaleY(0); -webkit-transform-origin: bottom left; transform: scaleY(0); transform-origin: bottom left; -webkit-transition: transform .25s; transition: transform .25s; } .modal.open { position: fixed; left: 0; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .modal iframe { width: 100%; height: 100%; border: 0; } .modal a.close-btn { position: absolute; top: 0; right: 0; color: #fff; font-size: 2.5em; padding: .25em; line-height: 1; background: #2f323e; } body.modal-video-wrapper { background: #171921; } body.modal-video-wrapper .page-head { width: 100%; color: #fff; border-bottom-color: #2f323e; padding: 1.5em; text-align: left; margin: 0; padding-right: 3em; } body.modal-video-wrapper .properties li { color: #fff; } body.modal-video-wrapper h1 { font-size: 1.25em; text-align: left; padding-right: 1.75em; } body.modal-video-wrapper h2 { font-size: 1em; text-align: left; margin: 0; color: #a59163; } body.modal-video-wrapper .properties { display: none; } /*FLATPICKR - CALENDAR/DATEPICKER*/ .flatpickr-calendar { background: transparent; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; text-align: center; padding: 0; animation: none; direction: ltr; border: 0; font-size: .875rem; line-height: 1; border-radius: 3px; position: absolute; width: 100%; box-sizing: border-box; } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; visibility: visible; overflow: visible; max-height: 640px; } .flatpickr-calendar.open { display: inline-block; animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, 0.5, 1); z-index: 99999; background: #ffffff; max-width: 300px; border: 1px solid #d9d5ce; } .flatpickr-calendar.inline { display: block; position: relative; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.hasWeeks { width: auto; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 2em; border-top: 1px solid #d9d5ce; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 2.5em; line-height: 1; text-align: center; position: relative; user-select: none; padding: .5em; } .flatpickr-prev-month, .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: .25em; bottom: 0; padding: .5em; line-height: 1; border-radius: 3px; } .flatpickr-prev-month i, .flatpickr-next-month i { position: relative; } .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month { left: .25em; } .flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month { right: .25em; } .flatpickr-prev-month:hover, .flatpickr-next-month:hover { color: #fff; background: #a59163; } .flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg { fill: #fff; } .flatpickr-prev-month svg, .flatpickr-next-month svg { width: 1.125em; } .flatpickr-prev-month svg path, .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.05); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; top: 33%; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; top: 5px; display: inline-block; text-align: center; color: #a59163; } .flatpickr-current-month span.cur-month { font-family: inherit; color: inherit; display: inline-block; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; margin-left: 7px; padding: 0; color: #2f4f4f; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; padding: .25em 0; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: default; padding: 0 0 0 0.5ch; margin: 0; display: inline; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: initial; border: 0; border-radius: 0; vertical-align: initial; font-weight: bold; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; border-bottom: 1px dotted #d9d5ce; } .flatpickr-days, .flatpickr-weeks { padding: 0 0 0 0; } .flatpickr-days { padding: 0; outline: 0; text-align: left; width: 100%; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-around; border-top: 1px dotted #d9d5ce; margin-top: 1px; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 3px; box-sizing: border-box; color: #333; cursor: pointer; font-weight: 400; width: 14.2857143%; /*flex-basis: 14.2857143%;*/ line-height: 1; padding: 3% 0; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange { border-radius: 0; background: #486161; border-color: #486161; color: #fff; } .flatpickr-day.selected.startRange { border-radius: 3px 0 0 3px; } .flatpickr-day.selected.endRange { border-radius: 0 3px 3px 0; } .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #2f4f4f; border-color: #2f4f4f; color: #fff; } .flatpickr-day.today { border-color: #a59163; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #2f4f4f; background: #2f4f4f; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #2f4f4f; color: #fff; border-color: #2f4f4f; } .flatpickr-day.inRange { border-radius: 0; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { pointer-events: none; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } span.flatpickr-weekday { cursor: default; font-size: 90%; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; background: transparent; text-align: center; display: block; float: left; width: 14.28%; text-transform: uppercase; margin: 0; padding: .75em 0; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; width: 100%; } @-moz-keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; } } @-webkit-keyframes flatpickrFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; } } @keyframes flatpickrFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; } } @-webkit-keyframes loader-bounce { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes loader-bounce { 0%, 90%, 100% { -webkit-transform: scale(0); transform: scale(0); } 45% { -webkit-transform: scale(1.0); transform: scale(1.0); } } @media only screen { .sort-arrow[sortdir="up"], .sort-arrow[sortdir="down"] { display: inline-block; width: 0; height: 0; border: 5px solid transparent; } .sort-arrow[sortdir="up"] { border-bottom-color: #d4ba6f; margin-bottom: 2px; } .sort-arrow[sortdir="down"] { border-top-color: #d4ba6f; margin-bottom: -3px; } .responsive-table { margin-bottom: 2em; } .responsive-table.is-pinned thead>tr:first-child th { border-top: 0; } .responsive-table.is-pinned { position: relative; border: 1px solid #d9d5ce; overflow: hidden; } .responsive-table.is-pinned table { margin-bottom: 0; } .responsive-table.is-pinned .sort-arrows { display: none; } .is-pinned .scroll-table { display: block; width: auto; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .is-pinned .scroll-table .td-first-visible { padding-left: .625em; } .is-pinned .pinned-cell, .is-pinned .pin-clone, .is-pinned .pinned-cell>*, .is-pinned .pin-clone>* { max-width: 14em; white-space: normal!important; } .is-pinned .pinned-cell { visibility: hidden; } .is-pinned .last-pin-clone { border-right: 2px solid #d9d5ce; } .is-pinned .last-pinned-cell+* { padding-left: .75em; } .pin-clone { display: none; } .is-pinned .pin-clone { position: absolute; visibility: visible; display: block; background: #fff; } .responsive-table .scroll-table td { white-space: normal; vertical-align: top; } .responsive-table.is-pinned tr:last-child, .responsive-table.is-pinned tr:last-child td { border-bottom: 0; } .td-currency { text-align: right !important; white-space: nowrap; padding: .375em .5em; } .td-currency span { float: right; display: block; } } @media only screen and (max-width: 364px) { .bc-race-list>li { flex-direction: row; max-width: 100%; width: 100%; } .bc-race-list .bc-race-no { position: static; margin: 0; background: none; color: #a59163; font-weight: normal; width: auto; text-align: center; padding: 0; line-height: 1.5em; } .bc-race-list h4, .bc-race-list ul { width: 50%; } .sire-list td:first-child, .sire-list th:first-child { display: block; width: 0; overflow: hidden; padding: 0; border: 0; height: 0; } .icon-list.hide-labels a { height: 3.5em; overflow: hidden; } .staff-card { width: 100%; } } @media only screen and (max-width: 480px) { .race-list.tiles>li { width: 100%; } .collapse-table tbody, .collapse-table tr, .collapse-table td { display: block; } .collapse-table thead { display: none; } table.collapse-table tr { border-bottom: 2px solid #d9d5ce; padding: .75em .5em; } .collapse-table tr:first-child { border-top: 2px solid #d9d5ce; } .collapse-table [data-collapse-label]::before { content: attr(data-collapse-label) ": "; font-weight: bold; } .collapse-table td { padding: 0; border: 0; } .pedigree .ped-horse { display: none; } table.stakes-table tbody { display: block; } table.stakes-table tr { display: flex; flex-wrap: wrap; border-bottom: 1px dotted #d9d5ce; padding: .5em 0; } table.stakes-table tr>td, table.stakes-table tr>th { flex-grow: 1; border-bottom: 0; padding: 0 .25em; } table.stakes-table tr>.race-name { order: -1; width: 100%; } table.stakes-table tr:last-child { border-bottom: 0; } table.stakes-table tr.table-subhead { padding: 0; } table.stakes-table tr.table-subhead th { padding-top: 1em; border-bottom: 3px solid #d9d5ce; } header.facet-results-head { flex-wrap: wrap; border-bottom: 1px solid #d9d5ce; padding-bottom: .5em; } header.facet-results-head #print-btn { display: none; } header.facet-results-head>button, header.facet-results-head .dropdown { width: 47%; order: -2; margin-bottom: .75em; } header.facet-results-head .dropdown-btn { width: 100%; } header.facet-results-head>h4 { width: auto; flex-grow: 1; } header.facet-results-head>.selected-facets { flex-grow: 0; } .selected-facets li:last-child a, .selected-facets li:last-child { margin-right: 0; } .tablet-head .tablet-buttons a[type="button"], .tablet-head .tablet-buttons a.button { display: block; margin: 0 auto .5em; max-width: 270px; } #ads-lightbox { top: 150px!important; } } @media only screen and (max-width: 600px) { .topic-module .lede figure.no-image { display: none; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .topic-module-wrapper>* { max-width: 100%; } .topic-module article { max-width: 45%; border-radius: 3px 0 0 3px; background: #191c25; margin-bottom: 0; } .topic-module .headline-list { max-width: 55%; border-radius: 0 3px 3px 0; } } @media only screen and (max-width: 640px) { .leaders-table, .leaders-table tbody, .leaders-table tr, .leaders-table th, .leaders-table td { display: block; border: 0; overflow: hidden; } .leaders-table th { width: 100%; background: #ecebea; padding: .25em .5em; } .leaders-table td { float: left; width: 50%; } .leaders-table td:last-child { width: 100%; clear: both; float: none; border-top: 1px dotted #d9d5ce; text-align: right; } .leaders-table td:nth-child(3) { text-align: right; } .leaders-table td:empty { display: none; } .prep-races td, .prep-races th { display: block; width: 100%; border: 0!important; padding: 0; } .prep-races tr { display: block; border-bottom: 1px dotted #d9d5ce; padding: .75em; } .prep-races thead { display: none; } .prep-races [title] { padding-left: 5em; position: relative; } .prep-races [title]:before { content: attr(title) ": "; color: #a59163; text-transform: uppercase; display: block; width: 5em; font-size: .875em; position: absolute; top: 0; left: 0; overflow: hidden; } .prep-races h4:last-child { margin-bottom: .5em; } } @media only screen and (max-width: 767px) and (min-width: 460px) { .hp-lede-featured::after { box-sizing: content-box; height: 0; overflow: visible; height: 2px; border: 0; margin: 2em 0; border-bottom: 1px dotted #d9d5ce; border-top: 1px dotted #d9d5ce; content: ''; } } @media only screen and (max-width: 767px) { .article-desc h2 { display: none; } .scroll-table { display: block; width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .scroll-table td, .scroll-table th { white-space: nowrap; } .tabs-to-accordion+.tab-panes h4 { display: block; } .tabs-to-accordion { display: none; } .tabs-to-accordion+.tab-panes>div { max-height: 0; overflow: hidden; } .tabs-to-accordion+.tab-panes>div.is-open { margin-bottom: 1.5em; max-height: 1000%; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; } .tabs-to-accordion +.tab-panes h4.current a { cursor: default; background: #a59163; } .tabs-to-accordion +.tab-panes h4.current a:before { content: ''; width: 0; border: 5px solid transparent; border-top-color: #fff; position: relative; bottom: -3px; } .collapse-to-dropdown .dropdown-list { max-height: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; padding: 0 1em; background: #ecebea; } .collapse-to-dropdown .data-filter.dropdown-list { position: absolute; top: 100%; left: 0; width: 22em; max-width: 95vw; z-index: 500; display: block; box-shadow: 2px 2px 4px #b2b0ac; } .collapse-to-dropdown.is-open .dropdown-list { padding: 1em; border-radius: 3px; margin: 0; max-height: 600px; } .bc-friday { max-width: 390px; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { article.daily-teaser figure { display: none; } } @media only screen and (min-width: 1024px) { .hp-lede .hp-lede-featured .article-list { display: flex; justify-content: center; margin: 0 -1.5%; } .hp-lede .hp-lede-featured .article-list li { width: 30%; margin: 1.5%; max-width: 300px; min-width: 140px; border: 0; background: #ecebea; padding: 0; } .hp-lede .hp-lede-featured .article-list article { flex-direction: column; } .hp-lede .hp-lede-featured .article-list h4 { margin: 0; font-size: 1rem; } .hp-lede .hp-lede-featured .article-list h4 a { padding: .75em; text-align: center; } .hp-lede .hp-lede-featured .article-list figure { max-width: 100%; margin-right: 0; float: none; } .hp-lede .hp-lede-featured .article-list figure.no-image { width: 100%; } .hp-lede .hp-lede-featured .article-list figure img { max-width: 100%; position: static; left: 0; margin-left: 0; height: auto; } .hp-lede .hp-lede-featured .article-list p { padding: 0 1rem 1rem; font-size: .75rem; text-align: center; margin-top: -.5rem; } } @media only screen and (max-width: 1023px) { .hp-lede-list { order: 99; } .hp-lede-list::before { box-sizing: content-box; height: 0; overflow: visible; height: 2px; border: 0; margin: 2em 0; border-bottom: 1px dotted #d9d5ce; border-top: 1px dotted #d9d5ce; content: ''; } .m-collapse-to-dropdown .dropdown-list { max-height: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; padding: 0 1em; background: #ecebea; } .m-collapse-to-dropdown.is-open .dropdown-list { padding: 1em; border-radius: 3px; margin: 0; max-height: 600px; } .m-collapse-to-dropdown .data-filter.dropdown-list { position: absolute; top: 100%; left: 0; width: 22em; max-width: 95vw; z-index: 500; display: block; box-shadow: 2px 2px 4px #b2b0ac; } } @media only screen and (max-width: 1279px) { .l-collapse-to-dropdown .dropdown-list { max-height: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; padding: 0 1em; background: #ecebea; } .l-collapse-to-dropdown.is-open .dropdown-list { padding: 1em; border-radius: 3px; margin: 0; max-height: 600px; } .l-collapse-to-dropdown .data-filter.dropdown-list { position: absolute; top: 100%; left: 0; width: 22em; max-width: 95vw; z-index: 500; display: block; box-shadow: 2px 2px 4px #b2b0ac; } } @media only screen and (max-width: 1170px) and (min-width: 1024px) { .bc-friday { max-width: 390px; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .g-m4 ol.article-list figure { display: none; } .topic-top-news .article-list.tiles { flex-direction: column; } .topic-top-news .article-list.tiles li { width: 100%; max-width: 100%; } .topic-top-news .article-list.tiles article { flex-direction: row; } .topic-top-news .article-list.tiles figure { max-height: 100px; flex-shrink: 1; } .topic-top-news .article-list.tiles h4 a { text-align: left; font-size: 1.125em; } } @media only screen and (min-width: 23.4375em) { header nav[role="navigation"] { width: calc(18.875rem + 20px); } .nav-is-open .nav-wrap { max-width: 18.875rem; } .acct-panel, .search-panel, .secondary-nav, .primary-nav > li { width: 18.875rem; } .nav-is-open .content-wrap, .nav-is-open .header-wrap, .nav-is-open .site-msg { -ms-transform: translate3d(18.875rem, 0, 0); -webkit-transform: translate3d(18.875rem, 0, 0); transform: translate3d(18.875rem, 0, 0); } .has-subnav.is-open .subnav { width: 17.5rem; } .subnav li { width: 16.5rem; } .dot-leader-list li { display: flex; justify-content: space-between; margin: 0 0 .75em; align-items: flex-start; } .dot-leader-list p { order: 99; text-align: right; } .dot-leader-list h4 { max-width: 65%; } .dot-leader-list li:after { content: ''; border-bottom: 1px dotted #d9d5ce; display: block; order: 2; flex-grow: 1; line-height: 1; margin: 0 .25em 0; align-items: flex-start; height: 1em; } } @media only screen and (min-width: 25em) { .derby-dozen .sponsor-logo span { display: inline-block; } .derby-dozen .more-link { float: right; } article.single p { clear: none; } .dropdown-parent .dropdown-btn { width: auto; } td.race-data-count { padding: .5em 0; margin-right: .25em; width: 2.5rem; } .race-data-table .post-number:before { content: 'Post'; font-family: "proxima-nova","Montserrat", sans-serif; font-size: .625rem; font-style: normal; text-transform: uppercase; line-height: 1; display: block; } td.race-data-horse { width: calc(100% - 11.5em); } .entry-horse td.race-data-horse { width: calc(100% - 13em); } td.race-data-expanded { padding-left: 2.75em } } @media only screen and (min-width: 30em) { article.lede { display: flex; align-items: flex-end; background: #000; } article.lede figure { flex-grow: 1; margin-bottom: 0; } article.lede h4, article.topic-lede h4 { font-size: 1.125em; } article.lede a, article.topic-lede a { color: #fff; } article.lede div, article.topic-lede div { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 1.25em; text-shadow: 1px 1px 10px #292e3d, 1px 1px 10px #292e3d; background: -moz-linear-gradient(top, rgba(41, 46, 61, 0) 0%, rgb(15, 17, 23) 75%); background: -webkit-linear-gradient(top, rgba(41, 46, 61, 0) 0%, rgb(15, 17, 23) 75%); background: linear-gradient(to bottom, rgba(41, 46, 61, 0) 0%, rgb(15, 17, 23) 75%); z-index: 2; } article.topic-lede div { font-size: 1em; } article.lede a.more-link { color: #d4ba6f; } article.lede figure.no-image::before, article.lede figure.no-image::after, article.topic-lede figure.no-image::before { display: none; } article.lede figure.no-image { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #1c1f29; background-image: repeating-linear-gradient(45deg, transparent, transparent 1vw, rgba(0, 0, 0, .1) 1vw, rgba(0, 0, 0, .1) 3vw); } article.lede figure.no-image+div { font-size: 1.25em; padding: 10%; position: static; } article.topic-lede figure.no-image+div { font-size: 1.125em; } article.lede .orientation-vertical, article.lede .lo-res-image { float: left; flex-basis: 50%; flex-grow: 0; align-self: center; } article.lede .orientation-vertical+div, article.lede .lo-res-image+div { position: static; flex-basis: 50%; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 5%; font-size: 1.125em; background: #191c25; } .article-list.tiles { display: flex; justify-content: center; margin: 0 -1.5% 2em; } .article-list.tiles li { width: 30%; margin: 1.5%; max-width: 300px; min-width: 140px; } .article-list.tiles.grid { flex-wrap: wrap; } .article-list.tiles.grid li { max-width: 300px; min-width: 140px; flex-grow: 1; width: 47%; } .article-list.tiles article { flex-direction: column; } .article-list.tiles h4 a { padding: .75em; text-align: center; display: block; } .article-list.tiles figure { max-width: 100%; } .article-list.tiles figure.no-image { width: 100%; } .article-list.tiles figure img { max-width: 100%; position: static; left: 0; margin-left: 0; height: auto; } .article-list.tiles .summary.content-report figure { float: none; margin: 0 auto; padding: 0; position: relative; width: 100%; padding-top: 66%; background-color: #1c1f29; } .article-list.tiles .summary.content-report figure a { position: absolute; top: 1em; left: 1em; right: 1em; text-align: center; bottom: 0; overflow: hidden; } .article-list.tiles .summary.content-report figure a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1em; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); } article.content-daily.summary h4 { margin-top: -.75rem; text-align: center; } article.content-daily.summary h4 span { text-align: center; border-radius: 3px; display: inline-block; background: #2f4f4f; color: #fff; padding: .125rem .5rem; } .article-list.river article { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; } .article-list.river figure { margin: .5em 0 0 1em; float: right; order: 3; flex-grow: 0; } .article-list.river h4 { width: 100%; order: -1; flex-shrink: 0; } .article-list.river h4 a { font-size: 1.25rem; padding: .25em 0; } .article-list.river p { order: 2; flex-grow: 1; width: 60%; max-width: 100%; clear: none; font-size: .9375em; } .derbyDozen { padding-left: 2.5em; position: relative; } .derbyDozen .number { position: absolute; left: 0; top: 0; } .derbyDozen p.horse { margin-bottom: .5em; display: flex; align-items: flex-end; padding: .125em 0; border-bottom: 1px dotted #d9d5ce; flex-wrap: wrap; } .derbyDozen p.horse a { font-size: 1.25em; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; flex-grow: 1; border: 0; padding: 0; line-height: 1; } .derbyDozen p.horse a.keeIcon { flex-grow: 0; } .reverse-bg .article-list.tiles { margin-bottom: 0; } .reverse-bg.full-width>section { max-width: 1370px; margin: 0 auto; } .full-width.reverse-bg a.more-link { text-align: center; display: block; margin: 0; } .reverse-bg a { color: #a59163; } .reverse-bg a:visited { color: #90762a; } .reverse-bg .article-list a { color: #2f3e6e; } .reverse-bg .article-list a:visited { color: #292e3d; } main>section.full-width.reverse-bg:last-child { margin-bottom: -2em; } .related-content { text-align: center; } .related-content h3 { display: inline-block; } .audio-player figcaption { display: flex; align-items: center; } .audio-player h4 { margin-bottom: 0; } .article-meta li { display: inline-block; } .article-meta li+li { margin-left: .5em; padding-left: .5em; border-left: 1px solid #d9d5ce; } .article-body figure.inline-image { display: table; margin: 0 auto 2em; } .article-body figure.inline-image.orientation-vertical { float: left; margin: 0 2em 2em 0; } .article-body>figure.inline-image figcaption { display: table-caption; caption-side: bottom; } .bio-head figure { float: left; margin-right: 1.5em; max-width: 30%; } .derby-dozen .rank-list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .calendar-list p { display: inline-block; min-width: 19em; max-width: 40em; vertical-align: top; width: calc(100% - 8em); } .calendar-list h4 { width: 6em; } .race-data-horse p, td.race-data-primary { font-size: 1em; } .race-data-horse h4 { font-size: 1.125em; } .race-data-table .program-number { font-size: 1em; } td.race-data-horse { display: flex; justify-content: space-between; align-items: center; width: calc(70% - 2.875rem); padding: .75rem .375rem; } .entry-horse td.race-data-horse { width: calc(70% - 5.5rem); } .race-data-age { text-align: center; } .race-data-horse div { width: calc(100% - 8rem); } .race-data-pedigree { white-space: normal; font-size: .9375rem!important; } td.race-data-primary { width: 30%; background: none; padding: .75rem .375rem; border: 0; } td.race-data-earnings { padding-right: .75rem; } td.race-data-expanded { display: flex; flex-wrap: wrap; align-items: flex-start; } td.race-data-expanded>* { margin: 0 2%; flex-grow: 1; width: 46%; } td.race-data-connections .jockey-trainer { width: 14em; flex-grow: 0; } td.race-data-expanded .ad-block { width: 234px; } td.race-data-expanded+td.race-data-expanded { padding-top: .75em } ul.properties.race-properties { flex-direction: row; flex-wrap: nowrap; } ul.properties.race-properties .icon { display: block; margin: 0 auto .75em; } ul.properties.race-properties li { text-align: center; padding: 1em; border-bottom: 0; } ul.properties.race-properties li+li { border-left: 1px solid #486161; } .page-head+*>.race-replay-wrapper:first-child { margin-top: -1em; } .race-replay-wrapper { margin: 2% 2% 2em; width: 96%; display: flex; align-items: flex-start; justify-content: center; background: #171921; margin-bottom: 2em; flex-wrap: wrap; border-radius: 3px; padding-top: 2em; } .race-replay-wrapper>* { margin-left: 2%; margin-right: 2%; } body.modal-video-wrapper .page-head { margin-bottom: 2em; } body.modal-video-wrapper .properties { display: block; margin-bottom: 0; } body.modal-video-wrapper h1, body.modal-video-wrapper h2 { text-align: center; border: 0; padding: 0; margin-bottom: .75rem; } body.modal-video-wrapper h1 { font-size: 1.5em; } } @media only screen and (min-width:42.5em) { article.lede h4 { font-size: 1.25em; } .article-body aside { margin: 0 1.5em 1.5em 0; width: 20em; float: left; max-width: 55% } .article-head h1 { font-size: 2.75em; } .page-head h1 { font-size: 2.25em; } figcaption small { display: block; position: absolute; right: .5em; bottom: 100%; white-space: nowrap; color: #fff; text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000; font-size: 11px!important; font-weight: normal; opacity: .8; } figcaption small:before { content: '\00a9\00a0'; } .article-head .orientation-vertical figcaption small { bottom: 0; left: calc(.5em + 100%); } .article-head .orientation-horizontal, .article-head .orientation-square { display: table; margin: 0 auto 2em; } .orientation-horizontal figcaption, .orientation-square figcaption { display: table-caption; caption-side: bottom; } aside.article-highlight br { display: block; } .site-msg { width: 100%; display: flex; flex-wrap: wrap; order: 1; align-items: stretch; } .footer-links { max-width: 100%; } .footer-links>li { flex-basis: 25%; } .derby-dozen { padding-left: 28%; } .derby-dozen figure { position: absolute; bottom: 0; left: 0; margin: 0; width: 25%; top: 0; max-width: 200px; border-radius: 3px 0 0 3px; padding: 0; } .derby-dozen figure img { position: absolute; bottom: 0; left: 0; right: 0; top: auto; max-width: 100%; max-height: 1000%; } .derby-dozen .sponsor-logo { position: absolute; bottom: 0; left: 0; font-size: .8375rem; line-height: 1; margin-bottom: -.5em; right: auto; top: auto; color: white; text-shadow: 1px 1px 1px #01021e, 1px 1px 5px #01021e; width: 25%; text-align: right; max-width: 190px; } h3 .more-link, h4 .more-link, h5 .more-link { float: right; margin-top: 0; } .pager-expanded { flex-wrap: nowrap; flex-direction: row; } .pager-expanded .dropdown { width: auto; margin-bottom: 0; } .pager-expanded h5 { text-align: right; } .pager-expanded h5:first-child { text-align: left; padding-left: 0; } .content-grid-options { display: flex; justify-content: space-between; align-items: flex-end; } .slideshow .slideshow-toggle, .slideshow .slide-counter { display: block; } .slideshow .slick-initialized .ad-block { padding: 5em 2em; } .race-data-horse div { width: auto; } article.content-race .results-summary-wrapper { /*display: flex; align-items: flex-start; justify-content: flex-start;*/ margin-bottom: .75em; border-top: 1px solid #d9d5ce; border-bottom: 1px solid #d9d5ce; } ol.results-placers { border-top: 0; border-bottom: 0; flex-basis: 100%; } /*article.content-race .results-summary-wrapper .ad-block { order: 2; flex-shrink: 1; flex-grow: 1; flex-basis: 0; width: 40%; padding: 0; margin: 0; overflow: visible; }*/ /* !!! HACK ALERT !!! */ /* _:-ms-fullscreen, :root article.content-race .results-summary-wrapper .ad-block { min-width: 234px; flex-basis: auto; } _:-ms-fullscreen, :root article.content-race .results-summary-wrapper ol.results-placers { flex-basis: auto; min-width: 60%; }*/ ol.results-placers div.ad-block { clear: none; float: right; margin-top: 0!important; text-align: right; padding: 0 0 0 1em; width: auto; } ol.results-placers div.ad-block img{ margin-top:0; } article.content-race .results-summary-wrapper tr, article.content-race .results-summary-wrapper tr:last-child td { border: 0; } .results-summary-wrapper .ad-block img { min-width: 234px; display: block; } .testimonial-list .testimonial { width: 38%; } .testimonial-list .testimonial.oneCol { width: 100%; } article.single figure { float: left; max-width: 30%; margin: 0 .75em .75em 0; } } @media only screen and (min-width: 48em) { main { margin-top: 112px; } .ad-block.full-width { padding: 1.5em; } .ad-block.full-width+.page-head { padding-top: 1em; } .content-wrap, .header-wrap, .site-msg { -ms-transform: none; -webkit-transform: none; transform: none; -webkit-transform-style: flat; -webkit-backface-visibility: visible; -webkit-transform-style: flat; -webkit-perspective: none; } .siteLogo a:after { content: attr(title); font-size: 9px; text-transform: uppercase; color: #fff; text-align: center; display: block; margin-top: .5em; letter-spacing: 3px; white-space: nowrap; } a.menu-btn, .nav-mask, .content-mask { display: none; } .nav-is-open .nav-wrap { max-width: 100%; } .nav-is-open .content-wrap, .nav-is-open .header-wrap, .nav-is-open .site-msg { -ms-transform: none; -webkit-transform: none; transform: none; min-width: 320px; } .nav-wrap { visibility: visible; position: static; width: auto; height: auto; max-width: 100%; -webkit-transform-style: flat; -webkit-backface-visibility: visible; -webkit-perspective: none; overflow: visible; font-size: 1rem; } header nav[role="navigation"] { box-shadow: none; height: auto; width: 100%; position: static; -webkit-transform-style: flat; -webkit-backface-visibility: visible; -webkit-perspective: none; background: none; overflow: visible; } .inner-nav { overflow: visible; min-height: 0!important; position: static; } .acct-panel { position: absolute; top: 1rem; right: 3.5rem; background: none; padding: 0; width: auto; z-index: 16003; max-width: 9.5rem; -webkit-transition: max-height .25s; transition: max-height .25s; border-radius: 3px; overflow: visible; } .acct-panel ul { -webkit-transition: max-height .25s; transition: max-height .25s; max-height: 0; overflow: hidden; background: #292e3d; position: absolute; top: 100%; left: 0; right: 0; } .acct-panel:hover h6, .acct-panel.is-open h6 { background: #a59163; } .acct-panel:hover ul, .acct-panel.is-open ul { max-height: 1000%; } .acct-panel h6, .acct-panel ul { float: none; border-radius: 3px; } .acct-panel h6 { font-style: normal; background: #003116; border-right: 1px solid #015125; font-size: 0.875em; line-height: 1; } .acct-panel h6 a { padding: .875rem .75rem; } .acct-panel.auth h6 a { position: relative; padding-right: calc(.75rem + 6px); } .acct-panel.auth h6 a:after { content: ''; -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); position: absolute; right: .5rem; top: 50%; margin-left: .325em; margin-right: .125em; display: inline-block; margin-top: -.25em; padding: .1825em; vertical-align: middle; box-shadow: 2px -2px 0 0 #fff inset; } .acct-panel ul a { font-weight: normal; border-bottom: 1px solid #353a48; padding: .75em .5em; font-size: .9375em; } .acct-panel ul a:hover { background: #3f475f; } .acct-panel ul li { text-align: center; } .acct-panel ul li:nth-child(2) { display: block; } .search-panel { display: -webkit-flex; /* Safari */ position: absolute; top: 1rem; right: 1rem; width: auto; padding: 0; border: 0; display: flex; z-index: 16004; background: #003116; border-radius: 3px; } .search-panel form { width: 0; overflow: hidden; -webkit-transition: all .25s; transition: all .25s; position: absolute; right: 100%; top: 0; } .search-panel.is-open form { width: 13rem; } .search-ctrl-btn { display: block; padding: .75rem .75rem; color: #fff!important; line-height: 1; cursor: pointer; } .search-ctrl-btn .icon { display: block; } .search-panel .search-ctrl-btn .x-close, .search-panel.is-open .search-ctrl-btn .search-glass { display: none; } .search-panel.is-open .search-ctrl-btn .x-close { display: block; } .primary-nav { display: -webkit-flex; /* Safari */ margin: 0; display: flex; position: relative; background: #09482f; justify-content: space-around; align-items: stretch; border-top: 1px solid #015125; } .primary-nav > li { white-space: nowrap; width: auto; border: 0; } .primary-nav>li>a { white-space: nowrap; line-height: 1.5; text-transform: none; color: #fff; padding: .5em .4em; border-radius: 3px; font-size: .8375em; } .primary-nav>li>a:hover, .primary-nav>li:hover>a { background: #003116; } .has-subnav>a:after { width: 0; height: 0; float: none; box-shadow: none; -ms-transform: none; -webkit-transform: none; transform: none; margin: 0; padding: 0; display: inline-block; border: .25em solid transparent; border-top-color: #a59163; margin-left: .25em; -webkit-transition: all .5s; transition: all .5s; } .has-subnav.is-open .subnav { width: auto; bottom: auto; top: 100%; max-height: 100vh; left: 0; right: auto; max-width: 18em; min-width: 14em; } .has-subnav.is-open>a, .has-subnav.is-open>a:hover, .has-subnav.is-open:hover>a { background: #171921; border-radius: 3px 3px 0 0; } .has-subnav { position: relative; } .subnav, .subnav.open { max-height: 0; top: 100%; overflow: hidden; border-radius: 0 3px 3px 3px; -webkit-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; width: 0; } .subnav li { width: auto; } .has-subnav:nth-last-child(-n+2) .subnav { right: 0; left: auto; border-radius: 3px 0 3px 3px; } .subnav .column-list { display: flex; flex-wrap: wrap; align-items: stretch; min-width: 18em; } .secondary-nav { position: absolute; top: 1rem; right: 13rem; width: auto; font-size: .9375em; z-index: 1; left: calc(25vw + 1.5em); text-align: right; height: 2.875em; overflow: hidden; } .secondary-nav li { width: auto; padding-left: 0; } .secondary-nav a { color: #999; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; padding: .75rem .5em; } .secondary-nav a.subscribe { color: #FF0; font-style: normal; font-weight: bold; letter-spacing: 0.5px; } .footer-links { padding: 1.5em 0 0; justify-content: space-around; } .footer-brands { border-bottom: 0; border-right: 1px solid #b6b2aa; margin-bottom: 0; } .footer-links>li { flex-basis: 25%; padding: .75em 2vmin .75em; font-size: .875em; line-height: 1.25; } .footer-brands ul { flex-direction: column; align-items: center; } .footer-brands li { padding: .75em; width: 100%; flex-basis: auto; } .footer-social { margin: 0 0 1.5rem; } .footer-copyright { text-align: right; padding-right: 3vmin; margin-bottom: 0; margin-top: 1.5em; } .g-m1 { width: 4.3333333333%; } .g-m2 { width: 12.6666666667%; } .g-m3 { width: 21%; } .g-m4 { width: 29.3333333333%; } .g-m5 { width: 37.6666666667%; } .g-m6 { width: 46%; } .g-m7 { width: 54.3333333333%; } .g-m8 { width: 62.6666666667%; } .g-m9 { width: 71%; } .g-m10 { width: 79.3333333333%; } .g-m11 { width: 87.6666666667%; } .g-m12 { width: 96%; clear: both; float: none; } .g-clear-m { clear: left; } .g-unclear-m { clear: none; } .g-offset-m0 { margin-left: 2%; } .g-offset-m1 { margin-left: 10.3333333333%; } .g-offset-m2 { margin-left: 18.6666666667%; } .g-offset-m3 { margin-left: 27%; } .g-offset-m4 { margin-left: 34.3333333333%; } .g-offset-m5 { margin-left: 43.6666666667%; } .g-offset-m6 { margin-left: 52%; } .g-offset-m7 { margin-left: 60.3333333333%; } .g-offset-m8 { margin-left: 68.6666666667%; } .g-offset-m9 { margin-left: 77%; } .g-offset-m10 { margin-left: 85.3333333333%; } .g-offset-m11 { margin-left: 93.6666666667%; } .g-offset-m12 { margin-left: 100%; } .topic-module { flex-direction: column; } .topic-module article, .topic-module header { flex-grow: 0; } .article-head, .page-head { padding: 0 0 2em 0; margin: 0 auto 2em; } .data-filter { display: flex; align-items: flex-end; justify-content: flex-start; } .dropdown .data-filter.dropdown-list { width: 22em; } .article-body .ad-block { float: left; margin-right: 1.5em; clear: left; max-width: 50%; } .article-body .ad-island .ad-block { float: none; margin: 0 auto; } .article-body .ad-island { background: #ecebea; padding: 1rem; position: relative; margin-bottom: 2em; border-radius: 3px; display: flex; justify-content: space-around; } .article-body .ad-island .ad-block:before { display: none; } .article-body .ad-island:before { position: absolute; top: -2em; left: 0; right: 0; font-size: 10px; text-transform: uppercase; font-family: "proxima-nova","Montserrat", sans-serif; display: block; text-align: center; padding: .25em 0; } .article-body .ad-island:not(:last-child):before { content: 'story continues below'; } .article-body .ad-island .ad-block+.ad-block { margin-left: 2%; } .dropdown-parent .dropdown-btn { width: auto; } .collapse-to-dropdown .dropdown-btn { display: none; } .collapse-to-dropdown h6 { display: block; } .payout-wrapper table { font-size: .9375rem; } .article-list.tiles.grid li { width: 22%; } .race-list.horizontal>li { flex-wrap: nowrap; } .race-list.horizontal h4 { order: 0; width: auto; } .race-list.horizontal .race-date { border: 0; padding: 0; width: 4em; order: -1; } .race-list.horizontal .properties { flex-shrink: 0; } .video-body .video-player { order: -1; } .video-body .video-desc { order: 99; flex-grow: 1; } .video-body .ad-block { max-width: 300px; flex-grow: 0; } td.entry-horse-info div { width: auto; } .race-data-horse p, td.race-data-primary { font-size: 1rem; } .race-data-horse h4 { font-size: 1.125rem; } td.race-data-expanded li { font-size: .875rem; margin-bottom: .125em; } .prep-races time { width: 2.5em; display: block; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 1.25em; background: #ecebea; border-radius: 3px; padding: .5em .25em; line-height: 1; color: #555; } .prep-races time::first-line { color: #a59163; font-size: .75em; font-weight: bold; line-height: 1.5em; } .prep-races tr:hover time { background: #d9d5ce; } /*CLASSIFIEDS*/ .classifieds-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; max-width: 56rem; } .classifieds-container .classified-display { margin: 0 1% 1em; width: 31%; display: flex; flex-direction: column; justify-content: center; } .classifieds-container .classified-display.two-col { width: 64%; } .classifieds-container .classified-display.three-col { width: 98%; } .classifieds-container .classified-text { width: 48%; margin: 1%; align-self: stretch; display: flex; flex-direction: column; justify-content: center; } .classifieds-container .classified-text p:last-of-type { flex-grow: 1; } .classifieds-container .classifieds-promo { margin: 1%; width: 48%; } .classified-archive { display: flex; flex-wrap: wrap; } .classified-archive .classified-text { width: 80%; } .classified-actions { order: 2; margin-left: 2%; } .classified-archive ul.properties { order: 3; } .classified-actions input[type="submit"] { float: none; margin-bottom: .5em; width: 100%; } .source-nav { display: flex; border-radius: 3px; overflow: hidden; } .source-nav li { flex-grow: 1; } .source-nav li+li { margin-left: 1px; } .source-nav a { display: block; text-align: center; color: #333; font-size: .9375rem; font-weight: bold; text-transform: uppercase; background: #d9d5ce; padding: .5em; -webkit-transition: all .25s; transition: all .25s; } .source-nav a:hover { background: #c11134; color: #fff; text-decoration: none; } header.source-head { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } header.source-head h1 { font-size: 2em; } .facet-btn { display: none; } .facet-search { display: flex; position: relative; align-items: stretch; max-height: 100%; border: 1px solid #d9d5ce; border-radius: 3px; overflow: visible; background: #d9d5ce; } .facet-close { display: none; } .facet-search header { border-bottom: 0; background: #2f4f4f; border-radius: 3px 0 0 3px; } .facet-search h4 { text-transform: uppercase; font-size: .75rem; font-family: "proxima-nova","Montserrat", sans-serif; font-weight: bold; font-style: normal; color: #fff; } .facet-search ul { position: absolute; top: 100%; left: 0; right: 0; -moz-column-width: 12em; -webkit-column-width: 12em; column-width: 12em; padding: 0 1.5em; z-index: 140; } .facet-search div { flex-grow: 1; border-left: 1px solid #ecebea; border-bottom: 0; } .facet-search h5 { text-align: center; } .facet-search h5:after { content: ''; border: .25em solid transparent; display: inline-block; float: none; width: 0; height: 0; border-top-color: #a59163; position: relative; top: .125em; margin-left: .25em; -webkit-transition: all .25s; transition: all .25s; } .facet-search .is-open { background: #ecebea } .facet-search .is-open h5:after { content: ''; -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); top: -.125em; } .facet-search .is-open ul { padding: 1.5em; } ul.selected-facets a { display: block; } .daily-cta .quick-form { max-width: 100%; margin-bottom: .5em; } .daily-cta h4 { margin: 0; margin-right: 1rem; max-width: 38%; } .daily-cta>div { min-width: 50%; } .daily-cta { display: flex; justify-content: space-between; align-items: center; } .daily-app { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; padding-right: 2%; border-right: 1px dotted #4f5565; } .testimonial-sidebar { background-image: url('//cdn.bloodhorse.com/daily-app/images/testimonials/daily-background.jpg'); } .heading-w-link { display: flex; margin-bottom: 1.125em; align-items: flex-end; border-bottom: 1px solid #d9d5ce; padding-bottom: .5em; } .heading-w-link>* { margin: 0; } .heading-w-link h2, .heading-w-link h3, .heading-w-link h4, .heading-w-link h5, .heading-w-link h6 { flex-grow: 1; } .heading-w-link .more-link { text-align: right; margin-right: 0; margin-left: .5em; } .heading-w-link .dropdown-parent { flex-shrink: 0; } .tablet-head { text-align: left; } .tablet-head figure { float: left; margin: 0 2em 0 0; max-width: 28%; } .check-list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .tablet-how-to>div { float: left; width: 50%; } .tablet-how-to>div+div { border-left: 1px solid #ddd; } .tablet-how-to>div:first-child h3:before, .tablet-how-to>div+div h3:after { display: none; } article.daily-teaser { margin: 0; } article.daily-teaser figure { float: left; margin: 0 1em 0 0; } article.daily-teaser h4 { font-size: 1.125em; } .sub-module{ margin-bottom:0; } section.g-row .ad-block:last-child{ margin-bottom: 0; } } @media only screen and (min-width: 64em) { main { margin-top: 96px; } .site-head-inner { display: -webkit-flex; display: flex; background: #09482f; align-items: center; } .primary-nav { border: 0; align-items: center; margin: .5em .5em 0 0; flex-grow: 1; } .primary-nav>li>a { padding: .5em .625em; } .secondary-nav { position: static; order: -1; } .search-panel { position: relative; -webkit-flex-shrink:0; -webkit-flex-grow:0; flex-shrink: 0; flex-grow: 0; margin: .5em .5em 0 0; top: auto; right: auto; } .acct-panel { position: relative; -webkit-flex-shrink:0; flex-shrink: 0; right: auto; top: auto; overflow: visible; margin: .5em 0 0 .5em; } .inner-nav { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; position: relative; flex-wrap: wrap; align-items: center; justify-content: flex-end; } .nav-wrap { -webkit-flex-grow: 1; flex-grow: 1; } .footer-links { -webkit-flex-wrap: nowrap; /* Safari 6.1+ */ flex-wrap: nowrap; max-width: 54em; } .footer-links>li { flex-basis: auto; } .footer-brands ul { flex-direction: row; flex-wrap: wrap; max-width: 17em; } .footer-brands li { max-width: 160px; flex-basis: 50%; padding: 1.25em 1em; } .footer-brands li:last-child { display: block; } .g-l1 { width: 4.3333333333%; } .g-l1-half { width: 8.5%; } .g-l2 { width: 12.6666666667%; } .g-l2-half { width: 16.833%; } .g-l3 { width: 21%; } .g-l3-half { width: 25.16%; } .g-l4 { width: 29.3333333333%; } .g-l5 { width: 37.6666666667%; } .g-l5-half { width: 41.833%; } .g-l6 { width: 46%; } .g-l6-half { width: 50.17%; } .g-l7 { width: 54.3333333333%; } .g-l8 { width: 62.6666666667%; } .g-l9 { width: 71%; } .g-l10 { width: 79.3333333333%; } .g-l11 { width: 87.6666666667%; } .g-l12 { width: 96%; clear: both; float: none; } .g-clear-l { clear: left; } .g-unclear-l { clear: none; } .g-offset-l0 { margin-left: 2%; } .g-offset-l1 { margin-left: 10.3333333333%; } .g-offset-l2 { margin-left: 18.6666666667%; } .g-offset-l3 { margin-left: 27%; } .g-offset-l4 { margin-left: 35.3333333333%; } .g-offset-l5 { margin-left: 43.6666666667%; } .g-offset-l6 { margin-left: 52%; } .g-offset-l7 { margin-left: 60.3333333333%; } .g-offset-l8 { margin-left: 68.6666666667%; } .g-offset-l9 { margin-left: 77%; } .g-offset-l10 { margin-left: 85.3333333333%; } .g-offset-l11 { margin-left: 93.6666666667%; } .g-offset-l12 { margin-left: 100%; } .blog-wrapper .g-l1 { margin-left: 0; min-width: 2.5em; } .blog-wrapper .g-l11 { margin-right: 0; } .article-head h2, .page-head h2 { font-size: 1.25rem; } .article-head { display: flex; flex-direction: row-reverse; align-items: flex-end; max-width: 100%; text-align: left; justify-content: space-between; } .article-head figure { flex-shrink: 0; margin: 0 0 0 4%!important; /*max-width: 45%;*/ } .article-head h1 { font-size: 2.25em; max-width: 100%; line-height: 1.25; margin-bottom: .5em; } .article-head h2 { margin-left: 0; max-width: 100%; } .article-desc { max-width: 41em; text-align: center; margin: 0 auto; font-size: 1.25em; } figure+.article-desc { font-size: 1em; text-align: left; margin: 0; max-width: 100%; } figure+.article-head h1 { max-width: 58rem; } figure+.article-head h2 { max-width: 21em; } .article-tools a { margin: .25em 0; } blockquote { margin: 0 2em 1.5em; } .bio-text { clear: none; } .article-list.tiles.vertical { flex-direction: column; } .article-list.tiles.vertical li { width: 100%; margin: 0 0 3%; } .m-collapse-to-dropdown .dropdown-btn { display: none; } .m-collapse-to-dropdown h6 { display: block; } .responsive-table table { font-size: .875rem; } .sire-list .stallion-name { font-size: 1em; } .slideshow .slick-initialized .big-caption { display: flex; align-items: center; justify-content: flex-start; max-width: 1280px; background: #171921; } .slideshow .slick-initialized .big-caption figcaption { padding: 2em; display: flex; flex-direction: column; justify-content: flex-end; align-self: stretch; max-width: 50%; background: #ecebea; border-radius: 0 3px 3px 0; } .slideshow .slick-initialized .big-caption figcaption small { right: calc(100% + .5em); bottom: .5em; } .slideshow .slick-initialized .big-caption figcaption * { max-width: 41em; } .slideshow .slick-initialized .slide { opacity: .15; -webkit-transition: all .5s; transition: all .5s; margin: 0 .5em; max-width: 92vw; } .slideshow .slick-initialized .slide.slick-center { opacity: 1; } .slideshow .slick-initialized .ad-slide { height: 530px; width: 530px; } ul.properties.race-properties .icon { display: inline-block; margin: 0 .5em 0 0; } .race-list.tiles+.more-link { max-width: 1140px; } .race-list.tiles>li { width: 23%; } .testimonial-list .testimonial { width: 24%; } .testimonial-list .testimonial.twoCol { width: 38%; } .page-head.g-col { margin-left: 2%; margin-right: 2%; } .page-head.blog-head { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; margin: 0 2% 3em; } .blog-head h1, .blog-head h2, .blog-head .breadcrumb, .blog-head .article-meta, .blog-head p { text-align: left; margin-left: 0; } .blog-desc { flex-grow: 1; padding: 0 1em; } .blog-brand { margin-bottom: 0; flex-shrink: 0; max-width: 35%; margin-bottom: -2em; } } @media only screen and (min-width: 72em) { body { font-size: 112.5%; } article.daily-teaser h4 { font-size: 1.25em; } .article-head h1 { font-size: 2.5em; } .article-head h2 { font-size: 1.45rem; } .topic-top-news article.lede h4, .hp-lede-featured article.lede h4, .hp-lede-featured article.lede .no-image + div h4 { font-size: 1.45em; } .race-data-full-width .entry-horse { flex-wrap: nowrap; } .race-data-full-width .race-data-primary { order: 98; width: 20%; } .race-data-full-width .race-data-supp { order: 99; } .race-data-full-width td.race-data-connections { width: 27%; padding-left: .75em; background: none; justify-content: space-around; flex-wrap: nowrap; margin-left: 3%; } .race-data-full-width td.race-data-horse { width: 33%; } .tablet-head h1 { font-size: 2.5rem; } } @media only screen and (min-width: 80em) { body { font-size: 125%; } main { margin-top: 80px; } .hp-lede-list ul.headline-list { font-size: 1rem; line-height: 1.25; } .article-body { font-size: 1.25rem; } .g-xl1 { width: 4.3333333333%; clear: none; float: left; } .g-xl2 { width: 12.6666666667%; clear: none; float: left; } .g-xl2-half { width: 16.833%; clear: none; float: left; } .g-xl3 { width: 21%; clear: none; float: left; } .g-xl3-half { width: 25.16%; clear: none; float: left; } .g-xl4 { width: 29.3333333333%; clear: none; float: left; } .g-xl5 { width: 37.6666666667%; clear: none; float: left; } .g-xl5-half { width: 41.833%; clear: none; float: left; } .g-xl6 { width: 46%; clear: none; float: left; } .g-xl7 { width: 54.3333333333%; clear: none; float: left; } .g-xl8 { width: 62.6666666667%; clear: none; float: left; } .g-xl9 { width: 71%; clear: none; float: left; } .g-xl10 { width: 79.3333333333%; clear: none; float: left; } .g-xl11 { width: 87.6666666667%; clear: none; float: left; } .g-xl12 { width: 96%; clear: both; float: none; } .g-clear-xl { clear: left; } .g-unclear-xl { clear: none; } .g-offset-xl0 { margin-left: 2%; } .g-offset-xl1 { margin-left: 10.3333333333%; } .g-offset-xl2 { margin-left: 18.6666666667%; } .g-offset-xl3 { margin-left: 27%; } .g-offset-xl4 { margin-left: 35.3333333333%; } .g-offset-xl5 { margin-left: 43.6666666667%; } .g-offset-xl6 { margin-left: 52%; } .g-offset-xl7 { margin-left: 60.3333333333%; } .g-offset-xl8 { margin-left: 68.6666666667%; } .g-offset-xl9 { margin-left: 77%; } .g-offset-xl10 { margin-left: 85.3333333333%; } .g-offset-xl11 { margin-left: 93.6666666667%; } .g-offset-xl12 { margin-left: 100%; } .l-collapse-to-dropdown .dropdown-btn { display: none; } .l-collapse-to-dropdown h6 { display: block; } .primary-nav { order: 1; font-size: .9375rem; margin: 0; -webkit-flex-grow:0; flex-grow: 0; } .primary-nav a { padding: .625em .75em; } .has-subnav:nth-last-child(-n+2) .subnav { left: 0; right: auto; border-radius: 0 3px 3px 3px; } .secondary-nav { order: 2; -webkit-flex-shrink:1; -webkit-flex-grow:1; flex-grow: 1; flex-shrink: 1; margin-right: 1em; flex-basis: 3em; } .search-panel { order: 4; margin: 0 1em 0 0; } .acct-panel { order: 3; margin: 0; } .article-head, .page-head { padding: 0 0 3em 0; margin: 0 auto 2em; } .page-head { padding: 0 0 2em; } .page-head+*>.race-replay-wrapper:first-child { margin-top: -1em; } .article-head .article-meta li { display: inline-block; } .article-head .article-meta li+li { margin-left: .5em; padding-left: .5em; border-left: 1px solid #d9d5ce; } .article-list.river h4 { padding-right: 140px; } .article-list.river figure { margin-top: -1.5em; } .article-list.river figure.no-image { display: none; } .sire-list, .hip-table { font-size: .9375rem; } .video-body { display: block; overflow: hidden; } } @media only screen and (min-width: 90rem) { .full-width { width: 100vw; position: relative; left: -50vw; margin-left: 50%; margin-right: 0; } .full-width .g-row { margin: 0 auto; max-width: calc(90rem + 4%); } } @media only screen and (min-width: 105rem) { .primary-nav { font-size: 1rem; } .article-head h1 { font-size: 2.75em; } .article-head h2 { font-size: 1.75rem; } } @media only print { img, li, tr { page-break-inside: avoid; } .site-head { position: relative; } .header-wrap { background: none; } .siteLogo img { filter: url(../img/filter-defs.svg#brightness); -webkit-filter: brightness(0.7); filter: brightness(0.7); } main { margin-top: 0!important; } section { margin-bottom: 2em!important; } .ad-block, .menu-btn, .nav-wrap, .site-foot section, .article-tools, .article-wrapper aside, .article-wrapper + .g-row, article footer, .slick-header, .slick-footer, .more-link, object, video, .video-wrapper, .tabs, .pagination, #race-wrapper+section, form, .dropdown-parent, .expandable-box .expandable-trigger, .pin-clone, button, a[type="button"], a.button, .tab-panes h4 a:before, .accordion h4 a:before, .ad-slide, article[role="article"]+aside, .content-grid-options, .icon-list, .breadcrumb { display: none!important; } .ad-block.sponsor-logo, .site-foot .footer-copyright, .tab-panes>div, article.content-race .results-summary-wrapper .ad-block { display: block!important; } .postPos, .race-data-table tr, .weather, .bc-event .bc-race-list>li, .card-list li { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .article-head, .page-head { margin-bottom: 3em; } .article-body { max-width: 42em; margin: 0 auto; } .full-width, .race-replay-wrapper, .video-page-wrapper { margin: 0; } .reverse-bg, .race-replay-wrapper, .video-page-wrapper { background: none; padding: 1.5em; color: #333; border-radius: 3px; } .video-page-wrapper a, .video-page-wrapper a:visited { color: inherit; } .reverse-bg.full-width { padding: 0; border-radius: 0; } .reverse-bg h3 { color: #333; } .reverse-bg h4 { color: #333; } .article-head .orientation-horizontal, .article-head .orientation-square { display: table; margin: 0 auto 2em; } .orientation-horizontal figcaption, .orientation-square figcaption { display: table-caption; caption-side: bottom; } article.lede figure { float: left; max-width: 50%; margin-bottom: 0; } article.lede figure+div { position: static; flex-basis: 50%; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 5%; font-size: 1.125em; } article.lede h4 { font-size: 1.125em; } .article-list.tiles { display: flex; justify-content: center; margin: 0 -1.5% 2em; } .article-list.tiles li { width: 30%; margin: 1.5%; max-width: 300px; min-width: 140px; } .article-list.tiles.grid { flex-wrap: wrap; } .article-list.tiles.grid li { max-width: 300px; min-width: 140px; flex-grow: 1; width: 47%; } .article-list.tiles article { flex-direction: column; } .article-list.tiles h4 a { padding: .75em; text-align: center; display: block; } .article-list.tiles figure { max-width: 100%; } .article-list.tiles figure.no-image { width: 100%; } .article-list.tiles figure img { max-width: 100%; position: static; left: 0; margin-left: 0; height: auto; } .article-list.tiles .summary.content-report figure { float: none; margin: 0 auto; padding: 0; position: relative; width: 100%; padding-top: 66%; background-color: #1c1f29; } .article-list.tiles .summary.content-report figure a { position: absolute; top: 1em; left: 1em; right: 1em; text-align: center; bottom: 0; overflow: hidden; } .article-list.tiles .summary.content-report figure a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1em; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); } article.overlay-summary>div { position: static; background: none; text-shadow: none; } article.overlay-summary>figure { display: none; } article.overlay-summary h4 a, article.overlay-summary h4 a:visited { color: inherit; } article.single figure { float: left; max-width: 30%; margin: 0 .75em .75em 0; } article.single p { clear: none; } article.summary.content-product figure { float: left; margin-right: 1.5em; } .daily-app .app-buttons, .daily-signup .quick-form { clear: none; margin: 0; } .derby-dozen { padding-left: 28%; } .derby-dozen figure { position: absolute; bottom: 0; left: 0; margin: 0; width: 25%; top: 0; max-width: 200px; border-radius: 3px 0 0 3px; padding: 0; } .derby-dozen figure img { position: absolute; bottom: 0; left: 0; right: 0; top: auto; max-width: 100%; max-height: 1000%; } .derby-dozen .sponsor-logo { position: absolute; bottom: 0; left: 0; font-size: .8375rem; line-height: 1; margin-bottom: -.5em; right: auto; top: auto; color: white; text-shadow: 1px 1px 1px #01021e, 1px 1px 5px #01021e; width: 25%; text-align: right; max-width: 190px; } .derby-dozen .rank-list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .rank-list li strong { flex-grow: 1; } .tab-panes>div, .accordion>div { border-bottom: 4px double #d9d5ce; margin-bottom: 2em; overflow: hidden; } .tab-panes h4 { display: block; } .tab-panes>h4 a, .accordion>h4 a { background: none!important; color: #2f4f4f!important; } .expandable-box { max-height: 1000%!important; } ul.properties.race-properties { background: none; display: block; } ul.properties.race-properties .icon { display: block; margin: 0 auto .75em; } ul.properties.race-properties li { text-align: center; border-bottom: 0; color: #333; display: inline-block; padding: 0 1.25em; max-width: 25%; } ul.properties.race-properties li+li { border-left: 1px solid #DDD9C3; } .race-list.tiles>li { width: 23%; } td.race-data-horse { display: flex; justify-content: space-between; align-items: center; width: calc(70% - 2.875rem); padding: .75rem .375rem; } .entry-horse td.race-data-horse { width: calc(70% - 5.5rem); } .race-data-table td, .race-data-table td.race-data-expanded { border: 0; } .race-data-table tr { border-bottom: 1px solid #ecebea; } .race-data-expanded ul { font-size: .875rem; } .race-data-earnings { font-weight: bold; text-align: right; } td.race-data-primary { width: 30%; } .race-data-connections ul { float: left; width: 50%; } article.content-race .results-summary-wrapper { display: flex; align-items: center; justify-content: flex-start; margin-bottom: .75em; border-top: 1px solid #d9d5ce; border-bottom: 1px solid #d9d5ce; } article.content-race .results-summary-wrapper .ad-block { order: 2; flex-shrink: 1; flex-grow: 1; flex-basis: 0; width: 40%; padding: 0; margin: 0; overflow: visible; } .results-summary-wrapper .ad-block img { min-width: 234px; display: block; } ol.results-placers { border-top: 0; border-bottom: 0; flex-basis: 100%; } .article-list.river p { clear: none; } .data-explainer p { text-align: left; max-width: 100%; } [role="article"]>.slideshow .carousel { max-height: 1000%; overflow: visible; opacity: 1; } [role="article"]>.slideshow .slick-list.draggable { height: auto!important; padding: 0!important; } [role="article"]>.slideshow .slick-track { width: 100%!important; transform: none!important; } [role="article"]>.slideshow .carousel .slide { max-width: 600px; background: #ecebea; overflow: hidden; border-radius: 3px; flex-grow: 1; opacity: 1!important; margin: 0 auto 2em; display: block; } [role="article"]>.slideshow .carousel .slide figcaption { opacity: 1; } article.report-body, .page-head + .icon-list { margin-top: 0; } div#na-summary, div#world-summary { float: left; width: 48%; } .bc-event .bc-race-list>li { border: 1px solid #ecebea; } .testimonial-sidebar .slick-track, .testimonial-sidebar .slick-list.draggable { transform: none!important; height: auto!important; } .testimonial-sidebar blockquote { float: none; color: #333; text-shadow: none!important; } .testimonial-sidebar { background: none; color: #333; } .testimonial-sidebar .testimonial p { color: #333; } .testimonial footer figure { border: 1px solid #d9d5ce; } .testimonial footer { border-top: 1px solid #d9d5ce; } li.staff-card { border: 1px solid #ecebea; } .staff-card ul { border-top: 1px solid #ecebea; } } #ads-lightbox { padding: 1em; background-color: #fff; border-radius: .5em; } .covid-alert { background:#a01f1f; color:#ffffff; padding:5px; margin:0 0 1.0em 0; text-align:center; } .covid-alert li{ margin-bottom: 0; } .covid-alert a { color:#fff; font-size: 1rem; } .headline-list-header { text-transform:uppercase; margin-bottom: 0.25em; } .article-body .article-inline-dailysignup { background: #ecebea; padding: 0.5rem; position: relative; margin-bottom: 1.5em; border-radius: 3px; display: flex; justify-content: space-around; } .article-inline-dailysignup p { font-family: "proxima-nova","Montserrat", sans-serif; font-size: 1.5rem; font-weight: bold; text-transform: uppercase; color: #2f4f4f; border-radius: 3px; overflow: hidden; margin-bottom: 0; } .article-inline-dailysignup span.daily-signup { color: #2f4f4f; } .article-inline-dailysignup span.daily-signup-daily { color: #d4ba6f; } /* custom mute button for advert*/ [id$="_Sound"] { width: 32px !important; position: absolute !important; top: inherit !important; left: inherit !important; margin: 0 !important; }