/** * Typography */ @font-face { font-family: 'GT America Compressed'; src: url('ttf/gt-america-compressed-bold.ttf'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'GT America Compressed'; src: url('ttf/gt-america-compressed-medium.ttf'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'GT America Mono'; src: url('otf/gt-america-mono-bold.otf'); font-weight: 700; font-style: no780pxrmal; font-display: swap; } @font-face { font-family: 'GT America Mono'; src: url('otf/gt-america-mono-regular.otf'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'GT America Standard'; src: url('ttf/gt-america-standard-bold.ttf'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'GT America Standard'; src: url('ttf/gt-america-standard-regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Headline'; src: url('ttf/tiemposheadline-black.ttf'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Headline'; src: url('ttf/tiemposheadline-medium.ttf'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Headline'; src: url('ttf/tiemposheadline-light.ttf'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Text'; src: url('ttf/tiempostext-bold.ttf'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Text'; src: url('ttf/tiempostext-bolditalic.ttf'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Tiempos Text'; src: url('ttf/tiempostext-regular.ttf'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Tiempos Text'; src: url('ttf/tiempostext-italic.ttf'); font-weight: 400; font-style: italic; font-display: swap; } /** * Header */ .site-header .nav1 { font-size: var(--newspack-theme-font-size-sm); } @media only screen and (min-width: 782px) { .site-header .nav1 .main-menu > li:not(:last-child)::after { background-color: var(--wp--preset--color--medium-gray); content: ''; display: inline-block; width: 1px; height: 1rem; margin-left: 0.5rem; vertical-align: middle; } } .nav1 .main-menu > li > a { font-weight: 400; } /* Secondary nav menu */ ul.secondary-menu > .menu-item > a { letter-spacing: 0.01em; text-transform: uppercase; } .site-header ul.secondary-menu > .menu-item:first-of-type a { color: var(--bec-color-marigold-yellow); } /** * Content */ /* Single post titles and subtitles */ .single .entry-header .entry-title { font-family: "GT America Compressed", sans-serif; font-weight: 700; } .single .newspack-post-subtitle { font-family: "GT America Standard", sans-serif; } .newspack-post-subtitle.newspack-post-subtitle--in-homepage-block { font-style: normal; } /* Main headings */ .page-description, .not-found .page-title, .error-404 .page-title, .pagination .nav-links, .wp-block-query-pagination, .comments-title, .cat-links, .comment-author .fn, .no-comments, .site-title, .post-navigation .post-title, h1, h2, h3, h4, h5, h6 { font-weight: 900; } .accent-header:not(.widget-title)::before, .article-section-title::before, .cat-links::before, .page-title::before, .site-breadcrumb .wrapper > span::before { display: none; } .entry-content a { text-decoration: none; } .entry-meta, .entry-meta .byline a, .single-post .entry-wrapper .entry-meta .byline a { color: #666; font-style: italic; } .entry-meta .byline a:hover { color: var( --newspack-theme-color-secondary-variation); } figcaption, .wp-caption-text, .swiper-pagination-simple { color: var(--newspack-theme-color-text-main); font-family: var(--newspack-theme-font-body); font-style: italic; } figcaption, .wp-caption-text { font-weight: normal; } .entry-content figcaption, .entry-content .wp-caption-text { text-align: right; margin-right: 0px } .wp-block-image figcaption { font-size: var(--newspack-theme-font-size-xs); } figcaption { color: #555; } figcaption .credit-label-wrapper { display: none; } figcaption .image-credit { display: block; font-weight: bold; } /* Block - Paragraph - Fake drop-cap */ .dropcap::first-letter { float: left; font-weight: normal; font-size: 4em; line-height: 0.75; margin: 0.125em 0.75rem 0 0; position: relative; } .has-drop-cap:not( :focus )::first-letter { font-family: var( --newspack-theme-font-body ); font-weight: normal; } .entry-content p:first-child > b:first-child { float: left; font-size: 4em; font-style: normal; line-height: 0.75; margin: 0.125em 0.75rem 0 0; position: relative; text-transform: uppercase; } /* Block - Homepage Post block */ div.wpnbha.ts-4 article .entry-title { font-size: 1.4em; } div.wpnbha p { font-size: 0.9em; line-height: 1.4; } div.wpnbha:not(.image-alignbehind) .entry-wrapper a:hover, .home div.wpnbha:not(.image-alignbehind) .entry-wrapper a:hover, div.wpnbha:not(.image-alignbehind) .entry-title a:hover, .home div.wpnbha:not(.image-alignbehind) .entry-title a:hover { color: var( --newspack-theme-color-secondary-variation ); } div.wpnbha.has-text-color a:hover, .home div.wpnbha.has-text-color a:hover, div.wpnbha.has-text-color .entry-title a:hover, .home div.wpnbha.has-text-color .entry-title a:hover { color: inherit; } /* Block - Homepage Post block - image behind */ .wpnbha.image-alignbehind .post-has-image { text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } div.wpnbha.image-alignbehind .post-has-image .post-thumbnail::after { background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%); } div.wpnbha.image-alignbehind .post-has-image .entry-wrapper { padding: 1.5rem; } div.wpnbha.image-alignbehind .post-has-image .entry-wrapper p:last-child { margin-bottom: 0; } .wp-block-column div.wpnbha.image-alignbehind, .wp-block-column div.wpnbha.image-alignbehind > div, .wp-block-column div.wpnbha.image-alignbehind article:first-of-type:last-of-type { height: 100%; } /* Block - Group */ .wp-block-group.alignleft.is-style-border, .wp-block-group.alignright.is-style-border { border-color: #000; } .entry .entry-content > .wp-block-group.alignleft { border-width: 0 1px 0 0; margin-right: 30px !important; padding: 0 30px 0 0 !important; float: left; max-width: 50%; } .entry .entry-content > .wp-block-group.alignright { border-width: 0 0 0 1px; margin-left: 30px !important; padding: 0 0 0 30px !important; float: right; max-width: 50%; } .post-template-default .entry .entry-content > .wp-block-group.alignleft, .post-template-default .entry .entry-content > .wp-block-group.alignright { max-width: 40% } @media (min-width: 782px) { .post-template-default .entry .entry-content > .wp-block-group.alignleft, .post-template-default .entry .entry-content > .wp-block-group.alignright { max-width: 35% } } .wp-block-group.alignleft, .wp-block-group.alignright { font-family: "GT America Standard", sans-serif; font-size: 0.85rem; } .wp-block-group.alignleft > div > *:not(:first-child), .wp-block-group.alignright > div > *:not(:first-child) { margin-top: 20px; } .wp-block-group.alignleft > div > *:not(:last-child), .wp-block-group.alignright > div > *:not(:last-child) { margin-bottom: 20px; } /* Block - Quote */ .wp-block-quote { border-left: 0; } /* Block - Pullquote */ .wp-block-pullquote, blockquote { font-family: var(--newspack-theme-font-body); font-size: 2rem; font-weight: 700; line-height: 1.25; padding: 0 2rem; text-align: center; } .wp-block-pullquote p { font-style: normal; } .wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after, .wp-block-pullquote blockquote p:first-of-type::before{ display: none; } /** * Hide byline prefixes */ .author-prefix, .single .entry-header .byline > span:first-child, .archive article .entry-meta .byline > span:first-child, .search article .entry-meta .byline > span:first-child, .blog article .entry-meta .byline > span:first-child { display: none; } /** Single article tweaks */ .single-post .cat-links { border-bottom: 4px solid var(--wp--preset--color--dark-gray); font-size: 14px; } .single-post .cat-links .sep { display: none; } .single-post .cat-links a { background-color: var(--wp--preset--color--dark-gray); color: var(--newspack-theme-color-bg-body); display: inline-block; padding: 0.375rem 0.5rem 0.25rem; text-decoration: none; } .single-post .entry-header .cat-links [rel*='category'] { display: none; } .single-post .byline .author a { color: var(--wp--preset--color--primary); } .single-post .byline .author a:focus, .single-post .byline .author a:hover { color: var(--wp--preset--color--primary-variation); } .single-post .posted-on { color: var(--wp--preset--color--medium-gray); font-size: 14px; font-weight: 700; } .single .newspack-post-subtitle { margin-bottom: 0.45em; } .sd-content ul li { margin-bottom: 0; } /* Tags */ .single .tags-links .sep { display: none; } .single .tags-links a { color: var(--newspack-theme-color-link); border-left: 1px solid var(--newspack-theme-color-border-light); display: inline-block; font-family: var(--newspack-theme-font-body); font-size: 1rem; font-style: italic; padding: 0 0.5rem; } .single .tags-links a:focus, .single .tags-links a:hover { color: var(--newspack-theme-color-link-hover); } .single .tags-links a:first-of-type { border: none; padding-left: 0 } /* Change tag label */ .single .tags-links > span:first-child { display: none; } /* Hide 'Not on homepage' and 'free' tags */ .single .tags-links a[href*='/topic/not-on-homepage/'], .single .tags-links a[href*='/topic/free/'] { display: none; } /** Feature articles: Single column template with "Above" featured image placement */ .post-template-single-feature.single-featured-image-above .site-breadcrumb { display: none; } .post-template-single-feature.single-featured-image-above .entry-header { background-color: rgba(0, 0, 0, 0.8); border: none; color: white; margin-bottom: 100px; margin-left: auto; margin-right: auto; margin-top: -90vh; width: 880px; padding: 50px; max-width: 100%; } .post-template-single-feature.single-featured-image-above .entry-header a, .post-template-single-feature.single-featured-image-above .entry-header .entry-meta { color: white; } .post-template-single-feature.single-featured-image-above .entry-header a:hover, .post-template-single-feature.single-featured-image-above .entry-header a:focus { color: var(--newspack-theme-color-bg-pre); } .post-template-single-feature.single-featured-image-above .featured-image-above .post-thumbnail { height: 100vh; } .post-template-single-feature.single-featured-image-above .featured-image-above .post-thumbnail img { height: 100%; object-fit: cover; width: 100%; } .post-template-single-feature.single-featured-image-above .featured-image-above figcaption { display: none; } .post-template-single-feature.single-featured-image-above .main-content { max-width: 880px; } .post-template-single-feature.single-featured-image-above .entry-content { background-color: var(--newspack-theme-color-bg-body); padding-left: 24px; padding-right: 24px; } .post-template-single-feature.single-featured-image-above .featured-image-above .entry-header .posted-on { color: #fff; } .post-template-single-feature.single-featured-image-above .entry-header .cat-links { border: 0; } .post-template-single-feature.single-featured-image-above .entry-header .cat-links a { background: transparent; padding: 0; } @media only screen and (min-width: 782px) { .post-template-single-feature.single-featured-image-above .entry-content { max-width: 880px; padding-left: 50px; padding-right: 50px; } } /* Featured image behind */ .featured-image-behind { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .featured-image-behind:before { background: linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 60%); } .featured-image-behind .entry-header { margin-bottom: 0.75rem; } .featured-image-behind .cat-links { border: 0; } .featured-image-behind .cat-links a { background: transparent; padding: 0; } .featured-image-behind .posted-on { color: #fff; } /* Featured image beside */ @media (min-width: 782px) { .featured-image-beside .cat-links { border: 0; } .featured-image-beside .cat-links a { background: transparent; padding: 0; } .featured-image-beside .posted-on { color: #fff; } } /* One column wide single posts */ .post-template-single-feature .entry-header, .post-template-single-feature .post-thumbnail figcaption, .post-template-single-feature .featured-image-behind + figcaption { margin-left: auto; margin-right: auto; width: 780px; } .entry-content .alignfull > figcaption, .entry-content .alignwide > figcaption { margin-left: auto; margin-right: auto; text-align: right; } /** Homepage tweaks */ .home .main-column .article-section-title { display: flex; } .home .main-column .article-section-title span { background-color: var(--wp--preset--color--dark-gray); width: 100%; } .home .main-column .article-section-title a { background-color: var(--wp--preset--color--dark-gray); color: var(--newspack-theme-color-bg-body); display: flex; font-family: var(--newspack-theme-font-body); font-size: 1rem; font-style: italic; font-weight: 400; padding: 0.25rem 2.5rem 0.25rem 1rem; position: relative; text-transform: none; } .home .main-column .article-section-title a:focus, .home .main-column .article-section-title a:hover { color: var(--newspack-theme-color-bg-pre); } .home .main-column .article-section-title a::after { background-color: var(--bec-color-marigold-yellow); align-items: center; color: var(--wp--preset--color--dark-gray); content: '\203a'; display: flex; font-style: normal; font-weight: 400; height: 100%; padding: 0 0.5rem; position: absolute; right: 0; top: 0; } .home .wp-block-newspack-blocks-homepage-articles .entry-title a:focus, .home .wp-block-newspack-blocks-homepage-articles .entry-title a:hover { color: var(--wp--preset--color--dark-gray); } /** * Perspective 'Flag' */ .wpnbha article.tag-perspective .byline::before, .archive article.tag-perspective .byline::before { background: #e7e7e7; color: #2f2f2f; content: 'Perspective'; font-size: 0.625rem; font-weight: bold; letter-spacing: 0.025em; margin-right: 0.5rem; padding: 0.25rem 0.5rem; text-shadow: none; text-transform: uppercase; } /*** RSS Feed Block ***/ .wp-block-rss__item{ border-bottom: 1px solid gray; padding-bottom: 10px; margin-bottom: 15px; } /** * Archives */ .archive .entry-title a:hover, .archive article a:hover { color: var( --newspack-theme-color-secondary-variation ); } /** Issue tweaks */ .archive .entry-content p { line-height: 1.4em; } /** Footer styles */ .above-footer-widgets .wp-block-columns { margin: 0; } @media only screen and (max-width: 781px) { .above-footer-widgets { display: none; } } @media only screen and (min-width: 782px) { .footer-subscribe-form-heading { display: none !important; } } .site-footer .widget-area { padding-bottom: 0; } .site-footer p, .site-footer ul { margin: 0; padding: 0; } .site-footer .widget.widget_block { margin-bottom: 0; } .site-footer .wp-block-columns { margin: 0; } /* Footer Gravity Form */ .site-footer .gform_wrapper { margin: 0; } .site-footer .gform_wrapper.gravity-theme .gform_fields { row-gap: 8px; } .site-footer .gform_wrapper .gform_heading, .site-footer .gform_wrapper.gravity-theme .gfield_label, .site-footer .gform_wrapper.gravity-theme .ginput_complex label { display: none; } .site-footer .gform_wrapper.gravity-theme input[type="text"], .site-footer .gform_wrapper.gravity-theme input[type="email"]{ font-size: 12px; padding: 4px; } .site-footer .gform_wrapper.gravity-theme .gform_footer button, .site-footer .gform_wrapper.gravity-theme .gform_footer input, .site-footer .gform_wrapper.gravity-theme .gform_page_footer button, .site-footer .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom: 0; } .site-footer .gform_wrapper.gravity-theme .gform_footer { justify-content: flex-end; padding: 2px 0; } .site-footer .gform_wrapper .gform_footer .button { background-color: var(--bec-color-marigold-yellow); border-radius: 0; color: #111; padding: 0.5rem 0.76rem; } .site-footer .gform_wrapper .gform_footer .button:hover { background-color: var(--bec-color-coverall-canvas); } /* Footer - terms & privacy links */ .site-info { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; max-width: 90vw; width: 1200px; } .site-info .wrapper { margin: 0; width: auto; } .site-info > .wrapper { gap: 0.5em; } .site-info .widget-area { order: 2 } .site-info .widget-area .wrapper { padding: 0; } @media (max-width: 782px) { .site-info .widget-area { flex-basis: 100%; } } /** * HCN-added CSS */ /** Header tweaks */ .h-sb .middle-header-contain .wrapper { padding: .9rem 0 1rem; } .nav-wrapper .pelcro-login-button, .subpage-sidebar .pelcro-login-button {cursor: pointer;} .nav-wrapper .pelcro-login-button:hover, .subpage-sidebar .pelcro-login-button:hover {opacity: 0.75;} .subpage-sidebar .pelcro-login-button:hover {text-decoration: underline;} /** Magazine identifier **/ .hcn-print-edition-box { font-style: italic; } .hcn-magtitle::before { content: open-quote; } .hcn-magtitle::after { content: close-quote; } /** Republication widget */ .republication_tracker_tool { display: none; } /** Thin margin */ div.wp-block-columns.-thin-margin { gap: 16px; } .-thin-margin .wpnbha article { margin-bottom: 16px; } /** 50/50 tables */ .even-columns table { width: 100%; table-layout: fixed; } .align-top table td { vertical-align: top; } /** Block style options */ .collapse-bottom {margin-bottom: 0px !important;} .collapse-bottom + * {margin-top: 0 !important;} /** Don't wrap emails and telephone numbers */ a[href^="tel:"], a[href^="mailto:"] { white-space: nowrap; } /** Turn a cover into a link */ .full-link {position: relative;} .full-link a:after { display:block; position:absolute; left:0; top:0; width:100%; height:100%; content:''; } /** Cover triptic styling */ .entry .entry-content > #triptic { margin-top: 5px } div#triptic.wp-block-columns { gap: 6px; } #triptic .wpnbha article { height: calc( 50% - 3px ); margin-bottom: 6px; min-height: unset !important; } #triptic .wpnbha article:last-child { margin-bottom: 0px; } /* Triptic - bigger first article */ #triptic .wp-block-column:first-child .wpnbha article { height: 60vh; max-height: 600px; } #triptic div.wpnbha.image-alignbehind .post-has-image .entry-wrapper { padding: 1.5rem 2.5rem 1.5rem 1.5rem; } @media (max-width: 781px) { #triptic .wpnbha article { height: 30vh; max-height: 200px; } } /** Social Sharing Widget */ .sd-sharing .sharing-hidden inner { padding: 2px; } .sd-sharing .sharing-hidden ul li { margin: 0; white-space: nowrap; } .sd-sharing .sd-content .sharing-hidden ul li a.sd-button { box-shadow: none; } .sd-sharing .sd-content ul li a.sd-button {background-color: rgba(255, 255, 255, 0.65); } @media (max-width: 782px) { .sd-sharing .sd-content ul li.share-print {display: none;} } /** Social Links */ .wp-social-link-mail a .screen-reader-text { clip: auto; word-wrap: break-word; border: initial; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0 0 0 24px; overflow: visible; padding: initial; position: static; width: auto; } .wp-social-link-mail:hover { transform: none !important; } /** Pelcro Changes */ #pelcro-app table td, #pelcro-app table td {word-break: normal;} /** Delete when not needed */ #wpadminbar { background-color: #F2A673; } /** Top Posts **/ .jetpack_top_posts_widget li a { font-size: .9em; } .jetpack_top_posts_widget li:not(:last-child) a { border-bottom: 1px solid lightgray; padding-bottom: 20px; } .style-image-credit { font-weight: bold; font-size: var(--newspack-theme-font-size-xs); } /* 1200133283036252/1206530263591126 */ figcaption .image-credit + .image-credit { display: none; } /** Fix for Safari Photo Caption wrapping **/ .entry-content .wp-block-image > figure > figcaption { display:table-caption; }