.uss-accordion .uss-accordion-item .uss-accordion-trigger:before, #page-title a.next:after, #page-title a.prev:before, .link-icon-time:before, .link-icon-person:before, .link-icon-doc:before, .link-icon-video:before, #crest-bar #utility > ul > li.has-dropdown .icon-down:before, .clearing-assembled .clearing-container .visible-img .caption-open:after, #mega-menu .mega-menu-column ul.menu-callout li a:after, #mega-menu .menu-header:before, #nav-bar #main-nav > ul > dd > a [class^="icon-"]:before, #nav-bar #main-nav > ul > li > a [class^="icon-"]:before, #nav-bar #main-nav .has-dropdown .icon-down:before, #search-wrap #mobile-search-toggle:before, #main-tabs .tabs > dd > a [class^="icon-"]:before, #main-tabs .tabs > li > a [class^="icon-"]:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
%clearfix:after { content: ""; display: table; clear: both; }
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
script { display: none !important; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { background: transparent; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: yellow; color: black; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
meta.foundation-version { font-family: "/5.1.0/"; }
meta.foundation-mq-small { font-family: "/only screen and (max-width: 47.875em)/"; width: 0em; }
meta.foundation-mq-medium { font-family: "/only screen and (min-width:47.938em)/"; width: 47.938em; }
meta.foundation-mq-large { font-family: "/only screen and (min-width:64.001em)/"; width: 64.001em; }
meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; }
meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; }
meta.foundation-data-attribute-namespace { font-family: false; }
html, body { height: 100%; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { font-size: 100%; }
body { background: #f3f3f3; color: #444444; padding: 0; margin: 0; font-family: "USSF 90 Minutes", Arial, sans-serif; font-weight: 500; font-style: normal; line-height: 1; position: relative; cursor: default; }
a:hover { cursor: pointer; }
img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
.left { float: left !important; }
.right { float: right !important; }
.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }
.hide { display: none; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img { display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; }
select { width: 100%; }
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 76.875rem; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; }
.column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
@media only screen { .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .small-push-0 { left: 0%; right: auto; } .small-pull-0 { right: 0%; left: auto; } .small-push-1 { left: 8.33333%; right: auto; } .small-pull-1 { right: 8.33333%; left: auto; } .small-push-2 { left: 16.66667%; right: auto; } .small-pull-2 { right: 16.66667%; left: auto; } .small-push-3 { left: 25%; right: auto; } .small-pull-3 { right: 25%; left: auto; } .small-push-4 { left: 33.33333%; right: auto; } .small-pull-4 { right: 33.33333%; left: auto; } .small-push-5 { left: 41.66667%; right: auto; } .small-pull-5 { right: 41.66667%; left: auto; } .small-push-6 { left: 50%; right: auto; } .small-pull-6 { right: 50%; left: auto; } .small-push-7 { left: 58.33333%; right: auto; } .small-pull-7 { right: 58.33333%; left: auto; } .small-push-8 { left: 66.66667%; right: auto; } .small-pull-8 { right: 66.66667%; left: auto; } .small-push-9 { left: 75%; right: auto; } .small-pull-9 { right: 75%; left: auto; } .small-push-10 { left: 83.33333%; right: auto; } .small-pull-10 { right: 83.33333%; left: auto; } .small-push-11 { left: 91.66667%; right: auto; } .small-pull-11 { right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .small-offset-0 { margin-left: 0% !important; } .small-offset-1 { margin-left: 8.33333% !important; } .small-offset-2 { margin-left: 16.66667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.33333% !important; } .small-offset-5 { margin-left: 41.66667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.33333% !important; } .small-offset-8 { margin-left: 66.66667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.33333% !important; } .small-offset-11 { margin-left: 91.66667% !important; } .small-reset-order, .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } }
@media only screen and (min-width:47.938em) { .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .medium-push-0 { left: 0%; right: auto; } .medium-pull-0 { right: 0%; left: auto; } .medium-push-1 { left: 8.33333%; right: auto; } .medium-pull-1 { right: 8.33333%; left: auto; } .medium-push-2 { left: 16.66667%; right: auto; } .medium-pull-2 { right: 16.66667%; left: auto; } .medium-push-3 { left: 25%; right: auto; } .medium-pull-3 { right: 25%; left: auto; } .medium-push-4 { left: 33.33333%; right: auto; } .medium-pull-4 { right: 33.33333%; left: auto; } .medium-push-5 { left: 41.66667%; right: auto; } .medium-pull-5 { right: 41.66667%; left: auto; } .medium-push-6 { left: 50%; right: auto; } .medium-pull-6 { right: 50%; left: auto; } .medium-push-7 { left: 58.33333%; right: auto; } .medium-pull-7 { right: 58.33333%; left: auto; } .medium-push-8 { left: 66.66667%; right: auto; } .medium-pull-8 { right: 66.66667%; left: auto; } .medium-push-9 { left: 75%; right: auto; } .medium-pull-9 { right: 75%; left: auto; } .medium-push-10 { left: 83.33333%; right: auto; } .medium-pull-10 { right: 83.33333%; left: auto; } .medium-push-11 { left: 91.66667%; right: auto; } .medium-pull-11 { right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .medium-offset-0 { margin-left: 0% !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order, .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .push-1 { left: 8.33333%; right: auto; } .pull-1 { right: 8.33333%; left: auto; } .push-2 { left: 16.66667%; right: auto; } .pull-2 { right: 16.66667%; left: auto; } .push-3 { left: 25%; right: auto; } .pull-3 { right: 25%; left: auto; } .push-4 { left: 33.33333%; right: auto; } .pull-4 { right: 33.33333%; left: auto; } .push-5 { left: 41.66667%; right: auto; } .pull-5 { right: 41.66667%; left: auto; } .push-6 { left: 50%; right: auto; } .pull-6 { right: 50%; left: auto; } .push-7 { left: 58.33333%; right: auto; } .pull-7 { right: 58.33333%; left: auto; } .push-8 { left: 66.66667%; right: auto; } .pull-8 { right: 66.66667%; left: auto; } .push-9 { left: 75%; right: auto; } .pull-9 { right: 75%; left: auto; } .push-10 { left: 83.33333%; right: auto; } .pull-10 { right: 83.33333%; left: auto; } .push-11 { left: 91.66667%; right: auto; } .pull-11 { right: 91.66667%; left: auto; } }
@media only screen and (min-width:64.001em) { .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .large-push-0 { left: 0%; right: auto; } .large-pull-0 { right: 0%; left: auto; } .large-push-1 { left: 8.33333%; right: auto; } .large-pull-1 { right: 8.33333%; left: auto; } .large-push-2 { left: 16.66667%; right: auto; } .large-pull-2 { right: 16.66667%; left: auto; } .large-push-3 { left: 25%; right: auto; } .large-pull-3 { right: 25%; left: auto; } .large-push-4 { left: 33.33333%; right: auto; } .large-pull-4 { right: 33.33333%; left: auto; } .large-push-5 { left: 41.66667%; right: auto; } .large-pull-5 { right: 41.66667%; left: auto; } .large-push-6 { left: 50%; right: auto; } .large-pull-6 { right: 50%; left: auto; } .large-push-7 { left: 58.33333%; right: auto; } .large-pull-7 { right: 58.33333%; left: auto; } .large-push-8 { left: 66.66667%; right: auto; } .large-pull-8 { right: 66.66667%; left: auto; } .large-push-9 { left: 75%; right: auto; } .large-pull-9 { right: 75%; left: auto; } .large-push-10 { left: 83.33333%; right: auto; } .large-pull-10 { right: 83.33333%; left: auto; } .large-push-11 { left: 91.66667%; right: auto; } .large-pull-11 { right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .large-offset-0 { margin-left: 0% !important; } .large-offset-1 { margin-left: 8.33333% !important; } .large-offset-2 { margin-left: 16.66667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.33333% !important; } .large-offset-5 { margin-left: 41.66667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.33333% !important; } .large-offset-8 { margin-left: 66.66667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.33333% !important; } .large-offset-11 { margin-left: 91.66667% !important; } .large-reset-order, .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .push-1 { left: 8.33333%; right: auto; } .pull-1 { right: 8.33333%; left: auto; } .push-2 { left: 16.66667%; right: auto; } .pull-2 { right: 16.66667%; left: auto; } .push-3 { left: 25%; right: auto; } .pull-3 { right: 25%; left: auto; } .push-4 { left: 33.33333%; right: auto; } .pull-4 { right: 33.33333%; left: auto; } .push-5 { left: 41.66667%; right: auto; } .pull-5 { right: 41.66667%; left: auto; } .push-6 { left: 50%; right: auto; } .pull-6 { right: 50%; left: auto; } .push-7 { left: 58.33333%; right: auto; } .pull-7 { right: 58.33333%; left: auto; } .push-8 { left: 66.66667%; right: auto; } .pull-8 { right: 66.66667%; left: auto; } .push-9 { left: 75%; right: auto; } .pull-9 { right: 75%; left: auto; } .push-10 { left: 83.33333%; right: auto; } .pull-10 { right: 83.33333%; left: auto; } .push-11 { left: 91.66667%; right: auto; } .pull-11 { right: 91.66667%; left: auto; } }
.accordion dd { display: block; margin-bottom: 0 !important; } .accordion dd.active a { background: #9d0c2c; } .accordion dd > a { background: #c22032; color: white; padding: 1rem; display: block; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1rem; } .accordion dd > a:hover { background: #9d0c2c; }
.accordion .content { display: none; padding: 0.9375rem; } .accordion .content.active { display: block; background: #aa0c2f; }
[class*="block-grid-"] { display: block; padding: 0; margin: 0 -1.25rem; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 1.25rem 2.5rem; }
@media only screen { .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; list-style: none; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; list-style: none; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width:47.938em) { .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
@media only screen and (min-width:64.001em) { .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; list-style: none; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; list-style: none; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
.clearing-thumbs, [data-clearing] { *zoom: 1; margin-bottom: 0; margin-left: 0; list-style: none; } .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } .clearing-thumbs:after, [data-clearing]:after { clear: both; } .clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; } .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; }
.clearing-blackout { background: white; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; }
.clearing-container { position: relative; z-index: 998; height: 100%; margin: 0; }
.clearing-touch-label { position: absolute; top: 50%; left: 50%; color: #aaaaaa; font-size: 0.6em; }
.visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; }
.clearing-caption { color: #cccccc; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: white; width: 100%; padding: 10px 30px 20px; position: absolute; left: 0; }
.clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: #cccccc; display: none; } .clearing-close:hover, .clearing-close:focus { color: #cccccc; }
.clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; }
.clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; }
@media only screen and (min-width:47.938em) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 12px; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #cccccc; } .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: #cccccc; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: left; overflow: hidden; margin-right: 0; padding: 0; position: relative; cursor: pointer; opacity: 0.4; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; -webkit-box-shadow: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: white; height: 85%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 414px) { .visible-img img { top: 30%; } }
.flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.55%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
button, .button { border-style: solid; border-width: 0px; cursor: pointer; font-family: "USSF 90 Minutes", Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #008cba; border-color: #007295; color: white; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding-top: 1.0625rem; padding-bottom: 1rem; -webkit-appearance: none; border: none; font-weight: normal !important; } button:hover, button:focus, .button:hover, .button:focus { background-color: #007295; } button:hover, button:focus, .button:hover, .button:focus { color: white; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43ac6a; border-color: #368a54; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a54; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #f04124; border-color: #cf280e; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf280e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008cba; border-color: #007295; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007295; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008cba; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43ac6a; border-color: #368a54; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a54; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43ac6a; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf280e; color: white; cursor: default; opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf280e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; }
@media only screen and (min-width:47.938em) { button, .button { display: inline-block; } }
form { margin: 0 0 1rem; }
form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; }
label { font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.625rem 0; } label small { text-transform: capitalize; color: #686868; }
select { -webkit-appearance: none !important; background: #fafafa url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==') no-repeat; background-position-x: 97%; background-position-y: center; border: 1px solid #c8c8c8; padding: 0.5rem; font-size: 2.25rem; -webkit-border-radius: 0; border-radius: 0; } select.radius { -webkit-border-radius: 3px; border-radius: 3px; } select:hover { background: #f3f3f3 url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==') no-repeat; background-position-x: 97%; background-position-y: center; border-color: #999999; }
select::-ms-expand { display: none; }
@-moz-document url-prefix() { select { background: #fafafa; } select:hover { background: #f3f3f3; } }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; }
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; }
.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; }
.prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomright: 1000px; -moz-border-radius-topright: 1000px; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; background-color: white; font-family: "USSF 90 Minutes", Arial, sans-serif; border: 1px solid #c8c8c8; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: #c8c8c8; display: block; font-size: 2.25rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 3.6875rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius { -webkit-border-radius: 3px; border-radius: 3px; }
select { height: 3.6875rem; }
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; }
input[type="file"] { width: 100%; }
fieldset { border: solid 1px #dddddd; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; }
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; }
[data-abide] span.error, [data-abide] small.error { display: none; }
span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; }
.error input, .error textarea, .error select { margin-bottom: 0; }
.error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; }
.error label, .error label.error { color: #f04124; }
.error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; }
.error > label > small { color: #686868; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; }
.error span.error-message { display: block; }
input.error, textarea.error { margin-bottom: 0; }
label.error { color: #f04124; }
.inline-list { margin: 0 auto 1.0625rem auto; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.375rem; display: block; } .inline-list > li > * { display: block; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: white; background: rgba(255, 255, 255, 0.9); z-index: 98; display: none; top: 0; left: 0; }
dialog, .reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: transparent; padding: 1.25rem; border: none 1px #666666; -webkit-box-shadow: none; box-shadow: none; top: 6.25rem; } dialog .column, dialog .columns, .reveal-modal .column, .reveal-modal .columns { min-width: 0; } dialog > :first-child, .reveal-modal > :first-child { margin-top: 0; } dialog > :last-child, .reveal-modal > :last-child { margin-bottom: 0; } dialog .close-reveal-modal, .reveal-modal .close-reveal-modal { font-size: 1.375rem; line-height: 1; position: absolute; top: 0.5rem; right: 0.6875rem; color: #aaaaaa; font-weight: bold; cursor: pointer; }
dialog[open] { display: block; visibility: visible; }
@media only screen and (min-width:47.938em) { dialog, .reveal-modal { padding: 1.875rem; top: 6.25rem; } dialog.tiny, .reveal-modal.tiny { margin-left: -15%; width: 30%; } dialog.small, .reveal-modal.small { margin-left: -20%; width: 40%; } dialog.medium, .reveal-modal.medium { margin-left: -30%; width: 60%; } dialog.large, .reveal-modal.large { margin-left: -35%; width: 70%; } dialog.xlarge, .reveal-modal.xlarge { margin-left: -47.5%; width: 95%; } }
@media print { dialog, .reveal-modal { background: white !important; } }
.side-nav { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: inside; font-family: "USSF 90 Minutes", Arial, sans-serif; } .side-nav li { margin: 0 0 0.4375rem 0; font-size: 1.125rem; } .side-nav li a:not(.button) { display: block; color: #5d6872; } .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { color: #8a96a0; } .side-nav li.active > a:first-child:not(.button) { color: white; font-weight: normal; font-family: "USSF 90 Minutes", Arial, sans-serif; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: white; }
table { background: transparent; margin-bottom: 1.25rem; border: none 1px #dddddd; } table thead, table tfoot { background: none; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: normal; color: #444444; text-align: left; } table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #292d30; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125rem; }
.tabs { *zoom: 1; margin-bottom: 0 !important; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs dd { position: relative; margin-bottom: 0 !important; top: 1px; float: left; } .tabs dd > a { display: block; background: #efefef; color: #c8c8c8; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1.25rem; } .tabs dd > a:hover { background: none; } .tabs dd.active a { background: white; } .tabs.radius dd:first-child a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .tabs.radius dd:last-child a { -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .tabs.vertical dd { position: inherit; float: none; display: block; top: auto; }
.tabs-content { *zoom: 1; margin-bottom: 1.5rem; width: 100%; } .tabs-content:before, .tabs-content:after { content: " "; display: table; } .tabs-content:after { clear: both; } .tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; width: 100%; } .tabs-content > .content.active { display: block; } .tabs-content > .content.contained { padding: 0.9375rem; } .tabs-content.vertical { display: block; } .tabs-content.vertical > .content { padding: 0 0.9375rem; }
@media only screen and (min-width:47.938em) { .tabs.vertical { width: 20%; float: left; margin-bottom: 1.25rem; } .tabs-content.vertical { width: 80%; float: left; margin-left: -1px; } }
.th { line-height: 0; display: inline-block; border: solid 4px white; max-width: 100%; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } .th.radius { -webkit-border-radius: 3px; border-radius: 3px; }
meta.foundation-mq-topbar { font-family: "/only screen and (min-width:47.938em)/"; width: 47.938em; }
.contain-to-grid { width: 100%; background: white; } .contain-to-grid .top-bar { margin-bottom: 0; }
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 3.75rem; }
.top-bar { overflow: hidden; height: 3.75rem; line-height: 3.75rem; position: relative; background: white; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: auto; padding-top: 0.35rem; padding-bottom: 0.35rem; font-size: 0.75rem; } .top-bar .button { padding-top: 0.45rem; padding-bottom: 0.35rem; margin-bottom: 0; font-size: 0.75rem; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 3.75rem; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 3.75rem; font-size: 1.0625rem; margin: 0; } .top-bar .name h1 a { font-weight: normal; color: #444444; width: 50%; display: block; padding: 0 1.25rem; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: #444444; text-transform: uppercase; font-size: 1.25rem; font-weight: bold; position: relative; display: block; padding: 0 1.25rem; height: 3.75rem; line-height: 3.75rem; } .top-bar .toggle-topbar.menu-icon { right: 1.25rem; top: 50%; margin-top: -16px; padding-left: 40px; } .top-bar .toggle-topbar.menu-icon a { height: 34px; line-height: 33px; padding: 0; padding-right: 25px; color: white; position: relative; } .top-bar .toggle-topbar.menu-icon a::after { content: ""; position: absolute; right: 0; display: block; width: 16px; top: 0; height: 0; -webkit-box-shadow: 0 10px 0 1px #444444, 0 16px 0 1px #444444, 0 22px 0 1px #444444; box-shadow: 0 10px 0 1px #444444, 0 16px 0 1px #444444, 0 22px 0 1px #444444; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: white; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
.top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out; } .top-bar-section ul { width: 100%; height: auto; display: block; background: white; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px grey; clear: both; height: 1px; width: 100%; } .top-bar-section ul li > a, .top-bar-section ul li .dropdown-nav-item-center { display: block; width: 100%; color: #444444; padding: 12px 0 12px 0; padding-left: 1.25rem; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1.25rem; font-weight: normal; background: white; } .top-bar-section ul li > a.button, .top-bar-section ul li .dropdown-nav-item-center.button { background: #008cba; font-size: 1.25rem; padding-right: 1.25rem; padding-left: 1.25rem; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li .dropdown-nav-item-center.button:hover { background: #006888; } .top-bar-section ul li > a.button.secondary, .top-bar-section ul li .dropdown-nav-item-center.button.secondary { background: #e7e7e7; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li .dropdown-nav-item-center.button.secondary:hover { background: #cecece; } .top-bar-section ul li > a.button.success, .top-bar-section ul li .dropdown-nav-item-center.button.success { background: #43ac6a; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li .dropdown-nav-item-center.button.success:hover { background: #358853; } .top-bar-section ul li > a.button.alert, .top-bar-section ul li .dropdown-nav-item-center.button.alert { background: #f04124; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li .dropdown-nav-item-center.button.alert:hover { background: #d4290f; } .top-bar-section ul li:hover > a { background: white; color: #c22032; } .top-bar-section ul li.active > a { background: white; color: #c22032; } .top-bar-section ul li.active > a:hover { background: white; color: white; } .top-bar-section .has-form { padding: 1.25rem; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(68, 68, 68, 0.4); border-left-style: solid; margin-right: 1.25rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99; } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 1.25rem; } .top-bar-section .dropdown li a.parent-link { font-weight: normal; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; } .top-bar-section .dropdown li.title h5 a { color: #444444; line-height: 1.875rem; display: block; } .top-bar-section .dropdown li.has-form { padding: 8px 1.25rem; } .top-bar-section .dropdown li .button { top: auto; } .top-bar-section .dropdown label { padding: 8px 1.25rem 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; }
.js-generated { display: block; }
@media only screen and (min-width:47.938em) { .top-bar { background: white; *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar.expanded { background: white; } .contain-to-grid .top-bar { max-width: 76.875rem; margin: 0 auto; margin-bottom: 0; } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background: white; color: #c22032; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 1.25rem; line-height: 3.75rem; background: white; } .top-bar-section li:not(.has-form) a:not(.button):hover { background: white; } .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 1.25rem; line-height: 3.75rem; color: #c22032; background: white; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: white; } .top-bar-section .has-dropdown > a { padding-right: 21.25rem !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(68, 68, 68, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 1.875rem; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: none; } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -2px; right: 5px; line-height: 1.2; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: white; line-height: 1; white-space: nowrap; padding: 12px 1.25rem; background: white; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px white; clear: none; height: 3.75rem; width: 0; } .top-bar-section .has-form { background: white; padding: 0 1.25rem; height: 3.75rem; } .top-bar-section .right li .dropdown { left: auto; right: 0; } .top-bar-section .right li .dropdown li .dropdown { right: 100%; } .top-bar-section .left li .dropdown { right: auto; left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } .no-js .top-bar-section ul li:hover > a { background: white; color: #c22032; } .no-js .top-bar-section ul li:active > a { background: white; color: #c22032; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; } }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
@media only screen and (max-width: 47.875em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:47.938em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width:64.001em) and (max-width:90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:64.001em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width:90.063em) and (max-width:120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:90.063em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width:120.063em) and (max-width:99999999em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:120.063em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
a { color: #008cba; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #007ba0; } a img { border: none; }
p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; }
h1, h2, h3, h4, h5, h6 { font-family: "USSF 90 Minutes", Arial, sans-serif; font-weight: normal; font-style: normal; color: #5b6770; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 0.95; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #919da6; line-height: 0; }
h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
.subheader { line-height: 1.4; color: #919da6; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; }
hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: Consolas, 'Liberation Mono', Courier, monospace; font-weight: bold; color: #bd240d; }
ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; }
ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc; margin-left: 1.1rem; }
ul.no-bullet { list-style: none; }
ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
dl dd { margin-bottom: 0.75rem; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #444444; border-bottom: 1px dotted #dddddd; cursor: help; }
abbr { text-transform: none; }
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #dddddd; } blockquote cite { display: block; font-size: 0.8125rem; color: #7d8b95; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #7d8b95; }
blockquote, blockquote p { line-height: 1.6; color: #919da6; }
.vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #dddddd; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; }
.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; }
@media only screen and (min-width:47.938em) { h1, h2, h3, h4, h5, h6 { line-height: 0.95; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } }
.print-only { display: none !important; }
@media print { @page { margin: 0.5cm; } * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
@media only screen and (max-width: 47.875em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:47.938em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width:64.001em) and (max-width:90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:64.001em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width:90.063em) and (max-width:120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:90.063em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width:120.063em) and (max-width:99999999em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width:120.063em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } }
.off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow-x: hidden; } .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { height: 100%; }
.inner-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; *zoom: 1; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } .inner-wrap:after { clear: both; }
nav.tab-bar { -webkit-backface-visibility: hidden; background: #333333; color: white; height: 2.8125rem; line-height: 2.8125rem; position: relative; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 { color: white; font-weight: bold; line-height: 2.8125rem; margin: 0; } nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 { font-size: 1.125rem; }
section.left-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-right: solid 1px #1a1a1a; box-shadow: 1px 0 0 #4e4e4e; left: 0; }
section.right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-left: solid 1px #4e4e4e; box-shadow: -1px 0 0 #1a1a1a; right: 0; }
section.tab-bar-section { padding: 0 0.625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width:47.938em) { section.tab-bar-section { text-align: left; } } section.tab-bar-section.left { left: 0; right: 2.8125rem; } section.tab-bar-section.right { left: 2.8125rem; right: 0; } section.tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; }
a.menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; line-height: 2.0625rem; padding: 0; color: white; position: relative; } a.menu-icon span { position: absolute; display: block; width: 1rem; height: 0; left: 0.8125rem; top: 0.3125rem; -webkit-box-shadow: 1px 10px 1px 1px white, 1px 16px 1px 1px white, 1px 22px 1px 1px white; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } a.menu-icon:hover span { -webkit-box-shadow: 1px 10px 1px 1px #b3b3b3, 1px 16px 1px 1px #b3b3b3, 1px 22px 1px 1px #b3b3b3; box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; }
.left-off-canvas-menu { -webkit-backface-visibility: hidden; width: 340px; top: 0; bottom: 0; position: absolute; overflow-y: auto; background: #c22032; z-index: 1001; box-sizing: content-box; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .left-off-canvas-menu * { -webkit-backface-visibility: hidden; }
.right-off-canvas-menu { -webkit-backface-visibility: hidden; width: 340px; top: 0; bottom: 0; position: absolute; overflow-y: auto; background: #c22032; z-index: 1001; box-sizing: content-box; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; }
ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } ul.off-canvas-list li label { padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } ul.off-canvas-list li a { display: block; padding: 0.66667rem; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #921826; }
.move-right > .inner-wrap { -webkit-transform: translate3d(340px, 0, 0); -moz-transform: translate3d(340px, 0, 0); -ms-transform: translate3d(340px, 0, 0); -o-transform: translate3d(340px, 0, 0); transform: translate3d(340px, 0, 0); }
.move-right a.exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: none; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width:47.938em) { .move-right a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }
.move-left > .inner-wrap { -webkit-transform: translate3d(-340px, 0, 0); -moz-transform: translate3d(-340px, 0, 0); -ms-transform: translate3d(-340px, 0, 0); -o-transform: translate3d(-340px, 0, 0); transform: translate3d(-340px, 0, 0); }
.move-left a.exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: none; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width:47.938em) { .move-left a.exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } }
.csstransforms.no-csstransforms3d .left-off-canvas-menu { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.csstransforms.no-csstransforms3d .right-off-canvas-menu { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.csstransforms.no-csstransforms3d .move-left > .inner-wrap { -webkit-transform: translate(-340px, 0); -moz-transform: translate(-340px, 0); -ms-transform: translate(-340px, 0); -o-transform: translate(-340px, 0); transform: translate(-340px, 0); }
.csstransforms.no-csstransforms3d .move-right > .inner-wrap { -webkit-transform: translate(340px, 0); -moz-transform: translate(340px, 0); -ms-transform: translate(340px, 0); -o-transform: translate(340px, 0); transform: translate(340px, 0); }
.no-csstransforms .left-off-canvas-menu { left: -340px; }
.no-csstransforms .right-off-canvas-menu { right: -340px; }
.no-csstransforms .move-left > .inner-wrap { right: 340px; }
.no-csstransforms .move-right > .inner-wrap { left: 340px; }
.show-for-small, .show-for-small-only, .show-for-medium-down, .show-for-large-down, .hide-for-medium, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; }
.hide-for-small, .hide-for-small-only, .hide-for-medium-down, .show-for-medium, .show-for-medium-up, .show-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; }
table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; }
thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; }
tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; }
tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; }
td.show-for-small, td.show-for-small-only, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xxlarge-up, th.show-for-small, th.show-for-small-only, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xxlarge-up { display: table-cell !important; }
@media only screen and (min-width:47.938em) { .hide-for-small, .hide-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-up, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small, .show-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-up, .hide-for-medium-only, .hide-for-large-down, .show-for-large, .show-for-large-up, .show-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-up, th.show-for-medium-only, th.hide-for-large, th.hide-for-large-up, th.hide-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } }
@media only screen and (min-width:64.001em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-large-only, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large, th.show-for-large-up, th.show-for-large-only, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } }
@media only screen and (min-width:90.063em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .hide-for-large-only, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .hide-for-xlarge-up, .hide-for-xlarge-only, .show-for-xxlarge-up, .show-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-large-only, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-large-only, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-large-only, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-large-only, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-large-only, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.hide-for-large-only, th.show-for-xlarge, th.show-for-xlarge-up, th.show-for-xlarge-only, th.hide-for-xxlarge-up, th.hide-for-xxlarge-only { display: table-cell !important; } }
@media only screen and (min-width:120.063em) { .hide-for-small, .hide-for-small-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .show-for-medium-up, .show-for-large-up, .hide-for-large-only, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-up, .show-for-xxlarge-only { display: inherit !important; } .show-for-small-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-large, .show-for-large-only, .show-for-large-down, .hide-for-xlarge, .show-for-xlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge-only { display: none !important; } table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only { display: table; } thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only { display: table-header-group !important; } tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only { display: table-row-group !important; } tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only { display: table-row !important; } td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.show-for-medium-up, th.show-for-large-up, th.hide-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-up, th.show-for-xxlarge-only { display: table-cell !important; } }
.show-for-landscape, .hide-for-portrait { display: inherit !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
table.hide-for-landscape, table.show-for-portrait { display: table; }
thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }
@media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } }
@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } }
.show-for-touch { display: none !important; }
.hide-for-touch { display: inherit !important; }
.touch .show-for-touch { display: inherit !important; }
.touch .hide-for-touch { display: none !important; }
table.hide-for-touch { display: table; }
.touch table.show-for-touch { display: table; }
thead.hide-for-touch { display: table-header-group !important; }
.touch thead.show-for-touch { display: table-header-group !important; }
tbody.hide-for-touch { display: table-row-group !important; }
.touch tbody.show-for-touch { display: table-row-group !important; }
tr.hide-for-touch { display: table-row !important; }
.touch tr.show-for-touch { display: table-row !important; }
td.hide-for-touch { display: table-cell !important; }
.touch td.show-for-touch { display: table-cell !important; }
th.hide-for-touch { display: table-cell !important; }
.touch th.show-for-touch { display: table-cell !important; }
#sidebar-second .accordion dd, #sidebar-second .accordion dt { border-bottom: 1px solid #00417b; display: block; font-weight: normal; margin-bottom: 0 !important; } #sidebar-second .accordion dd > a, #sidebar-second .accordion dt > a { background: #212844; color: white; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1.125rem; font-weight: 700; padding: 1rem 30px 1rem 1rem; position: relative; text-transform: uppercase; } #sidebar-second .accordion dd > a:hover, #sidebar-second .accordion dt > a:hover { background: #00417b; } #sidebar-second .accordion dd > a span, #sidebar-second .accordion dt > a span { color: white; font-size: 1.75rem; margin-top: 5px; position: absolute; right: 1rem; top: 1rem; } #sidebar-second .accordion dd > a span:before, #sidebar-second .accordion dt > a span:before { vertical-align: top; } #sidebar-second .accordion dd > a .icon-close, #sidebar-second .accordion dt > a .icon-close { display: none; } .left-off-canvas-menu #sidebar-second .accordion dd > a, .left-off-canvas-menu #sidebar-second .accordion dt > a { padding: 1rem 1rem 1rem 2rem; } #sidebar-second .accordion dd.active a, #sidebar-second .accordion dt.active a { background: #292d30; } #sidebar-second .accordion dd.active a.active, #sidebar-second .accordion dt.active a.active { background: #00417b; } #sidebar-second .accordion dd.active a.active .icon-close, #sidebar-second .accordion dt.active a.active .icon-close { display: block; } #sidebar-second .accordion dd.active a.active .icon-down, #sidebar-second .accordion dt.active a.active .icon-down { display: none; } #sidebar-second .accordion dd.active ul a, #sidebar-second .accordion dt.active ul a { font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1rem; }
#sidebar-second .accordion .content.active { background: #292d30; }
.uss-accordion .uss-accordion-item { border-bottom: 1px solid #00417b; display: block; font-weight: normal; margin-bottom: 0 !important; } .uss-accordion .uss-accordion-item.open > .uss-accordion-trigger { background-color: #002648; } .uss-accordion .uss-accordion-item.open > .uss-accordion-trigger:before { content: "\2421"; } .uss-accordion .uss-accordion-item.open > .uss-accordion-content { height: 100%; opacity: 1; z-index: 1; transition: height 0.35s, opacity 0.35s; padding: 20px; background-color: #003462; } .uss-accordion .uss-accordion-item.open > .uss-accordion-content > .uss-accordion-item { border: none; padding: 0; display: block; } .uss-accordion .uss-accordion-item.open > .uss-accordion-content > .uss-accordion-item:hover > a { color: white; } .uss-accordion .uss-accordion-item.open > .uss-accordion-content > .uss-accordion-item a { color: #a1abad; background: none; padding: 0 30px 5px 0; text-transform: none; font-weight: normal; } .uss-accordion .uss-accordion-item.open > .uss-accordion-content > .uss-accordion-item a:before { top: 0; } .uss-accordion .uss-accordion-item .uss-accordion-trigger { background: #00417b; color: white; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1.125rem; font-weight: 700; padding: 1rem 30px 1rem 1rem; position: relative; text-transform: uppercase; } .uss-accordion .uss-accordion-item .uss-accordion-trigger:hover { background-color: #002648; } .uss-accordion .uss-accordion-item .uss-accordion-trigger:before { color: white; font-size: 1.75rem; margin-top: 5px; position: absolute; right: 1rem; top: 1rem; content: "\f501"; } .uss-accordion .uss-accordion-item .uss-accordion-trigger.empty:before { content: ''; }
.uss-accordion .uss-accordion-content { height: 0; opacity: 0; z-index: -1; margin: 0; background: #00417b; } .uss-accordion .uss-accordion-content .uss-accordion-item { padding: 1rem; display: none; }
.ad-header-banner { margin-bottom: 0.625rem; margin-top: 1rem; }
.ad-footer-banner { margin-bottom: 0.625rem; margin-top: 1.875rem; }
.ad-banner-container { display: inline-block; }
@media only screen and (max-width: 47.875em) { .pod-1x1.ad-1x1 { height: auto; } }
.aggregate-page .ad-header-banner { margin: 0 0 10px 0; }
.aggregate-page #content-wrap.left-sidebar .ad-header-banner { margin-left: 0px; } @media only screen and (min-width:1280px) { .aggregate-page #content-wrap.left-sidebar .ad-header-banner { margin-left: 300px; } }
.aggregate-page .form-more button { background: #f3f3f3; box-shadow: 0 0 0 20px #f3f3f3; }
.aggregate-page #main-container { margin-top: 15px; } .aggregate-page #main-container #content-wrap { background-color: transparent; } @media only screen and (min-width:768px) and (max-width:959px) { .aggregate-page #main-container #content-wrap { margin-right: 15px; margin-left: 15px; } }
.aggregate-page .content-column-wrap { margin-top: 0; } @media only screen and (min-width:960px) and (max-width:1279px) { .aggregate-page .content-column-wrap { max-width: 57.5rem; } }
.aggregate-page #sidebar-first .sidebar-pod { background-color: white; } .aggregate-page #sidebar-first .sidebar-pod > h2 { text-align: left; }
@media only screen and (min-width:768px) and (max-width:959px) { .aggregate-page #sidebar-first + #main-column { margin-left: 310px; } }
#article-header { max-width: 48rem; margin: 0 auto 36px; } @media only screen and (max-width: 47.875em) { #article-header { margin: 10px 0; } } #article-header.large .heading { text-align: center; margin-bottom: 1.5rem; } #article-header.large .heading.main { font-size: 2.875rem; font-weight: 700; padding: 0 30px; } #article-header .heading { text-transform: uppercase; } #article-header .heading.main { font-size: 1.875rem; font-weight: 900; letter-spacing: 1px; line-height: 1.1; } @media only screen and (max-width: 47.875em) { #article-header .heading.main { font-size: 1.5rem; letter-spacing: inherit; line-height: 1; padding: 0; } } #article-header .heading.sub { font-size: 0.75rem; font-weight: 500; line-height: 1.6; letter-spacing: 1px; }
#article-hero { margin: 0; padding: 38% 0 0; width: 100%; height: 0px; background-size: cover; background-position: top center; } #article-hero + #main-container { margin-top: 0; } @media only screen and (max-width: 47.875em) { #article-hero { padding-top: 56.25%; } }
.contact-form { border-bottom: 1px solid #5d6872; padding-bottom: 0.9375rem; margin-bottom: 0.9375rem; } .contact-form label { color: #444444; text-transform: uppercase; font-weight: 900; font-size: 1.25rem; } .contact-form label .required { color: #c22032; } .contact-form label input, .contact-form label select, .contact-form label textarea { color: #5b6770; } .contact-form button { background-color: #c22032; color: white; text-transform: uppercase; font-weight: 900; font-size: 1.25rem; } .contact-form .validation-summary-errors { color: #c22032; }
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#team-menu-off-canvas-wrap, #page-container { background-color: #f3f3f3; z-index: 2; padding-top: 0; }
@media only screen and (max-width: 47.875em) { #team-menu-off-canvas-wrap { border-top: 8px solid #c22032; } }
.single-column { background-color: white; max-width: 76.875rem; margin: auto; }
.column.content { padding: 2.5rem 1.25rem; }
.content { color: #444444; font-size: 14px; line-height: 1.5; } .content p { margin: 16px 0; } .content li { margin: 10px 0; } .content p, .content li { color: #444444; font-size: 14px; line-height: 1.5; } .content p + h1, .content p + .insert > div, .content li + h1, .content li + .insert > div { margin-top: 3.375rem; } .content p a:not(.icon), .content li a:not(.icon) { text-decoration: underline; } .content p strong, .content p b, .content li strong, .content li b { color: black; } .content strong, .content b { color: black; }
.content-column-wrap { margin-top: 30px; margin-bottom: 30px; }
#main-column { padding-left: 15px; padding-right: 15px; } #main-column h1 { padding: 0; } #main-column .intro { font-style: italic; color: #a1abad; margin: 1.875rem 0; } #main-column hr { border: solid #e4e5e6; border-width: 0 0 1px; margin: 0.625rem 0; } #main-column hr.dashed { border-style: dashed; } #main-column > #social-left { margin-top: 2.1875rem; }
.subtitle { color: #a1abad; font-weight: 900; font-size: 1.5625rem; line-height: 1.1; margin-bottom: 1.875rem; }
#title-content .by-line { font-weight: 900; margin-bottom: 1.875rem; } #title-content .by-line a { color: #c22032; }
.hero-image img { width: 100%; }
.by-line { font-size: 14px; margin: 0 0 0.75rem 0; color: #a1abad; margin-top: 0.75rem; } .by-line .by-line-date { color: #303030; }
.pod-info { font-size: 0.875rem; }
#ajax-content.has-white-cap { background: white; padding: 0.0625rem 2.5rem; }
#page-title { text-align: center; position: relative; z-index: 2; color: #c22032; max-width: 60rem; margin: 0 auto; } #page-title h1 { font-size: 2rem; color: #212844; } #page-title h4 span.noborder:after { border-right: hidden; } #page-title h4 span { font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 0.875rem; margin-right: 1rem; text-transform: none; } #page-title h4 span:after { border-right: 1px solid #e6e7e7; content: ' '; display: inline-block; height: 2rem; margin-left: 1rem; position: relative; top: 0.5rem; } #page-title h4 span img { max-height: 50px; } #page-title .by-line { color: white; } #page-title a.prev, #page-title a.next { color: #212844; display: inline-block; font-weight: 700; height: 2.1875rem; font-size: 14px; letter-spacing: 1px; line-height: 1.4; padding: 10px 24px 0; text-transform: uppercase; } #page-title a.prev:before, #page-title a.prev:after, #page-title a.next:before, #page-title a.next:after { font-size: 20px; margin: 0 6px; font-weight: bold; vertical-align: sub !important; } #page-title a.next { float: right; } #page-title a.next:after { content: "\e605"; } #page-title a.prev { float: left; } #page-title a.prev:before { content: "\e607"; }
.section { line-height: 1.5; margin: 1.25rem 0; }
.social-icons { margin-bottom: 2.5rem; margin-top: 1.25rem; } .social-icons a { color: transparent; font: 0/0 a; text-shadow: none; display: inline-block !important; margin-right: 0.625rem; color: #5d6872; } .social-icons a:before { font-family: 'icomoon'; font-size: 1.25rem; line-height: 1em; } .social-icons a:hover { color: #444444; }
#latest-feature .full-width-feature { top: 1.25rem; }
.link-icon-time, .link-icon-person, .link-icon-doc, .link-icon-video { margin-right: 1.125rem; position: relative; }
.link-icon-time:before, .link-icon-person:before, .link-icon-doc:before, .link-icon-video:before { position: absolute; left: 100%; top: 1px; margin-left: 3px; font-size: 1.125rem; }
.link-icon-time:before { content: "\23f1"; }
.link-icon-person:before { content: "\f464"; }
.link-icon-doc:before { content: "\f4c4"; }
.link-icon-video:before { content: "\f4f9"; }
.form-more { text-align: center; margin: 0; padding: 1.25rem 0; border: none; position: relative; clear: both; width: 100%; } @media only screen and (min-width:64.001em) { .form-more { margin-left: 10px; } } .form-more:after { content: ''; border-top: 1px solid #bec3c6; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; z-index: 1; } .form-more button { border: 1px solid #bec3c6; border-radius: 2px; background: white; box-shadow: 0 0 0 20px white; color: #212844; font-weight: 900; font-size: 1.25rem; margin: 0; text-transform: uppercase; padding: 0.3125rem 3.125rem 0.3125rem 1.5625rem; position: relative; z-index: 3; } .form-more button:before { position: relative; right: -120px; font-size: 1.75rem; line-height: 1.75rem; padding-top: 3px; display: inline-block; } .form-more button:focus { outline: none; }
.form-more.loading button:before { -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
.pre-match .player-info ul, .pre-match .match-info ul, .during-match .player-info ul, .during-match .match-info ul, .after-match .player-info ul, .after-match .match-info ul, .player-deep .player-info ul, .player-deep .match-info ul { list-style-type: none; text-align: center; margin: 0 0 3rem; } .pre-match .player-info ul.medium-block-grid-3, .pre-match .match-info ul.medium-block-grid-3, .during-match .player-info ul.medium-block-grid-3, .during-match .match-info ul.medium-block-grid-3, .after-match .player-info ul.medium-block-grid-3, .after-match .match-info ul.medium-block-grid-3, .player-deep .player-info ul.medium-block-grid-3, .player-deep .match-info ul.medium-block-grid-3 { text-align: inherit; } .pre-match .player-info ul.medium-block-grid-3 li, .pre-match .match-info ul.medium-block-grid-3 li, .during-match .player-info ul.medium-block-grid-3 li, .during-match .match-info ul.medium-block-grid-3 li, .after-match .player-info ul.medium-block-grid-3 li, .after-match .match-info ul.medium-block-grid-3 li, .player-deep .player-info ul.medium-block-grid-3 li, .player-deep .match-info ul.medium-block-grid-3 li { text-transform: none; } .pre-match .player-info ul.medium-block-grid-3 li span, .pre-match .match-info ul.medium-block-grid-3 li span, .during-match .player-info ul.medium-block-grid-3 li span, .during-match .match-info ul.medium-block-grid-3 li span, .after-match .player-info ul.medium-block-grid-3 li span, .after-match .match-info ul.medium-block-grid-3 li span, .player-deep .player-info ul.medium-block-grid-3 li span, .player-deep .match-info ul.medium-block-grid-3 li span { display: initial; } .pre-match .player-info ul.medium-block-grid-3 li span.media-type, .pre-match .match-info ul.medium-block-grid-3 li span.media-type, .during-match .player-info ul.medium-block-grid-3 li span.media-type, .during-match .match-info ul.medium-block-grid-3 li span.media-type, .after-match .player-info ul.medium-block-grid-3 li span.media-type, .after-match .match-info ul.medium-block-grid-3 li span.media-type, .player-deep .player-info ul.medium-block-grid-3 li span.media-type, .player-deep .match-info ul.medium-block-grid-3 li span.media-type { text-transform: uppercase; font-family: "UnitedSansCdHv", Impact, sans-serif; }
.pre-match .player-info li, .pre-match .match-info li, .during-match .player-info li, .during-match .match-info li, .after-match .player-info li, .after-match .match-info li, .player-deep .player-info li, .player-deep .match-info li { font-weight: 700; font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 0; text-transform: uppercase; } .pre-match .player-info li span, .pre-match .match-info li span, .during-match .player-info li span, .during-match .match-info li span, .after-match .player-info li span, .after-match .match-info li span, .player-deep .player-info li span, .player-deep .match-info li span { display: block; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1rem; font-weight: 300; margin-bottom: 1.5rem; text-transform: none; }
.pre-match a.button, .during-match a.button, .after-match a.button, .player-deep a.button { font-weight: 900; font-size: 1.25rem; margin-bottom: 40px; text-transform: uppercase; width: 100%; } .pre-match a.button:before, .during-match a.button:before, .after-match a.button:before, .player-deep a.button:before { font-size: 1.5rem; margin-right: 0.9375rem; }
.during-match { padding-bottom: 0 !important; } .during-match #main-container h2 { margin-bottom: 3rem; } .during-match #main-container .pods h2 { margin-bottom: 0; } .during-match .video-embed { background: #cccccc; margin: 1rem auto 4rem; padding-top: 52.65%; position: relative; width: 83.33333%; } .during-match .video-embed iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .during-match table { margin-bottom: 2rem; } .during-match table tr:last-child td { border-bottom: 1px solid #e4e5e6; } .during-match .coach-info { margin-bottom: 2.25rem; padding: 0 0.875rem; } .during-match .notes { color: #9e9e9e; padding: 2rem; } .during-match .pods { margin-top: 5rem; } .during-match iframe.twitter-timeline { display: block; margin: auto; }
.player-deep .section { margin-bottom: 3.5rem; }
.player-deep .player-info { padding: 0 0 3rem; } .player-deep .player-info .column { background-color: #f3f3f3; padding-bottom: 1.25rem; padding-top: 1.25rem; } .player-deep .player-info .column:first-child a { display: block; overflow-y: hidden; position: relative; } .player-deep .player-info .column:first-child a:after { background-color: rgba(191, 12, 52, 0.75); bottom: 0; color: white; content: '+ view larger'; display: block; height: 48px; line-height: 48px; position: absolute; text-indent: 1rem; width: 100%; } .player-deep .player-info .column:last-child { background-color: #efefef; border-left: 1px solid #e6e7e7; } .player-deep .player-info .column ul { margin: 0; } @media only screen and (max-width: 47.875em) { .player-deep .player-info .column .bio-img { width: 100%; } } .player-deep .player-info .social-icons a { color: #4e4e4e; } .player-deep .player-info .social-icons a:hover { color: #014b96; }
.player-deep .row .row { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.player-deep .insert > div { clear: both; }
.player-deep .insert-floater { margin: 1.25rem 0; min-width: 300px; position: relative; } .player-deep .insert-floater.left { margin-right: 1.25rem; } @media only screen and (min-width:64.001em) { .player-deep .insert-floater.left { margin-right: 0; left: -3rem; } } .player-deep .insert-floater.right { margin-left: 1.25rem; } @media only screen and (min-width:64.001em) { .player-deep .insert-floater.right { margin-left: 0; right: -3rem; } } .player-deep .insert-floater .pod-1x1 { margin-bottom: 0; }
.player-deep .map-wrapper { height: 550px; } .player-deep .map-wrapper img { max-width: none; }
.player-deep .fact-wrapper { position: absolute; right: 0; z-index: 10; } @media only screen and (max-width: 47.875em) { .player-deep .fact-wrapper { margin-top: -1.875rem; } } .player-deep .fact-wrapper .trigger { background-color: #033a71; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 0.9375rem; font-weight: 800; display: block; height: 68px; line-height: 68px; text-align: center; width: 68px; } .player-deep .fact-wrapper .trigger:after { border: 2px solid white; border-radius: 1.25rem; content: ' '; height: 22px; position: absolute; left: 23px; top: 23px; width: 22px; } .player-deep .fact-wrapper .trigger:hover + .fact { opacity: 1; } .player-deep .fact-wrapper .fact { background-color: #014b96; color: white; font-size: 1.25rem; opacity: 0; padding: 1.25rem 1.5rem 0; position: absolute; right: 95px; top: 0; width: 15rem; transition: 500ms opacity; -webkit-transition: 500ms opacity; -ms-transition: 500ms opacity; } .player-deep .fact-wrapper .fact:before { background-color: #014b96; content: ' '; height: 20px; position: absolute; right: -10px; top: 24px; width: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .player-deep .fact-wrapper .fact .title { font-weight: 900; text-transform: uppercase; }
.player-deep .interstitial-audio-wrapper { display: inline-block; margin: 3rem 0 0; position: relative; } .player-deep .interstitial-audio-wrapper img { display: block; } .player-deep .interstitial-audio-wrapper .audio-holder { bottom: 2rem; left: 2rem; position: absolute; } .player-deep .interstitial-audio-wrapper + .caption { color: #9d9b9e; font-size: 0.75rem; margin: 2rem 0 2rem; }
.collapse-left > .column, .collapse-left > .columns { padding-left: 0; }
#commentsDiv { margin-top: 3.75rem; width: 100% !important; }
@media only screen and (max-width: 47.875em) { #filter-team { left: 0; margin: 0; padding: 0; width: 100%; } #filter-team .filter-link-list li a { font-size: 1.5rem; } }
.filter-wrap h2 { display: inline; margin-left: 0.75rem; } @media only screen and (max-width: 47.875em) { .filter-wrap h2 { display: block; } }
.filter-wrap .icon-down { margin: 0.625rem 0px 0px 1.25rem; }
.filter-wrap .float-right { float: right; } @media only screen and (max-width: 47.875em) { .filter-wrap .float-right { float: none; margin-left: 0.625rem; margin-bottom: 0.9375rem; font-size: 16px; } }
.filter-wrap a { color: #212844; display: inline-block; font-weight: 700; height: 2.1875rem; font-size: 14px; letter-spacing: 1px; line-height: 1.4; padding: 10px 24px 0; text-transform: uppercase; }
.filter-link-list { list-style: none; } .filter-link-list li { list-style: none; line-height: 1; margin-bottom: 1.125rem; } .filter-link-list li a { color: #acadaf; font-size: 2.125rem; } .filter-link-list li a.active { color: white; }
.customSelect.dark-select { background: url(http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/dark-select-arrow.png?yocs=6_&yoloc=eu) 94% center no-repeat #1c1d21; height: 60px; width: 340px; } .customSelect.dark-select span.customSelectInner { color: white; font-size: 32px; padding: 14px 20px; }
.dark-modal .reveal-modal-bg { background: rgba(42, 46, 48, 0.95); }
@media only screen and (max-width: 47.875em) { .player-deep .player-info .column { height: auto !important; } .player-deep .player-info .column:last-child { border-left: none; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .player-deep .player-info { padding-bottom: 0; margin-bottom: 40px; } }
@media only screen and (min-width:47.938em) { #team-menu-off-canvas-wrap, #page-container { padding-top: 0px; } .tall ~ #team-menu-off-canvas-wrap, .tall ~ #page-container { padding-top: 0px; } #main-column .insert > div { margin: 1.5625rem 0; } #main-column .inset { margin-left: 1.5625rem; margin-right: 1.5625rem; } .subtitle { font-size: 3.375rem; } }
@media only screen and (min-width:64.001em) { .single-column { padding: 0.9375rem; } .single-column .row.content-list:first-child { margin-top: 1.25rem; } .subtitle { font-size: 3.375rem; } #page-title { min-height: auto; } #page-title h1 { font-size: 2.875rem; } }
@media only screen and (min-width:47.938em) { .match-info.full-width ul li { border-right: 1px solid #e4e5e6; display: inline-block; padding: 2rem 0 1rem; width: 24.5%; } .match-info.full-width ul li:last-child { border-right: none; } .content-scroll { max-height: 25rem; overflow-y: auto; } #latest-feature .full-width-feature { top: 4.375rem; } }
.CoveoResultList .CoveoResult img { vertical-align: top; margin: 4px 0 15px; padding-top: 5px; }
.CoveoResultList .CoveoResult .coveo-excerpt { display: inline-block; max-width: 80%; }
.CoveoResultList .CoveoResult .coveo-articletype { font-weight: bold; font-size: small; display: inline; margin-right: 15px; }
.CoveoResultList .CoveoResult .coveo-articledate { font-size: small; display: inline; }
.CoveoResultList .CoveoResult .coveo-icon { background-position: -829px -33px; }
#search .coveo-results-section { max-width: 100%; } #search .coveo-results-section .coveo-results-column { padding: inherit; margin: inherit; float: unset; display: inline-block; margin-left: 3px; } #search .coveo-results-section .coveo-results-column .CoveoBreadcrumb .coveo-clear-all .coveo-icon { background-position: -470px -33px; } #search .coveo-results-section .coveo-results-column .CoveoBreadcrumb .coveo-facet-breadcrumb .coveo-values .coveo-value .coveo-clear { background-position: -1102px -86px; } @media only screen and (min-width: 1024px) and (max-width: 1521px) { #search .coveo-results-section .coveo-results-column.results { width: 60%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #search .coveo-results-section .coveo-results-column.results { width: 65%; } } @media only screen and (max-width: 768px) { #search .coveo-results-section .coveo-results-column.results { width: 100%; } } #search .coveo-results-section .coveo-results-column.results .coveo-results-header { padding-left: 20px; } @media only screen and (max-width: 1521px) { #search .coveo-results-section .coveo-results-column.searchbox { width: 100%; } }
.CoveoSearchBox .CoveoQueryBox { font-size: 33px; }
.CoveoSearchBox .coveo-query-box-clear { margin-top: -40px; }
.CoveoSearchBox .coveo-clear-all div.coveo-icon { background-position: -470px -33px; }
.CoveoSearchBox .coveo-caption span.coveo-clear { background-position: -1102px -86px; }
.CoveoSearchBox .CoveoSearchButton { background-color: #bf0c34; }
.CoveoSearchBox a.CoveoSearchButton:hover { background-color: #d20c34; }
#search .coveo-facet-column { min-width: 350px; max-width: 400px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #search .coveo-facet-column { min-width: unset; max-width: unset; width: 33%; } #search .coveo-facet-column .pod-1x1.text-center.ad-1x1 { display: none; } } @media only screen and (max-width: 768px) { #search .coveo-facet-column { min-width: unset; max-width: unset; width: 100%; } } #search .coveo-facet-column .CoveoFacet .coveo-header .coveo-eraser .coveo-icon { background-position: -775px -32px; }
.coveo-clear-custom { display: inline-block; background-image: url("http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/coveo/image/sprites.png?yocs=6_&yoloc=eu"); background-position: -1102px -86px; cursor: pointer; width: 12px; height: 12px; text-indent: 12px; }
.CustomFacet { margin-bottom: 35px; }
#crest-bar { background-color: white; height: 82px; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; } @media only screen and (max-width: 47.875em) { #crest-bar { float: none; height: 50px; padding: 6px 0 0; width: 100%; } } #crest-bar > .row { padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 47.875em) { #crest-bar > .row { padding-left: 15px; padding-right: 15px; } } #crest-bar #brand { float: left; line-height: 1; margin-right: 50px; padding: 11px 0 7px; vertical-align: middle; } @media only screen and (max-width: 47.875em) { #crest-bar #brand { padding: 0px; margin-right: 0; } } #crest-bar #brand #crest { display: inline-block; margin-right: 12px; width: 48px; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; transition: width 0.2s linear; } .sticky-nav #crest-bar #brand #crest { width: 30px; } @media only screen and (max-width: 47.875em) { #crest-bar #brand #crest { margin-right: 0; } } #crest-bar #brand #logotype { color: #212844; display: inline-block; font-size: 1.875rem; font-weight: 900; text-transform: uppercase; -webkit-transition: font-size 0.2s linear; -moz-transition: font-size 0.2s linear; transition: font-size 0.2s linear; } .sticky-nav #crest-bar #brand #logotype { font-size: 1.375rem; } @media only screen and (max-width: 47.875em) { #crest-bar #brand #crest { width: 30px; } #crest-bar #brand #logotype { display: none; } } #crest-bar #utility { padding-top: 22px; text-align: right; -webkit-transition: padding 0.2s linear; -moz-transition: padding 0.2s linear; transition: padding 0.2s linear; } #crest-bar #utility > ul { padding: 0; margin: 0; } #crest-bar #utility > ul > li { display: inline-block; list-style: none; margin: 0; padding: 0; } #crest-bar #utility > ul > li > a { color: #212844; display: inline-block; font-weight: 700; height: 2.1875rem; font-size: 14px; letter-spacing: 1px; line-height: 1.4; padding: 10px 24px 0; text-transform: uppercase; } #crest-bar #utility > ul > li.has-dropdown { position: relative; } #crest-bar #utility > ul > li.has-dropdown .icon-down { display: inline-block; margin-right: 6px; margin-left: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #crest-bar #utility > ul > li.has-dropdown .icon-down:before { font-size: 20px; margin-left: 6px; font-weight: bold; vertical-align: top; } @media only screen and (max-width: 47.875em) { #crest-bar #utility > ul > li.has-dropdown .icon-down:before { height: 12px; } } #crest-bar #utility > ul > li.has-dropdown .dropdown { background-color: white; box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2); left: auto; margin: 0; min-width: 200px; opacity: 0; padding-top: 12px; padding-bottom: 12px; position: absolute; right: 0; text-align: center; width: auto; z-index: -1; -webkit-transition: top 0.4s ease-in-out, opacity 0.2s linear; -moz-transition: top 0.4s ease-in-out, opacity 0.2s linear; transition: top 0.4s ease-in-out, opacity 0.2s linear; } #crest-bar #utility > ul > li.has-dropdown .dropdown > li > a { color: #212844; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.875rem; padding: 10px 24px; text-transform: inherit; } #crest-bar #utility > ul > li.has-dropdown .dropdown > li > a:hover { background-color: #f3f3f3; } @media only screen and (max-width: 47.875em) { #crest-bar #utility > ul > li.has-dropdown { position: static; } #crest-bar #utility > ul > li.has-dropdown .dropdown { width: 100%; } } #crest-bar #utility > ul > li.has-dropdown .dropdown { top: 36px !important; } #crest-bar #utility > ul > li.has-dropdown.hover, #crest-bar #utility > ul > li.has-dropdown.active { background-color: white; } #crest-bar #utility > ul > li.has-dropdown.hover > a, #crest-bar #utility > ul > li.has-dropdown.active > a { color: #212844; border-color: #f3f3f3; } #crest-bar #utility > ul > li.has-dropdown.hover > a .icon-down, #crest-bar #utility > ul > li.has-dropdown.active > a .icon-down { margin-right: 0px; margin-left: 6px; top: -3px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #crest-bar #utility > ul > li.has-dropdown.hover > a:after, #crest-bar #utility > ul > li.has-dropdown.active > a:after { background-color: #f3f3f3; } #crest-bar #utility > ul > li.has-dropdown.hover .dropdown, #crest-bar #utility > ul > li.has-dropdown.active .dropdown { display: block !important; opacity: 1; } #crest-bar #utility .hover > a { background-color: #f3f3f3; } .sticky-nav #crest-bar #utility { padding-top: 12px; } @media only screen and (max-width: 47.875em) { #crest-bar #utility { padding-top: 0px; text-align: center; } } .sticky-nav #crest-bar { background-color: rgba(255, 255, 255, 0.8); height: 60px; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; color: #f1e5e6; background-color: #c41433; }
.inputfile + label + input[type=submit] { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; color: #212844; background-color: #f3f3f3; border: 1px solid #bec3c6; vertical-align: top; height: 50px; }
.inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted black; outline: -webkit-focus-ring-color auto 5px; }
.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }
.inputfile + label:hover { background-color: rgba(196, 20, 51, 0.55); }
#footer { background: #c8c8c8; color: #212844; line-height: 1.5rem; text-transform: uppercase; width: 100%; padding: 3.125rem 0; } #footer a { color: #212844; } #footer .small-block-grid-2 > li:first-child a { color: #c22032; } @media only screen and (max-width: 47.875em) { #footer .small-block-grid-2 > li:first-child { width: 100%; } } @media only screen and (max-width: 47.875em) { #footer .small-block-grid-2 > li { clear: none; } } #footer .side-nav { font-family: "USSF 90 Minutes Text", Arial, sans-serif; padding: 0; } #footer .side-nav > li { border-top: 0px none; font-size: 16px; font-weight: 700; line-height: 1.4; margin: 0; padding: 1rem 0.1875rem 0.75rem; } #footer .side-nav ul { list-style-type: none; margin-left: 0; margin-top: 10px; } #footer .side-nav ul li { font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; margin: 0; text-transform: capitalize; } #footer .side-nav ul li.social-list-item { margin-right: 10px; } #footer .side-nav ul li.social-list-item a { color: #212844; } #footer .side-nav ul li a { color: #5d6872; font-weight: 500; } #footer [class*="block-grid-"] > li { padding-bottom: 0; } #footer .footer-inline-links { text-align: center; margin-top: 3.75rem; } #footer .inline-list { margin-left: 0; margin-bottom: 0; } #footer .inline-list li { border-right: 1px solid #5d6872; color: #5d6872; text-transform: capitalize; padding: 0 1.25rem; margin: 0; line-height: 1.2em; } @media only screen and (min-width:47.938em) { #footer .inline-list li { float: none; display: inline-block; } } #footer .inline-list li:last-child { border-right: none; } #footer .inline-list li a { color: #717e89; }
#footer-social { margin: 30px 0 6px 0; } #footer-social .social-wrapper { padding-bottom: 15px; border-bottom: 1px solid #292d30; } #footer-social .social-text { color: #292d30; font-size: 18px; margin-bottom: 15px; text-transform: uppercase; }
.footer-reveal #footer { z-index: 1; position: fixed; bottom: 0; left: 0; }
.footer-social-icons { height: 63px; } .footer-social-icons a { float: left; color: transparent; font: 0/0 a; text-shadow: none; width: 21px; height: 21px; margin-right: 0.3125rem; } .footer-social-icons .footer-icon-twitter { background-position: -81px -53px; } .footer-social-icons .footer-icon-facebook { background-position: -108px -27px; } .footer-social-icons .footer-icon-instagram { background-position: -54px -27px; } .footer-social-icons .footer-icon-vine { background-position: -108px 0; } .footer-social-icons .footer-icon-youtube { background-position: 0 0; } .footer-social-icons .footer-icon-tumblr { background-position: -27px -28px; }
.footer-supporters-club p { font-size: 0.75rem; font-family: "USSF 90 Minutes", Arial, sans-serif; text-transform: none; font-weight: bold; margin-bottom: 0.3125rem; }
.footer-supporters-club ul { list-style-type: disc !important; margin-left: 0.9375rem !important; } .footer-supporters-club ul li { font-size: 0.75rem !important; line-height: 1.3em !important; }
.footer-supporters-club .sign-up { height: 2.5rem; background-color: white; margin-top: 0 !important; } .footer-supporters-club .sign-up * { height: 100%; } .footer-supporters-club .sign-up input[type="text"] { font-size: 0.875rem; background-color: transparent; border: none; box-shadow: none; color: #616c75; } .footer-supporters-club .sign-up input[type="text"]::-webkit-input-placeholder { color: #616c75; } .footer-supporters-club .sign-up input[type="text"]:-moz-placeholder { color: #616c75; } .footer-supporters-club .sign-up input[type="text"]::-moz-placeholder { color: #616c75; } .footer-supporters-club .sign-up input[type="text"]:-ms-input-placeholder { color: #616c75; } .footer-supporters-club .sign-up button { background-color: transparent; border: none; color: #616c75; padding: 0; } .footer-supporters-club .sign-up button:before { font-size: 1.5625rem; }
.powered-by { color: #717e89; text-transform: none; margin-top: 0.9375rem; font-size: 0.875rem; } .powered-by img { margin-top: 0.625rem; }
@media only screen and (min-width:47.938em) { #footer .side-nav > li:last-child { border-bottom: 0px none; } }
@media only screen and (max-width: 47.938em) { [class*="block-grid-"] { margin: 0; } #footer .inline-list li { border-right: none; float: none; margin-bottom: 0.625rem; } }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-family: "USSF 90 Minutes Text", Arial, sans-serif; }
html { overflow-y: scroll; -webkit-font-smoothing: antialiased; }
body { font-family: "USSF 90 Minutes", Arial, sans-serif; }
.row { max-width: 76.875rem; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: #212844; font-family: "USSF 90 Minutes", Arial, sans-serif; font-weight: 700; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color: inherit; }
h1, .h1 { font-size: 2.25rem; letter-spacing: -1px; margin: 1.875rem 0 0.75rem; text-transform: uppercase; }
h2, .h2 { font-size: 1.375rem; line-height: 1.1; }
h3, .h3 { font-size: 2.125rem; color: #c22032; }
h4, .h4 { font-size: 1.25rem; text-transform: uppercase; margin: 0.1875rem 0; }
h5, .h5 { font-size: 0.875rem; color: #c22032; margin: 0.75rem 0; }
p { margin-top: 1.25rem; }
table { width: 100%; margin-bottom: 3.125rem; } table thead { border-bottom: 1px solid #e4e5e6; } table tr th { font-weight: 700; color: #444444; } table tr:nth-child(2n+3) { background: whitesmoke; }
a { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; transition: color 0.2s linear; } a:focus { outline: none; }
#search-wrap button.search-button { border: none; margin: 0; padding: 0; background: none; }
#main-container #content-wrap { background-color: white; background-image: none; max-width: 76.875rem; margin: 0px auto; padding: 30px 0 0; position: relative; z-index: 2; } @media only screen and (min-width:1280px) { #main-container #content-wrap.left-sidebar .ad-header-banner { margin-left: 300px; } #main-container #content-wrap.right-sidebar .ad-header-banner { margin-right: 330px; } } #main-container #content-wrap.narrow { max-width: 61.25rem; }
#main-column-container { line-height: 1.5; } #main-column-container.has-white-cap { background: white; } #main-column-container .content { position: relative; } #main-column-container .content.has-social { margin: 0 60px; } @media only screen and (min-width:47.938em) and (max-width:64em) { #main-column-container .content.has-social { margin-right: 20px; margin-left: 30px; } } @media only screen and (max-width: 47.875em) { #main-column-container .content.has-social { margin: 0; } } #main-column-container #social-left { left: -60px; height: 100%; position: absolute; top: 0; width: 55px; } @media only screen and (min-width:47.938em) and (max-width:64em) { #main-column-container #social-left { left: -40px; width: 40px; } }
blockquote { text-transform: uppercase; font-size: 2.125rem; color: #c22032; line-height: 0.95; margin: 1.875rem 0; padding: 0; border: 0px solid; }
body.error-page { background: white; padding: 1.25rem 0; }
.off-canvas-wrap.move-right { height: auto; }
.button.blue { background-color: #212844; }
.dark-reveal.icon-down { color: #212844; display: inline-block; font-weight: 700; height: 2.1875rem; font-size: 14px; letter-spacing: 1px; line-height: 1.4; margin-left: 0; padding: 10px 12px 0; text-transform: uppercase; } .dark-reveal.icon-down:before { margin-left: 4px; float: right; font-size: 20px; margin-left: 6px; font-weight: bold; vertical-align: top; }
.team-image { display: none; text-align: center; } @media only screen and (min-width:1280px) { .team-image { display: block; margin-top: -100px; } }
@media only screen and (min-width:47.938em) { table tr th { padding: 1.25rem 0.875rem; font-size: 1.1875rem; border-bottom: 1px solid #e5e5e5; } table tr td { padding: 1.25rem 0.875rem; font-size: 1rem; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 1.25rem 0.875rem; font-size: 1.25rem; } table tbody tr td { padding: 1.25rem 0.875rem; } #main-column-container { padding: 0; } }
@media only screen and (min-width:47.938em) { #main-container { background-image: none; padding-top: 0; padding-bottom: 0; } h1, .h1 { margin: 1.875rem 0 0.75rem; } h2, .h2 { font-size: 3.375rem; line-height: 1.1; } #main-column-container.has-white-cap { padding: 0; } }
@media only screen and (min-width:64.001em) { }
@media only screen and (max-width: 47.938em) { .clearing-close { text-align: right; padding-right: 20px; } }
@media only screen and (max-width: 47.875em) { .mobile-flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } #sidebar-first { order: 0; } #main-tabs { order: 1; } #main-column { order: 2; } #sidebar-second { order: 3; } }
.header-featured-holder { height: 480px; overflow: hidden; position: relative; } .header-featured-holder .column, .header-featured-holder .header-featured-gradient { height: 480px; }
.header-featured-image { position: absolute; left: 0; top: 0; max-width: 100%; width: 100%; z-index: 1; }
.header-featured-gradient { background-image: -webkit-linear-gradient( left top, rgba(191, 12, 52, 0.66) 0%, rgba(0, 56, 146, 0.66) 100%); background-image: linear-gradient(to right bottom, rgba(191, 12, 52, 0.66) 0%, rgba(0, 56, 146, 0.66) 100%); position: absolute; left: 0; top: 0; max-width: 100%; width: 100%; z-index: 2; }
.header-featured-content { position: absolute; left: 0; top: 0; max-width: 100%; width: 100%; z-index: 3; }
.hero-hide #hero-img { display: block; }
.overlay-active #hero-img { position: relative; }
#hero-img { position: relative; width: 100%; height: 21.875rem; top: 0; left: 0; background-size: cover; background-position: top center; } @media only screen and (max-width: 47.875em) { #hero-img { height: 0; padding-top: 56.2%; } } #hero-img.jump-down { top: -80px; } #hero-img.landing-hero { position: inherit; } @media only screen and (max-width: 768px) { #hero-img.landing-hero { top: 80px; } } #hero-img.hero-video { background-color: #292d30; text-align: center; padding: 9rem 0 0; height: 42.75rem; } #hero-img.hero-video .icon-play, #hero-img.hero-video .icon-play-arrow { display: block; position: relative; color: white; margin: 0 4rem; } #hero-img.hero-video .icon-play:before, #hero-img.hero-video .icon-play-arrow:before { display: block; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; z-index: 2; padding-left: 8px; padding-top: 12px; font-size: 2.8125rem; height: 72px; width: 72px; margin-top: -36px; margin-left: -36px; }
#hero-img + #page-title + #content-wrap, #hero-img + #content-wrap, #full-feature + #content-wrap { background: white; }
.nav-title { clear: both; *zoom: 1; } .nav-title:before, .nav-title:after { content: " "; display: table; } .nav-title:after { clear: both; }
.match-score { display: block; opacity: 0.5; }
#hero-img.match + #page-title h4 { color: white; }
.h4.icon-flag:before { margin-right: 0.5em; font-weight: bold; }
#hero-img + #content-wrap { margin-top: 0; }
.insert.hero-image { max-height: 26.875rem; overflow: hidden; }
@media only screen and (min-width:47.938em) { #hero-img { height: 35.25rem; } #hero-img + #page-title { height: auto; padding-bottom: 0; } #hero-img + #page-title h1 { font-size: inherit; } }
#landinghero-img { width: 100%; height: auto; top: 0; left: 0; background-size: cover; background-position: top center; } @media only screen and (max-width: 768px) { #landinghero-img { display: inline-block; margin-top: 80px; height: 21.875rem; } }
.interstitial-right, .interstitial-left { margin: 20px 0; }
.did-you-know { background: #212844; color: white; display: inline-block; width: 100%; height: auto; padding: 20px; } .did-you-know h3 { color: white; font-weight: 700; font-size: 20px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .did-you-know h3:before { content: ''; display: block; float: left; background-image: url('http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/question-icon.png?yocs=6_&yoloc=eu'); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 10px; margin-top: -2px; } .did-you-know p { margin-bottom: 0; margin-top: 20px; }
.player-card { position: relative; width: 100%; display: inline-block; background: white; border: 1px solid #c8c8c8; box-shadow: 6px 6px 0px 0px rgba(163, 170, 174, 0.14); } .player-card span { font-weight: 700; } .player-card p { font-size: 16px; line-height: 24px; } #main-column .player-card p { line-height: 20px; } .player-card .row { margin-top: 0 !important; margin-bottom: 0 !important; padding: 10px 15px; } .player-card .row .row { margin-top: 0 !important; margin-bottom: 0 !important; } .player-card .row .row .columns { padding: 0 20px; } .player-card .row .row.card-bio-text { padding: 0; } .player-card .row.card-title { margin-bottom: 20px !important; text-align: center; } .player-card .row.card-title h2 { font-size: 34px; line-height: 37px; margin-bottom: 0; font-weight: 700; margin-top: 20px; } .player-card .row.card-title span { color: #c22032; text-transform: uppercase; font-size: 17px; } .player-card .row.card-columns .columns { padding: 0 20px; } .player-card .row.card-columns .columns p { margin: 0; } .player-card .row.card-bio-text { height: 85px; overflow: hidden; margin: 0; position: relative; } .player-card .row.card-bio-text .columns { padding: 0; } .player-card .row.card-bio-text.text-fade:after { height: 100%; } .player-card .row.card-link { margin-top: 40px !important; } .player-card .row.card-link .bio-link { padding: 20px; color: #292d30; border-top: 1px solid #c8c8c8; font-weight: 700; text-transform: uppercase; font-size: 16px; position: absolute; min-height: 40px; background-color: white; bottom: 0; z-index: 3; } .player-card .row.card-link .bio-link:after { content: ''; background-image: url('http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/player-card-arrow.png?yocs=6_&yoloc=eu'); display: inline-block; margin-top: 5px; width: 7px; height: 12px; float: right; }
.row.leading-pods { max-width: 58.125rem; margin: 40px auto 0; }
@media only screen and (min-width:47.938em) { .pod-1x2.wc-1x2 .pod-text { height: auto; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .player-card { width: 50%; } .player-card .row .columns { padding-left: 1.875rem; padding-right: 1.875rem; } }
@media only screen and (min-width:47.938em) { .section span { text-align: left; } .interstitial-right, .interstitial-left { margin: 20px; } .interstitial-right { float: right; margin-right: 0; } .interstitial-left { float: left; margin-left: 0; } .did-you-know { width: 258px; } .player-card { width: 50%; max-width: 308px; } .player-card .row.card-title { padding: 0; } .player-card .row.card-title .columns { padding-left: 20px; padding-right: 20px; } .player-card .row.card-columns .columns { padding-right: 10px; } .player-card .row.card-columns .columns p { margin: 0; } }
.photo-grid .photo { height: 100px; background-size: cover; background-position: center center; float: left; margin-bottom: 5px; } .photo-grid .photo:nth-child(1) { width: 33%; } .photo-grid .photo:nth-child(2) { width: 64%; margin-left: 2%; } .photo-grid .photo:nth-child(3) { width: 100%; } .photo-grid .photo:nth-child(4) { width: 64%; margin-right: 2%; } .photo-grid .photo:nth-child(5) { width: 33%; }
.photo-grid .open-link { color: #c22032; text-align: center; padding: 10px 0; display: block; clear: left; } .photo-grid .open-link:hover { color: #9d0c2c; }
.side-nav li.active > a:first-child:not(.button) { font-weight: bold; }
.sidebar { padding-left: 15px; padding-right: 15px; width: 330px; }
#sidebar-first { float: left; width: 300px; } #sidebar-first + #main-column .small-lists .aggregate-content { margin-left: -30px; } #sidebar-first .inner { width: 300px; } #sidebar-first .inner.pinned.bottom { left: 5px; right: auto; } #sidebar-first + #main-column { margin-left: 300px; padding-left: 0; padding-right: 0; width: auto; } @media only screen and (max-width: 47.875em) { #sidebar-first { float: none; margin-left: auto; margin-right: auto; padding: 0 10px; width: 100%; } #sidebar-first .inner { width: 100%; } #sidebar-first + #main-column { border-right: 0px none; margin-left: 0px; width: auto; } }
#sidebar-second { bottom: auto; float: right; width: 330px; } #sidebar-second .inner { padding-left: 15px; padding-right: 15px; width: 330px; } #sidebar-second .inner.pinned.bottom { left: auto; right: 0; } #sidebar-second + #main-column { border-right: 1px solid #f3f3f3; margin-right: 330px; width: auto; } #sidebar-second + #main-column hr { clear: none; } @media only screen and (max-width: 47.875em) { #sidebar-second { float: none; max-width: 330px; margin-left: auto; margin-right: auto; width: auto; } #sidebar-second + #main-column { border-right: 0px none; margin-right: 0px; width: auto; } }
[data-fixed-inner] { transition: all 0.35s ease-in; } [data-fixed-inner].locked { position: fixed; transition: all 0.35s ease-in; } [data-fixed-inner].locked.top { top: 82px; } [data-fixed-inner].locked.bottom { bottom: 0; } [data-fixed-inner].pinned { position: absolute; transition: all 0.35s ease-in; } [data-fixed-inner].pinned.bottom { bottom: 0; }
.map-popup { background-color: #014b96; color: white; font-size: 20px; padding: 1.25rem 1.5rem; width: 25rem; } .map-popup:before { background-color: #014b96; content: ' '; height: 20px; position: absolute; left: -10px; top: 24px; width: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .map-popup .content { padding: 0; width: auto; } .map-popup .title { font-weight: 900; text-transform: uppercase; } .map-popup p { line-height: 1.25rem; margin: 0; } .map-popup a { color: white; text-decoration: underline; }
.text-fade { position: relative; overflow: hidden; } .text-fade:after { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #ffffff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, #ffffff 100%); background-repeat: repeat-x; height: 30%; content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; }
.media-video, .media-gallery { position: relative; color: white; cursor: pointer; } .media-video:hover, .media-gallery:hover { color: white; } .media-video a, .media-gallery a { color: white; } .media-video a:hover, .media-gallery a:hover { color: white; } .full-feature .media-video, .full-feature .media-gallery { width: 100%; height: 100%; }
#hero-img .media-gallery { box-shadow: 12px 12px 0 0 #34393d; display: inline-block; } #hero-img .media-gallery img { box-shadow: 6px 6px 0 0 #444b51; }
.media-credit { color: #c8c8c8; font-size: 0.875rem; }
.insert .media-gallery-container { box-shadow: 14px 14px 0 0 #f2f2f4; margin: 1.875rem 0; } .insert .media-gallery-container .media-gallery { box-shadow: 7px 7px 0 0 #e0e0e0; }
.gallery-pod { box-shadow: 14px 14px 0 0 #f2f2f4; overflow: visible !important; } .gallery-pod .pod-img { box-shadow: 7px 7px 0 0 #e0e0e0; }
.media-audio { position: relative; height: 100px; display: table-cell; vertical-align: middle; padding-left: 7.5rem; padding-bottom: 1.875rem; } .media-audio .img-overlay-red-blue { position: absolute; top: 50%; left: 0; margin-top: -60px; } .media-audio h3 { font-size: 1.625rem; color: #bec3c6; }
.media-type { color: #5b6770; text-transform: uppercase; z-index: 2; margin-right: 0.625rem; font-family: "UnitedSansCdHv", Impact, sans-serif; font-size: 0.9375rem; } a .media-type { color: white; } .media-gallery .media-type { color: white; } .full-width-feature .media-type { color: white; }
.media-type-News { color: #c22032; }
.media-type-Feature { color: #212844; }
.time-stamp { color: #444444; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0px; margin: 4px 4px auto auto; display: inline-block; }
.team-label { background-color: #5d6872; border: 2px solid #5d6872; color: white; display: inline-block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1; letter-spacing: 1px; margin: 3px 4px auto auto; padding: 2px 4px; text-transform: uppercase; } .team-label.red { background-color: #c22032; border-color: #c22032; } .team-label.blue { background-color: #212844; border-color: #212844; } .team-label.red-border { background-color: white; border-color: #c22032; color: #c22032; } .team-label.blue-border { background-color: white; border-color: #212844; color: #212844; }
#video-player { height: 100%; }
#video-overlay { padding: 0; } #video-overlay .close-reveal-modal { right: -1.3125rem; top: -1.5rem; } #video-overlay p { line-height: 0; }
.video-target iframe { width: 100%; height: 100%; border: none; }
.video-iframe { overflow-y: hidden; } .video-iframe .flex-video { padding-top: 0; }
.video-container { position: relative; width: 100%; padding-top: 56.25%; } .video-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.top-left { position: absolute; left: 0.9375rem; top: 0.9375rem; z-index: 2; padding-right: 0.9375rem; }
.bottom-left { position: absolute; left: 0.9375rem; bottom: 0.9375rem; z-index: 2; padding-right: 0.9375rem; }
.clearing-assembled .clearing-container .clearing-close { color: #c22032; font-size: 60px; top: 0; }
.clearing-assembled .clearing-container .clearing-title { font-family: "UnitedSansRgMd", Arial, sans-serif; text-align: center; }
@media only screen and (min-width:47.938em) { .clearing-assembled .clearing-container .visible-img { height: 72%; margin: 0 auto; } .clearing-assembled .clearing-container .visible-img .clearing-main-start, .clearing-assembled .clearing-container .visible-img .clearing-main-end { position: absolute; height: 100%; width: 60px; top: 0px; } .clearing-assembled .clearing-container .visible-img [class^="clearing-main-"] span, .clearing-assembled .clearing-container .visible-img [class*=" clearing-main-"] span { border: 0px solid; font-size: 48px; left: 18px; margin-top: -24px; position: absolute; top: 50%; } .clearing-assembled .clearing-container .visible-img .clearing-main-start { left: -120px; } .clearing-assembled .clearing-container .visible-img .clearing-main-start span { color: #bdc2c6; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev { left: -60px; width: 60px; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev span { color: #c22032; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { right: -60px; } .clearing-assembled .clearing-container .visible-img .clearing-main-next span { color: #c22032; } .clearing-assembled .clearing-container .visible-img .clearing-main-end { right: -120px; } .clearing-assembled .clearing-container .visible-img .clearing-main-end span { color: #bdc2c6; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { right: -80px; width: 60px; } }
.clearing-assembled .clearing-container .visible-img .clearing-info-wrapper { max-width: 55%; }
.clearing-assembled .clearing-container .visible-img .clearing-caption-wrap { right: 30px; top: 15px; width: 113%; }
.clearing-assembled .clearing-container .visible-img #caption-button { width: 100%; }
.clearing-assembled .clearing-container .visible-img .caption-open:after { content: "\e60a"; float: right; }
.clearing-assembled .clearing-container .visible-img .caption-close { color: black !important; position: relative !important; float: right !important; text-align: right !important; top: -16px !important; left: -9px !important; }
.clearing-assembled .clearing-container .visible-img .clearing-header { color: #c91832; font-weight: 700; background-color: rgba(172, 172, 172, 0.75); text-align: left; text-transform: none !important; padding-left: 22px; width: 100%; }
.clearing-assembled .clearing-container .visible-img .clearing-header:after { color: black; font-weight: 700; text-align: left; text-transform: none !important; padding-left: 22px; }
.clearing-assembled .clearing-container .visible-img .clearing-caption { background-color: #acacac !important; color: black; font: "UnitedSansRgMd"; font-weight: 400 !important; }
@media only screen and (min-device-width: 320px) and (max-device-width: 414px) { .clearing-assembled .clearing-container .visible-img .clearing-touch-label { top: 29% !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { .clearing-assembled .clearing-container .visible-img .clearing-main-start, .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img [class^="clearing-main-"] span, .clearing-assembled .clearing-container .visible-img [class*=" clearing-main-"] span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) { .clearing-assembled .clearing-container .visible-img .clearing-main-start, .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img [class^="clearing-main-"] span, .clearing-assembled .clearing-container .visible-img [class*=" clearing-main-"] span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) { .clearing-assembled .clearing-container .visible-img .clearing-main-start, .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img [class^="clearing-main-"] span, .clearing-assembled .clearing-container .visible-img [class*=" clearing-main-"] span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-start span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-prev span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-end span { display: none; } .clearing-assembled .clearing-container .visible-img .clearing-main-next { display: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { }
.clearing-assembled .clearing-container .carousel { background-color: #292d30; bottom: 0; padding-top: 12px; position: absolute; } .clearing-assembled .clearing-container .carousel > ul li { border: 2px solid #292d30; height: 94px; opacity: 1; padding: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; width: 100px; } .clearing-assembled .clearing-container .carousel > ul li a { background-size: cover; border: 1px solid #c8c8c8; display: block; overflow: hidden; height: 100%; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .clearing-assembled .clearing-container .carousel > ul li a img { opacity: 0; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover a { border: 1px solid white; } .clearing-assembled .clearing-container .carousel > ul li.visible { border: 2px solid white; } .clearing-assembled .clearing-container .carousel > ul li.visible a { border: 1px solid #292d30; }
.clearing-assembled .clearing-container .clearing-info-wrapper { position: absolute; left: 50%; bottom: 0; margin-left: -50%; max-height: 100%; max-width: 100%; } .clearing-assembled .clearing-container .clearing-info-wrapper.caption-active .caption-open { opacity: 0; } .clearing-assembled .clearing-container .clearing-info-wrapper.caption-active .clearing-caption-wrap { opacity: 0.65; background-color: rgba(172, 172, 172, 0); } .clearing-assembled .clearing-container .clearing-info-wrapper.no-header.no-caption { display: none; } .clearing-assembled .clearing-container .clearing-info-wrapper.no-header .clearing-header { display: none; } .clearing-assembled .clearing-container .clearing-info-wrapper.no-caption .clearing-caption { display: none; }
.clearing-assembled .clearing-container .caption-open { background-color: rgba(172, 172, 172, 0.75); bottom: 0px; color: #c8c8c8; display: block; font-size: 24px; left: 0px; opacity: 1; padding: 8px 15px; position: absolute; text-transform: uppercase; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 2; }
.clearing-assembled .clearing-container .clearing-caption-wrap { background-color: rgba(0, 0, 0, 0.85); opacity: 0; padding: 15px 30px; position: relative; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; z-index: 1; } .clearing-assembled .clearing-container .clearing-caption-wrap h2 { color: #c22032; font-family: "UnitedSansRgMd", Arial, sans-serif; font-size: 36px; margin: 0; padding: 0; text-align: center; text-transform: uppercase; } .clearing-assembled .clearing-container .clearing-caption-wrap .clearing-caption { background-color: transparent; bottom: 0; font-size: 16px; font-weight: bold; padding-bottom: 8px; position: static; margin-top: 0; text-align: left; } .clearing-assembled .clearing-container .clearing-caption-wrap .caption-close { color: #c8c8c8; font-size: 48px; display: block; position: absolute; top: -10px; left: 21px; }
.inline-media-gallery { margin-bottom: 5rem !important; margin-top: 5rem !important; clear: both; overflow: hidden; position: relative; } .inline-media-gallery > a { background: rgba(91, 103, 112, 0.75); color: white; height: 90%; position: absolute; top: 0; width: 5rem; z-index: 10; } .inline-media-gallery > a:hover { background: rgba(91, 103, 112, 0.5); } .inline-media-gallery > a.prev { left: 0; } .inline-media-gallery > a.prev span:before { border-right: none; border-top: none; left: 2.375rem; } .inline-media-gallery > a.next { right: 0; } .inline-media-gallery > a.next span:before { border-left: none; border-bottom: none; left: 2.125rem; } .inline-media-gallery > a.hidden { display: none; } .inline-media-gallery > a span { display: block; position: relative; text-align: center; top: 50%; } .inline-media-gallery > a span:before { border: 2px solid white; content: ' '; display: block; height: 10px; position: relative; top: -10px; width: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .inline-media-gallery ul { font-size: 0; height: 100%; margin: 0; position: relative; transition: 500ms left; -webkit-transition: 500ms left; -ms-transition: 500ms left; white-space: nowrap; } .inline-media-gallery ul li { display: inline-block; height: 90%; padding: 0 0.75rem; position: relative; } .inline-media-gallery ul li img { box-shadow: 5px 5px 0 0 #e0e0e2; height: 100%; max-width: inherit; } .inline-media-gallery ul li .caption { color: #9b9d9e; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 0.75rem; height: 10%; line-height: 1rem; padding: 0 2rem; position: absolute; text-align: left; text-transform: none; top: 105%; white-space: normal; }
@media only screen and (max-width: 47.938em) { .media-audio { padding-left: 0; } .media-audio h3 { width: 180px; } .video-target { height: auto; } .audio-holder > div { width: 300px !important; } .audio-holder img[id*="audioPlayerScrubberButtonBackground"] { width: 40px !important; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .media-audio { padding-left: 0; } .video-target { height: auto; } }
@media only screen and (min-width:47.938em) { .insert .media-gallery-container .media-gallery { height: 100%; overflow: hidden; } .insert .media-gallery-container .media-gallery img { width: 100%; } }
#nav-close { background-color: rgba(33, 40, 68, 0.67); visibility: hidden; height: 100%; left: 0; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 3; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .mega-active #nav-close { visibility: visible; opacity: 1; }
#mega-menu { background-color: #f3f3f3; height: 0px; left: 0; min-height: 0; overflow: hidden; position: absolute; top: 142px; width: 100%; z-index: 3; -webkit-transition: height 0.4s ease-in-out, min-height 0.4s ease-in-out, top 0.2s linear; -moz-transition: height 0.4s ease-in-out, min-height 0.4s ease-in-out, top 0.2s linear; transition: height 0.4s ease-in-out, min-height 0.4s ease-in-out, top 0.2s linear; } @media only screen and (max-width: 47.875em) { #mega-menu { top: 102px; } } #mega-menu #mega-menu-wrap { opacity: 0; padding-top: 40px; padding-bottom: 40px; position: absolute; left: 0; top: -20px; width: 100%; z-index: -1; -webkit-transition: opacity 0.2s linear, top 0.2s ease-in-out; -moz-transition: opacity 0.2s linear, top 0.2s ease-in-out; transition: opacity 0.2s linear, top 0.2s ease-in-out; } .mega-active #mega-menu #mega-menu-wrap { opacity: 1; top: 0px; z-index: 1; -webkit-transition: opacity 0.2s linear 0.2s, top 0.3s ease-in-out 0.2s; -moz-transition: opacity 0.2s linear 0.2s, top 0.3s ease-in-out 0.2s; transition: opacity 0.2s linear 0.2s, top 0.3s ease-in-out 0.2s; } #mega-menu #mega-menu-wrap .row { max-width: 62.5rem; } #mega-menu .mega-menu-column { box-sizing: border-box; float: left; padding: 0 40px; width: 33%; } @media only screen and (max-width: 47.875em) { #mega-menu .mega-menu-column { float: none; width: 100%; margin-bottom: 30px; } } #mega-menu .mega-menu-column ul { list-style: none; margin: 0; padding: 0; } #mega-menu .mega-menu-column ul li { list-style: none; margin: 0; padding: 0; } #mega-menu .mega-menu-column ul li a { color: #666666; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.75rem; } #mega-menu .mega-menu-column ul.menu-callout { margin-top: 30px; } #mega-menu .mega-menu-column ul.menu-callout li { margin: 6px 0; } #mega-menu .mega-menu-column ul.menu-callout li a { color: #212844; display: inline-block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 16px; font-weight: 500; height: 100%; letter-spacing: 0px; line-height: 1; } #mega-menu .mega-menu-column ul.menu-callout li a:after { content: "\25bb"; color: #c22032; font-size: 20px; font-weight: bold; margin-left: 6px; vertical-align: top; } #mega-menu .menu-header { color: #c22032; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1.75rem; font-weight: 300; margin-bottom: 8px; padding-bottom: 4px; position: relative; } #mega-menu .menu-header:after { border-bottom: 1px solid #212844; bottom: 0px; content: ''; left: 0; position: absolute; max-width: 150px; width: 100%; } @media only screen and (max-width: 47.875em) { #mega-menu .menu-header { cursor: pointer; } #mega-menu .menu-header:before { content: "\f501"; color: #212844; font-size: 20px; font-weight: bold; left: auto; margin-left: 6px; position: absolute; right: -8px; top: 0; vertical-align: top; } } @media only screen and (max-width: 47.875em) { #mega-menu .mega-list-wrap { height: 0px; overflow: hidden; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } }
#nav-holder { z-index: 3; position: fixed; width: 100%; top: 0; } .page-editor #nav-holder { position: relative; } #nav-holder.tall { position: absolute; }
.sticky-nav #nav-holder { box-shadow: 0 0 10px #cccccc; top: -116px; -webkit-transition: top 0.4s cubic-bezier(0, 0.02, 0, 1.02); -moz-transition: top 0.4s cubic-bezier(0, 0.02, 0, 1.02); transition: top 0.4s cubic-bezier(0, 0.02, 0, 1.02); } .sticky-nav #nav-holder.tall { top: -562px; }
.scroll-up #nav-holder { top: 0px; }
.overlay-active .hide-on-overlay { display: none !important; }
.overlay-active #crest-bar, .overlay-active #nav-bar { margin-top: -82px; }
.top-bar .has-dropdown > a:after { display: none; }
.top-bar a { text-transform: uppercase; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; transition: background 0.2s linear; }
.top-bar .icon-search { font-size: 1.9375rem; color: #c8c8c8; display: block; line-height: 3.75rem; }
.top-bar .icon-down { cursor: pointer; display: inline; position: relative; margin-left: 0px; margin-right: 0px; } .top-bar .icon-down:before { font-size: inherit; position: static; top: 0px; }
.top-bar .icon-main-menu { display: inline-block; position: relative; margin-right: 25px; border: 1px solid transparent; } .top-bar .icon-main-menu:before { content: ""; position: absolute; left: 50%; display: block; width: 0.9375rem; top: 50%; height: 0; margin-left: 0; margin-top: -1.375rem; box-shadow: 0 10px 0 1px #292d30, 0 16px 0 1px #292d30, 0 22px 0 1px #292d30; }
.top-bar .icon-close { display: none; position: relative; top: 4px; margin-right: 3px; font-size: 1.5em; margin-top: -3px; border: 1px solid transparent; }
.top-bar .move-right-active .icon-close { display: inline-block; }
.top-bar .move-right-active .icon-main-menu { display: none; }
.top-bar li.active .icon-main-menu, .top-bar li.active .icon-close { color: #292d30; }
#logo { position: relative; min-height: 1px; width: 100%; } #logo span { display: none; } #logo img { position: absolute; left: 50%; top: 15px; margin-left: -39px; z-index: 1; }
#logo-mobile { position: fixed; left: 1.25rem; top: 1.25rem; z-index: 5; width: 3rem; } #logo-mobile span { display: none; }
#teams-mobile-menu { display: none; } #teams-mobile-menu.mobile-show { display: block; }
.top-bar-section .has-dropdown { text-align: center; }
.top-bar-section > ul > li > a, .top-bar-section ul li .nav-item-center > a { padding: 0 !important; }
.top-bar-section > ul.left > li:nth-child(2) > a { color: #4e4e4e !important; }
.top-bar-section ul li .dropdown-nav-item-center a { color: #444444; line-height: 1 !important; padding: 0 !important; }
.top-bar-section .left li .dropdown { right: auto; left: 0; display: block; top: -1000px; -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; transition: top 0.2s linear; z-index: -1; } .page-editor .top-bar-section .left li .dropdown { display: none; }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; top: 70px !important; }
.team-dropdown { position: absolute; left: 100%; }
.team-has-dropdown { position: relative; } .team-has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(78, 78, 78, 0.4); border-left-style: solid; margin-right: 23.33333px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; }
@media only screen and (max-width: 47.938em) { #mobile-nav-holder { position: fixed; left: 0; bottom: 0; z-index: 4; width: 100%; } .show-mobile-search #mobile-nav-holder { top: 82px; } .mobile-bar { background-color: rgba(41, 45, 48, 0.9); } .mobile-bar ul { margin: 0; list-style: none; } .mobile-bar section { background-color: #292d30; } .mobile-bar section > ul > li { display: block; border-top: 1px solid #222628; } .mobile-bar section > ul > li > a { font-weight: 900; font-size: 1.25rem; text-transform: uppercase; line-height: 1em; } .mobile-bar section > ul > li a { padding: 1.25rem; display: block; } .mobile-bar section > ul ul li { border-top: 1px solid #292d30; } .mobile-bar section > ul ul ul li { border-top: 1px solid #222628; } .mobile-bar section > ul ul ul a { padding-left: 1.875rem; background: #1a1c1e; } .mobile-bar section > ul ul ul a:hover { background: #1a1c1e; } .mobile-catagories { overflow: hidden; } .mobile-catagories li { float: left; width: 50%; } .mobile-catagories li a { color: transparent; font: 0/0 a; text-shadow: none; height: 3.75rem; color: #a1abad; display: block; width: 100%; position: relative; } .mobile-catagories li a:before { font-size: 1.875rem; position: absolute; top: 50%; left: 50%; margin-left: -0.6875rem; margin-top: -0.6875rem; width: 1.25rem; height: 1.25rem; } .mobile-catagories li a.cat-open { background-color: #292d30; color: #c22032; display: none; } .mobile-catagories .all a.cat-closed:after { content: ""; position: absolute; left: 50%; display: block; width: 0.9375rem; top: 50%; height: 0; margin-left: -0.375rem; margin-top: -0.875rem; box-shadow: 0 10px 0 1px #a1abad, 0 16px 0 1px #a1abad, 0 22px 0 1px #a1abad; } .show-mobile-main-nav .mobile-catagories .all .cat-closed { display: none; } .show-mobile-main-nav .mobile-catagories .all .cat-open { display: block; } .show-mobile-search .mobile-catagories .search .cat-closed { display: none; } .show-mobile-search .mobile-catagories .search .cat-open { display: block; } .show-mobile-starred .mobile-catagories .starred .cat-closed { display: none; } .show-mobile-starred .mobile-catagories .starred .cat-open { display: block; } .mobile-section-main-nav { overflow-y: scroll; left: 0; display: none; } .show-mobile-main-nav .mobile-section-main-nav { display: block; } .mobile-section-main-nav ul li a { color: white; background-color: #292d30; } .mobile-section-main-nav ul li.active a { color: white; background-color: #292d30; } .mobile-section-main-nav ul li.active a:hover { background-color: #292d30; } .mobile-section-main-nav ul li.active .icon-reorder { color: white; } .mobile-section-main-nav ul li:hover > a { color: white; background-color: #292d30; } #teams-mobile-menu { display: none; background-color: #222628; } #teams-mobile-menu > li > ul { display: none; } #teams-mobile-menu > li > a { background-color: #222628; position: relative; } #teams-mobile-menu > li > a .mobile-has-team-sub { position: absolute; right: 0; top: 0; width: 3.75rem; height: 100%; display: block; color: #0b0c0d; font-size: 2.25rem; } #teams-mobile-menu > li > a .mobile-has-team-sub span { display: block; position: relative; height: 100%; } #teams-mobile-menu > li > a .mobile-has-team-sub span:before { color: white; position: absolute; top: 50%; left: 50%; margin-top: -0.9375rem; margin-left: -1.0625rem; } #teams-mobile-menu > li > a .mobile-has-team-sub .icon-close { display: none; } .show-mobile-teams #teams-mobile-menu { display: block; } #more-mobile-menu { display: none; background-color: #222628; } #more-mobile-menu > li > a { background-color: #222628; } .show-mobile-more #more-mobile-menu { display: block; } .show-team > ul { display: block !important; } .show-team .icon-down { display: none !important; } .show-team .icon-close { display: block !important; } .mobile-section-search { display: none; } .mobile-section-search input { background-color: transparent; margin: 0; border: none; font-size: 1.25rem; } .mobile-section-search input::-webkit-input-placeholder { color: white; } .mobile-section-search input:-moz-placeholder { color: white; } .mobile-section-search input::-moz-placeholder { color: white; } .mobile-section-search input:-ms-input-placeholder { color: white; } .show-mobile-search .mobile-section-search { display: block; } .mobile-section-starred { display: none; } .mobile-section-starred a { color: white; } .mobile-section-starred a span { font-size: 0.875rem; } .show-mobile-starred .mobile-section-starred { display: block; } .mobile-has-sub span { float: right; color: white; font-size: 2.25rem; margin-top: -0.1875rem; } .mobile-has-sub .icon-down { display: block; } .mobile-has-sub .icon-close { display: none; } .show-mobile-teams [data-show=show-mobile-teams] .icon-down { display: none; } .show-mobile-teams [data-show=show-mobile-teams] .icon-close { display: block; } .show-mobile-more [data-show=show-mobile-more] .icon-down { display: none; } .show-mobile-more [data-show=show-mobile-more] .icon-close { display: block; } }
@media only screen and (min-width:47.938em) { .top-bar-section .dropdown li:not(.has-form) a:not(.button) { background: #c22032; padding: 0 1.45833rem; line-height: 4.375rem; text-align: center; } .top-bar-section .dropdown li:not(.has-form) a:not(.button):hover { color: white; background-color: #aa0c2f; } #nav-holder .top-bar { border-top: 10px solid #c22032; } .top-bar-section > ul { width: 100%; } .top-bar-section > ul > li { width: 11.11111%; } .top-bar-section > ul > li .dropdown-center { padding: 0 !important; display: table; text-align: center; line-height: 1.3rem !important; height: 3.75rem; width: 100%; } .top-bar-section > ul > li .dropdown-center .dropdown-nav-item-center { display: table-cell; vertical-align: middle; padding: 0 !important; } .top-bar-section > ul > li > a { padding: 0 !important; display: table; text-align: center; line-height: 1.3rem !important; height: 3.75rem; } .top-bar-section > ul > li > a#logo:hover { background-color: transparent; } .top-bar-section > ul > li > a .nav-item-center { display: table-cell; vertical-align: middle; } }
@media only screen and (min-width: 47.938em) and (max-width: 56.25rem) { .top-bar-section ul li > a, .top-bar-section ul li .dropdown-center .dropdown-nav-item-center { font-size: 1rem; } }
.top-bar { height: auto !important; overflow: visible; }
#nav-bar { background-color: #212844; height: 60px; margin-top: 82px; position: relative; z-index: 3; } @media only screen and (max-width: 47.875em) { #nav-bar { float: none; height: 104px; margin-top: 50px; width: 100%; } } #nav-bar .row { max-width: 76.875rem; } #nav-bar #team-nav { background-color: #c8c8c8; height: 60px; float: left; position: relative; width: 300px; z-index: 4; } #nav-bar #team-nav > a { color: #212844; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 16px; font-weight: 700; height: 100%; letter-spacing: 0px; line-height: 60px; overflow: hidden; padding: 0px 45px 0 20px; position: relative; text-overflow: ellipsis; text-transform: uppercase; width: 100%; white-space: nowrap; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #nav-bar #team-nav > a .icon-down { font-size: 24px; font-weight: bold; position: absolute; right: 30px; } #nav-bar #team-nav > a:hover { background-color: #e0e0e0; } @media only screen and (min-width:64.001em) { #nav-bar #team-nav > a { font-size: 18px; } } #nav-bar #team-nav.active > a { background-color: #f3f3f3; } @media only screen and (max-width: 47.875em) { #nav-bar #team-nav.active > a { background-color: #e0e0e0; } } @media only screen and (max-width: 47.875em) { #nav-bar #team-nav { float: none; height: 50px; width: 100%; } #nav-bar #team-nav > a { line-height: 50px; } } #nav-bar #main-nav { margin-left: 320px; position: relative; z-index: 3; } #nav-bar #main-nav > ul { background-color: #212844; margin: 0; padding: 0; opacity: 1; transition: opacity 0.35s ease-in; *zoom: 1; text-align: center; } #nav-bar #main-nav > ul.resizing { overflow: hidden; } #nav-bar #main-nav > ul.loading { opacity: 0; transition: opacity 0.35s ease-in; } #nav-bar #main-nav > ul:before, #nav-bar #main-nav > ul:after { content: " "; display: table; } #nav-bar #main-nav > ul:after { clear: both; } #nav-bar #main-nav > ul > li { float: left; list-style: none; } #nav-bar #main-nav > ul > dd { display: inline-block; float: none; } #nav-bar #main-nav > ul > dd, #nav-bar #main-nav > ul > li { background-color: #212844; line-height: 1; margin: 0 !important; max-width: inherit; padding: 0; position: relative; top: 0; width: auto; -webkit-transition: background-color 0.2s linear, color 0.2s linear; -moz-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; } #nav-bar #main-nav > ul > dd > a, #nav-bar #main-nav > ul > li > a { background-image: none; background-color: transparent; border-right: 1px solid #515b79; color: white; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1rem; height: 30px; margin: 15px 0; padding: 7px 20px 4px; position: relative; text-transform: none; } #nav-bar #main-nav > ul > dd > a [class^="icon-"]:before, #nav-bar #main-nav > ul > li > a [class^="icon-"]:before { font-size: 20px; margin-left: 6px; font-weight: bold; vertical-align: top; } #nav-bar #main-nav > ul > dd > a:after, #nav-bar #main-nav > ul > li > a:after { background-color: #212844; bottom: -15px; content: ''; display: block; height: 6px; left: 25%; opacity: 0; position: absolute; width: 50%; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #nav-bar #main-nav > ul > dd > a:active, #nav-bar #main-nav > ul > dd > a:focus, #nav-bar #main-nav > ul > li > a:active, #nav-bar #main-nav > ul > li > a:focus { outline: none; } #nav-bar #main-nav > ul > dd.active, #nav-bar #main-nav > ul > li.active { outline: none; } #nav-bar #main-nav > ul > dd.active a, #nav-bar #main-nav > ul > li.active a { color: white; } #nav-bar #main-nav > ul > dd.active a:after, #nav-bar #main-nav > ul > li.active a:after { background-color: #c22032; opacity: 1; } #nav-bar #main-nav > ul > dd:last-child > a, #nav-bar #main-nav > ul > li:last-child > a { border-right: 0px none; } @media only screen and (min-width:47.938em) and (max-width:64em) { #nav-bar #main-nav > ul > dd, #nav-bar #main-nav > ul > li { text-align: center; } #nav-bar #main-nav > ul > dd > a, #nav-bar #main-nav > ul > li > a { font-size: 0.875rem; } } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav > ul > dd, #nav-bar #main-nav > ul > li { text-align: center; } #nav-bar #main-nav > ul > dd > a, #nav-bar #main-nav > ul > li > a { font-size: 0.6875rem; padding: 7px 6px 4px; } } #nav-bar #main-nav > ul > li > a { padding: 7px 24px 4px; } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav > ul > li { display: table; height: 54px; min-width: 60px; max-width: 80px; padding-top: 8px; padding-bottom: 8px; vertical-align: middle; width: auto; } #nav-bar #main-nav > ul > li > a { display: table-cell; height: 36px; padding: 7px 6px 4px; vertical-align: middle; } #nav-bar #main-nav > ul > li > a:after { bottom: -8px; } } #nav-bar #main-nav .has-dropdown { position: relative; } #nav-bar #main-nav .has-dropdown .icon-down { display: inline-block; margin-right: 6px; margin-left: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #nav-bar #main-nav .has-dropdown .icon-down:before { font-size: 20px; margin-left: 6px; font-weight: bold; vertical-align: top; } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav .has-dropdown .icon-down:before { height: 12px; } } #nav-bar #main-nav .has-dropdown .dropdown { background-color: white; box-shadow: 1px 0px 18px rgba(0, 0, 0, 0.2); left: auto; margin: 0; min-width: 200px; opacity: 0; padding-top: 12px; padding-bottom: 12px; position: absolute; right: 0; text-align: center; width: auto; z-index: -1; -webkit-transition: top 0.4s ease-in-out, opacity 0.2s linear; -moz-transition: top 0.4s ease-in-out, opacity 0.2s linear; transition: top 0.4s ease-in-out, opacity 0.2s linear; } #nav-bar #main-nav .has-dropdown .dropdown > li > a { color: #212844; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 0.875rem; padding: 10px 24px; text-transform: inherit; } #nav-bar #main-nav .has-dropdown .dropdown > li > a:hover { background-color: #f3f3f3; } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav .has-dropdown { position: static; } #nav-bar #main-nav .has-dropdown .dropdown { width: 100%; } } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav .has-dropdown .align { vertical-align: sub; } } #nav-bar #main-nav .has-dropdown.hover, #nav-bar #main-nav .has-dropdown.active { background-color: white; } #nav-bar #main-nav .has-dropdown.hover > a, #nav-bar #main-nav .has-dropdown.active > a { color: #212844; border-color: white; } #nav-bar #main-nav .has-dropdown.hover > a .icon-down, #nav-bar #main-nav .has-dropdown.active > a .icon-down { margin-right: 0px; margin-left: 6px; top: -3px; vertical-align: middle; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav .has-dropdown.hover > a .icon-down, #nav-bar #main-nav .has-dropdown.active > a .icon-down { top: -1px; } } #nav-bar #main-nav .has-dropdown.hover > a:after, #nav-bar #main-nav .has-dropdown.active > a:after { background-color: white; } #nav-bar #main-nav .has-dropdown.hover .dropdown, #nav-bar #main-nav .has-dropdown.active .dropdown { opacity: 1; top: 54px !important; } #nav-bar #main-nav .has-dropdown.hidden { display: none; } @media only screen and (max-width: 47.875em) { #nav-bar #main-nav { float: none; height: 54px; margin-left: 0; width: 100%; } }
.left-off-canvas-menu { display: none; }
.off-canvas-menu a { color: white; }
.off-canvas-menu .side-nav li.active > a:first-child:not(.button) { color: white; font-weight: bold; }
.off-canvas-menu .side-nav li a:not(.button):hover, .off-canvas-menu .side-nav li a:not(.button):focus { color: white; }
.off-canvas-menu dd { border-bottom: 1px solid #9d0c2c; margin-bottom: 0; } .off-canvas-menu dd.off-canvas-menu-open .toggle-teams { background: #9d0c2c; } .off-canvas-menu dd .toggle-teams { text-transform: uppercase; font-size: 1.25rem; font-weight: 900; display: block; position: relative; cursor: pointer; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } .off-canvas-menu dd .toggle-teams:hover { background-color: #aa0c2f; } .off-canvas-menu dd .toggle-teams span.icon-holder { color: white; font-family: 'icomoon'; font-size: 1.75rem; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 4.0625rem; text-align: center; } .off-canvas-menu dd .toggle-teams span.icon-holder > span { display: table; height: 100%; width: 100%; } .off-canvas-menu dd .toggle-teams span.icon-holder > span:before { display: table-cell; vertical-align: middle; } .off-canvas-menu dd .toggle-teams span.icon-holder > span.icon-close { display: none; } .off-canvas-menu dd .toggle-teams .icon-close { display: none; } .left-off-canvas-menu .off-canvas-menu dd .toggle-teams { padding: 1rem 1rem 1rem 2rem; } .off-canvas-menu dd.off-canvas-menu-open .icon-close { display: table !important; } .off-canvas-menu dd.off-canvas-menu-open .icon-down { display: none !important; } .off-canvas-menu dd.off-canvas-menu-open .content { display: block; } .off-canvas-menu dd.off-canvas-menu-open .side-nav a { font-family: "USSF 90 Minutes", Arial, sans-serif !important; font-size: 1rem; }
.off-canvas-menu .content { display: none; background-color: #aa0c2f; } .left-off-canvas-menu .off-canvas-menu .content { padding: 0.625rem 0.625rem 0.625rem 2rem; }
.off-canvas-content { margin: 20px; }
.videoPlayer { position: relative; } .videoPlayer .video-container { z-index: 0; } .videoPlayer .video-container .video { position: absolute; top: 0; } .videoPlayer .video-container .innerWrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.one-off-layout .one-nation .videoPlayer .close { position: absolute; z-index: 99999999; width: 40px; height: 40px; display: block; background-color: transparent; right: 10px; top: 20px; } .one-off-layout .one-nation .videoPlayer .close i { font-size: 40px; color: white; }
.one-off-layout .one-nation .videoPlayer iframe { z-index: 0 !important; }
.one-off-layout .one-nation .icon-play { color: white !important; }
.one-off-layout .one-nation .role-hero { background-size: cover; background-repeat: no-repeat; background-position: center top; margin-bottom: 40px; } .one-off-layout .one-nation .role-hero .row { padding-top: 70px; } .one-off-layout .one-nation .role-hero .row .columns { height: auto !important; } .one-off-layout .one-nation .role-hero .row .columns.large-7 { padding: 0; } .one-off-layout .one-nation .role-hero .row .columns.large-5 h1 { color: #212844; font-size: 3.375rem; margin-bottom: 0; text-transform: uppercase; } .one-off-layout .one-nation .role-hero .row .columns.large-5 .by-line span { font-weight: 900; color: #212844; font-size: 16px; text-transform: uppercase; vertical-align: middle; display: inline-block; margin-top: 7px; } .one-off-layout .one-nation .role-hero .row .columns.large-5 .section { margin-top: 0; } .one-off-layout .one-nation .role-hero .row .columns.large-5 .section p { margin-top: 0; } .one-off-layout .one-nation .role-hero .row .columns .pod-2x3 { position: relative; width: 100%; padding-top: 56.25%; } .one-off-layout .one-nation .role-hero .row .columns .pod-2x3 a.icon-play { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .one-off-layout .one-nation .role-hero .row .columns .pod-2x3 a.icon-play h2 { color: white; font-size: 2.125rem; } .one-off-layout .one-nation .role-hero .row.hero-overlay { top: 0; display: block; height: auto; padding: 0; } .one-off-layout .one-nation .role-hero .row.hero-overlay .columns { height: 90px !important; }
.one-off-layout .one-nation .row.content-list { padding-bottom: 0; max-width: 1680px; padding-left: 0; padding-right: 0; } .one-off-layout .one-nation .row.content-list .large-4 { height: auto !important; margin-bottom: 0; } .one-off-layout .one-nation .row.content-list .large-4:last-child { float: left; } .one-off-layout .one-nation .row.content-list .large-4 .pod-1x1 { margin-bottom: 0; height: 18.75rem; } .one-off-layout .one-nation .row.content-list .large-4.active-pod:after { content: "\e60c"; font-family: 'icomoon'; font-size: 20px; color: white; position: absolute; bottom: -8px; left: 20px; z-index: 9; } .one-off-layout .one-nation .row.content-list .large-4.ad { margin-top: 40px; display: table; margin-bottom: 40px; } .one-off-layout .one-nation .row.content-list .large-4.ad .pod-1x1 { display: table-cell; float: none; vertical-align: middle; margin: 0 auto; } .one-off-layout .one-nation .row.content-list .large-4.ad.ad-mobile { margin-top: 0; } .one-off-layout .one-nation .row.content-list .large-4 .video-details .columns { margin: 0; } .one-off-layout .one-nation .row.content-list .large-4 .video-details .columns h3 { margin-bottom: 0; margin-top: 20px; } .one-off-layout .one-nation .row.content-list .large-4 .video-details .columns p { margin-top: 10px; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer { padding: 5px 0; background: white; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer .row .columns { border-top: none; padding: 20px 1.875rem; height: auto; margin-bottom: 0; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer .row .columns:first-child { padding-bottom: 0; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer .row .columns h3 { color: #444444; font-size: 36px; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer .row .columns p { font-size: 20px; margin: 0; }
@media only screen and (min-width:47.938em) { .one-off-layout .one-nation .role-hero { margin-bottom: 0; } .one-off-layout .one-nation .role-hero .row { padding-top: 0px; display: table; height: 100%; } .one-off-layout .one-nation .role-hero .row .columns { display: table-cell; height: 100%; vertical-align: middle; float: none; } .one-off-layout .one-nation .role-hero .row .columns:last-child { padding-right: 0; } .one-off-layout .one-nation .role-hero .row .columns.large-7 { padding: 0 1.875rem; } .one-off-layout .one-nation .role-hero .row .columns.large-5 { padding-left: 3.75rem; } .one-off-layout .one-nation .row.content-list { padding-left: 0; padding-right: 0; } .one-off-layout .one-nation .row.content-list .large-4.ad { margin-bottom: 0; margin-top: 0; } }
@media only screen and (min-width:64.001em) { .one-off-layout .one-nation .role-hero .row { padding: 50px 0; } .one-off-layout .one-nation .role-hero .row .columns .pod-2x3 a.icon-play h2 { font-size: 3.375rem; } .one-off-layout .one-nation .role-hero .row .columns.large-5 { padding-left: 3.75rem; } .one-off-layout .one-nation .row.content-list .large-4 .pod-1x1 { height: 21.875rem; } .one-off-layout .one-nation .row.content-list .large-4 .pod-1x1 .pod-img, .one-off-layout .one-nation .row.content-list .large-4 .pod-1x1 .content { height: 21.875rem; } .one-off-layout .one-nation .row.content-list .large-12.videoPlayer .row .columns:first-child { padding-bottom: 20px; } }
.one-off-layout { background-color: #ebebeb; font-family: "USSF 90 Minutes Text", Arial, sans-serif; } .one-off-layout #main-column { padding: 0; } .one-off-layout .icon-play:before { background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 18px; height: 32px; left: 15px; margin-top: 0; margin-left: 0; padding-top: 6px; padding-left: 7px; top: 15px; width: 32px; } .one-off-layout .pod-img { background-position: top center; background-size: cover; display: block; } .one-off-layout .top-pod { position: relative; width: 100%; padding-top: 56.25%; } .one-off-layout .top-pod .pod-img { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; margin-bottom: 1.25rem; overflow: hidden; } .one-off-layout .top-pod .bottom-left { position: absolute; left: 0.9375rem; bottom: 0.9375rem; z-index: 2; padding-right: 0.9375rem; } .one-off-layout .top-pod .bottom-left h2 { color: white; font-size: 1.875rem; } @media only screen and (max-width: 47.875em) { .one-off-layout .top-pod .bottom-left h2 { font-size: 1.5rem; } } .one-off-layout .one-nation .row.content-list { max-width: inherit; } .one-off-layout .pod { height: 21.875rem; background-position: top center; background-size: cover; overflow: hidden; position: relative; } .one-off-layout .pod .pod-img { height: 21.875rem; } .one-off-layout .pod .bottom-left { position: absolute; left: 0.9375rem; bottom: 0.9375rem; z-index: 2; padding-right: 0.9375rem; } .one-off-layout .pod .bottom-left h2 { color: white; font-size: 1.875rem; } .one-off-layout #logo-mobile { top: 15px; } .one-off-layout #nav-holder { position: absolute; } .one-off-layout #nav-holder .top-bar { height: 80px !important; border-top: 10px solid #222628; background: #292d30; } .one-off-layout #nav-holder .top-bar .title-area .icon-close { display: none; color: #c22032; box-shadow: none; font-size: 36px; margin-top: -5px; } .one-off-layout #nav-holder .top-bar .title-area .icon-main-menu:before { box-shadow: 0 10px 0 1px #444444, 0 16px 0 1px #444444, 0 22px 0 1px #444444; } .one-off-layout #nav-holder .top-bar .top-bar-section ul { background-color: transparent; width: auto; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right { display: none; float: none !important; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li { width: auto; margin: 0; padding: 10px 20px; height: auto; border-bottom: 1px solid #222628; border-top: 1px solid #222628; background: transparent; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li a { height: auto; background: transparent; color: white; font-size: 1rem; font-family: "USSF 90 Minutes Text", Arial, sans-serif; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li a#team-menu-link { background: #292d30; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li a#team-menu-link span.icon-main-menu:before { box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li.social-header { padding-left: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li.social-header ul { margin: 0; padding: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li.social-header ul li { display: inline-block; border: none; padding-top: 0; padding-bottom: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li.social-header ul li:first-child { margin-left: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul li.social-header ul li a { padding: 0; } .one-off-layout #nav-holder .top-bar.expanded .title-area { background: transparent; } .one-off-layout #nav-holder .top-bar.expanded .title-area .icon-close { display: block; } .one-off-layout #nav-holder .top-bar.expanded .title-area .icon-main-menu { display: none; } .one-off-layout #nav-holder .top-bar.expanded .top-bar-section .right { display: block; } .one-off-layout #footer { padding: 0; } .one-off-layout #footer .footer-inline-links { margin-top: 0; padding: 40px 0; } .one-off-layout #footer .footer-inline-links .column { margin-bottom: 20px; } .one-off-layout #footer .footer-inline-links .column:last-child { margin-bottom: 0; } .one-off-layout #footer .footer-inline-links .large-9 ul li { text-align: center; padding: 0; } .one-off-layout #footer .footer-inline-links .large-2 .social-list { margin-left: 0; } .one-off-layout #footer .footer-inline-links .large-2 .social-list li { display: inline-block; margin-right: 10px; } .one-off-layout #footer .footer-inline-links .large-2 .social-list li:last-child { margin-right: 0; } .one-off-layout #footer .footer-inline-links .large-2 .social-list li a i { font-size: 20px; } .one-off-layout .off-canvas-wrap#team-menu-off-canvas-wrap { padding-top: 0; z-index: 0; background: transparent; } .one-off-layout .off-canvas-wrap#team-menu-off-canvas-wrap #main-container { padding-top: 0; } .one-off-layout .hero-overlay { position: relative; top: 60px; z-index: 9; max-width: 970px; } .one-off-layout .hero-overlay .columns { background: #c8c8c8; height: 90px; max-width: 970px; width: 100%; float: none; margin: 0 auto; padding: 0; }
@media only screen and (min-width:47.938em) { .one-off-layout .off-canvas-wrap#team-menu-off-canvas-wrap { padding-top: 80px; } .one-off-layout #nav-holder { position: absolute; z-index: initial; } .one-off-layout #nav-holder .top-bar .top-bar-section { max-width: 76.875rem; margin: 0 auto; } .one-off-layout #nav-holder .top-bar .top-bar-section ul { margin-top: 20px; position: absolute; z-index: 9; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right { right: 0; display: block !important; float: right !important; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li { border: none; margin: 0 20px; padding: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li.social-header { margin: 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li.social-header ul { position: relative; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li.social-header ul li { margin: -2px 8px 0; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li.social-header ul li:first-child { margin-left: 20px; } .one-off-layout #nav-holder .top-bar .top-bar-section ul.right li.social-header ul li a { line-height: 20px; padding-left: 0; padding-right: 0; } .one-off-layout #nav-holder #logo { position: absolute; width: 91px; height: 78px; z-index: 6; top: -22px; background-color: transparent; } .one-off-layout #nav-holder #logo img { position: relative; margin: 0; top: 0; left: 0; } .one-off-layout #footer .footer-inline-links .large-9 ul li { padding: 0 1.25rem; } }
@media only screen and (min-width:64.001em) { .one-off-layout { background-color: #ebebeb; z-index: 4; } .one-off-layout #nav-holder #logo { top: -7px; } .one-off-layout #footer .footer-inline-links { padding: 60px 0 20px; } .one-off-layout #footer .footer-inline-links .column { margin-bottom: 0; } .one-off-layout #footer .footer-inline-links .large-1 img { margin-top: -30px; } .one-off-layout #footer .footer-inline-links .large-2 .social-list { text-align: right; margin-top: -10px; } }
#player-info { border-top: 1px solid #c4c4c4; margin: 0 0.9375rem; } #player-info .player-overview { position: relative; } @media only screen and (min-width:64.001em) { #player-info .player-overview { border-right: 1px solid #c4c4c4; } } @media only screen and (min-width:47.938em) and (max-width:64em) { #player-info .player-overview { border-bottom: 1px solid #c4c4c4; } } #player-info .player-overview .bio-img { float: left; margin-bottom: 0; text-align: center; width: 345px; height: 230px; } @media only screen and (max-width: 47.875em) { #player-info .player-overview .bio-img { border-bottom: 1px solid #c4c4c4; width: auto; height: auto; float: none; } } #player-info .player-overview .bio-img img { max-height: 230px; vertical-align: top; } #player-info .player-overview .bio-overview { left: 360px; position: absolute; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 47.875em) { #player-info .player-overview .bio-overview { left: 0; margin: 30px 20px; position: inherit; top: auto; transform: none; } } #player-info .player-overview .achievements { margin: 0; } #player-info .player-overview .team { font-size: 18px; color: #c8c8c8; margin-bottom: 5px; text-transform: uppercase; } #player-info .player-overview .name { font-size: 33px; color: #212844; margin: 0; margin-bottom: 5px; font-weight: 900; } #player-info .player-overview .bio-team-stats { text-transform: uppercase; } #player-info .player-overview .bio-team-stats .bio-position { color: #c22032; margin-right: 10px; font-size: 25px; } #player-info .player-overview .bio-team-stats .bio-stats { color: #212844; font-size: 14px; vertical-align: text-top; } #player-info .player-overview .bio-team-stats .bio-stats .bio-stat-label { font-weight: 900; } #player-info .player-overview .bio-social { position: absolute; right: 10px; bottom: 15px; margin: 0; } @media only screen and (min-width:47.938em) and (max-width:64em) { #player-info .player-overview .bio-social { bottom: 40px; left: 345px; } } @media only screen and (max-width: 47.875em) { #player-info .player-overview .bio-social { bottom: auto; margin-bottom: 40px; position: inherit; right: auto; text-align: center; } } #player-info .player-overview .bio-social .bio-social-text { color: #212844; font-size: 12px; vertical-align: sub; } #player-info .player-overview .bio-social a { color: #c8c8c8; } #player-info .player-overview .bio-social a:first-of-type { margin-left: 10px; } #player-info .player-details ul { list-style: none; margin: 0; padding: 40px 50px 0 50px; } @media only screen and (min-width:47.938em) and (max-width:64em) { #player-info .player-details ul { text-align: center; } } @media only screen and (max-width: 47.875em) { #player-info .player-details ul { border-top: 1px solid #c4c4c4; padding: 40px 0 20px 0; } } #player-info .player-details ul li { margin: 0; padding: 10px 20px 0 0; float: left; width: 50%; } @media only screen and (min-width:47.938em) and (max-width:64em) { #player-info .player-details ul li { float: none; display: inline-block; width: auto; } } @media only screen and (max-width: 47.875em) { #player-info .player-details ul li { float: none; padding: 0 0 20px 0; text-align: center; width: 100%; } } #player-info .player-details ul li h4, #player-info .player-details ul li p { font-size: 16px; } #player-info .player-details ul li h4 { font-weight: 900; } #player-info .player-details ul li p { margin: 5px 0; height: 50px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 47.875em) { #player-info .player-details ul li p { height: auto; } }
.hasShadow { box-shadow: 9px 9px 0 0 #e0e0e2; }
.icon-chat { margin-left: 0.5rem; } .icon-chat:before { font-size: 150%; margin-right: 0.2rem; }
.aggregate-spacer { width: 300px; }
.pod-1x1, .pod-1x2, .pod-2x1 { position: relative; } .pod-1x1 .pod-img, .pod-1x2 .pod-img, .pod-2x1 .pod-img { background-size: cover; background-position: top center; display: block; margin: 0; overflow: hidden; position: relative; } .pod-1x1 .pod-text, .pod-1x2 .pod-text, .pod-2x1 .pod-text { background-color: white; height: 100%; padding: 1rem 1.25rem 3.125rem; position: relative; } .pod-1x1 .pod-text h2, .pod-1x2 .pod-text h2, .pod-2x1 .pod-text h2 { border-bottom: 1px solid #212844; font-size: 1rem; font-weight: 700; line-height: 1.4; margin: 0 0 16px; padding: 0 0 8px; } .pod-1x1 .pod-text h2 a, .pod-1x2 .pod-text h2 a, .pod-2x1 .pod-text h2 a { color: #212844; } .pod-1x1 .pod-text h2 a:hover, .pod-1x2 .pod-text h2 a:hover, .pod-2x1 .pod-text h2 a:hover { color: #c22032; } .pod-1x1 .pod-text .pod-summary, .pod-1x2 .pod-text .pod-summary, .pod-2x1 .pod-text .pod-summary { font-size: 0.8125rem; line-height: 1.6; } .pod-1x1 .pod-text .pod-summary a, .pod-1x2 .pod-text .pod-summary a, .pod-2x1 .pod-text .pod-summary a { color: #c22032; font-weight: 700; margin-left: 4px; } .pod-1x1 .pod-text .pod-info, .pod-1x2 .pod-text .pod-info, .pod-2x1 .pod-text .pod-info { background-color: white; bottom: 0px; left: 0px; padding: 10px 20px 14px 20px; position: absolute; width: 100%; } .pod-1x1.custom p, .pod-1x2.custom p, .pod-2x1.custom p { margin: 0 !important; } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x1, .pod-1x2, .pod-2x1 { margin-left: 0 !important; } } @media only screen and (min-width:47.938em) { .pod-1x1, .pod-1x2, .pod-2x1 { float: left; overflow: hidden; } }
.list-feature { background-position: top center; background-size: cover; height: 15.625rem; overflow: hidden; margin: 0 0 10px 10px; position: relative; margin: 0; } .list-feature img { left: auto; margin-left: 0; max-width: 100%; position: static; } .list-feature .pod-img { height: 7.8125rem; } .list-feature .pod-text { height: 7.8125rem; } .list-feature .icon-play, .list-feature .icon-gallery, .list-feature .full { height: 15.625rem; } @media only screen and (min-width: 960px) { .list-feature .icon-play + .pod-text, .list-feature .icon-gallery + .pod-text, .list-feature .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .list-feature .icon-play + .pod-text h2, .list-feature .icon-gallery + .pod-text h2, .list-feature .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .list-feature .icon-play + .pod-text .pod-info, .list-feature .icon-gallery + .pod-text .pod-info, .list-feature .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .list-feature .icon-play + .pod-text .pod-summary, .list-feature .icon-gallery + .pod-text .pod-summary, .list-feature .full + .pod-text .pod-summary { display: none; } } @media only screen and (min-width:768px) and (max-width:959px) { .list-feature .icon-play + .pod-text, .list-feature .icon-gallery + .pod-text, .list-feature .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .list-feature .icon-play + .pod-text h2, .list-feature .icon-gallery + .pod-text h2, .list-feature .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .list-feature .icon-play + .pod-text .pod-info, .list-feature .icon-gallery + .pod-text .pod-info, .list-feature .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .list-feature .icon-play + .pod-text .pod-summary, .list-feature .icon-gallery + .pod-text .pod-summary, .list-feature .full + .pod-text .pod-summary { display: none; } } .list-feature .pod-img { display: block; background-position: top center; }
.pod-1x1 { width: 18.75rem; background-position: top center; background-size: cover; height: 15.625rem; overflow: hidden; margin: 0 0 10px 10px; position: relative; } .pod-1x1 img { left: auto; margin-left: 0; max-width: 100%; position: static; } .pod-1x1 .pod-img { height: 7.8125rem; } .pod-1x1 .pod-text { height: 7.8125rem; } .pod-1x1 .icon-play, .pod-1x1 .icon-gallery, .pod-1x1 .full { height: 15.625rem; } @media only screen and (min-width: 960px) { .pod-1x1 .icon-play + .pod-text, .pod-1x1 .icon-gallery + .pod-text, .pod-1x1 .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .pod-1x1 .icon-play + .pod-text h2, .pod-1x1 .icon-gallery + .pod-text h2, .pod-1x1 .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .pod-1x1 .icon-play + .pod-text .pod-info, .pod-1x1 .icon-gallery + .pod-text .pod-info, .pod-1x1 .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-1x1 .icon-play + .pod-text .pod-summary, .pod-1x1 .icon-gallery + .pod-text .pod-summary, .pod-1x1 .full + .pod-text .pod-summary { display: none; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x1 .icon-play + .pod-text, .pod-1x1 .icon-gallery + .pod-text, .pod-1x1 .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .pod-1x1 .icon-play + .pod-text h2, .pod-1x1 .icon-gallery + .pod-text h2, .pod-1x1 .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .pod-1x1 .icon-play + .pod-text .pod-info, .pod-1x1 .icon-gallery + .pod-text .pod-info, .pod-1x1 .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-1x1 .icon-play + .pod-text .pod-summary, .pod-1x1 .icon-gallery + .pod-text .pod-summary, .pod-1x1 .full + .pod-text .pod-summary { display: none; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x1 .full + .pod-text { position: relative; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x1 { width: 100%; } .pod-1x1 .pod-img { width: 100%; height: 7.8125rem; float: none; } .pod-1x1 .pod-text { height: auto; float: none; } .pod-1x1 .pod-text .pod-summary { height: auto; } }
.pod-2x1 { background-position: top center; background-size: cover; height: 15.625rem; overflow: hidden; margin: 0 0 10px 10px; position: relative; width: 610px; } .pod-2x1 .pod-img { width: 18.75rem; height: 100%; float: left; } .pod-2x1 .pod-img.icon-play, .pod-2x1 .pod-img.icon-gallery, .pod-2x1 .pod-img.full { width: 38.125rem; } .pod-2x1 .pod-img.icon-play + .pod-text, .pod-2x1 .pod-img.icon-gallery + .pod-text, .pod-2x1 .pod-img.full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 10px 20px; position: absolute; width: 100%; } @media only screen and (min-width:0) and (max-width:767px) { .pod-2x1 .pod-img.icon-play + .pod-text, .pod-2x1 .pod-img.icon-gallery + .pod-text, .pod-2x1 .pod-img.full + .pod-text { padding: 10px; position: relative; } } .pod-2x1 .pod-img.icon-play + .pod-text h2, .pod-2x1 .pod-img.icon-gallery + .pod-text h2, .pod-2x1 .pod-img.full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } @media only screen and (min-width:0) and (max-width:767px) { .pod-2x1 .pod-img.icon-play + .pod-text h2, .pod-2x1 .pod-img.icon-gallery + .pod-text h2, .pod-2x1 .pod-img.full + .pod-text h2 { font-size: 1rem; } } .pod-2x1 .pod-img.icon-play + .pod-text .pod-info, .pod-2x1 .pod-img.icon-gallery + .pod-text .pod-info, .pod-2x1 .pod-img.full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-2x1 .pod-img.icon-play + .pod-text .pod-summary, .pod-2x1 .pod-img.icon-gallery + .pod-text .pod-summary, .pod-2x1 .pod-img.full + .pod-text .pod-summary { display: none; } .pod-2x1 .pod-text { float: left; padding-left: 30px; width: 310px; } .pod-2x1 .pod-text h3 { font-size: 1.125rem; line-height: 1.2; } .pod-2x1 .pod-text .pod-info { padding-left: 30px; } @media only screen and (min-width:768px) and (max-width:959px) { .pod-2x1 { height: auto; width: 100%; } .pod-2x1 .pod-img { width: 100%; height: 15.625rem; float: none; } .pod-2x1 .pod-text { height: auto; float: none; width: 100%; } .pod-2x1 .pod-text .pod-summary { height: auto; } }
.pod-1x2 { margin: 0 0 10px 10px; width: 300px; } .pod-1x2 .pod-img { height: 15.625rem; width: 100%; } .pod-1x2 .pod-img.icon-play, .pod-1x2 .pod-img.icon-gallery, .pod-1x2 .pod-img.full { height: 31.875rem; } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2 .pod-img.icon-play, .pod-1x2 .pod-img.icon-gallery, .pod-1x2 .pod-img.full { height: 85px; } } .pod-1x2 .pod-img.icon-play + .pod-text, .pod-1x2 .pod-img.icon-gallery + .pod-text, .pod-1x2 .pod-img.full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2 .pod-img.icon-play + .pod-text, .pod-1x2 .pod-img.icon-gallery + .pod-text, .pod-1x2 .pod-img.full + .pod-text { position: relative; padding: 0; width: auto; } } .pod-1x2 .pod-img.icon-play + .pod-text h2, .pod-1x2 .pod-img.icon-gallery + .pod-text h2, .pod-1x2 .pod-img.full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2 .pod-img.icon-play + .pod-text h2, .pod-1x2 .pod-img.icon-gallery + .pod-text h2, .pod-1x2 .pod-img.full + .pod-text h2 { font-size: 1rem; } } .pod-1x2 .pod-img.icon-play + .pod-text .pod-info, .pod-1x2 .pod-img.icon-gallery + .pod-text .pod-info, .pod-1x2 .pod-img.full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-1x2 .pod-img.icon-play + .pod-text .pod-summary, .pod-1x2 .pod-img.icon-gallery + .pod-text .pod-summary, .pod-1x2 .pod-img.full + .pod-text .pod-summary { display: none; } .pod-1x2 .pod-text { height: 16.25rem; padding-top: 1.625rem; } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x2 { height: auto; width: 100%; } .pod-1x2 .pod-text { height: auto; width: 100%; } .pod-1x2 .pod-text .pod-summary { height: auto; } } @media only screen and (min-width:960px) and (max-width:1279px) { .pod-1x2 .pod-img { float: left; height: 260px; width: 300px; } .pod-1x2 .pod-text { float: left; height: 250px; width: 310px; } }
@media only screen and (min-width:0) and (max-width:767px) { .pod-1x2.nested-pods { padding: 0; margin-bottom: 0; border-bottom: 0; } }
.pod-1x2.nested-pods .pod-1x1 { background-position: top center; background-size: cover; height: 15.625rem; overflow: hidden; margin: 0 0 10px 10px; position: relative; margin: 0; } .pod-1x2.nested-pods .pod-1x1 img { left: auto; margin-left: 0; max-width: 100%; position: static; } .pod-1x2.nested-pods .pod-1x1 .pod-img { height: 7.8125rem; } .pod-1x2.nested-pods .pod-1x1 .pod-text { height: 7.8125rem; } .pod-1x2.nested-pods .pod-1x1 .icon-play, .pod-1x2.nested-pods .pod-1x1 .icon-gallery, .pod-1x2.nested-pods .pod-1x1 .full { height: 15.625rem; } @media only screen and (min-width: 960px) { .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text h2, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text h2, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text .pod-info, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text .pod-info, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text .pod-summary, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text .pod-summary, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text .pod-summary { display: none; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; height: auto; left: 0; padding: 20px; position: absolute; width: 100%; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text h2, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text h2, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text h2 { border-bottom: 0px; font-size: 1.5rem; margin-bottom: 6px; padding-bottom: 0; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text .pod-info, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text .pod-info, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text .pod-info { background-color: transparent; padding: 0; position: static; } .pod-1x2.nested-pods .pod-1x1 .icon-play + .pod-text .pod-summary, .pod-1x2.nested-pods .pod-1x1 .icon-gallery + .pod-text .pod-summary, .pod-1x2.nested-pods .pod-1x1 .full + .pod-text .pod-summary { display: none; } } .pod-1x2.nested-pods .pod-1x1 .pod-text { padding-top: 1.25rem; } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2.nested-pods .pod-1x1 .pod-text { position: relative; padding: 0; width: auto; } } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2.nested-pods .pod-1x1 .pod-text h2 { font-size: 1rem; } } .pod-1x2.nested-pods .pod-1x1 + .pod-1x1 { margin-top: 0.625rem; } @media only screen and (min-width:0) and (max-width:767px) { .pod-1x2.nested-pods .pod-1x1 { height: auto; } .pod-1x2.nested-pods .pod-1x1 .pod-img, .pod-1x2.nested-pods .pod-1x1 .pod-text { height: 85px; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-1x2.nested-pods .pod-1x1 { height: auto; } } @media only screen and (min-width:960px) and (max-width:1279px) { .pod-1x2.nested-pods .pod-1x1 { float: left; margin-left: 0; margin-top: 0; } .pod-1x2.nested-pods .pod-1x1 + .pod-1x1 { margin-top: 0; margin-left: 0.625rem; } }
.pod-2x3 { clear: none; margin: 0 0 10px 10px; position: relative; width: 920px; } .pod-2x3 .pod-img { background-position: top center; background-size: cover; display: block; height: 8.75rem; margin-bottom: 1.25rem; overflow: hidden; position: relative; } .pod-2x3 .pod-text { background-color: rgba(255, 255, 255, 0.67); bottom: 0; left: 0; padding: 10px 20px; position: absolute; width: 100%; } @media only screen and (min-width:0) and (max-width:767px) { .pod-2x3 .pod-text { padding: 10px; } } .pod-2x3 .pod-text h2 { font-size: 2.25rem; } .pod-2x3 .pod-text h2 a { color: #212844; } .pod-2x3 .pod-text h2 a:hover { color: #c22032; } .pod-2x3 .pod-text .pod-summary { display: none; } .pod-2x3.custom p { margin: 0 !important; } .leading-story .pod-2x3 { margin: 10px auto 30px; } @media only screen and (min-width:960px) and (max-width:1279px) { .pod-2x3 { width: 610px; } } @media only screen and (min-width:768px) and (max-width:959px) { .pod-2x3 { margin-left: 0; width: 100%; } } @media only screen and (min-width:47.938em) { .pod-2x3 { height: 31.875rem; overflow: hidden; } .pod-2x3 .pod-img { height: 31.875rem; } }
@media only screen and (min-width:0) and (max-width:767px) { .pod-1x1, .pod-1x2, .pod-2x1 { border-bottom: 2px solid #e2e2e2; height: auto; padding: 9px 0; margin-left: 0; width: 100%; } .pod-1x1 .pod-img, .pod-1x1 .pod-img.full, .pod-1x2 .pod-img, .pod-1x2 .pod-img.full, .pod-2x1 .pod-img, .pod-2x1 .pod-img.full { background-size: cover; background-position: center; display: block; height: 85px; float: left; position: relative; width: 85px; } .pod-1x1 .pod-img + .pod-text, .pod-1x1 .pod-img.full + .pod-text, .pod-1x2 .pod-img + .pod-text, .pod-1x2 .pod-img.full + .pod-text, .pod-2x1 .pod-img + .pod-text, .pod-2x1 .pod-img.full + .pod-text { margin-left: 95px; position: relative; float: none; padding: 0; } .pod-1x1 .pod-img.full + .pod-text, .pod-1x1 .pod-text, .pod-1x2 .pod-img.full + .pod-text, .pod-1x2 .pod-text, .pod-2x1 .pod-img.full + .pod-text, .pod-2x1 .pod-text { background-color: transparent; height: 85px; padding: 0; } .pod-1x1 .pod-img.full + .pod-text h2, .pod-1x1 .pod-text h2, .pod-1x2 .pod-img.full + .pod-text h2, .pod-1x2 .pod-text h2, .pod-2x1 .pod-img.full + .pod-text h2, .pod-2x1 .pod-text h2 { border-bottom: 0px none; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1rem; font-weight: 500; height: 58px; line-height: 1.2; margin-bottom: 0; overflow: hidden; } .pod-1x1 .pod-img.full + .pod-text h3, .pod-1x1 .pod-text h3, .pod-1x2 .pod-img.full + .pod-text h3, .pod-1x2 .pod-text h3, .pod-2x1 .pod-img.full + .pod-text h3, .pod-2x1 .pod-text h3 { font-size: 0.875rem; } .pod-1x1 .pod-img.full + .pod-text .pod-summary, .pod-1x1 .pod-text .pod-summary, .pod-1x2 .pod-img.full + .pod-text .pod-summary, .pod-1x2 .pod-text .pod-summary, .pod-2x1 .pod-img.full + .pod-text .pod-summary, .pod-2x1 .pod-text .pod-summary { display: none; } .pod-1x1 .pod-img.full + .pod-text .pod-info, .pod-1x1 .pod-text .pod-info, .pod-1x2 .pod-img.full + .pod-text .pod-info, .pod-1x2 .pod-text .pod-info, .pod-2x1 .pod-img.full + .pod-text .pod-info, .pod-2x1 .pod-text .pod-info { background-color: transparent; position: absolute; padding: 0; } }
@media only screen and (min-width:0) and (max-width:767px) { .pod-2x3 { height: 120px; padding: 9px 0; position: relative !important; margin-left: 0; width: 100%; } .pod-2x3 .pod-img { height: 111px; } .pod-2x3 .pod-text h2 { font-size: 1rem; } .pod-2x3 .pod-text h3 { font-size: 0.875rem; } }
.icon-play:before { background-color: rgba(0, 0, 0, 0.5); display: block; font-size: 2.1875rem; height: 50px; left: 50%; margin-top: -25px; margin-left: -25px; padding-top: 7px; padding-left: 9px; position: absolute; top: 50%; width: 50px; z-index: 2; }
#hero-img .icon-gallery { background-color: rgba(0, 0, 0, 0.5); display: block; font-size: 1rem; height: 60px; left: 50%; margin-top: -30px; margin-left: -140px; padding-top: 13px; position: absolute; top: 50%; width: 280px; } #hero-img .icon-gallery:before { font-size: 36px; margin-right: 8px; }
.pod-1x1 .icon-play:before, .pod-1x2 .icon-play:before, .pod-2x1 .icon-play:before, .pod-2x3 .icon-play:before { color: white; font-size: 18px; height: 32px; left: 15px; margin-top: 0; margin-left: 0; padding-top: 6px; padding-left: 7px; top: 15px; width: 32px; }
.pod-1x1 .icon-gallery:before, .pod-1x2 .icon-gallery:before, .pod-2x1 .icon-gallery:before, .pod-2x3 .icon-gallery:before { background-color: rgba(0, 0, 0, 0.5); color: white; display: block; height: 34px; font-size: 37px; left: 15px; margin-top: 0; margin-left: 0; padding-left: 6px; padding-top: 2px; position: absolute; top: 15px; width: 38px; z-index: 2; }
.pod-1x1.text-fade, .pod-1x1.ad-1x2, .pod-1x2.text-fade, .pod-1x2.ad-1x2, .pod-2x1.text-fade, .pod-2x1.ad-1x2, .pod-2x3.text-fade, .pod-2x3.ad-1x2 { margin-bottom: 0; }
.twitter-pod { height: 8.75rem; margin-bottom: 1.25rem; } .twitter-pod .tweet { border-top: 1px solid #d0d3d4; border-bottom: 1px solid #d0d3d4; font-weight: 900; font-size: 1.25rem; height: 105px; line-height: 1.1 !important; margin: 0 0 0.75rem !important; padding: 0.9375rem; position: relative; } .twitter-pod .tweet:after { bottom: -29px; content: url(http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/tweet-border.png?yocs=6_&yoloc=eu); position: absolute; left: 0; } .twitter-pod .tweet.quote { color: #a3aaae; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1.625rem; padding-left: 13%; } .twitter-pod .tweet.quote:after { bottom: -30px; } .twitter-pod .tweet.quote + .byline { font-size: 1.25rem; left: 3rem; position: relative; } .twitter-pod .twitter-follow { float: right; } .twitter-pod .twitter-user { color: #c22032; font-size: 1rem; font-weight: 900; margin-right: 1rem; text-transform: uppercase; }
.detail-quote-pod { margin-bottom: 1.25rem; } @media only screen and (max-width: 47.875em) { .detail-quote-pod { margin: 1.25rem; } } .detail-quote-pod .detail { border-top: 1px solid #d0d3d4; border-bottom: 1px solid #d0d3d4; margin: 0 0 0.75rem !important; min-height: 8.75rem; padding: 0.9375rem; position: relative; } .detail-quote-pod .detail p { font-size: 1.875rem; line-height: 1.3 !important; margin: 0; } .detail-quote-pod .detail:after { bottom: -29px; content: url(http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/tweet-border.png?yocs=6_&yoloc=eu); left: 0; position: absolute; } .detail-quote-pod .detail.quote { color: #a3aaae; font-family: "USSF 90 Minutes", Arial, sans-serif; font-size: 1.625rem; padding-left: 13%; } .detail-quote-pod .detail.quote + .byline { font-size: 1.25rem; left: 3rem; position: relative; } .detail-quote-pod img { float: left; margin: 1.5rem 3% 0 0; max-width: 10%; } @media only screen and (max-width: 47.875em) { .detail-quote-pod img { display: none; } } .detail-quote-pod .byline { color: #c22032; font-size: 1rem; font-weight: 900; margin-right: 1rem; text-transform: uppercase; }
.full-width-feature { background-position: top center; background-size: cover; height: 18.75rem; position: relative; } .full-width-feature h2 { color: white; } .full-width-feature .bottom-left h4 { color: white; display: none; font-size: 1.5rem; margin-bottom: 0.875rem; } #latest-feature .full-width-feature .bottom-left h4 { display: block; } #latest-feature .full-width-feature .bottom-left { bottom: auto; top: 1.25rem; } .full-width-feature .content { height: 100%; margin: auto; max-width: 76.875rem; padding: 0 2.5rem; } .full-width-feature .container { display: block; height: 100%; position: relative; } @media only screen and (min-width:47.938em) { .full-width-feature { height: 15.625rem; } }
.tall .above-header-pods.three .pod-1x1 { width: 33.33333%; }
.tall .above-header-pods.two .pod-1x1 { width: 50%; }
.tall .above-header-pods.one .pod-1x1 { width: 100%; }
.tall .above-header-pods .pod-1x1 { background-color: white; height: 27.875rem; float: left; margin: 0; } .tall .above-header-pods .pod-1x1 h2 { bottom: 3.8125rem; font-size: 2.75rem; left: 1.875rem; } .tall .above-header-pods .pod-1x1 .top-left { left: 1.875rem; top: 24.5625rem; }
.tall .above-header-pods .img-overlay-red-blue:after { background-image: -webkit-linear-gradient( top, rgba(39, 44, 47, 0) 5%, #272c2f 90%); background-image: linear-gradient(to bottom, rgba(39, 44, 47, 0) 5%, #272c2f 90%); opacity: 0.74; } .no-cssgradients .tall .above-header-pods .img-overlay-red-blue:after { background-image: url(http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/gray-bottom-gradient.png?yocs=6_&yoloc=eu) !important; background-size: auto; }
@media only screen and (max-width: 47.938em) { .above-header-pods { margin-top: -5.9375rem; margin-bottom: 2.5rem; } .above-header-pods .pod-1x1 { height: 16rem; } .above-header-pods .pod-1x1 + .pod-1x1 { margin: 0 1.5rem; height: 15.625rem; } .ad-1x1 { height: auto !important; margin-left: -20px; margin-right: -20px; } }
@media only screen and (min-width:64.001em) { .icon-play:before { font-size: 2.8125rem; height: 72px; margin-top: -36px; margin-left: -36px; padding-top: 13px; padding-left: 18px; width: 72px; } .row.content-list { padding: 0 0 6.5rem 0; } .row.content-list .columns { margin-bottom: 0; } .row.content-list .large-4 { height: 35rem !important; } .row.content-list .large-6 { border-top: 1px solid #d0d3d4; height: 20rem; } .small-lists .row.content-list { padding: 0px; } .small-lists .row.content-list .large-6 { height: 16.25rem; } .small-lists .row.content-list .large-6 h2 { font-size: 2.125rem; } .small-lists .aggregate-content .pod-2x3 { width: 100%; } .full-width-feature { height: 32.5rem; } .full-width-feature h2 { font-size: 3.375rem; } #latest-feature .full-width-feature { height: 22.5rem; } .twitter-pod { height: 16.25rem; margin-bottom: 2.8125rem; } .twitter-pod .tweet { font-size: 2rem; height: 220px; padding: 1.25rem; } .twitter-pod .tweet:after { bottom: -32px; } .row.content-list> .columns.pod-2x3 { margin-left: 1.25rem; padding-right: 1.25rem; padding-left: 0; } .row.content-list> .columns.pod-2x3 + .pod-2x3 { float: left; margin-left: 0; padding-top: 1.5rem; padding-right: 0; padding-left: 1.25rem; width: 46%; } .row.content-list> .columns.pod-2x3 + .pod-2x3 h2 { line-height: 1; } .row.content-list> .columns.pod-2x3 + .pod-2x3 .by-line { margin-bottom: 1.25rem; } .ad-medium-rectangle { margin-bottom: 2.8125rem; text-align: center; } .ad-half-page { text-align: center; } }
@media screen and (min-width: 1024px) and (max-width: 1060px) { .column, .columns { padding-right: 0.7rem; padding-left: 0.7rem; } }
@media only screen and (min-width:0) and (max-width:767px) { .aggregate-content { margin: 0 10px; } }
table th { font-weight: normal; text-transform: uppercase; }
table td, table th { padding: 9px 10px; text-align: left; }
@media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; width: 45%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #cccccc; } div.table-wrapper div.scrollable { margin-left: 45%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } }
.one-off-layout .role-models { background: #eaebeb; border-top: 2px solid #212844; } .one-off-layout .role-models .role-hero { background-size: cover; padding-top: 120px; } .one-off-layout .role-models .role-hero .columns.large-4 h2 { color: #212844; font-size: 78px; line-height: 71px; margin-bottom: 20px; text-transform: uppercase; } .one-off-layout .role-models .role-hero .columns.large-4 h2 br { display: none; } .one-off-layout .role-models .role-hero .columns.large-4 .by-line span { font-family: "USSF 90 Minutes", Arial, sans-serif; color: #212844; font-size: 16px; text-transform: uppercase; vertical-align: middle; display: inline-block; margin-top: 7px; } .one-off-layout .role-models .role-hero .columns.large-8 img { width: 100%; } .one-off-layout .role-models .content-list { margin-top: 75px; padding-bottom: 10px; } .one-off-layout .role-models .content-list .columns.text-fade { height: auto; } .one-off-layout .role-models .content-list .columns.text-fade:after { background-image: -webkit-linear-gradient(top, rgba(234, 235, 235, 0) 0%, rgba(234, 235, 235, 0) 30%, #eaebeb 100%); background-image: linear-gradient(to bottom, rgba(234, 235, 235, 0) 0%, rgba(234, 235, 235, 0) 30%, #eaebeb 100%); } .one-off-layout .role-models .content-list .columns .pod-img { height: auto; } .one-off-layout .role-models .content-list .columns .pod-img img { width: 100%; }
@media only screen and (min-width:47.938em) { .one-off-layout .role-models .role-hero { padding-top: 20px; } .one-off-layout .role-models .content-list .columns { padding-top: 20px; padding-bottom: 20px; } .one-off-layout .role-models .content-list .columns .pod-img { width: 35%; float: left; margin-right: 30px; } .one-off-layout .role-models .content-list .columns .pod-img img { width: 90%; } }
@media only screen and (min-width:64.001em) { .one-off-layout .role-models { background: #eaebeb; padding: 0; } .one-off-layout .role-models .role-hero { background-size: cover; padding-top: 0; } .one-off-layout .role-models .role-hero .columns.large-4 { margin-top: 60px; } .one-off-layout .role-models .role-hero .columns.large-4 h2 { color: #212844; font-size: 78px; line-height: 71px; margin-bottom: 20px; text-transform: uppercase; } .one-off-layout .role-models .role-hero .columns.large-4 h2 br { display: block; } .one-off-layout .role-models .role-hero .columns.large-4 .by-line span { font-family: "USSF 90 Minutes", Arial, sans-serif; color: #212844; font-size: 16px; text-transform: uppercase; vertical-align: middle; display: inline-block; margin-top: 7px; } .one-off-layout .role-models .role-hero .columns.large-8 img { float: right; margin-top: -20px; } .one-off-layout .role-models .content-list .columns { padding-top: 0px; padding-bottom: 0px; } .one-off-layout .role-models .content-list .columns .pod-img { width: 100%; float: none; margin-right: 0; } .one-off-layout .role-models .content-list .columns.large-4 { height: 31.25rem !important; } }
.viewToggle { float: right; margin-bottom: 10px; } .viewToggle li { display: inline-block; } .viewToggle li a i { font-size: 25px; color: #c8c8c8; } .viewToggle li a i.icon-grid { font-size: 30px; } .viewToggle li.gridView { margin-right: 10px; } .viewToggle li.current a i { color: #222628; }
.rosterView { display: none; } .rosterView.activeView { display: block; } .rosterView#rosterGrid h1 { margin-bottom: 40px; } .rosterView .row .small-12.large-4.medium-6.columns { margin-bottom: 10px; } .rosterView .row .player-card { display: block; } .rosterView .row .player-card .row { margin-bottom: 0; }
@media only screen and (max-width: 47.875em) { .rosterView .player-card { height: auto; } }
@media only screen and (min-width:47.938em) and (max-width:64em) { .rosterView .player-card { width: 100%; } }
@media only screen and (min-width:47.938em) { .viewToggle { position: absolute; right: 21px; top: 0; float: none; margin-bottom: 0; } .rosterView .row .player-card { width: 100%; } }
#search-wrap { float: right; margin-left: 50px; padding-top: 22px; width: 180px; -webkit-transition: padding 0.2s linear; -moz-transition: padding 0.2s linear; transition: padding 0.2s linear; } #search-wrap #mobile-search-toggle { display: none; } @media only screen and (max-width: 47.875em) { #search-wrap { left: 0; margin-left: 0; padding: 0 10px; position: absolute; top: 59px; width: 100%; } #search-wrap #mobile-search-toggle { display: block; position: absolute; top: -49px; right: 15px; left: auto; line-height: 1; } #search-wrap #mobile-search-toggle:before { content: "\f50e"; color: #212844; font-size: 2rem; font-weight: bold; text-shadow: 0px 0px 1px white; } .search-active #search-wrap #mobile-search-toggle:before { content: "\2421"; } } #search-wrap input { position: static; top: auto; } #search-wrap #search-form { position: relative; } @media only screen and (max-width: 47.875em) { #search-wrap #search-form { height: 0px; opacity: 0; overflow: hidden; -webkit-transition: opacity 0.3s linear, height 0s linear 0.3s; -moz-transition: opacity 0.3s linear, height 0s linear 0.3s; transition: opacity 0.3s linear, height 0s linear 0.3s; } .search-active #search-wrap #search-form { height: 35px; opacity: 1; -webkit-transition: opacity 0.3s linear, height 0s linear 0s; -moz-transition: opacity 0.3s linear, height 0s linear 0s; transition: opacity 0.3s linear, height 0s linear 0s; } } .sticky-nav #search-wrap { padding-top: 12px; } #search-wrap button.search-button { color: transparent; font: 0/0 a; text-shadow: none; color: #212844; position: absolute; left: auto; right: 12px; top: 7px; } #search-wrap button.search-button:before { font-size: 1.5rem; font-weight: bold; text-shadow: 0px 0px 1px white; }
.search-bar { margin-left: -0.9375rem !important; margin-right: -0.9375rem !important; margin-bottom: 1.875rem !important; } .search-bar input, .search-bar button { margin: 0; } .search-bar button { height: 100%; } .search-bar input { border-right-color: transparent; }
.search-results-row { border-bottom: 1px solid #c8c8c8; margin-bottom: 1.875rem !important; } .search-results-row h2 { font-size: 2.125rem; }
input[type="text"].search-box { box-shadow: none; border: none; border-bottom: 0px none; background-color: #edecec; border-radius: 100px; color: #212844; font-size: 0.75rem; font-weight: 700; height: 35px; margin-bottom: 0; padding: 0.75rem 2.5rem 0.75rem 0.75rem; text-shadow: 0px 0px 1px white; } input[type="text"].search-box::-webkit-input-placeholder { color: #444444; } input[type="text"].search-box:-moz-placeholder { color: #444444; } input[type="text"].search-box::-moz-placeholder { color: #444444; } input[type="text"].search-box:-ms-input-placeholder { color: #444444; }
.sidebar-pod { margin-bottom: 10px; } .sidebar-pod .ad-1x1 { height: auto; margin: 0; } .sidebar-pod > h2 { border-bottom: 1px solid #212844; font-size: 1rem; font-weight: 700; margin: 0 20px 16px; padding: 12px 0; text-align: center; text-transform: uppercase; } .sidebar-pod .text-list ul, .sidebar-pod .teaser-list ul { margin: 0; padding: 0; } .sidebar-pod .text-list ul li, .sidebar-pod .teaser-list ul li { font-family: "USSF 90 Minutes Text", Arial, sans-serif; list-style: none; margin: 0; padding: 0; } .sidebar-pod .text-list { padding: 0 20px 8px; } .sidebar-pod .text-list ul li { padding-left: 8px; position: relative; line-height: 1.2; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar-pod .text-list ul li:before { background: url(http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/list-bullet.png?yocs=6_&yoloc=eu) no-repeat 0px 0px; content: ''; display: block; height: 4px; position: absolute; left: 0; top: 7px; width: 4px; } .sidebar-pod .text-list ul li a { color: #212844; font-size: 0.75rem; font-family: "USSF 90 Minutes Text", Arial, sans-serif; } .sidebar-pod .text-list ul li a:hover { color: #c22032; } .sidebar-pod .teaser-list ul li { border-bottom: 2px solid #e2e2e2; padding: 9px 0; } .sidebar-pod .teaser-list ul li .list-image { background-size: cover; background-position: center; display: block; height: 85px; float: left; width: 85px; } .sidebar-pod .teaser-list ul li .list-image + .list-text { margin-left: 95px; } .sidebar-pod .teaser-list ul li .list-text h2 { font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1rem; font-weight: 500; height: 58px; line-height: 1.2; margin-bottom: 0; overflow: hidden; }
#sidebar-first .pod-1x1, #sidebar-second .pod-1x1 { height: auto; margin: 0 0 10px; float: none; }
#social-left { float: left; width: 55px; } #social-left + .content { margin-left: 60px; } @media only screen and (max-width: 47.875em) { #social-left + .content { margin-left: auto; } }
#social-bottom-right { margin: 10px 0; text-align: right; }
.social-list { width: 55px; list-style-type: none; margin: 0; } @media only screen and (min-width:47.938em) and (max-width:64em) { .social-list { width: 40px; } } .social-list.pinned.bottom { left: 5px; right: auto; }
.addthis_toolbox .at-icon-wrapper { display: none; }
.social-list-inline { margin: 0; } .social-list-inline .social-list-item { display: inline-block; margin-right: 10px; } .social-list-inline .social-list-item:last-child { margin-right: 0; }
.social-list-item { text-align: center; line-height: 1.2; } .social-list-item .icon { color: #212844; font-size: 24px; vertical-align: top; }
#social-right, #social-bottom-small { float: right; margin-right: -3.75rem; } #social-right.fix-position, #social-bottom-small.fix-position { position: fixed; z-index: 100; } #social-right .addthis_toolbox span, #social-bottom-small .addthis_toolbox span { background-image: url('http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/social-small-sprite.png?yocs=6_&yoloc=eu'); background-size: 20px !important; background-color: transparent !important; height: 20px; width: 20px; } #social-right a, #social-bottom-small a { margin-bottom: 0.4375rem; display: block; } #social-right .addthis_button_twitter span, #social-bottom-small .addthis_button_twitter span { background-position: 0 0; } #social-right .addthis_button_facebook span, #social-bottom-small .addthis_button_facebook span { background-position: 0 -27px; } #social-right .addthis_button_google_plusone_share span, #social-bottom-small .addthis_button_google_plusone_share span { background-position: 0 -54px; }
#social-bottom-small { float: none; margin: 0 0 30px; text-align: center; } #social-bottom-small a { display: inline-block; margin-right: 5px; }
#social-bottom { margin-top: 1.875rem; } #social-bottom span { background-image: url('http://cdn-eu-ec.yottaa.net/5682eca20b534438800014b5/www.ussoccer.com/v~13.15/Content/images/social-small-sprite.png?yocs=6_&yoloc=eu'); background-size: 20px !important; background-color: transparent !important; width: 20px; height: 20px; } #social-bottom a { display: inline-block; margin-right: 0.25rem; } #social-bottom .addthis_button_twitter span { background-position: 0 0; } #social-bottom .addthis_button_facebook span { background-position: 0 -27px; } #social-bottom .addthis_button_google_plusone_share span { background-position: 0 -54px; }
.vine-sprite { background-position: -132px 0; }
.youtube-sprite { background-position: -110px 0; }
.twitter-sprite { background-position: -88px 0; }
.instagram-sprite { background-position: -66px 0; }
.googleplus-sprite { background-position: -44px 0; }
.foursquare-sprite { background-position: -22px 0; }
.facebook-sprite { background-position: 0 0; }
.story-list .row { margin: 0; }
.story-list h2 { font-size: 16px; font-weight: 500; }
#main-tabs { border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin: 0 0.9375rem 1.875rem 0.9375rem; } #main-tabs .tabs { text-align: center; } #main-tabs .tabs > li { float: left; list-style: none; } #main-tabs .tabs > dd { display: inline-block; float: none; } #main-tabs .tabs > dd, #main-tabs .tabs > li { background-color: white; line-height: 1; margin: 0 !important; max-width: inherit; padding: 0; position: relative; top: 0; width: auto; -webkit-transition: background-color 0.2s linear, color 0.2s linear; -moz-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; } #main-tabs .tabs > dd > a, #main-tabs .tabs > li > a { background-image: none; background-color: transparent; border-right: 1px solid #515b79; color: #212844; display: block; font-family: "USSF 90 Minutes Text", Arial, sans-serif; font-size: 1rem; height: 30px; margin: 15px 0; padding: 7px 20px 4px; position: relative; text-transform: none; } #main-tabs .tabs > dd > a [class^="icon-"]:before, #main-tabs .tabs > li > a [class^="icon-"]:before { font-size: 20px; margin-left: 6px; font-weight: bold; vertical-align: top; } #main-tabs .tabs > dd > a:after, #main-tabs .tabs > li > a:after { background-color: white; bottom: -15px; content: ''; display: block; height: 6px; left: 25%; opacity: 0; position: absolute; width: 50%; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } #main-tabs .tabs > dd > a:active, #main-tabs .tabs > dd > a:focus, #main-tabs .tabs > li > a:active, #main-tabs .tabs > li > a:focus { outline: none; } #main-tabs .tabs > dd.active, #main-tabs .tabs > li.active { outline: none; } #main-tabs .tabs > dd.active a, #main-tabs .tabs > li.active a { color: #212844; } #main-tabs .tabs > dd.active a:after, #main-tabs .tabs > li.active a:after { background-color: #c22032; opacity: 1; } #main-tabs .tabs > dd:last-child > a, #main-tabs .tabs > li:last-child > a { border-right: 0px none; } @media only screen and (min-width:47.938em) and (max-width:64em) { #main-tabs .tabs > dd, #main-tabs .tabs > li { text-align: center; } #main-tabs .tabs > dd > a, #main-tabs .tabs > li > a { font-size: 0.875rem; } } @media only screen and (max-width: 47.875em) { #main-tabs .tabs > dd, #main-tabs .tabs > li { text-align: center; } #main-tabs .tabs > dd > a, #main-tabs .tabs > li > a { font-size: 0.6875rem; padding: 7px 6px 4px; } }
.tabs [class^="icon-"]:before, .tabs [class*=" icon-"]:before { font-size: 1.75rem; margin-right: 0.4375rem; }
.tabs.half dd { max-width: 12.5rem; width: 50%; }
.tabs + #main-column-container { padding: 0; }
.small-lists .tabs dd > a { font-size: 1rem; }
.tabs-content { background-color: white; } .tabs-content > .content { width: 100%; padding: 0.46875rem; line-height: 1.5; } .tabs-content > .content .form-more button { background: white; box-shadow: 0 0 0 20px white; } .tabs-content h3 { margin: 0.625rem 0 1.25rem 0; } .tabs-content .aggregate-content { max-width: 58.125rem; margin: 0 auto; }
.has-gray-cap .tabs dd a { background-image: -webkit-linear-gradient(left, #ffffff 40%, #f4f5f5 100%); background-image: linear-gradient(to right, #ffffff 40%, #f4f5f5 100%); }
.has-gray-cap .tabs dd.active a { background-image: none; background-image: none; background-color: #eaebec; color: #444444; }
.has-gray-cap .tabs-content, .has-gray-cap .content { background-image: -webkit-linear-gradient(top, #eaebeb 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #eaebeb 0%, #ffffff 100%); background-repeat: repeat-x; background-size: 1px 200px; } .has-gray-cap .tabs-content .content, .has-gray-cap .content .content { background: none; }
.has-gray-cap .content { padding: 0.625rem; }
.has-gray-cap.has-aggregate .content { padding: 2.5rem 1.25rem; }
.has-gray-cap .single-column { background: transparent; padding: 0; max-width: inherit; }
#left-column .tabs-content { background: white; } #left-column .tabs-content .form-more button { box-shadow: 0 0 0 20px white; }
@media only screen and (max-width: 47.875em) { #main-tabs { margin: 0; } #main-tabs .tabs dd, #main-tabs .tabs dd.active { border: none; background: none; } #main-tabs .tabs dd > a, #main-tabs .tabs dd.active > a { background: none !important; padding: 0 0.5rem 0.25rem; line-height: 30px; } }
@media only screen and (max-width: 47.938em) { .tabs dd { width: 100%; max-width: initial; border-bottom: 1px solid #5d6872; } .tabs dd > a { padding: 0.9375rem; font-size: 1rem; background-image: none; background-color: #f4f5f5; } .tabs dd.active > a { background-color: #eaebec; } .tabs-content > .content { padding: 1.25rem; } .tabs-content > .content .column, .tabs-content > .content .columns { padding: 0; } }
@media only screen and (min-width:47.938em) { .has-gray-cap #main-column-container .tabs-content { padding: 0 1.5625rem; } .tabs-content > .content { padding: 0.9375rem; } }
.wc-video-interstitial { background-color: #303030; } .wc-video-interstitial .columns h3 { text-transform: uppercase; font-size: 3.125rem; font-weight: 700; margin: 0.625rem 0 1.25rem 0; } .wc-video-interstitial .columns.wc-top-col { padding: 5% 1.875rem 30%; background-size: cover; margin-bottom: -30%; } .wc-video-interstitial .columns.wc-top-col h3 { padding-bottom: 10px; color: #212844; } .wc-video-interstitial .columns.wc-bottom-col { background: #303030; padding: 20% 1.875rem 5%; margin-top: -20%; } .wc-video-interstitial .columns.wc-bottom-col h3 { padding-top: 20px; color: white; } .wc-video-interstitial .columns.wc-bottom-col a { border: 1px solid white; color: white; font-family: "USSF 90 Minutes", Arial, sans-serif; text-transform: uppercase; padding: 7px 20px; font-size: 1.5rem; margin: 0.625rem 0 1.25rem 0; display: inline-block; } .wc-video-interstitial .columns.video-column { padding: 0 1.875rem; position: relative; z-index: 8; } .wc-video-interstitial .columns.video-column .pod-2x3 { position: relative; width: 100%; padding-top: 56.25%; } .wc-video-interstitial .columns.video-column .pod-2x3 a.pod-img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .wc-video-interstitial .columns.video-column .pod-2x3 a.pod-img:before { font-size: 2.8125rem; height: 72px; margin-top: -36px; margin-left: -36px; padding-top: 13px; padding-left: 18px; width: 72px; left: 50%; top: 50%; } .wc-video-interstitial .columns.video-column .pod-2x3 a.pod-img h4 { font-size: 2.1875rem; color: white; text-transform: none; } .wc-video-interstitial .columns.video-column .videoPlayer { position: relative; } .wc-video-interstitial .columns.video-column .videoPlayer .close { position: absolute; z-index: 99999999; width: 40px; height: 40px; display: block; background-color: transparent; right: 10px; top: 20px; } .wc-video-interstitial .columns.video-column .videoPlayer .close i { font-size: 40px; color: white; }
@media only screen and (min-width:47.938em) { .wc-video-interstitial .columns.wc-bottom-col h3 { float: left; } .wc-video-interstitial .columns.wc-bottom-col a { float: right; margin: 29px 0 0 0; display: block; } .wc-video-interstitial .columns.video-column { padding: 0 1.875rem; } }