/**
 *
 * Scoped UI elements and third-party plugin overrides
 *
 *
 **/

/*
 * Media styles
 */

.wp-block-video,
.wp-block-image img,
.wp-block-embed {
  border-radius: var(--rounded-corners);
  overflow: hidden;
}

.wp-block-image.is-style-circle img,
.wp-block-media-text.is-style-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 999px;
  border: 0.3rem solid rgba(0, 0, 0, 0.12);
}

/* `no effects` style */

.wp-block-video.is-style-no-effects,
.wp-block-image.is-style-no-effects img,
.wp-block-embed.is-style-no-effects,
.wp-block-media-text.is-style-no-effects img {
  border-radius: 0;
  overflow: auto;
}

/*
 * Caption + photo credit text
 */

figcaption {
  font-family: "Overpass Mono", ui-monospace;
  font-size: clamp(13px, 0.85rem, 15.5px);
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--gray-900);
  margin-top: 0.67rem !important;
  margin-bottom: 1.8rem !important;
}

/*
 * Figures in post content
 */

.site-wrapper .post-content figure {
  max-width: 100%;
}

/*
 * Fix for avatar block
 */

.wp-block-avatar img {
  object-fit: contain;
}

/*
 * Logo gallery styles
 */

.wp-block-gallery.has-nested-images.logo-gallery figure.wp-block-image {
  height: 150px;
}

.wp-block-gallery.has-nested-images.logo-gallery figure.wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*
 * Read more link styles
 */

.wp-block-post-excerpt__more-link {
  font-family: "Overpass Mono", ui-monospace;
  text-transform: uppercase;
  color: var(--wp--preset--color--gray-900);
  text-decoration-color: var(--wp--preset--color--blue-500);
  font-weight: 700;
  font-size: 0.8em;
}

.wp-block-post-excerpt__more-link:hover {
  text-decoration-color: var(--wp--preset--color--blue-900);
  font-weight: 600;
}

/*
 * CookieYes banner styles
 */

.cky-consent-container {
  max-height: none !important;
  overflow: auto !important;
}

.cky-consent-bar .cky-notice-content-wrapper {
  padding: 15px 16px 6px !important;
}

.cky-preference-title,
.cky-title {
  font-family: "Interstate", sans-serif !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--gray-900) !important;
  font-size: 1.2rem !important;
  letter-spacing: -0.01em !important;
}

.cky-notice-des {
  max-height: none !important;
  overflow-y: auto !important;
}

.cky-notice-des p {
  line-height: 21px !important;
}

.cky-btn {
  font-family: "Overpass Mono", sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  color: var(--wp--preset--color--gray-900) !important;
  background-color: var(--wp--preset--color--blue-100) !important;
  border: none !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.35em !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.cky-btn:hover,
.cky-btn-accept:hover {
  opacity: 1 !important;
}

.cky-btn:hover {
  background-color: var(--wp--preset--color--blue-200) !important;
}

.cky-btn-accept {
  background-color: var(--wp--preset--color--blue-700) !important;
  color: #fff !important;
}

.cky-btn-accept:hover {
  background-color: var(--wp--preset--color--blue-900) !important;
}

[data-cky-tag="powered-by"] {
  display: none !important;
}

/*
 * Home page latest posts special classes
 */

.exclude-featured .category-featured {
  display: none;
}

/*
 * WP post query block (requires CSS class) + YARPP related posts block
 */

/* block CSS class for latest posts block; specified in settings for YARPP block */
.sidebar-posts {
  padding: 0;
}

.sidebar-posts li {
  list-style: none;
  line-height: 1.7rem;
  margin-bottom: 1rem;
}

.sidebar-posts li a {
  font-weight: 600;
  font-size: var(--font-size-book);
  text-decoration-line: underline;
  text-decoration-color: var(--wp--preset--color--blue-400);
  letter-spacing: -0.02em;
}

.sidebar-posts li a:hover {
  text-decoration-color: var(--wp--preset--color--blue-800);
}

/*
 * Report category selector (fix label bug)
 */

.wp-block-categories-dropdown.report-category-selector
  .wp-block-categories__label {
  width: 0;
}

/*
 * Event callout/breadcrumb headers (the very top header, above the actual event header)
 */

#event-callout-header {
  height: var(--event-breadcrumb-header-height);
}

#event-callout-header p {
  margin-top: -2.5px;
}

#event-callout-header > .wp-block-custom-wrapper {
  width: 100%;
}

#event-callout-header a {
  position: relative;
  text-decoration: none;
}

#event-callout-logo img {
  min-width: 33px;
}

@media (max-width: 613px) {
  #event-callout-logo {
    width: 35px;
    flex-grow: 0;
    flex-basis: 0 !important;
    margin-right: 1rem;
  }
}

/* Callout header: The header for anything but an event page */

#event-callout-header {
  border-bottom: 1px solid var(--wp--preset--color--gray-100);
  display: flex;
  align-items: center;
}

#event-callout-header.dark {
  border-bottom-color: var(--wp--preset--color--gray-700);
}

#event-callout-header .wp-block-columns {
  gap: 8px !important;
}

#event-callout-header p {
  font-size: clamp(11px, 3.5cqi, 24px) !important;
  line-height: 1.1;
}

#event-callout-header p a {
  color: var(--wp--preset--color-800) !important;
  text-decoration: none !important;
}

#event-callout-header .event-logo.applied-ai {
  flex-basis: 77px;
}

#event-callout-header .event-logo.ai-forum {
  flex-basis: 71px;
}

#event-callout-header .event-links > div {
  gap: 16px;
}

#event-callout-header .event-links p a {
  display: block;
  position: relative;
  z-index: 1;
}

#event-callout-header .event-links p a:after {
  content: "";
  position: absolute;
  width: calc(100% + 17px);
  height: var(--event-breadcrumb-header-height);
  top: calc(((var(--event-breadcrumb-header-height) / 2) - 13px) * -1);
  left: -9px;
  z-index: -1;
  border-color: var(--wp--preset--color--gray-100);
  border-top-width: 0;
  border-left-width: 1px;
  border-bottom-width: 0;
  border-right-width: 1px;
  border-style: solid;
}

#event-callout-header.dark .event-links p a:after {
  border-color: var(--wp--preset--color--gray-700);
}

@media (max-width: 613px) {
  #event-callout-header .dsg-logo-col {
    max-width: 36px;
  }
  #event-callout-header .event-logo.applied-ai {
    flex-basis: 61px;
  }

  #event-callout-header .event-logo.ai-forum {
    flex-basis: 56px;
  }

  #event-callout-header .event-links p a:after {
    top: calc(((var(--event-breadcrumb-header-height) / 2) - 8px) * -1);
  }
}

#event-callout-header .event-links p a:hover:after {
  background-color: var(--wp--preset--color--gray-100);
}

#event-callout-header.dark .event-links p a:hover:after,
#event-callout-header.dark .event-links p.current a:after {
  background-color: var(--wp--preset--color--gray-800);
}

#event-callout-header.dark .event-links p.current a {
  font-weight: 700;
}

#event-callout-header .wp-block-column {
  flex-basis: 33%;
}

#event-callout-header .wp-block-column:not(#event-callout-logo) {
  flex-shrink: 0;
  flex-grow: 2;
}

#event-callout-header .wp-block-column:not(#event-callout-logo) img {
  display: block;
}

/*
 * Use inline-block for `mark` elements nested inside headings
 */

.wp-block-heading mark {
  display: inline-block;
  padding-bottom: 0.1em;
}