@charset "UTF-8"; /* Theme Name: Blockster Theme URI: https://blockthemespro.com Author: Block Themes Pro Description: The absolute best block theme for the WordPress site editor. Lightweight, responsive and versatile. Our goal with this design was to create a clean, easy to navivate design that would be scalable for any non-profit, org or small business. Easily add our block patterns to make your site come to life. Requires at least: 6.0 Tested up to: 6.1 Requires PHP: 5.7 Version: 1.0.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: blockster Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news */ /* ------------------------------------------- */ /* Document Setup /* ------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } *:focus:not(:focus-visible) { outline: none; } /* Contain Margins ----------------- */ :root .contain-margins > *:first-child, :root .entry-content > *:first-child, :root *[class*=_inner-container] > *:first-child, :root fieldset > *:first-child, :root form > *:first-child { margin-top: 0; } :root .contain-margins > *:last-child, :root .entry-content > *:last-child, :root *[class*=_inner-container] > *:last-child, :root fieldset > *:last-child, :root form > *:last-child { margin-bottom: 0; } form { margin-bottom: calc(2 * var(--wp--custom--spacing--baseline)); margin-top: calc(2 * var(--wp--custom--spacing--baseline)); } legend { font-size: var(--wp--preset--font-size--tiny); padding: 0 calc(0.5 * var(--wp--custom--spacing--baseline)); } label { display: block; font-size: var(--wp--preset--font-size--small); margin: 0 0 calc(0.5 * var(--wp--custom--spacing--baseline)) 0; } label.inline, input[type=checkbox] + label { display: inline; margin-bottom: 0; margin-left: var(--wp--custom--spacing--baseline); } input, textarea, button { font-family: inherit; line-height: 1; } input, textarea, select { background-color: var(--wp--preset--color--body-light); border-color: var(--wp--preset--color--body); color: var(--wp--preset--color--body); } input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: var(--wp--custom--border--medium); border-style: solid; border-width: 1px; box-shadow: none; color: inherit; font-size: var(--wp--preset--font-size--medium); line-height: normal; margin: 0; max-width: 100%; padding: calc(0.667em + 2px) calc(1em + 2px); } textarea { height: 120px; line-height: var(--wp--custom--typography--line-height--body); width: 100%; } select { font-family: inherit; font-size: inherit; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } /* ------------------------------------------- */ /* STYLES WE CAN HOPEFULLY REMOVE WHEN GUTENBERG FIXES THESE ISSUES /* ------------------------------------------- */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--wp--preset--color--body); transition: 0.2s all ease; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; opacity: 0.8; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } header.site-header { position: relative; } header.site-header a { text-decoration: none; transition: all 0.2s ease; } header.site-header a:hover { opacity: 0.8; } footer.site-footer { margin-top: auto !important; margin-bottom: 0 !important; } header a, footer a { color: var(--wp--preset--color--body); text-decoration: none; } a { text-underline-offset: 0.15em; text-decoration-skip-ink: all; text-decoration-style: underline; } a img { transition: opacity 400ms linear; } a:hover { text-decoration: none; } a:hover img { opacity: 0.8; } .justify-center { justify-content: center; } /* ------------------------------------------- */ /* CSS Variables /* ------------------------------------------- */ body { --wp--custom--outer: calc( 1.5 * var( --wp--custom--spacing--baseline ) ); } @media (min-width: 400px) { body { --wp--custom--outer: calc( 2 * var( --wp--custom--spacing--baseline ) ); } } @media (min-width: 1000px) { body { --wp--custom--outer: calc( 3 * var( --wp--custom--spacing--baseline ) ); } } @media (min-width: 1200px) { body { --wp--custom--outer: calc( 4 * var( --wp--custom--spacing--baseline ) ); } } /* ------------------------------------------- */ /* Structure /* ------------------------------------------- */ /* * Alignment styles. Relevant issues: * https://github.com/WordPress/gutenberg/issues/35607 * https://github.com/WordPress/gutenberg/issues/35884 */ .wp-site-blocks, body > .is-root-container, .edit-post-visual-editor__post-title-wrapper, .wp-block-group.alignfull, .wp-block-cover.alignfull, .is-root-container .wp-block[data-align=full] > .wp-block-group, .is-root-container .wp-block[data-align=full] > .wp-block-cover { padding-left: var(--wp--custom--spacing--outer); padding-right: var(--wp--custom--spacing--outer); } .wp-block-cover.alignfull .alignfull { padding-left: 0; padding-right: 0; } .wp-site-blocks .alignfull, .wp-site-blocks > .wp-block-group.has-background, .wp-site-blocks > .wp-block-cover, .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, .wp-site-blocks > .wp-block-template-part > .wp-block-cover, body > .is-root-container > .wp-block-cover, body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, body > .is-root-container > .wp-block-template-part > .wp-block-cover, .is-root-container .wp-block[data-align=full] { margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important; margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; width: unset; } .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full], .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* ------------------------------------------- */ /* Element Base /* ------------------------------------------- */ /* Lists --------------------------- */ ul, ol { margin: calc(1.5 * var(--wp--custom--spacing--baseline)) 0 calc(1.5 * var(--wp--custom--spacing--baseline)) 0; padding: 0; } li { margin: calc(0.5 * var(--wp--custom--spacing--baseline)) 0 calc(0.5 * var(--wp--custom--spacing--baseline)) 1.25em; } li > ul, li > ol { margin-bottom: calc(0.5 * var(--wp--custom--spacing--baseline)); margin-top: calc(0.5 * var(--wp--custom--spacing--baseline)); } dt, dd { line-height: var(--wp--custom--typography--line-height--body); } dt { font-weight: var(--wp--custom--typography--font-weight--bold); } dt + dd { margin-top: 5px; } dd + dt { margin-top: 15px; } /* Media --------------------------- */ figure { margin: 0; } iframe, img, embed, object, svg { display: block; } iframe { border: none; max-width: 100%; } img, embed, object { height: auto; max-width: 100%; } figcaption { color: inherit; display: block; font-size: var(--wp--preset--font-size--small); line-height: inherit; margin-bottom: 0; margin-top: calc(0.75 * var(--wp--custom--spacing--baseline)); text-align: left; opacity: 0.6; } figcaption a { color: inherit; } /* Quotes -------------------------- */ blockquote { border-color: currentColor; border-style: solid; border-width: 0 0 0 2px; margin: 0 0 1em 0; padding: 0 0 0 var(--wp--custom--spacing--baseline); } cite { font-size: calc(0.9 * var(--wp--preset--font-size--small)); font-style: normal; font-weight: 700; letter-spacing: var(--wp--custom--typography--letter-spacing--uppercase); text-align: inherit; text-transform: uppercase; } blockquote cite { display: block; margin-top: var(--wp--custom--spacing--baseline); } @media (min-width: 700px) { blockquote { padding: 0 0 0 calc(2 * var(--wp--custom--spacing--baseline)); } blockquote cite { margin-top: calc(1.5 * var(--wp--custom--spacing--baseline)); } } /* Separator ----------------------- */ hr { border: none !important; height: 2px; opacity: 1; } /* Tables -------------------------- */ table { font-size: var(--wp--preset--font-size--small); margin: calc(2 * var(--wp--custom--spacing--baseline)) auto; } table * { border-color: currentColor; line-height: inherit; } table thead, table tfoot { border: none; } tr { vertical-align: baseline; } th:not([class*=has-text-align-]), td:not([class*=has-text-align-]) { text-align: left; } th, td { border-style: solid; border-width: 2px; min-width: 50px; } th, td, caption { padding: var(--wp--custom--spacing--baseline); } th, caption { font-weight: var(--wp--custom--typography--font-weight--bold); } caption { background-color: none; text-align: center; } /* ------------------------------------------- */ /* HELPER CLASSES /* ------------------------------------------- */ /* Box Shadow */ .box-shadow-none, .box-shadow-none a { box-shadow: none !important; } .box-shadow-light { box-shadow: var(--wp--custom--shadow--light); } .box-shadow-medium { box-shadow: var(--wp--custom--shadow--medium); } .box-shadow-heavy { box-shadow: var(--wp--custom--shadow--heavy); } /* Subscribe Form */ .subscribe-form { gap: 0.5rem; width: 100%; display: flex; } .subscribe-form input[type=text], .subscribe-form input[type=email] { width: 100% !important; } .subscribe-form .wp-element-button { margin: 0; } /* Border Radius (mainly used for cover block until WP adds it */ .border-radius-small figure, .border-radius-small img, .border-radius-small.wp-block-cover .wp-block-cover__background { border-radius: var(--wp--custom--border--small) !important; } .border-radius-medium figure, .border-radius-medium img, .border-radius-medium.wp-block-cover .wp-block-cover__background { border-radius: var(--wp--custom--border--medium) !important; } .border-radius-large figure, .border-radius-large img, .border-radius-large.wp-block-cover .wp-block-cover__background { border-radius: var(--wp--custom--border--large) !important; } /* Hiding and Showing -------------- */ @media (max-width: 1100px) { .hide-tablet-landscape { display: none !important; } } @media (max-width: 1000px) { .hide-tablet-portrait { display: none !important; } } @media (max-width: 700px) { .hide-mobile { display: none !important; } } /* MARGIN & PADDING SHORTHAND RULES ------------------------- */ :root .mt-0 { margin-top: 0 !important; } :root .mb-0 { margin-bottom: 0 !important; } :root .mt-1 { margin-top: var(--wp--custom--spacing--baseline) !important; } :root .mb-1 { margin-bottom: var(--wp--custom--spacing--baseline) !important; } :root .pt-0 { padding-top: 0 !important; } :root .pb-0 { padding-bottom: 0 !important; } /* ------------------------------------------- */ /* ALIGNMENTS /* ------------------------------------------- */ :root .wp-block[data-align=full] > * > figcaption, :root .alignfull > figcaption { padding-left: var(--wp--custom--spacing--baseline); padding-right: var(--wp--custom--spacing--baseline); } :root .alignwide, :root .alignfull { margin-bottom: calc(2 * var(--wp--custom--spacing--baseline)); margin-top: calc(2 * var(--wp--custom--spacing--baseline)); } :root .alignleft { margin: 3px calc(1.5 * var(--wp--custom--spacing--baseline)) calc(1.5 * var(--wp--custom--spacing--baseline)) 0; } :root .alignright { margin: 3px 0 calc(1.5 * var(--wp--custom--spacing--baseline)) calc(1.5 * var(--wp--custom--spacing--baseline)); } @media (min-width: 700px) { :root .alignwide, :root .alignfull { margin-bottom: calc(6 * var(--wp--custom--spacing--baseline)); margin-top: calc(6 * var(--wp--custom--spacing--baseline)); } :root .alignfull.wp-block-cover { padding-top: calc(6 * var(--wp--custom--spacing--baseline)); padding-bottom: calc(6 * var(--wp--custom--spacing--baseline)); } } /* Pattern: Subscribe Form ----------------------- */ form.newsletter-form { display: flex; gap: 0.3rem; } /* ------------------------------------------- /* Block: Buttons /* ------------------------------------------- */ .wp-element-button { transition: all 0.2s ease; } .wp-element-button:hover { opacity: 0.9; } /* ------------------------------------------- */ /* Block: Columns /* ------------------------------------------- */ .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-column h1, .wp-block-column h2, .wp-block-column h3, .wp-block-column h4, .wp-block-column h5, .wp-block-column h6 { margin-top: calc(2 * var(--wp--custom--spacing--baseline)); } /* @media ( max-width: 599px ) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:last-child) { margin-bottom: var( --wp--style--block-gap ); } } */ @media (min-width: 600px) and (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(n+3) { margin-top: var(--wp--custom--spacing--columns--gutter); } } /* ------------------------------------------- */ /* Block: Post Author /* ------------------------------------------- */ .wp-block-post-author { display: flex; align-items: center; } .wp-block-post-author__avatar { margin-right: 0.75em; } .avatar { border-radius: 50%; } /* ------------------------------------------- */ /* Block: Post Content /* ------------------------------------------- */ .alignfull.wp-block-post-content { margin-bottom: calc(2 * var(--wp--custom--spacing--baseline)); } /* ------------------------------------------- */ /* Block: Embed /* ------------------------------------------- */ .wp-block-embed.alignfull video, .wp-block-embed .alignfull video, .wp-block-embed.alignfull iframe, .wp-block-embed .alignfull iframe { width: 100%; } /* ------------------------------------------- */ /* Block: Featured Image /* ------------------------------------------- */ .wp-block-post-featured-image a { display: block; } .wp-block-post-featured-image img { margin: 0 auto; } /* ------------------------------------------- */ /* Block: File /* ------------------------------------------- */ .wp-block-file, .wp-block-file__content-wrapper { align-items: center; display: flex; justify-content: space-between; } :root .wp-block-file a, :root .wp-block-file .wp-block-file__button { font-size: inherit; font-weight: inherit; line-height: inherit; } :root .wp-block-file__button:not(:only-child) { margin-left: var(--wp--custom--spacing--baseline); } :root .wp-block-file a.wp-block-file__button:focus, :root .wp-block-file a.wp-block-file__button:hover { text-decoration: underline; } /* ------------------------------------------- */ /* Block: Gallery /* ------------------------------------------- */ .blocks-gallery-grid { width: 100%; } .wp-block-gallery.is-vertically-aligned-center figure { margin-top: auto !important; margin-bottom: auto !important; } /* ------------------------------------------- */ /* Block: Group /* ------------------------------------------- */ main.wp-block-group { margin-bottom: 0; margin-top: 0; } :root .wp-block-group > *:first-child { margin-top: 0; } :root .wp-block-group > *:last-child { margin-bottom: 0; } :root .wp-block-group.has-background { padding: var(--wp--custom--spacing--large); } /* ------------------------------------------- */ /* Block: Heading /* ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: min(0.5em, var(--wp--custom--spacing--baseline) * 0.7692307692) min(0.65em, var(--wp--custom--spacing--baseline)); width: intrinsic; } h1.has-background.has-text-align-center, h2.has-background.has-text-align-center, h3.has-background.has-text-align-center, h4.has-background.has-text-align-center, h5.has-background.has-text-align-center, h6.has-background.has-text-align-center { margin-left: auto !important; margin-right: auto !important; } h1.has-background.has-text-align-right, h2.has-background.has-text-align-right, h3.has-background.has-text-align-right, h4.has-background.has-text-align-right, h5.has-background.has-text-align-right, h6.has-background.has-text-align-right { margin-left: auto !important; margin-right: 0 !important; } /* ------------------------------------------- */ /* Block: Image /* ------------------------------------------- */ .wp-block-image.alignfull img, .wp-block-image .alignfull img { width: 100%; } .wp-block-image.alignleft, .wp-block-image .alignleft { margin: 3px calc(1.5 * var(--wp--custom--spacing--baseline)) calc(1.5 * var(--wp--custom--spacing--baseline)) 0; } .wp-block-image.alignright, .wp-block-image .alignright { margin: 3px 0 calc(1.5 * var(--wp--custom--spacing--baseline)) calc(1.5 * var(--wp--custom--spacing--baseline)); } .wp-block-image img { display: block; height: auto; margin: 0; } :root .wp-block-image figcaption { margin-bottom: 0; margin-top: calc(0.75 * var(--wp--custom--spacing--baseline)); } /* ------------------------------------------- */ /* Block: Latest Comments /* ------------------------------------------- */ .wp-block-latest-comments > li { margin-left: 0; } .wp-block-latest-comments__comment-excerpt { margin-top: calc(0.5 * var(--wp--custom--spacing--baseline)); } .wp-block-latest-comments__comment-date, .wp-block-latest-comments__comment-excerpt p { font-size: var(--wp--preset--font-size--small); } .wp-block-latest-comments__comment-excerpt p { line-height: var(--wp--custom--typography--line-height--body); margin: 0 0 1em; } .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } /* ------------------------------------------- */ /* Block: Latest Posts /* ------------------------------------------- */ .wp-block-latest-posts > li { margin-left: 0; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { color: inherit; font-size: var(--wp--preset--font-size--small); } /* ------------------------------------------- */ /* Block: Media and Text /* ------------------------------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: var(--wp--custom--spacing--large); } .wp-block-media-text:not(.has-background):not(.is-stacked-on-mobile) .wp-block-media-text__content { padding-bottom: 0; padding-top: 0; } :root .wp-block-media-text__content > *:first-child { margin-top: 0; } :root .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media (min-width: 768px) { .has-media-on-the-right .wp-block-media-text__content { padding-left: 0; } .has-media-on-the-left .wp-block-media-text__content { padding-right: 0; } } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile:not(.has-background) .wp-block-media-text__content { padding-left: 0; padding-right: 0; } } /* ------------------------------------------- */ /* Block: Navigation /* ------------------------------------------- */ li.wp-block-navigation-item { margin: 0; } @media (max-width: 767px) { nav.is-responsive.items-justified-right { margin-left: auto; } } /* Nested Blocks ------------------- */ .wp-block-navigation .wp-block-search { margin-bottom: 0; margin-top: 0; } /* ------------------------------------------- */ /* Block: Post Excerpt /* ------------------------------------------- */ .wp-block-post-excerpt > *:first-child { margin-top: 0; } .wp-block-post-excerpt > *:last-child { margin-bottom: 0; } /* ------------------------------------------- */ /* Block: Post Navigation /* ------------------------------------------- */ .post-navigation-link-previous a:before { content: "← "; } .post-navigation-link-next a:after { content: " →"; } /* ------------------------------------------- */ /* Block: Post Terms /* ------------------------------------------- */ .is-style-buttons.wp-block-post-terms .wp-block-post-terms__separator { display: none; } .is-style-buttons.wp-block-post-terms { display: flex; gap: 0.3rem; flex-wrap: wrap; } .is-style-buttons .page-numbers a, .is-style-buttons .wp-block-query-pagination-next a, .is-style-buttons .wp-block-query-pagination-previous a, .is-style-buttons.wp-block-post-terms a { background-color: var(--wp--preset--color--body-light); color: var(--wp--preset--color--body); border: 1px solid transparent; padding: 0.35rem 0.65rem 0.35rem; border-radius: 6px; text-decoration: none; position: relative; line-height: var(--wp--custom--typography--line-height--normal); font-size: var(--wp--preset--font-size--small); font-weight: 500; transition: 0.2s all ease; } .is-style-buttons .page-numbers a:hover, .is-style-buttons .wp-block-query-pagination-next a:hover, .is-style-buttons .wp-block-query-pagination-previous a:hover, .is-style-buttons.wp-block-post-terms a:hover { opacity: 0.9; } .terms-buttons { gap: 0.3rem !important; } /* ------------------------------------------- */ /* Block: Query Loop /* ------------------------------------------- */ .wp-block-query > *:first-child { margin-top: 0; } .wp-block-query > *:last-child { margin-bottom: 0; } /* Post Template ------------------- */ .wp-block-post-template li { margin-left: 0; } .wp-block-post-template li:only-child { margin: 0 !important; } :root .wp-block-post-template > li > *:first-child { margin-top: 0; } :root .wp-block-post-template > li > *:last-child { margin-bottom: 0; } .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin-bottom: var(--wp--custom--spacing--gutter); } /* ------------------------------------------- */ /* Block: Query Pagination /* ------------------------------------------- */ .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous { margin: 0; } :root .wp-block-query-pagination a { text-decoration: none; } :root .wp-block-query-pagination a:hover, :root .wp-block-query-pagination a:focus { text-decoration: underline; } /* Style: Top Separator ------------ */ .wp-block-query-pagination.is-style-blockthemesprostarter-top-separator { border-top: 2px solid currentColor; padding: calc(2 * var(--wp--custom--spacing--baseline)) 0 0; } @media (min-width: 700px) { .wp-block-query-pagination.is-style-blockthemesprostarter-top-separator { padding: calc(3 * var(--wp--custom--spacing--baseline)) 0 0; } } /* Style: Vertical Separators ------ */ .wp-block-query-pagination.is-style-blockthemesprostarter-vertical-separators { border-bottom: 2px solid currentColor; border-top: 2px solid currentColor; padding: calc(2 * var(--wp--custom--spacing--baseline)) 0; } @media (min-width: 700px) { .wp-block-query-pagination.is-style-blockthemesprostarter-vertical-separators { padding: calc(3 * var(--wp--custom--spacing--baseline)) 0; } } /* ------------------------------------------- */ /* Block: Quote /* ------------------------------------------- */ :root .wp-block-quote { border-left: 2px solid currentColor; padding: var(--wp--custom--spacing--baseline); } :root .wp-block-quote > p { margin-top: 0; } :root .wp-block-quote.has-text-align-center { border-width: 0; padding: 0; } :root .wp-block-quote.has-text-align-right { border: none; border-right: 2px solid currentColor; padding: 0 var(--wp--custom--spacing--baseline) 0 0; } :root .wp-block-quote cite { font-size: calc(0.9 * var(--wp--preset--font-size--small)); text-align: inherit; } @media (min-width: 700px) { :root .wp-block-quote { padding: calc(2 * var(--wp--custom--spacing--baseline)); } :root .wp-block-quote.has-text-align-right { padding: 0 calc(2 * var(--wp--custom--spacing--baseline)) 0 0; } } /* Style: Large -------------------- */ .wp-block-quote.is-style-large p { font-size: var(--wp--preset--font-size--large); font-style: normal; line-height: inherit; } /* ------------------------------------------- */ /* Block: Separator /* ------------------------------------------- */ :root hr.wp-block-separator { background-color: currentColor; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 60px; } :root .wp-block-separator.is-style-wide, :root .wp-block-separator.is-style-dots { width: 100%; } .wp-block-separator.has-background:not(.is-style-dots) { height: 2px; } /* ------------------------------------------- */ /* Block: Site Title Logo /* ------------------------------------------- */ .wp-block-site-logo.aligncenter { display: block; text-align: center; } /* ------------------------------------------- */ /* Block: Social Links /* ------------------------------------------- */ .wp-block-social-links.has-small-icon-size { font-size: var(--wp--preset--font-size--small); } .wp-block-social-links.has-normal-icon-size { font-size: calc(1.1 * var(--wp--preset--font-size--medium)); } .wp-block-social-links.has-large-icon-size { font-size: 32px; } .wp-block-social-links.has-huge-icon-size { font-size: 40px; } .wp-block-social-links .wp-social-link svg { height: calc(1em + 4px); width: calc(1em + 4px); } /* Style: Default ------------------ */ .wp-block-social-links .wp-social-link a { padding: 0.4em; } /* Style: Only Logos --------------- */ .wp-block-social-links.is-style-logos-only .wp-social-link, .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0; } /* ------------------------------------------- */ /* Block: Template Part /* ------------------------------------------- */ :root .wp-block-template-part.has-background { margin: 0; padding: var(--wp--custom--spacing--large) var(--wp--custom--outer); } :root .wp-block-template-part.has-background > *:first-child, :root .wp-block-template-part.has-background > .wp-block:first-child > *:first-child { margin-top: 0; } :root .wp-block-template-part.has-background > *:last-child, :root .wp-block-template-part.has-background > .wp-block:last-child > *:last-child { margin-bottom: 0; } /* ------------------------------------------- */ /* Block: Term Description /* ------------------------------------------- */ .wp-block-term-description > *:first-child { margin-top: 0; } .wp-block-term-description > *:last-child { margin-bottom: 0; } /* ------------------------------------------- */ /* LOGGED IN / OUT /* ------------------------------------------- */ .logged-in .hide-if-logged-in { display: none; } body:not(.logged-in) .hide-if-logged-out { display: none; } /* ------------------------------------------- */ /* EXTRA MOBILE RULES /* ------------------------------------------- */ .mobile-menu { display: none !important; position: absolute; top: 30px; right: 0; z-index: 999999; border-radius: 50%; } .mobile-menu button { padding: 10px; } .mobile-menu button svg { height: 40px; width: 40px; } .hide-on-desktop { display: none !important; } .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; } @media (max-width: 767px) { .mobile-menu { display: flex !important; } .hide-on-mobile { display: none !important; } .hide-on-desktop { display: flex !important; } header.site-header { position: relative; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } .wp-block-navigation__responsive-container-open { display: flex !important; } .mobile-justification-left { justify-content: flex-start !important; } .mobile-justification-center { justify-content: center !important; } .wp-block-columns.mobile-5050 { flex-wrap: wrap !important; gap: 2% !important; row-gap: 60px !important; justify-content: space-between; } .wp-block-columns.mobile-5050 .wp-block-column { flex-basis: 46% !important; } form.newsletter-form { flex-flow: wrap; } form.newsletter-form input { width: 100%; } .mobile-padding-top-0 { padding-top: 0 !important; } .mobile-padding-bottom-0 { padding-bottom: 0 !important; } .mobile-margin-top-0 { margin-top: 0 !important; } .mobile-margin-top-0 { margin-bottom: 0 !important; } }