/* --- Block Styles -------------------------------------------------------- */ /* --- WP Block Group Style -------------------------------------------------------- */ .wp-block-section.is-style-padding-0 { padding-bottom: 0; padding-top: 0; } /* --- WP Block Columns Style -------------------------------------------------------- */ .wp-block-columns.is-style-have-gap-0 { gap: 0; } /* --- WP Block Button Style -------------------------------------------------------- */ .wp-block-button.is-style-button .wp-block-button__link:after, .wp-block-lifestyle-news .wp-block-post-template>li .wp-block-post-excerpt__more-link:after, .wp-block-featured-news .wp-block-post-template>li .wp-block-post-excerpt__more-link:after, .wp-block-style-news .wp-block-post-template>li .wp-block-post-excerpt__more-link:after, .wp-block-most-popular-news .wp-block-post-template>li .wp-block-post-excerpt__more-link:after { content: ""; display: inline-block; width: 0.25rem; height: 0.25rem; border: 0.125rem solid; border-bottom: 0; border-left: 0; border-radius: 1px; transform: rotate(45deg); margin-left: 5px; margin-bottom: 2px; opacity: 0.6; transition: 0.3s; } .wp-block-button.is-style-button .wp-block-button__link, .wp-block-lifestyle-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-featured-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-style-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-most-popular-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link { background: transparent !important; background-color: transparent !important; border-radius: 0; color: var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--extra-small); font-weight: var(--wp--custom--typography--font-weight--semi-bold); padding: 0; margin-top: 0; } .wp-block-button.is-style-button .wp-block-button__link, .wp-block-lifestyle-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-style-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-featured-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link, .wp-block-most-popular-news .wp-block-post-template .wp-block-post-container .wp-block-post-excerpt .wp-block-post-excerpt__more-link { &:hover, &:focus { color: var(--wp--preset--color--picton-blue); } } .is-style-outline>.wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background: transparent !important; } .is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { border: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--foreground); } /* --- WP Block Post Author Style -------------------------------------------------------- */ .is-style-post-author-card { border: 1px solid var(--wp--preset--color--border-color); padding: var(--wp--custom--spacing--extra-small); box-sizing: border-box; } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__content { padding-left: 10px; } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__bio { font-size: var(--wp--custom--typography--font-size--heading-six); line-height: var(--wp--custom--typography--line-height--heading-six); } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__name { font-size: var(--wp--preset--font-size--body-default); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); color: var(--wp--preset--color--foreground); } .is-style-post-author-card.wp-block-post-author .wp-block-post-author__avatar>.avatar { border-radius: 50%; } /* --- WP Block Post Comments Style -------------------------------------------------------- */ .wp-block-post-comments.is-style-post-comments .commentlist>li>.children>li article, .wp-block-post-comments.is-style-post-comments .commentlist>li>article { border-bottom: 1px solid var(--wp--preset--color--border-color); padding-bottom: var(--wp--custom--spacing--normal); padding-top: var(--wp--custom--spacing--normal); } .wp-block-post-comments.is-style-post-comments .commentlist .comment-body>*:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond>*:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form>*:last-child, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form>P:last-of-type { margin-bottom: 0; } .wp-block-post-comments.is-style-post-comments .comment-meta { font-size: 1em; } .wp-block-post-comments.is-style-post-comments .comment-author { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); margin-bottom: 7px; } .wp-block-post-comments.is-style-post-comments .comment-content { margin-left: 3.4em; margin-top: 20px; } .wp-block-post-comments.is-style-post-comments .comment-metadata { color: var(--wp--preset--color--body-text); font-size: var(--wp--preset--font-size--tiny); line-height: 1.62; } .wp-block-post-comments.is-style-post-comments .comment-metadata a, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url { text-decoration: none; } .wp-block-post-comments.is-style-post-comments .comment-author .fn .url { color: var(--wp--preset--color--text-link); } .wp-block-post-comments.is-style-post-comments .comment-metadata a { color: var(--wp--preset--color--ironside-grey); } .wp-block-post-comments .commentlist>.comment { padding-left: 0; } .wp-block-post-comments.is-style-post-comments .comment-meta b { font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-post-comments.is-style-post-comments .comment-metadata a:hover, .wp-block-post-comments.is-style-post-comments .comment-metadata a:focus, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url:hover, .wp-block-post-comments.is-style-post-comments .comment-author .fn .url:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-post-comments.is-style-post-comments .comment-metadata>*:not(:last-child) { padding-right: 10px; } .wp-block-post-comments.is-style-post-comments .reply { font-size: var(--wp--preset--font-size--small); margin-left: 4.4em; } .wp-block-post-comments.is-style-post-comments .reply a { text-decoration: none; text-transform: uppercase; color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); } .wp-block-post-comments.is-style-post-comments .reply a:hover, .wp-block-post-comments.is-style-post-comments .reply a:focus { color: var(--wp--preset--color--picton-blue); } .wp-block-post-comments.is-style-post-comments .comment-respond { border: 1px solid; margin-top: var(--wp--custom--spacing--normal); padding: var(--wp--custom--spacing--wp-comment-vertical); } .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form { font-size: var(--wp--preset--font-size--upper-heading); } .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form a, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form .logged-in-as, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form .comment-notes, .wp-block-post-comments.is-style-post-comments .comment-respond .comment-form .comment-form-cookies-consent { font-size: var(--wp--preset--font-size--extra-small); text-decoration: none; } .wp-block-post-comments.is-style-post-comments textarea, .wp-block-post-comments.is-style-post-comments input:not([type="submit"]):not([type="checkbox"]) { border: 1px solid; color: var(--wp--preset--color--body-text); } .wp-block-post-comments.is-style-post-comments textarea:focus, .wp-block-post-comments.is-style-post-comments input:not([type="submit"]):not([type="checkbox"]):focus { border-color: var(--wp--preset--color--ironside-grey); color: var(--wp--preset--color--foreground); outline: none; } .form-submit.wp-block-button { text-align: center; } /* --- WP Block Latest Comments Style -------------------------------------------------------- */ .wp-block-latest-comments.is-style-latest-comments { margin-top: 0; padding: 0; } .wp-block-latest-comments.is-style-latest-comments a { text-decoration: none; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment { border-bottom: 1px solid var(--wp--preset--color--border-color); padding-bottom: var(--wp--custom--spacing--normal); padding-top: var(--wp--custom--spacing--normal); margin-bottom: 0; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt>*:last-child { margin-bottom: 0; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-top: 20px; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { margin-top: 7px; } .wp-block-latest-comments.is-style-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-author { color: var(--wp--preset--color--foreground); font-weight: var(--wp--custom--typography--font-weight--bold); line-height: var(--wp--custom--typography--line-height--paragraph); } /* --- WP Block Quote Style -------------------------------------------------------- */ .wp-block-quote.is-style-block-quote p { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--content-heading); font-style: italic; font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--paragraph); margin-top: 0; } .wp-block-quote.is-style-block-quote, .wp-block-quote.is-style-block-quote.has-text-align-left, .wp-block-quote.is-style-block-quote.has-text-align-right, .wp-block-quote.is-style-block-quote.has-text-align-center { border: 0; position: relative; padding: 80px 0 0 0; } .wp-block-quote.is-style-block-quote:before { color: var(--wp--preset--color--text-link); content: "\201C"; display: block; float: left; font-family: Arial; font-size: clamp(100px, 7.5vw, 130px); font-style: normal; font-weight: var(--wp--custom--typography--font-weight--bold); height: 0; line-height: 1; position: absolute; margin-top: 5px; top: 0; } .wp-block-quote.is-style-block-quote.has-text-align-left:before { left: 0; transform: none; } .wp-block-quote.is-style-block-quote.has-text-align-right:before { left: unset; right: 0; } .wp-block-quote.is-style-block-quote.has-text-align-center:before { left: 50%; transform: translateX(-50%); } .wp-block-quote.is-style-block-quote cite, .wp-block-quote.is-style-block-quote footer { font-size: var(--wp--preset--font-size--small); } .wp-block-quote.is-style-block-quote.is-style-large, .wp-block-quote.is-style-block-quote.is-large { color: var(--wp--preset--color--foreground); } /* --- WP Block Pullquote Style -------------------------------------------------------- */ .wp-block-pullquote.is-style-pullquote { border-bottom-color: var(--wp--preset--color--text-link); border-top-color: var(--wp--preset--color--text-link); padding: 1.75em 0; border-top-width: 0.25em; border-bottom-width: 0.25em; } .wp-block-pullquote.is-style-pullquote blockquote { margin: 0; } .wp-block-pullquote.is-style-pullquote p { color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--content-heading); font-style: italic; font-weight: var(--wp--custom--typography--font-weight--normal); line-height: var(--wp--custom--typography--line-height--paragraph); margin-top: 0; } .wp-block-pullquote.is-style-pullquote cite, .wp-block-pullquote.is-style-pullquote footer, .wp-block-pullquote.is-style-pullquote .wp-block-pullquote__citation { font-size: var(--wp--preset--font-size--small); text-transform: none; } .wp-block-pullquote.is-style-pullquote.alignleft, .wp-block-pullquote.is-style-pullquote.alignright, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote { border-bottom: 0; border-top: 0; } .wp-block-pullquote.is-style-pullquote.alignleft, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote { border-left: 0.25em solid var(--wp--preset--color--text-link); padding: 0 0 0 1.75em; text-align: left; } .wp-block-pullquote.is-style-pullquote.alignleft.has-text-align-right, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote.has-text-align-right { text-align: right; } .wp-block-pullquote.is-style-pullquote.alignleft.has-text-align-center, .wp-block[data-align="left"] .wp-block-pullquote.is-style-pullquote.has-text-align-center, .wp-block-pullquote.is-style-pullquote.alignright.has-text-align-center, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote.has-text-align-center { text-align: center; } .wp-block-pullquote.is-style-pullquote.alignright, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote { border-right: 0.25em solid var(--wp--preset--color--text-link); padding: 0 1.75em 0 0; text-align: right; } .wp-block-pullquote.is-style-pullquote.alignright.has-text-align-left, .wp-block[data-align="right"] .wp-block-pullquote.is-style-pullquote.has-text-align-left { text-align-last: left; } /* --- WP Block Table Style -------------------------------------------------------- */ .wp-block-table.is-style-wp-table td, .wp-block-table.is-style-wp-table th { border-color: var(--wp--preset--color--border-color); padding: 0.5em 1.4em; } .wp-block-table.is-style-wp-table th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) { text-align: left; } .wp-block-table.is-style-wp-table thead { border-bottom: 0; } .wp-block-table tfoot { border-top: 0; } .wp-block-table.is-style-wp-table th { font-weight: var(--wp--custom--typography--font-weight--bold); color: var(--wp--preset--color--foreground); } .wp-block-table.is-style-wp-table table { border: 1px solid var(--wp--preset--color--border-color); } .wp-block-table.is-style-wp-table td { border-bottom: 0; border-top: 0; } /* --- WP Block Preformatted and Verse Style -------------------------------------------------------- */ .wp-block-preformatted.is-style-wp-preformatted, .wp-block-verse.is-style-wp-verse { background-color: var(--wp--preset--color--secondary); box-sizing: border-box; font-family: 'Courier Prime', monospace; padding: var(--wp--custom--spacing--extra-small); overflow: auto; word-wrap: break-word; } pre.wp-block-code { box-sizing: border-box; } /* --- WP Block Social Icons Style -------------------------------------------------------- */ .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link .components-button, .wp-block-social-links:not(.is-style-logos-only):not(.is-style-pill-shape):not(.is-style-circle-shape) .wp-social-link a, .wp-block-social-links.is-style-default .wp-social-link .components-button, .wp-block-social-links.is-style-default .wp-social-link a { border-radius: 0; } .wp-block-social-link:hover { transform: none; } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg { transition: all 0.5s ease; }