a,
button,
img,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
  transition: all ease 0.23s;
}
/* Navigation */
.is-style-monocle-navigation-primary-hover
  li.wp-block-navigation-item:hover
  a.wp-block-navigation-item__content {
  color: var(--wp--preset--color--primary) !important;
}
.is-style-monocle-navigation-primary-hover {
  & .current-menu-item a.wp-block-navigation-item__content {
    color: var(--wp--preset--color--primary) !important;
  }
}
/* Secondary */
.is-style-monocle-navigation-secondary-hover
  li.wp-block-navigation-item:hover
  a.wp-block-navigation-item__content {
  color: var(--wp--preset--color--secondary) !important;
}
.is-style-monocle-navigation-secondary-hover {
  & .current-menu-item a.wp-block-navigation-item__content {
    color: var(--wp--preset--color--secondary) !important;
  }
}
/* Tertiary */
.is-style-monocle-navigation-tertiary-hover
  li.wp-block-navigation-item:hover
  a.wp-block-navigation-item__content {
  color: var(--wp--preset--color--tertiary) !important;
}
.is-style-monocle-navigation-tertiary-hover {
  & .current-menu-item a.wp-block-navigation-item__content {
    color: var(--wp--preset--color--tertiary) !important;
  }
}
/* Button */
.is-style-monocle-button-bell .wp-block-button__link.wp-element-button {
  position: relative;
  padding-left: 34px;
}

