/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* TOD styles, cleanup after */
.wp-site-blocks {
  background-color: var(--wp--preset--color--background-alt);
  padding: 0 10px;
  position:relative;
}

header {
  padding-top: 20px;
}

footer {
  padding-bottom: 10px;
}

@media (min-width: 600px) {
  .wp-site-blocks {
    background-color: var(--wp--preset--color--background-alt);
    margin: var(--wp--custom--spacing--site-margin);
    padding: var(--wp--custom--spacing--site-padding);
    border-radius: var(--wp--custom--radius--site);
  }

  .wp-site-blocks:after {
    content: "";
    display: block;
    position: absolute;
    top: var(--wp--custom--spacing--border-margin);
    left: var(--wp--custom--spacing--border-margin);
    right: var(--wp--custom--spacing--border-margin);
    bottom: var(--wp--custom--spacing--border-margin);
    border-radius: var(--wp--custom--radius--large);
    border: var(--wp--custom--border);
    border-color: var(--wp--preset--color--foreground);
    pointer-events: none;
    z-index:99;
  }

  .alignfull{
    margin-left: calc(var(--wp--custom--spacing--site-padding) * -1);
    margin-right: calc(var(--wp--custom--spacing--site-padding) * -1);
  }
}

.wp-block-navigation .wp-block-navigation-item a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: border 200ms ease;
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item a,
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}

.wp-block-navigation__responsive-container:not(.has-modal-open) .wp-block-navigation__submenu-container {
  border-radius: var(--wp--custom--radius--small);
  border: var(--wp--custom--border) !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a,
.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item a,
.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item a:focus,
.wp-block-navigation .wp-block-navigation-item.has-child.current-menu-item a,
.wp-block-navigation .wp-block-navigation-item.has-child a:hover,
.wp-block-navigation .wp-block-navigation-item.has-child a:focus {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.wp-block-navigation__container > .wp-block-navigation-item {
  padding: 10px 0;
}

/* START - NAV BLOCK */
.wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: flex;
}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none;
}

@media (min-width: 800px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: none;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}

/* END - NAV BLOCK */

/* START - LOOPS AND QUERIES */
.wp-block-post-template.tod-main-loop {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2%;
}

.wp-block-post-template.tod-main-loop li.wp-block-post {
  margin-top: 0px;
  width: 32%;
  margin-bottom: 40px;
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  border-radius: var(--wp--custom--radius--small);
  border: var(--wp--custom--border);
}

.wp-block-post-template.tod-main-loop li.wp-block-post .wp-block-post-featured-image img {
  max-height: 300px;
}

.wp-block-post-featured-image.tod-single-post-image img {
  max-height: 60vh;
}

.tod-featured-image {
  padding: var(--wp--custom--spacing--small);
}

.wp-block-read-more:hover {
  text-decoration: underline;
}

@media (max-width: 950px) {
  .wp-block-post-template.tod-main-loop li.wp-block-post {
    width: 49%;
  }
}

@media (max-width: 550px) {
  .wp-block-post-template.tod-main-loop {
    justify-content: center;
  }

  .wp-block-post-template.tod-main-loop li.wp-block-post {
    width: 90%;
    margin-bottom: 60px;
  }
}

@media (max-width: 800px) {
  .wp-block-post-template.is-flex-container li.wp-block-post,
  .wp-block-query-loop.is-flex-container li.wp-block-post {
    margin: 0;
    width: 100% !important;
  }
}

/* END - LOOPS AND QUERIES */

/* START - SINGLE POST */
.tod-post-with-sidebar-container {
  align-items: flex-start !important;
}

.tod-post-with-sidebar-content {
  width: 75%;
}

.tod-post-with-sidebar-sidebar {
  width: 25%;
}

.wp-block-latest-posts__list li {
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  padding: 10px;
  margin: 10px 0;
  border-radius: var(--wp--custom--radius--small);
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 750px) {
  .tod-post-with-sidebar-container {
    flex-wrap: wrap !important;
  }

  .tod-post-with-sidebar-content {
    width: 100%;
  }

  .tod-post-with-sidebar-sidebar {
    width: 100%;
  }
}

/* END - SINGLE POST */

/* START - INNER HERO */
.tod-inner-hero {
  border-radius: var(--wp--custom--radius--large);
  -webkit-box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.15);
  padding: 120px 10px;
  text-align: center;
}

.tod-inner-hero-content {
  max-width: 60rem;
}

@media screen and (max-width: 750px) {
  .tod-inner-hero {
    padding: 40px 10px;
  }
}

/* END - INNER HERO */

.wp-block-media-text__media,
.wp-block-media-text__media img {
  border-radius: var(--wp--custom--radius--small);
}

