/*
Theme Name: Iconiq Capital
Author: KBD
Version: 0.1.21
*/

.editor-visual-editor__post-title-wrapper {
  display: none;
}

.wp-site-blocks main {
  position: relative;
  z-index: 2;
}

.editor-styles-wrapper .is-layout-grid,
.is-layout-grid {
  container-type: normal !important;
}

:root {
  scroll-behavior: smooth;
}

header.is-style-header-starts-transparent {
  transition: all 0.3s ease-in-out;
  z-index: 2;

  & + * {
    margin-top: -100px;
  }
}

:root {
  --icon-scroll-padding-top: 120px;
}

@media screen and (max-width: 782px) {
  :root {
    --icon-scroll-padding-top: 80px;
  }
}

html:has(header.is-style-header-starts-transparent) {
  scroll-padding-top: var(--icon-scroll-padding-top) !important;
}

body:not(.scrolled) header.is-style-header-starts-transparent {
  background-color: transparent !important;
}

.wp-block-navigation-item a.wp-block-navigation-item__content,
.wp-block-navigation__responsive-dialog .wp-block-loginout a {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  transition: padding 0.3s ease 0s, border-bottom 0.3s ease 0s;
  padding-bottom: 8px;
  display: block;
}
.wp-block-navigation-item a.wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-dialog .wp-block-loginout a:hover {
  border-bottom: 2px solid var(--wp--preset--color--accent-2);
  padding-bottom: 8px;
}

.is-style-blocked {
  position: relative;

  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 1rem);
    width: 36px;
    height: 100%;
    background-color: var(--wp--preset--color--secondary);
  }
}

.wp-block-button.gform-theme__disable {
  appearance: none;
  border: none;
  padding: 0;
}

.wp-block-button.is-style-fill {
  & .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding-inline: 1rem;
    transition: all 0.3s ease-in-out;

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

      &::after {
        filter: brightness(0) saturate(100%) invert(100%);
      }
    }

    &::after {
      content: "";

      transition: all 0.3s ease-in-out;
      background-image: url(assets/images/right-arrow.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 53px;
      height: 16px;
      display: block;
      margin-inline-start: 1rem;
      margin-inline-end: 0.5rem;
    }
  }
}

@media screen and (max-width: 782px) {
  .wp-block-navigation__responsive-container {
    padding: 1rem !important;
    background-color: var(--wp--preset--color--base-3) !important;
    text-align: center;

    a {
      color: var(--wp--preset--color--contrast) !important;
      font-size: 2rem;
    }

    .wp-block-navigation__container {
      width: 100%;
      align-items: center !important;
    }
  }

  .wp-block-navigation__responsive-container
    .wp-block-navigation__responsive-container-content {
    align-items: center !important;
  }
}

/* copy of wp default css to a 1000px media query */
@media (min-width: 782px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .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;
  }
}

.comma:has(+ :empty) {
  display: none;
}

.wp-block-button[style*="text-transform:none"] .wp-block-button__link {
  text-transform: none !important;
}

:root {
  --color-danger: var(--wp--preset--color--accent-1);
}

:root .wp-block-navigation {
  --navigation-layout-justification-setting: center;
}

:root:has(.investor-update-2024-header) {
  scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 85px);
}

:root {
  .wp-block-separator:not(.is-style-vertical) {
    border-top-width: 1px;
  }

  .wp-block-separator.is-style-vertical {
    border-left: 1px solid currentColor;
    width: 0;
    display: block;
  }
}

@media screen and (max-width: 782px) {
  .wp-block-separator.is-style-vertical {
    border-left: none;
    border-top: 1px solid currentColor;
    width: 100%;
  }
}

#agenda .speaker > div.wp-block-group.is-layout-flex {
  align-items: baseline;
}
