@import "_custom-properties.css"; /*-------------------------------------------------------------- ## Blocks --------------------------------------------------------------*/ /* * Available block selectors: * .wp-block-image * .wp-block-media-text * .wp-block-gallery * .wp-block-audio * .wp-block-video * .wp-block-quote * .wp-block-cover * .wp-block-file * .wp-block-button * .wp-block-gallery * .wp-block-table * .wp-block-embed * .wp-block-audio * .wp-block-pullquote * .wp-block-preformatted * .wp-block-code * .wp-block-verse * .wp-block-table * .wp-block-separator * .wp-block-columns * .wp-block-column * .wp-block-latest-posts * .wp-block-categories * .wp-block-archives */ /*-------------------------------------------------------------- # Paragraph Block --------------------------------------------------------------*/ .entry-content .wp-block-paragraph { line-height: var(--global-font-line-height); } .entry-content .has-drop-cap:not(:focus)::first-letter { font-size: 3.375em; font-weight: 700; line-height: 0.68; float: left; margin: 0.05em 0.1em 0 0; text-transform: uppercase; color: var(--color-h1); } /*-------------------------------------------------------------- # Heading Block --------------------------------------------------------------*/ .entry-content .wp-block-heading { margin-top: 1.5em; margin-bottom: 0.75em; } .entry-content h1.wp-block-heading { color: var(--color-h1); } .entry-content h2.wp-block-heading { color: var(--color-h2); } .entry-content h3.wp-block-heading { color: var(--color-h3); } .entry-content h4.wp-block-heading { color: var(--color-h4); } .entry-content h5.wp-block-heading { color: var(--color-h5); } .entry-content h6.wp-block-heading { color: var(--color-h6); } .entry-content > .wp-block-heading:first-child { margin-top: 0; } /*-------------------------------------------------------------- # Quote Block (existing) --------------------------------------------------------------*/ .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 1.5em auto; padding: 0 1em; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left-color: var(--color-quote-border); } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { border-left-color: var(--color-quote-citation); } .wp-block-cover { display: flex; align-items: center; } .wp-block-cover__inner-container > * { max-width: var(--content-width); margin-left: auto; margin-right: auto; } .wp-block-cover .wp-block-cover-text, .wp-block-cover p { margin-top: 0; } .wp-block-latest-posts, .wp-block-latest-comments { margin: 0; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignfull { padding: 0 1.5em; } /*-------------------------------------------------------------- # Gallery Block - overrides core styles --------------------------------------------------------------*/ .wp-block-gallery ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 0.5em; } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } /* Override standard ul indentation. */ .entry-content .wp-block-gallery { padding-right: 1.5em; padding-left: 1.5em; } @media screen and (min-width: 48em) { .entry-content .wp-block-gallery { padding-right: 0; padding-left: 0; } } .wp-block-gallery.columns-2 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-9 .blocks-gallery-item { grid-column: span 1; margin: 0; width: inherit; } .blocks-gallery-item:last-child:nth-child(odd) { grid-column: span 2; } .wp-block-gallery.columns-3 .blocks-gallery-item:last-child:nth-child(3n), .wp-block-gallery.columns-5 .blocks-gallery-item:last-child:nth-child(5n), .wp-block-gallery.columns-7 .blocks-gallery-item:last-child:nth-child(7n), .wp-block-gallery.columns-9 .blocks-gallery-item:last-child:nth-child(9n) { grid-column: span 1; } @media screen and (min-width: 40em) { .wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); } .wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); } .wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); } .wp-block-gallery.columns-5 { grid-template-columns: repeat(5, 1fr); } .wp-block-gallery.columns-6 { grid-template-columns: repeat(6, 1fr); } .wp-block-gallery.columns-7 { grid-template-columns: repeat(7, 1fr); } .wp-block-gallery.columns-8 { grid-template-columns: repeat(8, 1fr); } .wp-block-gallery.columns-9 { grid-template-columns: repeat(9, 1fr); } } /*-------------------------------------------------------------- # Pullquote Block --------------------------------------------------------------*/ .wp-block-pullquote { border-top: 4px solid var(--color-theme-primary); border-bottom: 4px solid var(--color-theme-primary); margin: 2em 0; padding: 1.5em 0; text-align: center; } .wp-block-pullquote blockquote { margin: 0; padding: 0; border: none; background: none; } .wp-block-pullquote blockquote::before { display: none; } .wp-block-pullquote p { font-size: 1.5rem; line-height: 1.4; } .wp-block-pullquote cite, .wp-block-pullquote__citation { display: block; margin-top: 0.75em; font-size: 0.875rem; font-style: normal; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-theme-grey); } .wp-block-pullquote.is-style-solid-color { border: none; padding: 2em; border-radius: var(--global-border-radius); } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 1.5rem; } /*-------------------------------------------------------------- # Table Block --------------------------------------------------------------*/ .wp-block-table { margin: 1.5em 0; overflow-x: auto; -webkit-overflow-scrolling: touch; } .wp-block-table table { width: 100%; border-collapse: collapse; border-spacing: 0; } .wp-block-table td, .wp-block-table th { padding: 0.75em 1em; border: 1px solid var(--global-border-color); text-align: left; } .wp-block-table th { font-weight: 700; background-color: var(--color-block-bg-subtle); } .wp-block-table thead { border-bottom: 2px solid var(--global-border-color); } .wp-block-table tfoot { border-top: 2px solid var(--global-border-color); } .wp-block-table figcaption { margin-top: 0.5em; font-size: 0.875rem; color: var(--color-theme-grey); text-align: center; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--color-block-bg-subtle); } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: transparent; } /*-------------------------------------------------------------- # Preformatted Block --------------------------------------------------------------*/ .wp-block-preformatted.wp-block-preformatted { font-family: "Courier New", Courier, monospace; font-size: 0.9rem; line-height: 1.7; padding: 1.5em 2em; background-color: var(--color-block-bg-subtle); border: 1px solid var(--global-border-color); border-radius: var(--global-border-radius); overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; margin: 2em 0; } /*-------------------------------------------------------------- # Code Block (extended) --------------------------------------------------------------*/ .wp-block-code { font-family: "Courier New", Courier, monospace !important; font-size: 0.9rem; line-height: 1.7; padding: 1.5em 2em !important; background-color: var(--color-code-bg); color: var(--color-code-text); border: none !important; border-radius: var(--global-border-radius) !important; overflow-x: auto; margin: 2em 0; tab-size: 4; } .wp-block-code code { font-family: inherit; font-size: inherit; background: none; padding: 0; color: inherit; } /*-------------------------------------------------------------- # Verse Block --------------------------------------------------------------*/ .wp-block-verse { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 1.05em; line-height: 1.8; padding: 1.5em 2em; border-left: 4px solid var(--color-theme-primary); background-color: var(--color-block-bg-subtle); border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0; margin: 2em 0; white-space: pre-wrap; } /*-------------------------------------------------------------- # Columns Block --------------------------------------------------------------*/ .entry-content .wp-block-columns { margin-bottom: 1.5em; } .entry-content .wp-block-column > *:last-child { margin-bottom: 0; } @media (max-width: 781px) { .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: wrap; } .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } /*-------------------------------------------------------------- # Group Block --------------------------------------------------------------*/ .entry-content .wp-block-group { margin-bottom: 1.5em; } .entry-content .wp-block-group.has-background { padding: 1.5em 2em; border-radius: var(--global-border-radius); } .entry-content .wp-block-group > *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Media & Text Block --------------------------------------------------------------*/ .wp-block-media-text { margin: 1.5em 0; } .wp-block-media-text .wp-block-media-text__content { padding: 0 1.5em; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding: 1.5em 0; } } /*-------------------------------------------------------------- # Separator Block --------------------------------------------------------------*/ .wp-block-separator { border: none; border-top: 2px solid var(--global-border-color); margin: 2em auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } .wp-block-separator.is-style-wide { max-width: none; } .wp-block-separator.is-style-dots { border: none; max-width: none; text-align: center; line-height: 1; } .wp-block-separator.is-style-dots::before { content: "\00B7 \00B7 \00B7"; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; color: var(--global-font-color); } .wp-block-separator.has-background { border-color: currentColor; } /*-------------------------------------------------------------- # Spacer Block --------------------------------------------------------------*/ .entry-content .wp-block-spacer { display: block; } /*-------------------------------------------------------------- # Video Block --------------------------------------------------------------*/ .wp-block-video { margin: 1.5em 0; } .wp-block-video video { max-width: 100%; height: auto; border-radius: var(--global-border-radius); } .wp-block-video figcaption { margin-top: 0.5em; font-size: 0.875rem; color: var(--color-theme-grey); text-align: center; } /*-------------------------------------------------------------- # Audio Block --------------------------------------------------------------*/ .wp-block-audio { margin: 1.5em 0; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-audio figcaption { margin-top: 0.5em; font-size: 0.875rem; color: var(--color-theme-grey); text-align: center; } /*-------------------------------------------------------------- # File Block --------------------------------------------------------------*/ .wp-block-file { margin: 1.5em 0; display: flex; align-items: center; flex-wrap: wrap; gap: 0.75em; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 600; word-break: break-word; } .wp-block-file .wp-block-file__button { font-family: inherit; font-size: 0.875rem; color: var(--button-text-color); background-color: var(--button-background-color); border: 1px solid var(--button-border-color); border-radius: var(--button-border-radius); padding: 0.5em 1.25em; text-decoration: none; transition: all linear 0.2s; } .wp-block-file .wp-block-file__button:hover { color: var(--button-text-hover-color); background-color: var(--button-background-hover-color); border-color: var(--button-border-hover-color); } /*-------------------------------------------------------------- # Details Block --------------------------------------------------------------*/ .wp-block-details { margin: 1.5em 0; border: 1px solid var(--global-border-color); border-radius: var(--global-border-radius); overflow: hidden; } .wp-block-details summary { padding: 1em 1.25em; font-weight: 600; cursor: pointer; list-style-position: outside; padding-left: 2em; } .wp-block-details summary:hover { background-color: var(--color-block-bg-subtle); } .wp-block-details[open] summary { border-bottom: 1px solid var(--global-border-color); } .wp-block-details > *:not(summary) { padding: 0 1.25em; } .wp-block-details > *:not(summary):first-of-type { margin-top: 1em; } /*-------------------------------------------------------------- # Buttons Container Block --------------------------------------------------------------*/ .wp-block-buttons { margin: 1.5em 0; } .wp-block-buttons > .wp-block-button { margin: 0; } /*-------------------------------------------------------------- # Social Links Block --------------------------------------------------------------*/ .entry-content .wp-block-social-links { margin: 1.5em 0; padding: 0; } .entry-content .wp-block-social-links .wp-block-social-link { margin: 0; } .entry-content .wp-block-social-links .wp-block-social-link a { padding: 0.5em; transition: transform 0.2s linear; } .entry-content .wp-block-social-links .wp-block-social-link a:hover { transform: scale(1.1); } /*-------------------------------------------------------------- # Widget Blocks in entry-content --------------------------------------------------------------*/ .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-page-list { margin: 1.5em 0; padding-left: 1.25em; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-page-list li { margin-bottom: 0.5em; } .entry-content .wp-block-calendar { margin: 1.5em 0; } .entry-content .wp-block-calendar table { width: 100%; border-collapse: collapse; } .entry-content .wp-block-calendar th, .entry-content .wp-block-calendar td { padding: 0.5em; text-align: center; border: 1px solid var(--global-border-color); } .entry-content .wp-block-calendar th { background-color: var(--color-block-bg-subtle); font-weight: 700; } .entry-content .wp-block-calendar .wp-calendar-nav { margin-top: 0.75em; display: flex; justify-content: space-between; } .entry-content .wp-block-rss { margin: 1.5em 0; padding: 0; list-style: none; } .entry-content .wp-block-rss li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--global-border-color); } .entry-content .wp-block-rss li:last-child { border-bottom: none; } .entry-content .wp-block-rss__item-title { font-weight: 600; } .entry-content .wp-block-rss__item-publish-date, .entry-content .wp-block-rss__item-author { font-size: 0.875rem; color: var(--color-theme-grey); } .entry-content .wp-block-tag-cloud { margin: 1.5em 0; } .entry-content .wp-block-tag-cloud a { display: inline-block; margin: 0 0.25em 0.5em 0; padding: 0.25em 0.75em; border: 1px solid var(--global-border-color); border-radius: var(--button-border-radius); text-decoration: none; transition: all linear 0.2s; } .entry-content .wp-block-tag-cloud a:hover { background-color: var(--color-theme-primary); border-color: var(--color-theme-primary); color: var(--button-text-hover-color); } /*-------------------------------------------------------------- # Embed Block --------------------------------------------------------------*/ .wp-block-embed { margin: 1.5em 0; } .wp-block-embed .wp-block-embed__wrapper { position: relative; } .wp-block-embed figcaption { margin-top: 0.5em; font-size: 0.875rem; color: var(--color-theme-grey); text-align: center; } /*-------------------------------------------------------------- # Footnotes Block --------------------------------------------------------------*/ .wp-block-footnotes { margin: 2em 0; padding-top: 1.5em; border-top: 1px solid var(--global-border-color); font-size: 0.875rem; line-height: 1.6; } .wp-block-footnotes li { margin-bottom: 0.5em; } /*-------------------------------------------------------------- # figcaption (global for blocks) --------------------------------------------------------------*/ .entry-content figcaption { margin-top: 0.5em; font-size: 0.875rem; color: var(--color-theme-grey); text-align: center; font-style: italic; } /*-------------------------------------------------------------- # Search Block --------------------------------------------------------------*/ .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex-wrap: nowrap; } .wp-block-search .wp-block-search__input { flex: 1; min-width: 0; padding: 0.5em 1em; border: 1px solid var(--global-border-color); border-radius: var(--form-border-radius); font-family: inherit; font-size: inherit; } .wp-block-search .wp-block-search__button { margin-left: 0.5em; padding: 0.5em 1.25em; color: var(--button-text-color); background-color: var(--button-background-color); border: 1px solid var(--button-border-color); border-radius: var(--button-border-radius); cursor: pointer; font-family: inherit; font-size: inherit; transition: all linear 0.2s; } .wp-block-search .wp-block-search__button:hover { color: var(--button-text-hover-color); background-color: var(--button-background-hover-color); border-color: var(--button-border-hover-color); } .wp-block-search__label { font-weight: 600; margin-bottom: 0.5em; display: block; } /*-------------------------------------------------------------- # Page List Block --------------------------------------------------------------*/ .wp-block-page-list { margin: 1.5em 0; padding: 0; list-style: none; } .wp-block-page-list li { margin-bottom: 0.5em; } .wp-block-page-list a { text-decoration: none; } .wp-block-page-list a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Login/Logout Block --------------------------------------------------------------*/ .wp-block-loginout { margin: 1.5em 0; } .wp-block-loginout a { color: var(--color-link); text-decoration: none; font-weight: 600; } .wp-block-loginout a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Avatar Block --------------------------------------------------------------*/ .wp-block-avatar { margin: 1.5em 0; } .wp-block-avatar img { border-radius: 50%; vertical-align: middle; } /*-------------------------------------------------------------- # Site Logo Block --------------------------------------------------------------*/ .wp-block-site-logo { margin: 0; line-height: 0; } .wp-block-site-logo img { max-width: 100%; height: auto; } .wp-block-site-logo a { display: inline-block; } /*-------------------------------------------------------------- # Site Title Block --------------------------------------------------------------*/ .wp-block-site-title { margin: 0; } .wp-block-site-title a { color: var(--color-site-title); text-decoration: none; font-weight: 700; } .wp-block-site-title a:hover { color: var(--color-site-title-hover); } /*-------------------------------------------------------------- # Site Tagline Block --------------------------------------------------------------*/ .wp-block-site-tagline { margin: 0; color: var(--color-site-tagline); } /*-------------------------------------------------------------- # Navigation Block --------------------------------------------------------------*/ .wp-block-navigation .wp-block-navigation-item__content { padding: 0.5em 0.75em; text-decoration: none; } .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--color-menu-hover); } .wp-block-navigation .wp-block-navigation__submenu-container { background: var(--color-header-bg); border: 1px solid var(--global-border-color); border-radius: var(--global-border-radius); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 0.5em 0; min-width: 200px; } .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.4em 1em; } /*-------------------------------------------------------------- # Navigation Link Block --------------------------------------------------------------*/ .wp-block-navigation-link .wp-block-navigation-item__label { font-weight: 500; } /*-------------------------------------------------------------- # Navigation Submenu Block --------------------------------------------------------------*/ .wp-block-navigation-submenu .wp-block-navigation-item__content { display: flex; align-items: center; justify-content: space-between; } /*-------------------------------------------------------------- # Home Link Block --------------------------------------------------------------*/ .wp-block-home-link .wp-block-navigation-item__content { font-weight: 600; } /*-------------------------------------------------------------- # Query Loop Block --------------------------------------------------------------*/ .wp-block-query { margin: 1.5em 0; } /*-------------------------------------------------------------- # Query Title Block --------------------------------------------------------------*/ .wp-block-query-title { margin-bottom: 1em; } /*-------------------------------------------------------------- # Query Pagination --------------------------------------------------------------*/ .wp-block-query-pagination { margin: 2em 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em; } .wp-block-query-pagination-next, .wp-block-query-pagination-previous { font-weight: 600; text-decoration: none; color: var(--color-link); padding: 0.5em 1em; border: 1px solid var(--global-border-color); border-radius: var(--button-border-radius); transition: all linear 0.2s; } .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover { background-color: var(--color-theme-primary); border-color: var(--color-theme-primary); color: var(--button-text-hover-color); } .wp-block-query-pagination-numbers { display: flex; gap: 0.25em; } .wp-block-query-pagination-numbers .page-numbers { display: inline-block; padding: 0.4em 0.75em; border: 1px solid var(--global-border-color); border-radius: var(--button-border-radius); text-decoration: none; color: var(--color-link); transition: all linear 0.2s; } .wp-block-query-pagination-numbers .page-numbers.current, .wp-block-query-pagination-numbers .page-numbers:hover { background-color: var(--color-theme-primary); border-color: var(--color-theme-primary); color: var(--button-text-hover-color); } /*-------------------------------------------------------------- # Query No Results Block --------------------------------------------------------------*/ .wp-block-query-no-results { padding: 2em; text-align: center; background-color: var(--color-block-bg-subtle); border-radius: var(--global-border-radius); } /*-------------------------------------------------------------- # Query Total Block --------------------------------------------------------------*/ .wp-block-query-total { font-size: 0.875rem; color: var(--color-theme-grey); } /*-------------------------------------------------------------- # Post Title Block --------------------------------------------------------------*/ .wp-block-post-title { margin-bottom: 0.5em; } .wp-block-post-title a { color: var(--color-h2); text-decoration: none; } .wp-block-post-title a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Post Content Block --------------------------------------------------------------*/ .wp-block-post-content { margin-bottom: 1.5em; } /*-------------------------------------------------------------- # Post Excerpt Block --------------------------------------------------------------*/ .wp-block-post-excerpt { margin-bottom: 1em; } .wp-block-post-excerpt__excerpt { margin-bottom: 0.75em; } .wp-block-post-excerpt__more-text { font-weight: 600; } .wp-block-post-excerpt__more-link { color: var(--color-theme-primary); text-decoration: none; } .wp-block-post-excerpt__more-link:hover { text-decoration: underline; } /*-------------------------------------------------------------- # Post Date Block --------------------------------------------------------------*/ .wp-block-post-date { font-size: 0.875rem; color: var(--color-theme-grey); } .wp-block-post-date a { color: inherit; text-decoration: none; } .wp-block-post-date a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Post Featured Image Block --------------------------------------------------------------*/ .wp-block-post-featured-image { margin-bottom: 1em; } .wp-block-post-featured-image img { max-width: 100%; height: auto; border-radius: var(--global-border-radius); } .wp-block-post-featured-image a { display: block; } /*-------------------------------------------------------------- # Post Author Block --------------------------------------------------------------*/ .wp-block-post-author { display: flex; align-items: center; gap: 1em; margin: 1em 0; } .wp-block-post-author__avatar img { border-radius: 50%; } .wp-block-post-author__name { font-weight: 600; } .wp-block-post-author__name a { color: var(--color-link); text-decoration: none; } .wp-block-post-author__name a:hover { color: var(--color-link-hover); } .wp-block-post-author__bio { font-size: 0.875rem; color: var(--color-theme-grey); margin-top: 0.25em; } /*-------------------------------------------------------------- # Post Author Name Block --------------------------------------------------------------*/ .wp-block-post-author-name { font-weight: 600; } .wp-block-post-author-name a { color: var(--color-link); text-decoration: none; } .wp-block-post-author-name a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Post Author Biography Block --------------------------------------------------------------*/ .wp-block-post-author-biography { font-size: 0.875rem; color: var(--color-theme-grey); line-height: 1.6; } /*-------------------------------------------------------------- # Post Terms Block --------------------------------------------------------------*/ .wp-block-post-terms { display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0.5em 0; } .wp-block-post-terms a { display: inline-block; padding: 0.2em 0.6em; font-size: 0.8125rem; border: 1px solid var(--global-border-color); border-radius: var(--button-border-radius); color: var(--color-link); text-decoration: none; transition: all linear 0.2s; } .wp-block-post-terms a:hover { background-color: var(--color-theme-primary); border-color: var(--color-theme-primary); color: var(--button-text-hover-color); } .wp-block-post-terms .wp-block-post-terms__separator { display: none; } /*-------------------------------------------------------------- # Post Template Block --------------------------------------------------------------*/ .wp-block-post-template { margin: 0; padding: 0; list-style: none; } .wp-block-post-template > li { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid var(--global-border-color); } .wp-block-post-template > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .wp-block-post-template.is-flex-container { display: flex; flex-wrap: wrap; gap: 1.5em; } .wp-block-post-template.is-flex-container > li { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } /*-------------------------------------------------------------- # Post Navigation Link Block --------------------------------------------------------------*/ .wp-block-post-navigation-link { margin: 1em 0; } .wp-block-post-navigation-link a { color: var(--color-link); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5em; } .wp-block-post-navigation-link a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Post Comments Count Block --------------------------------------------------------------*/ .wp-block-post-comments-count { font-size: 0.875rem; color: var(--color-theme-grey); } /*-------------------------------------------------------------- # Post Comments Form Block --------------------------------------------------------------*/ .wp-block-post-comments-form { margin: 2em 0; } .wp-block-post-comments-form textarea { width: 100%; min-height: 150px; padding: 0.75em 1em; border: 1px solid var(--global-border-color); border-radius: var(--textarea-border-radius); font-family: inherit; font-size: inherit; } .wp-block-post-comments-form input[type="submit"] { color: var(--button-text-color); background-color: var(--button-background-color); border: 1px solid var(--button-border-color); border-radius: var(--button-border-radius); padding: 0.5em 1.5em; cursor: pointer; font-family: inherit; font-size: inherit; transition: all linear 0.2s; } .wp-block-post-comments-form input[type="submit"]:hover { color: var(--button-text-hover-color); background-color: var(--button-background-hover-color); border-color: var(--button-border-hover-color); } /*-------------------------------------------------------------- # Post Comments Link Block --------------------------------------------------------------*/ .wp-block-post-comments-link { font-size: 0.875rem; } .wp-block-post-comments-link a { color: var(--color-link); text-decoration: none; } .wp-block-post-comments-link a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Post Time To Read Block --------------------------------------------------------------*/ .wp-block-post-time-to-read { font-size: 0.875rem; color: var(--color-theme-grey); } /*-------------------------------------------------------------- # Read More Block --------------------------------------------------------------*/ .wp-block-read-more { display: inline-block; color: var(--button-text-color); background-color: var(--button-background-color); border: 1px solid var(--button-border-color); border-radius: var(--button-border-radius); padding: 0.5em 1.25em; text-decoration: none; font-weight: 600; font-size: 0.875rem; transition: all linear 0.2s; } .wp-block-read-more:hover { color: var(--button-text-hover-color); background-color: var(--button-background-hover-color); border-color: var(--button-border-hover-color); } /*-------------------------------------------------------------- # Comments Block --------------------------------------------------------------*/ .wp-block-comments { margin: 2em 0; } /*-------------------------------------------------------------- # Comments Title Block --------------------------------------------------------------*/ .wp-block-comments-title { margin-bottom: 1em; font-size: 1.5em; color: var(--color-h2); } /*-------------------------------------------------------------- # Comment Template Block --------------------------------------------------------------*/ .wp-block-comment-template { margin: 0; padding: 0; list-style: none; } .wp-block-comment-template > li { padding: 1.5em 0; border-bottom: 1px solid var(--global-border-color); } .wp-block-comment-template > li:last-child { border-bottom: none; } .wp-block-comment-template ol { margin-left: 2em; padding: 0; list-style: none; } /*-------------------------------------------------------------- # Comment Author Name Block --------------------------------------------------------------*/ .wp-block-comment-author-name { font-weight: 700; } .wp-block-comment-author-name a { color: var(--color-link); text-decoration: none; } .wp-block-comment-author-name a:hover { color: var(--color-link-hover); } /*-------------------------------------------------------------- # Comment Content Block --------------------------------------------------------------*/ .wp-block-comment-content { margin: 0.5em 0; line-height: 1.6; } /*-------------------------------------------------------------- # Comment Date Block --------------------------------------------------------------*/ .wp-block-comment-date { font-size: 0.8125rem; color: var(--color-theme-grey); } .wp-block-comment-date a { color: inherit; text-decoration: none; } /*-------------------------------------------------------------- # Comment Edit Link Block --------------------------------------------------------------*/ .wp-block-comment-edit-link { font-size: 0.8125rem; } .wp-block-comment-edit-link a { color: var(--color-theme-primary); text-decoration: none; } .wp-block-comment-edit-link a:hover { text-decoration: underline; } /*-------------------------------------------------------------- # Comment Reply Link Block --------------------------------------------------------------*/ .wp-block-comment-reply-link { font-size: 0.8125rem; } .wp-block-comment-reply-link a { color: var(--color-theme-primary); text-decoration: none; font-weight: 600; } .wp-block-comment-reply-link a:hover { text-decoration: underline; } /*-------------------------------------------------------------- # Comments Pagination --------------------------------------------------------------*/ .wp-block-comments-pagination { margin: 1.5em 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em; } .wp-block-comments-pagination-next, .wp-block-comments-pagination-previous { font-weight: 600; text-decoration: none; color: var(--color-link); } .wp-block-comments-pagination-next:hover, .wp-block-comments-pagination-previous:hover { color: var(--color-link-hover); } .wp-block-comments-pagination-numbers .page-numbers { display: inline-block; padding: 0.3em 0.6em; text-decoration: none; } .wp-block-comments-pagination-numbers .page-numbers.current { font-weight: 700; color: var(--color-theme-primary); } /*-------------------------------------------------------------- # Term Description Block --------------------------------------------------------------*/ .wp-block-term-description { margin-bottom: 1.5em; color: var(--color-theme-grey); line-height: 1.6; } /*-------------------------------------------------------------- # Term Name Block --------------------------------------------------------------*/ .wp-block-term-name { margin-bottom: 0.5em; } /*-------------------------------------------------------------- # Template Part Block --------------------------------------------------------------*/ .wp-block-template-part { margin: 0; } /*-------------------------------------------------------------- # Widget Group Block --------------------------------------------------------------*/ .wp-block-widget-group { margin-bottom: 1.5em; } .wp-block-widget-group > h2 { font-size: 1.125rem; margin-bottom: 0.75em; } /*-------------------------------------------------------------- # Accordion Block (WP 6.9+) --------------------------------------------------------------*/ .wp-block-accordion { margin: 1.5em 0; } .wp-block-accordion-item { border: 1px solid var(--global-border-color); border-radius: var(--global-border-radius); margin-bottom: 0.5em; overflow: hidden; } .wp-block-accordion-item:last-child { margin-bottom: 0; } .wp-block-accordion-heading { margin: 0; } .wp-block-accordion-heading button, .wp-block-accordion-heading summary { width: 100%; padding: 1em 1.25em; font-weight: 600; font-size: inherit; font-family: inherit; text-align: left; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .wp-block-accordion-heading button:hover, .wp-block-accordion-heading summary:hover { background-color: var(--color-block-bg-subtle); } .wp-block-accordion-panel { padding: 0 1.25em 1em; } .wp-block-accordion-panel > *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Text Columns Block (deprecated) --------------------------------------------------------------*/ .wp-block-text-columns { display: flex; gap: 1.5em; margin: 1.5em 0; } .wp-block-text-columns .wp-block-column { flex: 1; } @media (max-width: 600px) { .wp-block-text-columns { flex-direction: column; } }