.tod-big-cta {
  border-radius: var(--wp--custom--radius--large);
  padding: 60px 10px;
}

@media (max-width: 800px) {
  .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;
  }
}

/* START - FORMS */

input[type='text'],
input[type='email'],
textarea {
  outline: 0;
  border: 0;
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  padding: 12px 16px;
  border-radius: var(--wp--custom--radius--small);
}

input[type='submit'] {
  border: 0;
  outline: 0;
  padding: 15px 20px;
  cursor: pointer;
  border-radius: var(--wp--custom--radius--small);
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--primary);
}

/* END - FORMS */

/* START - SEARCH */
.wp-block-search .wp-block-search__inside-wrapper {
  border-radius: var(--wp--custom--radius--small);
}

.wp-block-search.is-style-contrast .wp-block-search__inside-wrapper,
.wp-block-search.is-style-small-contrast .wp-block-search__inside-wrapper {
  background-color: var(--wp--preset--color--background);
  padding: 0;
}

.wp-block-search.is-style-contrast .wp-block-search__button.has-icon,
.wp-block-search.is-style-small-contrast .wp-block-search__button.has-icon {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
}

.wp-block-search.is-style-small .wp-block-search__input,
.wp-block-search.is-style-small-contrast .wp-block-search__input {
  height: 20px;
  font-size: 0.9rem;
}

.wp-block-search.is-style-small .wp-block-search__button.has-icon,
.wp-block-search.is-style-small-contrast .wp-block-search__button.has-icon {
  padding: 0;
}

.wp-block-search.is-style-small .wp-block-search__button.has-icon svg,
.wp-block-search.is-style-small-contrast .wp-block-search__button.has-icon svg {
  height: 25px;
  width: 25px;
  min-height: 25px;
  min-width: 25px;
}

/* END - SEARCH */

/* Random */
.tod-overlap-jumbo-heading {
  font-size: var(--wp--preset--font-size--xx-large);
  margin-top: -40px !important;
}

.tod-home-hero,
.tod-inner-hero,
.tod-single-hero,
.tod-big-cta {
  border: var(--wp--custom--border);
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */

/*
 * Ensure spacing and padding are correct theme-wide.
 */

* {
  box-sizing: border-box;
}

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

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

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-thickness: 2px;
}

a:active {
  text-decoration-thickness: 1px;
}

h1 a {
  text-decoration: none;
  text-underline-offset: 0.1ch;
}

h1 a:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

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

footer .wp-block-query .wp-block-post-title a {
  text-decoration: none;
}

footer .wp-block-query .wp-block-post-title a:hover,
footer .wp-block-query .wp-block-post-title a:focus {
  text-decoration: underline;
  text-decoration-style: solid;
}

/*
 * Heading styles.
 * Slight modifications to spacing around headings to help
 * distinguish content sections within the post content only.
 *
 * Using !important as the blockGap value overrides it without.
 */

.wp-block-post-content p + h1:not([style*='margin-top']),
.wp-block-post-content p + h2:not([style*='margin-top']),
.wp-block-post-content p + h3:not([style*='margin-top']),
.wp-block-post-content p + h4:not([style*='margin-top']),
.wp-block-post-content span + h1:not([style*='margin-top']),
.wp-block-post-content span + h2:not([style*='margin-top']),
.wp-block-post-content span + h3:not([style*='margin-top']),
.wp-block-post-content span + h4:not([style*='margin-top']) {
  margin-top: var(--wp--custom--spacing--medium, 6rem) !important;
}

/*
 * Code styles.
 * Slight tweaks to the code blocks.
 */
.wp-block-code {
  border-width: 0;
  overflow: hidden;
  overflow-x: auto;
  white-space: pre;
}

p code {
  background: var(--wp--preset--color--background-alt);
  border-radius: 4px;
  border: 1px solid rgba(128, 128, 128, 0.25);
  display: inline-block;
  font-size: 72.5%;
  padding: 0.05rem 0.5rem;
  position: relative;
  top: -2px;
  color: var(--wp--custom--color--code);
}

p code a {
  color: var(--wp--custom--color--code);
  text-decoration-thickness: 1px !important;
}

/*
 * Search input styles.
 * A bit hacky but core does not support styling
 * inputs via theme.json or block styles.
 */

.wp-block-search__input {
  border: 0;
  background: transparent;
  color: currentcolor;
  z-index: 3;
  position: relative;
  padding: 12px;
  line-height: 1;
}

/* Remove hard-coded border. */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: 0;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 12px;
}

.wp-block-search__button {
  cursor: pointer;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: transparent;
  border-radius: 4px;
  border: none;
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  margin-left: 0;
}

/*
 * Button color styles.
 * 
 * Remove when we get a way to do this natively.
 */
.wp-block-button .wp-block-button__link {
  transition: background-color 0.2s ease;
}

