/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

#header [data-device="desktop"] #header-menu-1 {
  --menu-items-spacing: 36px;
}

.entry-content.is-layout-constrained {
  counter-reset: blog-equation;
}

.wp-block-math.numbered-equation {
  counter-increment: blog-equation;
  position: relative;
  padding-inline: 3rem;
}

.wp-block-math.numbered-equation math[display="block"] {
  font-size: 1.2em;
}

.wp-block-math.numbered-equation::after {
  content: "(" counter(blog-equation) ")";
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
  font-size: 0.875rem;
}

@media (max-width: 600px) {
  .entry-content math:not([display="block"]) {
    display: inline-block;
    max-width: calc(100vw - 3rem);
    overflow-x: auto;
    overflow-y: hidden;
    vertical-align: middle;
  }

  .wp-block-math.numbered-equation {
    padding-inline: 0;
  }

  .wp-block-math.numbered-equation::after {
    position: static;
    display: block;
    margin-top: 0.25em;
    transform: none;
    text-align: right;
  }
}