/*
Theme Name: Blockster
Theme URI: https://blockthemespro.com
Author: Block Themes Pro
Description: A versatile and absolutely simple to manage block theme for the WordPress Site Editor.  We designed this theme to be scalable for any business or non-profit.  Drop in our block patterns to bring your design to life and simply swap out photos and content with your own. We built our theme to be as minimal as possible so you can confidently use it with your favorite WordPress plugins without running into issues.  Jump over to our website if you want to take our online training to learn more about customizing your site and block themes in general. Thanks!
Requires at least: 6.0
Tested up to: 6.1
Requires PHP: 5.7
Version: 1.0.2
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%;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

*: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;
}
a img {
  transition: opacity 400ms linear;
}

a:hover {
  text-decoration: none;
  transition: 0.2s all;
}
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: 2px solid var(--wp--preset--color--border) !important;
  padding: calc(0.667rem + 6px) calc(1rem + 2px);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: normal;
  outline: none;
}

.wp-block-site-title a {
  text-decoration: none;
}

.wp-block-post-terms {
  gap: 5px;
  display: flex;
}

.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;
  letter-spacing: 0.5px;
  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-alt-bg);
  border-radius: 6px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  transition: opacity 200ms 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.5;
}

body.post-template-single-alt-1 .is-style-buttons .page-numbers,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-next,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-previous,
body.post-template-single-alt-1 .is-style-buttons.wp-block-post-terms > a {
  color: var(--wp--preset--color--base);
}
body.post-template-single-alt-1 .is-style-buttons .page-numbers:after,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-next:after,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-previous:after,
body.post-template-single-alt-1 .is-style-buttons.wp-block-post-terms > a:after {
  opacity: 0.2;
  background: var(--wp--preset--color--base);
}
body.post-template-single-alt-1 .is-style-buttons .page-numbers:hover:after,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-next:hover:after,
body.post-template-single-alt-1 .is-style-buttons .wp-block-query-pagination-previous:hover:after,
body.post-template-single-alt-1 .is-style-buttons.wp-block-post-terms > a:hover:after {
  opacity: 0.1;
}
body.post-template-single-alt-1 .wp-block-post-author__content,
body.post-template-single-alt-1 .wp-block-post-date {
  opacity: 0.7;
  color: var(--wp--preset--color--base) !important;
}

.gallery-vertically-center-images .wp-block-image {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.wp-block-code {
  border-radius: 4px;
  border: 1px solid var(--wp--preset--color--border);
}

.wp-block-post-author__content {
  gap: 0.3rem;
  font-weight: 500;
  color: var(--wp--preset--color--contrast-light);
  letter-spacing: 0.5px;
  display: flex;
}

.wp-block-post-author__byline {
  font-size: 1em;
  width: auto;
}

.wp-element-button {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.wp-element-button:hover {
  opacity: 0.8;
}

.is-style-outline-has-shadow .wp-element-button {
  background: none;
  border: 2px solid;
  box-shadow: 6px 6px;
  color: inherit;
}

.is-style-box-shadow:not(.wp-block-image) {
  box-shadow: var(--wp--custom--box-shadow--light);
}

.is-style-box-shadow.wp-block-image img {
  box-shadow: var(--wp--custom--box-shadow--light);
}

.subscribe-form input {
  margin: 4px;
}

.comment-form-cookies-consent {
  display: none !important;
}

h3#reply-title {
  font-size: var(--wp--preset--font-size-large);
}

.has-text-align-center.wp-block-post-author .wp-block-post-author__content {
  justify-content: center;
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
  .hide-on-desktop {
    display: flex !important;
  }
}