/*
Theme Name: J O Hambro FSE
Author: Leibowitz Branding & Design
Author URI: https://leibowitzdesign.com
Description: A full-site editing theme for J O Hambro's Emerging Markets site.
Version: 2023.01.A
Requires at least: 6.0 ???
Tested up to: 6.0 ???
Requires PHP: 8.0 ???
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: johcm-fse
Tags: N/A
*/

:root {
  /*
    Grid: 1184px / 16 = 74em
    Column: 77px / 16 = 4.8125em
    Gutter: 24px / 16 = 1.5em

    Content: 960px / 16 = 60rem
    Wide: 1184px / 16 = 74rem

    CONTENT AND WIDE SIZES ARE SET IN `theme.json` USING THE ACTUAL VALUES
    */

  --leib--grid: 71.25em;
  --leib--gutter: 1.25em;
  --leib--column: 4.8125em;

  --wp--size--content: 47em;
  --wp--size--wide: 71.25em;

  --list-padding: 2em;
  --root-spacing: 2em;
}

/* Sticky header */
.site-header {
  position: sticky;
  top: 0;
}

/* Remove block gap between content, header, and footer */
/* .wp-block-post-content,
    .wp-site-blocks > * + *:is(footer) {
    margin-block-start: 0 !important;
} */

/* Navigation submenu shift (height of parent + header padding) */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  top: calc(100% + 1.25rem);
}

button.wp-block-navigation-submenu__toggle {
  padding-inline-start: 0;
}

.wp-site-blocks
  .wp-block-navigation:not(.has-background)
  .wp-block-navigation__submenu-container {
  border: 0;
}

/* List padding */
:is(ul, ol) {
  padding-inline-start: var(--list-padding, 2em);
}

/* Remove block spacing between adjacent blocks with backgrounds */
.wp-block-post-content > .has-background + .has-background {
  margin-block-start: 0 !important;
}

/* Margin fixing for header and footer */
.wp-site-blocks header.wp-block-template-part + .wp-block-template-part {
  margin-block-start: 0;
}

footer.wp-block-template-part,
.wp-block-post-terms,
:is(.alignleft, .alignright) + * {
  clear: both;
}

/* First paragraph leading */
.wp-block-post-excerpt__excerpt,
:is(h1, h2, h3, h4, h5, h6) + :is(.wp-block-post-excerpt, p:not(.default)) {
  margin-block-start: 0.25em;
}

/* List leading */
.wp-site-blocks :is(ul, ol):not(.default) + * {
  margin-block-start: 0.5em;
}

.wp-site-blocks
  :is(ul, ol):not(
    .default,
    .wp-block-navigation__submenu-container,
    .wp-block-navigation__container,
    .wp-block-post-template
  ) {
  margin-block-start: 0.5em;
}

/* Buttons in submenu */
ul
  ul
  .wp-block-navigation-item.open-on-click
  .wp-block-navigation-submenu__toggle {
  padding: 0.5em 1em;
}

/* Buttons in submenu */
ul
  ul
  .wp-block-navigation-item.open-on-click
  button.wp-block-navigation-submenu__toggle {
  padding: 0.5em 1em;
}

/* ==========================================================================
   Utility classes
   ========================================================================== */
.list-style-none {
  list-style: none;
}

/* Margin
      ========================================================================== */
.m-0 {
  margin: 0;
}

.mbs-0 {
  margin-block-start: 0;
}
/* Padding
      ========================================================================== */
.p-0 {
  padding: 0;
}

/* Screen reader-only text */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media only screen and (min-width: 782px) {
  .wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container
    .wp-block-navigation__submenu-icon {
    margin-inline-end: 0.75em;
  }

  .wp-block-group.is-style-card {
    max-width: 20rem;
  }
}

/* JOHCM */

.wp-block-button__link,
button {
  display: flex;
}

/* Button arrows */

button {
  margin: 0;
  padding: 0.5em 1em;
  background-color: var(--wp--preset--color--primary-dark-blue);
  color: var(--wp--preset--color--primary-white);
  border-radius: 0;
  border: none;
  font-weight: bold;
}

