@import url(../../sidearm/sidearm_font.css); /* Variables */ /* MIXINS */ .sidearm-responsive *, .sidearm-responsive *:before, .sidearm-responsive *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sidearm-responsive img { display: inline-block; max-width: 100%; height: auto; } .sidearm-responsive .sidearm-table { width: 100%; /* TABLE UTILITIES */ /* RESPONSIVE TABLES */ } .sidearm-responsive .sidearm-table thead { background: none; } .sidearm-responsive .sidearm-table thead th { font-weight: bold; padding: 4px 8px; font-style: italic; color: #595959; vertical-align: bottom; } .sidearm-responsive .sidearm-table tbody tr { border-top: 1px solid #cccccc; background: none; } .sidearm-responsive .sidearm-table tbody tr th { text-align: left; font-weight: normal; } .sidearm-responsive .sidearm-table tbody tr th[scope=colgroup] { background-color: #f2f2f2; font-weight: bold; font-style: italic; text-transform: uppercase; } .sidearm-responsive .sidearm-table tbody tr td, .sidearm-responsive .sidearm-table tbody tr th { padding: 4px 8px; color: #595959; border: 1px solid #cccccc; } .sidearm-responsive .sidearm-table tbody tr td:first-child, .sidearm-responsive .sidearm-table tbody tr th:first-child { border-left: none; } .sidearm-responsive .sidearm-table tbody tr td:last-child, .sidearm-responsive .sidearm-table tbody tr th:last-child { border-right: none; } .sidearm-responsive .sidearm-table tbody tr td.emphasize, .sidearm-responsive .sidearm-table tbody tr th.emphasize { background-color: #f2f2f2; font-weight: bold; } .sidearm-responsive .sidearm-table tbody tr:hover th:not([scope=colgroup]), .sidearm-responsive .sidearm-table tbody tr:hover td { background-color: #f2f2f2; } .sidearm-responsive .sidearm-table tfoot tr { background-color: #f2f2f2; border-top: 1px solid white; } .sidearm-responsive .sidearm-table tfoot tr:nth-child(odd), .sidearm-responsive .sidearm-table tfoot tr:nth-child(even) { background-color: #f2f2f2; } .sidearm-responsive .sidearm-table tfoot th, .sidearm-responsive .sidearm-table tfoot td { padding: 4px 8px; font-weight: bold; color: #595959; text-align: left; } .sidearm-responsive .sidearm-table.highlight-column-hover { overflow: hidden; z-index: 0; position: relative; } .sidearm-responsive .sidearm-table.highlight-column-hover tbody th:not([scope=row]), .sidearm-responsive .sidearm-table.highlight-column-hover tbody td { position: relative; } .sidearm-responsive .sidearm-table.highlight-column-hover tbody th:not([scope=row]):hover:after, .sidearm-responsive .sidearm-table.highlight-column-hover tbody td:hover:after { content: ''; position: absolute; background-color: #f2f2f2; left: 0; top: -9999px; height: 99999px; width: 100%; z-index: -1; } .sidearm-responsive .sidearm-table[sortable-table] { width: 100% !important; } .sidearm-responsive .sidearm-table[sortable-table] thead th[class*=sort] { cursor: pointer; } .sidearm-responsive .sidearm-table[sortable-table] thead th[class*=sort]:hover { text-decoration: underline; } .sidearm-responsive .sidearm-table[sortable-table] thead th.sorting_desc, .sidearm-responsive .sidearm-table[sortable-table] thead th.sorting_asc { background: #767676; color: white; } .sidearm-responsive .sidearm-table[sortable-table] thead th[scope=colgroup] { background-color: white; } .sidearm-responsive .sidearm-table[class*="collapse"] { display: block; } .sidearm-responsive .sidearm-table[class*="collapse"] thead { display: none; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot, .sidearm-responsive .sidearm-table[class*="collapse"] tr, .sidearm-responsive .sidearm-table[class*="collapse"] td, .sidearm-responsive .sidearm-table[class*="collapse"] th, .sidearm-responsive .sidearm-table[class*="collapse"] caption { display: block; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th { padding: .5em 10px; font-size: 1em; line-height: 1; border: none; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td:before, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th:before { content: attr(data-label); display: block; width: 50%; float: left; clear: both; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td[data-label], .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td[data-label], .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th[data-label], .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th[data-label] { text-align: right !important; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td[data-label]:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td[data-label]:before, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th[data-label]:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th[data-label]:before { text-align: left !important; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td.hide-label:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td.hide-label:before, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th.hide-label:before, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th.hide-label:before { content: ''; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td + td, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td + td, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th + td, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th + td, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr td + th, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr td + th, .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr th + th, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr th + th { border: none; } .sidearm-responsive .sidearm-table[class*="collapse"] tbody tr:first-child, .sidearm-responsive .sidearm-table[class*="collapse"] tfoot tr:first-child { border-top: none; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr { height: 2em; overflow: hidden; cursor: pointer; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr th:not([scope=colgroup]):after, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr th:not([scope=colgroup]):after { content: ''; display: block; float: right; border-left: 0.3333em solid #00294c; border-top: .3333em solid transparent; border-bottom: .3333em solid transparent; margin: .25em 0; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded { height: auto; background-color: #00294c; -webkit-transition: 0.25s; transition: 0.25s; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded td, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded th, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th { color: #ffc324; font-weight: bold; border-bottom: 1px solid #000d19; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded td a, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td a, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded th a, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th a { color: #ffc324; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded td:before, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td:before, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:before, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:before { font-weight: normal; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:after, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:after { border-top: 0.3333em solid #ffc324; border-left: .3333em solid transparent; border-right: .3333em solid transparent; } .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded:hover td, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded:hover td, .sidearm-responsive .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:not([scope=colgroup]), .sidearm-responsive .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:not([scope=colgroup]) { background: inherit; } .sidearm-responsive .row { margin-left: auto; margin-right: auto; width: auto; *zoom: 1; } .sidearm-responsive .row:before, .sidearm-responsive .row:after { content: ""; display: table; } .sidearm-responsive .row:after { clear: both; } .sidearm-responsive .row .row { margin-left: -8px; margin-right: -8px; max-width: none; *zoom: 1; } .sidearm-responsive .row .row:before, .sidearm-responsive .row .row:after { content: ""; display: table; } .sidearm-responsive .row .row:after { clear: both; } .sidearm-responsive .row.pad { padding-left: 8px; padding-right: 8px; } .sidearm-responsive .row [class^='x-large'], .sidearm-responsive .row [class^='large'], .sidearm-responsive .row [class^='medium'] { width: 100%; } .sidearm-responsive .row .push-1 { left: 8.33333%; position: relative; right: auto; } .sidearm-responsive .row .push-2 { left: 16.66667%; position: relative; right: auto; } .sidearm-responsive .row .push-3 { left: 25%; position: relative; right: auto; } .sidearm-responsive .row .push-4 { left: 33.33333%; position: relative; right: auto; } .sidearm-responsive .row .push-5 { left: 41.66667%; position: relative; right: auto; } .sidearm-responsive .row .push-6 { left: 50%; position: relative; right: auto; } .sidearm-responsive .row .push-7 { left: 58.33333%; position: relative; right: auto; } .sidearm-responsive .row .push-8 { left: 66.66667%; position: relative; right: auto; } .sidearm-responsive .row .push-9 { left: 75%; position: relative; right: auto; } .sidearm-responsive .row .push-10 { left: 83.33333%; position: relative; right: auto; } .sidearm-responsive .row .push-11 { left: 91.66667%; position: relative; right: auto; } .sidearm-responsive .row .push-12 { left: 100%; position: relative; right: auto; } .sidearm-responsive .row .pull-1 { right: 8.33333%; position: relative; left: auto; } .sidearm-responsive .row .pull-2 { right: 16.66667%; position: relative; left: auto; } .sidearm-responsive .row .pull-3 { right: 25%; position: relative; left: auto; } .sidearm-responsive .row .pull-4 { right: 33.33333%; position: relative; left: auto; } .sidearm-responsive .row .pull-5 { right: 41.66667%; position: relative; left: auto; } .sidearm-responsive .row .pull-6 { right: 50%; position: relative; left: auto; } .sidearm-responsive .row .pull-7 { right: 58.33333%; position: relative; left: auto; } .sidearm-responsive .row .pull-8 { right: 66.66667%; position: relative; left: auto; } .sidearm-responsive .row .pull-9 { right: 75%; position: relative; left: auto; } .sidearm-responsive .row .pull-10 { right: 83.33333%; position: relative; left: auto; } .sidearm-responsive .row .pull-11 { right: 91.66667%; position: relative; left: auto; } .sidearm-responsive .row .pull-12 { right: 100%; position: relative; left: auto; } .sidearm-responsive .row .x-small-1 { width: 8.33333%; } .sidearm-responsive .row .x-small-2 { width: 16.66667%; } .sidearm-responsive .row .x-small-3 { width: 25%; } .sidearm-responsive .row .x-small-4 { width: 33.33333%; } .sidearm-responsive .row .x-small-5 { width: 41.66667%; } .sidearm-responsive .row .x-small-6 { width: 50%; } .sidearm-responsive .row .x-small-7 { width: 58.33333%; } .sidearm-responsive .row .x-small-8 { width: 66.66667%; } .sidearm-responsive .row .x-small-9 { width: 75%; } .sidearm-responsive .row .x-small-10 { width: 83.33333%; } .sidearm-responsive .row .x-small-11 { width: 91.66667%; } .sidearm-responsive .row .x-small-12 { width: 100%; } .sidearm-responsive .column, .sidearm-responsive .columns { padding-left: 8px; padding-right: 8px; width: 100%; float: left; min-height: 1px; } .sidearm-responsive .column.full, .sidearm-responsive .columns.full { padding-left: 0; padding-right: 0; } .sidearm-responsive .column.centered, .sidearm-responsive .columns.centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.uncentered, .sidearm-responsive .columns.uncentered { margin-left: 0; margin-right: 0; float: left; } .sidearm-responsive .column.x-small-centered, .sidearm-responsive .columns.x-small-centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.x-small-uncentered, .sidearm-responsive .columns.x-small-uncentered { margin-left: 0; margin-right: 0; float: left; } /* GLOBAL CLASSES */ .left { float: left !important; } .right { float: right !important; } .clear { clear: both !important; } .relative { position: relative !important; } /* VISIBILITY UTILITIES */ .hide, .hide-on-small-down, .hide-on-medium-down, .hide-on-large-down, .show-on-small-only, .show-on-medium-only, .show-on-large-only, .show-on-x-large-only { display: none !important; } h1.hide, h1.hide-on-small-down, h1.hide-on-medium-down, h1.hide-on-large-down, h1.show-on-small-only, h1.show-on-medium-only, h1.show-on-large-only, h1.show-on-x-large-only, h2.hide, h2.hide-on-small-down, h2.hide-on-medium-down, h2.hide-on-large-down, h2.show-on-small-only, h2.show-on-medium-only, h2.show-on-large-only, h2.show-on-x-large-only, h3.hide, h3.hide-on-small-down, h3.hide-on-medium-down, h3.hide-on-large-down, h3.show-on-small-only, h3.show-on-medium-only, h3.show-on-large-only, h3.show-on-x-large-only, caption.hide, caption.hide-on-small-down, caption.hide-on-medium-down, caption.hide-on-large-down, caption.show-on-small-only, caption.show-on-medium-only, caption.show-on-large-only, caption.show-on-x-large-only, label.hide, label.hide-on-small-down, label.hide-on-medium-down, label.hide-on-large-down, label.show-on-small-only, label.show-on-medium-only, label.show-on-large-only, label.show-on-x-large-only { display: block !important; position: absolute; left: -9999px; top: -9999px; } /* TEXT UTILITIES */ .text-normal, .text-normal-on-x-small, .text-normal-on-small-down, .text-normal-on-medium-down, .text-normal-on-large-down { font-weight: normal !important; } .text-bold, .text-bold-on-x-small, .text-bold-on-small-down, .text-bold-on-medium-down, .text-bold-on-large-down { font-weight: bold !important; } .text-italic, .text-italic-on-x-small, .text-italic-on-small-down, .text-italic-on-medium-down, .text-italic-on-large-down { font-style: italic !important; } .text-uppercase, .text-uppercase-on-x-small, .text-uppercase-on-small-down, .text-uppercase-on-medium-down, .text-uppercase-on-large-down { text-transform: uppercase !important; } .text-capitalize, .text-capitalize-on-x-small, .text-capitalize-on-small-down, .text-capitalize-on-medium-down, .text-capitalize-on-large-down { text-transform: capitalize !important; } .text-left, .text-left-on-x-small, .text-left-on-small-down, .text-left-on-medium-down, .text-left-on-large-down { text-align: left !important; } .text-right, .text-right-on-x-small, .text-right-on-small-down, .text-right-on-medium-down, .text-right-on-large-down { text-align: right !important; } .text-center, .text-center-on-x-small, .text-center-on-small-down, .text-center-on-medium-down, .text-center-on-large-down { text-align: center !important; } .text-smaller, .text-smaller-on-x-small, .text-smaller-on-small-down, .text-smaller-on-medium-down, .text-smaller-on-large-down { font-size: .9em !important; } .text-smallest, .text-smallest-on-x-small, .text-smallest-on-small-down, .text-smallest-on-medium-down, .text-smallest-on-large-down { font-size: .8em !important; } .text-hide, .text-hide-on-x-small, .text-hide-on-small-down, .text-hide-on-medium-down, .text-hide-on-large-down { text-indent: -9999px !important; text-align: left !important; } .text-no-wrap { white-space: nowrap; } /* SMALL */ @media print, screen and (min-width: 400px) { .hide-on-small, .hide-on-small-down, .show-on-x-small-only { display: none !important; } h1.hide-on-small, h1.hide-on-small-down, h1.show-on-x-small-only, h2.hide-on-small, h2.hide-on-small-down, h2.show-on-x-small-only, h3.hide-on-small, h3.hide-on-small-down, h3.show-on-x-small-only, caption.hide-on-small, caption.hide-on-small-down, caption.show-on-x-small-only, label.hide-on-small, label.hide-on-small-down, label.show-on-x-small-only { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-responsive .row .small-1 { width: 8.33333%; } .sidearm-responsive .row .small-2 { width: 16.66667%; } .sidearm-responsive .row .small-3 { width: 25%; } .sidearm-responsive .row .small-4 { width: 33.33333%; } .sidearm-responsive .row .small-5 { width: 41.66667%; } .sidearm-responsive .row .small-6 { width: 50%; } .sidearm-responsive .row .small-7 { width: 58.33333%; } .sidearm-responsive .row .small-8 { width: 66.66667%; } .sidearm-responsive .row .small-9 { width: 75%; } .sidearm-responsive .row .small-10 { width: 83.33333%; } .sidearm-responsive .row .small-11 { width: 91.66667%; } .sidearm-responsive .row .small-12 { width: 100%; } .sidearm-responsive .column.small-centered, .sidearm-responsive .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.small-uncentered, .sidearm-responsive .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .sidearm-responsive .sidearm-table.collapse-on-x-small { display: table; } .sidearm-responsive .sidearm-table.collapse-on-x-small caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-x-small thead { display: table-header-group; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody { display: table-row-group; } .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot { display: table-footer-group; } .sidearm-responsive .sidearm-table.collapse-on-x-small tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-x-small td, .sidearm-responsive .sidearm-table.collapse-on-x-small th { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-x-small caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th[data-label], .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th[data-label] { text-align: left !important; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th[data-label]:before { display: none; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th[data-label].text-right { text-align: right !important; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th[data-label].text-center { text-align: center !important; } .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td + td, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td + td, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th + td, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th + td, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td + th, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td + th, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th + th, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th + th { border-left: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-x-small thead tr, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-x-small thead tr th, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr th, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr th, .sidearm-responsive .sidearm-table.collapse-on-x-small thead tr td, .sidearm-responsive .sidearm-table.collapse-on-x-small tbody tr td, .sidearm-responsive .sidearm-table.collapse-on-x-small tfoot tr td { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr { height: auto; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded { background-color: inherit; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded th, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded th { color: #595959; font-weight: normal; border: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded th:first-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded th:first-child { border-left: none; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded th:last-child, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded th:last-child { border-right: none; } .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tbody tr.expanded th a, .sidearm-responsive .sidearm-table.collapse-on-x-small.accordion tfoot tr.expanded th a { color: #00294c; } .text-normal-on-small, .text-bold-on-x-small { font-weight: normal !important; } .text-bold-on-small { font-weight: bold !important; } .text-italic-on-small { font-style: italic !important; } .text-uppercase-on-x-small { text-transform: none !important; } .text-uppercase-on-small { text-transform: uppercase !important; } .text-capitalize-on-small { text-transform: capitalize !important; } .text-left-on-small { text-align: left !important; } .text-right-on-small { text-align: right !important; } .text-center-on-small { text-align: center !important; } .text-smaller-on-small { font-size: .9em !important; } .text-smallest-on-small { font-size: .8em !important; } .text-hide-on-small { text-indent: -9999px !important; } } /* SMALL ONLY */ @media screen and (min-width: 400px) and (max-width: 539px) { .hide-on-small-only { display: none !important; } h1.hide-on-small-only, h2.hide-on-small-only, h3.hide-on-small-only, caption.hide-on-small-only, label.hide-on-small-only { display: block !important; position: absolute; left: -9999px; top: -9999px; } .show-on-small-only { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.show-on-small-only { display: inline !important; } table.show-on-small-only { display: table !important; } caption.show-on-small-only { display: table-caption !important; } thead.show-on-small-only { display: table-header-group !important; } tbody.show-on-small-only { display: table-row-group !important; } tfoot.show-on-small-only { display: table-footer-group !important; } tr.show-on-small-only { display: table-row !important; } td.show-on-small-only, th.show-on-small-only { display: table-cell !important; } span.show-on-small-only { display: inline !important; } h1.show-on-small-only, h2.show-on-small-only, h3.show-on-small-only, label.show-on-small-only { position: static; left: auto; right: auto; top: auto; bottom: auto; } .text-normal-on-small-only { font-weight: normal !important; } .text-bold-on-small-only { font-weight: bold !important; } .text-italic-on-small-only { font-style: italic !important; } .text-uppercase-on-small-only { text-transform: uppercase !important; } .text-capitalize-on-small-only { text-transform: capitalize !important; } .text-left-on-small-only { text-align: left !important; } .text-right-on-small-only { text-align: right !important; } .text-center-on-small-only { text-align: center !important; } .text-smaller-on-small-only { font-size: .9em !important; } .text-smallest-on-small-only { font-size: .8em !important; } .text-hide-on-small-only { text-indent: -9999px !important; } } /* MEDIUM */ @media print, screen and (min-width: 540px) { .hide-on-medium, .hide-on-medium-down { display: none !important; } h1.hide-on-medium, h1.hide-on-medium-down, h2.hide-on-medium, h2.hide-on-medium-down, h3.hide-on-medium, h3.hide-on-medium-down, caption.hide-on-medium, caption.hide-on-medium-down, label.hide-on-medium, label.hide-on-medium-down { display: block !important; position: absolute; left: -9999px; top: -9999px; } .hide-on-small-down, .hide-on-small { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.hide-on-small-down, th.hide-on-small { display: inline !important; } table.hide-on-small-down, table.hide-on-small { display: table !important; } caption.hide-on-small-down, caption.hide-on-small { display: table-caption !important; } thead.hide-on-small-down, thead.hide-on-small { display: table-header-group !important; } tbody.hide-on-small-down, tbody.hide-on-small { display: table-row-group !important; } tfoot.hide-on-small-down, tfoot.hide-on-small { display: table-footer-group !important; } tr.hide-on-small-down, tr.hide-on-small { display: table-row !important; } td.hide-on-small-down, td.hide-on-small, th.hide-on-small-down, th.hide-on-small { display: table-cell !important; } span.hide-on-small-down, span.hide-on-small { display: inline !important; } h1.hide-on-small-down, h1.hide-on-small, h2.hide-on-small-down, h2.hide-on-small, h3.hide-on-small-down, h3.hide-on-small, label.hide-on-small-down, label.hide-on-small { position: static; left: auto; right: auto; top: auto; bottom: auto; } .sidearm-responsive .row .medium-1 { width: 8.33333%; } .sidearm-responsive .row .medium-2 { width: 16.66667%; } .sidearm-responsive .row .medium-3 { width: 25%; } .sidearm-responsive .row .medium-4 { width: 33.33333%; } .sidearm-responsive .row .medium-5 { width: 41.66667%; } .sidearm-responsive .row .medium-6 { width: 50%; } .sidearm-responsive .row .medium-7 { width: 58.33333%; } .sidearm-responsive .row .medium-8 { width: 66.66667%; } .sidearm-responsive .row .medium-9 { width: 75%; } .sidearm-responsive .row .medium-10 { width: 83.33333%; } .sidearm-responsive .row .medium-11 { width: 91.66667%; } .sidearm-responsive .row .medium-12 { width: 100%; } .sidearm-responsive .column.medium-centered, .sidearm-responsive .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.medium-uncentered, .sidearm-responsive .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .sidearm-responsive .sidearm-table.collapse-on-small { display: table; } .sidearm-responsive .sidearm-table.collapse-on-small caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-small thead { display: table-header-group; } .sidearm-responsive .sidearm-table.collapse-on-small tbody { display: table-row-group; } .sidearm-responsive .sidearm-table.collapse-on-small tfoot { display: table-footer-group; } .sidearm-responsive .sidearm-table.collapse-on-small tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-small td, .sidearm-responsive .sidearm-table.collapse-on-small th { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-small caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th[data-label], .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th[data-label] { text-align: left !important; } .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th[data-label]:before { display: none; } .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th[data-label].text-right { text-align: right !important; } .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th[data-label].text-center { text-align: center !important; } .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td + td, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td + td, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th + td, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th + td, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td + th, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td + th, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th + th, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th + th { border-left: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-small thead tr, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-small thead tr th, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr th, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr th, .sidearm-responsive .sidearm-table.collapse-on-small thead tr td, .sidearm-responsive .sidearm-table.collapse-on-small tbody tr td, .sidearm-responsive .sidearm-table.collapse-on-small tfoot tr td { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr { height: auto; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded { background-color: inherit; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded th, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded th { color: #595959; font-weight: normal; border: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded th:first-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded th:first-child { border-left: none; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded th:last-child, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded th:last-child { border-right: none; } .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tbody tr.expanded th a, .sidearm-responsive .sidearm-table.collapse-on-small.accordion tfoot tr.expanded th a { color: #00294c; } .text-normal-on-medium, .text-bold-on-small-down { font-weight: normal !important; } .text-bold-on-medium { font-weight: bold !important; } .text-italic-on-medium { font-style: italic !important; } .text-italic-on-small-down { font-style: normal !important; } .text-uppercase-on-medium { text-transform: uppercase !important; } .text-capitalize-on-medium { text-transform: capitalize !important; } .text-uppercase-on-small-down, .text-capitalize-on-small-down { text-transform: none !important; } .text-left-on-medium { text-align: left !important; } .text-right-on-medium { text-align: right !important; } .text-center-on-medium { text-align: center !important; } .text-left-on-small-down, .text-right-on-small-down, .text-center-on-small-down { text-align: inherit !important; } .text-smaller-on-medium { font-size: .9em !important; } .text-smallest-on-medium { font-size: .8em !important; } .text-smaller-on-small-down, .text-smallest-on-small-down { font-size: inherit !important; } .text-hide-on-medium { text-indent: -9999px !important; } .text-hide-on-small-down { text-indent: 0 !important; } } /* MEDIUM ONLY */ @media screen and (min-width: 540px) and (max-width: 767px) { .hide-on-medium-only { display: none !important; } h1.hide-on-medium-only, h2.hide-on-medium-only, h3.hide-on-medium-only, caption.hide-on-medium-only, label.hide-on-medium-only { display: block !important; position: absolute; left: -9999px; top: -9999px; } .show-on-medium-only { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.show-on-medium-only { display: inline !important; } table.show-on-medium-only { display: table !important; } caption.show-on-medium-only { display: table-caption !important; } thead.show-on-medium-only { display: table-header-group !important; } tbody.show-on-medium-only { display: table-row-group !important; } tfoot.show-on-medium-only { display: table-footer-group !important; } tr.show-on-medium-only { display: table-row !important; } td.show-on-medium-only, th.show-on-medium-only { display: table-cell !important; } span.show-on-medium-only { display: inline !important; } h1.show-on-medium-only, h2.show-on-medium-only, h3.show-on-medium-only, label.show-on-medium-only { position: static; left: auto; right: auto; top: auto; bottom: auto; } .text-normal-on-medium-only { font-weight: normal !important; } .text-bold-on-medium-only { font-weight: bold !important; } .text-italic-on-medium-only { font-style: italic !important; } .text-uppercase-on-medium-only { text-transform: uppercase !important; } .text-capitalize-on-medium-only { text-transform: capitalize !important; } .text-left-on-medium-only { text-align: left !important; } .text-right-on-medium-only { text-align: right !important; } .text-center-on-medium-only { text-align: center !important; } .text-smaller-on-medium-only { font-size: .9em !important; } .text-smallest-on-medium-only { font-size: .8em !important; } .text-hide-on-medium-only { text-indent: -9999px !important; } } /* LARGE */ @media print, screen and (min-width: 768px) { .hide-on-large, .hide-on-large-down { display: none !important; } h1.hide-on-large, h1.hide-on-large-down, h2.hide-on-large, h2.hide-on-large-down, h3.hide-on-large, h3.hide-on-large-down, caption.hide-on-large, caption.hide-on-large-down, label.hide-on-large, label.hide-on-large-down { display: block !important; position: absolute; left: -9999px; top: -9999px; } .hide-on-medium-down { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.hide-on-medium-down { display: inline !important; } table.hide-on-medium-down { display: table !important; } caption.hide-on-medium-down { display: table-caption !important; } thead.hide-on-medium-down { display: table-header-group !important; } tbody.hide-on-medium-down { display: table-row-group !important; } tfoot.hide-on-medium-down { display: table-footer-group !important; } tr.hide-on-medium-down { display: table-row !important; } td.hide-on-medium-down, th.hide-on-medium-down { display: table-cell !important; } span.hide-on-medium-down { display: inline !important; } h1.hide-on-medium-down, h2.hide-on-medium-down, h3.hide-on-medium-down, label.hide-on-medium-down { position: static; left: auto; right: auto; top: auto; bottom: auto; } .sidearm-responsive .row .row { margin-left: -12px; margin-right: -12px; max-width: none; *zoom: 1; } .sidearm-responsive .row .row:before, .sidearm-responsive .row .row:after { content: ""; display: table; } .sidearm-responsive .row .row:after { clear: both; } .sidearm-responsive .row.pad { padding-left: 12px; padding-right: 12px; } .sidearm-responsive .row .large-1 { width: 8.33333%; } .sidearm-responsive .row .large-2 { width: 16.66667%; } .sidearm-responsive .row .large-3 { width: 25%; } .sidearm-responsive .row .large-4 { width: 33.33333%; } .sidearm-responsive .row .large-5 { width: 41.66667%; } .sidearm-responsive .row .large-6 { width: 50%; } .sidearm-responsive .row .large-7 { width: 58.33333%; } .sidearm-responsive .row .large-8 { width: 66.66667%; } .sidearm-responsive .row .large-9 { width: 75%; } .sidearm-responsive .row .large-10 { width: 83.33333%; } .sidearm-responsive .row .large-11 { width: 91.66667%; } .sidearm-responsive .row .large-12 { width: 100%; } .sidearm-responsive .column, .sidearm-responsive .columns { padding-left: 12px; padding-right: 12px; } .sidearm-responsive .column.large-centered, .sidearm-responsive .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.large-uncentered, .sidearm-responsive .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .sidearm-responsive .sidearm-table.collapse-on-medium { display: table; } .sidearm-responsive .sidearm-table.collapse-on-medium caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-medium thead { display: table-header-group; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody { display: table-row-group; } .sidearm-responsive .sidearm-table.collapse-on-medium tfoot { display: table-footer-group; } .sidearm-responsive .sidearm-table.collapse-on-medium tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-medium td, .sidearm-responsive .sidearm-table.collapse-on-medium th { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-medium caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th[data-label], .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th[data-label] { text-align: left !important; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th[data-label]:before { display: none; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th[data-label].text-right { text-align: right !important; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th[data-label].text-center { text-align: center !important; } .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td + td, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td + td, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th + td, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th + td, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td + th, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td + th, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th + th, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th + th { border-left: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-medium thead tr, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-medium thead tr th, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr th, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr th, .sidearm-responsive .sidearm-table.collapse-on-medium thead tr td, .sidearm-responsive .sidearm-table.collapse-on-medium tbody tr td, .sidearm-responsive .sidearm-table.collapse-on-medium tfoot tr td { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr { height: auto; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded { background-color: inherit; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded th, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded th { color: #595959; font-weight: normal; border: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded th:first-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded th:first-child { border-left: none; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded th:last-child, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded th:last-child { border-right: none; } .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tbody tr.expanded th a, .sidearm-responsive .sidearm-table.collapse-on-medium.accordion tfoot tr.expanded th a { color: #00294c; } .text-normal-on-large, .text-bold-on-medium-down { font-weight: normal !important; } .text-bold-on-large { font-weight: bold !important; } .text-italic-on-large { font-style: italic !important; } .text-italic-on-medium-down { font-style: normal !important; } .text-uppercase-on-large { text-transform: uppercase !important; } .text-capitalize-on-large { text-transform: capitalize !important; } .text-uppercase-on-medium-down, .text-capitalize-on-medium-down { text-transform: none !important; } .text-left-on-large { text-align: left !important; } .text-right-on-large { text-align: right !important; } .text-center-on-large { text-align: center !important; } .text-left-on-medium-down, .text-right-on-medium-down, .text-center-on-medium-down { text-align: inherit !important; } .text-smaller-on-large { font-size: .9em !important; } .text-smallest-on-large { font-size: .8em !important; } .text-smaller-on-medium-down, .text-smallest-on-medium-down { font-size: inherit !important; } .text-hide-on-large { text-indent: -9999px !important; } .text-hide-on-medium-down { text-indent: 0 !important; } } /* LARGE ONLY */ @media print, screen and (min-width: 768px) and (max-width: 1023px) { .hide-on-large-only { display: none !important; } h1.hide-on-large-only, h2.hide-on-large-only, h3.hide-on-large-only, caption.hide-on-large-only, label.hide-on-large-only { display: block !important; position: absolute; left: -9999px; top: -9999px; } .show-on-large-only { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.show-on-large-only { display: inline !important; } table.show-on-large-only { display: table !important; } caption.show-on-large-only { display: table-caption !important; } thead.show-on-large-only { display: table-header-group !important; } tbody.show-on-large-only { display: table-row-group !important; } tfoot.show-on-large-only { display: table-footer-group !important; } tr.show-on-large-only { display: table-row !important; } td.show-on-large-only, th.show-on-large-only { display: table-cell !important; } span.show-on-large-only { display: inline !important; } h1.show-on-large-only, h2.show-on-large-only, h3.show-on-large-only, label.show-on-large-only { position: static; left: auto; right: auto; top: auto; bottom: auto; } .text-normal-on-large-only { font-weight: normal !important; } .text-bold-on-large-only { font-weight: bold !important; } .text-italic-on-large-only { font-style: italic !important; } .text-uppercase-on-large-only { text-transform: uppercase !important; } .text-capitalize-on-large-only { text-transform: capitalize !important; } .text-left-on-large-only { text-align: left !important; } .text-right-on-large-only { text-align: right !important; } .text-center-on-large-only { text-align: center !important; } .text-smaller-on-large-only { font-size: .9em !important; } .text-smallest-on-large-only { font-size: .8em !important; } .text-hide-on-large-only { text-indent: -9999px !important; } } /* X-LARGE */ @media screen and (min-width: 1024px) { .hide-on-x-large { display: none !important; } h1.hide-on-x-large, h2.hide-on-x-large, h3.hide-on-x-large, caption.hide-on-x-large, label.hide-on-x-large { display: block !important; position: absolute; left: -9999px; top: -9999px; } .hide-on-large-down, .show-on-x-large-only { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.hide-on-large-down, th.show-on-x-large-only { display: inline !important; } table.hide-on-large-down, table.show-on-x-large-only { display: table !important; } caption.hide-on-large-down, caption.show-on-x-large-only { display: table-caption !important; } thead.hide-on-large-down, thead.show-on-x-large-only { display: table-header-group !important; } tbody.hide-on-large-down, tbody.show-on-x-large-only { display: table-row-group !important; } tfoot.hide-on-large-down, tfoot.show-on-x-large-only { display: table-footer-group !important; } tr.hide-on-large-down, tr.show-on-x-large-only { display: table-row !important; } td.hide-on-large-down, td.show-on-x-large-only, th.hide-on-large-down, th.show-on-x-large-only { display: table-cell !important; } span.hide-on-large-down, span.show-on-x-large-only { display: inline !important; } h1.hide-on-large-down, h1.show-on-x-large-only, h2.hide-on-large-down, h2.show-on-x-large-only, h3.hide-on-large-down, h3.show-on-x-large-only, label.hide-on-large-down, label.show-on-x-large-only { position: static; left: auto; right: auto; top: auto; bottom: auto; } .sidearm-responsive .row .x-large-1 { width: 8.33333%; } .sidearm-responsive .row .x-large-2 { width: 16.66667%; } .sidearm-responsive .row .x-large-3 { width: 25%; } .sidearm-responsive .row .x-large-4 { width: 33.33333%; } .sidearm-responsive .row .x-large-5 { width: 41.66667%; } .sidearm-responsive .row .x-large-6 { width: 50%; } .sidearm-responsive .row .x-large-7 { width: 58.33333%; } .sidearm-responsive .row .x-large-8 { width: 66.66667%; } .sidearm-responsive .row .x-large-9 { width: 75%; } .sidearm-responsive .row .x-large-10 { width: 83.33333%; } .sidearm-responsive .row .x-large-11 { width: 91.66667%; } .sidearm-responsive .row .x-large-12 { width: 100%; } .sidearm-responsive .column.x-large-centered, .sidearm-responsive .columns.x-large-centered { margin-left: auto; margin-right: auto; float: none; } .sidearm-responsive .column.x-large-uncentered, .sidearm-responsive .columns.x-large-uncentered { margin-left: 0; margin-right: 0; float: left; } .sidearm-responsive .sidearm-table.collapse-on-large { display: table; } .sidearm-responsive .sidearm-table.collapse-on-large caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-large thead { display: table-header-group; } .sidearm-responsive .sidearm-table.collapse-on-large tbody { display: table-row-group; } .sidearm-responsive .sidearm-table.collapse-on-large tfoot { display: table-footer-group; } .sidearm-responsive .sidearm-table.collapse-on-large tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-large td, .sidearm-responsive .sidearm-table.collapse-on-large th { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-large caption { display: table-caption; } .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td[data-label], .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th[data-label], .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th[data-label] { text-align: left !important; } .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th[data-label]:before, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th[data-label]:before { display: none; } .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th[data-label].text-right, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th[data-label].text-right { text-align: right !important; } .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th[data-label].text-center, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th[data-label].text-center { text-align: center !important; } .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td + td, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td + td, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th + td, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th + td, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td + th, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td + th, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th + th, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th + th { border-left: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-large thead tr, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr { display: table-row; } .sidearm-responsive .sidearm-table.collapse-on-large thead tr th, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr th, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr th, .sidearm-responsive .sidearm-table.collapse-on-large thead tr td, .sidearm-responsive .sidearm-table.collapse-on-large tbody tr td, .sidearm-responsive .sidearm-table.collapse-on-large tfoot tr td { display: table-cell; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr { height: auto; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded { background-color: inherit; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded td, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded th, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded th { color: #595959; font-weight: normal; border: 1px solid #cccccc; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded td:first-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded th:first-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded th:first-child { border-left: none; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded td:last-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded th:last-child, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded th:last-child { border-right: none; } .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded td a, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tbody tr.expanded th a, .sidearm-responsive .sidearm-table.collapse-on-large.accordion tfoot tr.expanded th a { color: #00294c; } .text-normal-on-x-large, .text-bold-on-large-down { font-weight: normal !important; } .text-bold-on-x-large { font-weight: bold !important; } .text-italic-on-x-large { font-style: italic !important; } .text-italic-on-large-down { font-style: normal !important; } .text-uppercase-on-x-large { text-transform: uppercase !important; } .text-capitalize-on-x-large { text-transform: capitalize !important; } .text-uppercase-on-large-down, .text-capitalize-on-large-down { text-transform: none !important; } .text-left-on-x-large { text-align: left !important; } .text-right-on-x-large { text-align: right !important; } .text-center-on-x-large { text-align: center !important; } .text-left-on-large-down, .text-right-on-large-down, .text-center-on-large-down { text-align: inherit !important; } .text-smaller-on-x-large { font-size: .9em !important; } .text-smallest-on-x-large { font-size: .8em !important; } .text-smaller-on-large-down, .text-smallest-on-large-down { font-size: inherit !important; } .text-hide-on-x-large { text-indent: -9999px !important; } .text-hide-on-large-down { text-indent: 0 !important; } } /* MOBILE SITE ONLY */ .sidearm-mobile-site .sidearm-responsive .hide-on-mobile { display: none !important; } h1.sidearm-mobile-site .sidearm-responsive .hide-on-mobile, h2.sidearm-mobile-site .sidearm-responsive .hide-on-mobile, h3.sidearm-mobile-site .sidearm-responsive .hide-on-mobile, caption.sidearm-mobile-site .sidearm-responsive .hide-on-mobile, label.sidearm-mobile-site .sidearm-responsive .hide-on-mobile { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: block !important; position: static; left: auto; right: auto; top: auto; bottom: auto; } th.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: inline !important; } table.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table !important; } caption.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-caption !important; } thead.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-header-group !important; } tbody.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-row-group !important; } tfoot.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-footer-group !important; } tr.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-row !important; } td.sidearm-mobile-site .sidearm-responsive .show-on-mobile, th.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: table-cell !important; } span.sidearm-mobile-site .sidearm-responsive .show-on-mobile { display: inline !important; } h1.sidearm-mobile-site .sidearm-responsive .show-on-mobile, h2.sidearm-mobile-site .sidearm-responsive .show-on-mobile, h3.sidearm-mobile-site .sidearm-responsive .show-on-mobile, label.sidearm-mobile-site .sidearm-responsive .show-on-mobile { position: static; left: auto; right: auto; top: auto; bottom: auto; } .sidearm-mobile-site .sidearm-responsive .row .mobile-1 { width: 8.33333%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-2 { width: 16.66667%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-3 { width: 25%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-4 { width: 33.33333%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-5 { width: 41.66667%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-6 { width: 50%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-7 { width: 58.33333%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-8 { width: 66.66667%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-9 { width: 75%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-10 { width: 83.33333%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-11 { width: 91.66667%; } .sidearm-mobile-site .sidearm-responsive .row .mobile-12 { width: 100%; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile { display: block; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile thead { display: none; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tr, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile caption { display: block; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th { padding: .5em 10px; font-size: 1em; line-height: 1; border: none; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th:before { content: attr(data-label); display: block; width: 50%; float: left; clear: both; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td[data-label], .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td[data-label], .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th[data-label], .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th[data-label] { text-align: right !important; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td[data-label]:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td[data-label]:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th[data-label]:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th[data-label]:before { text-align: left !important; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td.hide-label:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td.hide-label:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th.hide-label:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th.hide-label:before { content: ''; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td + td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td + td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th + td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th + td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr td + th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr td + th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr th + th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr th + th { border: none; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tbody tr:first-child, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile tfoot tr:first-child { border-top: none; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr { height: 2em; overflow: hidden; cursor: pointer; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; display: block; float: right; border-left: 0.3333em solid #00294c; border-top: .3333em solid transparent; border-bottom: .3333em solid transparent; margin: .25em 0; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded { height: auto; background-color: #00294c; -webkit-transition: 0.25s; transition: 0.25s; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded th, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded th { color: #ffc324; font-weight: bold; border-bottom: 1px solid #000d19; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded td a, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded td a, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded th a, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded th a { color: #ffc324; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded td:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded td:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded th:before, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded th:before { font-weight: normal; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded th:after, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded th:after { border-top: 0.3333em solid #ffc324; border-left: .3333em solid transparent; border-right: .3333em solid transparent; } .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded:hover td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded:hover td, .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tbody tr.expanded th:not([scope=colgroup]), .sidearm-mobile-site .sidearm-responsive .sidearm-table.collapse-on-mobile.accordion tfoot tr.expanded th:not([scope=colgroup]) { background: inherit; } .panel { background-color: white; padding-top: 8px; padding-bottom: 8px; padding-left: 0; padding-right: 0; border: none; margin-top: 10px; margin-bottom: 10px; } .box-score { position: relative; color: #595959; /* Tables */ } .box-score > h1:first-of-type:not(.hide), .box-score .main-heading { font-size: 1.5em; line-height: 1.3; margin: 1em 0; padding: 0; border: none; position: static; } .box-score > h1:first-of-type:not(.hide) span, .box-score .main-heading span { color: #00294c; } .box-score .sub-heading { font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; margin: 0 0 10px 0; } .box-score table { margin-bottom: 0; } .box-score table caption { font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; text-align: left; } .box-score table tbody tr td.substitute, .box-score table tbody tr th.substitute { padding-left: 20px; } .box-score table tbody tr td.display-score { position: absolute; left: 0; top: auto; width: 100%; text-align: center; z-index: 1; background-color: #00294c; color: #ffc324; font-weight: bold; font-size: 1.5em; opacity: 0; -webkit-transition: 0.1s; transition: 0.1s; } .box-score table tbody tr:hover td.display-score:not(:empty) { opacity: 1; cursor: pointer; } .box-score table tfoot tr.percentages td, .box-score table tfoot tr.percentages th { color: #00294c; } .box-score table tfoot tr.percentages td:not(:empty):before, .box-score table tfoot tr.percentages th:not(:empty):before { content: '\e84f'; font-family: sidearm_font; margin-right: 5px; float: none; width: auto; display: inline; } .box-score table tfoot th { font-style: italic; text-transform: uppercase; } .box-score table tfoot th.hide { text-indent: -9999px; display: block !important; } .box-score table tr.emphasize, .box-score table td.emphasize { background-color: #f2f2f2; font-weight: bold; } .box-score table.play-by-play span { color: #00294c; } .box-score table.scoring-summary td.play, .box-score table.scoring-summary th.play { width: 5px !important; } .box-score table.scoring-summary td.play.team, .box-score table.scoring-summary th.play.team { background-color: #00294c; } .box-score table.scoring-summary tfoot tr { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .box-score table.highlight-hover tbody tr:hover th:not([scope=colgroup]), .box-score table.highlight-hover tbody tr:hover td { background-color: #f2f2f2; } .box-score table.highlight-column-hover { overflow: hidden; z-index: 0; } .box-score table.highlight-column-hover tbody th:not([scope=row]), .box-score table.highlight-column-hover tbody td { position: relative; } .box-score table.highlight-column-hover tbody th:not([scope=row]):hover:after, .box-score table.highlight-column-hover tbody td:hover:after { content: ''; position: absolute; background-color: #f2f2f2; left: 0; top: -9999px; height: 99999px; width: 100%; z-index: -1; } .box-score table.overall-stats { position: relative; margin-top: 20px; } .box-score table.overall-stats caption { font-size: 1em; border: none; line-height: 1.2; position: absolute; left: 0; top: 0; padding: 5px; font-style: italic; } .box-score table.overall-stats thead th { line-height: 1.2; } .box-score table.overall-stats thead th[rowspan] { vertical-align: bottom; } .box-score table.overall-stats tbody tr th.header-group { background-color: #f2f2f2; color: #595959; font-weight: bold; font-style: italic; text-transform: uppercase; } .box-score table.overall-stats tfoot th { text-align: left; } .box-score table.overall-stats.full { margin-top: 0; } .box-score table.overall-stats.full caption { padding: 0; font-weight: bold; font-size: 1.4em; line-height: 2; border-bottom: 5px solid #00294c; text-align: left; position: static; font-style: normal; text-transform: none; } .box-score table.overall-stats.centered-caption caption { position: static; text-align: center; background-color: #f2f2f2; color: #595959; border-bottom: 1px solid #cccccc; } .box-score table.overall-stats.hide-caption caption { position: absolute !important; left: -9999px; } .box-score table.overall-stats.no-margin { margin-top: 0; } .box-score table[sortable-table] { width: 100% !important; } .box-score table[sortable-table] thead th[class*=sort] { cursor: pointer; } .box-score table[sortable-table] thead th[class*=sort]:hover { text-decoration: underline; } .box-score table[sortable-table] thead th.sorting_desc, .box-score table[sortable-table] thead th.sorting_asc { background: #767676; color: white; } .box-score table[sortable-table] thead th[scope=colgroup] { background-color: white; } .box-score dl { margin: 0; padding: 0; *zoom: 1; } .box-score dl:before, .box-score dl:after { content: ""; display: table; } .box-score dl:after { clear: both; } .box-score dl dt, .box-score dl dd { display: block; } .box-score dl dt { float: left; clear: left; } .box-score dl dt { font-weight: bold; text-transform: uppercase; padding: 2.5px 0; margin-right: 10px; } .box-score dl dd { padding: 2.5px 10px; } .box-score dl dd dl { clear: both; } .box-score dl dd dt { color: #00294c; margin-left: -10px; } .box-score dl.special-stats { margin: 10px 0; padding: 10px; background-color: #f2f2f2; } .box-score dl.special-stats dt { color: #595959; } .box-score dl.special-stats dd { border-bottom: 1px solid white; color: #00294c; font-weight: bold; } .box-score dl.special-stats.multi-columns { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .box-score dl.special-stats.multi-columns dd { break-before: avoid; -webkit-column-break-before: avoid; } .box-score dl.inline dt, .box-score dl.inline dd { float: none; clear: none; display: inline; margin-left: 0; } .box-score dl.emphasize { background-color: #f2f2f2; padding: 5px 10px; } .box-score dl.emphasize.primary { background-color: #00294c; } .box-score dl.emphasize.primary dt, .box-score dl.emphasize.primary dd { color: #ffc324; border: none; } .box-score section + section:not(.ui-tabs-panel) { margin-top: 20px; } .info-graphic { margin: 0; padding: 0; } .info-graphic .team { display: table; table-layout: fixed; vertical-align: middle; color: #595959; } .info-graphic .team img, .info-graphic .team span { display: table-cell; vertical-align: middle; max-height: 100%; margin: 0 auto; } .info-graphic .team span { width: 33.3333%; text-align: center; font-size: 2em; font-weight: bold; } .info-graphic .bracket { position: absolute; width: 25%; height: 100%; left: 50%; top: 0; margin-left: -12.5%; } .info-graphic .bracket span { position: absolute; z-index: 2; background-color: white; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 30px; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; border: 1px solid #cccccc; border-radius: 50%; color: #cccccc; } .info-graphic .bracket hr { position: absolute; z-index: 1; top: 50%; margin-top: -0.5px; width: 50%; height: 1px; background-color: #cccccc; left: 25%; border: none; } .info-graphic .bracket:before, .info-graphic .bracket:after { content: ''; display: block; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 25%; height: 80%; position: absolute; top: 10%; } .info-graphic .bracket:before { left: 0; border-right: 1px solid #cccccc; } .info-graphic .bracket:after { right: 0; border-left: 1px solid #cccccc; } .info-graphic.logos-on-side { padding: 0 20px; } .info-graphic.logos-on-side .team { position: absolute !important; display: block; top: 0; height: 100%; } .info-graphic.logos-on-side .team.away { left: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .info-graphic.logos-on-side .team.home { left: auto; right: 0; transform: translateX(100%); -webkit-transform: translateX(100%); } .box-score-header { display: flex; display: -webkit-flex; margin: 0; padding: 0; } .box-score-header figcaption { flex: 1; -webkit-flex: 1; padding: 0 10px; } .box-score-graphic { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; padding: 0 10px; } .box-score-graphic > * { display: flex; display: -webkit-flex; text-align: center; } .box-score-graphic .team { flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; } .box-score-graphic .team .score { font-weight: bold; font-size: 40px; line-height: 1.5; } .box-score-graphic .team .score.winner { font-weight: bold; } .box-score-graphic .team .score.loser { color: #999999; } .box-score-graphic .bracket { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .box-score-graphic .bracket span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; border: 1px solid #cccccc; border-radius: 50%; padding: 10px; line-height: 1; background-color: white; font-weight: bold; font-size: 120%; } .box-score-graphic .bracket:before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #cccccc; margin-left: -1px; } .info-graphic table caption, figure.box-score-header table caption { display: none !important; } h1.info-graphic table caption, h1figure.box-score-header table caption, h2.info-graphic table caption, h2figure.box-score-header table caption, h3.info-graphic table caption, h3figure.box-score-header table caption, caption.info-graphic table caption, captionfigure.box-score-header table caption, label.info-graphic table caption, labelfigure.box-score-header table caption { display: block !important; position: absolute; left: -9999px; top: -9999px; } .info-graphic table thead, figure.box-score-header table thead { border-bottom: 2px solid #00294c; background: none; } .info-graphic table thead th, figure.box-score-header table thead th { color: #00294c; font-weight: bold; padding: 0 10px; font-size: 1em; vertical-align: bottom; } .info-graphic table thead th:first-child, figure.box-score-header table thead th:first-child { text-indent: -9999px; width: 60%; } .info-graphic table thead th + th, figure.box-score-header table thead th + th { text-align: right; } .info-graphic table tbody tr, figure.box-score-header table tbody tr { border-bottom: 1px solid #cccccc; } .info-graphic table tbody td, figure.box-score-header table tbody td, .info-graphic table tbody th, figure.box-score-header table tbody th { padding: 5px 10px; text-align: left; font-size: 1em; color: #595959; } .info-graphic table tbody td + td, figure.box-score-header table tbody td + td, .info-graphic table tbody th + td, figure.box-score-header table tbody th + td { text-align: right; } .info-graphic table tbody th.winner:before, figure.box-score-header table tbody th.winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 5px; } .info-graphic dl, figure.box-score-header dl { padding: 10px 0; } .info-graphic dl dt, figure.box-score-header dl dt, .info-graphic dl dd, figure.box-score-header dl dd { display: inline; } .info-graphic dl dt, figure.box-score-header dl dt { font-weight: bold; } .info-graphic dl dd, figure.box-score-header dl dd { padding: 0 2.5px; } .game-details-container.columns { position: static; } .game-details-container.columns:after { content: ''; position: absolute; top: 0; right: -10px; width: 33.3333%; height: 100%; border-left: 1px solid #cccccc; } .game-details dl { font-size: 1em; line-height: 1.5; } .game-details dt { color: #00294c; margin: 0 10px; float: left; clear: left; padding: 5px 0 0 0; font-weight: bold; text-transform: uppercase; } .game-details dd { color: #767676; padding: 5px 10px; margin: 0; border-bottom: 1px solid #cccccc; } .game-details dd:last-child { border: none; } .sidearm-responsive-tabs > ul { background-color: #f2f2f2; list-style: none; margin: 0; padding: 0; *zoom: 1; border-bottom: 2px solid #00294c; text-align: center; white-space: nowrap; } .sidearm-responsive-tabs > ul:before, .sidearm-responsive-tabs > ul:after { content: ""; display: table; } .sidearm-responsive-tabs > ul:after { clear: both; } .sidearm-responsive-tabs > ul > li { display: inline-block; height: 40px; line-height: 40px; text-align: center; } .sidearm-responsive-tabs > ul > li > a { color: #767676; text-decoration: none; display: block; padding: 0 20px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .sidearm-responsive-tabs > ul > li > a:hover { color: #595959; } .sidearm-responsive-tabs > ul > li.ui-state-active { background-color: white; } .sidearm-responsive-tabs > ul > li.ui-state-active > a { color: #00294c; } .sidearm-responsive-tabs.main-tabs > ul > li.ui-state-active { background-color: #00294c; } .sidearm-responsive-tabs.main-tabs > ul > li.ui-state-active > a { color: #ffc324; } .sidearm-responsive-tabs .ui-tabs-hide { display: none !important; } h1.sidearm-responsive-tabs .ui-tabs-hide, h2.sidearm-responsive-tabs .ui-tabs-hide, h3.sidearm-responsive-tabs .ui-tabs-hide, caption.sidearm-responsive-tabs .ui-tabs-hide, label.sidearm-responsive-tabs .ui-tabs-hide { display: block !important; position: absolute; left: -9999px; top: -9999px; } #play-analysis .panel { position: relative; } #play-analysis figure { margin: 0; } #play-analysis table caption { position: absolute; width: 100%; top: 10px; left: 0; width: 100%; font-size: 1em; color: #00294c; border-width: 2px; text-indent: 20px; text-transform: uppercase; } #play-analysis table thead th { font-size: 1em; line-height: 2; padding: 0 10px; font-weight: bold; text-transform: uppercase; color: #00294c; text-align: right; } #play-analysis table thead th:last-child { padding-right: 20px; } #play-analysis table tbody tr:first-child { border-top: none; } #play-analysis table tbody tr td, #play-analysis table tbody tr th { text-align: right; } #play-analysis table tbody tr td:first-child, #play-analysis table tbody tr th:first-child { width: 70%; padding-left: 20px; text-align: left; } #play-analysis table tbody tr td:last-child, #play-analysis table tbody tr th:last-child { padding-right: 20px; } #play-analysis .bar-chart { padding-top: 10px; width: 66.6666%; margin: 0 auto; } #play-analysis .bar-chart .bar { margin: 5px 0; background-color: #e5e5e5; } #play-analysis .bar-chart .bar .value { text-align: right; padding-right: 10px; font-weight: bold; } #play-analysis .bar-chart .bar .value.team { background-color: #00294c; color: #ffc324; } #play-analysis .bar-chart .bar .value.opponent { background-color: #595959; color: white; } #play-analysis:not(.ui-tabs-hide) .bar-chart .bar .value { -webkit-animation: progress-bar 2s; -moz-animation: progress-bar 2s; animation: progress-bar 2s; } /* Mobile Site Specific */ .sidearm-mobile-site .box-score { padding-left: 10px; padding-right: 10px; } .sidearm-mobile-site .box-score dl { margin-bottom: 0; } .sidearm-mobile-site .box-score dl dt, .sidearm-mobile-site .box-score dl dd { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .sidearm-mobile-site .box-score dl.special-stats.multi-columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .sidearm-mobile-site .sidearm-responsive-tabs > select.ui-tabs-select { height: 40px; margin: 10px 0; width: 100%; } .sidearm-mobile-site table thead th { font-size: .875em; padding: 5px; font-style: italic; color: #595959; } .sidearm-mobile-site table tfoot tr.percentages td:not(:empty):before, .sidearm-mobile-site table tfoot tr.percentages th:not(:empty):before { content: ''; margin: 0; } .sidearm-mobile-site .mobile-jersey-number { float: left; width: 30px; text-align: left; } .sidearm-mobile-site .game-details-container.columns:after { right: -0.5em; } .sidearm-mobile-site .game-details dl { font-size: 1em; } .sidearm-mobile-site .baseball .play-by-play caption, .sidearm-mobile-site .softball .play-by-play caption { font-size: .875em; left: 10px; } /* Sport Specific */ .mbball .box-score-header, .wbball .box-score-header { display: block; } .mbball .box-score-graphic, .wbball .box-score-graphic { margin-bottom: 20px; } .mbball .box-score-graphic .team, .wbball .box-score-graphic .team { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; padding: 10px; } .mbball .box-score-graphic .team > div, .wbball .box-score-graphic .team > div { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .mbball .box-score-graphic .team span, .wbball .box-score-graphic .team span { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; font-size: 2em; font-weight: bold; padding: 0 20px; } .mbball .box-score-graphic .bracket, .wbball .box-score-graphic .bracket { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .mbball .box-score-graphic .bracket hr, .wbball .box-score-graphic .bracket hr { align-self: center; width: 50%; height: 1px; background-color: #cccccc; color: #cccccc; border: none; margin: 0 auto; } .mbball .box-score-graphic .bracket span, .wbball .box-score-graphic .bracket span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; border: 1px solid #cccccc; border-radius: 50%; padding: 10px; line-height: 1; background-color: white; font-weight: bold; font-size: 120%; } .mbball .box-score-graphic .bracket:before, .wbball .box-score-graphic .bracket:before, .mbball .box-score-graphic .bracket:after, .wbball .box-score-graphic .bracket:after { content: ''; background: none; position: absolute; top: 0; width: 25%; height: 100%; border: 1px solid #cccccc; } .mbball .box-score-graphic .bracket:before, .wbball .box-score-graphic .bracket:before { left: 0; border-left-width: 0; } .mbball .box-score-graphic .bracket:after, .wbball .box-score-graphic .bracket:after { right: 0; border-right-width: 0; } .baseball .info-graphic table thead, .softball .info-graphic table thead { border: none; } .baseball .info-graphic table thead th, .softball .info-graphic table thead th { text-align: center !important; } .baseball .info-graphic table thead th:first-child, .softball .info-graphic table thead th:first-child { width: auto; } .baseball .info-graphic table tbody th, .softball .info-graphic table tbody th, .baseball .info-graphic table tbody td, .softball .info-graphic table tbody td { border-right: 1px solid #cccccc; text-align: center !important; } .baseball .info-graphic table tbody th:first-child, .softball .info-graphic table tbody th:first-child { border-left: 1px solid #cccccc; text-align: left !important; } .baseball .info-graphic table tbody th:first-child.winner, .softball .info-graphic table tbody th:first-child.winner { font-weight: bold; } .baseball .info-graphic table tbody th:first-child.winner:before, .softball .info-graphic table tbody th:first-child.winner:before { content: ''; display: inline-block; margin-right: 5px; border-left: 7.5px solid #00294c; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .baseball .info-graphic .bracket span, .softball .info-graphic .bracket span { border-radius: 0; border-bottom: none; height: 25px; } .baseball .info-graphic .bracket span:before, .softball .info-graphic .bracket span:before { z-index: -1; position: absolute; top: 24px; left: 0; content: ''; border-top: 9px solid white; border-left: 14px solid transparent; border-right: 14px solid transparent; } .baseball .info-graphic .bracket span:after, .softball .info-graphic .bracket span:after { z-index: -2; position: absolute; top: 24px; left: -1px; content: ''; border-top: 10px solid #cccccc; border-left: 15.5px solid transparent; border-right: 15.5px solid transparent; } .baseball .game-details, .softball .game-details { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; } .baseball .game-details dl, .softball .game-details dl { font-size: 1em; line-height: 1.5; margin: 0 -15%; text-align: center; font-weight: bold; } .baseball .game-details dt, .softball .game-details dt, .baseball .game-details dd, .softball .game-details dd { display: inline; margin: 0; padding: 0 5px; float: none; clear: none; } .baseball .game-details dt, .softball .game-details dt { color: #00294c; text-transform: uppercase; } .baseball .game-details dd, .softball .game-details dd { color: #767676; border: none; margin: 0 20px 0 5px; } .baseball .play-by-play caption, .softball .play-by-play caption { position: absolute; top: 10px; left: 0; font-size: 1.1em; padding: 0 5px; border: none; font-style: italic; } .baseball .play-by-play th:first-child, .softball .play-by-play th:first-child { width: 75%; } .football figure.box-score-header table thead, .sfootball figure.box-score-header table thead { border-bottom: none; } .football figure.box-score-header table tbody tr td, .sfootball figure.box-score-header table tbody tr td, .football figure.box-score-header table tbody tr th, .sfootball figure.box-score-header table tbody tr th { border-right: 1px solid #cccccc; } .football figure.box-score-header table tbody tr td:first-child, .sfootball figure.box-score-header table tbody tr td:first-child, .football figure.box-score-header table tbody tr th:first-child, .sfootball figure.box-score-header table tbody tr th:first-child { border-left: 1px solid #cccccc; width: 40%; } .football .box-score-graphic .bracket span, .sfootball .box-score-graphic .bracket span { border: none; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; } .football .box-score-graphic .bracket span:before, .sfootball .box-score-graphic .bracket span:before { content: ''; display: block; border: 1px solid #cccccc; border-radius: 70% 0%; position: absolute; width: 100%; height: 100%; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .football .box-score-graphic .bracket span:after, .sfootball .box-score-graphic .bracket span:after { content: ''; width: 36px; height: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; } .football header dl, .sfootball header dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .football header figcaption dl, .sfootball header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .wsoc header figure + dl, .msoc header figure + dl, .fhockey header figure + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wsoc .box-score-header table thead, .msoc .box-score-header table thead, .fhockey .box-score-header table thead { border-bottom: none; } .wsoc .box-score-header table tbody tr td, .msoc .box-score-header table tbody tr td, .fhockey .box-score-header table tbody tr td, .wsoc .box-score-header table tbody tr th, .msoc .box-score-header table tbody tr th, .fhockey .box-score-header table tbody tr th { border-right: 1px solid #cccccc; } .wsoc .box-score-header table tbody tr td:first-child, .msoc .box-score-header table tbody tr td:first-child, .fhockey .box-score-header table tbody tr td:first-child, .wsoc .box-score-header table tbody tr th:first-child, .msoc .box-score-header table tbody tr th:first-child, .fhockey .box-score-header table tbody tr th:first-child { border-left: 1px solid #cccccc; width: 40%; } .wsoc .box-score-graphic, .msoc .box-score-graphic, .fhockey .box-score-graphic { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; position: relative; } .wsoc .box-score-graphic .team, .msoc .box-score-graphic .team, .fhockey .box-score-graphic .team { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; position: relative; } .wsoc .box-score-graphic .team.away, .msoc .box-score-graphic .team.away, .fhockey .box-score-graphic .team.away { border-right: 1px solid #cccccc; padding-right: 10px; } .wsoc .box-score-graphic .team.away:before, .msoc .box-score-graphic .team.away:before, .fhockey .box-score-graphic .team.away:before, .wsoc .box-score-graphic .team.away:after, .msoc .box-score-graphic .team.away:after, .fhockey .box-score-graphic .team.away:after { right: 0; } .wsoc .box-score-graphic .team.away .cap, .msoc .box-score-graphic .team.away .cap, .fhockey .box-score-graphic .team.away .cap { right: 0; transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); border-radius: 0 40px 40px 0; border-left: none; } .wsoc .box-score-graphic .team.home, .msoc .box-score-graphic .team.home, .fhockey .box-score-graphic .team.home { border-left: 1px solid #cccccc; padding-left: 10px; } .wsoc .box-score-graphic .team.home:before, .msoc .box-score-graphic .team.home:before, .fhockey .box-score-graphic .team.home:before, .wsoc .box-score-graphic .team.home:after, .msoc .box-score-graphic .team.home:after, .fhockey .box-score-graphic .team.home:after { left: 0; } .wsoc .box-score-graphic .team.home .cap, .msoc .box-score-graphic .team.home .cap, .fhockey .box-score-graphic .team.home .cap { left: 0; transform: translate(-100%, -50%); -webkit-transform: translate(-100%, -50%); border-radius: 40px 0 0 40px; border-right: none; } .wsoc .box-score-graphic .team .cap, .msoc .box-score-graphic .team .cap, .fhockey .box-score-graphic .team .cap { position: absolute; width: 20px; height: 40px; border-color: #cccccc; border-style: solid; border-width: 1px; position: absolute; top: 50%; } .wsoc .box-score-graphic .team:before, .msoc .box-score-graphic .team:before, .fhockey .box-score-graphic .team:before, .wsoc .box-score-graphic .team:after, .msoc .box-score-graphic .team:after, .fhockey .box-score-graphic .team:after { content: ''; width: 25%; height: 1px; background-color: #cccccc; position: absolute; } .wsoc .box-score-graphic .team:before, .msoc .box-score-graphic .team:before, .fhockey .box-score-graphic .team:before { top: 0; } .wsoc .box-score-graphic .team:after, .msoc .box-score-graphic .team:after, .fhockey .box-score-graphic .team:after { bottom: 0; } .wsoc .box-score-graphic .bracket, .msoc .box-score-graphic .bracket, .fhockey .box-score-graphic .bracket { padding: 0 10px; } .wsoc .box-score-graphic .bracket:before, .msoc .box-score-graphic .bracket:before, .fhockey .box-score-graphic .bracket:before { height: calc(100% + 40px); top: -20px; } .wsoc .penalty-type, .msoc .penalty-type, .fhockey .penalty-type { width: 5px !important; padding: 0 !important; } .wsoc .penalty-type.yellow, .msoc .penalty-type.yellow, .fhockey .penalty-type.yellow { border-left: 1px solid #e6e500; } .wsoc .penalty-type.yellow + td, .msoc .penalty-type.yellow + td, .fhockey .penalty-type.yellow + td { border-left-color: #e6e500; } .wsoc .penalty-type.red, .msoc .penalty-type.red, .fhockey .penalty-type.red { border-left: 1px solid #e60000; } .wsoc .penalty-type.red + td, .msoc .penalty-type.red + td, .fhockey .penalty-type.red + td { border-left-color: #e60000; } .wsoc .penalty-type.green, .msoc .penalty-type.green, .fhockey .penalty-type.green { border-left: 1px solid #006700; } .wsoc .penalty-type.green + td, .msoc .penalty-type.green + td, .fhockey .penalty-type.green + td { border-left-color: #006700; } .wsoc .yellow, .msoc .yellow, .fhockey .yellow { background-color: yellow; } .wsoc .red, .msoc .red, .fhockey .red { background-color: red; } .wsoc .green, .msoc .green, .fhockey .green { background-color: green; } .wvball .box-score-graphic, .mvball .box-score-graphic { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wvball .box-score-graphic .team, .mvball .box-score-graphic .team { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; padding: 10px 0; } .wvball .box-score-graphic .team.away, .mvball .box-score-graphic .team.away { padding-right: 10px; border-right: 1px solid #cccccc; } .wvball .box-score-graphic .team.home, .mvball .box-score-graphic .team.home { padding-left: 10px; border-left: 1px solid #cccccc; } .wvball header figure + dl, .mvball header figure + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wvball .stats-graphic tbody th, .mvball .stats-graphic tbody th { width: 25%; } .wvball .stats-graphic tbody td, .mvball .stats-graphic tbody td { padding: 0; position: relative; } .wvball .stats-graphic tbody td .value, .mvball .stats-graphic tbody td .value { position: absolute; height: 100%; top: 0; background-color: #00294c; color: #ffc324; font-weight: bold; text-align: center; } .wvball .stats-graphic tbody td .value:first-child, .mvball .stats-graphic tbody td .value:first-child { left: 0; } .wvball .stats-graphic tbody td .value + .value, .mvball .stats-graphic tbody td .value + .value { right: 0; } .wvball .stats-graphic tbody td .value.opponent, .mvball .stats-graphic tbody td .value.opponent { background-color: #f2f2f2; color: #767676; } .wvball .stats-graphic tbody td .value:before, .mvball .stats-graphic tbody td .value:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 100%; } .wvball .stats-graphic tbody td .value span, .mvball .stats-graphic tbody td .value span { display: inline-block; vertical-align: middle; } .mhockey .box-score-graphic, .whockey .box-score-graphic { margin-right: 20px; border: 1px solid #cccccc; border-radius: 30px; } .mhockey .box-score-graphic .team, .whockey .box-score-graphic .team { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 10px; position: relative; } .mhockey .box-score-graphic .team img, .whockey .box-score-graphic .team img { margin-top: 10px; } .mhockey .box-score-graphic .team.away, .whockey .box-score-graphic .team.away { margin-left: 20px; margin-right: 10px; padding-left: 20px; } .mhockey .box-score-graphic .team.away:before, .whockey .box-score-graphic .team.away:before { left: 0; border-radius: 0 40px 40px 0; border-left: none; } .mhockey .box-score-graphic .team.home, .whockey .box-score-graphic .team.home { margin-right: 20px; margin-left: 10px; padding-right: 20px; } .mhockey .box-score-graphic .team.home:before, .whockey .box-score-graphic .team.home:before { right: 0; border-radius: 40px 0 0 40px; border-right: none; } .mhockey .box-score-graphic .team:before, .whockey .box-score-graphic .team:before { content: ''; width: 20px; height: 40px; border-color: #cccccc; border-style: solid; border-width: 1px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .mhockey .box-score-header, .whockey .box-score-header { align-items: center; -webkit-align-items: center; } .mhockey .box-score-header figcaption dl, .whockey .box-score-header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .mhockey .box-score-header + dl, .whockey .box-score-header + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mhockey .jersey-number, .whockey .jersey-number { float: left; width: 30px; text-align: left; } .mlax .box-score-header, .wlax .box-score-header { align-items: center; -webkit-align-items: center; } .mlax .box-score-header figcaption dl, .wlax .box-score-header figcaption dl { margin: 0; border: 0; padding: 2.5px 10px; font-size: .85em; } .mlax .box-score-header + dl, .wlax .box-score-header + dl { padding: 10px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .box-score-graphic, .wlax .box-score-graphic { border: 1px solid #cccccc; padding: 0; margin-right: 10px; } .mlax .box-score-graphic .team, .wlax .box-score-graphic .team { margin: 20px 0; padding: 20px 10px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .box-score-graphic .team .score, .wlax .box-score-graphic .team .score { background-color: white; padding: 10px; margin-right: -25%; position: relative; z-index: 1; } .mlax .box-score-graphic .team.home, .wlax .box-score-graphic .team.home { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .mlax .box-score-graphic .team.home .score, .wlax .box-score-graphic .team.home .score { margin-right: 0; margin-left: -25%; } .mlax .box-score-graphic .bracket, .wlax .box-score-graphic .bracket { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .mlax .box-score-graphic .bracket span, .wlax .box-score-graphic .bracket span { border: none; } .mlax .box-score-graphic .bracket:after, .wlax .box-score-graphic .bracket:after { content: ''; position: absolute; left: 0; width: 33.3333%; height: calc(100% - 40px); position: absolute; left: 50%; top: 20px; transform: translateX(-50%); -webkit-transform: translateX(-50%); border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .mlax .jersey-number, .wlax .jersey-number { float: left; width: 30px; text-align: left; } /* Media Queries */ @media print, screen and (max-width: 767px) { .info-graphic.logos-on-side { padding: 0; } .info-graphic.logos-on-side > .row { position: relative; } .info-graphic.logos-on-side .team { position: relative !important; display: table; top: auto; height: auto; } .info-graphic.logos-on-side .team.away { left: auto; transform: translateX(0); -webkit-transform: translateX(0); } .info-graphic.logos-on-side .team.home { left: 33.3333%; right: auto; transform: translateX(0); -webkit-transform: translateX(0); } .info-graphic.logos-on-side .team span { display: table-cell !important; } .box-score-header { flex-direction: column; -webkit-flex-direction: column; } .box-score-header figcaption { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .football .box-score-graphic .team, .sfootball .box-score-graphic .team { flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; } .football .box-score-graphic .team:last-child div, .sfootball .box-score-graphic .team:last-child div { order: 2; -webkit-order: 2; } .football .box-score-graphic .team:last-child span, .sfootball .box-score-graphic .team:last-child span { order: 1; -webkit-order: 1; } .game-details-container.columns:after { display: none; } #play-by-play .play { width: 5px; padding-left: 0; padding-right: 0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } #play-by-play .play.team { background-color: #00294c; } #play-by-play .losing { color: #595959; font-weight: normal !important; } #play-by-play .winning { font-weight: bold; } .sidearm-mobile-site .box-score dl.special-stats dt { padding: 0; } .sidearm-mobile-site .box-score dl.special-stats.multi-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .baseball .game-details dl, .softball .game-details dl { margin: 0; text-align: left; } .baseball .game-details dt, .softball .game-details dt, .baseball .game-details dd, .softball .game-details dd { display: block; } .baseball .game-details dt, .softball .game-details dt { clear: left; float: left; padding-top: 5px; margin: 0 10px; } .baseball .game-details dd, .softball .game-details dd { border-bottom: 1px solid #cccccc; font-weight: normal; padding: 5px 10px; } .baseball .mobile-jersey-number, .softball .mobile-jersey-number { width: 50px; } .baseball dl.special-stats, .softball dl.special-stats { *zoom: 1; } .baseball dl.special-stats:before, .softball dl.special-stats:before, .baseball dl.special-stats:after, .softball dl.special-stats:after { content: ""; display: table; } .baseball dl.special-stats:after, .softball dl.special-stats:after { clear: both; } .baseball dl.special-stats dt, .softball dl.special-stats dt, .baseball dl.special-stats dd, .softball dl.special-stats dd { display: block; } .baseball dl.special-stats dt, .softball dl.special-stats dt { float: left; clear: left; } .mhockey .box-score-header, .whockey .box-score-header, .mlax .box-score-header, .wlax .box-score-header { align-items: stretch; } .mhockey .box-score-graphic, .whockey .box-score-graphic, .mlax .box-score-graphic, .wlax .box-score-graphic { margin: 0 10px; } table.collapse-on-medium.highlight-hover tbody tr:hover th:not([scope=colgroup]), table.collapse-on-medium.highlight-hover tbody tr:hover td { background-color: inherit; } } @media print, screen and (max-width: 539px) { .info-graphic .team span { font-size: 1.5em; } .football .box-score-graphic .team, .sfootball .box-score-graphic .team { flex-direction: column; -webkit-flex-direction: column; } .football .box-score-graphic .team:last-child div, .sfootball .box-score-graphic .team:last-child div { order: 1; -webkit-order: 1; } .football .box-score-graphic .team:last-child span, .sfootball .box-score-graphic .team:last-child span { order: 2; -webkit-order: 2; } #play-analysis table caption, #play-analysis table thead th { font-size: .8em; text-indent: 10px; } #play-analysis table thead th { font-size: .8em; } #play-analysis table thead th:last-child { padding-right: 10px; } #play-analysis table tbody tr td:first-child, #play-analysis table tbody tr th:first-child { padding-left: 10px; } #play-analysis table tbody tr td:last-child, #play-analysis table tbody tr th:last-child { padding-right: 10px; } #play-analysis table caption { visibility: hidden; } #play-analysis table caption:before { content: attr(data-short-caption); visibility: visible; } .msoc .box-score-graphic, .wsoc .box-score-graphic { padding-left: 0; padding-right: 0; } .wvball table.stats-graphic, .mvball table.stats-graphic { margin-top: 20px !important; } .wvball table.stats-graphic tbody tr th, .mvball table.stats-graphic tbody tr th { width: auto; } .wvball table.stats-graphic tbody tr td, .mvball table.stats-graphic tbody tr td { padding: 20px 0; } .wvball table.accordion tbody tr td[data-label]:before, .mvball table.accordion tbody tr td[data-label]:before, .wvball table.accordion tfoot tr td[data-label]:before, .mvball table.accordion tfoot tr td[data-label]:before, .wvball table.accordion tbody tr th[data-label]:before, .mvball table.accordion tbody tr th[data-label]:before, .wvball table.accordion tfoot tr th[data-label]:before, .mvball table.accordion tfoot tr th[data-label]:before { padding-left: 0 !important; } .mlax .box-score-graphic .team .score, .wlax .box-score-graphic .team .score { padding: 0; } .mbball .box-score-graphic .team, .wbball .box-score-graphic .team { padding: 0; } .mbball .box-score-graphic .bracket, .wbball .box-score-graphic .bracket { display: none; } } @media print { .game-details-container.columns:after { display: none; } .baseball .game-details dl, .softball .game-details dl { margin: 0; } .clean .sidearm-table { page-break-inside: avoid; } .clean .sidearm-table[class*="collapse"] { display: table; } .clean .sidearm-table[class*="collapse"] caption { display: table-caption; } .clean .sidearm-table[class*="collapse"] thead { display: table-header-group; } .clean .sidearm-table[class*="collapse"] tbody { display: table-row-group; } .clean .sidearm-table[class*="collapse"] tfoot { display: table-footer-group; } .clean .sidearm-table[class*="collapse"] tr { display: table-row; } .clean .sidearm-table[class*="collapse"] td, .clean .sidearm-table[class*="collapse"] th { display: table-cell; } .clean .sidearm-table[class*="collapse"] caption { display: table-caption; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label], .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label], .clean .sidearm-table[class*="collapse"] tbody tr th[data-label], .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label] { text-align: left !important; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label]:before, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label]:before, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label]:before, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label]:before { display: none; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label].text-right, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label].text-right, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label].text-right, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label].text-right { text-align: right !important; } .clean .sidearm-table[class*="collapse"] tbody tr td[data-label].text-center, .clean .sidearm-table[class*="collapse"] tfoot tr td[data-label].text-center, .clean .sidearm-table[class*="collapse"] tbody tr th[data-label].text-center, .clean .sidearm-table[class*="collapse"] tfoot tr th[data-label].text-center { text-align: center !important; } .clean .sidearm-table[class*="collapse"] tbody tr td + td, .clean .sidearm-table[class*="collapse"] tfoot tr td + td, .clean .sidearm-table[class*="collapse"] tbody tr th + td, .clean .sidearm-table[class*="collapse"] tfoot tr th + td, .clean .sidearm-table[class*="collapse"] tbody tr td + th, .clean .sidearm-table[class*="collapse"] tfoot tr td + th, .clean .sidearm-table[class*="collapse"] tbody tr th + th, .clean .sidearm-table[class*="collapse"] tfoot tr th + th { border-left: 1px solid #cccccc; } .clean .sidearm-table[class*="collapse"] thead tr, .clean .sidearm-table[class*="collapse"] tbody tr, .clean .sidearm-table[class*="collapse"] tfoot tr { display: table-row; } .clean .sidearm-table[class*="collapse"] thead tr th, .clean .sidearm-table[class*="collapse"] tbody tr th, .clean .sidearm-table[class*="collapse"] tfoot tr th, .clean .sidearm-table[class*="collapse"] thead tr td, .clean .sidearm-table[class*="collapse"] tbody tr td, .clean .sidearm-table[class*="collapse"] tfoot tr td { display: table-cell; } .clean .sidearm-table[class*="collapse"].accordion tbody tr, .clean .sidearm-table[class*="collapse"].accordion tfoot tr { height: auto; } .clean .sidearm-table[class*="collapse"].accordion tbody tr th:not([scope=colgroup]):after, .clean .sidearm-table[class*="collapse"].accordion tfoot tr th:not([scope=colgroup]):after { content: ''; border: none; display: inline; float: none; margin: 0; padding: 0; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded { background-color: inherit; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th { color: #595959; font-weight: normal; border: 1px solid #cccccc; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td:first-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td:first-child, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:first-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:first-child { border-left: none; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td:last-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td:last-child, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th:last-child, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th:last-child { border-right: none; } .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded td a, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded td a, .clean .sidearm-table[class*="collapse"].accordion tbody tr.expanded th a, .clean .sidearm-table[class*="collapse"].accordion tfoot tr.expanded th a { color: #00294c; } .clean .sidearm-table[class*="collapse"] thead th { padding: 2px 4px; } .clean .sidearm-table[class*="collapse"] tbody tr td, .clean .sidearm-table[class*="collapse"] tbody tr th { padding: 2px 4px; } .clean .sidearm-table[class*="collapse"] tfoot th, .clean .sidearm-table[class*="collapse"] tfoot td { padding: 2px 4px; } .clean .sidearm-responsive-tabs > ul { display: none; } .clean .sidearm-responsive-tabs .ui-tabs-hide { display: block !important; position: static !important; } .clean .sidearm-responsive-tabs.main-tabs > section { page-break-after: always; } } @-webkit-keyframes progress-bar { 0% { width: 0; } } @-moz-keyframes progress-bar { 0% { width: 0; } } @keyframes progress-bar { 0% { width: 0; } }