@import url("../../sidearm_v2/sidearm_font_v2.css"); @import url("../../sidearm_v2/sidearm_font_v2.css"); .sidearm-template-tags-content-list { list-style: none; margin: 0 0 1em; padding: 0; } .sidearm-template-tags-content-list li { margin: 0 8px 8px 0; font-size: 80%; } .sidearm-template-tags-content-list li a { text-decoration: none; display: block; padding: 0.5em 0.75em; line-height: 1; text-align: center; border-radius: 1px; color: white; background-color: #00467f; transition: .25s; } .sidearm-template-tags-content-list li a:hover { background-color: #80a3bf; } .sidearm-featured-story .c-story-blocks__block--width-narrow { width: 700px; max-width: 100%; } .sidearm-featured-story .c-story-blocks__block--width-normal { width: 900px; max-width: 100%; } .sidearm-featured-story .c-story-blocks__block--width-wide { width: 100%; max-width: 100%; } .c-story-blocks__block-container { margin: 0 auto 64px; background-size: cover; } .c-story-blocks__block-container.aos-init { opacity: 0; transition: opacity 0.5s ease-in-out; } .c-story-blocks__block-container.aos-animate { opacity: 1; } .c-story-blocks__block-container:last-child { margin-bottom: 0; } .c-story-blocks__block { padding: 0 24px; margin: 0 auto; position: relative; background-size: cover; } .c-story-blocks__basic_text_block { font-size: 1rem; } .c-story-blocks__basic_text_block h1, .c-story-blocks__basic_text_block h2, .c-story-blocks__basic_text_block h3 { line-height: 1.2; } .c-story-blocks__basic_text_block p { margin-bottom: 1.5em; line-height: 1.5; } .c-story-blocks__basic_text_block .text-tiny { font-size: 0.7em; } .c-story-blocks__basic_text_block .text-small { font-size: 0.75em; } .c-story-blocks__basic_text_block .text-normal { font-size: 1em; } .c-story-blocks__basic_text_block .text-big { font-size: 1.4em; } .c-story-blocks__basic_text_block .text-large { font-size: 1.8em; } .c-story-blocks__basic_image_block .c-story-blocks__image-block__parallax { background-size: cover; background-attachment: fixed; background-position: center; margin: 0 -24px; } .c-story-blocks__basic_image_block .c-story-blocks__image-block__caption { padding: 4px 8px; color: #494949; background-color: #f2f2f2; text-align: center; font-style: italic; } .c-story-blocks__basic_image_block .c-story-blocks__image-block--height-short { height: 320px; } .c-story-blocks__basic_image_block .c-story-blocks__image-block--height-medium { height: 560px; } .c-story-blocks__basic_image_block .c-story-blocks__image-block--height-tall { height: 800px; } @media (max-width: 1024px) { .c-story-blocks__basic_image_block .c-story-blocks__image-block__parallax { background-attachment: initial; } } .c-story-blocks__basic_video_block .c-story-blocks__video-block__player-container { background: #00467f url('../../images/logos/site/site.png') no-repeat center center; padding-bottom: 56.25%; overflow: hidden; } .c-story-blocks__basic_video_block .c-story-blocks__video-block__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-story-blocks__basic_video_block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .c-story-blocks__basic_video_block .showcase-play-button { z-index: 2; } .c-story-blocks__basic_video_block .showcase-video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .c-story-blocks__basic_slider_block [class*="c-story-blocks__slider-block__slider--16/9"] .c-story-blocks__slider-block__slide::before { padding-bottom: 56.25%; } .c-story-blocks__basic_slider_block [class*="c-story-blocks__slider-block__slider--4/3"] .c-story-blocks__slider-block__slide::before { padding-bottom: 75%; } .c-story-blocks__basic_slider_block [class*="c-story-blocks__slider-block__slider--1/1"] .c-story-blocks__slider-block__slide::before { padding-bottom: 100%; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-block__slide { position: relative; background-size: cover; background-position: cover; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-block__slide::before { content: ""; display: block; width: 100%; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-block__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-block__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 24px; color: white; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls { border: 1px solid rgba(0, 0, 0, 0.1); border-top: none; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-prev, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-next, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-play-pause { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; display: block; padding: 12px; font-size: 0; border-right: 1px solid rgba(0, 0, 0, 0.1); transition: .25s; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-prev::before, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-next::before, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-play-pause::before { font-family: 'sidearm_font_v2'; font-size: 1rem; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-prev:hover, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-next:hover, .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-play-pause:hover { background-color: #00467f; color: #ffc425; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-prev::before { content: '\e009'; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-next::before { content: '\e010'; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-pause::before { content: '\e200'; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-play::before { content: '\e050'; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-play-pause { order: 1; order: 1; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-dots { order: 2; order: 2; list-style: none; margin: 0 0 0 auto; padding: 0; display: flex !important; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-dots li button { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; border: none; width: 12px; height: 100%; background-color: rgba(0, 0, 0, 0.05); display: block; color: inherit; font-size: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); transition: .25s; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-dots li button:hover { background-color: rgba(0, 0, 0, 0.1); } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-dots li.slick-active button { background: #00467f; color: #ffc425; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote { display: flex; align-items: flex-start; margin: 0; padding-top: 0.5rem; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::before, .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::after { color: #00467f; font-size: 3rem; font-weight: 700; font-family: 'Times New Roman', Times, serif; line-height: 0.5; display: block; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::before { content: '\201C'; margin-right: 24px; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::after { content: '\201D'; margin-left: 24px; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__text { font-size: 2rem; line-height: 1.25; color: #00294c; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__credit { display: block; color: #656565; font-size: 1.125rem; margin-top: 24px; } @media (max-width: 539px) { .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::before, .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::after { font-size: 2rem; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::before { margin-right: 12px; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__quote::after { margin-left: 12px; } .c-story-blocks__basic_quote_block .c-story-blocks__quote-block__text { font-size: 1.5rem; } } .c-story-blocks__structural_accordion_block__list { margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; list-style: none; } .c-story-blocks__structural_accordion_block__list-item:not(:first-child) .c-story-blocks__structural_accordion_block__list-item-toggle { margin-top: 4px; } .c-story-blocks__structural_accordion_block__list-item-toggle { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; background-color: #f2f2f2; border: 1px solid #e5e5e5; width: 100%; text-align: left; padding: 8px 24px; font-size: 1.125rem; transition: .25s; } .c-story-blocks__structural_accordion_block__list-item-toggle.ui-state-active { background-color: #00467f; color: #ffc425; border: 1px solid #002a4c; } .c-story-blocks__structural_accordion_block__list-item-toggle.ui-state-active > i { transform: rotate(180deg); transition: .25s; } .c-story-blocks__structural_accordion_block__list-item-toggle > i { flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; min-width: 1px; min-height: 1px; font-size: 0.875rem; display: inline-block; vertical-align: middle; margin-left: 8px; } .c-story-blocks__structural_accordion_block__list-item-content { font-size: 1rem; } @media (max-width: 539px) { .c-story-blocks__structural_accordion_block__list-item-toggle { font-size: 1rem; } } .c-story-blocks__structural_layout_block.content-align-top { align-items: flex-start; } .c-story-blocks__structural_layout_block.content-align-center { align-items: center; } .c-story-blocks__structural_layout_block.content-align-bottom { align-items: flex-end; } @media (max-width: 1024px) { .c-story-blocks__structural_layout_block.c-story-blocks__block--width-wide .c-story-blocks__layout-block__row.row-of-4 { flex-wrap: wrap; } .c-story-blocks__structural_layout_block.c-story-blocks__block--width-wide .c-story-blocks__layout-block__row.row-of-4 .c-story-blocks__layout-block__item { flex: 0 0 50%; } } .c-story-blocks__structural_layout_block .c-story-blocks__block-container { flex: 1 1 0px; min-width: 1px; min-height: 1px; flex: 1 1 0px; min-width: 1px; min-height: 1px; margin: 0; } .c-story-blocks__structural_layout_block .c-story-blocks__empty-block { flex: 1 1 0px; min-width: 1px; min-height: 1px; flex: 1 1 0px; min-width: 1px; min-height: 1px; } .c-story-blocks__structural_layout_block .c-story-blocks__block { width: 100%; } .c-story-blocks__structural_layout_block__row { width: 100%; } .c-story-blocks__structural_layout_block__item { padding: 8px; flex: 1 1 0px; } @media (max-width: 767px) { .c-story-blocks__structural_layout_block__row { display: block; } } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__tabs-overflow { overflow: hidden; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list { margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; list-style: none; display: inline-flex; min-width: 100%; margin-bottom: 12px; position: relative; white-space: nowrap; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-item { flex: 1 0 auto; min-width: 1px; min-height: 1px; flex: 1 0 auto; min-width: 1px; min-height: 1px; border: 1px solid #e5e5e5; border-right: none; font-size: 1.125rem; position: relative; text-align: center; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-item::after { content: ''; background: #00467f; height: 3px; position: absolute; bottom: -1px; left: 0; width: 100%; transform: scaleY(0); transform-origin: bottom center; transition: .25s; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-item:last-child { border-right: 1px solid #e5e5e5; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-item.ui-state-active::after { transform: scaleY(1); } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-link { color: #00294c; display: block; padding: 12px 24px; text-decoration: none; } .c-story-blocks__basic_button_block .c-story-blocks__button-block__button { display: inline-block; background-color: #00467f; color: #ffc425 !important; padding: 6px 12px; border-radius: 3px; font-size: 1rem; transition: .25s; } .c-story-blocks__basic_button_block .c-story-blocks__button-block__button--small { padding: 4px 12px; font-size: 0.875rem; } .c-story-blocks__basic_button_block .c-story-blocks__button-block__button--large { padding: 12px 24px; font-size: 1.25rem; } .c-story-blocks__basic_button_block .c-story-blocks__button-block__button--wide { width: 100%; } .c-story-blocks__basic_button_block a.c-story-blocks__button-block__button { text-decoration: none; } .c-story-blocks__basic_button_block a.c-story-blocks__button-block__button:hover { background-color: #002a4c; color: white !important; } .c-story-blocks__ticketing_hero_block::before { background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; height: 60%; left: 0; pointer-events: none; position: absolute; width: 100%; } .c-story-blocks__ticketing_hero_block .c-story-blocks__ticketing-hero__title { color: white; font-size: 1.625rem; } .c-story-blocks__ticketing_hero_block .c-story-blocks__ticketing-hero__sub-title { color: white; font-size: 1.25rem; } .c-story-blocks__ticketing_hero_block .c-story-blocks__ticketing-hero__link { display: inline-block; background-color: #00467f; color: #ffc425 !important; padding: 6px 12px; border-radius: 3px; text-decoration: none; transition: .25s; } .c-story-blocks__ticketing_hero_block .c-story-blocks__ticketing-hero__link:hover { background-color: #002a4c; color: white !important; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__date-time { font-size: 0.85em; color: #494949; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__opponent { font-weight: 700; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__link { display: inline-block; background-color: #00467f; color: #ffc425 !important; padding: 6px 12px; margin-top: 8px; border-radius: 3px; text-decoration: none; transition: .25s; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__link:hover { background-color: #002a4c; color: white !important; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-grid { margin: 0 -12px; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-grid-item { width: calc(25% - 24px); margin: 12px; padding: 12px; border: 1px solid #d9d9d9; border-radius: 3px; background: white; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-list-item { margin-bottom: 24px; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-list-details { border-left: 1px solid #00467f; margin-left: 12px; padding-left: 24px; } .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-list-details > div { margin-bottom: 6px; } @media screen and (max-width: 1023px) { .c-story-blocks__ticketing_upcoming_games_block .c-story-blocks__ticketing-upcoming-games__games-grid-item { width: calc(33.3333% - 24px); } } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__inner { text-decoration: none; color: black !important; padding: 24px; transition: .25s; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__inner:hover { color: inherit !important; background-color: #f2f2f2; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__image { width: 25%; min-width: 96px; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__details { flex: 1 1 75%; margin-left: 24px; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__title { font-size: 1.125rem; font-weight: 700; margin-bottom: 6px; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__sub-title { margin-bottom: 6px; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__link { display: inline-block; background-color: #00467f; color: #ffc425 !important; padding: 6px 12px; border-radius: 3px; text-decoration: none; transition: .25s; } .c-story-blocks__ticketing_link_promo_block .c-story-blocks__ticketing-link-promo__link:hover { background-color: #002a4c; color: white !important; } @media screen and (max-width: 539px) { .c-story-blocks .c-story-blocks__ticketing-link-promo__inner { display: block; } .c-story-blocks .c-story-blocks__ticketing-link-promo__image { width: 100%; } .c-story-blocks .c-story-blocks__ticketing-link-promo__details { margin: 24px 0 0; text-align: center; } } @media screen and (max-width: 767px) { .c-story-blocks__block-container { background-image: none !important; } .c-story-blocks__block:not(.c-story-blocks__ticketing_hero_block) { background-image: none !important; } } body.story-template-gallery-modal-is-open { overflow: hidden; } body.story-template-gallery-modal-is-open #edit_stick { z-index: 1; } .sidearm-story-template .sidearm-story-template-header h1 { line-height: 1.2; } .sidearm-story-template .sidearm-story-template-media { position: relative; overflow: hidden; background-color: black; } .sidearm-story-template .sidearm-story-template-image-credit { transform: rotate(90deg) translateY(100%); transform-origin: right bottom; max-width: 56.25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; position: absolute; bottom: 0px; right: 0px; font-weight: bold; padding: 0 8px; font-size: 1rem; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); pointer-events: none; background: black; } .sidearm-story-template .sidearm-story-template-related-section .sidearm-story-template-related-section-header { font-size: 1.2rem; line-height: 1; color: #00294c; margin: 8px 0; padding: 8px 0; } .sidearm-story-template .sidearm-story-template-related-list { list-style: none; margin: 0; padding: 0; } .sidearm-story-template .sidearm-story-template-related-item { padding: 8px 0; } .sidearm-story-template .sidearm-story-template-links-list { list-style: none; margin: 0; padding: 0; } .sidearm-story-template .sidearm-story-template-links-list a { display: block; background-color: #00467f; color: #ffc425; text-decoration: none; text-transform: uppercase; padding: 8px; border-bottom: 1px solid #002a4c; } .sidearm-story-template .sidearm-story-template-links-list a:hover, .sidearm-story-template .sidearm-story-template-links-list a:active { background-color: #002a4c; } .sidearm-story-template .sidearm-story-template-related-photos-list { margin: 0 -8px; display: flex; display: flex; flex-wrap: wrap; flex-wrap: wrap; } .sidearm-story-template .sidearm-story-template-related-photos-list .sidearm-story-template-related-photo { border: none; } .sidearm-story-template .sidearm-story-template-related-photos-list li { width: 50%; padding: 8px; display: flex; display: flex; border: none; } .sidearm-story-template .sidearm-story-template-related-photos-list figure { display: flex; display: flex; flex-direction: column; flex-direction: column; } .sidearm-story-template .sidearm-story-template-related-photos-list figcaption { border: 1px solid #cccccc; padding: 8px; flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; background-color: white; } .sidearm-story-template .sidearm-story-template-related-photos-list a { text-decoration: none; color: #00294c; } .sidearm-story-template .sidearm-story-template-related-photos-list a:hover, .sidearm-story-template .sidearm-story-template-related-photos-list a:active { text-decoration: underline; } .sidearm-story-template .sidearm-story-template-players > h2 { font-size: 1rem; text-transform: uppercase; margin: 0; padding: 8px; border: 1px solid #e5e5e5; border-bottom: none; display: inline-block; color: #656565; } .sidearm-story-template .sidearm-story-template-players > h2:after { content: '\e864'; font-family: sidearm_font; margin-left: 8px; } .sidearm-story-template .sidearm-story-template-players-list { padding: 8px; border: 1px solid #e5e5e5; clear: left; list-style: none; display: flex; display: flex; flex-wrap: wrap; flex-wrap: wrap; } .sidearm-story-template .sidearm-story-template-player { padding: 8px 0; width: 50%; display: flex; display: flex; } .sidearm-story-template .sidearm-story-template-player-image { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; display: none; } .sidearm-story-template .sidearm-story-template-player-details { flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; margin: 0; } .sidearm-story-template .sidearm-story-template-player-details h3 { font-size: 1rem; margin: 0; } .sidearm-story-template .sidearm-story-template-player-details a { text-decoration: none; color: #00294c; } .sidearm-story-template .sidearm-story-template-player-details a:hover, .sidearm-story-template .sidearm-story-template-player-details a:active { text-decoration: underline; } .sidearm-story-template .sidearm-story-template-player-details dd { display: inline; margin: 0; font-size: .9rem; } .sidearm-story-template .sidearm-story-template-player-details dd + dd:before { content: ' / '; } .sidearm-story-template .sidearm-story-template-text { margin-bottom: 16px; } .sidearm-story-template .sidearm-story-template-text a[href="http://get.adobe.com/reader/"] { line-height: .6; display: inline-block; } .sidearm-story-template .sidearm-story-custom-share-links { list-style: none; margin: 0 0 1em; padding: 0; } .sidearm-story-template .sidearm-story-custom-share-links li { margin: 0 8px 8px 0; } .sidearm-story-template .sidearm-story-custom-share-links a { text-decoration: none; display: block; padding: 0.5em 0.75em; line-height: 1; text-align: center; border-radius: 1px; background-color: #00467f; color: white; transition: .25s; } .sidearm-story-template .sidearm-story-custom-share-links a:hover { transition: .25s; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-print { background-color: #004f39; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-print:hover { background-color: #007856; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-facebook { background-color: #3b5998; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-facebook:hover { background-color: #466ab5; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-twitter { background-color: #00aced; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-twitter:hover { background-color: #17bfff; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-email { background-color: #ff9c00; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-email:hover { background-color: #ffac29; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-google { background-color: #dd4b39; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-google:hover { background-color: #e36b5c; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-pinterest { background-color: #bd081c; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-pinterest:hover { background-color: #e40a22; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0; padding: 0; background: rgba(0, 0, 0, 0.6); border: none; width: 40px; height: 40px; border: 4px solid white; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5); border-radius: 50%; color: white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:before { content: '\e861'; font: 20px/1 sidearm_font; color: white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:active { border-color: white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:active:before { color: white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus { outline: none; } .sidearm-story-template .sidearm-story-template-showcase-player iframe { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; } .sidearm-story-template .sidearm-story-template-boilerplate::before { content: ""; display: table; } .sidearm-story-template .sidearm-story-template-boilerplate .html-ad { padding-top: 8px; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; overflow: visible; outline: 0; padding: 0; font-size: 0; border: 0; width: 30px; height: 30px; background-color: transparent; background-image: url('../../assets.sidearmsports.com/images/play-full.png'); background-size: contain; z-index: 100; } .sidearm-story-template .sidearm-story-template-related-video-text:hover { cursor: pointer; } .sidearm-story-template .sidearm-story-template-related-video-text:hover .sidearm-story-template-related-text-headline { text-decoration: underline; } .sidearm-story-template .related-videos-showcase-container .showcase-modal { position: fixed; top: 0; left: -9999px; height: 100%; width: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.5); } .sidearm-story-template .related-videos-showcase-container .showcase-modal.video-is-playing { left: 0; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__inner { padding: 16px; background: white; width: 90%; max-width: 1200px; max-height: 90vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .sidearm-story-template .related-videos-showcase-container .showcase-modal__player-wrapper { flex: 1 1 auto; min-width: 1px; min-height: 1px; flex: 1 1 auto; min-width: 1px; min-height: 1px; overflow: hidden; position: relative; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__player { padding-bottom: 56.25%; overflow: hidden; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__watch { font-size: 16px; color: #00467f; margin-top: 8px; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__title { flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; min-width: 1px; min-height: 1px; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__close { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; background-color: #00467f; color: #ffc425; padding: 8px 12px; position: absolute; bottom: 100%; right: 0; } .sidearm-story-template .related-videos-showcase-container .showcase-modal .showcase-video-player { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sidearm-story-template-gallery-rotator { overflow: hidden; white-space: nowrap; min-height: 3.75rem; background-color: #f2f2f2; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls { width: 100%; background-color: white; border: 1px solid #cccccc; border-left: none; border-right: none; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls button { -webkit-appearance: none; background: none; border: none; border-right: 1px solid #cccccc; font-size: 1rem; width: 3.75rem; height: 3.75rem; text-align: center; line-height: 3.75rem; background-color: white; color: #494949; transition: .25s; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls button:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls .slick-play-pause.slick-play .sf-pause { display: none; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls .slick-play-pause.slick-pause .sf-play { display: none; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-pagination { padding: 0 12px; font-size: 1rem; color: #494949; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-slider { width: 100%; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-slider > .sidearm-story-template-gallery-rotator-item { display: inline-block; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-modal-open { -webkit-appearance: none; background: none; border: none; padding: 0; margin: 0; border-radius: 50%; width: 2.25rem; height: 2.25rem; position: absolute; top: 24px; right: 24px; z-index: 1; transition: .25s; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-modal-open:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item { display: inline-block; padding: 24px; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-sizer { padding-bottom: 36%; overflow: hidden; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-details { margin: 24px -24px -24px; padding: 8px 24px; color: black; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-caption, .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-credit { color: black; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-caption > span, .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-credit > span { color: #494949; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item img { margin: 0 auto; position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-rotator { white-space: nowrap; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-rotator > .sidearm-story-template-gallery-grid-rotator-item { display: inline-block; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-rotator-item:hover .sidearm-story-template-gallery-modal-open { opacity: 1; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-rotator-item .sidearm-story-template-gallery-grid-rotator-item-sizer { padding-bottom: 56.25%; overflow: hidden; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-rotator-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; min-height: 100%; min-width: 100%; max-width: initial; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-modal-open { -webkit-appearance: none; background: black; border: none; color: white; font-size: 1rem; padding: 0; margin: 0; border-radius: 50%; width: 2.25rem; height: 2.25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; transition: .25s; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-modal-open:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-grid .slick-slide > div { font-size: 0; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls { position: absolute; top: 0; right: 0; border: 1px solid #cccccc; z-index: 2; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls button { -webkit-appearance: none; background: none; border: none; border-right: 1px solid #cccccc; font-size: 1rem; width: 3.75rem; height: 3.75rem; text-align: center; line-height: 3.75rem; background-color: white; color: #494949; transition: .25s; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls button:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls button:last-child { border-right: none; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls button.slick-disabled { background-color: #e5e5e5; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls .slick-play-pause.slick-play .sf-pause { display: none; } .sidearm-story-template-gallery-grid .sidearm-story-template-gallery-grid-controls .slick-play-pause.slick-pause .sf-play { display: none; } .sidearm-story-template-gallery-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, 0.85); display: none; } .sidearm-story-template-gallery-modal.is-open { display: flex; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator-container { flex: 1 1 auto; overflow: hidden; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator { width: 100%; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .sidearm-story-template-gallery-modal-rotator-item .sidearm-story-template-gallery-modal-rotator-item-sizer { padding-bottom: 56.25%; overflow: hidden; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .sidearm-story-template-gallery-modal-rotator-item .sidearm-story-template-gallery-modal-rotator-item-sizer img { margin: 0 auto; position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-prev, .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-next { -webkit-appearance: none; background: none; border: none; font-size: 0; width: 3.75rem; height: 3.75rem; text-align: center; line-height: 3.75rem; background-color: rgba(0, 0, 0, 0.36); color: white; position: absolute; top: 50%; transform: translateY(-50%); transition: .25s; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-prev:hover, .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-next:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-prev::before, .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-next::before { font-family: 'sidearm_font_v2'; font-size: 1rem; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-prev { left: 0; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-prev::before { content: '\e009'; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-next { right: 0; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-rotator .slick-next::before { content: '\e010'; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar { flex: 0 0 auto; width: 480px; background-color: white; padding: 48px; overflow: auto; transition: .5s; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-details { flex: 1 1 auto; width: 100%; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-pagination { height: 2.25rem; line-height: 2.25rem; border-radius: 1.125rem; background-color: black; padding: 0 12px; font-size: 0.875rem; color: white; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-close { -webkit-appearance: none; background: black; color: white; border: none; padding: 0; margin: 0; border-radius: 50%; width: 2.25rem; height: 2.25rem; text-align: center; line-height: 2.25rem; font-size: 0.875rem; transition: .25s; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-close:hover { background-color: #00467f; color: #ffc425; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-title { font-size: 2.25rem; font-weight: 700; color: black; line-height: 1.25; margin: 8px 0; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-credit > span { color: #656565; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-full { display: inline-block; text-decoration: none; height: 3rem; line-height: 3rem; border-radius: 1.5rem; background-color: #00467f; padding: 0 12px; font-size: 1rem; color: #ffc425; margin-top: 24px; transition: .25s; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-full:hover { background-color: #003056; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-ad { flex: 0 0 auto; margin-top: auto; text-align: center; width: 100%; } .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-ad .ad, .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar .sidearm-story-template-gallery-modal-sidebar-ad .dfp-ad { margin: 24px auto 0; } .sidearm-story-template-gen-1 .sidearm-story-template-related-item + .sidearm-story-template-related-item, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-item + .sidearm-story-template-related-item, .sidearm-story-template-gen-2 .sidearm-story-template-related-item + .sidearm-story-template-related-item, .sidearm-story-template-gen-3 .sidearm-story-template-related-item + .sidearm-story-template-related-item { border-top: 1px solid #cccccc; } .sidearm-story-template-gen-1 .sidearm-story-template-related-story, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-story, .sidearm-story-template-gen-2 .sidearm-story-template-related-story, .sidearm-story-template-gen-3 .sidearm-story-template-related-story, .sidearm-story-template-gen-1 .sidearm-story-template-related-video, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-video, .sidearm-story-template-gen-2 .sidearm-story-template-related-video, .sidearm-story-template-gen-3 .sidearm-story-template-related-video { display: flex; display: flex; align-items: center; align-items: center; } .sidearm-story-template-gen-1 .sidearm-story-template-related-thumb, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-thumb, .sidearm-story-template-gen-2 .sidearm-story-template-related-thumb, .sidearm-story-template-gen-3 .sidearm-story-template-related-thumb { margin: 0 8px 0 0; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text, .sidearm-story-template-gen-2 .sidearm-story-template-related-text, .sidearm-story-template-gen-3 .sidearm-story-template-related-text { margin: 0 8px; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text p, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text p, .sidearm-story-template-gen-2 .sidearm-story-template-related-text p, .sidearm-story-template-gen-3 .sidearm-story-template-related-text p { margin: 0; color: #00294c; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-3 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline { margin: 8px 0; font-size: 1em; line-height: 1.4; font-weight: normal; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-3 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a { color: #494949; text-decoration: none; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-3 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-1 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-2 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-3 .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active { color: #00294c; text-decoration: underline; } .sidearm-story-template-gen-1 .sidearm-story-template-related-video-thumb, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-video-thumb, .sidearm-story-template-gen-2 .sidearm-story-template-related-video-thumb, .sidearm-story-template-gen-3 .sidearm-story-template-related-video-thumb { position: relative; text-align: center; } .sidearm-story-template-gen-1 .sidearm-story-template-related-video-thumb i, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-video-thumb i, .sidearm-story-template-gen-2 .sidearm-story-template-related-video-thumb i, .sidearm-story-template-gen-3 .sidearm-story-template-related-video-thumb i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #00294c; } .sidearm-story-template-gen-1 .sidearm-story-template-related-section .sidearm-story-template-related-section-header, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-section .sidearm-story-template-related-section-header, .sidearm-story-template-gen-2 .sidearm-story-template-related-section .sidearm-story-template-related-section-header, .sidearm-story-template-gen-3 .sidearm-story-template-related-section .sidearm-story-template-related-section-header { font-size: 1.2rem; line-height: 1; color: #00294c; margin: 8px 0; padding: 8px 0; display: flex; display: flex; align-items: center; align-items: center; } .sidearm-story-template-gen-1 .sidearm-story-template-related-section .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-section .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-2 .sidearm-story-template-related-section .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-3 .sidearm-story-template-related-section .sidearm-story-template-related-section-header:before { font-family: sidearm_font; font-weight: normal; display: inline-block; background-color: #00467f; color: #ffc425; padding: 8px; margin-right: 8px; border-radius: 50%; } .sidearm-story-template-gen-1 .sidearm-story-template-related-stories .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-stories .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-2 .sidearm-story-template-related-stories .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-3 .sidearm-story-template-related-stories .sidearm-story-template-related-section-header:before { content: '\e826'; } .sidearm-story-template-gen-1 .sidearm-story-template-related-videos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-videos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-2 .sidearm-story-template-related-videos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-3 .sidearm-story-template-related-videos .sidearm-story-template-related-section-header:before { content: '\e81d'; } .sidearm-story-template-gen-1 .sidearm-story-template-related-photos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-photos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-2 .sidearm-story-template-related-photos .sidearm-story-template-related-section-header:before, .sidearm-story-template-gen-3 .sidearm-story-template-related-photos .sidearm-story-template-related-section-header:before { content: '\e801'; } .sidearm-story-template-gen-1.has-gallery .sidearm-story-template-header, .sidearm-story-template-gen-1-2.has-gallery .sidearm-story-template-header { margin: 0 0 16px; } .sidearm-story-template-gen-1 .sidearm-story-template-copy, .sidearm-story-template-gen-1-2 .sidearm-story-template-copy { flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-1 .sidearm-story-template-header, .sidearm-story-template-gen-1-2 .sidearm-story-template-header { margin: -100px 0 16px 0; position: relative; } .sidearm-story-template-gen-1 .sidearm-story-template-header div, .sidearm-story-template-gen-1-2 .sidearm-story-template-header div { padding: 8px 16px; background-color: #ffc425; color: #00467f; } .sidearm-story-template-gen-1 .sidearm-story-template-header p > *:not(:first-child):before, .sidearm-story-template-gen-1-2 .sidearm-story-template-header p > *:not(:first-child):before { content: ' | '; } .sidearm-story-template-gen-1 .sidearm-story-template-header h2, .sidearm-story-template-gen-1-2 .sidearm-story-template-header h2 { border: 1px solid #e5e5e5; font-style: italic; margin: 0; padding: 16px; color: #656565; font-size: 1.1rem; } .sidearm-story-template-gen-1 .sidearm-story-template-header.no-photo, .sidearm-story-template-gen-1-2 .sidearm-story-template-header.no-photo { margin-top: 0; } .sidearm-story-template-gen-1 .sidearm-story-template-share, .sidearm-story-template-gen-1-2 .sidearm-story-template-share { margin: 8px 0; } .sidearm-story-template-gen-1 .sidearm-story-template-aside, .sidearm-story-template-gen-1-2 .sidearm-story-template-aside { border-left: 1px solid #e5e5e5; padding-top: 32px; padding-bottom: 8px; } .sidearm-story-template-gen-1 .sidearm-story-template-related-section, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-section { margin: 8px 0; } .sidearm-story-template-gen-1 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-1-2 .sidearm-story-template-sponsors .dfp-ad { width: 300px; margin: 0 auto; } .sidearm-story-template-gen-1 .sidearm-story-template-sponsors .ad, .sidearm-story-template-gen-1-2 .sidearm-story-template-sponsors .ad { text-align: center; } .sidearm-story-template-gen-1 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-1-2 .sidearm-story-template-boilerplate .html-ad { border-top: 1px solid #e5e5e5; margin-top: 8px; } .sidearm-story-template-gen-2 .sidearm-story-template-content { flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; min-width: 1px; min-height: 1px; padding-top: 16px; padding-bottom: 16px; } .sidearm-story-template-gen-2 .sidearm-story-template-header { padding-bottom: 16px; border-bottom: 1px solid #cccccc; margin-bottom: 16px; } .sidearm-story-template-gen-2 .sidearm-story-template-header h2 { background-color: #e5e5e5; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 24px 16px; color: #656565; font-style: italic; font-size: 1rem; } .sidearm-story-template-gen-2 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-2 .sidearm-story-template-aside { background-color: #e5e5e5; border-left: 1px solid #cccccc; padding-top: 16px; padding-bottom: 16px; } .sidearm-story-template-gen-2 .sidearm-story-template-sponsors .dfp-ad { width: 300px; margin: 0 auto; } .sidearm-story-template-gen-2 .sidearm-story-template-boilerplate .html-ad { border-top: 1px solid #cccccc; margin-top: 8px; } .sidearm-story-template-gen-1 .sidearm-story-template-header p > *:not(:first-child):before, .sidearm-story-template-gen-1-2 .sidearm-story-template-header p > *:not(:first-child):before, .sidearm-story-template-gen-2 .sidearm-story-template-header p > *:not(:first-child):before { content: ' | '; } .sidearm-story-template-gen-1 .sidearm-story-template-aside, .sidearm-story-template-gen-1-2 .sidearm-story-template-aside, .sidearm-story-template-gen-2 .sidearm-story-template-aside { flex: 1 0 324px; min-width: 1px; min-height: 1px; flex: 1 0 324px; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-1 .sidearm-story-template-related-thumb, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-thumb, .sidearm-story-template-gen-2 .sidearm-story-template-related-thumb { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-1 .sidearm-story-template-related-text, .sidearm-story-template-gen-1-2 .sidearm-story-template-related-text, .sidearm-story-template-gen-2 .sidearm-story-template-related-text { flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-3 .sidearm-story-template-content { flex: 4 1 656px; min-width: 1px; min-height: 1px; flex: 4 1 656px; min-width: 1px; min-height: 1px; padding-top: 16px; padding-bottom: 16px; } .sidearm-story-template-gen-3 .sidearm-story-template-header h2 { color: #656565; font-style: italic; font-size: 1rem; } .sidearm-story-template-gen-3 .sidearm-story-template-header h3 { font-weight: normal; font-size: .9rem; } .sidearm-story-template-gen-3 .sidearm-story-template-media { margin: 16px 0; } .sidearm-story-template-gen-3 .sidearm-story-template-image-credit { padding: 0 24px; max-width: calc(56.25% + 32px); background: black; } .sidearm-story-template-gen-3 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-3 .sidearm-story-template-aside { flex: 0 0 336px; min-width: 1px; min-height: 1px; flex: 0 0 336px; min-width: 1px; min-height: 1px; order: -1; order: -1; background-color: #e5e5e5; padding-top: 32px; padding-bottom: 32px; } .sidearm-story-template-gen-3 .sidearm-story-template-sponsors .dfp-ad { width: 160px; margin: 0 auto; } .sidearm-story-template-gen-3 .sidearm-story-template-related-section .sidearm-story-template-related-section-header { border-bottom: 1px solid #cccccc; } .sidearm-story-template-gen-3 .sidearm-story-template-related-section .sidearm-story-template-related-section-header:before { display: none; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story { flex-direction: column; flex-direction: column; justify-content: center; justify-content: center; align-items: stretch; align-items: stretch; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story:not(:first-child) .sidearm-story-template-related-story-thumb { display: none; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story-thumb { flex: 1 0 auto; min-width: 1px; min-height: 1px; flex: 1 0 auto; min-width: 1px; min-height: 1px; margin: 0 0 8px 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-text { flex: 2 0 auto; min-width: 1px; min-height: 1px; flex: 2 0 auto; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-3 .sidearm-story-template-related-videos .sidearm-story-template-related-video { flex-direction: column; flex-direction: column; align-items: stretch; align-items: stretch; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-thumb { margin: 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-text { background-color: white; margin: 0; padding: 8px; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-text p { display: none; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-text .sidearm-story-template-related-text-headline { display: block; } .sidearm-story-template-gen-3 .sidearm-story-template-related-photos-list { display: block; margin-left: 0; margin-right: 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-photos-list li { width: auto; padding-left: 0; padding-right: 0; } .sidearm-story-template-gen-3 .sidearm-story-template-boilerplate .html-ad { border-top: 1px solid #cccccc; margin-top: 8px; } .sidearm-story-template-gen-4 .sidearm-story-template-header { padding: 48px; border: 1px solid #e5e5e5; } .sidearm-story-template-gen-4 .sidearm-story-template-header > h1 { color: #00294c; font-size: 2.5rem; margin: 0; } .sidearm-story-template-gen-4 .sidearm-story-template-header > p { margin-bottom: 0; } .sidearm-story-template-gen-4 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-4 .sidearm-story-template-text { border: 1px solid #e5e5e5; border-top: none; padding: 48px; } .sidearm-story-template-gen-4 .sidearm-story-template-sponsors { overflow: hidden; } .sidearm-story-template-gen-4 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-4 .sidearm-story-template-sponsors .ad { margin: 0 auto 24px; } .sidearm-story-template-gen-4 .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls { border: 1px solid #e5e5e5; border-bottom: none; } .sidearm-story-template-gen-4 .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls button { border-color: #e5e5e5; } .sidearm-story-template-gen-5 .sidearm-story-template-sponsors { overflow: hidden; } .sidearm-story-template-gen-5 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-5 .sidearm-story-template-sponsors .ad { margin: 0 auto 24px; } .sidearm-story-template-gen-5 .sidearm-story-template-content { flex: 1 4 840px; min-width: 1px; min-height: 1px; flex: 1 4 840px; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-5 .sidearm-story-template-header { border-bottom: 1px solid #e5e5e5; padding: 8px 0; } .sidearm-story-template-gen-5 .sidearm-story-template-header > h1 { color: #00294c; font-size: 2.5rem; } .sidearm-story-template-gen-5 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-5 .sidearm-story-template-aside { flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; min-width: 1px; min-height: 1px; min-width: 320px; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-thumb { display: none; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-item { border-left: 4px solid #00467f; border-top: none !important; margin-bottom: 24px; padding: 8px 0 8px 8px; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text { display: flex; display: flex; flex-direction: column; flex-direction: column; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text > p { order: 1; order: 1; margin: 0; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text h3, .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline { font-size: 1rem; font-weight: 700; margin: 8px 0 0; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text h3 a, .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline a { color: #00294c; text-decoration: none; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text h3 a:hover, .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline a:hover { text-decoration: underline; } .sidearm-story-template-gen-6 .sidearm-story-template-sponsors { overflow: hidden; } .sidearm-story-template-gen-6 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-6 .sidearm-story-template-sponsors .ad { margin: 0 auto 24px; } .sidearm-story-template-gen-6 .sidearm-story-template-content-inner { flex: 1 3 840px; min-width: 1px; min-height: 1px; flex: 1 3 840px; min-width: 1px; min-height: 1px; margin-right: 24px; } .sidearm-story-template-gen-6 .sidearm-story-template-header { border-bottom: 1px solid #e5e5e5; padding: 24px 0; } .sidearm-story-template-gen-6 .sidearm-story-template-header > h1 { color: #00294c; font-size: 2.5rem; margin-top: 0; } .sidearm-story-template-gen-6 .sidearm-story-template-header .sidearm-story-custom-share-links { margin: 0; } .sidearm-story-template-gen-6 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-6 .sidearm-story-template-aside { flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; min-width: 1px; min-height: 1px; background-color: #f2f2f2; padding: 24px 0; min-width: 320px; } .sidearm-story-template-gen-6 .sidearm-story-template-aside .sidearm-story-template-related-section-header { color: black; margin: 0 0 16px; padding: 0 24px; font-size: 1.25rem; } .sidearm-story-template-gen-6 .sidearm-story-template-related-videos .sidearm-story-template-related-item { padding-left: 16px; padding-right: 16px; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-thumb { display: none; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-item { padding: 24px; border-top: 1px solid #cccccc; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-item:last-child { border-bottom: 1px solid #cccccc; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text { display: flex; display: flex; flex-direction: column; flex-direction: column; margin: 0; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline { font-size: 1.2rem; font-weight: 700; margin: 0; order: -1; order: -1; } .sidearm-story-template-gen-6 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline a { color: #00294c; } .sidearm-story-template-gen-7 .sidearm-story-template-sponsors { overflow: hidden; } .sidearm-story-template-gen-7 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-7 .sidearm-story-template-sponsors .ad { margin: 0 auto 24px; } .sidearm-story-template-gen-7 .sidearm-story-template-content-inner { flex: 1 3 840px; min-width: 1px; min-height: 1px; flex: 1 3 840px; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-7 .sidearm-story-template-header-top { background-color: #00467f; } .sidearm-story-template-gen-7 .sidearm-story-template-header-top > h1 { color: #ffc425; font-size: 2.5rem; margin: 0; font-weight: 700; } .sidearm-story-template-gen-7 .sidearm-story-template-header-top > h2 { color: white; margin: 8px 0 0; } .sidearm-story-template-gen-7 .sidearm-story-template-header-top, .sidearm-story-template-gen-7 .sidearm-story-template-header-bottom { padding: 24px; } .sidearm-story-template-gen-7 .sidearm-story-template-header .sidearm-story-custom-share-links { margin: 0; } .sidearm-story-template-gen-7 .sidearm-story-template-caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 8px; color: white; } .sidearm-story-template-gen-7 .sidearm-story-template-text { padding: 24px; } .sidearm-story-template-gen-7 .sidearm-story-template-aside { flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; min-width: 1px; min-height: 1px; background-color: #f2f2f2; padding: 24px 0; min-width: 320px; } .sidearm-story-template-gen-7 .sidearm-story-template-aside .sidearm-story-template-related-section-header { color: black; margin: 0 0 16px; padding: 0 24px; font-size: 1.75rem; } .sidearm-story-template-gen-7 .sidearm-story-template-related-videos .sidearm-story-template-related-item { padding-left: 16px; padding-right: 16px; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-thumb { display: none; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-item { padding: 24px; border-top: 1px solid #cccccc; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-item:last-child { border-bottom: 1px solid #cccccc; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text { display: flex; display: flex; flex-direction: column; flex-direction: column; margin: 0; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline { font-size: 1.2rem; font-weight: 700; margin-top: 0; order: -1; order: -1; } .sidearm-story-template-gen-7 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text .sidearm-story-template-related-text-headline a { color: #00294c; } .sidearm-story-template-gen-8 .sidearm-story-template-sponsors, .sidearm-story-template-gen-9 .sidearm-story-template-sponsors { overflow: hidden; } .sidearm-story-template-gen-8 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-9 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-gen-8 .sidearm-story-template-sponsors .ad, .sidearm-story-template-gen-9 .sidearm-story-template-sponsors .ad { margin: 0 auto 24px; } .sidearm-story-template-gen-8 .sidearm-story-template-media:before, .sidearm-story-template-gen-9 .sidearm-story-template-media:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; } .sidearm-story-template-gen-8 .sidearm-story-template-header, .sidearm-story-template-gen-9 .sidearm-story-template-header { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 24px 24px; color: white; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); z-index: 1; } .sidearm-story-template-gen-8 .sidearm-story-template-headline, .sidearm-story-template-gen-9 .sidearm-story-template-headline { font-size: 2.5rem; margin-bottom: 0; } .sidearm-story-template-gen-8 .sidearm-story-template-subheadline, .sidearm-story-template-gen-9 .sidearm-story-template-subheadline { font-size: 1.5rem; } .sidearm-story-template-gen-8 .sidearm-story-custom-share-links, .sidearm-story-template-gen-9 .sidearm-story-custom-share-links { background-color: #f2f2f2; padding: 16px 8px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 16px 0; } .sidearm-story-template-gen-8 .sidearm-story-custom-share-label, .sidearm-story-template-gen-9 .sidearm-story-custom-share-label { font-weight: 700; } .sidearm-story-template-gen-9 .sidearm-story-template-related-videos { border-top: 1px solid #cccccc; } .sidearm-story-template-gen-9 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb { margin: 0 8px 0 0; flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; position: relative; text-align: center; } .sidearm-story-template-gen-9 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #00294c; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-section-header { font-size: 1.5rem; font-weight: 700; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-list { display: flex; display: flex; margin: 0 -8px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item { margin: 0 8px; flex: 1 1 25%; min-width: 1px; min-height: 1px; flex: 1 1 25%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-thumb > img { width: 100%; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text { display: flex; display: flex; flex-direction: column; flex-direction: column; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text p { margin: 0; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text a { text-decoration: none; color: #00294c; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text a:hover { text-decoration: underline; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text-headline { order: -1; order: -1; font-size: 1.25rem; padding: 16px 0; } .sidearm-story-template-gen-9 .sidearm-story-template-boilerplate .html-ad.html-ad { border-top-color: #cccccc; padding-bottom: 16px; } .sidearm-story-template-gen-4 .sidearm-story-template-links, .sidearm-story-template-gen-5 .sidearm-story-template-links, .sidearm-story-template-gen-6 .sidearm-story-template-links, .sidearm-story-template-gen-7 .sidearm-story-template-links, .sidearm-story-template-gen-8 .sidearm-story-template-links, .sidearm-story-template-gen-9 .sidearm-story-template-links { float: right; width: 50%; max-width: 400px; line-height: 1.25; } .sidearm-story-template-gen-4 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-5 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-6 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-7 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-8 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-9 .sidearm-story-template-links .sidearm-story-template-links-list { margin: 0 0 8px 16px; } .sidearm-story-template-gen-4 .sidearm-story-template-text, .sidearm-story-template-gen-5 .sidearm-story-template-text, .sidearm-story-template-gen-6 .sidearm-story-template-text, .sidearm-story-template-gen-7 .sidearm-story-template-text, .sidearm-story-template-gen-8 .sidearm-story-template-text, .sidearm-story-template-gen-9 .sidearm-story-template-text { line-height: 1.875; } .sidearm-story-template-gen-4 .print-friendly-story-button, .sidearm-story-template-gen-5 .print-friendly-story-button, .sidearm-story-template-gen-6 .print-friendly-story-button, .sidearm-story-template-gen-7 .print-friendly-story-button, .sidearm-story-template-gen-8 .print-friendly-story-button, .sidearm-story-template-gen-9 .print-friendly-story-button { display: none; } .sidearm-story-template-gen-4 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-5 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-6 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-7 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-8 .sidearm-story-template-boilerplate .html-ad, .sidearm-story-template-gen-9 .sidearm-story-template-boilerplate .html-ad { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e5e5e5; } .sidearm-story-template-gen-2 .sidearm-story-template-header h1, .sidearm-story-template-gen-3 .sidearm-story-template-header h1 { color: #00294c; } .sidearm-story-template-gen-2 .sidearm-story-template-links, .sidearm-story-template-gen-3 .sidearm-story-template-links { float: right; width: 50%; } .sidearm-story-template-gen-2 .sidearm-story-template-links .sidearm-story-template-links-list, .sidearm-story-template-gen-3 .sidearm-story-template-links .sidearm-story-template-links-list { margin: 0 0 8px 8px; } .sidearm-story-template-post-1 .sidearm-story-template-related-video, .sidearm-story-template-gen-5 .sidearm-story-template-related-video, .sidearm-story-template-gen-6 .sidearm-story-template-related-video, .sidearm-story-template-gen-7 .sidearm-story-template-related-video { display: flex; display: flex; align-items: center; align-items: center; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-thumb, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-thumb, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-thumb, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-thumb { margin: 0 8px 0 0; flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; position: relative; text-align: center; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-thumb i, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-thumb i, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-thumb i, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-thumb i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #00294c; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text { margin: 0 8px; flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; padding-left: 0; padding-right: 0; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text p, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text p, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text p, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text p { margin: 0; color: #00294c; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline { margin: 8px 0; font-size: 1em; line-height: 1.4; font-weight: normal; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a { color: #494949; text-decoration: none; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:hover, .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-5 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-6 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active, .sidearm-story-template-gen-7 .sidearm-story-template-related-video .sidearm-story-template-related-text .sidearm-story-template-related-text-headline a:active { color: #00294c; text-decoration: underline; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos, .sidearm-story-template-post-2 .sidearm-story-template-related-videos { border-top: 1px solid #e5e5e5; margin: 16px 0; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item { background: none; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-list, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-list { display: flex; display: flex; margin: 0 -8px; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item { margin: 0 8px; flex: 1 1 25%; min-width: 1px; min-height: 1px; flex: 1 1 25%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb > img, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb > img { width: 100%; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text { display: flex; display: flex; flex-direction: column; flex-direction: column; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text p, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text p { margin: 0; padding: 0; font-size: 1rem; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text a, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text a { text-decoration: none; color: #00294c; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text a:hover, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text a:hover { text-decoration: underline; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text-headline, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text-headline { order: -1; order: -1; font-size: 1.25rem; padding: 16px 0; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb { margin: 0 8px 0 0; flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; position: relative; text-align: center; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb i, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #00294c; } .sidearm-story-template-post.sidearm-story-has-gallery .sidearm-story-template-game-links { position: static; justify-content: flex-end; background-color: #e5e5e5; } .sidearm-story-template-post .sidearm-story-template-header { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #cccccc; } .sidearm-story-template-post .sidearm-story-template-header h1 { color: #00294c; } .sidearm-story-template-post .sidearm-story-template-header h2 { font-style: italic; font-size: 1.1rem; color: #494949; } .sidearm-story-template-post .sidearm-story-template-caption { width: 100%; background-color: #e5e5e5; padding: 0 16px; text-align: center; font-style: italic; } .sidearm-story-template-post .sidearm-story-template-linescore { padding: 16px; margin-bottom: 16px; background-color: #e5e5e5; } .sidearm-story-template-post .sidearm-story-template-linescore .sidearm-story-template-game-links { margin: -16px -16px 16px; } .sidearm-story-template-post .sidearm-story-template-linescore thead { background-color: #00467f; } .sidearm-story-template-post .sidearm-story-template-linescore thead th { color: #ffc425; } .sidearm-story-template-post .sidearm-story-template-image-credit { max-width: calc(56.25% - 50px); bottom: 50px; background: black; } .sidearm-story-template-post .sidearm-story-template-tabs > ul { list-style: none; margin: 0 0 8px 0; padding: 0; display: flex; display: flex; border-bottom: 1px solid #cccccc; } .sidearm-story-template-post .sidearm-story-template-tabs > ul > li { padding: 8px; background-color: #cccccc; } .sidearm-story-template-post .sidearm-story-template-tabs > ul > li.ui-state-active { background-color: #00467f; } .sidearm-story-template-post .sidearm-story-template-tabs > ul > li.ui-state-active a { color: #ffc425; } .sidearm-story-template-post .sidearm-story-template-tabs > ul > li a { color: #494949; text-decoration: none; font-weight: bold; } .sidearm-story-template-post .sidearm-story-template-media-image { position: relative; background-color: black; } .sidearm-story-template-post .sidearm-story-template-game-links { position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; list-style: none; display: flex; } .sidearm-story-template-post .sidearm-story-template-game-links li { padding: 8px; background-color: #00467f; } .sidearm-story-template-post .sidearm-story-template-game-links li:hover, .sidearm-story-template-post .sidearm-story-template-game-links li:active { background-color: #002a4c; } .sidearm-story-template-post .sidearm-story-template-game-links a { color: #ffc425; text-decoration: none; text-transform: uppercase; font-weight: bold; } .sidearm-story-template-post .sidearm-story-template-scoring { margin-bottom: 16px; } .sidearm-story-template-post .sidearm-story-template-scoring-line { display: flex; display: flex; margin: 0 -4px; } .sidearm-story-template-post .sidearm-story-template-scoring-line-item { margin: 4px; padding: 8px; } .sidearm-story-template-post .sidearm-story-template-scoring-line-logo { background-color: white; display: flex; display: flex; align-items: center; align-items: center; justify-content: center; justify-content: center; flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; min-width: 1px; min-height: 1px; } .sidearm-story-template-post .sidearm-story-template-scoring-line-score { background-color: #f2f2f2; font-weight: bold; font-size: 1.5rem; min-width: 50px !important; display: flex; display: flex; align-items: center; align-items: center; justify-content: center; justify-content: center; flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; min-width: 1px; min-height: 1px; } .sidearm-story-template-post .sidearm-story-template-scoring-line-name { align-self: center; } .sidearm-story-template-post .sidearm-story-template-scoring-line-name > span:first-child { font-weight: bold; font-size: 1.25rem; line-height: 1; margin-right: 8px; } .sidearm-story-template-post .sidearm-story-template-scoring-line-name.sidearm-story-template-scoring-line-winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 4px; } .sidearm-story-template-post .sidearm-story-template-next-game-details { display: flex; display: flex; align-items: center; align-items: center; padding: 8px; background-color: #ffc425; color: #00467f; } .sidearm-story-template-post .sidearm-story-template-next-game-logo { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; margin: 8px; } .sidearm-story-template-post .sidearm-story-template-next-game-opponent { flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; margin: 8px; } .sidearm-story-template-post .sidearm-story-template-next-game-opponent p { margin: 0; } .sidearm-story-template-post .sidearm-story-template-next-game-opponent p:first-child { font-weight: bold; } .sidearm-story-template-post .sidearm-story-template-next-game-links { background-color: #ffc425; color: #00467f; } .sidearm-story-template-post .sidearm-story-template-next-game-links ul { list-style: none; margin: 0; padding: 0; } .sidearm-story-template-post .sidearm-story-template-next-game-links li { padding: 8px; background-color: #f1b000; border-bottom: 1px solid #ffc425; } .sidearm-story-template-post .sidearm-story-template-next-game-links li:hover, .sidearm-story-template-post .sidearm-story-template-next-game-links li:active { background-color: #00467f; color: #ffc425; } .sidearm-story-template-post .sidearm-story-template-next-game-links li:hover > a, .sidearm-story-template-post .sidearm-story-template-next-game-links li:active > a { color: #ffc425; } .sidearm-story-template-post .sidearm-story-template-next-game-links a { text-decoration: none; text-transform: uppercase; color: #00467f; display: block; } .sidearm-story-template-post .sidearm-story-template-related-item { background-color: white; padding: 0; margin: 8px 0; } .sidearm-story-template-post .sidearm-story-template-related-item > h2 { background-color: #00467f; color: #ffc425; margin: 0; padding: 8px; font-size: 1rem; } .sidearm-story-template-post .sidearm-story-template-related-item > div { padding: 8px; } .sidearm-story-template-post .sidearm-story-template-related-item .sidearm-table + .sidearm-table { margin-top: 8px; } .sidearm-story-template-post .sidearm-story-template-stats-chooser { padding: 8px; border-bottom: 1px solid #cccccc; } .sidearm-story-template-post .sidearm-story-template-stats-chooser select { width: 100%; } .sidearm-story-template-post .sidearm-story-template-stats-leader { display: flex; display: flex; padding: 8px; } .sidearm-story-template-post .sidearm-story-template-stats-leader:nth-child(even) { background-color: #f2f2f2; } .sidearm-story-template-post .sidearm-story-template-stats-leader-image { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; margin-right: 8px; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details { flex: 3; min-width: 1px; min-height: 1px; flex: 3; min-width: 1px; min-height: 1px; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details h3 { margin: 0; font-size: 1rem; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details h3 a { text-decoration: none; color: #00294c; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details ul { margin: 0; padding: 0; list-style: none; display: flex; display: flex; flex-wrap: wrap; flex-wrap: wrap; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details li { width: 50%; box-shadow: 0 1px 0 0 #cccccc, 0 1px 0 0 #cccccc inset, 1px 0 0 0 #cccccc, 1px 0 0 0 #cccccc inset; padding: 0 8px; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details dl { margin: 0; padding: 0; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details dt, .sidearm-story-template-post .sidearm-story-template-stats-leader-details dd { display: inline; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details dt { color: #00294c; text-transform: uppercase; color: #00294c; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details dd { margin: 0; } .sidearm-story-template-post .sidearm-story-template-team-stats dl { margin: 0; } .sidearm-story-template-post .sidearm-story-template-team-stats dt { text-transform: uppercase; font-weight: bold; display: block; } .sidearm-story-template-post .sidearm-story-template-team-stats dd { margin: 4px 0; } .sidearm-story-template-post .sidearm-story-template-team-stats dd + dt { margin-top: 8px; padding-top: 8px; border-top: 1px solid #cccccc; } .sidearm-story-template-post .sidearm-story-template-team-stats h3 { margin: 8px 0; background-color: #e5e5e5; padding: 8px; display: flex; display: flex; align-items: center; align-items: center; } .sidearm-story-template-post .sidearm-story-template-team-stats h3 img { margin-right: 4px; } .sidearm-story-template-post .sidearm-story-template-team-stats th.winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 5px; } .sidearm-story-template-post .sidearm-story-template-players-side > h2 { float: none; text-transform: none; } .sidearm-story-template-post .sidearm-story-template-players-side > h2:after { content: ''; } .sidearm-story-template-post .sidearm-story-template-players-side .sidearm-story-template-player { width: 100%; } .sidearm-story-template-post-1 .sidearm-story-template-content { flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; min-width: 1px; min-height: 1px; } .sidearm-story-template-post-1 .sidearm-story-template-text { *zoom: 1; *zoom: 1; } .sidearm-story-template-post-1 .sidearm-story-template-text:before, .sidearm-story-template-post-1 .sidearm-story-template-text:after { content: ""; display: table; } .sidearm-story-template-post-1 .sidearm-story-template-text:after { clear: both; } .sidearm-story-template-post-1 .sidearm-story-template-text:before, .sidearm-story-template-post-1 .sidearm-story-template-text:after { content: ""; display: table; } .sidearm-story-template-post-1 .sidearm-story-template-text:after { clear: both; } .sidearm-story-template-post-1 .sidearm-story-template-text-aside { float: right; width: 50%; } .sidearm-story-template-post-1 .sidearm-story-template-next-game-details, .sidearm-story-template-post-1 .sidearm-story-template-next-game-links, .sidearm-story-template-post-1 .sidearm-story-template-links { margin-left: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-links { margin-bottom: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-links + .sidearm-story-template-next-game > div:first-child { margin-top: -8px; } .sidearm-story-template-post-1 .sidearm-story-template-next-game > div:last-child { margin-bottom: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-aside { flex: 1 0 324px; min-width: 1px; min-height: 1px; flex: 1 0 324px; min-width: 1px; min-height: 1px; background-color: #e5e5e5; padding-top: 16px; padding-bottom: 16px; } .sidearm-story-template-post-1 .sidearm-story-template-aside .sidearm-story-template-next-game-details, .sidearm-story-template-post-1 .sidearm-story-template-aside .sidearm-story-template-next-game-links { margin: 0; } .sidearm-story-template-post-1 .sidearm-story-template-sponsors { background: none; } .sidearm-story-template-post-1 .sidearm-story-template-sponsors .dfp-ad { width: 300px; margin: 0 auto; } .sidearm-story-template-post-2 { padding: 8px; } .sidearm-story-template-post-2 .sidearm-story-template-linescore { display: flex; display: flex; padding: 0; background: none; } .sidearm-story-template-post-2 .sidearm-story-template-media-scoring { flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; padding: 16px; background-color: #e5e5e5; } .sidearm-story-template-post-2 .sidearm-story-template-next-game { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; } .sidearm-story-template-post-2 .sidearm-story-template-copy { *zoom: 1; *zoom: 1; } .sidearm-story-template-post-2 .sidearm-story-template-copy:before, .sidearm-story-template-post-2 .sidearm-story-template-copy:after { content: ""; display: table; } .sidearm-story-template-post-2 .sidearm-story-template-copy:after { clear: both; } .sidearm-story-template-post-2 .sidearm-story-template-copy:before, .sidearm-story-template-post-2 .sidearm-story-template-copy:after { content: ""; display: table; } .sidearm-story-template-post-2 .sidearm-story-template-copy:after { clear: both; } .sidearm-story-template-post-2 .sidearm-story-template-copy-aside { width: 300px; float: left; margin: 0 8px 8px 0; } .sidearm-story-template-post-2 .sidearm-story-template-related-item { background-color: #e5e5e5; } .sidearm-story-template-post-2 .sidearm-story-template-sponsors { background: none; padding: 0; } .sidearm-story-template-post-2 .sidearm-story-template-sponsors .dfp-ad { width: 300px; margin: 0 auto; } html.sidearm-featured-story body { padding-top: 60px; background-color: white; } html.sidearm-featured-story .sidearm-featured-story-header { background-color: #00467f; height: 60px; position: fixed; top: 0; left: 0; width: 100%; z-index: 200; padding-left: 24px; padding-right: 24px; } html.sidearm-featured-story .sidearm-featured-story-header .row { height: 100%; } html.sidearm-featured-story .sidearm-featured-story-header__logo { display: inline-block; height: 100%; padding: 8px 0; } html.sidearm-featured-story .sidearm-featured-story-header__logo img { max-height: 100%; } html.sidearm-featured-story .sidearm-featured-story-header a { text-decoration: none; color: #ffc425; transition: .3s; } html.sidearm-featured-story .sidearm-featured-story-header a:hover { color: #ffc425; text-decoration: underline; } .sidearm-story-template-featured .sidearm-story-template-media-picture picture { max-width: 2800px; margin: 0 auto; } .sidearm-story-template-featured .sidearm-story-template-media-picture picture img { width: 100%; } .sidearm-story-template-featured-1 .sidearm-story-template-header { width: 900px; max-width: 100%; padding: 24px 24px; margin: 0 auto 48px; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template-featured-1 .sidearm-story-template-header h1 { color: #00294c; font-size: 2.25rem; font-weight: 700; line-height: 1; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section { max-width: 100%; width: 900px; padding: 0 24px; margin: 64px auto; position: relative; opacity: 0; transition: opacity 0.5s ease-in-out; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section.aos-animate { opacity: 1; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section::before { content: ""; display: block; height: 1px; width: 100%; background-color: #e5e5e5; margin-bottom: 24px; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-section-header { font-size: 1.5rem; font-weight: 700; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-list { display: flex; flex-wrap: wrap; margin: -12px; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-item { padding: 12px; flex: 0 0 50%; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-thumb > img { width: 100%; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text { display: flex; flex-direction: column; padding-top: 12px; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text p { margin: 0; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text time { color: #656565; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text a { text-decoration: none; color: #00294c; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text a:hover { text-decoration: underline; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-text-headline { font-size: 1.25rem; } .mten .sidearm-story-template-team-stats .sidearm-table, .wten .sidearm-story-template-team-stats .sidearm-table { margin-bottom: 20px; } .mten .sidearm-story-template-team-stats .sidearm-table caption, .wten .sidearm-story-template-team-stats .sidearm-table caption { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top; text-align: left; background-color: #e5e5e5; padding: 4px 8px; font-weight: bold; font-style: italic; } @media screen and (max-width: 1600px) { .sidearm-story-template-gallery-modal .sidearm-story-template-gallery-modal-sidebar { flex: 0 0 auto; width: 360px; padding: 24px; } } @media screen and (max-width: 1024px) { .sidearm-story-template-gallery-modal, .sidearm-story-template-gallery-modal-open { display: none !important; } } @media screen and (max-width: 1023px) { .sidearm-story-template-gen-1 .sidearm-story-template-header { margin: 0; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item { flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item:nth-child(n+4) { display: none; } .sidearm-story-template-featured .c-story-blocks > .c-story-blocks__block-container { padding-left: 24px; padding-right: 24px; } } @media screen and (max-width: 767px) { .sidearm-story-template .sidearm-story-template-related-photos-list { display: block; margin: 0; } .sidearm-story-template .sidearm-story-template-related-photos-list .sidearm-story-template-related-photo + .sidearm-story-template-related-photo { border-top: 1px solid #cccccc; } .sidearm-story-template .sidearm-story-template-related-photos-list li { width: auto; display: block; padding: 8px 0; } .sidearm-story-template .sidearm-story-template-related-photos-list li + li { border-top: 1px solid #cccccc; } .sidearm-story-template .sidearm-story-template-related-photos-list figure { flex-direction: row; flex-direction: row; align-items: center; align-items: center; } .sidearm-story-template .sidearm-story-template-related-photos-list img { width: calc(33.3333% - 8px); margin-right: 8px; } .sidearm-story-template .sidearm-story-template-related-photos-list figcaption { border: none; background: none; } .sidearm-story-template .sidearm-story-template-related-photos-list a { text-decoration: none; color: #00294c; } .sidearm-story-template .sidearm-story-template-related-photos-list a:hover, .sidearm-story-template .sidearm-story-template-related-photos-list a:active { text-decoration: underline; } .sidearm-story-template-gen-1 .sidearm-story-template-aside { border: none; } .sidearm-story-template-gen-1 .sidearm-story-template-links { float: right; width: 50%; } .sidearm-story-template-gen-1 .sidearm-story-template-links .sidearm-story-template-links-list { margin: 0 0 8px 8px; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story { flex-direction: row; flex-direction: row; justify-content: flex-start; justify-content: flex-start; align-items: center; align-items: center; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story:not(:first-child) .sidearm-story-template-related-story-thumb { display: block; } .sidearm-story-template-gen-3 .sidearm-story-template-related-story-thumb { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; margin: 0 8px 0 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-text { flex: 2; min-width: 1px; min-height: 1px; flex: 2; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-3 .sidearm-story-template-related-videos .sidearm-story-template-related-video { flex-direction: row; flex-direction: row; align-items: center; align-items: center; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-thumb { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; margin: 0 8px 0 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-text { background: none; margin: 8px; padding: 0; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-text p { display: block; } .sidearm-story-template-gen-4 .sidearm-story-template-header, .sidearm-story-template-gen-4 .sidearm-story-template-text { padding: 24px; } .sidearm-story-template-gen-5 .sidearm-story-template-aside { border-top: 1px solid #e5e5e5; padding-top: 24px; margin-top: 16px; } .sidearm-story-template-gen-8 .sidearm-story-template-media::before, .sidearm-story-template-gen-9 .sidearm-story-template-media::before { display: none; } .sidearm-story-template-gen-8 .sidearm-story-template-header, .sidearm-story-template-gen-9 .sidearm-story-template-header { position: static; background-color: #00467f; color: #ffc425; text-shadow: none; padding: 0; margin: 0; padding: 16px 16px; } .sidearm-story-template-gen-8 .sidearm-story-template-headline, .sidearm-story-template-gen-9 .sidearm-story-template-headline { margin-top: 0; } .sidearm-story-template-post-2 .sidearm-story-template-media-scoring { margin-top: 0; } .sidearm-story-template-post-2 .sidearm-story-template-copy { display: flex; display: flex; flex-direction: column; flex-direction: column; } .sidearm-story-template-post-2 .sidearm-story-template-copy-aside { float: none; width: auto; margin: 8px 0; order: 2; order: 2; } .sidearm-story-template-post-2 .sidearm-story-template-next-game { display: flex; display: flex; } .sidearm-story-template-post-2 .sidearm-story-template-next-game-details, .sidearm-story-template-post-2 .sidearm-story-template-next-game-links { flex: 1; min-width: 1px; min-height: 1px; flex: 1; min-width: 1px; min-height: 1px; } .sidearm-story-template-post-2 .sidearm-story-template-links { float: right; width: 50%; } .sidearm-story-template-post-2 .sidearm-story-template-links .sidearm-story-template-links-list { margin: 0 0 8px 8px; } .sidearm-story-template-players-full .sidearm-story-template-player { width: 100%; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item, .sidearm-story-template-gen-9 .sidearm-story-template-related-videos .sidearm-story-template-related-item, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item { flex: 1 1 50%; min-width: 1px; min-height: 1px; flex: 1 1 50%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item:nth-child(n+3), .sidearm-story-template-gen-9 .sidearm-story-template-related-videos .sidearm-story-template-related-item:nth-child(n+3), .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item:nth-child(n+3) { display: none; } } @media screen and (max-width: 539px) { .sidearm-story-template .sidearm-story-template-media { background-color: #00467f; } .sidearm-story-template .sidearm-story-template-image-credit { font-size: 0.75rem; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-controls button { width: 2.75rem; height: 2.75rem; line-height: 2.75rem; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item { padding: 12px; } .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-details { margin: 12px -12px -12px; } .sidearm-story-template-gen .sidearm-story-template-links { float: none; width: auto; margin: 0; max-width: none; } .sidearm-story-template-gen .sidearm-story-template-links .sidearm-story-template-links-list { margin-left: 0; margin-right: 0; } .sidearm-story-template-gen-4 .sidearm-story-template-header { padding: 16px; } .sidearm-story-template-gen-4 .sidearm-story-template-text { padding: 16px; } .sidearm-story-template-gen-5 .sidearm-story-template-header h1, .sidearm-story-template-gen-6 .sidearm-story-template-header h1 { font-size: 1.5rem; } .sidearm-story-template-gen-5 .sidearm-story-template-header h2, .sidearm-story-template-gen-6 .sidearm-story-template-header h2 { font-size: 1rem; } .sidearm-story-template-gen-6 .sidearm-story-template-aside > h3 { font-size: 1.5rem; } .sidearm-story-template-gen-7 .sidearm-story-template-header-top > h1 { font-size: 2rem; } .sidearm-story-template-gen-7 .sidearm-story-template-header-bottom { padding: 0px; } .sidearm-story-template-gen-7 .sidearm-story-template-text { padding: 0px; } .sidearm-story-template-gen-8 .sidearm-story-template-headline, .sidearm-story-template-gen-9 .sidearm-story-template-headline { font-size: 1.5rem; } .sidearm-story-template-gen-8 .sidearm-story-template-subheadline, .sidearm-story-template-gen-9 .sidearm-story-template-subheadline { font-size: 1.25rem; } .sidearm-story-template-gen-8 .sidearm-story-template-date, .sidearm-story-template-gen-9 .sidearm-story-template-date { padding: 5px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom: -1px; padding-bottom: 16px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-list { display: block; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item { flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item:nth-child(n+3) { display: block; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-text-headline { font-size: 1rem; padding: 0; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-thumb { display: none; } .sidearm-story-template-post .sidearm-story-template-scoring-line-name { align-self: center; } .sidearm-story-template-post .sidearm-story-template-scoring-line-name > span + span { display: none; } .sidearm-story-template-post .sidearm-story-template-text-aside { float: none; width: auto; margin: 8px 0; } .sidearm-story-template-post-2 .sidearm-story-template-links { float: none; width: auto; } .sidearm-story-template-post-2 .sidearm-story-template-links .sidearm-story-template-links-list { margin: 8px 0; } .sidearm-story-template-post-2 .sidearm-story-template-next-game { display: block; } .sidearm-story-template-featured-1 .sidearm-story-template-related-section .sidearm-story-template-related-list { display: block; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-list, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-list { display: block; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item { flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-item:nth-child(n+3), .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-item:nth-child(n+3) { display: block; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-text-headline, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-text-headline { font-size: 1rem; padding: 0; } .sidearm-story-template-gen-4 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb, .sidearm-story-template-post-2 .sidearm-story-template-related-videos .sidearm-story-template-related-thumb { display: none; } } @media screen and (max-width: 399px) { .sidearm-story-template .sidearm-story-custom-share-links a { padding: 0.35em 0.5em; } .sidearm-story-template-gen-4 .sidearm-story-custom-share-links, .sidearm-story-template-gen-5 .sidearm-story-custom-share-links, .sidearm-story-template-gen-6 .sidearm-story-custom-share-links { justify-content: center; justify-content: center; } .sidearm-story-template-gen-4 .sidearm-story-custom-share-links li, .sidearm-story-template-gen-5 .sidearm-story-custom-share-links li, .sidearm-story-template-gen-6 .sidearm-story-custom-share-links li { margin: 0 4px; flex: 1 1 auto; min-width: 1px; min-height: 1px; flex: 1 1 auto; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-4 .sidearm-story-custom-share-links a, .sidearm-story-template-gen-5 .sidearm-story-custom-share-links a, .sidearm-story-template-gen-6 .sidearm-story-custom-share-links a { padding: 0.5em 0; } .sidearm-story-template-gen-6 .sidearm-story-template-content .sidearm-story-template-aside { padding: 8px; } .sidearm-story-template-gen-6 .sidearm-story-template-content .sidearm-story-template-aside > h3 { padding: 8px; } .sidearm-story-template-gen-6 .sidearm-story-template-related-item { padding: 8px; } .sidearm-story-template-gen-5 .sidearm-story-template-aside, .sidearm-story-template-gen-6 .sidearm-story-template-aside { min-width: initial; } } @media screen and (orientation: portrait) { .sidearm-story-template-gallery-rotator .sidearm-story-template-gallery-rotator-item .sidearm-story-template-gallery-rotator-item-sizer { padding-bottom: 75%; } }