/*!
Theme Name: Custom Theme for Macy Foundation
Theme URI: 
Author: Kinetic Iris
Author URI: https://kineticiris.com
Version: 2.5.2
Tested up to: 6.3
Requires PHP: 8.2
Text Domain: kinetic-iris
*/

/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

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

em mark {
  font-family: var(--wp--preset--font-family--georgia);
  font-weight: 700;
}

/* ************* */
/* Hover & Focus */
/* ************* */
.wp-block-button__link,
.is-style-ki-arrow-feed li > div,
.is-style-ki-grid li > .wp-block-group > .wp-block-group,
.popup-card,
.resource-query-loop li > .wp-block-group > .wp-block-group,
.is-style-resource-query-item > .wp-block-group {
  transition: 300ms all;
}

.is-style-ki-arrow-feed li > div:hover,
.is-style-ki-grid li > .wp-block-group > .wp-block-group:hover,
.popup-card:hover,
.resource-query-loop li > .wp-block-group > .wp-block-group:hover,
.is-style-resource-query-item > .wp-block-group:hover {
  box-shadow: 0px 0px 23px -5px var(--wp--preset--color--highlight) !important;
}

.popup-card .popup-card__image-wrapper img {
  transition: 300ms all;
}

.popup-card:hover  img {
  scale: 1.07;
}

.hover-underline a:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item {
  text-decoration: underline;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  color: var(--wp--preset--color--accent);
  text-decoration: none;
}

/* Buttons */
:root :where(.wp-block-button .wp-block-button__link):hover {
  background-color: #BF2126;
  border-color: #BF2126;
}

:root :where(.wp-block-button .wp-block-button__link.has-accent-background-color):hover {
  background-color: #BF2126 !important;
}

/* ************ */
/* Block Styles */
/* ************ */
.wp-block-post-featured-image {
  overflow: hidden;
}

/* ************* */
/* Header Styles */
/* ************* */

/* ************* */
/* Shortcodes    */
/* ************* */
.taxonomy-description {
  align-items: center;
  color: #E7000B;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  gap: 8px;
  line-height: 1.3;
}

.taxonomy-description p {
  font-family: var(--wp--preset--font-family--gtwalsheim);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
  padding-top: 2px;
}

.taxonomy-term-with-icon {
  align-items: center;
  display: flex;
  font-family: var(--wp--preset--font-family--gtwalsheim);
  font-size: 12px;
  font-weight: 500;
  gap: 10px;
  letter-spacing: 0.8px;
  margin: 0;
  text-transform: uppercase;
}

.taxonomy-term-with-icon img {
  height: 68px;
  width: auto;
}

/* Breadcrumb */
.loop-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 0.85em;
}

.loop-breadcrumb li {
	display: flex;
	align-items: center;
}

.loop-breadcrumb li:not(:last-child)::after {
	content: "\203A";
	margin: 0 6px;
	opacity: 0.6;
}

.loop-breadcrumb a {
  color: var(--wp--preset--color--medium);
  text-decoration: underline;
  text-transform: lowercase;
}

.loop-breadcrumb a:hover {
	color: var(--wp--preset--color--accent);
}


/* ************* */
/* Page Styles   */
/* ************* */
.resource-sidebar .taxonomy-topic_areas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.resource-sidebar .taxonomy-topic_areas a {
  border: 1px solid var(--wp--preset--color--accent);
  display: inline-block;
  padding: 5px 13px;
  text-decoration: none;
}

.resource-sidebar .taxonomy-topic_areas .wp-block-post-terms__separator {
  display: none;
}

.resource-sidebar .related-topic-areas-query-loop a {
  color: var(--wp--preset--color--darker);
  font-size: var(--wp--preset--font-size--p-sm);
}

.wp-block-query .staff-title,
.wp-block-query .investigator-text,
.wp-block-query .organization-text {
	font-size: var(--wp--preset--font-size--eyebrow);
}