.wp-block-button .wp-block-button__link.has-primary-background-color,
.wp-block-button .wp-block-button__link.has-primary-alt-background-color {
  color: var(--wp--preset--color--primary-contrast) !important;
}

.wp-block-button .wp-block-button__link.has-primary-contrast-background-color {
  color: var(--wp--preset--color--primary) !important;
}

.wp-block-button .wp-block-button__link.has-secondary-background-color,
.wp-block-button .wp-block-button__link.has-secondary-alt-background-color {
  color: var(--wp--preset--color--secondary-contrast) !important;
}

.wp-block-button .wp-block-button__link.has-secondary-contrast-background-color {
  color: var(--wp--preset--color--secondary) !important;
}

.wp-block-button .wp-block-button__link.has-foreground-background-color,
.wp-block-button .wp-block-button__link.has-foreground-alt-background-color {
  color: var(--wp--preset--color--background) !important;
}

.wp-block-button .wp-block-button__link.has-background-background-color,
.wp-block-button .wp-block-button__link.has-background-alt-background-color {
  color: var(--wp--preset--color--foreground) !important;
}

/*
 * Button hover styles.
 *
 * Necessary until Gutenberg gives us a way to dynamically
 * get the button color in theme.json
 */
.wp-block-button .wp-block-button__link.has-primary-background-color:hover {
  background-color: var(--wp--preset--color--primary-alt) !important;
}

.wp-block-button .wp-block-button__link.has-primary-alt-background-color:hover {
  background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-button .wp-block-button__link.has-primary-contrast-background-color:hover {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--primary-contrast) !important;
}

.wp-block-button .wp-block-button__link.has-primary-contrast-color:hover {
  color: var(--wp--preset--color--secondary-contrast) !important;
  border-color: var(--wp--preset--color--secondary-alt) !important;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.has-secondary-background-color:hover {
  background-color: var(--wp--preset--color--secondary-alt) !important;
}

.wp-block-button .wp-block-button__link.has-secondary-alt-background-color:hover {
  background-color: var(--wp--preset--color--secondary) !important;
}

.wp-block-button .wp-block-button__link.has-secondary-contrast-background-color:hover {
  background-color: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--secondary-contrast) !important;
}

.wp-block-button .wp-block-button__link.has-foreground-background-color:hover {
  background-color: var(--wp--preset--color--foreground-alt) !important;
}

.wp-block-button .wp-block-button__link.has-foreground-alt-background-color:hover {
  background-color: var(--wp--preset--color--foreground) !important;
}

.wp-block-button .wp-block-button__link.has-background-background-color:hover {
  background-color: var(--wp--preset--color--background-alt) !important;
}

.wp-block-button .wp-block-button__link.has-background-alt-background-color:hover {
  background-color: var(--wp--preset--color--background) !important;
}

/* .wp-block-search__button:hover,
  .wp-block-file .wp-block-file__button:hover,
  .wp-block-button__link:hover {
    opacity: 0.9;
} */

/*
 * Add more gap between items in the loop block.
 * Once the block supports blockGap, this can be removed.
 */

/* @media (min-width: 800px) {

	.wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container {
		gap: 4rem;
	}

	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
		width: calc(33.33333% - 3rem);
	}
} */

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large, 8rem);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Image block, within post content.
 * Add additional margin to the image block, so that
 * it displays with the same spacing as paragraphs do.
 */

.wp-block-post-content p + .wp-block-image {
  margin-top: calc(var(--wp--style--block-gap) * 1.5) !important;
  margin-bottom: calc(var(--wp--style--block-gap) * 1.5) !important;
}

/*
 * Image block, when alignfull within post content.
 */

.wp-block-post-content p + .wp-block-image.alignfull {
  margin-top: calc(1.25 * var(--wp--custom--spacing--medium, 8rem)) !important;
  margin-bottom: calc(1.25 * var(--wp--custom--spacing--medium, 8rem)) !important;
}

/*
 * Featured image styles.
 * Add styles to the post featured image so its
 * different than other block themes.
 */

.wp-block-post-featured-image {
  border-radius: var(--wp--custom--radius--small, 10px);
}

.wp-block-post-featured-image img {
  border-radius: var(--wp--custom--radius--small, 10px);
  position: relative;
  z-index: 1;
  transition: opacity 0.2s ease;
}

.wp-block-post-featured-image a:hover img {
  opacity: 0.75;
}

/*
 * Creates the effect where the accent color is halfway
 * behind the featured image.
 */

.is-single-featured .wp-block-post-featured-image::before {
  background: var(--wp--preset--color--background);
  bottom: 0;
  clip-path: var(--wp--custom--featured-image-clip);
  content: '';
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0;
}

