/* Theme Name: Spearhead (Classic) Theme URI: https://wordpress.com/theme/spearhead Author: Automattic Author URI: https://automattic.com/ Description: Share your podcast with the world using Spearhead. Requires at least: 5.5 Tested up to: 5.5 Requires PHP: 5.6.2 Version: 1.3.17 License: GNU General Public License v2 or later License URI: LICENSE Template: seedlet Text Domain: spearhead Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, jetpack-global-styles */ /** * Required Variables */ .author-link { font-size: var(--global--font-size-xs); position: relative; } .author-link:after { background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' width='24' height='24' aria-hidden='true' role='img' focusable='false' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.96954 10.2804L11.9999 15.3107L17.0302 10.2804L15.9695 9.21973L11.9999 13.1894L8.0302 9.21973L6.96954 10.2804Z' fill='%23DB0042'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 14px 14px; content: ''; position: absolute; bottom: 0; left: -14px; width: 14px; height: 14px; transform: rotate(90deg); } /** * Required Variables */ /** * Repsonsive Styles */ @media only screen and (min-width: 830px) { :root { --global--spacing-horizontal: 60px; --global--spacing-vertical: 35px; --responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 782px); --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1247px); --wpadmin-bar--height: 32px; } } .archive .post .entry-title, .home .post .entry-title { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); margin-bottom: 0; } .archive .post-excerpt:not(.sticky), .home .post-excerpt:not(.sticky) { color: var(--global--color-secondary); } .archive .post-excerpt:not(.sticky) .more-link, .home .post-excerpt:not(.sticky) .more-link { color: var(--global--color-secondary); } .archive .post-excerpt:not(.sticky) .more-link:hover, .home .post-excerpt:not(.sticky) .more-link:hover { color: var(--global--color-primary-hover); } .post .entry-header { display: flex; flex-direction: column; } .post .entry-header .entry-title { margin-bottom: 0; } .post .entry-header .entry-meta { margin-bottom: var(--global--spacing-vertical); order: -1; } .post .entry-header .entry-meta .posted-on svg { display: none; } .post .entry-header .entry-meta .posted-on a { color: var(--global--color-foreground-low-contrast); font-family: var(--global--font-primary); font-size: var(--global--font-size-md); } .site-main > * { margin: 0 auto; padding: var(--global--spacing-vertical) 0; } .site-main > *:first-child { padding-top: 0; } .site-main article > * { margin-top: calc( 0.48 * var(--global--spacing-vertical)); margin-bottom: calc( 0.48 * var(--global--spacing-vertical)); /* This overrides Seedlet's style for this breakpoint */ } @media only screen and (min-width: 482px) { .site-main article > * { margin-top: calc( 0.48 * var(--global--spacing-vertical)); margin-bottom: calc( 0.48 * var(--global--spacing-vertical)); } } .has-sticky-post .site-main { background: var(--sticky-posts--alt-color-background); } .has-sticky-post .site-main > *:first-child { margin-top: calc( 0px - var(--global--spacing-vertical)); padding-top: var(--global--spacing-vertical); } .post.sticky { background: var(--sticky-posts--color-background); padding-bottom: calc(2 * var(--global--spacing-vertical)); } .post.sticky .entry-title { font-size: var(--sticky-posts--entry-title-font-size); } .post.sticky .entry-content { font-size: var(--sticky-posts--entry-content-font-size); } .post.sticky + .post.sticky { padding-top: 0; } .post.sticky + article:not(.sticky) { padding-top: calc(2 * var(--global--spacing-vertical)); } .sticky-post { display: none; } .entry-content .more-link { color: var(--global--color-foreground); display: inline-block; font-size: var(--entry-meta--font-size); margin-top: 0; text-decoration: 1px solid underline var(--global--color-primary); } .entry-content .more-link:hover { color: var(--global--color-primary-hover); } .entry-content .more-link:after { content: none; } .entry-content .more-link svg { height: var(--global--font-size-base); width: var(--global--font-size-base); margin-right: -0.25em; display: inline-block; vertical-align: middle; transform: rotate(90deg); } .entry-content .excerpt-more-link .more-link { margin-right: 1rem; } .single { color: var(--global--color-foreground); } .has-link-color a, a { border-color: transparent; transition: all 0.1s ease; text-decoration: none; } .has-link-color a:hover, a:hover { color: var(--global--color-primary-hover); text-decoration: 1px solid underline; } .wp-block a, .entry-content a { font-weight: var(--global--link-font-weight); border-color: var(--global--color-primary); } .wp-block a:hover, .entry-content a:hover { border-color: transparent; } .has-main-navigation .site-header { padding: var(--global--spacing-vertical) 0; } @media only screen and (min-width: 830px) { .has-main-navigation .site-header { padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } } .has-main-navigation .site-header a { text-decoration: none; } @media only screen and (max-width: 829px) { .has-main-navigation .site-header .site-title { margin: 0; } .has-main-navigation .site-header .site-description { display: none; } } .has-sticky-post .site-header { background: var(--sticky-posts--color-background); } .site-header { display: grid; grid-template-areas: "site-logo site-logo site-logo" "branding branding primary-navigation"; grid-template-columns: 0.5fr 1fr 0.5fr; grid-template-rows: auto; grid-column-gap: 16px; max-width: var(--responsive--alignfull-width); padding: var(--global--spacing-vertical) 0; } @media only screen and (min-width: 830px) { .site-header { grid-template-areas: "site-logo site-logo site-logo" "branding primary-navigation primary-navigation"; padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } } .site-header .site-branding { grid-area: branding; padding: var(--global--spacing-horizontal); text-align: right; justify-self: flex-start; align-self: center; } @media only screen and (min-width: 830px) { .site-header .site-branding { padding: 0; } } .site-header .site-branding .site-logo { margin-right: 0; margin-top: 0; } .site-header .site-branding .site-title { margin-bottom: 4px; } .site-header .site-branding .site-title > a { background: inherit; text-decoration: none; text-shadow: none; } .site-header .site-logo { grid-area: site-logo; margin: 0; } .site-header .site-logo a { display: block; } .site-header .site-logo a:hover { border-color: transparent; } .site-header .primary-navigation-wrapper { margin-bottom: 6px; } .site-header .primary-navigation { margin-top: 0; position: relative; } @media only screen and (max-width: 829px) { .admin-bar .site-header .primary-navigation .primary-menu-container { top: 114px; } .site-header .primary-navigation .primary-menu-container a { color: var(--primary-nav--dropdown-color-link); } .site-header .primary-navigation .social-navigation a { color: var(--primary-nav--dropdown-color-link); } } .site-header .primary-navigation button#primary-close-menu { color: var(--global--color-secondary); margin: 0; margin-top: 0.25rem; padding: var(--global--spacing-horizontal); position: relative; top: 0; left: 0; float: left; } .has-marketing-bar .site-header .primary-navigation button#primary-close-menu { top: calc(-1 * var(--wpcom-marketing-bar--height)); } .admin-bar .site-header .primary-navigation button#primary-close-menu { top: calc(-1 * var(--wpadmin-bar--height)); } .admin-bar.has-marketing-bar .site-header .primary-navigation button#primary-close-menu { top: calc(calc(-1 * var(--wpadmin-bar--height)) + calc(-1 * var(--wpcom-marketing-bar--height))); } .site-header .primary-navigation button#primary-close-menu:hover { color: var(--global--color-primary); } .site-header .primary-navigation .menu-item-has-children > .svg-icon { margin-top: -2px; margin-right: -2px; } .site-header .primary-navigation > div > ul li, .site-header .woo-navigation > div > ul li { color: var(--global--color-secondary); } .site-header .primary-navigation > div > ul li a:hover, .site-header .woo-navigation > div > ul li a:hover { border-color: transparent; color: var(--global--color-primary); } .site-header > .site-branding, .site-header > nav { margin: 0; } .site-header .social-navigation { flex-basis: 100%; } .site-header .social-navigation ul { justify-content: flex-start; flex-wrap: nowrap; margin-top: var(--social-nav--padding); } .site-header .social-navigation ul li { margin: 0; padding: 0 0 0 var(--social-nav--padding); } @media only screen and (min-width: 830px) { .site-header .social-navigation { flex-basis: auto; } .site-header .social-navigation ul { justify-content: flex-end; margin-top: 0; } .site-header .social-navigation ul li { padding: 0 var(--social-nav--padding) 0 0; } } .site-header .social-navigation .menu-item { width: auto; } .site-header .social-navigation .menu-item > a { padding: 0; } .site-header .social-navigation .menu-item > a:hover { border-color: var(--primary-nav--color-border); color: var(--primary-nav--color-link-hover); } .has-title-and-tagline .site-logo { margin: 0; } @media only screen and (min-width: 830px) { .has-title-and-tagline .site-logo { padding-bottom: var(--global--spacing-vertical); } } .has-title-and-tagline .site-branding { align-self: flex-start; } .primary-navigation-open .site-header { padding-top: 0; } .primary-navigation-open .has-title-and-tagline .site-logo { display: none; } .site-header div.menu-button-container button#primary-open-menu { padding: var(--global--spacing-horizontal); margin-top: 0; margin-left: 0; } .site-header div.menu-button-container button#primary-open-menu::before { margin: 0; } .site-header div.menu-button-container #woo-open-menu { margin-right: auto; } .primary-navigation-open .site-header div.menu-button-container { margin: 0; } .site-footer .menu-item a { border-bottom: none; } .site-footer > .site-info { font-family: var(--global--font-secondary); } .site-footer > .site-info a.site-name { color: var(--global--color-primary); font-family: var(--global--font-primary); } .site-footer > .site-info a:hover { color: var(--global--color-primary-hover); } .archive .page-header { line-height: var(--heading--line-height-h1); margin-bottom: 16px; } .archive .page-title { font-size: var(--heading--font-size-h1); color: var(--entry-header--color); } .archive .site-main > article:first-of-type { margin-top: 0; } ul.wp-block-categories, .wp-block-categories ul { list-style-type: none; margin-top: 0; padding: 0; } .wp-block-categories .cat-item { margin: calc( 0.3 * var(--global--spacing-vertical)) 0; } .wp-block-categories a { color: var(--entry-header--color); font-size: var(--global--font-size-lg); } .wp-block-categories a:hover { border-color: transparent; color: var(--global--color-primary); } .wp-block-latest-posts > li:not(.is-grid) { margin: calc( 0.3 * var(--global--spacing-vertical)) 0; } .wp-block-latest-posts > li > a { color: var(--global--color-foreground-low-contrast); font-size: var(--global--font-size-lg); font-weight: 500; } .wp-block-latest-posts > li > a:hover { border-color: transparent; color: var(--global--color-primary); } .podcast-links-list-block { color: var(--entry-header--color); } .podcast-links-list-block a { margin: 0 7px 0 3px; } .podcast-links-list-block a:first-child { margin-right: 0; } .wp-block-navigation .wp-block-navigation__container p { line-height: 2.5; } .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { color: var(--wp--style--color--link, var(--global--color-primary)); line-height: 1; margin: calc( var(--primary-nav--padding) - 1px); padding: 0; } .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content .wp-block-navigation-link__label { font-size: var(--global--font-size-root); font-weight: var(--global--link-font-weight); } .jp-relatedposts-i2 .jp-related-posts-i2__post, .wp-block-jetpack-related-posts .jp-related-posts-i2__post { margin: 0 0 0 var(--global--spacing-horizontal); } .jp-relatedposts-i2 .jp-related-posts-i2__row, .wp-block-jetpack-related-posts .jp-related-posts-i2__row { margin: auto; } .jp-relatedposts-i2 .jp-related-posts-i2__post-link, .wp-block-jetpack-related-posts .jp-related-posts-i2__post-link { font-weight: var(--global--font-weight); font-size: var(--global--font-size-lg); line-height: var(--global--line-height-body); width: fit-content; } .jp-relatedposts-i2 .jp-related-posts-i2__post-link a, .wp-block-jetpack-related-posts .jp-related-posts-i2__post-link a { color: var(--global--color-foreground); } .jp-relatedposts-i2 .jp-related-posts-i2__post-date, .jp-relatedposts-i2 .jp-related-posts-i2__post-context, .wp-block-jetpack-related-posts .jp-related-posts-i2__post-date, .wp-block-jetpack-related-posts .jp-related-posts-i2__post-context { font-family: var(--global--font-primary); font-size: var(--global--font-size-xs); text-transform: uppercase; color: var(--global--color-foreground-low-contrast); } /* The built in Jetpack related posts has different markup */ #jp-relatedposts .jp-relatedposts-items p { font-size: var(--global--font-size-xs); } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: 1; line-height: var(--global--line-height-body); color: var(--global--color-foreground-low-contrast); } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title { font-size: var(--global--font-size-lg); line-height: var(--heading--line-height-h2); margin-bottom: calc(0.3 * var(--global--spacing-vertical)); } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { color: var(--global--color-foreground); } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: none; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: none; } #jp-relatedposts h3.jp-relatedposts-headline { font-size: var(--global--font-size-base); margin-bottom: var(--global--spacing-vertical); } #jp-relatedposts h3.jp-relatedposts-headline em { font-weight: var(--global--font-weight); } #jp-relatedposts h3.jp-relatedposts-headline em:before { content: none; } .wp-block-newspack-blocks-homepage-articles.wpnbha article, .wp-block-a8c-blog-posts.wpnbha article { margin: 0 auto; padding: var(--global--spacing-vertical) 0; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper, .wp-block-a8c-blog-posts article .entry-wrapper { margin: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-wrapper p, .wp-block-a8c-blog-posts article .entry-wrapper p { margin-top: 0; margin-bottom: 0; } .wp-block-newspack-blocks-homepage-articles article .entry-title, .wp-block-a8c-blog-posts article .entry-title { margin-bottom: calc( 0.48 * var(--global--spacing-vertical)); } .wp-block-newspack-blocks-homepage-articles article .entry-title a, .wp-block-a8c-blog-posts article .entry-title a { font-size: var(--global--font-size-lg); color: var(--entry-header--color-link); font-weight: var(--heading--font-weight); } .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .wp-block-a8c-blog-posts article .entry-title a:hover, .wp-block-a8c-blog-posts article .entry-title a:focus { color: var(--entry-header--color-hover); } .wp-block-newspack-blocks-homepage-articles article .entry-title a:active, .wp-block-a8c-blog-posts article .entry-title a:active { color: var(--entry-header--color-link); } .wp-block-newspack-blocks-homepage-articles article .more-link, .wp-block-a8c-blog-posts article .more-link { margin-top: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); border-top-right-radius: 0; border-bottom-right-radius: 0; margin: -1px 0 -1px -1px; } .wp-block-search.wp-block-search__button-inside:not(.wp-block-search__icon-button) .wp-block-search__inside-wrapper { border-radius: var(--button--border-radius); } .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__inside-wrapper { flex-direction: row-reverse; padding-right: 0; border: none; border-bottom: var(--form--border-width) solid var(--form--border-color); } .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__input { border: none; padding: 0 10px 0 0; } .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button.has-icon { margin-right: 0; background: transparent; color: var(--form--border-color); padding: 0; border: none; } .wp-block-search .wp-block-search__inside-wrapper { color: var(--global--color-secondary); align-items: center; } .wp-block-search .wp-block-search__label { margin-bottom: 1rem; } .wp-block-search .wp-block-search__input { color: var(--form--color-text); margin-left: calc( .1 * var(--global--spacing-horizontal)); border: none; border-bottom: var(--form--border-width) solid var(--form--border-color); } body[class*="woocommerce"] #page .site-header .primary-navigation { flex-basis: 50%; } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs { padding-right: calc( 0.3 * var(--global--spacing-horizontal)); margin-bottom: calc( 2 * var(--global--spacing-vertical)); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li { background-color: var(--global--color-foreground-low-contrast); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li:before { box-shadow: -2px 2px 0 var(--global--color-foreground-low-contrast); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li:after { box-shadow: 2px 2px 0 var(--global--color-foreground-low-contrast); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a { color: var(--button--color-text); padding: var(--button--padding-vertical) var(--button--padding-horizontal); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover { color: var(--button--color-text-hover); } body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a { color: var(--global--color-foreground); } body[class*="woocommerce"] #page .woocommerce-tabs .panel { margin-bottom: calc( 2 * var(--global--spacing-vertical)); } body[class*="woocommerce"] #page .woocommerce-tabs .panel h2 { font-family: var(--global--font-secondary); } #content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale { top: -0.5em; left: -0.5em; } #content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-title { font-family: var(--global--font-secondary); } #content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-price { color: var(--global--color-foreground); } #content .wc-block-featured-product .wc-block-featured-product__price { font-size: var(--global--font-size-sm); } .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date::before { content: none; } .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author, .wc-block-components-review-list-item__published-date { font-size: var(--global--font-size-xs); } .single-product #page #woocommerce-wrapper div.product div.summary p.price { color: var(--global--color-foreground); font-size: var(--global--font-size-lg); } .single-product #page #woocommerce-wrapper div.product form.cart div.quantity input[type=number] { line-height: var(--global--font-size-xl); padding: calc(0.5 * var(--button--padding-vertical)) var(--form--spacing-unit); } .single-product #page #woocommerce-wrapper div.product form.cart button { line-height: var(--global--font-size-xl); padding: calc(0.5 * var(--button--padding-vertical) + 1px) var(--button--padding-horizontal); } .product_meta { color: var(--global--color-foreground-low-contrast); } .screen-reader-text, .search-form input[type="submit"] { /* Text meant only for screen readers. */ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus, .search-form input:focus[type="submit"] { background-color: var(--global--color-background); border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: var(--global--color-foreground); display: block; font-size: var(--global--font-size-md); font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .search-results .site-main > * { padding: var(--global--spacing-vertical) 0; } .search-results .search-form { padding-bottom: 0; margin-bottom: var(--global--spacing-vertical); } .search-results .entry-title { font-size: var(--heading--font-size-h2); } .search-results .entry-header { margin-bottom: 0; } .search-form { border-bottom: var(--form--border-width) solid var(--form--border-color); flex-direction: row-reverse; } .search-form > label { margin-left: 0; padding-right: 30px; position: relative; } .search-form > label:before { content: ""; position: absolute; top: 0; right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='search-icon' class='search-icon' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; width: 24px; height: 100%; } .search-form input[type="search"] { border: none; padding-top: var(--button--padding-vertical); padding-bottom: var(--button--padding-vertical); font-size: var(--global--font-size-sm); color: var(--entry-header--color); } .search-form input[type="submit"] { background: none; color: var(--entry-header--color); } .site-main > article > .entry-footer { margin-top: calc( var(--global--spacing-vertical) / 2); padding-top: 0; border: none; } .widget ul { padding: 0; } #content .wc-block-grid .wc-block-grid__product-onsale { font-family: var(--global--font-secondary); } body[class*="woocommerce"] #page span.onsale { background-color: var(--global--color-background); border: 1px solid var(--global--color-foreground); border-radius: 0; font-family: var(--global--font-secondary); line-height: 1.6; min-width: 0; min-height: 0; padding: 1em; } body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget { max-width: 100%; } #woocommerce-wrapper ul.products li.product .price { color: var(--global--color-foreground); } @media only screen and (min-width: 830px) { .woo-navigation { padding-top: var(--global--spacing-vertical); } }