.sidearm-common .sidearm-common-header { background-color: #f2f2f2; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 8px 8px; margin-bottom: 16px; } .sidearm-common .sidearm-common-header a { color: #00294c; text-decoration: none; } .sidearm-common .sidearm-common-header a:hover { text-decoration: underline; } .sidearm-common .sidearm-common-header select { border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 100%; white-space: nowrap; background-color: white; } .sidearm-common .sidearm-common-header .select-button { border: 0; background: #00467f; color: #ffc425; padding: 12px; font-size: 14px; font-weight: 400; line-height: 14px; } .sidearm-common .sidearm-common-header input[type=submit], .sidearm-common .sidearm-common-header button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-common .sidearm-common-header input[type=submit]:active, .sidearm-common .sidearm-common-header button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-right-radius { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-left-radius { border-top-left-radius: 0; border-bottom-left-radius: 0; } .sidearm-common .sidearm-common-header-share-list, .sidearm-common .sidearm-common-header-select-list { list-style: none; margin: 0 -4px; padding: 0; } .sidearm-common .sidearm-common-header-share-list li, .sidearm-common .sidearm-common-header-select-list li { margin: 8px 4px; } .sidearm-common .sidearm-common-header-share-list li { margin: 0 4px; } .sidearm-common .sidearm-common-header-share { margin: 8px 0; } .sidearm-common .sidearm-common-header-share a, .sidearm-common .sidearm-common-header-share button, .sidearm-common .sidearm-common-header-share .hover-span { display: inline-block; text-decoration: none; padding: 4px 8px; border: 1px solid #cccccc; border-radius: 2px; background-color: white; text-align: left; } .sidearm-common .sidearm-common-header-share a:before, .sidearm-common .sidearm-common-header-share button:before, .sidearm-common .sidearm-common-header-share .hover-span:before { font-family: sidearm_font; margin-right: 4px; } .sidearm-common .sidearm-common-header-share a:hover, .sidearm-common .sidearm-common-header-share button:hover, .sidearm-common .sidearm-common-header-share .hover-span:hover, .sidearm-common .sidearm-common-header-share a:active, .sidearm-common .sidearm-common-header-share button:active, .sidearm-common .sidearm-common-header-share .hover-span:active, .sidearm-common .sidearm-common-header-share a:focus, .sidearm-common .sidearm-common-header-share button:focus, .sidearm-common .sidearm-common-header-share .hover-span:focus { text-decoration: none; background-color: #00467f; color: #ffc425; border-color: #002a4c; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-print a:before { content: '\e822'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-email a:before { content: '\e86f'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-download a:before { content: '\e83d'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-default-view-table button:before { content: '\e871'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-default-view-list button:before { content: '\e853'; } .sidearm-common .sidearm-common-promotion { text-align: center; } .sidearm-common .sidearm-common-promotion .dfp-ad { margin: 0 auto; } .sidearm-common-bio .sidearm-common-bio-header { background-color: #f2f2f2; padding-bottom: 16px; margin-bottom: 16px; position: relative; } .sidearm-common-bio .sidearm-common-bio-header input[type=submit], .sidearm-common-bio .sidearm-common-bio-header button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-common-bio .sidearm-common-bio-header input[type=submit]:active, .sidearm-common-bio .sidearm-common-bio-header button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-common-bio .sidearm-common-bio-select { float: right; width: auto; margin: 8px; } .sidearm-common-bio .sidearm-common-bio-details { padding-bottom: 16px; position: relative; z-index: 2; clear: right; } .sidearm-common-bio .sidearm-common-bio-image { position: relative; z-index: 2; margin: -1rem 0 16px 16px; max-width: 20%; padding: 8px; background-color: white; border: 1px solid #cccccc; float: left; } .sidearm-common-bio .sidearm-common-bio-heading { position: relative; z-index: 1; margin: 0; font-size: 2rem; line-height: 6rem; background-color: #00467f; color: #ffc425; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { margin: 0 16px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-common-bio .sidearm-common-bio-fields { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-fields ul, .sidearm-common-bio .sidearm-common-bio-fields dl, .sidearm-common-bio .sidearm-common-bio-fields dd, .sidearm-common-bio .sidearm-common-bio-fields dt { margin: 0; padding: 0; } .sidearm-common-bio .sidearm-common-bio-fields ul { list-style: none; } .sidearm-common-bio .sidearm-common-bio-fields li { padding: 0 8px; } .sidearm-common-bio .sidearm-common-bio-fields dl { border-bottom: 1px solid #cccccc; padding: 8px 16px; } .sidearm-common-bio .sidearm-common-bio-fields dt, .sidearm-common-bio .sidearm-common-bio-fields dd { display: inline; } .sidearm-common-bio .sidearm-common-bio-fields dt { font-weight: bold; margin-right: 8px; color: #00294c; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-fields dt:after { content: ':'; } .sidearm-link-dropdown { color: #494949; border-radius: 2px; border: 1px solid #cccccc; padding: 0; background: white; width: 100%; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-selected { float: left; padding: 0 0 0 8px; height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon { float: right; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon i { height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown ul { list-style: none; padding: 0; overflow: hidden; clear: both; height: 0; max-height: 260px; overflow-y: auto; overflow-x: hidden; width: auto; position: absolute; z-index: 100000; background: white; margin: 0 0 0 -1px; } .sidearm-link-dropdown ul li { height: 26px; line-height: 26px; overflow: hidden; margin: 0 !important; } .sidearm-link-dropdown ul li a { text-decoration: none; color: #494949; width: 100%; display: inline-block; height: 26px; line-height: 26px; padding: 0 8px; display: inline-block; } .sidearm-link-dropdown ul li a:hover { background: #eeeeee; } .sidearm-link-dropdown ul li a:focus { outline-offset: -5px !important; } .sidearm-link-dropdown ul li a.selected { font-weight: bold; } .sidearm-link-dropdown.open ul { height: auto; border-radius: 2px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .sidearm-link-dropdown-label { display: flex; height: 28px; line-height: 28px; padding-right: 10px; font-weight: bold; } .gsc-control-cse *, .gsc-control-cse *:before, .gsc-control-cse *:after { word-wrap: break-word; -moz-box-sizing: border-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .sidearm-ads-effect-random { display: none; } @media screen and (max-width: 767px) { .sidearm-common-bio .sidearm-common-bio-details { padding: 0; } .sidearm-common-bio .sidearm-common-bio-image { max-width: 25%; margin-left: 8px; } .sidearm-common-bio .sidearm-common-bio-heading { font-size: 1.25rem; line-height: 3rem; } } @media screen and (max-width: 539px) { .sidearm-common-bio .sidearm-common-bio-heading { line-height: 1.4; padding-top: 0; } .sidearm-common-bio .sidearm-common-bio-select { float: none; width: 100%; margin: 0; } .sidearm-common-bio .sidearm-common-bio-details { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name { display: inline !important; margin-left: 0; margin-right: 0; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name span { display: inline !important; } .sidearm-common-bio .sidearm-common-bio-heading { margin: 0; padding: 8px; background-color: transparent !important; font-size: 1.5rem; line-height: 1.4; color: #00294c; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { display: block; line-height: 1.1; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name span { display: block; } .sidearm-common-bio .sidearm-common-bio-image { margin: 8px 16px 8px 8px; padding: 0; border: none; background: none; } .sidearm-common-bio .sidearm-common-bio-fields { clear: left; padding-left: 0; padding-right: 0; } .sidearm-common-bio .sidearm-common-bio-fields dl { padding-left: 0; padding-right: 0; } .sidearm-schedule-template-default .sidearm-schedule-share { margin-bottom: 0 !important; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ { flex-direction: column; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li { margin: 8px 4px; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li a, .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li button { width: 100%; } } @media print { .sidearm-common .sidearm-common-header, .sidearm-common .sidearm-common-promotion { display: none !important; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } .sr-only:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .sidearm-archives .sidearm-archives-header { background-color: #f2f2f2; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 8px 8px; margin-bottom: 16px; } .sidearm-archives .sidearm-archives-header select, .sidearm-archives .sidearm-archives-header input[type=text] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sidearm-archives .sidearm-archives-header .btn-search { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-archives .sidearm-archives-header .btn-search:active { background-color: #ffc425; color: #00467f; } .sidearm-archives .sidearm-archives-sports-categories { width: 25%; } .sidearm-archives .sidearm-common-header-select-list li { flex: 4; } .sidearm-archives .sidearm-common-header-select-list li.sidearm-archives-select-submit { flex: 1; } .sidearm-archives .sidearm-common-header-select-list li.sidearm-archives-select-submit button { width: 100%; line-height: 28px; } @media screen and (max-width: 767px) { .sidearm-archives .sidearm-archives-sports-categories { width: auto; } } .spinner { -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; stroke: black; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite; } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } .vue-archives-template-1 .vue-archives-inputs { position: relative; } .vue-archives-template-1 .vue-archives-inputs--button { height: 48px; border: none; padding: 0 24px; background: #00294c; color: white; transition: .25s; } .vue-archives-template-1 .vue-archives-inputs--button:hover { transition: .25s; background: #001b33; color: white; } .vue-archives-template-1 .vue-archives-inputs--modal { position: absolute; right: 0; top: 100%; background: white; width: 350px; padding: 24px; z-index: 2; -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.08); transition: opacity .35s; } .vue-archives-template-1 .vue-archives-no-content { padding: 24px; display: flex; text-align: center; align-items: center; justify-content: center; } .vue-archives-template-1 .vue-archives-loading { flex: 1; display: flex; align-items: center; justify-content: center; } .vue-archives-template-1 .vue-archives-input { margin-right: 24px; } .vue-archives-template-1 .vue-archives-input input { border: 1px solid #ebebeb; border-right: none; background-color: #f7f8f9; padding: 0 24px; } .vue-archives-template-1 .vue-archives-input button { height: 48px; width: 48px; background-color: #f7f8f9; border: 1px solid #ebebeb; transition: .25s; } .vue-archives-template-1 .vue-archives-input button:hover { transition: .25s; background: #00294c; color: white; border: 1px solid #001b33; } .vue-archives-template-1 .vue-archives-select { width: 100%; height: 48px; border: 1px solid #cccccc; flex: 1; margin-bottom: 24px; } .vue-archives-template-1 .vue-archives-select-wrapper { display: flex; position: relative; flex: 1; } .vue-archives-template-1 .vue-archives-select-wrapper:after { content: '\e008'; font-family: sidearm_font_v2; font-size: 24px; color: black; position: absolute; right: 12px; height: 48px; display: flex; align-items: center; justify-content: center; pointer-events: none; } .vue-archives-template-1 .vue-archives-select:last-child { margin: 0; } .vue-archives-template-1 .vue-archives-select #vue-archives-sports, .vue-archives-template-1 .vue-archives-select #vue-archives-schools { border-right: 1px solid #ebebeb; } .vue-archives-template-1 .vue-archives-select--button { flex-shrink: 0; flex: 1; height: 48px; width: 100%; border: none; display: flex; align-items: center; justify-content: center; background: #00294c; color: white; text-align: center; transition: .25s; } .vue-archives-template-1 .vue-archives-select--button svg { display: block; margin-top: 2px; } .vue-archives-template-1 .vue-archives-select--button .path { stroke: white; } .vue-archives-template-1 .vue-archives-select--button:hover { transition: .25s; background: #001b33; color: white; } .vue-archives-template-1 .vue-archives-select--button-reset { background: #cccccc; color: #595959; margin-top: 12px; } .vue-archives-template-1 .vue-archives-select--button-reset:hover { transition: .25s; color: #595959; background: #bfbfbf; } .vue-archives-template-1 .vue-archives-select--button .sidearm-progress-bar { height: 48px; display: flex; align-items: center; justify-content: center; } .vue-archives-template-1 .vue-archives-select--button .sidearm-progress-bar > div { background: white; margin: 0 2px; } .vue-archives-template-1 .vue-archives-select select { border: none; background: white; color: black; padding: 0 24px; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } .vue-archives-template-1 .vue-archives-select select::-ms-expand { display: none; } .vue-archives-template-1 .vue-archives-header { margin: 0 0 24px 0; } .vue-archives-template-1 .vue-archives-ad ads-component > div { margin: 24px auto 0 auto; display: flex; align-items: center; justify-content: center; } .vue-archives-template-1 .vue-archives-list { flex: 1; display: flex; flex-direction: column; } .vue-archives-template-1 .vue-archives-stories--header { margin: 0; padding: 24px 0; font-size: 1.313rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; color: #00294c; border-bottom: 1px solid #ebebeb; } .vue-archives-template-1 .vue-archives-stories--header.no-top { padding-top: 0; } .vue-archives-template-1 .vue-archives-stories > ul { margin: 0; list-style: none; padding: 0; } .vue-archives-template-1 .vue-archives-content { display: flex; } .vue-archives-template-1 .vue-archives-item { padding: 24px 0; border-bottom: 1px solid #ebebeb; } .vue-archives-template-1 .vue-archives-item--image { max-width: 25%; flex: 0 1 25%; } .vue-archives-template-1 .vue-archives-item--content { flex: 0 1 75%; padding: 0 24px; display: flex; justify-content: center; flex-direction: column; } .vue-archives-template-1 .vue-archives-item--metadata { font-size: 0.875rem; font-weight: 400; color: #00294c; } .vue-archives-template-1 .vue-archives-item--metadata > span:first-child { margin: 0 24px 0 0; } .vue-archives-template-1 .vue-archives-item--headline { font-size: 1.313rem; font-weight: 700; text-transform: uppercase; margin: 0 0 24px 0; } .vue-archives-template-1 .vue-archives-item--headline a { color: black; text-decoration: none; transition: .25s; } .vue-archives-template-1 .vue-archives-item--headline a:hover { color: #00294c; transition: .25s; } .vue-archives-template-1 .vue-archives-item--summary { font-size: 1rem; font-weight: 400; line-height: 1.25rem; margin: 0 0 24px 0; } .vue-archives-template-1 .vue-archives-pagination { padding: 24px 0; } .vue-archives-template-1 .vue-archives-pagination--arrow { margin: 0 12px 0 0; color: black; padding: 0 12px; background-color: #f7f8f9; border: 1px solid #ebebeb; font-size: .875rem; font-weight: 400; line-height: 1.5rem; text-transform: uppercase; transition: .25s; display: flex; align-items: center; justify-content: center; } .vue-archives-template-1 .vue-archives-pagination--arrow.sidearm-pager-button-next { margin: 0; } .vue-archives-template-1 .vue-archives-pagination--arrow:hover { transition: .25s; background: #eef0f2; } .vue-archives-template-1 .vue-archives-pagination--list { margin: 0; list-style: none; padding: 0; } .vue-archives-template-1 .vue-archives-pagination--list li { margin: 0 12px 0 0; display: inline; } .vue-archives-template-1 .vue-archives-pagination--list li button { width: 36px; height: 36px; color: black; background-color: #f7f8f9; border: 1px solid #ebebeb; transition: .25s; } .vue-archives-template-1 .vue-archives-pagination--list li button:hover { transition: .25s; background: #eef0f2; } .vue-archives-template-1 .vue-archives-pagination--list li button.page-button-active { background: #00294c; color: white; } .vue-archives-template-1 .vue-archives-related { max-width: 375px; flex: 0 0 375px; margin: 0 0 0 24px; } .vue-archives-template-1 .vue-archives-trending-list { margin: 0; list-style: none; padding: 12px 0; } .vue-archives-template-1 .vue-archives-trending-item { padding: 12px 0; } .vue-archives-template-1 .vue-archives-trending-item .separator { margin: 0 8px; } .vue-archives-template-1 .vue-archives-trending-item--content { flex: 0 1 70%; padding: 0 12px; display: flex; flex-direction: column; justify-content: center; } .vue-archives-template-1 .vue-archives-trending-item--title { font-size: 1rem; font-weight: 700; line-height: 1.25rem; text-transform: uppercase; margin: 0 0 12px 0; } .vue-archives-template-1 .vue-archives-trending-item--title a { color: #00294c; text-decoration: none; } .vue-archives-template-1 .vue-archives-trending-item--title a:hover { text-decoration: underline; } .vue-archives-template-1 .vue-archives-trending-item--metadata { color: #00294c; font-size: 0.875rem; font-weight: 400; } .vue-archives-template-1 .vue-archives-trending-item--image { max-width: 30%; flex: 0 1 30%; } .vue-archives-template-1 .vue-archives-quicklinks { padding: 0; } .vue-archives-template-1 .vue-archives-quicklinks-header { margin: 0; padding: 24px 0; font-size: 1.313rem; font-weight: 700; line-height: 1.5rem; text-transform: uppercase; color: #00294c; border-bottom: 1px solid #ebebeb; } .vue-archives-template-1 .vue-archives-quicklinks-header h3 { margin: 0; } .vue-archives-template-1 .vue-archives-quicklinks-header.no-top { padding-top: 0; } .vue-archives-template-1 .vue-archives-quicklinks-list ul { margin: 12px 0 24px 0; padding: 0; list-style: none; display: inline-block; } .vue-archives-template-1 .vue-archives-quicklinks-list ul li { display: inline-block; } .vue-archives-template-1 .vue-archives-quicklinks-list ul li a { padding: 0 12px; height: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; background: #00294c; font-weight: bold; font-size: 14px; line-height: 21px; color: white; border-radius: 15px; margin-top: 12px; margin-right: 12px; transition: .25s; } .vue-archives-template-1 .vue-archives-quicklinks-list ul li a:hover { transition: .25s; background: #001b33; } .vue-archives-template-1 .vue-archives-tabs--list { margin: 0 0 12px 0; list-style: none; padding: 0; display: flex; display: none; } .vue-archives-template-1 .vue-archives-tabs--list li { flex: 0 1 50%; height: 48px; display: flex; } .vue-archives-template-1 .vue-archives-tabs--list li button { flex: 1; display: flex; align-items: center; justify-content: center; border: 1px solid #cdd2d3; background-color: #ebebeb; color: black; font-size: 1rem; font-weight: 400; text-transform: uppercase; transition: .25s; } .vue-archives-template-1 .vue-archives-tabs--list li button:hover { transition: .25s; background: #dedede; } .vue-archives-template-1 .vue-archives-tabs--list li.is-active button { background: #00294c; color: white; border-color: #00294c; } .vue-archives-template-1 .vue-archives-tabs--list li.is-active button:hover { background: #dedede; } @media screen and (max-width: 1200px) { .vue-archives-template-1 .vue-archives-item--image { display: none; } .vue-archives-template-1 .vue-archives-item--content { padding: 0 ; flex: 0 1 100%; } } @media screen and (max-width: 1024px) { .vue-archives-template-1 .vue-archives-pagination { padding-bottom: 0; } .vue-archives-template-1 .vue-archives-trending-list { display: flex; flex-wrap: wrap; } .vue-archives-template-1 .vue-archives-trending-item { flex: 0 1 50%; } .vue-archives-template-1 .vue-archives-ad ads-component > div { margin: 24px auto 0 auto; } .vue-archives-template-1 .vue-archives-content { display: block; } .vue-archives-template-1 .vue-archives-item--image { display: block; } .vue-archives-template-1 .vue-archives-item--content { padding: 0 24px; flex: 0 1 75%; } .vue-archives-template-1 .vue-archives-tabs { margin: 24px 0 0 0; } .vue-archives-template-1 .vue-archives-related { max-width: 100%; margin: 0; flex: 1 1 100%; } } @media screen and (max-width: 767px) { .vue-archives-template-1 .vue-archives-item--image { flex: 0 1 35%; max-width: 35%; } .vue-archives-template-1 .vue-archives-item--content { flex: 0 1 65%; } .vue-archives-template-1 .vue-archives-trending-list { display: flex; flex-wrap: wrap; } .vue-archives-template-1 .vue-archives-trending-item { flex: 0 1 100%; } } @media screen and (max-width: 640px) { .vue-archives-template-1 .vue-archives-pagination .sidearm-pager-button-text { font-size: 0; } .vue-archives-template-1 .vue-archives-pagination .sidearm-pager-button-text:before { font-family: sidearm_font; font-size: 1rem; } .vue-archives-template-1 .vue-archives-pagination .sidearm-pager-button-text.sidearm-pager-button-previous:before { content: '\e857'; } .vue-archives-template-1 .vue-archives-pagination .sidearm-pager-button-text.sidearm-pager-button-next:before { content: '\e858'; } .vue-archives-template-1 .vue-archives-pagination .sidearm-pager-button-text[disabled] { background-color: #f2f2f2; color: #494949; font-style: italic; } .vue-archives-template-1 .vue-archives-item { display: block; } .vue-archives-template-1 .vue-archives-item--image { display: block; flex: 1 1 100%; max-width: 100%; } .vue-archives-template-1 .vue-archives-item--content { padding: 24px 0 0 0; flex: 0 1 100%; } } @media screen and (max-width: 540px) { .vue-archives-template-1 .vue-archives-inputs { width: 100%; display: flex; } .vue-archives-template-1 .vue-archives-inputs > button { width: 100%; } .vue-archives-template-1 .vue-archives-inputs--modal { width: 100%; } .vue-archives-template-1 .vue-archives-header { display: flex; flex-wrap: wrap; margin: 0 ; } .vue-archives-template-1 .vue-archives-input { flex: 0 1 100%; margin: 0 0 24px 0; padding: 0 ; } }