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%;
}
}