.is-style-monocle-button-bell .wp-block-button__link.wp-element-button:before {
  content: "";
  width: var(--wp--preset--font-size--normal);
  height: var(--wp--preset--font-size--normal);
  background-color: currentColor;
  -webkit-mask-image: url(../images/bell.svg);
  mask-image: url(../images/bell.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: contain; /* ← this was missing */
  -webkit-mask-size: contain; /* ← and the webkit prefix */
  position: absolute;
  left: 16px;
}
/* Social Buttons */
.is-style-monocle-social-icons-border {
  & li {
    padding: 8px;
    border: 1px solid currentColor;
  }
}
/* ******** Categories ******** */
.is-style-monocle-categories-primary,
.is-style-monocle-categories-secondary,
.is-style-monocle-categories-tertiary,
.is-style-monocle-categories-alternate {
  & a {
    margin-bottom: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
  }
}
/* Primary */
.wp-block-post-terms.is-style-monocle-categories-primary {
  & a {
    background-color: var(--wp--preset--color--primary);
  }
}
.wp-block-post-terms.is-style-monocle-categories-primary {
  & a:hover {
    background-color: var(--wp--preset--color--secondary);
  }
}
/* Secondary */
.wp-block-post-terms.is-style-monocle-categories-secondary {
  & a {
    background-color: var(--wp--preset--color--secondary);
  }
}
.wp-block-post-terms.is-style-monocle-categories-secondary {
  & a:hover {
    background-color: var(--wp--preset--color--primary);
  }
}
/* Tertiary */
.wp-block-post-terms.is-style-monocle-categories-tertiary {
  & a {
    background-color: var(--wp--preset--color--tertiary);
  }
}
.wp-block-post-terms.is-style-monocle-categories-tertiary {
  & a:hover {
    background-color: var(--wp--preset--color--primary);
  }
}
/* Alternate */
.is-style-monocle-categories-alternate {
  & a:nth-child(3n + 1) {
    background-color: var(--wp--preset--color--primary);

    &:hover {
      background-color: var(--wp--preset--color--secondary);
    }
  }

  & a:nth-child(3n + 2) {
    background-color: var(--wp--preset--color--tertiary);

    &:hover {
      background-color: var(--wp--preset--color--primary);
    }
  }

  & a:nth-child(3n + 3) {
    background-color: var(--wp--preset--color--secondary);

    &:hover {
      background-color: var(--wp--preset--color--tertiary);
    }
  }
}

/* Cover */
.is-style-monocle-cover-zoom-in:hover,
.is-style-monocle-image-zoom-in,
.is-style-monocle-image-zoom-out {
  overflow: hidden;
  & img.wp-block-cover__image-background,
  img:hover {
    transform: scale(1.1);
  }
}
.is-style-monocle-cover-zoom-out,
.is-style-monocle-image-zoom-out {
  & img.wp-block-cover__image-background,
  img {
    overflow: hidden;
    transform: scale(1.1);
  }
}
.is-style-monocle-image-zoom-out,
.is-style-monocle-cover-zoom-out:hover {
  & img.wp-block-cover__image-background,
  img:hover {
    transform: scale(1);
  }
}
/* Group, Columns and Column */
.is-style-monocle-boxshadow,
.is-style-monocle-boxshadow-hover:hover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
}
.is-style-monocle-boxshadow-md {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.is-style-monocle-boxshadow-lg {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.is-style-monocle-overflow-hidden {
  overflow: hidden;
}
/* ********** Pagination ********** */
/* Primary */
nav.is-style-monocle-pagination-primary {
  gap: 1em;
}
nav.is-style-monocle-pagination-primary
  .wp-block-query-pagination-numbers
  .page-numbers.current {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
  background-color: var(--wp--preset--color--primary);
}
nav.is-style-monocle-pagination-primary .wp-block-query-pagination-numbers a,
nav.is-style-monocle-pagination-primary .wp-block-query-pagination-next,
nav.is-style-monocle-pagination-primary .wp-block-query-pagination-previous {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
}
nav.is-style-monocle-pagination-primary
  .wp-block-query-pagination-numbers
  a:hover,
nav.is-style-monocle-pagination-primary .wp-block-query-pagination-next:hover,
nav.is-style-monocle-pagination-primary
  .wp-block-query-pagination-previous:hover {
  background-color: var(--wp--preset--color--primary);
}
/* Secondary */
nav.is-style-monocle-pagination-secondary {
  gap: 1em;
}
nav.is-style-monocle-pagination-secondary
  .wp-block-query-pagination-numbers
  .page-numbers.current {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
  background-color: var(--wp--preset--color--secondary);
}
nav.is-style-monocle-pagination-secondary .wp-block-query-pagination-numbers a,
nav.is-style-monocle-pagination-secondary .wp-block-query-pagination-next,
nav.is-style-monocle-pagination-secondary .wp-block-query-pagination-previous {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
}
nav.is-style-monocle-pagination-secondary
  .wp-block-query-pagination-numbers
  a:hover,
nav.is-style-monocle-pagination-secondary .wp-block-query-pagination-next:hover,
nav.is-style-monocle-pagination-secondary
  .wp-block-query-pagination-previous:hover {
  background-color: var(--wp--preset--color--secondary);
}
/* Tertiary */
nav.is-style-monocle-pagination-tertiary {
  gap: 1em;
}
nav.is-style-monocle-pagination-tertiary
  .wp-block-query-pagination-numbers
  .page-numbers.current {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
  background-color: var(--wp--preset--color--tertiary);
}
nav.is-style-monocle-pagination-tertiary .wp-block-query-pagination-numbers a,
nav.is-style-monocle-pagination-tertiary .wp-block-query-pagination-next,
nav.is-style-monocle-pagination-tertiary .wp-block-query-pagination-previous {
  padding: 6px 14px;
  border: 1px solid var(--wp--preset--color--border-color);
}
nav.is-style-monocle-pagination-tertiary
  .wp-block-query-pagination-numbers
  a:hover,
nav.is-style-monocle-pagination-tertiary .wp-block-query-pagination-next:hover,
nav.is-style-monocle-pagination-tertiary
  .wp-block-query-pagination-previous:hover {
  background-color: var(--wp--preset--color--tertiary);
}
/* Category List */
/* List Style Hidden */
ul.is-style-monocle-category-list-hidden {
  list-style: none;
}
/* Hover: Border Bottom Primary */
ul.is-style-monocle-category-primary {
  list-style: none;

  & li {
    padding: 12px 4px;
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    transition: all ease 0.23s;
  }
  & li:hover {
    border-bottom: 1px solid var(--wp--preset--color--primary);
    transition: all ease 0.23s;
  }
  & li:last-child {
    border-bottom: none;
  }
}
/* Hover: Border Bottom Secondary */
ul.is-style-monocle-category-secondary {
  list-style: none;

  & li {
    padding: 12px 4px;
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    transition: all ease 0.23s;
  }
  & li:hover {
    border-bottom: 1px solid var(--wp--preset--color--secondary);
    transition: all ease 0.23s;
  }
  & li:last-child {
    border-bottom: none;
  }
}
/* Hover: Border Bottom Tertiary */
ul.is-style-monocle-category-tertiary {
  list-style: none;

  & li {
    padding: 12px 4px;
    border-bottom: 1px solid var(--wp--preset--color--border-color);
    transition: all ease 0.23s;
  }
  & li:hover {
    border-bottom: 1px solid var(--wp--preset--color--tertiary);
    transition: all ease 0.23s;
  }
  & li:last-child {
    border-bottom: none;
  }
}
/* Social Icons */
.is-style-monocle-category-border-pointed {
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  & li.wp-social-link {
    border-radius: 0;
    flex: 0 0 45%;
    box-sizing: border-box;
  }
}
