body { font-size: 18px; line-height: 1.5; } @media only screen and (min-width: 782px) { .entry-title, h2 { font-size: 1.5em; } } li { line-height: 1.5; } a { color: #111; } strong { font-weight: 700; } .byline span:first-child { text-transform: capitalize; } figure.aligncenter figcaption { text-align: center; } .wp-block-group.is-style-border { border: 1px solid #999; } .is-style-border.border-thick { border-width: 6px; } .is-style-border.border-medium { border-width: 3px; } .is-style-border.border-color-blue-primary { border-color: #0053a5; } .is-style-border.border-color-blue-dark { border-color: #003467; } :where(.wp-block-group.has-background) { padding: 1rem; } .byline.sponsor-byline span:first-child { text-transform: none; } .newspack-post-subtitle { font-size: 1.25em; font-style: normal; line-height: 1.25; margin-bottom: 1rem; } @media (max-width: 782px) { .wp-block-pullquote.alignleft blockquote p { font-size: 1em; } } .wp-block-pullquote.alignleft p:first-of-type::before { left: -1.5rem; top: 0; } .wp-block-pullquote blockquote p { margin: 0 1.5rem 0 1.5rem !important; } .wp-block-pullquote.alignleft blockquote::before { left: 2em; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignleft.has-background { padding-top: 1rem; } .wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after { top: 0; } .wp-block-pullquote blockquote p { margin: 0 2rem; } .wp-block-pullquote.alignleft.has-background blockquote, .wp-block-pullquote.alignleft blockquote { margin: 0; } .wp-block-pullquote cite { margin: 0.5rem 2.875rem 0 1.5rem; text-transform: none; font-size: 1em; font-weight: 600; line-height: 1.2; } .button, button, input[type="button"], input[type="submit"], .wp-block-button__link { font-family: 'Source Sans Pro', sans-serif; } .wp-block-image .alignright, .wp-block-image .alignleft { margin-top: 0; } .wp-block-image figcaption { font-size: 0.75em; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link, .wp-block-button.wp-block-button__link, .wp-block-button.wp-block-button__link, .wp-block-button.wp-block-button__link { border: 1px solid #003467; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-button .wp-block-button__link:focus, .wp-block-button.wp-block-button__link:hover, .wp-block-button.wp-block-button__link:active, .wp-block-button.wp-block-button__link:focus { color: #003467; background-color: #ffd900; border-color: #003467; text-decoration: none; } .button-reverse-color a { color: #003467 !important; background-color: #ffd900 !important; } .button-reverse-color a:hover, .button-reverse-color a:active, .button-reverse-color a:focus { color: #ffd900 !important; background-color: #003467 !important; } input[type="submit"] { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; color: #003467; text-transform: uppercase; background-color: #FFD900; border: 1px solid #003467; } input[type="submit"]:hover { color: #ffffff; background-color: #003467; } .font-secondary { font-family: 'Source Sans Pro', sans-serif !important; } .entry-content h1 a, .entry-content h2 a, .entry-content h3 a, .entry-content h1 a:visited, .entry-content h2 a:visited, .entry-content h3 a:visited { color: inherit; text-decoration: none; } .entry-content > h2 { clear: both; } .entry-content a { color: #111; text-underline-offset: 2px; text-decoration-color: #008CFF; transition: background-color 0.2s; } .entry-content a:hover { color: #111; text-decoration: underline; text-decoration-color: #008CFF; background-color: rgba(0,142,255,0.2); } .entry-content .link-no-line a, .taxonomy-description a { color: #0053a5; text-decoration: none; } .entry-content .text-decoration-none a, .entry-content .text-decoration-none a:hover { text-decoration: none; } .wpnbha .post-thumbnail + .entry-wrapper { margin-top: 0.5rem; } .wpnbha.has-more-button button { font-size: 0.8889em; text-transform: uppercase; padding: 0.5rem 0.75rem; } .wpnbha.wpnbha-style-list article { display: list-item; margin-bottom: 0.25rem; margin-left: 1rem; } .wpnbha.wpnbha-style-list article .entry-title { line-height: 1.375; } /** * Header */ nav, .nav1, .secondary-menu, .nav3 { font-family: 'Source Sans Pro', sans-serif; } .site-header { position: relative; } /* Header top -- hide secondary, move social menu */ .top-header-contain .wrapper { position: relative; } .h-sb .top-header-contain { border: 0; height: 0; } .site-header #social-nav-contain { position: absolute; right: 0; top: 10px; } @media (max-width: 782px) { .site-header #social-nav-contain { display: none; } } .site-header .social-links-menu li a { color: #003467; } /* Header - middle */ .h-sb .middle-header-contain .wrapper { padding: 10px 0 4px; } @media (min-width: 782px) { .h-sb .middle-header-contain .wrapper { padding: 0.75rem 0 0.25rem; } } .nav3 a { padding-top: 1px; padding-bottom: 2px; } .nav3 .menu-highlight a { border-radius: 100px; } .site-header .nav3 { font-size: 1rem; margin-top: 1.5rem; } .site-header .nav3 a { font-size: 0.8rem; margin: 0.25em 0; } .nav3 .menu-highlight a, .nav3 .menu-highlight.menu-yellow a:hover { background: #003467; border-color: #003467; color: #fff; font-size: 0.7rem; text-transform: uppercase; transition: background 0.1s ease-in-out; } .nav3 .menu-highlight a:hover, .nav3 .menu-highlight.menu-yellow a { background: #FFD900; color: #003467; opacity: 1; } .site-header .nav3 > ul { display: flex; flex-wrap: wrap; justify-content: flex-end; } .site-header .nav3 li:nth-child(n+2) { margin-left: 1.25rem; } .site-header .nav3 li.menu-highlight:nth-child(n+2) { margin-left: 0.5rem; } /* Create a 'line break' between the buttons and text links */ .site-header .nav3 > ul:before { content: ''; flex-basis: 100%; } .site-header .nav3 .menu-highlight { order: -1; } /* Header - bottom */ .nav1 .main-menu > li > a { font-weight: 600; } .site-header .nav1 { font-size: 0.8333em; } .h-dh .site-header .nav1 .main-menu > li { padding: 0.3rem 0; line-height: initial; margin-right: 0.125rem; } .h-sb .bottom-header-contain .nav1 .main-menu > li > a { padding: 0.25rem; font-weight: 600; } #search-toggle svg { height: 24px; width: 24px; } /* Highlight Menu */ .highlight-menu-contain { height: 0; margin-top: 0; } .highlight-menu li:first-of-type { display: none; } /* Mobile menu */ .mobile-menu-toggle { font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; } .site-header .mobile-menu-toggle { position: relative; top: -3px; } .mobile-sidebar .secondary-menu { display: none; } .mobile-sidebar .nav3 li { display: block; } .mobile-sidebar .nav3 .menu-highlight { margin: 0 0 0.25rem -3px; } .mobile-sidebar .nav3 li:not(.menu-highlight) a { padding-left: 0; padding-right: 0; } /* Above header ad placeholder */ .above-header-widgets { background: #efefef; padding: 8px 0; } .above-header-widgets .wp-block-image:last-child { margin-bottom: 0; } /** * Below header ad space * * Contains 1x1 pixel that's causing a gap */ .global_below_header { position: absolute; } /* Below header widgets .below-header-widgets { background-color: #FFD900; overflow: auto; text-align: center; } */ @media (min-width: 782px) { .below-header-widgets .widget { font-size: 0.8889em; margin-bottom: 0; } } /* .below-header-widgets .widget p { margin: 0.5em 0; } */ .below-header-widgets .widget a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; padding: 0 0.125rem; } .below-header-widgets .widget a:hover { background: rgba(255,255,255,0.6); } .below-header-widgets .widget a.wp-block-button__link { text-decoration: none; } .below-header-widgets .newspack-inline-popup { border-radius: 0.5rem; margin-top: 1rem; margin-bottom: 1rem; } .site-description { font-size: 1.125em; font-weight: 600; font-style: normal; margin-top: -2px; padding: 0; } @media ( max-width:960px ) { .site-description { display: none; } } /* Mobile Call-To-Action */ .button.mb-cta { border: 1px solid #003467; border-radius: 20px; color: #003467; font-size: 0.7rem; line-height: 1; margin-top: -6px; padding: 8px 14px; transition: background 0.1s ease-in-out; } .button.mb-cta:hover { background: #003467; } .site-header .mb-cta + .mobile-menu-toggle { margin-left: 6px; } /** * Content */ /* Global content blocks */ .entry .entry-content > .wp-block-separator, .entry .entry-content > hr, [id=pico] > .wp-block-separator, [id=pico] > hr { margin: 1rem auto; } .wp-block-separator { display: flex; } .entry-meta .byline .author { font-weight: 400; font-size: 14px; } @media only screen and (min-width: 782px) { .single .entry-meta { display: block; } .single .entry-meta.entry-sponsor{ display: flex; } } .entry-content > .wp-block-cover.alignfull:first-child { margin-top: 0; } /* Global vertical spacing */ .wp-block-columns > div > *:not(:first-child), .wp-block-group > div > *:not(:first-child) { margin-top: 1em; } .wp-block-columns > div > *:not(:last-child), .wp-block-group > div > *:not(:last-child) { margin-bottom: 1em; } /* Captions */ .entry-content .wp-caption-text, .entry-content figcaption { max-width: 840px; } .post-template-default .entry-content .alignfull > figcaption, .post-template-default .entry-content .alignwide > figcaption { width: 100%; } .wp-block-gallery figcaption a, .wp-block-gallery figcaption a:hover { color: inherit; } figure.alignfull figcaption { margin: 0.25rem 1rem 0; } figure.alignwide figcaption { margin: 0.25rem 0 0; } /* Advertising */ #secondary .newspack_global_ad > *, .wp-block-column .newspack_global_ad > * { margin-top: 0; margin-bottom: 0; } .wp-block-newspack-blocks-wp-block-newspack-ads-blocks-ad-unit:first-child { margin-top: 0; } /* Category landing pages */ .category-sponsor { font-size: 0.75rem; margin: 0.5rem 0 !important; align-items: flex-start !important; } @media (min-width: 600px) { .category-sponsor { position: absolute; top: -4.875em; right: 0; } } /* Read more */ .entry-content .more-link { font-size: 1em; font-weight: 600; text-decoration: none; } .entry-content .more-link:hover { text-decoration: none; } /* Homepage */ .wpnbha.is-style-borders article { margin-bottom: 0.5em !important; padding-bottom: 0.5em !important; } .wpnbha.is-style-borders article:first-child:last-child { margin-bottom: 0; } .wpnbha .sponsor-logos { display: none !important; } .wpnbha .cat-links.sponsor-label { display: none !important; } /* Home - Highlight section */ /* If left-most column is empty, the column block will be hidden. */ .col-highlight-hide-empty { position: relative; display: none; } .col-highlight-hide-empty .wp-block-column:first-child:empty + .wp-block-column { display: none; } .col-highlight-hide-empty .wp-block-column:first-child:after { border-top: 1px solid #ccc; bottom: 0; content: ''; display: block; position: absolute; width: 100%; } .entry .entry-content > .col-highlight-hide-empty { margin: 0; } @media (min-width: 782px) { .col-highlight-hide-empty > .wp-block-column:not(:empty) { margin-top: 32px; margin-bottom: 20px; } } @media (max-width: 781px) { .col-highlight-hide-empty > .wp-block-column:not(:empty):first-child { margin-top: 32px; } .col-highlight-hide-empty > .wp-block-column:not(:empty) + .wp-block-column:last-child { margin-bottom: 20px; } .col-highlight-hide-empty .wp-block-column:empty { display: none; } } /* Home - Wire section */ /* If left-most column is empty, the column block will be hidden. */ .col-wire-hide-empty { position: relative; display: none; } .col-wire-hide-empty .wp-block-column:first-child:empty + .wp-block-column { display: none; } .col-wire-hide-empty .wp-block-column:first-child:after { bottom: 0; content: ''; display: block; position: absolute; width: 100%; } .entry .entry-content > .col-wire-hide-empty { margin: 0; } @media (min-width: 782px) { .col-wire-hide-empty > .wp-block-column:not(:empty) { margin-top: 32px; margin-bottom: 20px; } } @media (max-width: 781px) { .col-wire-hide-empty > .wp-block-column:not(:empty):first-child { margin-top: 32px; } .col-wire-hide-empty > .wp-block-column:not(:empty) + .wp-block-column:last-child { margin-bottom: 20px; } .col-wire-hide-empty .wp-block-column:empty { display: none; } } /* Home - Wire section */ /* If left-most column is empty, the column block will be hidden. */ .group-hide-empty { position: relative; display: none; } .group-hide-empty .col-highlight-hide-empty .wp-block-column:first-child:empty + .wp-block-column { display: none; } .group-hide-empty .col-highlight-hide-empty .wp-block-column:first-child:after { border-top: 1px solid #ccc; bottom: 0; content: ''; display: block; position: absolute; width: 100%; } .group-hide-empty .entry .entry-content > .col-highlight-hide-empty { margin: 0; } @media (min-width: 782px) { .group-hide-empty .col-highlight-hide-empty > .wp-block-column:not(:empty) { margin-top: 32px; margin-bottom: 20px; } } @media (max-width: 781px) { .group-hide-empty .col-highlight-hide-empty > .wp-block-column:not(:empty):first-child { margin-top: 32px; } .group-hide-empty .col-highlight-hide-empty > .wp-block-column:not(:empty) + .wp-block-column:last-child { margin-bottom: 20px; } .group-hide-empty .col-highlight-hide-empty .wp-block-column:empty { display: none; } } /* Home - Lead section */ .wp-block-columns.col-lead div.wpnbha .tag-home-lead-photo { display: block; } .wp-block-columns.col-lead div.wpnbha.image-alignright .tag-home-lead-photo .post-thumbnail { margin-left: 0; } .wp-block-columns.col-lead div.wpnbha.image-alignleft .tag-home-lead-photo .post-thumbnail { margin-right: 0; } .wp-block-columns.col-lead div.wpnbha .tag-home-lead-photo .entry-wrapper p { display: none; } /* Home - Columns - align last item bottom */ @media (min-width: 782px) { .col-bottom-align .wp-block-column { display: flex; gap: 20px; flex-direction: column; justify-content: flex-start; } .wp-block-columns.col-bottom-align .wp-block-column > *, .wp-block-columns.col-bottom-align .wp-block-column > .accent-header { margin: 0; } .col-bottom-align .wpnbha.is-style-borders article:last-child { margin-bottom: 0 !important; } .col-bottom-align .wp-block-column > *:last-child { margin-top: auto; } } /* Home - Nosh section and Nosh landing page */ .front-page-nosh-section { border-top: 3px solid #a82c0b; } .front-page-nosh-main .entry-wrapper { padding: 0 1rem 0.5rem; } @media (min-width: 1024px) { .front-page-nosh-main .entry-wrapper { position: absolute; bottom: 0; background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.75)); } .front-page-nosh-main .entry-wrapper, .front-page-nosh-main .entry-wrapper .entry-title a { text-shadow: 0px 0px 8px #000; } .front-page-nosh-main.wpnbha .post-thumbnail { margin-bottom: 0; } .front-page-nosh-main.wpnbha .post-thumbnail a { display: flex; } } /* Home - stack homepage posts block "sooner" */ @media (max-width: 1100px) { div.wp-block-columns .wpnbha.image-alignleft.is-4 article, div.wp-block-columns .wpnbha.image-alignright.is-4 article { display: block; } .wp-block-columns div.wpnbha.is-4 .post-thumbnail { margin: 0 0 .25em; } } /* Fix entry-wrapper margin-top when not stacked image is left/right aligned*/ .wpnbha.image-alignleft .post-has-image .entry-wrapper, .wpnbha.image-alignright .post-has-image .entry-wrapper { margin-top: 0; } /** * Advertising */ .post .newspack_global_ad { border-top: 1px solid #d3d7d8; border-bottom: 1px solid #d3d7d8; clear: both; } /** * Top Posts & Pages * Homepage shortcode & widget */ .wp-block-group .accent-header + div.jetpack_top_posts_widget { margin-top: -20px !important; } .jetpack_top_posts_widget ul, .widget_top-posts ul { list-style: none; margin: 0; padding: 0; } .jetpack_top_posts_widget p, .widget_top-posts p { font-size: 0.7rem; font-style: italic; } .jetpack_top_posts_widget li, .widget_top-posts li{ counter-increment: step-counter; font-size: 0.8rem; line-height: 1.2; padding-left: 1rem; } .jetpack_top_posts_widget li::before, .widget_top-posts li::before { content: counter(step-counter); font-size: 1.25em; font-weight: 600; color: #393a3b; text-align: right; display: inline-block; width: 1.75em; margin-left: -1.875em; padding-right: 0.375em; } .jetpack_top_posts_widget li a, .widget_top-posts li a { text-decoration: none; } .jetpack_top_posts_widget li:not(:last-child), .widget_top-posts li:not(:last-child) { margin-bottom: 1em; } /* Columns Block */ @media (max-width: 1200px) { .wp-block-columns.stack-on-tablet:not(.is-not-stacked-on-mobile) { flex-wrap: wrap !important; } .wp-block-columns.stack-on-tablet:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { flex-basis: 100% !important; } } /* Pages */ .page .site-content { margin-top: 0; } .page .entry-header .entry-title { margin-top: 1.5rem; border-bottom: 1px solid #7A7C7D; } /* Posts */ .single .site-content { margin-top: 0; } .single .entry-header { margin-top: 1rem; } .entry-title { font-weight: 600; } .single .post-thumbnail + .main-content, .single .featured-image-beside + .main-content, .single .featured-image-behind + .main-content { margin-top: 1.5rem; } @media only screen and (min-width: 782px) { .featured-image-above .post-thumbnail { margin-bottom: 0; } } .featured-image-behind + figcaption { margin: 0.25rem auto 1rem; } .single .entry-title { font-size: 2em; } .single:not(.has-large-featured-image) .entry-header { border-bottom: none; } .single .entry .entry-content > *, [id=pico] > * { margin: 16px 0; } .single .entry .entry-content > *:first-child { margin-top: 0; } .single .entry-header .author-avatar, .author-bio .avatar { display: none; } /* Accent header */ .accent-header, .wp-block-columns .wp-block-column > .accent-header, div.wpnbha .article-section-title { margin-bottom: 0.375rem; } .accent-header + div { margin-top: 0.5rem !important; } div.wpnbha.is-grid .article-section-title { margin-bottom: 0; } .accent-header:not(.widget-title), body.page .article-section-title { font-family: Source Sans Pro; font-size: 1.25em; color: #0053A5; margin-top: 0; padding-top: 0.125em; border-top: 3px solid currentColor; } .accent-header:not(.widget-title) a, body.page .article-section-title a { text-decoration: none; display: block; } body.single .article-section-title { font-family: Source Sans Pro; font-size: 1em !important; color: #000000; margin-top: 0; padding-top: 0; border-top: none; } .wp-block-column.has-background .accent-header:not(.widget-title), .wp-block-column.has-background .article-section-title { text-indent: 1rem; } .wp-block-column.has-background .accent-header:not(.widget-title) + div, .wp-block-column.has-background .article-section-title + div { margin: 1rem 1rem 0; } .article-section-title a { color: inherit !important; } .accent-header.accent-header-nosh, .accent-header.accent-header-nosh a, .accent-header.accent-header-nosh a:visited { color: #e03b0e; border-color: #e03b0e; } .accent-header:not(.widget-title):before, .article-section-title:before { display: none; } .has-background .accent-header, .has-background .article-section-title, body.page .has-background .article-section-title { color: rgba(0,0,0,0.5); } .article-section-title a:after, .accent-header a:after{ content: '\f0a9'; font-family: "Font Awesome 6 Pro"; margin-left: 0.25rem } /* Category links */ .cat-links { font-family: Source Sans Pro; font-weight: 600; color: #7a7c7d; padding-bottom: 2px; border-bottom: 1px solid #d3d7d8; } .cat-links.sponsor-label { padding-bottom: 0; border-bottom: none; } .cat-links a { color: #7a7c7d; } .cat-links::before { display:none; } /* Breaking tag styles */ .tag-home-breaking .entry-title::before { content: 'Breaking'; color: white; background-color: #c1271d; display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 0.9; margin-bottom: 0.5rem; padding: 0.375em; text-transform: uppercase; } /* Legacy Sponsored styles */ .wpnbha .category-sponsored.post-has-image .post-thumbnail, .archive .category-sponsored.has-post-thumbnail .post-thumbnail, .search .category-sponsored.has-post-thumbnail .post-thumbnail, .blog .category-sponsored.has-post-thumbnail .post-thumbnail { position: relative; } .wpnbha .category-sponsored.post-has-image .post-thumbnail::before, .archive .category-sponsored.has-post-thumbnail .post-thumbnail::before, .search .category-sponsored.has-post-thumbnail .post-thumbnail::before, .blog .category-sponsored.has-post-thumbnail .post-thumbnail::before { background: #fff; box-shadow: -2px 2px 2px rgba(0,0,0,0.6); color: #111; content: 'Sponsored'; font-family: 'Source Sans Pro', sans-serif; font-size: 0.7rem; line-height: 1; padding: 0.25em 0.5em; position: absolute; right: 0; top: 0.75rem; text-transform: uppercase; z-index: 5; } .single .entry-header .cat-links a[href*='/category/sponsored'] { color: #fff; background-color: #A50053; display: inline-block; padding: 0 0.25rem; margin-bottom: 0.25rem; } /** * Type Scales */ @media only screen and (min-width: 782px) { div.wpnbha article .entry-title { font-size: 1.5em; } } div.wpnbha.ts-1 .article-section-title { font-size: 1em; } div.wpnbha.ts-1 article .entry-title { font-size: 16px; } div.wpnbha.ts-1 article .entry-wrapper p { font-size: 15px; line-height: 1.375; } div.wpnbha.ts-2 article .entry-title { font-size: 1em; } div.wpnbha.ts-2 article .entry-wrapper p { font-size: 0.889em; line-height: 1.375; } @media only screen and (min-width: 782px) { div.wpnbha.ts-3 article .entry-title { font-size: 1.25em; } } @media only screen and (min-width: 782px) { div.wpnbha.ts-3 article .entry-wrapper p { font-size: 1em; line-height: 1.375; } } @media only screen and (min-width: 1168px) { div.wpnbha.ts-5 article .entry-title { font-size: 1.875em; } div.wpnbha.ts-5 article p { font-size: 1.25em; line-height: 1.375; } } @media only screen and (min-width: 1168px) { div.wpnbha.ts-6 article .entry-title { font-size: 2em; } } @media only screen and (min-width: 782px) { div.wpnbha.ts-6 article .entry-wrapper p { font-size: 1.375em; } } .wpnbha.is-grid.horizontal-borders article { border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 1em; margin-bottom: 0.5em; } div.wpnbha article .entry-meta, div.wpnbha.ts-3 article .entry-meta { font-size: 0.7778em; } /** * Image Shapes * Switch landscape images to 16:9, portrait to 9:16 */ .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail a, .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail a, .archive .post-thumbnail a, .blog .post-thumbnail a, .search .post-thumbnail a { display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; } .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail a { padding-bottom: 177.78%; } .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail img { height: 100%; } .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail img, .newspack-customizer .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img, .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail img, .newspack-customizer .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img, .archive .post-thumbnail img, .newspack-customizer.archive .post-thumbnail amp-img, .blog .post-thumbnail img, .newspack-customizer.blog .post-thumbnail amp-img, .search .post-thumbnail img { object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } /* Image Shapes - Fixes for the Customizer, not needed for front-end */ .newspack-customizer .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail img, .newspack-customizer .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail img, .newspack-customizer.archive .post-thumbnail img, .newspack-customizer.blog .post-thumbnail img, .newspack-customizer .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img, .newspack-customizer .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img, .newspack-customizer.archive .post-thumbnail amp-img, .newspack-customizer.blog .post-thumbnail amp-img, .newspack-customizer.wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img *, .newspack-customizer.wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img *, .newspack-customizer.archive .post-thumbnail amp-img *, .newspack-customizer.blog .post-thumbnail amp-img * { height: 100%; } .newspack-customizer .wpnbha.is-landscape:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img img, .newspack-customizer .wpnbha.is-portrait:not(.image-alignbehind):not(.default-crop) .post-thumbnail amp-img img, .newspack-customizer.archive .post-thumbnail amp-img img, .newspack-customizer.blog .post-thumbnail amp-img img { left: 0; object-fit:cover; transform: none; top: 0; } /* Single - Move sidebar up next to title */ @media (min-width: 782px) { /* Make sure classic contents fit! */ .single:not(.has-large-featured-image).has-sidebar .entry-content > figure.wp-caption.alignnone[style*='width'], .page:not(.has-large-featured-image).has-sidebar .entry-content > figure.wp-caption.alignnone[style*='width'], .single:not(.has-large-featured-image).has-sidebar .tiled-gallery, .page:not(.has-large-featured-image).has-sidebar .tiled-gallery { max-width: 840px; } .single:not(.has-large-featured-image).has-sidebar #main, .page:not(.has-large-featured-image).has-sidebar #main { display: grid; grid-template-columns: auto 300px; grid-template-rows: fit-content(1%) fit-content(1%) 1fr; column-gap: 5%; } .single:not(.has-large-featured-image).has-sidebar .entry-header, .page:not(.has-large-featured-image).has-sidebar .entry-header { grid-column: 1 / 2; grid-row: 1 / 2; } .single:not(.has-large-featured-image).has-sidebar .main-content, .page:not(.has-large-featured-image).has-sidebar .main-content { grid-column: 1 / 2; grid-row: 2 / 4; width: 100%; } .single:not(.has-large-featured-image).has-sidebar #secondary, .page:not(.has-large-featured-image).has-sidebar #secondary { grid-column: 2 / 3; grid-row: 1 / 4; width: 100%; } .single:not(.has-large-featured-image) .main-content > .post-thumbnail:first-child { margin-top: 0; margin-bottom: 16px; } .single:not(.has-large-featured-image) #secondary, .page:not(.has-large-featured-image) #secondary { padding-top: 0; } /* Hidden featured image */ .single:not(.has-large-featured-image):not(.has-featured-image).has-sidebar .main-content, .page:not(.has-large-featured-image):not(.has-featured-image).has-sidebar .main-content { grid-row: 2 / 4; } /* Featured image above */ .single-featured-image-above.has-sidebar .featured-image-above { display: contents; } .single:not(.has-large-featured-image).single-featured-image-above.has-sidebar .featured-image-above .post-thumbnail, .page:not(.has-large-featured-image).single-featured-image-above.has-sidebar .featured-image-above .post-thumbnail { grid-column: 1 / 3; grid-row: 1 / 2; } .single:not(.has-large-featured-image).single-featured-image-above.has-sidebar .entry-header, .page:not(.has-large-featured-image).single-featured-image-above.has-sidebar .entry-header { grid-row: 2 / 3; } .single:not(.has-large-featured-image).single-featured-image-above.has-sidebar .main-content, .page:not(.has-large-featured-image).single-featured-image-above.has-sidebar .main-content { grid-row: 3 / 4; } .single:not(.has-large-featured-image).single-featured-image-above.has-sidebar #secondary, .page:not(.has-large-featured-image).single-featured-image-above.has-sidebar #secondary { grid-row: 2 / 4; } } /* Single - END Move sidebar up next to title */ /* Single - In Brief category styles */ .single:not(.has-featured-image) .category-in-brief .site-main .entry-header, .single:not(.has-featured-image) .category-in-brief .entry-content { border: solid #003467; padding: 20px; } .single:not(.has-featured-image) .category-in-brief .site-main .entry-header { border-width: 3px 1px 0; } .single:not(.has-featured-image) .category-in-brief .entry-content { border-width: 0 1px 1px; padding: 0 20px 8px; } /* Categories – landing page */ .col-category-page-header { border-bottom: 2px solid #393a3b; padding-bottom: 0.5rem; margin-top: 0.5rem !important; gap: 0.5rem !important; } .col-category-page-sponsor { font-size: 14px; padding-top: 4px; gap: 4px !important; text-align: center; } @media (max-width: 599px) { .col-category-page-sponsor { border-top: 1px solid #adb0b1; } } @media (max-width: 781px) { .col-category-page-sponsor > * { margin-top: 4px !important; margin-bottom: 4px !important; } } /* Tags - replace label */ .entry-footer .tags-links::before { content: 'More at Berkeleyside:'; font-size: .8em; font-weight: bold; margin-right: 0.5rem; } /* Tags - update styles to "hide" that some tags are hidden */ .entry-footer .tags-links a { background: #efefef; margin-right: 0.5em; padding: 0.25em 0.5em; transition: background 0.15s ease-in-out; } .entry-footer .tags-links a:hover { background-color: #e1e1e1; } /* Hide original tag title, separators and specific tags */ .entry-footer .tags-links span:first-child, .entry-footer .sep, .entry-footer a[href*='/tag/home-breaking'], .entry-footer a[href*='/tag/home-highlight'], .entry-footer a[href*='/tag/home-lead'], .entry-footer a[href*='/tag/home-lead-photo'], .entry-footer a[href*='/tag/home-exclude-from-top-stories'], .entry-footer a[href*='/tag/home-timeline'], .entry-footer a[href*='/tag/home-wire'] { display: none; } /* Author Bio */ .author-bio { font-style: italic; border-top: 1px dotted #7a7c7d; } .author-bio .accent-header { display: none; } .author-bio .author-bio-text { display: flex; flex-wrap: wrap; } .author-bio .author-bio-header { order: 10; } .author-bio .author-meta { margin-top: -4px !important; } .author-bio.sponsor-bio .avatar { margin-top: 0.5rem; display: block; } /* Authors List block */ .newspack-blocks__author-list-container { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); } .wp-block-newspack-blocks-author-profile.is-style-center .wp-block-newspack-blocks-author-profile__avatar figure { width: 100% !important; height: 100% !important; } .wp-block-newspack-blocks-author-list .newspack-blocks__author-list-container .newspack-blocks__author-list-item { margin-bottom: 0 !important; } .wp-block-newspack-blocks-author-profile h3 { font-weight: 600; font-size: 1.25em; } /* Opinion Bio */ .opinion-bio { font-style: italic; margin-bottom: 1em; padding-top: 0.5em; border-top: 1px dotted #7a7c7d; } /* Featured Image Above styles */ .single-featured-image-above .site-content { margin-top: 0; } /* Change header */ .single-featured-image-above .site-header .desktop-only, .single-featured-image-above .below-header-widgets { display: none; } .single-featured-image-above .site-header .mobile-menu-toggle { display: inherit; } @media only screen and (min-width: 375px) and (max-width: 599px) { .h-cta .site-header .custom-logo-link { max-width: 175px; } } @media (min-width: 782px) { .single-featured-image-above .site-header .custom-logo { height: auto; width: 180px; } } /* Make image shorter */ @media (min-width: 782px) { .featured-image-above .post-thumbnail { height: 0; max-height: 85vh; padding-bottom: 75%; position: relative; overflow: hidden; } .featured-image-above .post-thumbnail img { object-position: center center; object-fit: cover; position: absolute; height: 100%; width: 100%; } .featured-image-above figcaption { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 50%); bottom: 0; color: #fff; left: 0; max-width: 100%; padding: 2rem 1rem 1rem; position: absolute; right: 0; width: 100%; } } /* Featured Image Above styles - END */ /* Nosh Section */ /* * .page-id-434879 = /nosh */ /* Nosh - header */ .page-id-434879.h-sb .middle-header-contain, .parent-pageid-434879.h-sb .middle-header-contain, .primary-cat-nosh.h-sb .middle-header-contain, .primary-cat-bites.h-sb .middle-header-contain, .primary-cat-coming-soon.h-sb .middle-header-contain, .primary-cat-local-produce-week.h-sb .middle-header-contain, .primary-cat-new-restaurants.h-sb .middle-header-contain, .primary-cat-nightlife.h-sb .middle-header-contain, .primary-cat-restaurant-closures.h-sb .middle-header-contain, .primary-cat-best-of-nosh.h-sb .middle-header-contain, [class*='primary-cat-nosh-'].h-sb .middle-header-contain { background: #e03b0e; } .page-id-434879.h-sb .site-header .social-links-menu li a, .parent-pageid-434879.h-sb .site-header .social-links-menu li a, .primary-cat-nosh.h-sb .site-header .social-links-menu li a, .primary-cat-bites.h-sb .site-header .social-links-menu li a, .primary-cat-coming-soon.h-sb .site-header .social-links-menu li a, .primary-cat-local-produce-week.h-sb .site-header .social-links-menu li a, .primary-cat-new-restaurants.h-sb .site-header .social-links-menu li a, .primary-cat-nightlife.h-sb .site-header .social-links-menu li a, .primary-cat-restaurant-closures.h-sb .site-header .social-links-menu li a, .primary-cat-best-of-nosh.h-sb .site-header .social-links-menu li a, [class*='primary-cat-nosh-'].h-sb .site-header .social-links-menu li a { color: #fff; } .page-id-434879.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .parent-pageid-434879.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-nosh.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-bites.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-coming-soon.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-local-produce-week.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-new-restaurants.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-nightlife.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-restaurant-closures.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, .primary-cat-best-of-nosh.h-sb .nav3 li:not(.menu-highlight.menu-yellow) a, [class*='primary-cat-nosh-'].h-sb .nav3 li:not(.menu-highlight.menu-yellow) a { color: #fff; } .page-id-434879.h-sb .bottom-header-contain, .page-id-434879 .mobile-sidebar, .parent-pageid-434879.h-sb .bottom-header-contain, .parent-pageid-434879 .mobile-sidebar, .primary-cat-nosh.h-sb .bottom-header-contain, .primary-cat-nosh .mobile-sidebar, .primary-cat-bites.h-sb .bottom-header-contain, .primary-cat-bites .mobile-sidebar, .primary-cat-coming-soon.h-sb .bottom-header-contain, .primary-cat-coming-soon .mobile-sidebar, .primary-cat-local-produce-week.h-sb .bottom-header-contain, .primary-cat-local-produce-week .mobile-sidebar, .primary-cat-new-restaurants.h-sb .bottom-header-contain, .primary-cat-new-restaurants .mobile-sidebar, .primary-cat-nightlife.h-sb .bottom-header-contain, .primary-cat-nightlife .mobile-sidebar, .primary-cat-restaurant-closures.h-sb .bottom-header-contain, .primary-cat-restaurant-closures .mobile-sidebar, .primary-cat-best-of-nosh.h-sb .bottom-header-contain, .primary-cat-best-of-nosh .mobile-sidebar, [class*='primary-cat-nosh-'].h-sb .bottom-header-contain, [class*='primary-cat-nosh-'] .mobile-sidebar { background: #a82c0b; color: #fff; } .page-id-434879 .mobile-sidebar a, .page-id-434879 .mobile-sidebar .nav1 ul.main-menu > li > a, .parent-pageid-434879 .mobile-sidebar a, .parent-pageid-434879 .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-nosh .mobile-sidebar a, .primary-cat-nosh .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-bites .mobile-sidebar a, .primary-cat-bites .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-coming-soon .mobile-sidebar a, .primary-cat-coming-soon .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-local-produce-week .mobile-sidebar a, .primary-cat-local-produce-week .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-new-restaurants .mobile-sidebar a, .primary-cat-new-restaurants .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-nightlife .mobile-sidebar a, .primary-cat-nighlife .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-restaurant-closures .mobile-sidebar a, .primary-cat-restaurant-closures .mobile-sidebar .nav1 ul.main-menu > li > a, .primary-cat-best-of-nosh .mobile-sidebar a, .primary-cat-best-of-nosh .mobile-sidebar .nav1 ul.main-menu > li > a, [class*='primary-cat-nosh-'] .mobile-sidebar a, [class*='primary-cat-nosh-'] .mobile-sidebar .nav1 ul.main-menu > li > a { color: #fff; } .page-id-434879 .highlight-menu-contain, .parent-pageid-434879 .highlight-menu-contain, .primary-cat-nosh .highlight-menu-contain, .primary-cat-bites .highlight-menu-contain, .primary-cat-coming-soon .highlight-menu-contain, .primary-cat-local-produce-week .highlight-menu-contain, .primary-cat-new-restaurants .highlight-menu-contain, .primary-cat-nightlife .highlight-menu-contain, .primary-cat-restaurant-closures .highlight-menu-contain, .primary-cat-best-of-nosh .highlight-menu-contain, [class*='primary-cat-nosh-'] .highlight-menu-contain { display: block !important; /* to override "above" feature image styles */ } /* Nosh - Logo */ .site-header .menu-nosh-logo a { background: url(png/nosh-dishing-logo-cropped-to-logo-white-transparent-bg.png) 0 0 no-repeat; background-size: contain; display: none; height: 30px; position: absolute; text-indent: -99999em; top: 18px; width: 164px; z-index: 5; } @media (min-width: 600px) { .site-header .menu-nosh-logo a { height: 60px; top: 15px; width: 200px; } } @media (min-width: 782px) { .site-header .menu-nosh-logo a { height: 66px; top: 30px; width: 360px; } .single-featured-image-above .site-header .menu-nosh-logo a { height: 35px; top: 12px; } } .page-id-434879 .site-header .menu-nosh-logo a, .parent-pageid-434879 .site-header .menu-nosh-logo a, .primary-cat-nosh .site-header .menu-nosh-logo a, .primary-cat-bites .site-header .menu-nosh-logo a, .primary-cat-coming-soon .site-header .menu-nosh-logo a, .primary-cat-local-produce-week .site-header .menu-nosh-logo a, .primary-cat-new-restaurants .site-header .menu-nosh-logo a, .primary-cat-nightlife .site-header .menu-nosh-logo a, .primary-cat-restaurant-closures .site-header .menu-nosh-logo a, .primary-cat-best-of-nosh .site-header .menu-nosh-logo a, [class*='primary-cat-nosh-'] .site-header .menu-nosh-logo a { display: block; } .page-id-434879 .site-header .custom-logo-link, .parent-pageid-434879 .site-header .custom-logo-link, .primary-cat-nosh .site-header .custom-logo-link, .primary-cat-bites .site-header .custom-logo-link, .primary-cat-coming-soon .site-header .custom-logo-link, .primary-cat-local-produce-week .site-header .custom-logo-link, .primary-cat-new-restaurants .site-header .custom-logo-link, .primary-cat-nightlife .site-header .custom-logo-link, .primary-cat-restaurant-closures .site-header .custom-logo-link, .primary-cat-best-of-nosh .site-header .custom-logo-link, [class*='primary-cat-nosh-'] .site-header .custom-logo-link { cursor: noclick; visibility: hidden; } /* Nosh - tagline */ /* Tagline */ .page-id-434879 .site-description, .parent-pageid-434879 .site-description, .primary-cat-nosh .site-description, .primary-cat-bites .site-description, .primary-cat-coming-soon .site-description, .primary-cat-local-produce-week .site-description, .primary-cat-new-restaurants .site-description, .primary-cat-nightlife .site-description, .primary-cat-restaurant-closures .site-description, .primary-cat-best-of-nosh .site-description, [class*='primary-cat-nosh-'] .site-description { display: none; } /* Nosh - Menu */ .nav1 .main-menu > li:not(.menu-nosh) + li.menu-nosh > a { padding-left: 0; } .site-header .nav1 .main-menu > .menu-nosh, .nav1 .main-menu > .menu-nosh, .page-id-434879 .nav1 .main-menu > li, .parent-pageid-434879 .nav1 .main-menu > li, .primary-cat-nosh .nav1 .main-menu > li, .primary-cat-bites .nav1 .main-menu > li, .primary-cat-coming-soon .nav1 .main-menu > li, .primary-cat-local-produce-week .nav1 .main-menu > li, .primary-cat-new-restaurants .nav1 .main-menu > li, .primary-cat-nightlife .nav1 .main-menu > li, .primary-cat-restaurant-closures .nav1 .main-menu > li, .primary-cat-best-of-nosh .nav1 .main-menu > li, [class*='primary-cat-nosh-'] .nav1 .main-menu > li { display: none; } .page-id-434879 .nav1 .main-menu > .menu-nosh, .parent-pageid-434879 .nav1 .main-menu > .menu-nosh, .primary-cat-nosh .nav1 .main-menu > .menu-nosh, .primary-cat-bites .nav1 .main-menu > .menu-nosh, .primary-cat-coming-soon .nav1 .main-menu > .menu-nosh, .primary-cat-local-produce-week .nav1 .main-menu > .menu-nosh, .primary-cat-new-restaurants .nav1 .main-menu > .menu-nosh, .primary-cat-nightlife .nav1 .main-menu > .menu-nosh, .primary-cat-restaurant-closures .nav1 .main-menu > .menu-nosh, .primary-cat-best-of-nosh .nav1 .main-menu > .menu-nosh, [class*='primary-cat-nosh-'] .nav1 .main-menu > .menu-nosh { display: inherit; } body.page-id-434879 .accent-header:not(.widget-title), body.page-id-434879 .article-section-title, body.parent-pageid-434879 .accent-header:not(.widget-title), body.parent-pageid-434879 .article-section-title, .primary-cat-nosh .accent-header:not(.widget-title), .primary-cat-nosh .article-section-title, .primary-cat-bites .accent-header:not(.widget-title), .primary-cat-bites .article-section-title, .primary-cat-coming-soon .accent-header:not(.widget-title), .primary-cat-coming-soon .article-section-title, .primary-cat-local-produce-week .accent-header:not(.widget-title), .primary-cat-local-produce-week .article-section-title, .primary-cat-new-restaurants .accent-header:not(.widget-title), .primary-cat-new-restaurants .article-section-title, .primary-cat-nightlife .accent-header:not(.widget-title), .primary-cat-nightlife .article-section-title, .primary-cat-restaurant-closures .accent-header:not(.widget-title), .primary-cat-restaurant-closures .article-section-title, .primary-cat-best-of-nosh .accent-header:not(.widget-title), .primary-cat-best-of-nosh .article-section-title, [class*='primary-cat-nosh-'] .accent-header:not(.widget-title), [class*='primary-cat-nosh-'] .article-section-title { border-top-color: currentColor; color: #E03B0E; } /* Nosh Section - END */ /* Arts Resource Guide */ #arts-guide { font-family: 'Overlock', sans-serif; font-size: 15px; padding: 2rem; position: relative; z-index: 0; border-top: 0; border-radius: 1rem; background-color: #000; color: #FFF9C4 !important; } #arts-guide .entry-title { font-family: 'Overlock', sans-serif; } #arts-guide a { color: #FFF9C4 !important; text-decoration: none; } #arts-guide .arts-guide-heading { font-family: "Hepta Slab",serif; font-weight: 700; font-style: normal; text-align: center; letter-spacing: 1px; line-height: 1.25; color: #FFF9C4; text-transform: uppercase; margin-bottom: 0.5rem; text-shadow: 0 0 20px #fff9c4, 0 0 40px #f4511e, 0 0 80px #f4511e; } #arts-guide .arts-guide-heading + div { margin-top: 1rem !important; } #arts-guide::before { content: ""; position: absolute; z-index: -1; inset: 0; border: 9px dotted #F4511E; filter: drop-shadow(0px 0px 6px #FFD54F); margin: 15px; } #arts-guide::after { content: ""; position: absolute; z-index: -1; inset: 0; border: 9px dotted #FFF9C4; filter: blur(1px); margin: 15px; } .arts-guide-upcoming-col .newspack-listings__curated-list { max-height: 460px; padding: 0.75rem 0.75rem 0.75rem 0.75rem; overflow-y: scroll; overflow-x: hidden; border-right: 1px solid #adb0b1; position: relative; display: -ms-grid; display: grid; grid-template-columns: 1fr; border-radius: 4px; box-shadow: inset 0 0 8px #fff9c4; } .arts-guide-upcoming-col .newspack-listings__list-container { margin: 0; } .arts-guide-upcoming-col .newspack-listings__listing-title { font-family: 'Overlock', sans-serif; font-weight: 700; font-size: 1.375em; margin-bottom: 0.5rem; } .arts-guide-upcoming-col .newspack-listings__listing + .newspack-listings__listing { border-top: 1px dotted #FFF9C4 !important; } .arts-guide-upcoming-col .newspack-listings__listing { padding: 0; line-height: 1.375; } .arts-guide-upcoming-col .newspack-listings__event-dates + p { margin-top: 0.25rem; } /** * About Page * /about-berkeleyside * Makes "Sidebar" sticky */ .page-id-243624 .site-content, .postid-471767 .site-content { overflow: visible; } .yoast-table-of-contents, .sticky-table-of-contents { position: sticky; top: 8px; } .admin-bar .yoast-table-of-contents, .admint-bar .sticky-table-of-conten{ top: 40px; } /** * Archives */ .page-title .page-subtitle { font-family: 'Source Sans Pro', sans-serif; } .page-title::before { display: none; } .archive .page-header { margin-bottom: 0.5rem; } .archive .site-content { margin-top: 2rem; } /* Archives - Grid layout */ .archive .site-main, .blog .site-main { display: flex; gap: 30px; flex-wrap: wrap; } .archive .site-main article, .blog .site-main article { display: block; margin: 0 0 1rem; } .archive article .entry-title, .blog article .entry-title { font-size: 0.9rem; } .archive article p, .blog article p { font-size: 0.8rem; } @media (min-width: 550px) { .archive .site-main article, .blog .site-main article { width: calc( 50% - 15px ); } } @media (min-width: 782px) { .archive .site-main article { width: calc( 33.333% - 20px ); } .archive.date .site-main article { width: calc( 50% - 15px ); } } @media (min-width: 1100px) { .archive .site-main article { width: calc( 25% - 22.5px ); } .blog .site-main article, .archive.date .site-main article { width: calc( 33.333% - 20px ); } } .archive #main article .post-thumbnail, .blog #main article .post-thumbnail { margin: 0 0 0.5rem; } .archive #main article > *, .blog #main article > * { flex-basis: 100%; max-width: 100%; } .archive .navigation.pagination, .blog .navigation.pagination { width: 100%; } .archive #secondary, .blog #secondary { margin-top: 0; } /* Archives - non-date archives full width */ .archive:not(.date) #secondary { display: none; } .archive:not(.date) #main { width: 100%; } /* Archives - Author */ .archive.author .page-title { margin-bottom: 0.25em; font-size: 0.6em; } .archive.author .page-header { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid #515151; } .archive.author .taxonomy-description { font-style: normal; font-size: 17px; color: #111; } /** * Listings Styles */ /* Replace Events 'Tagged' label with Venue */ /* Tags - replace label */ .newspack-listings__list-container:first-child { margin-top: 0; } .newspack-listings__listing:first-child { padding-top: 0; } .newspack-listings__curated-list .type-newspack_lst_event .newspack-listings__tags strong { display: none; } .newspack-listings__curated-list .type-newspack_lst_event .newspack-listings__tags::before { content: 'Venue:'; font-weight: bold; } #secondary .school-guide-container .newspack-listings__listing-title { margin: 0; font-weight: 500; } #secondary .school-guide-container .newspack-listings__list-container .newspack-listings__listing { padding: 0.5rem 0; } /* listings grid views */ .main-content .newspack-listings__list-container .newspack-listings__listing { border-top: none !important; border-bottom: 1px solid var(--newspack-listings--border-dark) !important; } .listings-grid-2 .newspack-listings__list-container { display: grid; grid-gap: 0 2rem; grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr)); } .listings-grid-3 .newspack-listings__list-container { display: grid; grid-gap: 0 2rem; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); } .listings-grid-4 .newspack-listings__list-container { display: grid; grid-gap: 0 2rem; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); } .type-newspack_lst_generic.category-summer-camps .newspack-listings__listing-meta .newspack-listings__listing-link:last-child::after { content: "Read more"; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #43a047; padding: 0.25em 0.5em; border-radius: 0.25em; } /* Listings read more link */ .main-content .type-newspack_lst_generic.category-east-bay-schools-guide .newspack-listings__listing-meta .newspack-listings__listing-link:last-child::after { content: "Read more"; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; background-color: #43a047; padding: 0.25em 0.5em; border-radius: 0.25em; } /** * Yoast */ .yoast-table-of-contents h2 { font-size: 1.25em; margin-top: 0; margin-bottom: 0.5em; } .yoast-table-of-contents ul { font-size: 0.8889em !important; list-style: none; padding: 0; margin: 0; } /** * Gravity Forms */ .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 8px; } .gform_wrapper.gravity-theme .gsection { border-top: 2px solid #0053a5; border-bottom: none; margin-top: 0.75rem; } .gform_wrapper.gravity-theme .gsection_title { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; color: #0053a5; text-transform: uppercase; margin: 0; padding-top: 0.25rem; } .gform_wrapper.gravity-theme .gform_description { font-size: 16px; line-height: 1.25; display: block; } .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full { padding: 0.25em 0; } /* GF - fix checkbox */ .gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"] { display: inline-grid; } /* GF - Newsletters */ .gform_wrapper.gravity-theme.form-newsletters-descriptions_wrapper .gfield-choice-input+label { font-size: 1em; font-weight: 700; margin-left: 0.25em; } .gform_wrapper.gravity-theme.form-newsletters-descriptions_wrapper .gfield_description { padding: 0 0 0.5em 30px; } .gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields { display: flex; flex-wrap: wrap; gap: 10px; } /* Email field */ .gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields > div:first-child { border-bottom: 1px solid rgba(0,0,0,0.05); margin-bottom: 10px; padding-bottom: 10px; width: 100%; } .gform-body input[type="submit"] { padding: 0.5rem 1rem; } @media (min-width: 782px) { .gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields > div:first-child { display: flex; gap: 1rem; } /*.gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields > div:first-child label span { display: block; padding: 0; }*/ .gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields > div:first-child div { flex-grow: 2; } /* Newsletter options */ .gform_wrapper.form-newsletters-descriptions_wrapper .gform_fields fieldset { width: calc( 50% - 5px ); } } .newspack-inline-popup.newsletter-inline h2 { margin-bottom: 0.5rem; } .newspack-inline-popup.newsletter-inline .gform_wrapper { margin-top: 0; } .gform_wrapper.gravity-theme .gform_footer { margin: 0 !important; padding: 0 !important; } /** * Post-aside */ .entry .entry-content *.post-aside { font-size: 16px; line-height: 1.375; background-color: #E6EAEC; width: 50%; max-width: 200px; float: left; clear: left; padding: 0.75rem; margin: 0.25rem 1.5rem 1rem 0 !important; } .entry .entry-content *.post-aside.background-none { background-color: transparent; padding: 0; } .entry .entry-content *.post-aside.small-plus { width: 100%; max-width: none; float: none; overflow: auto; } @media (min-width: 480px) { .entry .entry-content *.post-aside.small-plus { width: 35%; max-width: none; float: left; } } .entry .entry-content *.post-aside.medium { width: 100%; max-width: none; float: none; overflow: auto; } @media (min-width: 480px) { .entry .entry-content *.post-aside.medium { width: 50%; max-width: none; float: left; } } .entry .entry-content *.post-aside.large { width: 100%; max-width: 415px; float: none; overflow: auto; } @media (min-width: 480px) { .entry .entry-content *.post-aside.large { width: 65%; max-width: none; float: left; } } .entry .entry-content *.post-aside.full { width: 100%; max-width: none; float: none; } .post-aside figure { max-width: 100%; } .post-aside figcaption { margin-bottom: 0; } .single .entry .entry-content > .post-aside + p { margin-top: 0; } .entry-content .alignfull.post-aside > figcaption { width: auto; } /** * Sidebar */ .wp-block-calendar { border-top: 3px solid #393a3b; max-width: 300px; margin: auto; margin-bottom: 0; padding: 0.75em 1em 1em; background-color: #E6EAEC; } .wp-block-calendar caption { font-size: 20px; font-size: 1rem; font-family: "Source Sans Pro",sans-serif; font-weight: 600; text-transform: uppercase; } .wp-block-calendar tbody td, .wp-block-calendar th { border: 0; } .wp-block-calendar table th { background: transparent; font-family: 'Source Sans Pro', sans-serif; color: #666; font-size: 0.75rem; } .wp-block-calendar tbody td { color: #7a7c7d; font-size: 0.75rem; text-align: center; } .wp-block-calendar tbody td a { color: #0053A5; padding-top: 1px; display: block; background-color: #fff; text-decoration: none; } .wp-block-calendar tbody td a:hover { color: #fff; background-color: #3F9EEA; } .wp-block-calendar .wp-calendar-nav { display: flex; justify-content: space-between; } .wp-block-calendar .wp-calendar-nav a { color: #0053A5; text-decoration: none; } /** * Secondary */ #secondary .widget-title { font-family: Source Sans Pro; font-size: 0.9rem; color: #0053A5; margin: 0 0 0.5em; padding-top: 0.5em; border-top: 3px solid #0053A5; } /** * Footer */ .footer-branding { display: none; } #colophon .accent-header + * { margin-top: 0; } #colophon .menu { margin-top: 0; font-size: 1.125em; line-height: 1.25; } #colophon .menu li{ line-height: 1.25; } #colophon .accent-header { margin-bottom: 0.5em; color: #0053A5; } #colophon .accent-header + div { margin-top: 0 !important; } /* Nosh post section head */ h2.nosh-section-head { font-size: 1.125rem; font-family: "Source Sans Pro",sans-serif; color: #e03b0e; padding-top: 0.25rem; margin-top: 2.375rem; margin-bottom: 1rem; line-height: 1.25; font-weight: 600; } h2.nosh-section-head:before { display: block; border-top: 2px solid #e03b0e; margin-top: 5px; content: ''; } /* Shop talk heading */ .shop-talk-section-head { font-family: "Source Sans Pro",sans-serif; color: #04BFBF; text-transform: uppercase; padding-top: 0.25rem; margin-top: 2.375rem; margin-bottom: 1rem; border-top: 2px solid #04BFBF; line-height: 1.25; font-weight: 600; } .shop-talk-section-head strong { font-weight: 600; color: #fff; background-color: #04BFBF; padding: 0.25rem 0.5rem; margin-right: 0.25rem; } .shop-talk-section-head:first-child { margin-top: 1rem; } .shop-talk-section-head + h3 { font-size: 1.625em; font-weight: 600; margin-bottom: 1.375rem; } /* Govpack */ .wp-block-govpack-profile-self__comms ul, .wp-block-govpack-profile-self__contacts ul, .wp-block-govpack-profile-self__container { display: grid; align-items: start; grid-gap: 1rem; background-color: #eee; padding: 1rem; } @media (min-width: 480px) { .wp-block-govpack-profile-self__comms ul, .wp-block-govpack-profile-self__contacts ul, .wp-block-govpack-profile-self__container { grid-template-columns: 33.333% 1fr; } } .single-govpack_profiles .entry-subhead { display: none; } .wp-block-govpack-profile-self__avatar, .wp-block-govpack-profile-self__info { margin: 0; width: 100%; } /* EOY CTAs */ @media (min-width: 600px) { .eoy-cta-homepage .wp-block-group__inner-container { padding-left: 12.5%; padding-right: 12.5%; } }