.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__block.content-align-top { align-items: flex-start; } .c-story-blocks__block.content-align-center { align-items: center; } .c-story-blocks__block.content-align-bottom { align-items: flex-end; } .c-story-blocks__basic_text_block { font-size: 1rem; } .c-story-blocks__basic_text_block > div { width: 100%; *zoom: 1; *zoom: 1; } .c-story-blocks__basic_text_block > div:before, .c-story-blocks__basic_text_block > div:after { content: ""; display: table; } .c-story-blocks__basic_text_block > div:after { clear: both; } .c-story-blocks__basic_text_block > div:before, .c-story-blocks__basic_text_block > div:after { content: ""; display: table; } .c-story-blocks__basic_text_block > div:after { clear: both; } .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.6125rem; } .c-story-blocks__basic_text_block .text-small { font-size: 0.6563rem; } .c-story-blocks__basic_text_block .text-normal { font-size: 0.875rem; } .c-story-blocks__basic_text_block .text-big { font-size: 1.225rem; } .c-story-blocks__basic_text_block .text-large { font-size: 1.575em; } .c-story-blocks__basic_text_block .text-huge { font-size: 2.3625rem; } .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__advanced_form_block__iframe { display: block; width: 100%; height: 0px; overflow: hidden; } .c-story-blocks__advanced_iframe_block__iframe-container { position: relative; } .c-story-blocks__advanced_iframe_block__iframe-container.is-responsive { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; } .c-story-blocks__advanced_iframe_block__iframe-container.is-responsive::before { content: ""; display: block; width: 0px; padding-bottom: 56.25%; } .c-story-blocks__advanced_iframe_block__iframe { width: 100%; display: block; } .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; -webkit-order: 1; order: 1; -webkit-order: 1; } .c-story-blocks__basic_slider_block .c-story-blocks__slider-controls .slick-dots { order: 2; -webkit-order: 2; order: 2; -webkit-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__media_image_wall_block__item { position: relative; background-color: #f2f2f2; overflow: hidden; } .c-story-blocks__media_image_wall_block__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-story-blocks__realtime_countdown_block__countdown { border: 1px solid #f2f2f2; border-bottom: 6px solid #00467f; margin-bottom: 24px; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__titles { border-bottom: 1px solid #f2f2f2; padding: 24px; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__title { color: #494949; font-size: 1.25rem; font-weight: 700; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__subtitle { color: #656565; font-size: 1rem; font-weight: 600; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__image-container { height: 100%; position: relative; flex: 0 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: center; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__image-container::after { content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background-image: repeating-linear-gradient(to bottom, #00467f 0px, #00467f 6px, transparent 6px, transparent 12px); background-size: 2px 12px; background-repeat: space space; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__image-container img { flex: 0 0 auto; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__details { padding-left: 24px; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__game-date { color: #656565; font-size: .875rem; text-transform: uppercase; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__spacer { flex: 1 1 auto; border-bottom: 1px solid #f2f2f2; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer { border-bottom: 1px solid #f2f2f2; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer-item { flex: 1 1 auto; width: 25%; border-right: 1px solid #f2f2f2; padding: 24px; font-size: .875rem; color: #656565; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer-item:first-child { border-left: 1px solid #f2f2f2; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer-item abbr { border-bottom: none; text-decoration: none; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer-amount { font-size: 1.25rem; font-weight: 700; line-height: 1.2; color: #494949; } @media (max-width: 900px) { .c-story-blocks__realtime_countdown_block__countdown { display: block; } .c-story-blocks__realtime_countdown_block__countdown:not(.showing-logo) { text-align: center; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__titles { flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; padding: 24px; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__image-container { padding: 0; width: 25%; display: flex; align-items: center; justify-content: center; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__image-container::after { content: none; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__details { padding: 24px; width: 100%; position: relative; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__details::after { right: 0; content: ''; top: 100%; width: 100%; height: 2px; background-image: repeating-linear-gradient(to left, #002144 0px, #002144 6px, transparent 6px, transparent 12px); background-size: 12px 2px; position: absolute; display: block; } .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__timer-item { padding: 24px 16px; } } @media (max-width: 540px) { .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__titles, .c-story-blocks__realtime_countdown_block .c-story-blocks__realtime_countdown_block__details { padding: 12px; } } .c-story-blocks__realtime_schedule_block__title { font-size: 1.25rem; font-weight: 700; } .c-story-blocks__realtime_schedule_block__sub-title { font-size: 1.125rem; } .c-story-blocks__realtime_schedule_block__cards1 { margin: 0 -12px; } .c-story-blocks__realtime_schedule_block__cards1 .slick-track { display: flex; } .c-story-blocks__realtime_schedule_block__cards1 .slick-slide { float: none; height: auto; } .c-story-blocks__realtime_schedule_block__cards1-item { margin: 0 12px; border: 1px solid #e5e5e5; } .c-story-blocks__realtime_schedule_block__cards1-item-header { background-color: #00467f; color: #ffc425; padding: 6px; font-size: 0.875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c-story-blocks__realtime_schedule_block__cards1-item-details { padding: 12px; } .c-story-blocks__realtime_schedule_block__cards1-item-logo { margin: 0 auto 12px; } .c-story-blocks__realtime_schedule_block__cards1-item-sport { font-size: 1.125rem; } .c-story-blocks__realtime_schedule_block__cards1-item-opponent { font-size: 1.125rem; } .c-story-blocks__realtime_schedule_block__cards1 .slick-prev, .c-story-blocks__realtime_schedule_block__cards1 .slick-next { -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: inline-block; vertical-align: middle; font-size: 0; padding: 6px; margin: 18px 12px 0; transition: .25s; } .c-story-blocks__realtime_schedule_block__cards1 .slick-prev.slick-disabled, .c-story-blocks__realtime_schedule_block__cards1 .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } .c-story-blocks__realtime_schedule_block__cards1 .slick-prev:hover, .c-story-blocks__realtime_schedule_block__cards1 .slick-next:hover { background-color: #f2f2f2; } .c-story-blocks__realtime_schedule_block__cards1 .slick-prev::before, .c-story-blocks__realtime_schedule_block__cards1 .slick-next::before { font-size: 1.5rem; font-family: 'sidearm_font_v2'; } .c-story-blocks__realtime_schedule_block__cards1 .slick-prev::before { content: '\e009'; } .c-story-blocks__realtime_schedule_block__cards1 .slick-next::before { content: '\e010'; } .c-story-blocks__realtime_schedule_block__grid1-item { margin-bottom: 12px; background-color: #f2f2f2; padding: 0 12px; } .c-story-blocks__realtime_schedule_block__grid1-item:nth-child(even) { background-color: #e5e5e5; } .c-story-blocks__realtime_schedule_block__grid1-item > div { padding: 12px; } .c-story-blocks__realtime_schedule_block__grid1-item-logo-container { flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; } .c-story-blocks__realtime_schedule_block__grid1-item-opponent { font-size: 1.25rem; font-weight: 700; } .c-story-blocks__realtime_schedule_block__grid1-item-location { font-size: 1.125rem; } @media (max-width: 1023px) { .c-story-blocks__realtime_schedule_block__grid1-item-media-container { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; min-width: 1px !important; min-height: 1px !important; flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; min-width: 1px !important; min-height: 1px !important; } } @media (max-width: 539px) { .c-story-blocks__realtime_schedule_block__grid1-item > div { width: 100%; padding: 6px 0; } } .c-story-blocks__social_facebook_post_block .c-story-block__social_facebook_post_block__align-center { justify-content: center; } .c-story-blocks__social_facebook_post_block .c-story-block__social_facebook_post_block__align-right { justify-content: flex-end; } .c-story-blocks__social_instagram_post_block .c-story-block__social_instagram_post_block__align-center { justify-content: center; } .c-story-blocks__social_instagram_post_block .c-story-block__social_instagram_post_block__align-right { justify-content: flex-end; } .c-story-blocks__social_instagram_post_block iframe { max-width: 500px !important; } .c-story-blocks__social_twitter_tweet_block .c-story-block__social_twitter_tweet_block__align-center { justify-content: center; } .c-story-blocks__social_twitter_tweet_block .c-story-block__social_twitter_tweet_block__align-right { justify-content: flex-end; } .c-story-blocks__social_twitter_tweet_block .twitter-tweet { flex: 0 1 auto; -webkit-flex: 0 1 auto; min-width: 1px; min-height: 1px; flex: 0 1 auto; -webkit-flex: 0 1 auto; min-width: 1px; min-height: 1px; } .c-story-blocks__structural_accordion_block__list { list-style: none; margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; } .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; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; -webkit-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; } } @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; -webkit-flex: 1 1 0px; min-width: 1px; min-height: 1px; flex: 1 1 0px; -webkit-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; -webkit-flex: 1 1 0px; min-width: 1px; min-height: 1px; flex: 1 1 0px; -webkit-flex: 1 1 0px; min-width: 1px; min-height: 1px; } .c-story-blocks__structural_layout_block .c-story-blocks__block { width: 100%; min-height: 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 { list-style: none; margin: 0; padding: 0; list-style: none; margin: 0; padding: 0; display: inline-flex; min-width: 100%; white-space: nowrap; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-container { position: relative; overflow: hidden; font-size: 0; margin-bottom: 12px; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-container.has-overflow.reached-start:before { display: none; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-container.has-overflow.reached-end:after { display: none; } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-container.has-overflow:before { content: ''; width: 1rem; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to left, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0.65) 100%); } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-container.has-overflow:after { content: ''; width: 1rem; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0.65) 100%); } .c-story-blocks__structural_tab_block .c-story-blocks__structural_tab_block__list-item { flex: 1 0 auto; -webkit-flex: 1 0 auto; min-width: 1px; min-height: 1px; flex: 1 0 auto; -webkit-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 (max-width: 1024px) { .c-story-blocks__block-container, .c-story-blocks__block { background-attachment: initial !important; } } @media screen and (max-width: 767px) { } html.story-content-only body { font-size: 0; } html.story-content-only h2[id*="page_title"] { display: none !important; display: none !important; } h1html.story-content-only h2[id*="page_title"], h2html.story-content-only h2[id*="page_title"], h3html.story-content-only h2[id*="page_title"], captionhtml.story-content-only h2[id*="page_title"], labelhtml.story-content-only h2[id*="page_title"] { display: block !important; position: absolute; left: -9999px; top: -9999px; } h1html.story-content-only h2[id*="page_title"], h2html.story-content-only h2[id*="page_title"], h3html.story-content-only h2[id*="page_title"], captionhtml.story-content-only h2[id*="page_title"], labelhtml.story-content-only h2[id*="page_title"] { display: block !important; position: absolute; left: -9999px; top: -9999px; } html.story-content-only .sidearm-story-template { font-size: 1rem; padding: 24px; max-width: 1440px; margin-left: auto; margin-right: auto; } 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; margin: 0; background-color: black; } .sidearm-story-template .sidearm-story-template-media img { width: 100%; } .sidearm-story-template .sidearm-story-template-writer { margin: 12px 0; } .sidearm-story-template .sidearm-story-template-writer__headshot { width: 36px; height: 36px; border-radius: 100%; overflow: hidden; margin-right: 12px; } .sidearm-story-template .sidearm-story-template-writer__name, .sidearm-story-template .sidearm-story-template-writer__byline { font-weight: 700; } .sidearm-story-template .sidearm-story-template-writer__title { font-style: italic; margin-left: 12px; } .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: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; border: none; } .sidearm-story-template .sidearm-story-template-related-photos-list figure { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; } .sidearm-story-template .sidearm-story-template-related-photos-list figcaption { border: 1px solid #cccccc; padding: 8px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .sidearm-story-template .sidearm-story-template-player { padding: 8px 0; width: 50%; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; } .sidearm-story-template .sidearm-story-template-player-image { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: none; } .sidearm-story-template .sidearm-story-template-player-details { flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-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-custom-share-links a.sidearm-story-custom-share-linkedin { background-color: #0e76a8; } .sidearm-story-template .sidearm-story-custom-share-links a.sidearm-story-custom-share-linkedin:hover { background-color: #1190ce; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button { z-index: 1; width: 65px; height: 65px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border: none; font-size: 0; border-radius: 100%; padding: 0; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.25); width: 65px; height: 65px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border: none; font-size: 0; border-radius: 100%; padding: 0; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.25); } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:before, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out 0s; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:before { border: calc(65px * .0462) solid white; border-radius: 100%; width: calc(65px * .8462); height: calc(65px * .8462); } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:after { left: calc(50% + 2px); border-style: solid; border-width: calc(65px * .1538) 0 calc(65px * .1538) calc(65px * .2308); border-color: transparent transparent transparent white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus { background: rgba(255, 255, 255, 0.5); } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover:before, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus:before { width: 65px; height: 65px; border: calc(65px * .0615) solid #00294c; border-color: #00294c; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover:after, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus:after { border-color: transparent transparent transparent #00294c; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:before, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out 0s; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:before { border: calc(65px * .0462) solid white; border-radius: 100%; width: calc(65px * .8462); height: calc(65px * .8462); } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:after { left: calc(50% + 2px); border-style: solid; border-width: calc(65px * .1538) 0 calc(65px * .1538) calc(65px * .2308); border-color: transparent transparent transparent white; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus { background: rgba(255, 255, 255, 0.5); } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover:before, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus:before { width: 65px; height: 65px; border: calc(65px * .0615) solid #00294c; border-color: #00294c; } .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:hover:after, .sidearm-story-template .sidearm-story-template-showcase-player .showcase-play-button:focus:after { border-color: transparent transparent transparent #00294c; } .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 { z-index: 1; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border: none; font-size: 0; border-radius: 100%; padding: 0; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.25); width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border: none; font-size: 0; border-radius: 100%; padding: 0; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.25); } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:before, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out 0s; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:before { border: calc(40px * .0462) solid white; border-radius: 100%; width: calc(40px * .8462); height: calc(40px * .8462); } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:after { left: calc(50% + 2px); border-style: solid; border-width: calc(40px * .1538) 0 calc(40px * .1538) calc(40px * .2308); border-color: transparent transparent transparent white; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus { background: rgba(255, 255, 255, 0.5); } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover:before, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus:before { width: 40px; height: 40px; border: calc(40px * .0615) solid #00294c; border-color: #00294c; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover:after, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus:after { border-color: transparent transparent transparent #00294c; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:before, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out 0s; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:before { border: calc(40px * .0462) solid white; border-radius: 100%; width: calc(40px * .8462); height: calc(40px * .8462); } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:after { left: calc(50% + 2px); border-style: solid; border-width: calc(40px * .1538) 0 calc(40px * .1538) calc(40px * .2308); border-color: transparent transparent transparent white; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus { background: rgba(255, 255, 255, 0.5); } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover:before, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus:before { width: 40px; height: 40px; border: calc(40px * .0615) solid #00294c; border-color: #00294c; } .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:hover:after, .sidearm-story-template .sidearm-story-template-related-video-thumb .showcase-play-button:focus:after { border-color: transparent transparent transparent #00294c; } .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 { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: -9999px; width: 100%; height: 100%; z-index: 100000; background: rgba(0, 0, 0, 0.9); opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s, left 0s 0.2s; transition: opacity 0.2s, transform 0.2s, left 0s 0.2s; transform: scale(0.85); } .sidearm-story-template .related-videos-showcase-container .showcase-modal__inner { max-width: 1416px; width: 100%; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__player { max-height: 100vh; padding-bottom: 56.25%; position: relative; overflow: hidden; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__player-wrapper { width: 80%; margin: 0 auto; } .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; border: 1px solid #00467f; color: #ffc425; width: 48px; height: 48px; border-radius: 50%; position: fixed; top: 24px; right: 24px; transition: .25s; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__close:hover, .sidearm-story-template .related-videos-showcase-container .showcase-modal__close:focus, .sidearm-story-template .related-videos-showcase-container .showcase-modal__close.sidearm-hover { background: #00467f; color: #ffc425; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__details { font-size: 18px; color: #ffc425; margin-bottom: 12px; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__watch { text-transform: uppercase; } .sidearm-story-template .related-videos-showcase-container .showcase-modal__title { font-weight: bold; } .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 .related-videos-showcase-container .showcase-modal.video-is-playing { opacity: 1; left: 0; pointer-events: all; transition: opacity 0.25s, transform 0.25s; transition: opacity 0.25s, transform 0.25s; transform: scale(1); } .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 { width: auto; 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 { width: auto; 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 { width: auto; 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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-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; -webkit-flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; -webkit-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; -webkit-flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; -webkit-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; -webkit-flex: 1 0 324px; min-width: 1px; min-height: 1px; flex: 1 0 324px; -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-3 .sidearm-story-template-content { flex: 4 1 656px; -webkit-flex: 4 1 656px; min-width: 1px; min-height: 1px; flex: 4 1 656px; -webkit-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; -webkit-flex: 0 0 336px; min-width: 1px; min-height: 1px; flex: 0 0 336px; -webkit-flex: 0 0 336px; min-width: 1px; min-height: 1px; order: -1; -webkit-order: -1; order: -1; -webkit-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; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-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; -webkit-flex: 1 0 auto; min-width: 1px; min-height: 1px; flex: 1 0 auto; -webkit-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; -webkit-flex: 2 0 auto; min-width: 1px; min-height: 1px; flex: 2 0 auto; -webkit-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; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-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; -webkit-flex: 1 4 840px; min-width: 1px; min-height: 1px; flex: 1 4 840px; -webkit-flex: 1 4 840px; min-width: 1px; min-height: 1px; } .sidearm-story-template-gen-5 .sidearm-story-template-text { margin-top: 16px; } .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; -webkit-flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; } .sidearm-story-template-gen-5 .sidearm-story-template-related-stories .sidearm-story-template-related-story-text > p { order: 1; -webkit-order: 1; order: 1; -webkit-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; -webkit-flex: 1 3 840px; min-width: 1px; min-height: 1px; flex: 1 3 840px; -webkit-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; -webkit-flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-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; -webkit-order: -1; order: -1; -webkit-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; -webkit-flex: 1 3 840px; min-width: 1px; min-height: 1px; flex: 1 3 840px; -webkit-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; -webkit-flex: 1 1 270px; min-width: 1px; min-height: 1px; flex: 1 1 270px; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-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; -webkit-order: -1; order: -1; -webkit-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, .sidearm-story-template-gen-9 .sidearm-story-template-media { background-color: black; } .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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; margin: 0 -8px; } .sidearm-story-template-gen-9 .sidearm-story-template-related-section .sidearm-story-template-related-item { margin: 0 8px; flex: 0 1 25%; -webkit-flex: 0 1 25%; min-width: 1px; min-height: 1px; flex: 0 1 25%; -webkit-flex: 0 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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-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; -webkit-order: -1; order: -1; -webkit-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-post-3 .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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; } .sidearm-story-template-post-1 .sidearm-story-template-related-video .sidearm-story-template-related-thumb, .sidearm-story-template-post-3 .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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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-post-3 .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-post-3 .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; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-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-post-3 .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-post-3 .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-post-3 .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-post-3 .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-post-3 .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: -webkit-flex; display: flex; display: -webkit-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%; -webkit-flex: 1 1 25%; min-width: 1px; min-height: 1px; flex: 1 1 25%; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-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; -webkit-order: -1; order: -1; -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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-gen-4 .sidearm-story-template-sponsors-sticky, .sidearm-story-template-gen-8 .sidearm-story-template-sponsors-sticky { background: rgba(0, 0, 0, 0.65); bottom: 0; position: fixed; left: 0; text-align: center; transition: transform .25s; width: 100%; } .sidearm-story-template-gen-4 .sidearm-story-template-sponsors-sticky.is-hidden, .sidearm-story-template-gen-8 .sidearm-story-template-sponsors-sticky.is-hidden { transform: translateY(100%); } .sidearm-story-template-gen-4 .sidearm-story-template-sponsors-sticky .dfp-ad, .sidearm-story-template-gen-8 .sidearm-story-template-sponsors-sticky .dfp-ad { margin: 12px auto; } .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: -webkit-flex; display: flex; display: -webkit-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: -webkit-flex; display: flex; display: -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; flex: 0 0 auto; -webkit-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-scoring-line-name span.sidearm-story-template-scoring-line-winner:before { content: '\e861'; font-family: sidearm_font; margin-right: 4px; font-size: .86rem; } .sidearm-story-template-post .sidearm-story-template-next-game-details { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; padding: 8px; background-color: #ffc425; color: #00467f; } .sidearm-story-template-post .sidearm-story-template-next-game-logo { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; margin: 8px; } .sidearm-story-template-post .sidearm-story-template-next-game-opponent { flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; margin: 8px; } .sidearm-story-template-post .sidearm-story-template-next-game-opponent p, .sidearm-story-template-post .sidearm-story-template-next-game-opponent h2 { margin: 0; font-size: 14px; } .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: -webkit-flex; display: flex; display: -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; margin-right: 8px; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details { flex: 3; -webkit-flex: 3; min-width: 1px; min-height: 1px; flex: 3; -webkit-flex: 3; min-width: 1px; min-height: 1px; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details span { margin: 0; font-size: 1rem; } .sidearm-story-template-post .sidearm-story-template-stats-leader-details span 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: -webkit-flex; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-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, .sidearm-story-template-post-3 .sidearm-story-template-content { flex: 3 1 656px; -webkit-flex: 3 1 656px; min-width: 1px; min-height: 1px; flex: 3 1 656px; -webkit-flex: 3 1 656px; min-width: 1px; min-height: 1px; } .sidearm-story-template-post-1 .sidearm-story-template-text, .sidearm-story-template-post-3 .sidearm-story-template-text { *zoom: 1; *zoom: 1; } .sidearm-story-template-post-1 .sidearm-story-template-text:before, .sidearm-story-template-post-3 .sidearm-story-template-text:before, .sidearm-story-template-post-1 .sidearm-story-template-text:after, .sidearm-story-template-post-3 .sidearm-story-template-text:after { content: ""; display: table; } .sidearm-story-template-post-1 .sidearm-story-template-text:after, .sidearm-story-template-post-3 .sidearm-story-template-text:after { clear: both; } .sidearm-story-template-post-1 .sidearm-story-template-text:before, .sidearm-story-template-post-3 .sidearm-story-template-text:before, .sidearm-story-template-post-1 .sidearm-story-template-text:after, .sidearm-story-template-post-3 .sidearm-story-template-text:after { content: ""; display: table; } .sidearm-story-template-post-1 .sidearm-story-template-text:after, .sidearm-story-template-post-3 .sidearm-story-template-text:after { clear: both; } .sidearm-story-template-post-1 .sidearm-story-template-text-aside, .sidearm-story-template-post-3 .sidearm-story-template-text-aside { float: right; width: 50%; } .sidearm-story-template-post-1 .sidearm-story-template-next-game-details, .sidearm-story-template-post-3 .sidearm-story-template-next-game-details, .sidearm-story-template-post-1 .sidearm-story-template-next-game-links, .sidearm-story-template-post-3 .sidearm-story-template-next-game-links, .sidearm-story-template-post-1 .sidearm-story-template-links, .sidearm-story-template-post-3 .sidearm-story-template-links { margin-left: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-links, .sidearm-story-template-post-3 .sidearm-story-template-links { margin-bottom: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-links + .sidearm-story-template-next-game > div:first-child, .sidearm-story-template-post-3 .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, .sidearm-story-template-post-3 .sidearm-story-template-next-game > div:last-child { margin-bottom: 8px; } .sidearm-story-template-post-1 .sidearm-story-template-aside, .sidearm-story-template-post-3 .sidearm-story-template-aside { flex: 1 0 324px; -webkit-flex: 1 0 324px; min-width: 1px; min-height: 1px; flex: 1 0 324px; -webkit-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-3 .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, .sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-next-game-links { margin: 0; } .sidearm-story-template-post-1 .sidearm-story-template-sponsors, .sidearm-story-template-post-3 .sidearm-story-template-sponsors { background: none; } .sidearm-story-template-post-1 .sidearm-story-template-sponsors .dfp-ad, .sidearm-story-template-post-3 .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: -webkit-flex; display: flex; display: -webkit-flex; padding: 0; background: none; } .sidearm-story-template-post-2 .sidearm-story-template-media-scoring { flex: 2; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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; } @media (max-width: 1024px) { html.postgame_3 .contentDiv_container, html.postgame_3 .main-content-placeholder { padding-left: 0; padding-right: 0; } } .sidearm-story-template:not(.sidearm-story-template-post-3) #postgame_3_nextgame, .sidearm-story-template:not(.sidearm-story-template-post-3) #postgame_3_teamstats, .sidearm-story-template:not(.sidearm-story-template-post-3) #postgame_3_scoring_line, .sidearm-story-template:not(.sidearm-story-template-post-3) #postgame_3_game_leaders { display: none; } .sidearm-story-template.sidearm-story-template-post-3 { padding: 24px; background-color: white; } .sidearm-story-template.sidearm-story-template-post-3 #postgame_1-2_nextgame, .sidearm-story-template.sidearm-story-template-post-3 #postgame_1-2_teamstats, .sidearm-story-template.sidearm-story-template-post-3 #postgame_1-2_scoring_line, .sidearm-story-template.sidearm-story-template-post-3 #postgame_1-2_game_leaders { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-content { padding-right: 24px; padding-left: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul { background-color: #f2f2f2; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; border-bottom: none; margin-bottom: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li { padding: 0 24px; background-color: transparent; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li a { display: block; position: relative; padding: 18px 0; color: #00294c; font-weight: 700; font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; transition: .15s; background-color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li a:hover:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li a:focus:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li.ui-state-active { background-color: transparent; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li.ui-state-active a { color: #00294c; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs ul li.ui-state-active a:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table thead { background-color: white; border-bottom: 2px solid #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table thead th { color: #00294c; border-left: 1px solid #e5e5e5; line-height: 48px; font-style: normal; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table thead th:first-child { border-left: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table thead th:last-child { border-right: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr { line-height: 48px; border-top: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:focus { background-color: #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:hover td, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:focus td, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:hover th, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr:focus th { background-color: #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr td { border: none; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr td.emphasize { background-color: #f2f2f2; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr td:last-child { border-right: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .sidearm-table tbody tr th { border: none; font-weight: 700; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-tabs .ui-tabs-panel[aria-hidden=true] { display: block !important; height: 0; opacity: 0; overflow: hidden; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore { background-color: white; padding: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table thead tr { background-color: white; color: black; border-bottom: 2px solid #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table thead tr th { color: black; font-style: normal; padding: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table thead tr th:not(:first-of-type) { border-right: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr { border: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr:hover th, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr:hover td { background-color: #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr th { padding: 12px 24px; border: none; border-bottom: 1px solid #e5e5e5; font-size: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr td { padding: 12px; border: none; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-linescore .sidearm-table tbody tr td.emphasize { background-color: #f2f2f2; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring { min-height: 145px; border: 1px solid #e5e5e5; box-shadow: inset 0px -4px 0px #e5e5e5; padding: 0 72px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line { flex: 0 0 calc(50% - 75px); -webkit-flex: 0 0 calc(50% - 75px); min-width: 1px; min-height: 1px; flex: 0 0 calc(50% - 75px); -webkit-flex: 0 0 calc(50% - 75px); min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-winner { display: block; width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; -webkit-flex: 0 0 10px; min-width: 1px; min-height: 1px; flex: 0 0 10px; -webkit-flex: 0 0 10px; min-width: 1px; min-height: 1px; background-color: #00a524; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center { padding: 24px; flex: 0 0 150px; -webkit-flex: 0 0 150px; min-width: 1px; min-height: 1px; flex: 0 0 150px; -webkit-flex: 0 0 150px; min-width: 1px; min-height: 1px; text-align: center; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center-final { font-size: 1rem; font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center-date { font-size: .875rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-score { font-size: 2.25rem; font-weight: bold; background-color: transparent; padding: 0 24px; margin: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-score-loser { color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-name { font-size: 1.125rem; font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-name-record { font-size: 0.8rem; color: #666666; font-weight: 400; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:first-child .sidearm-story-template-scoring-line-score { margin-left: auto; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:last-child .sidearm-story-template-scoring-line-score { margin-right: auto; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:last-child .sidearm-story-template-scoring-line-name { text-align: right; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links { background-color: #f2f2f2; position: relative; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li { background-color: transparent; padding: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li a, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li span { display: block; padding: 18px 0; margin: 0 24px; font-size: .875rem; position: relative; color: #666666; text-transform: none; font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li a:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li span:after { position: absolute; content: ''; left: 0; bottom: 0; height: 0; width: 100%; transition: .15s; background-color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li a:hover:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li span:hover:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li a:focus:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li span:focus:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li .sidearm-story-template-game-links-summary { color: #00294c; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-game-links li .sidearm-story-template-game-links-summary:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text { margin-bottom: 48px; line-height: 1.5; max-height: 600px; overflow: hidden; position: relative; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text:after { content: ''; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); width: 100%; height: 75%; bottom: 0; left: 0; transition: .25s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text #show-story-btn { position: absolute; left: 50%; bottom: 0; z-index: 2; transform: translateX(-50%); padding: 16px; font-weight: 700; font-size: .875rem; background-color: #00467f; color: #ffc425; border-radius: 2px; border: none; transition: .15s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text #show-story-btn:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text #show-story-btn:focus { background-color: #ffc425; color: #00467f; cursor: pointer; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text.show-entire-story { max-height: 15000px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text.show-entire-story #show-story-btn { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-text.show-entire-story:after { height: 0; opacity: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr { border: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr th { background-color: #f2f2f2; font-size: .875rem; border: none; font-style: normal; padding: 12px; color: black; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr th:first-child { padding: 12px 24px; text-transform: capitalize; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td { border: none; border-bottom: 1px solid #e5e5e5; padding: 12px; vertical-align: middle; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td:not(.text-smaller) { color: black; padding: 18px 12px; font-weight: bold; font-size: .875rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td.padded-text { padding: 18px 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td.padded-text:first-child { padding-left: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td.logo-container { padding: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td:first-of-type img, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-summary .sidearm-table tbody tr td.logo-container img { width: 32px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 50%; border: 2px solid #f2f2f2; background-color: white; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; margin: 12px -12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list li { padding: 12px 0; margin: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-thumb { flex: 0 0 120px; -webkit-flex: 0 0 120px; min-width: 1px; min-height: 1px; flex: 0 0 120px; -webkit-flex: 0 0 120px; min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text { padding-left: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text p { margin: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text p time { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text p a { text-decoration: none; font-size: .875rem; line-height: 1.5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text p a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story-text p a:focus { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside { background-color: white; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding-top: 30px; padding-left: 24px; padding-right: 0; padding-bottom: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li { padding: 0 18px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li a { padding: 18px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li a:hover:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li a:focus:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li.ui-state-active { background-color: transparent; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li.ui-state-active a { font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside .sidearm-story-template-tabs ul li.ui-state-active a:after { height: 5px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-video { border-bottom: 1px solid #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-section-header { color: #00294c; padding: 0 0 24px 0; border-bottom: 7px solid #ffc425; margin-bottom: 0; margin-top: 0; padding-top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item { margin: 0; padding: 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item div { padding: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item h2 { color: #00294c; padding: 0 0 24px 0; border-bottom: 7px solid #ffc425; margin-bottom: 0; font-size: 1.2rem; background-color: transparent; margin-top: 0; padding-top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video time { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .sidearm-story-template-related-thumb { position: relative; width: 120px; height: 67px; flex: 0 0 120px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .sidearm-story-template-related-thumb:before { content: ''; position: absolute; background-color: black; opacity: .66; width: 100%; height: 100%; left: 0; top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .sidearm-story-template-related-thumb img { width: 120px; height: 67px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .sidearm-story-template-related-text-headline { line-height: 1.5; margin: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .showcase-play-button { background-color: transparent; box-shadow: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .showcase-play-button:before { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .showcase-play-button:after { border-width: calc(60px * .1538) 0 calc(60px * .1538) calc(60px * .2308); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .showcase-play-button:hover:after, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item.sidearm-story-template-related-video .showcase-play-button:focus:after { opacity: .75; border-color: transparent transparent transparent white; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-section { margin-bottom: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-chooser { border-bottom: none; margin: 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-chooser select { border-radius: 10px; border: 1px solid #e5e5e5; height: 48px; line-height: 48px; padding: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders { white-space: nowrap; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider { position: relative; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next { position: absolute; top: 6px; width: 36px; height: 36px; font-size: 0; border: none; background-color: transparent; display: flex; align-items: center; justify-content: center; transition: color .15s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:before, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:before { font-family: 'sidearm_font_v2'; font-size: 24px; display: block; transition: transform .15s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:focus, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:focus { color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev { right: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:before { content: '\e029'; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:hover:before, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-prev:focus:before { transform: scaleY(1.25); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next { right: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:before { content: '\e030'; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:hover:before, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders--slider .slick-next:focus:before { transform: scaleY(1.25); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-category { color: #666666; font-size: 1.125rem; margin: 12px 0; padding-right: 80px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-item { font-size: .875rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-item:after { content: ''; display: block; width: 100%; height: 8px; border-radius: 4px; background-color: #e5e5e5; margin-top: 4px; color: black; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-item a { text-decoration: none; color: black; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-item a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-item a:focus { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-featured { margin-bottom: 16px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-featured .sidearm-story-template-stats-leaders-position { color: #00294c; text-transform: uppercase; font-size: 1.25rem; font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-featured .sidearm-story-template-stats-leaders-name > a { font-size: 1.125rem; color: black; text-decoration: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-featured .sidearm-story-template-stats-leaders-name > a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders-featured .sidearm-story-template-stats-leaders-name > a:focus { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leaders .boxscore_player_link { margin-right: 6px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader { padding: 8px 0; display: block; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader:first-of-type .sidearm-story-template-stats-leaders-item { font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader:first-of-type .sidearm-story-template-stats-leaders-item:after { background-color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader:nth-child(even) { background-color: white; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-image { flex: 0 0 126px; width: 126px; height: 126px; border-radius: 50%; position: relative; overflow: hidden; border: 6px solid #e5e5e5; margin-right: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-image img { position: absolute; width: 100%; top: 0; left: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-details { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-details span { font-weight: 700; font-size: 1.125rem; color: #00294c; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-details ul { margin-top: 8px; background-color: white; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-stats-leader-details ul li { box-shadow: 0 1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5 inset, 1px 0 0 0 #e5e5e5, 1px 0 0 0 #e5e5e5 inset; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats { padding: 24px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-prev, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-next { border: none; padding: 0; background: none; font-size: 24px; transition: 0.25s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-prev.slick-disabled, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-next.slick-disabled { color: #dfdfdf; cursor: default; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-prev:not(.slick-disabled):hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats .slick-next:not(.slick-disabled):hover { color: #00294c; transition: 0.25s; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-panel.slick-active .c-sidearm-schedule-template__stats-details { animation: progressbar-text 1.05s; transition: all 600ms cubic-bezier(0.95, 0.05, 0.795, 0.035); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-panel.slick-active .c-sidearm-schedule-template__stats-progressbar > div { animation: progressbar 1.05s; transition: all 600ms cubic-bezier(0.95, 0.05, 0.795, 0.035); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-panel .c-sidearm-schedule-template__stats-item:first-child .c-sidearm-schedule-template__stats-details { font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-panel .c-sidearm-schedule-template__stats-item:first-child .c-sidearm-schedule-template__stats-progressbar > div { background-color: #00294c; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-item { padding: 0 ; margin: 0 0 12px 0; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-items: flex-start; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-list { padding: 24px 0 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; padding: 24px 0 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-number { color: #00294c; font-size: 1.125rem; font-weight: 900; text-transform: uppercase; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-info { padding: 0 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-team { margin: 0 24px 0 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-name { display: block; margin: 12px 0 0 0; color: black; font-size: 1.125rem; font-weight: 400; line-height: 1.688rem; text-decoration: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-name:hover { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-main-media { width: 124px; height: 124px; border-radius: 50%; border: 6px solid #f2f2f2; overflow: hidden; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-name { margin: 0 12px 0 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-details { padding: 0 0 6px 0; color: black; font-size: 0.875rem; font-weight: 400; white-space: nowrap; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-details a { text-decoration: none; color: black; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-details a:hover { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-players { padding: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-progressbar { width: 100%; height: 8px; position: relative; overflow: hidden; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-statleaders .c-sidearm-schedule-template__stats-progressbar > div { transform: translate3d(0, 0, 0); left: 0; z-index: 2; transition: 0.35s; height: 8px; border-radius: 4px; position: absolute; background-color: #dfdfdf; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats p { font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table { color: #666666; margin-bottom: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table:first-child { margin-top: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table caption { background-color: #f2f2f2; font-size: .875rem; font-style: normal; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table thead th { font-size: .875rem; color: #666666; font-style: normal; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table tbody tr { font-size: .875rem; color: #666666; border-top: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table tbody tr:hover { background-color: #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table tbody tr th { border: none; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats .sidearm-table tbody tr td { border: none; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats h3 { background-color: white; border-bottom: 1px solid #e5e5e5; margin: 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats h3 img { margin-right: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats h3 span { color: #666666; font-size: 1.125rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats dl:first-child { margin-top: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats dl dt { font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats dl dd { font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-team-stats section:last-child { margin-bottom: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats { margin-bottom: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats h3 { background-color: white; padding: 0; margin: 12px 0 0; font-size: 1.125rem; border-bottom: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats dl { padding: 12px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats dl dt { color: #666666; font-size: .875rem; text-transform: none; margin-bottom: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats dl dt:not(:first-of-type) { margin-top: 24px; padding-top: 24px; border-top: 1px solid #f2f2f2; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-row { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-justify-content: space-between; margin: 6px 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; min-width: 50px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-row:after { content: ''; margin-top: 2px; height: 8px; width: 100%; border-radius: 4px; background-color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-row.lower-stat:after { background-color: #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats div.sidearm-story-template-teamstats-item { padding: 18px 0 12px; margin-bottom: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats div.sidearm-story-template-teamstats-item:first-child { margin-top: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-item { border-bottom: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-item--no-bars .sidearm-story-template-teamstats-row:after { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-item h3 { font-size: .875rem; background-color: white; padding: 0; font-weight: 700; color: #666666; margin-bottom: 8px; margin-top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-teamname, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-number { text-transform: uppercase; color: #00294c; font-size: .875rem; font-weight: 700; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item h3 { margin-bottom: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-inner { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; margin-bottom: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-text { font-size: .75rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-text-teamname { font-size: .875rem; font-weight: 700; color: black; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-text:first-child { text-align: right; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-circles { flex: 0 0 88px; -webkit-flex: 0 0 88px; min-width: 1px; min-height: 1px; flex: 0 0 88px; -webkit-flex: 0 0 88px; min-width: 1px; min-height: 1px; width: 88px; height: 88px; position: relative; margin: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-circles svg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-circles .home-percentage-circle { transform: scaleX(-1); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-circles .st0 { stroke: #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-teamstats-percentage-item-circles .st1 { stroke: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame { margin-bottom: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame div:last-child { margin-bottom: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-header { color: #00294c; padding: 0 0 24px 0; border-bottom: 7px solid #ffc425; margin-bottom: 24px; margin-top: 0; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-justify-content: space-between; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-header h2 { color: #00294c; padding: 0 12px 0 0; margin-bottom: 0; font-size: 1.2rem; margin-top: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-header a { text-decoration: none; font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-header a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-header a:focus { color: #00294c; text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-primary { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-justify-content: space-between; padding: 24px; border: 1px solid #e5e5e5; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-details { background-color: white; color: #00294c; display: block; padding: 0 12px 0 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-details-history { text-decoration: none; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; font-size: .75rem; font-weight: 600; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-details-history span { font-size: 18px; font-weight: normal; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-details-history:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-details-history:focus { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-time { font-size: .875rem; color: #666666; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-opponent { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; margin: 18px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-opponent-logo { max-width: 44px; height: auto; margin-right: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-opponent-text { font-size: .875rem; font-weight: 700; color: #00294c; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-opponent-text--atVs { font-style: italic; font-weight: 400; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links { flex: 0 0 24px; -webkit-flex: 0 0 24px; min-width: 1px; min-height: 1px; flex: 0 0 24px; -webkit-flex: 0 0 24px; min-width: 1px; min-height: 1px; background-color: transparent; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links ul { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-justify-content: space-between; height: 100%; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links ul li { background-color: transparent; border-bottom: none; padding: 6px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links ul li a { white-space: nowrap; color: #00294c; font-size: 16px; font-weight: 700; text-transform: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links ul li a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-links ul li a:focus { color: #00467f; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links { position: relative; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; list-style: none; height: 48px; margin: 0; background-color: #f2f2f2; border: 1px solid #e5e5e5; border-top: none; overflow-x: auto; overflow-y: hidden; padding: 0 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; height: 30px; width: 48px; background: linear-gradient(to right, rgba(242, 242, 242, 0), #f2f2f2); } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul li { margin-right: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul li a { text-decoration: none; font-size: .75rem; font-weight: bold; color: #666666; padding: 14px 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul li a:hover, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game #postgame_3_nextgame .sidearm-story-template-next-game-custom-links ul li a:focus { text-decoration: underline; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players { border-bottom: none; padding-bottom: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players h2 { display: block; border-left: none; border-top: none; border-right: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players-list { border: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player { border-bottom: 1px solid #e5e5e5; padding: 12px; display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player:nth-child(1) { margin-top: 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-image { flex: 0 0 60px; -webkit-flex: 0 0 60px; min-width: 1px; min-height: 1px; flex: 0 0 60px; -webkit-flex: 0 0 60px; min-width: 1px; min-height: 1px; display: block; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-image a { display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 4px solid #f2f2f2; position: relative; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-image a img { position: absolute; width: 100%; top: 0; left: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-name, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-jersey-number { color: #00294c; margin-bottom: 2px; font-size: .875rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-details { padding-left: 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-position { font-weight: 700; font-style: italic; color: #666666; font-size: .75rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-height, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-weight, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-class, .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-players .sidearm-story-template-player-custom1 { color: #666666; font-size: .75rem; } .sidearm-story-template.sidearm-story-template-post-3 .related-videos-showcase-container .showcase-modal__details { color: white; } @media (max-width: 1416px) { .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring { padding: 0 24px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line { flex: 0 0 calc(50% - 56px); -webkit-flex: 0 0 calc(50% - 56px); min-width: 1px; min-height: 1px; flex: 0 0 calc(50% - 56px); -webkit-flex: 0 0 calc(50% - 56px); min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-score { padding: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center { padding: 0; flex: 0 0 112px; -webkit-flex: 0 0 112px; min-width: 1px; min-height: 1px; flex: 0 0 112px; -webkit-flex: 0 0 112px; min-width: 1px; min-height: 1px; } } @media (max-width: 1280px) { .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring { padding: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-logo img { width: 60px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-score { padding: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list { display: block; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list li { padding: 12px 0; margin: 0 12px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-stories-list .sidearm-story-template-related-story { display: flex; display: -webkit-flex; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; } } @media (max-width: 1024px) { .sidearm-story-template.sidearm-story-template-post-3 .large-flex { display: block; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-content { padding-right: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-aside { padding-left: 0; border-left: none; border-bottom: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-related-item:not(.sidearm-story-template-related-video):not(.sidearm-story-template-related-story) { margin-bottom: 48px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-next-game { margin-bottom: 48px; } } @media (max-width: 768px) { .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring { min-height: 108px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line { position: relative; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-name { display: none; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:first-child .sidearm-story-template-scoring-line-winner { left: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:last-child .sidearm-story-template-scoring-line-winner { right: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-winner { position: absolute; top: 6px; } } @media (max-width: 540px) { .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring { padding: 0; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line { flex: 0 0 calc(50% - 37px); -webkit-flex: 0 0 calc(50% - 37px); min-width: 1px; min-height: 1px; flex: 0 0 calc(50% - 37px); -webkit-flex: 0 0 calc(50% - 37px); min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center { flex: 0 0 75px; -webkit-flex: 0 0 75px; min-width: 1px; min-height: 1px; flex: 0 0 75px; -webkit-flex: 0 0 75px; min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center-final { font-size: .875rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center-date { font-size: .75rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-score { font-size: 1.75rem; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-logo img { width: 36px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:first-child .sidearm-story-template-scoring-line-winner { left: 26px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line:last-child .sidearm-story-template-scoring-line-winner { right: 26px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-winner { top: 0; } } @media (max-width: 374px) { .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line { flex: 0 0 calc(50% - 29px); -webkit-flex: 0 0 calc(50% - 29px); min-width: 1px; min-height: 1px; flex: 0 0 calc(50% - 29px); -webkit-flex: 0 0 calc(50% - 29px); min-width: 1px; min-height: 1px; } .sidearm-story-template.sidearm-story-template-post-3 .sidearm-story-template-scoring-line-center { flex: 0 0 58px; -webkit-flex: 0 0 58px; min-width: 1px; min-height: 1px; flex: 0 0 58px; -webkit-flex: 0 0 58px; min-width: 1px; min-height: 1px; } } html.sidearm-featured-story::before, html.sidearm-featured-story::after { display: none !important; } html.sidearm-featured-story body { padding-top: 60px; background-color: white !important; background-image: none !important; } 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 .sidearm-story-template-caption { width: 100%; background-color: #e5e5e5; padding: 8px 16px; text-align: center; font-style: italic; } .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-content { width: 900px; max-width: 100%; padding: 0 24px; margin: 0 auto 24px; } .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: 0 1 33.3333%; -webkit-flex: 0 1 33.3333%; min-width: 1px; min-height: 1px; flex: 0 1 33.3333%; -webkit-flex: 0 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; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; align-items: center; -webkit-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; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; align-items: center; -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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; -webkit-flex: 2; min-width: 1px; min-height: 1px; flex: 2; -webkit-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; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; align-items: center; -webkit-align-items: center; } .sidearm-story-template-gen-3 .sidearm-story-template-related-video-thumb { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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: -webkit-flex; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; } .sidearm-story-template-post-2 .sidearm-story-template-copy-aside { float: none; width: auto; margin: 8px 0; order: 2; -webkit-order: 2; order: 2; -webkit-order: 2; } .sidearm-story-template-post-2 .sidearm-story-template-next-game { display: flex; display: -webkit-flex; display: flex; display: -webkit-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; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex: 1; -webkit-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: 0 1 50%; -webkit-flex: 0 1 50%; min-width: 1px; min-height: 1px; flex: 0 1 50%; -webkit-flex: 0 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: 0 1 33.3333%; -webkit-flex: 0 1 33.3333%; min-width: 1px; min-height: 1px; flex: 0 1 33.3333%; -webkit-flex: 0 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%; -webkit-flex: 1 1 33.3333%; min-width: 1px; min-height: 1px; flex: 1 1 33.3333%; -webkit-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; -webkit-justify-content: center; justify-content: center; -webkit-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; -webkit-flex: 1 1 auto; min-width: 1px; min-height: 1px; flex: 1 1 auto; -webkit-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%; } }