.wp-block-button.is-style-forward > .wp-block-button__link::after,
button.is-style-forward::after,
button.is-style-backward::before,
.wp-block-button.is-style-backward > .wp-block-button__link::before {
  content: "";
  margin-block: auto;
  width: 1rem;
  height: 1em;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTAgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+UGF0aCA3PC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRWxlbWVudHMvQnV0dG9ucy9Gb3J3YXJkL0RlZmF1bHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMTAuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtNyIgcG9pbnRzPSIxMTMgMTEgMTIwIDE4IDExNy44NDM4MjMgMjAuMTU2MTc3MiAxMTMgMjUiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.wp-block-button.is-style-forward > .wp-block-button__link::after,
button.is-style-forward::after {
  margin-inline-start: 0.5em;
}

/* Button: backward */
.wp-block-button.is-style-backward > .wp-block-button__link::before,
button.is-style-backward::before {
  margin-inline-end: 0.5em;
  transform: rotate(180deg);
}

.hero-query div.hero-post {
  max-width: 36.25rem;
}

@media only screen and (min-width: 48em) {
  .hero-query div.hero-post {
    margin-inline-start: 0 !important;
  }
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.font-weight-bold {
  font-weight: 700;
}

.border-solid-bs {
  border-width: 0 !important;
  border-block-start-style: solid;
  border-block-start-width: 0.625rem;
  border-color: transparent;
}

.border-solid-bs.has-border-color {
  border-block-start-style: solid !important;
  border-block-start-width: 0.625rem !important;
}

.m-0 {
  margin: 0;
}

.pi-0imp {
  padding-inline: 0 !important;
}

:is(h1, h2, h3, h4, h5, h6) a {
  text-decoration: none;
}

:is(h1, h2, h3, h4, h5, h6) a:hover,
:is(h1, h2, h3, h4, h5, h6) a:focus {
  text-decoration: underline;
}

@media only screen and (min-width: 60rem) {
  .hero-alignment {
    width: 100vw;
  }
}

.modal-trigger {
  display: none;
}

button.is-style-outline {
  background-color: transparent;
  color: var(--wp--preset--color--primary-dark-blue);
  border: 1px solid var(--wp--preset--color--primary-dark-blue);
}

button.is-style-outline[aria-pressed="true"] {
  background-color: var(--wp--preset--color--primary-dark-blue);
  color: var(--wp--preset--color--primary-white);
}

button.is-style-outline[aria-pressed="true"]::after {
  content: "";
  margin-inline-start: 0.5rem;
  margin-block: auto;
  width: 1rem;
  height: 1em;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJFbGVtZW50cy9CdXR0b25zL1RhZ3MvQWN0aXZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTczLjAwMDAwMCwgLTExLjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczLjQ5ODA4NywgMTEuNDk4MDg3KSI+CiAgICAgICAgICAgICAgICA8bGluZSB4MT0iMCIgeTE9IjIuMjczNzM2NzVlLTEzIiB4Mj0iMTEiIHkyPSIxMSIgaWQ9IlBhdGgiPjwvbGluZT4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjExIiB5Mj0iMTEiIGlkPSJQYXRoLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCA1LjUwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC01LjUwMDAwMCkgIj48L2xpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
}

.filters-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.filters-container button {
  display: none;
}

@media only screen and (min-width: 40em) {
  .filters-container select {
    display: none;
  }

  .filters-container button {
    display: inherit;
  }
}

.display-flex {
  display: flex;
  flex-wrap: wrap;
}

:not(.wp-block-social-link-anchor)[target="_blank"]::after {
  content: " \29C9";
}

[data-label] {
  letter-spacing: 0.4px;
  text-decoration: none !important;
}

[aria-current="page"],
[data-label]:hover {
  font-weight: 700;
}

/* .wp-block-navigation__submenu-container [data-label]:hover {
text-decoration: underline !important;
font-weight: normal;
} */

.wp-block-navigation a[data-label]::before,
.wp-block-navigation button[data-label]::before {
  content: attr(data-label);
  font-weight: 700;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media speech {
  [data-label]::after,
  [data-label]::after {
    display: none;
  }
}

[data-label] span {
  width: 100%;
}

.wp-block-post-excerpt__excerpt {
  margin-block-end: 0;
}