/* Theme Name: Blockster Theme URI: https://blockthemespro.com Author: Block Themes Pro Description: A simple, clean, easy to manage block theme meant for non-profits, bloggers, freelancers and agencies. No custom code needed. No clunky page builders. It's lightweight and easy to setup! Requires at least: 6.0 Tested up to: 6.2 Requires PHP: 7.2 Version: 1.1.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, education */ html, body { border: none; margin: 0; padding: 0; height: 100%; } html { scroll-behavior: smooth; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus:not(:focus-visible) { outline: none; } .wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; } .site-footer { margin-top: auto !important; } a { text-underline-offset: 0.15em; transition: 0.15s ease; } a img { transition: opacity 400ms linear; } a:hover img { opacity: 0.8; } label { font-weight: 500; font-size: var(--wp--preset--font-size--small); } input:not([type=radio]):not([name=checkbox]):not([name=submit]), textarea, select { border-radius: 4px !important; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--wp--preset--color--contrast-alt); padding: calc(0.667rem + 7px) calc(1rem + 2px); font-size: var(--wp--preset--font-size--medium); font-weight: normal; outline: none; transition: 0.2s all; } input:not([type=radio]):not([name=checkbox]):not([name=submit]):focus, textarea:focus, select:focus { border-color: var(--wp--preset--color--accent); } button { transition: 0.2s all; } .hide-on-desktop { display: none !important; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .is-style-splat.wp-block-site-logo img { border-radius: 45% 43% 50% 56%; } .wp-block-site-title a { text-decoration: none; } .wp-block-post-date { opacity: 0.5; } .wp-block-post-terms { gap: 5px; display: flex; flex-flow: row wrap; } .wp-block-post-terms__separator { display: none; } .is-style-buttons .page-numbers, .is-style-buttons .wp-block-query-pagination-next, .is-style-buttons .wp-block-query-pagination-previous, .is-style-buttons.wp-block-post-terms > a { background: none; padding: 0.5rem 0.65rem 0.5rem; border-radius: 4px; font-weight: 500; font-size: calc(0.9 * var(--wp--preset--font-size--small)); text-decoration: none; position: relative; line-height: var(--wp--custom--typography--line-height--normal); color: var(--wp--preset--color--accent); display: inline-block; } .is-style-buttons .page-numbers:after, .is-style-buttons .wp-block-query-pagination-next:after, .is-style-buttons .wp-block-query-pagination-previous:after, .is-style-buttons.wp-block-post-terms > a:after { background: var(--wp--preset--color--accent); opacity: 0.1; border-radius: 6px; bottom: 0; content: ""; left: 0; position: absolute; z-index: -1; right: 0; top: 0; transition: opacity 0.1s cubic-bezier(0.7, 0, 0.3, 1); } .is-style-buttons .page-numbers:hover:after, .is-style-buttons .wp-block-query-pagination-next:hover:after, .is-style-buttons .wp-block-query-pagination-previous:hover:after, .is-style-buttons.wp-block-post-terms > a:hover:after { opacity: 0.2; } .gallery-vertically-center-images .wp-block-image { display: flex; align-items: center; margin-top: auto !important; margin-bottom: auto !important; } .wp-block-code { border-radius: 4px; border: 1px solid var(--wp--preset--color--contrast-alt); } .wp-block-post-author__content { gap: 0.3rem; display: flex; opacity: 0.5; } .wp-block-post-author__byline { font-size: 1em; width: auto; } .wp-block-post-featured-image { display: block; } .wp-element-button { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .wp-element-button:hover { opacity: 0.8; } .wp-block-search__inside-wrapper { padding: 0 !important; margin: 0 !important; border-radius: 4px; transition: 0.15s ease; } .wp-block-search__inside-wrapper:focus-within { border-color: var(--wp--preset--color--accent); } .wp-block-search__button-inside input.wp-block-search__input { border: none !important; padding: 8px 12px !important; font-size: var(--wp--preset--font-size--small); } .wp-block-search__button-inside button { padding: 8px !important; margin: 0 !important; background: none !important; color: var(--wp--preset--color--contrast-alt) !important; } .wp-block-search__button-inside button:hover { color: var(--wp--preset--color--contrast) !important; } .is-style-shadow-light:not(.wp-block-image) { box-shadow: var(--wp--preset--shadow--light); } .is-style-shadow-light.wp-block-image img { box-shadow: var(--wp--preset--shadow--light); } .is-style-shadow-light a img { transition: all 0.15s ease; } .is-style-shadow-light a:hover img { box-shadow: none; opacity: 1; } .subscribe-form-container { border: 1px solid var(--wp--preset--color--accent); border-radius: 4px; background: var(--wp--preset--color--base); padding: 4px 30px 4px 15px; align-items: center; justify-content: center; } .subscribe-form { display: flex; margin: auto; } .subscribe-form input { border: none !important; outline: none; margin: 0 !important; width: 100%; padding-left: 0; background: none; } .subscribe-form button { background: none; color: var(--wp--preset--color--accent); border: none; outline: none; box-shadow: none; font-size: var(--wp--preset--font-size--medium); font-family: inherit; font-weight: 500; cursor: pointer; } .subscribe-form button:hover { opacity: 0.8; } .blog-sidebar-category-nav ul { margin: 0; padding: 0; } .blog-sidebar-category-nav ul li { list-style: none; display: inline-block; vertical-align: top; line-height: var(--wp--custom--typography--line-height--medium); } .blog-sidebar-category-nav ul li a { text-decoration: none; font-size: calc(0.8 * var(--wp--preset--font-size--small)); font-weight: 500; display: block; } .blog-sidebar-category-nav ul li a:hover { color: var(--wp--preset--color--contrast); } .is-style-three-col-per-row-max { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-gap: 1.5rem; } .is-style-four-col-per-row-max { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: 1.5rem; } .comment-form-cookies-consent { display: none !important; } h3#reply-title { font-size: var(--wp--preset--font-size-large); } .logged-in-as, .comment-notes { color: var(--wp--preset--color--contrast-alt); font-size: calc(0.9 * var(--wp--preset--font-size--small)); } .has-text-align-center.wp-block-post-author .wp-block-post-author__content { justify-content: center; } .wp-block-navigation__responsive-container-close { padding-top: var(--wp--preset--spacing--40); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: var(--wp--preset--spacing--70); } .wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline { padding: 6px 14px; } .wp-block-post-template.is-flex-container { gap: 2.5em 1.25em; } .wp-block-navigation a.wp-block-navigation-item__content.wp-block-navigation-item__content:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--contrast-alt); } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: var(--wp--preset--color--base-alt) !important; } .wp-block-social-links:not(.has-icon-color) .wp-block-social-link-anchor svg { fill: var(--wp--preset--color--contrast) !important; } @media (max-width: 767px) { .hide-on-mobile { display: none !important; } .hide-on-desktop { display: flex !important; } .wp-block-post { padding-bottom: var(--wp--preset--spacing--50); } .wp-block-post:last-of-type { padding-bottom: 0; } .mobile-order-1 { order: 1; } .mobile-order-2 { order: 2; } .mobile-order-3 { order: 3; } .mobile-order-4 { order: 4; } .center-on-mobile { margin-left: auto !important; margin-right: auto !important; } .mobile-padding-0 { padding: 0 !important; } .mobile-padding-top-0 { padding-top: 0 !important; } .mobile-padding-bottom-0 { padding-bottom: 0 !important; } .mobile-padding-right-0 { padding-right: 0 !important; } .mobile-padding-left-0 { padding-left: 0 !important; } .is-style-three-col-per-row-max, .is-style-four-col-per-row-max { grid-template-columns: 1fr; } .wp-block-cover { min-height: auto !important; } }