/*
 * Post author styles.
 * Minor tweaks to customize the appearance of the
 * core/post-author block.
 */

.is-style-avatar-only .wp-block-post-author__content {
  display: none;
}

.wp-block-post-author__content {
  align-self: center;
}

.wp-block-post-author__avatar img {
  border-radius: 100%;
  vertical-align: bottom;
}

/*
 * Post excerpt styles.
 * Remove excess margin from the block.
 */

.wp-block-post-excerpt__excerpt {
  margin-top: initial;
  margin-bottom: initial;
}

/*
 * Social link styles.
 * Use currentColor for social links to better support style variants.
 * Remove the social link transform transition.
 */

.wp-block-social-links.is-style-logos-only > .wp-social-link {
  color: currentColor;
}

.wp-block-social-link {
  transition: none;
  transform: none !important;
}

/*
 * Query Pagination styles.
 * Remove margin that throws this off alignment.
 */

.wp-block-query-pagination > .wp-block-query-pagination-previous {
  margin-left: 0;
  margin-right: 0;
}

/*
 * Registered block styles.
 * Applied to easily add accent colored borders
 * to media (core/image, core/video blocks).
 */

.is-style-center,
.is-style-bottom-left,
.is-style-bottom-right {
  --spacing: calc(2 * var(--wp--custom--spacing--small));
  border-radius: var(--wp--custom--radius--small, 10px);
}

.is-style-center.alignwide,
.is-style-bottom-left.alignwide,
.is-style-bottom-right.alignwide,
.wp-block[data-align='wide'] > .is-style-center,
.wp-block[data-align='wide'] > .is-style-bottom-left,
.wp-block[data-align='wide'] > .is-style-bottom-right {
  --spacing: calc(2 * var(--wp--custom--spacing--medium));
}

.is-style-center.alignfull,
.is-style-bottom-left.alignfull,
.is-style-bottom-right.alignfull,
.wp-block[data-align='full'] > .is-style-center,
.wp-block[data-align='full'] > .is-style-bottom-left,
.wp-block[data-align='full'] > .is-style-bottom-right {
  --spacing: calc(3.25 * var(--wp--custom--spacing--small));
  border-radius: 0;
}

.is-style-bottom-left {
  border-bottom-left-radius: 0;
}

.is-style-bottom-left img,
.is-style-bottom-left video {
  padding-right: var(--spacing);
  padding-top: var(--spacing);
}

.is-style-bottom-right {
  border-bottom-right-radius: 0;
}

.is-style-bottom-right img,
.is-style-bottom-right video {
  padding-left: var(--spacing);
  padding-top: var(--spacing);
}

.is-style-center img,
.is-style-center video {
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  padding-top: var(--spacing);
}

.is-style-transparent .wp-block-button__link {
  background-color: transparent;
  color: var(--wp--preset--color--foreground);
}

.is-style-buttons .page-numbers {
  display: inline-flex;
  font-size: var(--wp--preset--font-size--small);
  height: 36px;
  width: 36px;
  align-items: center;
  justify-content: center;
}

.is-style-buttons.wp-block-post-terms {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.is-style-buttons.wp-block-post-terms > a {
  display: inline-block;
  position: relative;
}

.is-style-buttons.wp-block-post-terms .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-color: var(--wp--preset--color--background-alt);
  padding: 0.35rem 0.65rem 0.35rem;
  border-radius: 6px;
  text-decoration: none;
  position: relative;
  line-height: var(--wp--custom--typography--line-height--normal);
}

.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-color: rgba(83, 83, 83, 0.1);
  border-radius: 6px;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  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: 1;
}

.wp-block-image.is-style-rounded img {
  border-radius: var(--wp--custom--radius--small, 10px);
}

.wp-block-column.is-style-rounded {
  border-radius: var(--wp--custom--radius--small, 10px);
}

/*
 * Footer.
 */

footer {
  margin-top: 0 !important;
}

/*
 * Utility styles.
 * A couple utilities that are used throughout patterns and parts
 * where core does not support these functionalities.
 */

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-0 .wp-block-post-template {
  margin-top: 0 !important;
}

.h100 {
  height: 100%;
}

.items-start,
.ai-start {
  align-items: flex-start !important;
}

.as-stretch {
  align-self: stretch !important;
}

.relative {
  position: relative;
}

.has-radius-small {
  border-radius: var(--wp--custom--radius--small);
}

.has-radius-large {
  border-radius: var(--wp--custom--radius--large);
}

@media (min-width: 783px) {
  .hide-on-desktop:not(.wp-block) {
    display: none !important;
  }
}

@media (max-width: 782px) {
  .hide-on-tablet:not(.wp-block) {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .hide-on-mobile:not(.wp-block) {
    display: none !important;
  }
}