/* Search & Filter */
.search-filter-input-text__input::placeholder {
  font-family: var(--wp--preset--font-family--gtwalsheim);
  font-size: var(--wp--preset--font-size--p-sm) !important;
}

.search-filter-component-combobox-base__listbox-option {
  font-family: var(--wp--preset--font-family--gtwalsheim);
  font-size: var(--wp--preset--font-size--p-sm);
  width: calc(100% - 18px) !important;
}

.search-filter-component-combobox-base__listbox-option--selected {
  background: var(--wp--preset--color--background) !important;
}

.search-filter-component-combobox-base__listbox-option--active {
  background: #FFEDED !important;
  color: var(--wp--preset--color--accent) !important;
  font-weight: 600;
}

button.fb-close {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.7352 1.0408L1.04062 9.73521' stroke='%2399A1AF' stroke-width='2.08125' stroke-linecap='round'/%3E%3Cpath d='M9.73529 9.7352L1.04088 1.04062' stroke='%2399A1AF' stroke-width='2.08125' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 12px 12px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

button.fb-close svg {
  opacity: 0;
}

/* ************* */
/* Footer Styles */
/* ************* */
footer {
  margin-block-start: 0;
}

footer .gform-theme--framework .gform_validation_errors .gform_submission_error,
footer .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  color: #e1826c;
}

/* ************************ */
/* Natural Navigation Break */
/* ************************ */

@media (min-width: 1067px) {
  /* Hide navigation items on desktop */
  .wp-block-navigation .is-style-ki-desktop-hide {
    display: none;
  }

  /* Navigation: Button Style */
  .is-style-ki-style-button a:hover {
    border-color: var(--wp--preset--color--primary);
    color: #fff !important;
    text-decoration: none !important;
  }
  .is-style-ki-style-button a:before {
    background: var(--wp--preset--color--primary);
  }
}

@media (max-width: 1067px) {
  /* ************************ */
  /* Adjust Default Nav Break */
  /* ************************ */

  /* Hide the nav when it's not open */
  header
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  /* Show the menu button and style it */
  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border: 1px solid #000;
    display: block;
    font-size: 18px;
    padding: 8px 15px 10px;
  }
  .page-template-page-transparent
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border-color: #fff;
    color: #fff;
  }

  /* Close button styles */
  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    border: 1px solid #000;
    font-size: 18px;
    padding: 8px 15px 10px;
  }

  /* General Overlay styles */
  .wp-block-navigation__responsive-container-content {
    padding-inline: 25px;
  }

  /* Layout Adjustments */
  .is-style-ki-center-mobile > * {
    margin-inline: auto !important;
  }

  .hide-mobile {
    display: none;
  }

  /* General Mobile Styles */
  .resource-sidebar {
    border-left: 0 !important;
  }

  :root {
    --wp--preset--spacing--60: 1rem;
  }
}

.container-box-mobile {
  container: priority-box / inline-size;
}

@container priority-box (width < 816px) {
  .container-box-mobile .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .container-box-mobile .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
}

@container priority-box (width < 816px) and (width > 650px) {
  .container-box-mobile .wp-block-column > .wp-block-group {
    align-items: initial;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .container-box-mobile figure {
    flex-basis: 48%;
  }

  .container-box-mobile img {
    height: 100%;
    object-fit: cover;
  }

  .priority-number {
    align-self: flex-start;
    margin-top: 22px !important;
    margin-left: -21px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .priority-content {
    padding-top: 35px !important;
  }

  .priority-content .wp-block-buttons {
    margin-block-start: 5px;
  }
}

@media (max-width: 782px) {
  .page-sidebar > .wp-block-columns {
    flex-direction: column-reverse;
    flex-wrap: wrap !important;
  }

  .page-sidebar > .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }

  .page-sidebar .is-content-justification-right > * {
    margin-left: 0 !important;
  }
}

@container priority-box (width <= 650px){
  .container-box-mobile .wp-block-column > .wp-block-group {
    margin-inline: auto;
    max-width: 352px;
  }
}