/* ═══════════════════════════════════════════════
   IDAHERMA — Design Tokens (CSS Custom Properties)
   ═══════════════════════════════════════════════ */

:root {
  --color-brand-purple:      #2D0A4E;
  --color-brand-gold:        #E5B80B;
  --color-brand-gold-deep:   #705900;
  --color-brand-gold-light:  #F5C509;
  --color-brand-dark:        #1a0a3c;
  --color-brand-white:       #FFFFFF;
}


/* ═══════════════════════════════════════════════
   IDAHERMA — Header & Navigation Styles
   ═══════════════════════════════════════════════ */

body {
  margin: 0;
}
.container {
    max-width:1624px;
    margin:0 auto;
    width:100%;
    padding:0;
}
.container-content {
    max-width:1072px;
    margin: clamp(40px, 6vw, 80px) auto;
    width:100%;
    padding:0;
}

@media(max-width:1700px){
  .container {
    /* max-width:1624px; */
    margin:0 auto;
    /* width:100%; */
    padding:0 2rem;
  }
}
@media(max-width:1100px){
  .container-content  {
    /* max-width:1624px; */
    
    margin: clamp(40px, 6vw, 80px) auto;
    /* width:100%; */
    padding:0 2rem;
  }
}
@media(max-width:767px){
  .container-content  {
    /* max-width:1624px; */
    /* margin:0 auto; */
    /* width:100%; */
    padding:0 1rem;
  }
}
/* @media(max-width:991px){ */
div#block-idaherma-views-block-featured-invited-artist-block-1 .container .container{
    padding:0;
  }

@media(max-width:767px){
  .container {
    /* max-width:1624px; */
    margin:0 auto;
    /* width:100%; */
    padding:0 1rem;
  }
  div#block-idaherma-views-block-featured-invited-artist-block-1 .container .container{
    padding:0;
  }
  #block-idaherma-missionstatementhomepage{
    padding:2rem 0rem;
}
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* Login page: isolated by the user-login-page body class. */
body.user-login-page {
  background: #16062c;
  min-height: 100vh;
}
body.user-login-page #block-idaherma-textcontent,
body.user-login-page header,
body.user-login-page footer {
  display: none;
}
body.user-login-page main {
  align-items: center;
  background:
    radial-gradient(circle at 10% 10%, rgba(229, 184, 11, .18), transparent 30%),
    linear-gradient(135deg, #16062c 0%, #2d0a4e 55%, #15052b 100%);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 48px 20px;
}
body.user-login-page #block-idaherma-content {
  max-width: 460px;
  width: 100%;
}
body.user-login-page .idaherma-auth-page {
  margin: 0 auto;
  max-width: 460px;
  width: 100%;
}
body.user-register-page .idaherma-auth-page {
  margin: 0 auto;
  max-width: 560px;
  width: 100%;
}
body.user-login-page .user-login-form {
  background: #fff;
  border-top: 5px solid #e5b80b;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .38);
  display: flex;
  flex-direction: column;
  padding: 46px;
}
body.user-login-page .user-login-form::before {
  color: #2d0a4e;
  content: 'IDAHERMA\A Welcome back';
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 34px;
  text-align: center;
  white-space: pre-line;
}
body.user-login-page .user-login-form::after {
  color: #6d6574;
  content: 'Sign in to continue to the Idaherma administration area.';
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 22px;
  order: 10;
  text-align: center;
}
body.user-login-page .user-login-form .form-item {
  margin: 0 0 20px;
}
body.user-login-page .user-login-form label {
  color: #2d0a4e;
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}
body.user-login-page .user-login-form input.form-text {
  background: #fff;
  border: 1px solid #cfc8d3;
  border-radius: 0;
  color: #20162b;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  height: 50px;
  padding: 12px 14px;
  width: 100%;
}
body.user-login-page .user-login-form input.form-text:focus {
  border-color: #2d0a4e;
  box-shadow: 0 0 0 3px rgba(45, 10, 78, .15);
  outline: 0;
}
body.user-login-page .user-login-form .form-actions {
  margin: 8px 0 0;
}
body.user-login-page .user-login-form input.form-submit {
  background: #2d0a4e;
  border: 1px solid #2d0a4e;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  letter-spacing: .03em;
  transition: background-color .2s ease, color .2s ease;
  width: 100%;
}
body.user-login-page .user-login-form input.form-submit:hover,
body.user-login-page .user-login-form input.form-submit:focus {
  background: #e5b80b;
  border-color: #e5b80b;
  color: #210b3d;
}
body.user-login-page .idaherma-auth-page__switch,
body.user-register-page .idaherma-auth-page__switch {
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  margin: 20px 0 0;
  text-align: center;
}
body.user-login-page .idaherma-auth-page__switch a,
body.user-register-page .idaherma-auth-page__switch a {
  color: #e5b80b;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.user-login-page .idaherma-auth-page__switch a:hover,
body.user-login-page .idaherma-auth-page__switch a:focus,
body.user-register-page .idaherma-auth-page__switch a:hover,
body.user-register-page .idaherma-auth-page__switch a:focus {
  color: #fff;
}
@media (max-width: 480px) {
  body.user-login-page main { padding: 24px 16px; }
  body.user-login-page .user-login-form { padding: 34px 24px; }
  body.user-login-page .user-login-form::before { font-size: 30px; }
}

/* Account registration: isolated by the user-register-page body class. */
body.user-register-page {
  background: #16062c;
  min-height: 100vh;
}
body.user-register-page #block-idaherma-textcontent,
body.user-register-page header,
body.user-register-page footer {
  display: none;
}
body.user-register-page main {
  align-items: center;
  background:
    radial-gradient(circle at 90% 8%, rgba(229, 184, 11, .18), transparent 28%),
    linear-gradient(135deg, #16062c 0%, #2d0a4e 55%, #15052b 100%);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 48px 20px;
}
body.user-register-page #block-idaherma-content {
  max-width: 560px;
  width: 100%;
}
body.user-register-page .user-register-form {
  background: #fff;
  border-top: 5px solid #e5b80b;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .38);
  padding: 46px;
}
body.user-register-page .user-register-form::before {
  color: #2d0a4e;
  content: 'IDAHERMA\A Create your account';
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 12px;
  text-align: center;
  white-space: pre-line;
}
body.user-register-page .user-register-form::after {
  color: #6d6574;
  content: 'Join the Idaherma community.';
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 22px;
  text-align: center;
}
body.user-register-page .user-register-form .form-item {
  margin: 0 0 20px;
}
body.user-register-page .user-register-form label {
  color: #2d0a4e;
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}
body.user-register-page .user-register-form input.form-text,
body.user-register-page .user-register-form input.form-email {
  background: #fff;
  border: 1px solid #cfc8d3;
  border-radius: 0;
  color: #20162b;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  height: 50px;
  padding: 12px 14px;
  width: 100%;
}
body.user-register-page .user-register-form input.form-text:focus,
body.user-register-page .user-register-form input.form-email:focus {
  border-color: #2d0a4e;
  box-shadow: 0 0 0 3px rgba(45, 10, 78, .15);
  outline: 0;
}
body.user-register-page .user-register-form .description {
  color: #6d6574;
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  margin: 7px 0 0;
}
body.user-register-page .user-register-form .form-managed-file {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.user-register-page .user-register-form input[type='file'] {
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  max-width: 100%;
}
body.user-register-page .user-register-form details {
  border: 1px solid #ded8e1;
  margin: 4px 0 24px;
  padding: 0 16px 14px;
}
body.user-register-page .user-register-form summary {
  color: #2d0a4e;
  cursor: pointer;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 14px 0;
}
body.user-register-page .user-register-form .form-actions {
  margin: 8px 0 0;
}
body.user-register-page .user-register-form input.form-submit {
  background: #2d0a4e;
  border: 1px solid #2d0a4e;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  letter-spacing: .03em;
  transition: background-color .2s ease, color .2s ease;
  width: 100%;
}
body.user-register-page .user-register-form input.form-submit:hover,
body.user-register-page .user-register-form input.form-submit:focus {
  background: #e5b80b;
  border-color: #e5b80b;
  color: #210b3d;
}
body.user-register-page .user-register-form input.form-submit.js-hide {
  background: #fff;
  border-color: #2d0a4e;
  color: #2d0a4e;
  height: auto;
  padding: 9px 14px;
  width: auto;
}
@media (max-width: 480px) {
  body.user-register-page main { padding: 24px 16px; }
  body.user-register-page .user-register-form { padding: 34px 24px; }
  body.user-register-page .user-register-form::before { font-size: 30px; }
}

/* Authentication feedback: positioned as non-blocking toast notifications. */
body.user-login-page .messages,
body.user-register-page .messages,
body.user-login-page [role='contentinfo'][aria-label='Status message'],
body.user-login-page [role='contentinfo'][aria-label='Error message'],
body.user-login-page [role='contentinfo'][aria-label='Warning message'],
body.user-register-page [role='contentinfo'][aria-label='Status message'],
body.user-register-page [role='contentinfo'][aria-label='Error message'],
body.user-register-page [role='contentinfo'][aria-label='Warning message'] {
  border: 0;
  border-left: 4px solid currentColor;
  border-radius: 3px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .3);
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  left: 50%;
  line-height: 1.45;
  margin: 0;
  max-width: min(520px, calc(100vw - 32px));
  padding: 14px 18px;
  position: fixed;
  top: 24px;
  transform: translateX(-50%);
  transition: opacity .25s ease, transform .25s ease;
  width: max-content;
  z-index: 2000;
}
body.user-login-page .idaherma-auth-toast--dismissed,
body.user-register-page .idaherma-auth-toast--dismissed {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -12px);
}
body.user-login-page .messages ul,
body.user-register-page .messages ul {
  margin: 0;
  padding: 0 24px 0 18px;
}
body.user-login-page .idaherma-auth-toast__close,
body.user-register-page .idaherma-auth-toast__close {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
  line-height: 1;
  padding: 4px;
  position: absolute;
  right: 8px;
  top: 8px;
}
body.user-login-page .messages--error,
body.user-register-page .messages--error,
body.user-login-page [role='contentinfo'][aria-label='Error message'],
body.user-register-page [role='contentinfo'][aria-label='Error message'] {
  background: #8e1c20;
  border-left-color: #ffc6c8;
}
body.user-login-page .messages--warning,
body.user-register-page .messages--warning,
body.user-login-page [role='contentinfo'][aria-label='Warning message'],
body.user-register-page [role='contentinfo'][aria-label='Warning message'] {
  background: #805b00;
  border-left-color: #ffe293;
}
body.user-login-page .messages--status,
body.user-register-page .messages--status,
body.user-login-page [role='contentinfo'][aria-label='Status message'],
body.user-register-page [role='contentinfo'][aria-label='Status message'] {
  background: #146842;
  border-left-color: #a9f0cc;
}
@media (max-width: 480px) {
  body.user-login-page .messages,
  body.user-register-page .messages,
  body.user-login-page [role='contentinfo'][aria-label],
  body.user-register-page [role='contentinfo'][aria-label] {
    font-size: 13px;
    top: 16px;
  }
}
div#block-idaherma-branding img{
    max-width:159px;
    height:auto;
}
header.idaherma-site-header {
  background-color: var(--color-brand-purple);
  position: sticky;
  top: 0;
  /* Keep the navigation above page content, dropdowns, and the mobile overlay. */
  z-index: 1000;
}

/* Ensure in-page links do not land beneath the persistent navigation. */
html {
  scroll-padding-top: 88px;
}

.main-navigation {
  display: flex;
  align-items: center;
  height: 80px;
  gap: 0;
}

.main-navigation > div:first-child {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

/* ════════════════════════════════
   LEFT: Logo
   ════════════════════════════════ */
#block-idaherma-sitebranding-2 {
  flex-shrink: 0;
}

/* ════════════════════════════════
   CENTER: Nav links
   ════════════════════════════════ */
#block-idaherma-mainnavigation {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 0;
}

#block-idaherma-mainnavigation > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 36px;
}

#block-idaherma-mainnavigation > ul > li {
  position: relative;
}

#block-idaherma-mainnavigation > ul > li > a,
#block-idaherma-mainnavigation > ul > li > .nav-link-has-children {
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
  transition: color 0.2s ease;
  cursor: pointer;
}

#block-idaherma-mainnavigation > ul > li > a:hover ,
#block-idaherma-mainnavigation > ul > li > .nav-link-has-children:hover{
  color: var(--color-brand-gold);
}


/* Dropdown panel */
/* Dropdown panel */
#block-idaherma-mainnavigation > ul > li.has-children > ul {
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 85%;
  transform: translateX(-50%) translateY(-6px);
  min-width: 170px;
  max-width: max-content;
  background-color: var(--color-brand-gold);        /* ← gold background */
  border: none;                                      /* ← no border */
  border-radius: 6px;
  list-style: none;
  margin: 0;
  padding: 6px 0;
  z-index: 2000;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

#block-idaherma-mainnavigation > ul > li.has-children:hover > ul {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Dropdown items */

#block-idaherma-mainnavigation > ul > li.has-children > ul > li:last-child {
  border-bottom: none;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li > a {
  width: 100%;
  display: block;
  padding: 6px 10px;
  color: var(--color-brand-white);              
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0px;
  line-height: 150%;
  transition: background-color 0.15s ease;
  white-space: nowrap;
}

/* ════════════════════════════════
   RIGHT: Header Buttons (desktop)
   ════════════════════════════════ */
.header-btn-container {
  display: flex;
  margin-left: auto;
  gap: 12px;
  flex-shrink: 0;
}

.header-btn-container .btn {
  padding: 11px 22px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  line-height: 150%;
  font-family: 'Archivo', sans-serif;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.header-btn-container .btn-donate {
  background-color: transparent;
  color: var(--color-brand-white);
  border: 2px solid var(--color-brand-white);
}

.header-btn-container .btn-donate a {
  color: inherit;
  text-decoration: none;
  display: block;
  outline: none;
}

.header-btn-container .btn-donate a:hover,
.header-btn-container .btn-donate a:focus,
.header-btn-container .btn-donate a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.header-btn-container .btn-donate:focus,
.header-btn-container .btn-donate:active {
  outline: none;
  box-shadow: none;
}
.header-btn-container .btn-donate:hover {
  color: var(--color-brand-gold);
  border-color: var(--color-brand-gold);
}

.header-btn-container .btn-submit {
  background-color: var(--color-brand-gold);
  color: var(--color-brand-dark);
  border: 2px solid var(--color-brand-gold);
}

.header-btn-container .btn-submit:hover {
  background-color: var(--color-brand-gold-light);
  border-color: var(--color-brand-gold-light);
}

/* ── Announcement Bar ── */
#block-idaherma-textcontent {
  background-color: var(--color-brand-gold);
  width: 100%;
  padding: 8px 10px;
  text-align: center;
}

#block-idaherma-textcontent > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

#block-idaherma-textcontent p {
  margin: 0;
  padding: 0;
  color: var(--color-brand-gold-deep);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 150%;
}


/* ════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤ 1024px)
   ════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .main-navigation {
    padding: 0 24px;
  }

  #block-idaherma-mainnavigation > ul {
    gap: 20px;
  }

  .header-btn-container .btn {
    padding: 9px 14px;
    font-size: 13px;
  }
}


/* ════════════════════════════════════════════════
   HAMBURGER BREAKPOINT (≤ 871px)
   ════════════════════════════════════════════════ */

/* ── Hamburger toggle button (injected by JS) ── */
.nav-toggle {
  display: none; /* hidden on desktop */
}

@media (max-width: 920px) {

  /* Hide desktop nav and buttons */
  #block-idaherma-mainnavigation,
  .header-btn-container {
    display: none !important;
  }

  /* Show hamburger */
  .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    flex-shrink: 0;
    margin-left: auto; /* push to right edge of header */
  }

  .nav-toggle span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--color-brand-white);
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  /* Animated X when open */
  .nav-toggle.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .nav-toggle.open span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  .nav-toggle.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* Keep header single row */
  .main-navigation {
    flex-wrap: nowrap;
    height: 70px;
    padding: 0 20px;
    position: relative;
  }

  /* The region div — don't flex-grow, just hold logo */
  .main-navigation > div:first-child {
    flex: 0 0 auto;
  }
}


/* ════════════════════════════════════════════════
   MOBILE NAV OVERLAY (dim backdrop)
   ════════════════════════════════════════════════ */
.mobile-nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 998;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-nav-overlay.is-visible {
  display: block;
  opacity: 1;
}


/* ════════════════════════════════════════════════
   MOBILE NAV DRAWER — slides in from LEFT
   Sits below the header, full viewport height minus header
   ════════════════════════════════════════════════ */
.mobile-nav-drawer {
  position: fixed;
  top: var(--mobile-drawer-top, 70px);
  left: 0;
  width: 300px;        /* drawer width */
  height: var(--mobile-drawer-height, calc(100dvh - 70px));
  background-color: var(--color-brand-purple);
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;

  /* Slide-in animation */
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);

  display: flex;
  flex-direction: column;
  padding: 0 0 32px 0;
  border-right: 1px solid rgba(229, 184, 11, 0.2);
}

.mobile-nav-drawer.is-open {
  transform: translateX(0);
}

/* Prevent body scroll when drawer is open */
body.nav-drawer-open {
  overflow: hidden;
}

/* ── Drawer close (×) button ── */
.drawer-close {
  display: none;
  align-self: flex-end;
  background: transparent;
  border: none;
  color: var(--color-brand-white);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 16px 20px 8px;
  opacity: 0.7;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.drawer-close:hover {
  opacity: 1;
  color: var(--color-brand-gold);
}

/* ── Drawer nav links ── */
.drawer-nav {
  width: 100%;
  border: none !important;
  padding: 8px 0 !important;
  display: block !important;
}

.drawer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.drawer-nav ul li {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.drawer-nav ul li a {
  display: block;
  padding: 15px 24px;
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.4px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* Nested sub-menu inside drawer */
.drawer-nav ul li ul {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.15);
}

.drawer-nav ul li ul li a {
  padding: 12px 24px 12px 40px;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.85;
}

/* ── Drawer CTA buttons ── */
.drawer-btns {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 24px 20px 0;
    margin: 0px;
}

.drawer-btns .btn {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  line-height: 150%;
  font-family: 'Inter', sans-serif;
  text-align: center;
  width: 100%;
  transition: all 0.2s ease;
}

.drawer-btns .btn-donate {
  background-color: transparent;
  color: var(--color-brand-white);
  border: 2px solid var(--color-brand-white);
}
/* .drawer-btns .btn-donate > a{
    background-color: transparent;
  color: var(--color-brand-white);
} */
.drawer-btns .btn-donate > a:hover{
  background-color: transparent;
  color: var(--color-brand-white);
}
/* .drawer-btns .btn-donate:hover {
  color: var(--color-brand-gold);
  border-color: var(--color-brand-gold);
} */

.drawer-btns .btn-submit {
  background-color: var(--color-brand-gold);
  color: var(--color-brand-dark);
  border: 2px solid var(--color-brand-gold);
}

.drawer-btns .btn-submit:hover {
  background-color: var(--color-brand-gold-light);
  border-color: var(--color-brand-gold-light);
}


/* =============================================================================
   IDAHERMA FOOTER
   ============================================================================= */

footer {
  background-color: var(--color-brand-purple);
  /* padding: 80px  */
  padding:80px 0;
}

.footer_container {
  max-width: 1624px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 30px;
}

.footer_left {
  flex: 0 0 24%;
  box-sizing: border-box;
}

#block-idaherma-footerlogo {
  margin-bottom: 24px;
}

#block-idaherma-footerlogo img {
  max-width: 160px;
  height: auto;
  display: block;
}

#block-idaherma-addressblock p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.footer_container > div:last-child {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap:30px;
}

#block-idaherma-footerone,
#block-idaherma-footertwo,
#block-idaherma-footerthird {
  flex: 0 0 32%;
  box-sizing: border-box;
  /* padding-right: 40px; */
}

#block-idaherma-footerone h6,
#block-idaherma-footertwo h6,
#block-idaherma-footerthird h6 {
  font-family: Cormorant Garamond;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-brand-white);
  margin: 0 0 20px 0;
  line-height: 150%;
}

#block-idaherma-footerone ul,
#block-idaherma-footertwo ul,
#block-idaherma-footerthird ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-idaherma-footerone ul li,
#block-idaherma-footertwo ul li,
#block-idaherma-footerthird ul li {
  margin-bottom: 12px;
}

#block-idaherma-footerone ul li:last-child,
#block-idaherma-footertwo ul li:last-child,
#block-idaherma-footerthird ul li:last-child {
  margin-bottom: 0;
}

#block-idaherma-footerone > ul li a,
#block-idaherma-footertwo > ul li a,
#block-idaherma-footerthird > ul li a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  display: block;
  transition: color 0.2s ease;
  line-height: 1.5;
}

#block-idaherma-footerone ul li a:hover,
#block-idaherma-footertwo ul li a:hover,
#block-idaherma-footerthird ul li a:hover {
  color: var(--color-brand-gold-light);
}

#block-idaherma-footerthird ul li:first-child a {
  pointer-events: none;
  cursor: default;
  line-height: 1.75;
}

#block-idaherma-footerthird ul li:nth-child(2) a {
  pointer-events: auto;
  cursor: pointer;
}

@media (max-width: 1100px) {
  footer {
    padding: 48px 32px;
  }

  .footer_container {
    flex-wrap: wrap;
    gap: 40px 0;
  }

  .footer_left {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0;
  }

  .footer_container > div:last-child {
    flex: 0 0 100%;
    flex-wrap: wrap;
    gap: 36px 0;
  }

  #block-idaherma-footerone,
  #block-idaherma-footertwo,
  #block-idaherma-footerthird {
    flex: 0 0 33.333%;
    width: 33.333%;
    /* padding-right: 24px; */
  }
}

@media (max-width: 640px) {
  footer {
    padding: 40px 20px;
  }

  .footer_left {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0;
  }

  .footer_container > div:last-child {
    flex-direction: column;
    gap: 32px;
  }

  #block-idaherma-footerone,
  #block-idaherma-footertwo,
  #block-idaherma-footerthird {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0;
  }
}

.menu-item--has-children {
    position: relative;
    display: flex;
    align-items: center;
}

.submenu-icon {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    display: inline-block;
}

.submenu-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.arrow-up {
    opacity: 0;
}

.arrow-down {
    opacity: 1;
    }
    
    /* ════════════════════════════════════════════════════════
   IDAHERMA — Nav Arrow Image Swap + Underline on Hover
   Works for both desktop dropdown and mobile drawer.
   ════════════════════════════════════════════════════════ */

/* ── Link wrapper for items that have children ── */
.nav-link-has-children {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;

  /* Animated underline via pseudo-element */
  text-decoration: none;
}

/* ── Underline — grows from left on hover ── */
.nav-link-has-children::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--color-brand-gold);
  border-radius: 2px;
  transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

#block-idaherma-mainnavigation > ul > li.has-children:hover > a.nav-link-has-children::before {
  width: 100%;
}

/* Current-page state supplied by Drupal's menu active trail. */

/* Active normal links + active non-clickable parent */
#block-idaherma-mainnavigation > ul > li.is-active-trail > a,
#block-idaherma-mainnavigation > ul > li.is-active-trail > a .nav-link-label,
#block-idaherma-mainnavigation > ul > li > a.is-active-trail,
#block-idaherma-mainnavigation > ul > li.is-active-trail > .nav-link-has-children,
#block-idaherma-mainnavigation > ul > li.is-active-trail > .nav-link-has-children .nav-link-label {
    color: var(--color-brand-gold);
}

/* Active underline */
#block-idaherma-mainnavigation > ul > li.is-active-trail > a::before,
#block-idaherma-mainnavigation > ul > li > a.is-active-trail::before,
#block-idaherma-mainnavigation > ul > li.is-active-trail > .nav-link-has-children::before {
    width: 100%;
}

/* Active arrow - default hidden */
#block-idaherma-mainnavigation > ul > li.is-active-trail .nav-arrow--default,
#block-idaherma-mainnavigation > ul > li > a.is-active-trail .nav-arrow--default {
    opacity: 0;
}

/* Active arrow - hover version shown */
#block-idaherma-mainnavigation > ul > li.is-active-trail .nav-arrow--hover,
#block-idaherma-mainnavigation > ul > li > a.is-active-trail .nav-arrow--hover {
    opacity: 1;
}

/* Active submenu items */
#block-idaherma-mainnavigation > ul > li.has-children > ul a.is-active-trail,
#block-idaherma-mainnavigation > ul > li.has-children > ul li.is-active-trail > a {
    /* background: rgba(229, 184, 11, .16); */
    /* color: var(--color-brand-gold); */
}


/*nishchay code*/
/* Same underline animation for non-clickable parent menu items */
#block-idaherma-mainnavigation > ul > li > .nav-link-has-children {
    position: relative;
}

/* Underline - same behavior as normal menu links */
#block-idaherma-mainnavigation > ul > li > .nav-link-has-children::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: var(--color-brand-gold);
    transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover animation: left → right */
#block-idaherma-mainnavigation > ul > li > .nav-link-has-children:hover::before {
    width: 100%;
}

/*nishchay code end */


/* ── Label text ── */
.nav-link-label {
  /* inherits color, font, letter-spacing from the parent <a> rules in header.css */
}

/* ── Arrow image wrapper — stacks both images on top of each other ── */
.nav-arrow-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

/* Both arrows sit in the same spot, one fades over the other */
.nav-arrow {
  display: block;
  width: 12px;
  height: 12px;
  object-fit: contain;
  transition: all 0.3s ease;
}

/* Default arrow: visible at rest */
.nav-arrow--default {
  opacity: 1;
  transform: rotate(0deg);
}

/* Hover arrow: hidden at rest, stacked on top via absolute */
.nav-arrow--hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;

}

/* ── On li hover: swap arrows + rotate them upward ── */
#block-idaherma-mainnavigation > ul > li.has-children:hover .nav-arrow--default {
  opacity: 0;
}

#block-idaherma-mainnavigation > ul > li.has-children:hover .nav-arrow--hover {
  opacity: 1;
}

/* ── Also apply underline to plain links on hover ── */
#block-idaherma-mainnavigation > ul > li:not(.has-children) > a {
  position: relative;
  text-decoration: none;
}

#block-idaherma-mainnavigation > ul > li:not(.has-children) > a::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--color-brand-gold);
  border-radius: 2px;
  transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

#block-idaherma-mainnavigation > ul > li:not(.has-children) > a:hover::before {
  width: 100%;
}

/* ════════════════════════════════════════════════════════
   MOBILE DRAWER — arrow swap works here too
   ════════════════════════════════════════════════════════ */
.drawer-nav li.has-children:hover .nav-arrow--default,
.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--default {
  opacity: 0;
}

.drawer-nav li.has-children:hover .nav-arrow--hover,
.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--hover {
  opacity: 1;
}

.drawer-nav .nav-link-has-children::before {
  background-color: var(--color-brand-gold);
}

.drawer-nav li.has-children > a.nav-link-has-children::before {
  width: 100%;
}

.drawer-nav li.has-children:not(.mobile-dropdown-open) > a.nav-link-has-children::before {
  width: 0 !important;
}

.menu-item--has-children:hover .arrow-down {
    opacity: 0;
}

.menu-item--has-children:hover .arrow-up {
    opacity: 1;
}

.menu-item--has-children {
    position: relative;
}

.menu-item--has-children > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

.menu-item--has-children:hover > ul {
    display: block;
}

/* ════════════════════════════════════════════════════════
   MOBILE DRAWER — arrow swap works here too
   ════════════════════════════════════════════════════════ */
.drawer-nav li.has-children:hover .nav-arrow--default,
.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--default {
  opacity: 0;
}

.drawer-nav li.has-children:hover .nav-arrow--hover,
.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--hover {
  opacity: 1;
}

.drawer-nav .nav-link-has-children::before {
  background-color: var(--color-brand-gold);
}

/* ══════════════════════════════════════════
   DESKTOP — bridge the gap so submenu stays
   open when mouse moves down to it
══════════════════════════════════════════ */
#block-idaherma-mainnavigation > ul > li.has-children > ul {
  /* extend the top padding so the invisible hover bridge covers the gap */
  padding-top: 6px;
  top: calc(100% + 10px);
}

/* Invisible bridge between nav item and dropdown */
#block-idaherma-mainnavigation > ul > li.has-children::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 16px; /* matches the gap */
}

/* Also keep open via JS class (arrow click) */
#block-idaherma-mainnavigation > ul > li.has-children.dropdown-open > ul {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* ══════════════════════════════════════════
   MOBILE DRAWER — arrow + label colour
   change when submenu is open
══════════════════════════════════════════ */
.drawer-nav li.has-children.mobile-dropdown-open > a {
  color: var(--color-brand-gold);
}

.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--default {
  opacity: 0;
}

.drawer-nav li.has-children.mobile-dropdown-open .nav-arrow--hover {
  opacity: 1;
}

/* Keep parent link gold while hovering over the submenu */
#block-idaherma-mainnavigation > ul > li.has-children:hover > a,
#block-idaherma-mainnavigation > ul > li.has-children:hover > a .nav-link-label {
  color: var(--color-brand-gold);
}

/* Keep underline extended while in submenu */
#block-idaherma-mainnavigation > ul > li.has-children:hover > a.nav-link-has-children::before {
  width: 100%;
}


/* ── Sub-level item wrap (label + side arrow button) ── */
#block-idaherma-mainnavigation .sub-item-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#block-idaherma-mainnavigation .sub-item-wrap .sub-item-label {
  flex: 1;
  display: block;
  padding: 12px 15px;
  padding-bottom: 5px;
  padding-right: 0px;
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0px;
  line-height: 150%;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

/* Side arrow button */
#block-idaherma-mainnavigation .sub-arrow-btn {
  background: transparent;
  border: none;
  padding: 14px 16px 4px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sub-arrow-img {
  display: block;
  /* no transition — image does not change, only container opens/closes */
}

/* Third-level submenu — hidden by default, shown by JS */
#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children > ul {
  display: none;        
  position: absolute;
  top: -8px;
  left: 106%;
  min-width: 140px;
  max-width: max-content;
  background-color: var(--color-brand-gold-deep);
  border-radius: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2001;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children > ul > li > a {
  display: block;
  padding: 12px 20px;
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children > ul > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Drawer — sub-item-wrap */
.drawer-nav .sub-item-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}

.drawer-nav .sub-item-wrap .sub-item-label {
  flex: 1;
  display: block;
  padding: 12px 24px 12px 40px;
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  opacity: 0.85;
  transition: color 0.2s ease;
}

.drawer-nav .sub-item-wrap .sub-item-label:hover {
  color: var(--color-brand-gold);
}

.drawer-nav .sub-arrow-btn {
  background: transparent;
  border: none;
  padding: 12px 20px 12px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}


#block-idaherma-mainnavigation > ul > li.has-children > ul > li{
  margin: 4px 7px;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li:not(.has-children):hover {
  background-color: var(--color-brand-purple);
  border-radius: 4px;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li:not(:last-child)::after {
  content: "";
  display: block;
  height: 1px;
  margin: 0 4px;
  background-color: var(--color-brand-purple);
  position: relative;
  top: 5px;
}


#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children > ul > li + li::before {
  content: "";
  display: block;
  height: 1px;
  margin: 0 4px;
  background-color: var(--color-brand-gold);
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li:not(:first-child){
  margin-top: 7px;
}

#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children {
  position: relative;
}
#block-idaherma-mainnavigation > ul > li.has-children > ul > li.has-children::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 25px; 
  height: 100%;
  background-color:unset;
  
}

@media(min-width:1101px){
nav#block-idaherma-footerthird ul >li{
    max-width:160px
}}

div#block-idaherma-addressblock p{
font-weight: 400;
color:#ffffff;
margin-top:40px;
}

nav#block-idaherma-footerone ul >li a,nav#block-idaherma-footertwo ul >li a,nav#block-idaherma-footerthird ul >li a{color:#ffffff;}

/* ===================mobile navigation==================== */
@media (max-width: 920px) {
.mobile-nav-drawer.is-open {
    top:var(--mobile-drawer-top, 70px);
    min-width:100%;
    min-height:var(--mobile-drawer-height, calc(100dvh - 70px));
    height:var(--mobile-drawer-height, calc(100dvh - 70px));
}

html {
  scroll-padding-top: 78px;
}
}
@media (min-width: 921px) {
  .mobile-nav-drawer,
  .mobile-nav-overlay {
    display:none !important;
  }

  body.nav-drawer-open {
    overflow:auto;
  }
}
.drawer-nav ul li .nav-link-has-children {
    display:flex;
    justify-content:space-between;
}
.drawer-nav ul li ul li ul li a{
    margin-left:20px;
} 

/* Phone drawer: a compact, left-aligned menu with clear nested levels. */
@media (max-width: 767px) {
  .mobile-nav-drawer {
    padding-bottom: 24px;
    width: min(100%, 390px);
  }

  .drawer-close {
    padding: 12px 18px 6px;
  }

  .drawer-nav {
    padding: 0 !important;
  }

  .drawer-nav > ul > li > a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 56px;
    padding: 15px 20px;
  }

  .drawer-nav > ul > li > ul > li > a,
  .drawer-nav > ul > li > ul > li > .sub-item-wrap .sub-item-label {
    padding-left: 36px;
  }

  .drawer-nav > ul > li > ul > li > ul > li > a {
    padding-left: 52px;
  }

  .drawer-nav .sub-item-wrap {
    min-height: 52px;
  }

  .drawer-nav .sub-arrow-btn {
    align-self: stretch;
    justify-content: center;
    min-width: 52px;
    padding: 0 16px;
  }

  .drawer-btns {
    padding: 20px 20px 0;
  }
}


/* ===========================exhibition content======================== */
.hero-page-banner__content.container {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.hero-banner{

    justify-content:center;
}
.hero-page-banner {
    position: relative;
    overflow: hidden;
}

.hero-page-banner__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.45) 0%,
        rgba(45, 10, 78, 0.9) 100%
    );
    z-index: 1;
}

.hero-page-banner__content {
    position: relative;
    z-index: 2;
}
.hero-page-banner__content h1{
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 60px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#E5B80B;
max-width:100%;
overflow-wrap:anywhere;
word-break:break-word;
white-space:normal;
}
.hero-page-banner__content .hero-page-banner__eyebrow{
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 30px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#FFFFFF;
max-width:100%;
overflow-wrap:anywhere;
word-break:break-word;
white-space:normal;
}
.hero-page-banner__content .hero-page-banner__description{
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
    color:#FFFFFF;
    max-width:100%;
overflow-wrap:anywhere;
word-break:break-word;
white-space:normal;
}
.node-type-annual_exhibition .hero-banner{
    justify-content:center;
}
h1.hero-page-banner__heading {
    margin:0 0 16px 0;
}
.hero-page-banner__eyebrow{
    margin:0 0 16px 0;
}

.node-type-annual_exhibition .hero-banner {
    min-height:862px;
}

/* ==================exhibition page view======================== */
div#block-idaherma-views-block-exhibition-view-block-2 {
    padding:80px 0;
}
.current-exhibition__image {
    position: relative;
    overflow: hidden;
}

.current-exhibition__badge {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;

    padding: 4px 12px;

    background: #F4F4F0;
    backdrop-filter: blur(6px);

    color: #2D0A4E;
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 24px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;

    border-radius: 8px;
}

.current-exhibition__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*
 * An archive entry always renders the three award wrappers, even when an
 * editor has not supplied an image.  The wrapper still has a fixed height,
 * so its badge appears to float in a large blank area.  Keep a placement
 * only when it contains an actual image source.  This covers omitted images,
 * empty `src` attributes, and placeholder `#` sources without affecting an
 * entry that has one, two, or all three placements.
 */
@supports selector(.current-exhibition__image:has(img)) {
    body.node-type-annual_exhibition #block-idaherma-views-block-exhibition-view-block-2 .current-exhibition__image:not(:has(img[src]:not([src=""]):not([src="#"]))) {
        display: none;
    }

    /* When there are no valid placement images, remove the whole empty grid. */
    body.node-type-annual_exhibition #block-idaherma-views-block-exhibition-view-block-2 .current-exhibition__images:not(:has(.current-exhibition__image img[src]:not([src=""]):not([src="#"]))) {
        display: none;
    }

    /* Avoid leaving an empty right column beside the exhibition details. */
    body.node-type-annual_exhibition #block-idaherma-views-block-exhibition-view-block-2 .current-exhibition:has(> .current-exhibition__images:not(:has(.current-exhibition__image img[src]:not([src=""]):not([src="#"])))) .current-exhibition__content {
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* The gallery arrow is meaningful only when it contains a usable link. */
    body.node-type-annual_exhibition #block-idaherma-views-block-exhibition-view-block-2 .current-exhibition__gallery-link:not(:has(a[href]:not([href=""]):not([href="#"]))) {
        display: none;
    }
}

span.award-item__number {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color:#2D0A4E;
    background: #2D0A4E33;
    padding:6px 13px;
    /* height: 32px; */
/* angle: 0 deg; */
    opacity: 1;
    border-radius: 12px;
}
.exhibition-content__awards{
    border-left: 2px solid #E5B80B;
    padding:8px 0;
}
.award-item:not(:last-child){
    margin:0 0 30px 24px;
}
.award-item{
    margin:0 0 0px 24px;
}
.award-item{
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 24px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#2D0A4E;
}
.node-type-annual_exhibition .exhibition-content__description{
    margin:30px 0;
}
.node-type-annual_exhibition .current-exhibition__gallery-link{
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
    margin-top:30px;

}
.current-exhibition__gallery-link{
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
    /* margin-top:30px; */

}

/* ===========================exhibition archive block======================== */
/* ===========================
   Exhibition Archive
=========================== */

#block-idaherma-views-block-exhibition-archive-block-1 {
    /* background: #F4F4F0; */
    padding: clamp(3rem, 6vw, 6rem) 0;
}

#block-idaherma-views-block-exhibition-archive-block-1 > div > .container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

/* Header */

#block-idaherma-views-block-exhibition-archive-block-1 header {
    flex: 0 0 100%;
    margin-bottom: 24px;
    background:none;
}

#block-idaherma-views-block-exhibition-archive-block-1 header h2 {
    margin: 0;
    color: #2D0A4E;
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 38px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;

}

/* ===========================
   Grid Items
=========================== */

#block-idaherma-views-block-exhibition-archive-block-1 .views-row {
    flex: 1 1 calc(25% - 1.5rem);
    display: flex;
    min-width: 260px;
}

#block-idaherma-views-block-exhibition-archive-block-1 .views-field,
#block-idaherma-views-block-exhibition-archive-block-1 .field-content {
    display: flex;
    width: 100%;
}

/* ===========================
   Card
=========================== */

.archive-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-decoration: none;
    color: inherit;
    transition: transform .3s ease;
}

.archive-card:hover {
    transform: translateY(-6px);
}

/* ===========================
   Image
=========================== */

.archive-card__image {
    width: 100%;
    max-height:337px;
    aspect-ratio: 1;
    overflow: hidden;
    background: #F4F4F0;
    border: 1px solid #CDC3D0;
}

.archive-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.archive-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #F4F4F0;
    color: #705900;
        font-family: Inter;
font-weight: 400;
/* font-style: Regular; */
font-size: 16px;
/* leading-trim: NONE; */
line-height: 150%;
/* letter-spacing: 0%; */
text-align: center;
vertical-align: middle;


    text-transform: uppercase;
}

/* ===========================
   Content
=========================== */

.archive-card__content {
    padding-top: 1rem;
}

.archive-card__title {
     margin: 0 0 4px;

    color: #2D0A4E;
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 24px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;

}

.archive-card__status {
    display: block;

    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #141414;

}

.archive-card__status .archive_exhibition {
    margin: 0;
}

.archive-card__status p {
    display: inline;
    margin: 0;
}

/* ===========================
   Tablet
=========================== */

@media (max-width: 1200px) {

    #block-idaherma-views-block-exhibition-archive-block-1 .views-row {
        flex: 1 1 calc(50% - 1rem);
    }

}

/* ===========================
   Mobile
=========================== */

@media (max-width: 767px) {

    #block-idaherma-views-block-exhibition-archive-block-1 .views-row {
        flex: 1 1 100%;
    }

    .archive-card__title {
        font-size: 22px;
    }
        .hero-page-banner__content h1{
    font-size:40px;
         }
 
     .hero-page-banner__content .hero-page-banner__eyebrow{
    font-size:24px;
      }

}

/* =================================jurie's statement======================== */
body.node-type-juror_s_statement .hero-page-banner__content.container
{
    justify-content:center;
    align-items:start;
}
body.node-type-juror_s_statement .hero-banner{
    display:flex;
    justify-content:center;
    min-height:862px;
}

body.node-type-juror_s_statement .hero-page-banner__eyebrow> div{
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
    background: #E5B80B;
    color:#705900;
    padding:4px 12px;
    margin:0;

}
body.node-type-juror_s_statement .hero-page-banner__eyebrow{
    margin:0;
}
body.node-type-juror_s_statement .hero-page-banner__heading > div{
font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 60px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
    color:#FFFFFF;
}
body.node-type-juror_s_statement .hero-page-banner__description{
     max-width:658px;
    text-align:start;
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: Italic;
font-size: 38px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
border-left: 2px solid #E5B80B;
    
}
body.node-type-juror_s_statement .hero-page-banner__description > div{
margin-left:24px;
}
body.node-type-juror_s_statement .hero-page-banner__heading{
    margin-bottom:30px;
}
@media(max-width:767px){
    body.node-type-juror_s_statement .hero-page-banner__description{
     max-width:658px;
    text-align:start;
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: Italic;
font-size: 30px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
border-left: 2px solid #E5B80B;
    
}
}


/* ===========body jurori's statement content======================== */ */
.juror-content__meta {
    margin-top:60px;
}

span.juror-content__value-name {font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#2D0A4E;
text-transform: uppercase;
}
.juror-content__value{
    display:flex;
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
}

.juror-content__body p {
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #141414;

}

.juror-content__item {
    padding-top:30px;
    border-top: 1px solid #CDC3D0;
    margin-top:60px;
}
/* ============================invited artists landing page ======================== */
body.node-id-586 .hero-banner{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:862px;
} 




body.node-id-586 .hero-page-banner__eyebrow {
    max-width: 610px;
}
body.node-id-586 .hero-page-banner__eyebrow >div{
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}

/* ========================artist page ========================== */
#block-idaherma-views-block-invited-artist-block-1 .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}

/* Responsive column count */
@media (max-width: 992px) {
  #block-idaherma-views-block-invited-artist-block-1 .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  #block-idaherma-views-block-invited-artist-block-1 .container {
    grid-template-columns: 1fr;
  }
}

/* Reset the nested Views Grid wrappers so they don't cap the image width */
#block-idaherma-views-block-invited-artist-block-1 .artist-card__image,
#block-idaherma-views-block-invited-artist-block-1 .views-view-grid,
#block-idaherma-views-block-invited-artist-block-1 .views-row.clearfix,
#block-idaherma-views-block-invited-artist-block-1 .views-col,
#block-idaherma-views-block-invited-artist-block-1 .views-field-field-image,
#block-idaherma-views-block-invited-artist-block-1 .views-field-field-image .field-content {
  width: 100%;
  max-width: 100%;
}

/* The actual image */
#block-idaherma-views-block-invited-artist-block-1 .views-field-field-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 522px;
  max-height: 322px;
  aspect-ratio: 522 / 322;
  object-fit: cover;
  margin: 0 auto;
}


/* ===================invited artist css =================================== */
.artist-card__content{
    padding:24px;
    min-height:170px;
}
h3.artist-card__title {
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 30px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#2D0A4E;
    margin:0 0 4px 0;
}


.artist-card__medium {
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#705900;
    padding-bottom:  8px;
    margin-bottom:4px;
}


.artist-card__summary {
    border-top: 1px solid #2D0A4E;
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
padding-top:13px;
    padding-bottom:2px;
}

.artist-card {
    background-color: #F4F4F0;

}
.container.Invited_Artists_view-title h1{
    font-family: Cormorant Garamond;
font-weight: 600;
/* font-style: SemiBold; */
font-size: 38px;
/* leading-trim: NONE; */
line-height: 150%;
letter-spacing: 0%;
    color:#2D0A4E;
/* vertical-align: middle; */
    margin:80px 0 30px;

}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"]{
  grid-column: 1 / -1;
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul{
  
  display:flex;
  
}


#block-idaherma-views-block-invited-artist-block-1 .container .pager{
  /* display: grid; */
  grid-column: 1 / -1;
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul{
  
  display:flex;
 justify-content:center;
  gap:8px;
  
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul .pager__item{
   /* gap:8px; */
  padding:8.5px 14.5px;
  border: 1px solid #2D0A4E
  
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul .pager__item.is-active {
   /* gap:8px; */
background:#2D0A4E;
  color:white;
  
  
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul .pager__item.is-active a{
  color:white;
  font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
text-align: center;
vertical-align: middle;
  
}
#block-idaherma-views-block-invited-artist-block-1 .container nav[role="navigation"] ul .pager__item a{
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
text-align: center;
vertical-align: middle;
  color :#2D0A4E;
}


/* ========================= article content type ==================== */
.node-type-article .hero-banner {
    display:flex;
    justify-content:center;
    align-items:start;
    min-height:862px;
}
.node-type-article .hero-page-banner__content.container{
    align-items:start;
}
.node-type-article .hero-page-banner__heading span{font-family: Cormorant Garamond;font-weight: 700;font-style: Bold;font-size: 60px;leading-trim: NONE;line-height: 150%;letter-spacing: 0%;vertical-align: middle;color:#FFFFFF;}
.node-type-article .hero-page-banner__eyebrow{
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
padding:4px 12px;
    color:#705900;
    background:#E5B80B;
    margin:0;
}

.node-type-article .hero-page-banner__subtitle{
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#FFFFFF;
    max-width:600px;
}
.node-type-article .hero-page-banner__heading{
    margin-bottom:30px;
}
.align-center{
  text-align: center;
}

/* Mezzotint article: prevent editor-supplied inline image dimensions overflowing mobile. */
@media (max-width: 700px) {
  body.node-id-65 .container-content.node-body {
    min-width: 0;
    overflow-wrap: break-word;
  }

  body.node-id-65 .container-content.node-body h1 {
    font-size: clamp(28px, 9vw, 38px);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  body.node-id-65 .container-content.node-body h2 {
    font-size: 20px;
    line-height: 1.25;
  }

  body.node-id-65 .container-content.node-body img {
    display: block;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
  }

  body.node-id-65 .container-content.node-body figure {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  body.node-id-65 .container-content.node-body img[width="673"] {
    width: 100% !important;
  }
}

/* ==========================================css for mission and vision page============================= */
.node-id-592  .hero-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
  min-height :unset;
}

.hero-banner__text {
  order: 1;
}

.hero-banner__image {
  order: 2;
}

.vision-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 30px;
}

.vision-section__image {
  order: 1;
}

.hero-banner__image img,
.vision-section__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 797 / 702;
  object-fit: cover;
  display: block;
}

.vision-section__statement {
  order: 2;
}



.node-id-592 .hero-page-banner__eyebrow {
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
color:#705900;
     margin:0;
}


.node-id-592 h1.hero-page-banner__heading{
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 60px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#2D0A4E;
    margin:0 0 30px 0;
}

.node-id-592 .hero-page-banner__subtitle {
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
max-width :660px;
    color: #141414;
}

.node-id-592 .hero-banner__image {
    border: 1px solid #CDC3D0;
}
.node-id-592 .hero-banner__image img{
    padding:8px;
}
.node-id-592  .hero-banner{
    margin:80px auto;
}
.mission-section.container > :first-child > :first-child {
    /* Header styles */
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 48px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#705900;
}

.mission-section.container > div p {
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 30px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color:#2D0A4E;
}
.mission-section.container > div{
    max-width:1344px;
    margin:auto;
    padding:80px 0;
}
.mission-section.container{
    max-width:unset;
    
    background-color:#F4F4F0;
}





@media (max-width: 1000px) {
  .node-id-592 .hero-banner,
  .vision-section {
    grid-template-columns: 1fr;
  }
  .hero-banner__text {
  order: 2;
}

.hero-banner__image {
  order: 1;
}
.node-id-592  .hero-banner{
    margin:40px auto;
}
}

/* =================vision block style========================== */
.header_vision h1{
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 48px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
    color:#E5B80B;
padding-bottom:30px;
    margin:0;
}
.vision_top{
   background: #0C001C;
}
.vision-section__image{
    border: 1px solid #CDC3D0;
    padding:8px;
    background:#F4F4F0;
}

.bigger_content p{
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 30px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#FFFFFF;
}

.smaller_content p{
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#FFFFFF;
}

.vision-section.container {
    padding:80px 0;
}
.header_vision {
    position: relative;
    display: inline-block; /* Makes the line match the heading width */
    /* padding-bottom: 12px; */
}

.header_vision::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    background-color: #E5B80B;
}
@media (max-width: 1700px) {
    .vision-section.container {
        /* margin: 0px auto; */
        padding-left: 2rem;
        padding-right:2rem;
    }
}
@media (max-width: 767px) {
    .vision-section.container {
        /* margin: 0px auto; */
        padding-left: 1rem;
        padding-right:1rem;
    }
}
.by-numbers {
    padding: 80px 0;
}

.by-numbers__header {
    
    text-align: center;
    margin-bottom: 30px;
    
}
.by-numbers__header h2{

font-family: Cormorant Garamond;
font-weight: 600;
font-style: SemiBold;
font-size: 38px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
    color:#2D0A4E;
    margin-top:0;
    margin-bottom:0;
    padding-bottom:17px;
}

.by-numbers__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.number-card {
    padding: 32px;
    text-align: center;
    border: 1px solid #E6E2DC;
    background: #F4F4F0;
    box-shadow: 0px 2px 20px 0px #0000001A;

}

.number-card__value {
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 80px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
    margin-top: 0;
    margin-bottom:8px;
    color:#2D0A4E;
}

.number-card__label {
    
    display: block;
    margin:0;
}

.number-card__description {
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
max-width:295px;
    margin:auto;
    color:#141414;
}

p.number-card__label_top {
    margin-top:0;
    margin-bottom:16px;
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
text-align: center;
vertical-align: middle;
color:#705900;
}
.by-numbers__header h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 17px;
}
.by-numbers__header h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100px;
    height: 1px;
    background-color: #E5B80B;
}
/* Tablets */
@media (max-width: 1200px) {
    .by-numbers__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .by-numbers__grid {
        grid-template-columns: 1fr;
    }
}

/* ===============responsive font size for mission and vision page======================== */
@media(max-width:1366px)and (min-width:1100px){
    .node-id-592 h1.hero-page-banner__heading {
        font-size:50px;
    }
    .mission-section.container > :first-child > :first-child,.header_vision h1{
        font-size:40px;
    }
    .mission-section.container > div p,.bigger_content p{
        font-size:25px;
    }
}

@media(max-width:1100px)and (min-width:768px){
    .node-id-592 h1.hero-page-banner__heading {
        font-size:45px;
    }
    .mission-section.container > :first-child > :first-child,.header_vision h1{
        font-size:35px;
    }
    .mission-section.container > div p,.bigger_content p{
        font-size:22px;
    }
    
}
@media(max-width:767px){
    .node-id-592 h1.hero-page-banner__heading {
        font-size:40px;
    }
    .mission-section.container > :first-child > :first-child,.header_vision h1{
        font-size:35px;
    }
    .mission-section.container > div p,.bigger_content p{
        font-size:22px;
    }
}
@media(max-width:767px){
.node-id-592 .hero-banner{
    height:100%;
}
    }

/* =============== ##end### responsive font size for mission and vision page======================== */

body.node-type-landing_pages.node-id-593 .hero-banner {
    justify-content:center;
    align-items:start;
}
body.node-type-landing_pages.node-id-593 .hero-page-banner__content.container{
    align-items:start;
}
body.node-type-landing_pages.node-id-593 .hero-page-banner__eyebrow{
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
color:#705900;
  background:  #E5B80B;
padding:4px 12px;
    margin:0;
}

body.node-type-landing_pages.node-id-593 h1.hero-page-banner__heading {
    color:#FFFFFF;
    margin:0 0 30px 0;

}

body.node-type-landing_pages.node-id-593 .hero-page-banner__description {
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
max-width:656px;
    justify-content:start;
    text-align:start;
}
body.node-type-landing_pages.node-id-593 .hero-banner{
    min-height:862px;
}
body.node-type-landing_pages.node-id-593 .mission-section.container {
    max-width:1072px;
    background:none;
}
body.node-type-landing_pages.node-id-593 .mission-section.container > :first-child > :first-child{
    display:none;
}
body.node-type-landing_pages.node-id-593 .mission-section.container >:first-child div p{
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#141414;
    text-align:start;
}


body.node-type-landing_pages.node-id-593 .mission-section__purple p{
text-align:start;    
    font-family: Cormorant Garamond;
font-weight: 600;
font-style: Italic;
font-size: 38px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;

}

body.node-type-landing_pages.node-id-593 .mission-section.container > div{
    padding-bottom:0;
}
body.node-type-landing_pages.node-id-593 .mission-section.container >:first-child div{
    padding-bottom:60px;
}
body.node-type-landing_pages.node-id-593 .mission-section__purple{
    border-left: 4px solid #FECF2E;
    padding:0 0 0 32px;
    /* padding-left:32px; */
    
}
body.node-type-landing_pages.node-id-593 .mission-section__purple p{
    margin:0 0 80px 0;
}
@media(max-width:1200px){
.node-id-593 h1.hero-page-banner__heading {
    font-size:42px;
}
body.node-type-landing_pages.node-id-593 .mission-section__purple p{
    font-size:35px;
}}
@media(max-width:767px){
.node-id-593 h1.hero-page-banner__heading {
    font-size:40px;
}
body.node-type-landing_pages.node-id-593 .mission-section__purple p{
    font-size:30px;
}}
















/* ============================nischay artist page =========================== */
/* ============================
   INVITED ARTIST PAGE
============================ */
 .node-type-invited_artist .invited-artist-page .container {
    padding:0;
}
 
/* ============================
   HERO
============================ */
.node-type-invited_artist .artist-hero{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:30px;
    justify-content:center;
    align-items:center;
    margin:80px 0;
    padding :20px;
}
 
.node-type-invited_artist .artist-hero__image{
    width:100%;
    max-width:797px;
}
.artist-hero__image img{
    width:100%;
    height:auto;
    aspect-ratio:779/682;
    object-fit:cover;
    display:block;
    padding:8px;
    border:1px solid #CDC3D0;
    background:#fff;
    box-sizing:border-box;
}
 
.artist-hero__content{
    width:100%;
    max-width:797px;
    /* padding-top:215px; */
}
 
.node-type-invited_artist .artist-medium{
    display:inline-block;
    background:#E5B80B;
    padding:4px 12px;
    font-family:"Inter", Arial, sans-serif;
    font-weight:600;
    font-size:14px;
    line-height:150%;
    letter-spacing:0.2em;
    text-transform:uppercase;
    color:#705900;
    margin-bottom:18px;
}
 
.node-type-invited_artist .artist-title{
    font-family:"Cormorant Garamond", serif;
    font-weight:700;
    font-size:clamp(30px, 3.5vw, 48px);
    line-height:1.2;
    margin:0 0 22px;
    color:#2D0A4E;
}
 
.node-type-invited_artist .artist-summary{
    font-family:"Inter", Arial, sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#141414;
    margin-bottom:28px;
    /* max-width:797px; */
}
 
.node-type-invited_artist .artist-meta{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    border-top:1px solid #705900;
    padding-top:18px;
}
 
.node-type-invited_artist .artist-meta__education,
.node-type-invited_artist .artist-meta__location{
    font-family:"Inter", Arial, sans-serif;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    color:#2D0A4E;
    display:flex;
    align-items:center;
    gap:8px;
}
 
.node-type-invited_artist .artist-meta__education svg,
.node-type-invited_artist .artist-meta__location svg{
    color:#E5B80B;
    flex-shrink:0;
}
 
/* ============================
   RESPONSIVE — HERO
============================ */
/* @media (max-width:1200px){
    .artist-hero__content{
        padding-top:80px;
    }
} */
 
@media (max-width:991px){
    /* .node-type-invited_artist .invited-artist-page{
        padding:60px 0;
    } */
 
    .node-type-invited_artist .artist-hero{
        grid-template-columns:1fr;
        row-gap:32px;
        margin:60px 0;
    }
 
    .node-type-invited_artist .artist-hero__image,
    .artist-hero__content{
        width:100%;
        max-width:100%;
        padding-top:0;
    }
}
 
@media (max-width:767px){
    /* .node-type-invited_artist .invited-artist-page{
        padding:40px 0;
    } */
 
    .node-type-invited_artist .artist-hero{
        margin:40px 0;
        row-gap:24px;
    }
 
    .node-type-invited_artist .artist-summary{
        font-size:15px;
        margin-bottom:20px;
    }
 
    .node-type-invited_artist .artist-meta{
        gap:14px;
        padding-top:14px;
    }
 
    .node-type-invited_artist .artist-meta__education,
    .node-type-invited_artist .artist-meta__location{
        font-size:13px;
    }
}
 
@media (max-width:480px){
    .node-type-invited_artist .artist-medium{
        font-size:12px;
        padding:4px 10px;
    }
 
    .node-type-invited_artist .artist-meta{
        flex-direction:column;
        gap:10px;
    }
}
 
/*========================================
        QUOTE / MISSION SECTION
========================================*/
.node-type-invited_artist .artist-quote{
    display:block !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
 
    background:#F4F4F0;
    border-top:1px solid #CDC3D0;
    border-bottom:1px solid #CDC3D0;
    padding:120px clamp(24px, 7.7vw, 148px);
    box-sizing:border-box;
}
 
.node-type-invited_artist .artist-quote__wrapper{
    max-width:1572px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:30px;
}
 
.node-type-invited_artist .artist-quote__icon{
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:Georgia, serif;
    font-size:clamp(32px, 4vw, 48px);
    color:#D4A91E;
    line-height:1;
    margin-bottom:0;
}
 
.node-type-invited_artist .artist-quote__icon img{
    width:70px;
    height:50px;
    display:block;
    object-fit:contain;
}
 
.node-type-invited_artist .artist-quote__text{
    width:100%;
    max-width:850px;
    margin:0 auto;
    font-family:"Cormorant Garamond", serif;
    font-style:italic;
    font-size:clamp(20px, 2.8vw, 48px);
    line-height:130%;
    color:#2C1647;
    font-weight:500;
    text-align:center;
}
 
.node-type-invited_artist .artist-quote__author{
    width:auto;
    margin:0 auto;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:8px;
}
 
.node-type-invited_artist .artist-quote__name{
    display:block;
    width:100%;
    text-align:center;
    white-space:nowrap;
    font-family:"Inter", Arial, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:150%;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#C39A2A;
}
 
.node-type-invited_artist .artist-quote__location{
    display:block;
    width:100%;
    text-align:center;
    font-family:"Inter", Arial, sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:150%;
    color:#141414;
}
 
@media (max-width:991px){
    .node-type-invited_artist .artist-quote{
        padding:70px clamp(24px, 6vw, 60px);
    }
}
 
@media (max-width:767px){
    .node-type-invited_artist .artist-quote{
        padding:50px 24px;
    }
 
    .node-type-invited_artist .artist-quote__wrapper{
        gap:20px;
    }
}
 
@media (max-width:480px){
    .node-type-invited_artist .artist-quote__name,
    .node-type-invited_artist .artist-quote__location{
        white-space:normal;
        font-size:12px;
    }
}
 
/*=====================================
        SELECTED WORKS
======================================*/
.node-type-invited_artist .selected-works{
    max-width:1624px;
     margin:40px auto;
    padding: 20px;
    box-sizing:border-box;
}
 
.node-type-invited_artist .selected-works__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:57px;
    margin-bottom:48px;
    flex-wrap:wrap;
    gap:12px;
}
 
.node-type-invited_artist .selected-works__title{
    margin:0;
    flex-grow:1;
    font-family:"Cormorant Garamond", serif;
    font-weight:600;
    font-size:38px;
    line-height:150%;
    color:#2D0A4E;
    margin-bottom:30px;
    font-style: semi-bold;
    
 
}
/* Grid container */
.selected-works > div > div:last-child{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:24px;
}
 
.selected-works > div > div:last-child > div:first-child{
    grid-row:1 / span 2;
    height:740px;
}
 
.selected-works > div > div:last-child > div:nth-child(2),
.selected-works > div > div:last-child > div:nth-child(3){
    height:358px;
}
 
.selected-works > div > div:last-child > div:first-child img{
    aspect-ratio:1052.67/824;
}
 
.selected-works > div > div:last-child > div:nth-child(2) img,
.selected-works > div > div:last-child > div:nth-child(3) img{
    aspect-ratio:502.33/388;
}
 
.node-type-invited_artist .selected-works img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border:1px solid #d9d9d9;
    padding:8px;
    background:#fff;
    box-sizing:border-box;
}
@media (max-width:991px){
    .selected-works{
        margin:60px auto;
        padding:0;
    }
 
    .selected-works > div > div:last-child{
        grid-template-columns:1fr;
        gap:20px;
    }
 
    .selected-works > div > div:last-child > div{
        height:auto !important;
    }
 
    .selected-works img{
        height:auto;
    }
}
 
@media (max-width:767px){
    .selected-works{
        margin:40px auto;
        padding:0;
    }
 
    .selected-works__header{
        margin-bottom:32px;
    }
}
 
/*=====================================
        DISCOVER MORE ARTISTS
======================================*/
.node-type-invited_artist .discover-artists{
    width:100%;
    background:#F4F4F0;
    padding:80px 0 100px;
}
.node-type-invited_artist .discover-artists .container{
    max-width:1624px;
    margin:0 auto;
    /* padding:0 clamp(20px, 7.7vw, 148px); */
    padding :20px;
    box-sizing:border-box;
}
 
.node-type-invited_artist .discover-artists__heading{
    text-align:center;
    margin-bottom:60px;
}
 
.node-type-invited_artist .discover-artists__title{
    margin:0;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(28px, 3vw, 38px);
    font-weight:600;
    color:#2D164A;
    line-height:150%;

}
 
.node-type-invited_artist .discover-artists__divider{
    display:block;
    width:70px;
    height:2px;
    background:#C5A03A;
    margin:16px auto 0;
}
 
.node-type-invited_artist .discover-artists__content{
    width:100%;
}
 
.node-type-invited_artist .discover-artists .views-row{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    margin-bottom:24px;
}
 
.node-type-invited_artist .discover-artists .views-row:last-child{
    margin-bottom:0;
}
 
.node-type-invited_artist .discover-artists .views-col{
    flex:0 0 calc(25% - 18px);
    width:auto !important;
    background:#fff;
    border:1px solid #705900;
    overflow:hidden;
    box-sizing:border-box;
}
 
.node-type-invited_artist .discover-artists .views-field-field-artist-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}
 
.node-type-invited_artist .discover-artists .views-field-field-artist-name,
.node-type-invited_artist .discover-artists .views-field-field-medium,
.node-type-invited_artist .discover-artists .views-field-field-artist-location{
    padding-left:18px;
    padding-right:18px;
}
 
.node-type-invited_artist .discover-artists .views-field-field-artist-name{
    margin-top:20px;
    margin-bottom:12px;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(22px, 2vw, 32px);
    color:#2D164A;
}
 
 
.node-type-invited_artist .discover-artists .views-field-field-medium{
 
    font-family:"Inter", Arial, sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:150%;
    text-transform:uppercase;
    letter-spacing:1.5px;
    color:#705900;
    padding-left:0;
    padding-right:0;
    margin-left:18px;
    margin-right:18px;
    padding-bottom:16px;
    margin-bottom:18px;
    border-bottom:1.5px solid #2D0A4E;
}
 
.node-type-invited_artist .discover-artists .views-field-field-artist-location{
    margin-top:18px;
    margin-bottom:18px;
    font-size:13px;
    color:#555;
}
 
.node-type-invited_artist article.invited-artist-page{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
}
 
/* Reset link styling inside artist name/medium/location fields */
.node-type-invited_artist .discover-artists .views-field-field-artist-name a,
.node-type-invited_artist .discover-artists .views-field-field-medium a,
.node-type-invited_artist .discover-artists .views-field-field-artist-location a{
    color:inherit;
    text-decoration:none;
    font:inherit;
}

.node-type-invited_artist .discover-artists .views-field-field-artist-name a{
  font-weight:600;
  font-size:30px;
  line-height:150%;
  font-style: semi-bold;
  font-family: "Cormorant Garamond", serif;

}
.node-type-invited_artist .discover-artists .views-field-field-medium a{
  font-weight:600;
  font-size:16px;
  line-height:150%;
  font-style: semi-bold;
  font-family: "Inter", sans-serif;
  letter-spacing: 0%;
  color:#705900;

}

.node-type-invited_artist .discover-artists .views-field-field-artist-location a{
  font-weight:600;
  font-size:14px;
  line-height:150%;
  font-style: semi-bold;
  font-family: "Inter", sans-serif;
  letter-spacing: 20%;
  color:#141414;

}
   
   
 
.node-type-invited_artist .discover-artists .views-field-field-artist-name a:hover,
.node-type-invited_artist .discover-artists .views-field-field-medium a:hover,
.node-type-invited_artist .discover-artists .views-field-field-artist-location a:hover{
    text-decoration:none;
    color:inherit;
}
 
@media (max-width:991px){
    .node-type-invited_artist .discover-artists{
        padding:60px 0 80px;
    }
 
   .node-type-invited_artist  .discover-artists__heading{
        margin-bottom:40px;
    }
 
    .node-type-invited_artist .discover-artists .views-col{
        flex:0 0 calc(50% - 12px);
    }
}
 
@media (max-width:767px){
    .node-type-invited_artist .discover-artists{
        padding:50px 0 60px;
    }
 
    .node-type-invited_artist .discover-artists .views-col{
        flex:0 0 100%;
    }
 
    .node-type-invited_artist .discover-artists .views-field-field-artist-image img{
        height:220px;
    }
}
 
@media (max-width:480px){
    .node-type-invited_artist .discover-artists .views-row{
        gap:16px;
        margin-bottom:16px;
    }
}

/* =====================board memners css========================  */
.node-type-board_member .hero-banner.container {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    min-height:unset;
    margin:80px auto;
}


.node-type-board_member .hero-banner__image img{
    width:100%;
    height:100%;
    aspect-ratio:779/684;
    padding:8px;
    border: 1px solid #CDC3D0
}

.node-type-board_member .hero-banner.container .hero-banner__text {
    display:flex ;
    /* align-items:center; */
    flex-direction:column;
    justify-content:center;
}
.node-type-board_member .hero-banner.container:not(:has(.hero-banner__image img)) {
    grid-template-columns: 1fr;
    text-align: center;
}

.node-type-board_member h1.hero-page-banner__heading {
    font-family: Cormorant Garamond;
font-weight: 700;
font-style: Bold;
font-size: 60px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#2D0A4E;
}
.node-type-board_member .hero-page-banner__eyebrow{
    margin:0;
}
.node-type-board_member .hero-page-banner__eyebrow p{
    font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
vertical-align: middle;
color:#705900;
    margin:0;
}
.node-type-board_member .hero-banner__image{
    order:2;
}
.node-type-board_member .container-content.node-body {
    font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color:#141414;
}
@media(max-width:767px){
.node-type-board_member .hero-banner.container {
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
    min-height:unset;
    margin:40px auto;
}
    .node-type-board_member .hero-banner__text,
    .node-type-board_member .hero-banner__image{
    min-width:0;
    width:100%;
}
    .node-type-board_member .hero-banner__image{
    order:1;
}
    .node-type-board_member .hero-banner__image img{
    display:block;
    aspect-ratio:auto;
    height:auto;
    margin:0 auto;
    max-width:100%;
    object-fit:cover;
    padding:6px;
    width:100%;
}
    .node-type-board_member h1.hero-page-banner__heading {
    font-size:clamp(28px, 9vw, 40px);
    line-height:1.12;
    margin:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}
    .node-type-board_member .hero-page-banner__eyebrow p{
    font-size:12px;
    letter-spacing:.14em;
    overflow-wrap:anywhere;
}
}
@media (min-width:768px) and (max-width:991px){
.node-type-board_member h1.hero-page-banner__heading {
font-weight: 700;
font-size: 50px;
    
}
}
.node-type-board_member .hero-banner.container .hero-banner__image:not(:has(img)) {
    display:none;
}
@media (max-width: 643px) {
.node-type-board_member .hero-banner{
    height:auto;
}
.node-type-board_member h1.hero-page-banner__heading {
font-weight: 700;
font-size: clamp(28px, 9vw, 40px);
    
}
}
.node-type-board_member .content_board_member_body {
    background: #F4F4F0;

}
.node-type-board_member .container-content{
    padding:80px 0;
    margin-bottom:0;
}
@media (max-width: 1700px) {
.node-type-board_member .container-content{
    padding:2rem;
}
}


/* =============================================================================
   AWARD RECIPIENTS PAGE — award-recipients.css
   ============================================================================= */
 
:root {
  --color-brand-purple: #2D0A4E;
  --color-brand-gold: #E5B80B;
  --color-brand-gold-deep: #705900;
  --color-brand-white: #FFFFFF;
}
 
/* ─────────────────────────────────────────────────────────────────────────────
   1.  HERO BANNER
   ───────────────────────────────────────────────────────────────────────────── */
.award-page .award-hero {
  position: relative;
  width: 100%;
  height: 862px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
 
.award-page .award-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(45,10,78,0.88) 100%);
  z-index: 1;
}
 
.award-page .award-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 1624px;
  margin: 0 auto;
  padding: 80px 148px;
  gap: 16px;
}
 
.award-page .award-hero__eyebrow {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-brand-gold-deep);
  background-color: var(--color-brand-gold);
  padding: 4px 12px;
  margin-bottom: 24px;
}
 
.award-page .award-hero__heading {
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-brand-gold);
}
 
.award-page .award-hero__subtitle {
  margin: 0;
  width: 100%;
  max-width: 680px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: var(--color-brand-white);
}
 
 
/* ─────────────────────────────────────────────────────────────────────────────
   2.  CONTENT SECTION WRAPPER
   ───────────────────────────────────────────────────────────────────────────── */
.award-page .award-content {
  width: 100%;
  background: #fff;
}
 
/* .award-page .award-content__inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 152px 40px 148px;
  box-sizing: border-box;
}  */
  .award-page .award-content__inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 100px 40px 50px;
  box-sizing: border-box;
}
 
.award-page .award-content .views-element-container {
  margin: 0;
  padding: 0;
}
 
 
/* ─────────────────────────────────────────────────────────────────────────────
   3.  VIEWS ROW SPACING
   ───────────────────────────────────────────────────────────────────────────── */
.award-page .award-content .views-row {
  margin-bottom: 80px;
}
 
.award-page .award-content .views-row:last-child {
  margin-bottom: 0;
}
 
 
/* ─────────────────────────────────────────────────────────────────────────────
   4.  AWARD CARD
   ───────────────────────────────────────────────────────────────────────────── */
.award-page .award-card {
  display: block !important;
 
}
 
.award-page .award-card__year-header {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D5CBBE;
}
 
.award-page .award-card__year-header .award-card__year {
  display: inline-block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--color-brand-purple);
}
 
.award-page .award-card__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 30px;
  text-decoration: none;
  color: inherit;
}
 
.award-page .award-card__image-wrap {
  flex: 0 0 480px;
  width: 480px;
  overflow: hidden;
  border: 1px solid #CDC3D0;
  padding: 16px;
  background: #fff;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}
 
.award-page .award-card__image-wrap .field,
.award-page .award-card__image-wrap .field__item,
.award-page .award-card__image-wrap picture,
.award-page .award-card__image-wrap a {
  display: block;
  width: 100%;
}
 
.award-page .award-card__image-wrap img {
  display: block;
  width: 100%;
  height: 356px;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.4s ease;
}
 
.award-page .award-card:hover .award-card__image-wrap {
  box-shadow: 0 4px 24px rgba(45, 10, 78, 0.12);
}
 
.award-page .award-card:hover .award-card__image-wrap img {
  transform: scale(1.03);
}
 
.award-page .award-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-wrap: break-word;
}
 
.award-page .award-card__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
 
.award-page .award-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600; 
  line-height: 150%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #E5B80B;
  padding: 5px 14px;
}
 
.award-page .award-card__artist {
  margin: 0 0 16px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--color-brand-purple);
  overflow-wrap: break-word;
  margin-bottom:38px;
}
 
.award-page .award-card__artist a {
  color: inherit;
  text-decoration: none;
  font: inherit;
  transition: color 0.2s ease;
}
 
.award-page .award-card__artist a:hover {
  color: var(--color-brand-gold-deep);
}
 
.award-page .award-card__title {
  margin: 0 0 24px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-brand-gold-deep);
  overflow-wrap: break-word;
}
 
.award-page .award-card__title a {
  color: inherit;
  text-decoration: none;
  font: inherit;
  font-style: italic;
  transition: color 0.2s ease;
}
 
.award-page .award-card__title a:hover {
  color: var(--color-brand-purple);
}
 
.award-page .award-card__description {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #141414;
  margin-bottom: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
}
 
.award-page .award-card__description p {
  margin: 0 0 1em;
  font: inherit;
  color: inherit;
}
 
.award-page .award-card__description p:last-child {
  margin-bottom: 0;
}
 
 
/* ─────────────────────────────────────────────────────────────────────────────
   5.  RESET CONFLICTING RULES FROM style.css
   ───────────────────────────────────────────────────────────────────────────── */
.award-page .award-hero > .award-hero__image {
  display: none !important;
}
 
.award-page .award-section {
  margin-top: 0;
}
 
.award-page .award-card__image {
  width: auto;
  height: auto;
}
 
 
/* ═════════════════════════════════════════════════════════════════════════════
   RESPONSIVE — explicit breakpoints, largest to smallest
   ═════════════════════════════════════════════════════════════════════════════ */
 
/* ── 1600px — large laptop ─────────────────────────────────────────────── */
@media (max-width: 1600px) {
  .award-page .award-hero {
    height: 720px;
  }
 
 
  .award-page .award-hero__heading {
    font-size: 52px;
  }
 
  .award-page .award-content__inner {
    padding: 70px 100px;
  }
 
  .award-page .award-card__image-wrap {
    flex: 0 0 420px;
    width: 420px;
  }
 
  .award-page .award-card__image-wrap img {
    height: 310px;
  }
 
  .award-page .award-card__artist {
    font-size: 28px;
  }
 
  .award-page .award-card__title {
    font-size: 28px;
  }
}
 
/* ── 1280px — small laptop / large tablet ──────────────────────────────── */
@media (max-width: 1280px) {
  .award-page .award-hero {
    height: 600px;
  }
 
 
  .award-page .award-hero__content {
    padding: 60px 80px;
  }
 
  .award-page .award-hero__heading {
    font-size: 44px;
  }
 
  .award-page .award-hero__subtitle {
    font-size: 15px;
  }
 
  .award-page .award-content__inner {
    padding: 60px 60px;
  }
 
  .award-page .award-card__row {
    gap: 24px;
  }
 
  .award-page .award-card__image-wrap {
    flex: 0 0 360px;
    width: 360px;
  }
 
  .award-page .award-card__image-wrap img {
    height: 270px;
  }
 
  .award-page .award-card__year-header .award-card__year {
    font-size: 36px;
  }
 
  .award-page .award-card__artist {
    font-size: 26px;
  }
 
  .award-page .award-card__title {
    font-size: 24px;
  }
 
  .award-page .award-card__description {
    font-size: 15px;
  }
}
 
/* ── 991px — tablet ─────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  .award-page .award-hero {
    height: 480px;
  }
 
  .award-page .award-hero__content {
    padding: 48px 40px;
  }
 
  .award-page .award-hero__heading {
    font-size: 36px;
  }
 
  .award-page .award-hero__eyebrow {
    font-size: 12px;
    padding: 4px 10px;
  }
 
  .award-page .award-content__inner {
    padding: 50px 40px;
  }
 
  .award-page .award-content .views-row {
    margin-bottom: 56px;
  }
 
  .award-page .award-card__row {
    gap: 20px;
  }
 
  .award-page .award-card__image-wrap {
    flex: 0 0 280px;
    width: 280px;
    padding: 10px;
  }
 
  .award-page .award-card__image-wrap img {
    height: 220px;
  }
 
  .award-page .award-card__year-header .award-card__year {
    font-size: 30px;
  }
 
  .award-page .award-card__artist {
    font-size: 22px;
    margin-bottom: 10px;
  }
 
  .award-page .award-card__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
 
  .award-page .award-card__description {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
 
/* ── 767px — mobile: card stacks vertically ────────────────────────────── */
@media (max-width: 767px) {
  .award-page .award-hero {
    height: 380px;
  }
 
  .award-page .award-hero__content {
    padding: 32px 24px;
    gap: 10px;
  }
 
  .award-page .award-hero__heading {
    font-size: 30px;
  }
 
  .award-page .award-hero__subtitle {
    font-size: 14px;
  }
 
  .award-page .award-content__inner {
    padding: 40px 20px;
  }
 
  .award-page .award-content .views-row {
    margin-bottom: 40px;
  }
 
  .award-page .award-card__year-header {
    margin-bottom: 16px;
    padding-bottom: 10px;
  }
 
  .award-page .award-card__year-header .award-card__year {
    font-size: 26px;
  }
 
  .award-page .award-card__row {
    flex-direction: column;
    gap: 16px;
  }
 
  .award-page .award-card__image-wrap {
    flex: none;
    width: 100%;
  }
 
  .award-page .award-card__image-wrap img {
    height: 220px;
  }
 
  .award-page .award-card__body {
    padding-top: 0;
  }
 
  .award-page .award-card__meta {
    margin-bottom: 10px;
  }
 
  .award-page .award-card__artist {
    font-size: 22px;
    margin-bottom: 8px;
  }
 
  .award-page .award-card__title {
    font-size: 18px;
    margin-bottom: 14px;
  }
 
  .award-page .award-card__description {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
 
/* ── 480px — small mobile ──────────────────────────────────────────────── */
@media (max-width: 480px) {
  .award-page .award-hero {
    height: 320px;
  }
 
  .award-page .award-hero__content {
    padding: 24px 16px;
  }
 
  .award-page .award-hero__heading {
    font-size: 24px;
  }
 
  .award-page .award-hero__eyebrow {
    font-size: 10px;
    padding: 3px 8px;
  }
 
  .award-page .award-content__inner {
    padding: 32px 16px;
  }
 
  .award-page .award-card__image-wrap img {
    height: 180px;
  }
 
  .award-page .award-card__badge {
    font-size: 11px;
    padding: 4px 10px;
  }
 
  .award-page .award-card__year-header .award-card__year {
    font-size: 22px;
  }
 
  .award-page .award-card__artist {
    font-size: 20px;
  }
 
  .award-page .award-card__title {
    font-size: 16px;
  }
}
 
 
/* ─────────────────────────────────────────────────────────────────────────────
   10.  PAGER
   ───────────────────────────────────────────────────────────────────────────── */
 
.award-page .pager {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
 
.award-page .pager__items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
 
.award-page .pager__item {
  display: flex;
}
 
.award-page .pager__item a,
.award-page .pager__item.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-brand-purple);
  border: 1px solid #D5CBBE;
  background: #fff;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
 
.award-page .pager__item a:hover {
  background-color: var(--color-brand-gold);
  border-color: var(--color-brand-gold);
  color: var(--color-brand-gold-deep);
}
 
.award-page .pager__item.is-active {
  background-color: var(--color-brand-purple);
  border-color: var(--color-brand-purple);
  color: #fff;
}
 
.award-page .pager__item--first a,
.award-page .pager__item--last a,
.award-page .pager__item--previous a,
.award-page .pager__item--next a {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}
 
/* Mobile */
@media (max-width: 480px) {
  .award-page .pager {
    margin-top: 40px;
  }
 
  .award-page .pager__item a,
  .award-page .pager__item.is-active {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    font-size: 13px;
  }
}

/* Contact Us / node 600: every selector is scoped to this node only. */
body.node-id-600 .contact-page-600 { background: #fafaf8; }
body.node-id-600 .contact-page-600__hero {
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(45, 10, 78, 0.9) 100%) center / cover no-repeat;
  display: flex;
  min-height: 600px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
body.node-id-600 .contact-page-600__hero-overlay {
  /* background: rgba(37, 8, 61, .74);*/
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(45, 10, 78, 0.9) 100%);
  inset: 0;
  position: absolute;
}
body.node-id-600 .contact-page-600__hero-content { position: relative; text-align: center; z-index: 1; }
body.node-id-600 h1.contact-page-600__title {
  color: #e3bd10;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
}
body.node-id-600 .contact-page-600__form-section { padding: 76px 20px 68px; background-color: #F4F4F0; }
body.node-id-600 .contact-page-600__form-container { margin: 0 auto; max-width: 1072px; }
body.node-id-600 .contact-page-600__form-container h2 {
  color: #2D0A4E;
  font-family: 'Cormorant Garamond', Georgia, serif;
  /* margin: 0;
  text-align: center;
  font-family: Cormorant Garamond; */
font-weight: 700;
font-style: Bold;
font-size: 48px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
body.node-id-600 .contact-page-600__eyebrow {
  /* color: #151515; */
font-family: Inter, Arial, sans-serif;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 20%;
text-align: center;
vertical-align: middle;

}
body.node-id-600 #webform-submission-contact-us-add-form { margin: 0 auto; max-width: 1072px; gap: 30px; opacity: 1; }
body.node-id-600 #webform-submission-contact-us-add-form .webform-title,
body.node-id-600 #webform-submission-contact-us-add-form .webform-description { display: none; }
body.node-id-600 #webform-submission-contact-us-add-form .webform-flexbox { gap: 16px; margin: 0; }
body.node-id-600 #webform-submission-contact-us-add-form .webform-flex { margin: 0; padding: 0; }
body.node-id-600 #webform-submission-contact-us-add-form .form-item { margin: 0 0 14px; }
body.node-id-600 #webform-submission-contact-us-add-form label {
  color: #1c1c1c;
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 7px;
}

body.node-id-600 #webform-submission-contact-us-add-form input,
body.node-id-600 #webform-submission-contact-us-add-form textarea {
  appearance: none;
  background: #fff;
  border: 1px solid #d9d5dc;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #1c1c1c;
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  padding: 12px;
  width: 100%;
}
body.node-id-600 #webform-submission-contact-us-add-form input:not([type='submit']) { height: 45px; }
body.node-id-600 #webform-submission-contact-us-add-form textarea { height: 151px; resize: vertical; }
body.node-id-600 #webform-submission-contact-us-add-form input:focus,
body.node-id-600 #webform-submission-contact-us-add-form textarea:focus {
  border-color: #371052;
  outline: 2px solid rgba(55, 16, 82, .16);
  outline-offset: 1px;
}
body.node-id-600 #webform-submission-contact-us-add-form input::placeholder,
body.node-id-600 #webform-submission-contact-us-add-form textarea::placeholder { color: #9b9b9b; opacity: 1; }
body.node-id-600 #webform-submission-contact-us-add-form .form-actions { margin: 29px 0 0; text-align: center; }
body.node-id-600 #webform-submission-contact-us-add-form input[type='submit'],
body.node-id-600 #webform-submission-contact-us-add-form button[type='submit'] {
  background: transparent;
  border: 1px solid #371052;
  color: #371052;
  cursor: pointer;
  display: inline-block;
  font-family: Inter, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  height: 42px;
  min-width: 142px;
  padding: 0 28px;
  transition: background-color .2s ease, color .2s ease;
  width: auto;
}
body.node-id-600 #webform-submission-contact-us-add-form input[type='submit']:hover,
body.node-id-600 #webform-submission-contact-us-add-form input[type='submit']:focus,
body.node-id-600 #webform-submission-contact-us-add-form button[type='submit']:hover,
body.node-id-600 #webform-submission-contact-us-add-form button[type='submit']:focus { background: #371052; color: #fff; }

/* The contact_us form uses this class and a node-specific generated ID. */
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 30px;
  margin: 38px auto;
  max-width: 1072px;
  padding: 0 !important;
  width: 100%;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item-first-name,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item-enter-your-last-name,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item-your-mail {
  grid-column: 1 !important;
  grid-row: auto;
  width: 100% !important;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item-your-message {
  grid-column: 2 !important;
  grid-row: 1 / span 3;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-actions {
  grid-column: 1 / -1;
  grid-row: 4;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item {
  margin: 0 0 14px;
  min-width: 0;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form label {
  /* display: block; */
  font-family: Inter, Arial, sans-serif;
  font-weight: 600;
font-weight: 600;
font-style: Semi Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;

}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form input:not([type='hidden']):not([type='submit']),
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form textarea {
  /* width: 522px; */
  appearance: none;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  padding: 12px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight:400;
  line-height: 150%;
  padding: 12px;
  width: 100%;
  gap: 50px;
opacity: 1;
border-radius: 4px;
border: 1px solid #CDC3D0
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form textarea{
  /* margin: 100px; */
  min-height: 250px;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form input:not([type='hidden']):not([type='submit']) {
  height: 50px;
  max-width: 100%;
  width: 100%;
  margin-top:5px;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form textarea {
  height: 151px;
  resize: vertical;
  margin-top:5px;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-actions {
  margin: 15px 0 0;
  text-align: center;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form #edit-actions-submit {
  background: transparent;
  border: 2px solid  #2D0A4E;
  border-radius: 4px;
  color:  #2D0A4E;
  cursor: pointer;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
  min-width: 152px;
  padding: 0 28px;
  width: auto;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form #edit-actions-submit:hover,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form #edit-actions-submit:focus {
  background: #371052;
  color: #fff;
}
@media (max-width: 767px) {
  body.node-id-600 .contact-page-600__hero { min-height: 270px!important;}
  body.node-id-600 h1.contact-page-600__title{font-size: 48px;}
  body.node-id-600 .contact-page-600__form-container h2{font-size: 30px; line-height: 90%;}
  body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form label{font-size: 14px;}
  body.node-id-600 .contact-page-600__eyebrow{font-size: 10px; line-height: 150%;}
  body.node-id-600 .contact-page-600__form-section { padding: 50px 20px; }
  body.node-id-600 #webform-submission-contact-us-add-form .webform-flexbox { display: block; }
  body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form { display: block; }
  body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item-your-message { width: 100% !important; }
  body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-actions { margin-top: 28px; }
}

/* Contact form validation: keep errors beside their field, not above the header. */
body.node-id-600 .messages--error,
body.node-id-600 [role="contentinfo"][aria-label="Error message"] {
  display: none;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error label {
  color: #b42318;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error input:not([type='hidden']):not([type='submit']),
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error textarea,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form input.error,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form textarea.error {
  background-color: #fff7f6;
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, .12);
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error-message,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form strong.error {
  align-items: flex-start;
  color: #b42318;
  display: flex;
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  line-height: 1.35;
  margin: 7px 0 0;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error-message::before,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form strong.error::before {
  align-items: center;
  background: #d92d20;
  border-radius: 50%;
  color: #fff;
  content: '!';
  display: inline-flex;
  flex: 0 0 14px;
  font-size: 10px;
  font-weight: 700;
  height: 14px;
  justify-content: center;
  line-height: 1;
  margin-top: 1px;
  width: 14px;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .form-item--error-message a,
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form strong.error a {
  color: inherit;
}
body.node-id-600 .contact-page-600 form.webform-submission-contact-us-add-form .contact-form-error-summary {
  background: #fff7f6;
  border: 1px solid #d92d20;
  border-left: 4px solid #d92d20;
  color: #b42318;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 22px;
  padding: 12px 14px;
}

/* Donate / node 9: every selector is scoped to this node only. */
body.node-id-9 .donate-page-9 { background: #fff; }
body.node-id-9 .donate-page-9__intro {
  align-items: center;
  box-sizing: border-box;
  display: grid;
  gap: clamp(48px, 7vw, 130px);
  grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);
  max-width: 1360px;
  min-height: 500px;
  padding-bottom: 40px;
  padding-top: 40px;
  width: min(100% - 64px, 1360px);
}
body.node-id-9 .donate-page-9__intro-copy { max-width: 470px; }
body.node-id-9 h1.donate-page-9__title {
  color: #2d0a4e;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 150%;
  /* margin: 0 0 34px; */
}
body.node-id-9 .donate-page-9__description,
body.node-id-9 .donate-page-9__description p {
  color: #141414;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
body.node-id-9 .donate-page-9__intro-image {
  aspect-ratio: 1.14 / 1;
  border: 1px solid #d8d4d8;
  box-sizing: border-box;
  min-height: 0;
  padding: 5px;
  width: 100%;
}
body.node-id-9 .donate-page-9__intro-image img {
  display: block;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
body.node-id-9 .donate-page-9__sponsor {
  align-items: center;
  background: #2d0a4e center / cover no-repeat;
  display: flex;
  justify-content: center;
  min-height: 440px;
  overflow: hidden;
  position: relative;
}
body.node-id-9 .donate-page-9__sponsor-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .5), #2d0a4e);
  inset: 0;
  position: absolute;
}
body.node-id-9 .donate-page-9__sponsor-content { position: relative; text-align: center; z-index: 1; }
body.node-id-9 .donate-page-9__sponsor h2 {
  color: #E5B80B;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%;
  margin: 0 0 32px;
}
body.node-id-9 .donate-page-9__donate-link,
body.node-id-9 .donate-page-9__donate-link a {
  align-items: center;
  background: #e5b80b;
  border: 1px solid #e5b80b;
  color: #2D0A4E;
  display: inline-flex;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  border-radius :4px;
  font-weight: 600;
  justify-content: center;
  min-height: 48px;
  min-width: 180px;
  padding: 0 26px;
  text-decoration: none;
}
body.node-id-9 .donate-page-9__donate-link:hover,
body.node-id-9 .donate-page-9__donate-link a:hover { background: transparent; color: #fff; }
body.node-id-9 .donate-page-9__payment-images {
  margin: 28px auto 0;
  max-width: min(100%, 780px);
}
body.node-id-9 .donate-page-9__payment-images .field__label { display: none; }
/* Drupal renders this field as .field__items normally and as .quickedit-field
   while an editor is logged in. Support both so the public and admin views
   always use the same horizontal payment-logo layout. */
body.node-id-9 .donate-page-9__payment-images > div,
body.node-id-9 .donate-page-9__payment-images > .field,
body.node-id-9 .donate-page-9__payment-images .field__items {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
body.node-id-9 .donate-page-9__payment-images > .quickedit-field > div,
body.node-id-9 .donate-page-9__payment-images .field__item {
  align-items: center;
  display: flex;
  flex: 0 0 70px;
  height: 48px;
  justify-content: center;
  min-width: 0;
  width: 70px;
}
body.node-id-9 .donate-page-9__payment-images img {
  display: block;
  height: 48px;
  max-width: 70px;
  object-fit: contain;
  width: 70px;
}
@media (max-width: 1100px) {
  body.node-id-9 .donate-page-9__intro {
    gap: clamp(32px, 5vw, 54px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: auto;
    padding-bottom: 64px;
    padding-top: 64px;
  }
  body.node-id-9 h1.donate-page-9__title { font-size: clamp(44px, 4.5vw, 56px); }
}
@media (max-width: 767px) {
  body.node-id-9 .donate-page-9__intro {
    display: flex;
    flex-direction: column;
    gap: 34px;
    padding-bottom: 52px;
    padding-top: 52px;
    width: min(100% - 40px, 560px);
  }
  body.node-id-9 .donate-page-9__intro-copy { max-width: none; }
  body.node-id-9 h1.donate-page-9__title { font-size: 36px; line-height: 100%;}
  body.node-id-9 .donate-page-9__description,
  body.node-id-9 .donate-page-9__description p { font-size: 15px; }
  body.node-id-9 .donate-page-9__sponsor { min-height: 330px; padding: 46px 20px; }
  body.node-id-9 .donate-page-9__sponsor h2 { font-size: 36px; margin-bottom: 24px; }
  body.node-id-9 .donate-page-9__payment-images { margin-top: 22px; }
  body.node-id-9 .donate-page-9__payment-images > .quickedit-field,
  body.node-id-9 .donate-page-9__payment-images > .field,
  body.node-id-9 .donate-page-9__payment-images .field__items { gap: 10px; }
  body.node-id-9 .donate-page-9__payment-images > .quickedit-field > div,
  body.node-id-9 .donate-page-9__payment-images .field__item,
  body.node-id-9 .donate-page-9__payment-images img { flex-basis: 64px; height: 44px; max-width: 64px; width: 64px; }
  body.node-id-9 .donate-page-9__intro-image {
      min-height: 257px;
  }
}

@media (max-width: 480px) {
  body.node-id-9 .donate-page-9__payment-images > .quickedit-field,
  body.node-id-9 .donate-page-9__payment-images > .field,
  body.node-id-9 .donate-page-9__payment-images .field__items { gap: 8px; }
  body.node-id-9 .donate-page-9__payment-images > .quickedit-field > div,
  body.node-id-9 .donate-page-9__payment-images .field__item,
  body.node-id-9 .donate-page-9__payment-images img { flex-basis: 56px; height: 38px; max-width: 56px; width: 56px; }
}

@media (max-width: 360px) {
  body.node-id-9 .donate-page-9__payment-images > .quickedit-field > div,
  body.node-id-9 .donate-page-9__payment-images .field__item,
  body.node-id-9 .donate-page-9__payment-images img { flex-basis: 50px; height: 34px; max-width: 50px; width: 50px; }
}


/*nishchay css for the upcoming events */
/*nishchay*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
 
/* Reset */
.events-page,
.events-page *,
.events-page *::before,
.events-page *::after{
    box-sizing:border-box !important;
}
 
/* ==========================================================================
   Page
   ========================================================================== */
 
.events-page{
    width:100% !important;
    background:#fff !important;
    overflow:hidden;
}
 
.events-page ul,
.events-page ol{
    list-style:none !important;
    margin:0;
    padding:0;
}
 
.events-page table,
.events-page tr,
.events-page td,
.events-page th{
    border:none !important;
    background:transparent !important;
    padding:0;
}
 
/* Hero */
 
.events-hero{
    width:100%;
    height:460px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
 
 
.events-page__layout{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(-50vw + 50%) !important;
    margin-right:calc(-50vw + 50%) !important;
    margin-top:40px !important;
    margin-bottom:40px !important;
    padding-left:max(60px, calc((100vw - 1600px) / 2 + 60px)) !important;
    padding-right:max(60px, calc((100vw - 1600px) / 2 + 60px)) !important;
    box-sizing:border-box !important;
 
    display:grid !important;
    /* grid-template-columns:250px minmax(0,1fr) !important; */
    grid-template-columns: clamp(280px, 24vw, 382px) minmax(0, 1fr) !important;
    gap:30px !important;
    align-items:start;
}
 
/* ==========================================================================
   Sidebar
   ========================================================================== */
 
.month-filter{
    width:100%;
    height : 616px;
    background:#F4F4F0 !important;
    border:1px solid #D8D4CC;
    padding:15px !important;
    font-family: 'Inter';
}
 
.month-filter__title{
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-size:26px !important;
    font-weight:600 !important;
    color:#241239 !important;
    line-height:1.05;
    margin:0 0 18px;
    border-bottom: 1px solid #CDC3D04D;
}
 
.month-filter__list{
    display:flex !important;
    flex-direction:column;
    gap:20px !important;
}
 
.month-filter__item{
    display:block;
}
 
.month-filter__link{
    display:block;
    text-decoration:none !important;
    color:#9D9D9D !important;
    font-size:14px !important;
    line-height:1.4;
    transition:.3s;
}
 
 
 
.month-filter__link.is-active{
    color:#241239 !important;
    font-weight:600 !important;
}
 
/* ==========================================================================
   Results Area
   ========================================================================== */
 
.events-results{
    width:100%;
}
 
.events-results .views-exposed-form,
.events-results .form--inline,
.events-results .form-item,
.events-results .form-actions{
    display:none !important;
}
 
#events-results{
    width:100%;
}
 
#events-results .view-content{
    width:100%;
}
 
/* Kill default Views bullet/list wrapper styling */
#events-results .view-content,
#events-results .item-list,
#events-results .item-list ul{
    list-style:none !important;
    margin:0;
    padding:0;
}
#events-results .views-row,
#events-results .views-row > *{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
}
 
#events-results .views-row{
    width:100%;
    border-bottom:1px solid #E5E1DB !important;
    transition:.35s;
}
 
#events-results .views-row:first-child{
    border-top:1px solid #E5E1DB !important;
}
 
#events-results .views-row:hover{
    background:#faf8f4 !important;
}
 
#events-results .views-row:hover > *{
    background:transparent !important;
}
 
/* ==========================================================================
   Card
   ========================================================================== */
 
.event-card{
    display:grid !important;
    grid-template-columns:70px minmax(0,1fr) 24px !important;
    gap:18px !important;
    padding:22px 0 !important;
    align-items:flex-start;
    transition:.35s;
    align-iem :start;
}
 
.event-card:hover{
    transform:translateY(-2px);
}
 
/* ==========================================================================
   Date
   ========================================================================== */
 
/* .event-date{
    text-align:center;
} */
.event-date{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-top:-24px;
}
 
.event-day{
    display:block;
    text-align :left;
    font-family:"Cormorant Garamond", serif;
    font-weight:400;
    font-size:70px;
    line-height:150%;
    letter-spacing:0;
    color:#141414;
    text-align:center;
    gap:0px;
}
 
.event-month {
    font-family:"Cormorant Garamond", serif;
    text-align :left;
    display:block !important;
    margin-top:2px;
    font-size:16px !important;
    text-transform:uppercase !important;
    letter-spacing:.12em !important;
    color: #141414;
    font-weight :600;
     color:#141414;
     gap :0px;
 
}
 
.event-card__weekday {
    font-family: inter;
    display:block !important;
    margin-top:2px;
    text-align :left;
    font-size:14px !important;
    color:#6A645E !important;
    color: #9D9D9D;
    font-weight :400;
    gap :0px;
}
 
 
/* ==========================================================================
   Content
   ========================================================================== */
 
.event-card__content{
    width:100%;
}
.event-card__meta{
    display:flex !important;
    align-items:center;
    gap:12px !important;
    margin-bottom:8px !important;
    flex-wrap:nowrap !important;
}
 
.event-card__badge{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
 
    padding:3px 10px !important;
 
    background:#F4F4F0 !important;
    border:1px solid #CDC3D0 !important;
    /* border-radius:3px !important; */
 
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:20% !important;
    text-transform:uppercase !important;
    color:#2D0A4E !important;
 
    white-space:nowrap;
    width:max-content;
    max-width:none;
    flex-shrink:0;
     font-family: inter;
     text-decoration: none;
}
 
.event-card__time{
     font-family: inter;
    display:inline-flex !important;
    align-items:center;
    gap:6px !important;
    font-weight:600 !important;
    flex:0 0 auto;
    min-width:max-content;
 
    font-size:14px !important;
    color:#141414 !important;
 
}
.event-card__start-time,
.event-card__separator,
.event-card__end-time{
    display:inline-block;
    white-space:nowrap;
}
 
.event-card__clock{
    flex-shrink:0;
    color:#6B645E !important;
}
 
.event-card__separator{
    margin:0 2px;
}
 
body.events-page .event-card__title{
    margin:0;
}
 
body.events-page .event-card__title a{
    text-decoration:none !important;
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-size:30px !important;
    line-height:1.3 !important;
    color:#2D0A4E!important;
    font-weight :600;
    transition:.3s;
}
 
body.events-page .event-card__title a:hover{
    color:#B18B4A !important;
}
 
.event-card__description{
    margin-top:6px;
    max-width:none;
    color: #141414!important;
    font-size:16px !important;
    line-height:1.5 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-weight: 400;
    font-family : inter;
}
 
.event-card__description p{
    margin:0 0 18px;
}
 
.event-card__description p:last-child{
    margin-bottom:0;
}
 
.event-card__description ul,
.event-card__description ol{
    margin-top:15px;
    margin-bottom:15px;
}
 
/* ==========================================================================
   Arrow
   ========================================================================== */
 
.event-card__arrow{
    display:flex !important;
    justify-content:center;
    align-items:center;
    transition:.35s;
}
 
.event-card__arrow a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    text-decoration:none !important;
    color:#705900 !important;
 
}
 
 
.event-card__arrow svg{
    width:42px;
    height:42px;
}
 
.event-card:hover .event-card__arrow{
    transform:translateX(8px);
}
 
/* ==========================================================================
   Views Pager / Load More
   ========================================================================== */
 
.pager{
    margin:70px 0 20px !important;
    display:flex !important;
    justify-content:center;
    align-items:center;
}
 
.events-page .pager__items{
    display:flex;
    justify-content:center;
    list-style:none;
    padding:0;
    margin:0;
}
 
.events-page .pager__item{
    margin:0;
}
 
.events-page .pager__item a,
.pager__item.is-active span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    height:48px;
    padding:0 18px;
    border:1px solid #d7d1c8 !important;
    color:#241239 !important;
    text-decoration:none !important;
    transition:.3s ease;
}
 
.events-page .pager__item a:hover{
    background:#b18b4a !important;
    color:#fff !important;
    border-color:#b18b4a !important;
}
 
.events-page .js-pager__items .button,
.events-page .js-pager__items input,
.events-page .views-infinite-scroll-content-wrapper + nav a,
.events-page .views-load-more-button a,
.events-page .views-load-more-button button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:auto !important;
    height:34px !important;
    padding:0 22px !important;
    background:transparent !important;
    color:#241239 !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    font-size:11px !important;
    font-weight:600 !important;
    border:1px solid #241239 !important;
    border-radius:0;
    transition:.35s;
    cursor:pointer;
}
 
.events-page .views-load-more-button a:hover,
.events-page .views-load-more-button button:hover,
.events-page .js-pager__items .button:hover{
    background:#241239 !important;
    color:#fff !important;
    border-color:#241239 !important;
}
 
/* ==========================================================================
   Images / Links (page-scoped)
   ========================================================================== */
 
.event-card img{
    max-width:100%;
    height:auto;
    display:block;
}
 
.events-page a{
    transition:.3s;
}
 
.events-page a:hover{
    text-decoration:none;
}
 
/* ==========================================================================
   Tablet
   ========================================================================== */
 
@media (max-width:1200px){
    .events-page__layout{
        grid-template-columns:220px 1fr !important;
        gap:24px !important;
    }
    .event-card{
        grid-template-columns:50px 1fr 22px !important;
        gap:16px !important;
    }
    .events-page.event-card__title a{
        font-size:18px !important;
    }
    .month-filter__title{
        font-size:22px !important;
    }
    .event-day{
        font-size:42px !important;
    }
    .event-month{
        font-size:13px !important;
    }
    .event-card__weekday{
        font-size:12px !important;
    }
    /* -- added for responsiveness: Events Intro had no tablet padding -- */
    .events-intro{
        padding:70px 80px;
    }
}
 
/* ==========================================================================
   Small Tablet
   ========================================================================== */
 
@media (max-width:991px){
    .events-page__layout{
        display:block !important;
    }
    .month-filter{
        width:100%;
        margin-bottom:30px;
        max-width:none;
        height:auto;
    }
    .month-filter__list{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .event-card{
        grid-template-columns:50px 1fr !important;
    }
    .event-card__arrow{
        display:flex !important;
        justify-content:flex-end;
        align-items:flex-start;
    }
    .events-page.event-card__title a{
        font-size:18px !important;
    }
    .events-hero{
        height:320px;
    }
    .month-filter__scroll{
        max-height:none;
        overflow-y:visible;
        padding-right:0;
    }
    .event-day{
        font-size:34px !important;
    }
    .event-month{
        font-size:10px !important;
    }
    .event-card__weekday{
        font-size:11px !important;
    }
    .events-intro{
        padding:60px 50px;
    }
}
 
 
 
@media (max-width:767px){
    .events-hero{
        height:240px;
    }
    .events-page__layout{
        padding-left:20px !important;
        padding-right:20px !important;
        margin-top:30px !important;
        margin-bottom:30px !important;
    }
    .month-filter{
        padding:18px !important;
    }
    .month-filter__title{
        font-size:20px !important;
    }
    .month-filter__list{
        grid-template-columns:1fr !important;
    }
    .event-card{
        display:block !important;
        padding:20px 0 !important;
    }
    .event-date{
        margin-bottom:12px;
        text-align:left;
        margin-top:0;

    }
    .event-day{
        font-size:50px !important;
    }
    .event-month{
        font-size:13px !important;
    }
    .event-card__weekday{
        font-size:16px !important;
    }
    .event-card__meta{
        margin-bottom:8px !important;
        flex-wrap:wrap !important;
    }
    .events-page.event-card__title a{
        font-size:17px !important;
    }
    .event-card__description{
        font-size:13px !important;
        line-height:1.5 !important;
    }
    .current-exhibition__title{
      font-size: 37px!important;
    }
    .views-load-more-button a,
    .views-load-more-button button{
        width:100%;
    }
    .event-card__meta-top{
        flex-wrap:wrap !important;
    }
    .events-intro{
        padding:50px 24px;
    }
    .events-load-more-wrapper{
        margin-top:30px;
    }
    .events-load-more-btn{
        width:100%;
    }
}
 
 
@media (max-width:480px){
    .events-page__layout{
        padding:0 15px !important;
    }
    .month-filter{
        padding:16px !important;
    }
    .month-filter__title{
        font-size:18px !important;
    }
    .events-page.event-card__title a{
        font-size:15px !important;
    }
    .event-day{
        font-size:30px !important;
    }
    .event-card__description{
        font-size:12px !important;
    }
    /* -- added for responsiveness: Events Intro padding tightened further -- */
    .events-intro{
        padding:40px 16px;
    }
}
 
/* ==========================================================================
   Accessibility
   ========================================================================== */
 
a:focus,
button:focus{
    /* outline:2px solid #B18B4A; */
    outline-offset:3px;
}
 
/* ==========================================================================
   Print
   ========================================================================== */
 
@media print{
    .events-hero,
    .month-filter,
    .pager,
    .views-load-more-button{
        display:none !important;
    }
    .events-page__layout{
        display:block !important;
        padding:0 !important;
        margin:0 !important;
    }
    .event-card{
        display:block !important;
        page-break-inside:avoid;
    }
}

/* Global Drupal pager — uses the same compact controls as the Figma designs. */
body .pager {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 56px 0 48px !important;
}
body .pager .pager__items {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
body .pager .pager__item {
  border: 0 !important;
  display: flex;
  margin: 0;
  padding: 0 !important;
}
body .pager .pager__item > a,
body .pager .pager__item.is-active > span,
body .pager .pager__item.is-disabled > span {
  align-items: center;
  background: #fff;
  border: 1px solid #2d0a4e;
  color: #2d0a4e !important;
  display: inline-flex;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  height: 40px !important;
  justify-content: center;
  line-height: 1;
  min-width: 40px !important;
  padding: 0 !important;
  border-radius: 2px;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  width: 40px;
}
body .pager .pager__item > a:hover,
body .pager .pager__item > a:focus {
  background: #e5b80b;
  border-color: #e5b80b;
  color: #210b3d !important;
  outline: 0;
}
body .pager .pager__item.is-active > span {
  background: #2d0a4e;
  color: #fff !important;
}
body .pager .pager__item.is-disabled > span {
  background: #f3f0f4;
  border-color: #d6ceda;
  color: #a99daf !important;
  cursor: not-allowed;
}
body .pager .pager__item--previous > a,
body .pager .pager__item--next > a,
body .pager .pager__item--previous.is-disabled > span,
body .pager .pager__item--next.is-disabled > span {
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  padding: 0 !important;
}
body .pager .pager__item--ellipsis {
  align-items: center;
  color: #2d0a4e;
  display: inline-flex;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  letter-spacing: 2px;
  min-width: 40px;
}
@media (max-width: 480px) {
  body .pager { margin: 40px 0 32px !important; }
  body .pager .pager__items { gap: 6px; }
  body .pager .pager__item > a,
  body .pager .pager__item.is-active > span,
  body .pager .pager__item.is-disabled > span {
    font-size: 12px;
    height: 40px !important;
    min-width: 40px !important;
  }
}
 
/* Events Intro */
 
.events-intro{
    width:100%;
    min-height:280px;
    background:#F4F4F0;
    padding:80px 148px;
 
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
}
 
.events-intro__inner{
    width:100%;
    max-width:1040px;   /* Adjust if needed */
}
 
.events-intro__inner p{
    margin:0 0 20px;
    font-size:16px;
    line-height:26px;
    color:#141414;
    font-weight:400;
    text-align:left; 
    font-family : 'Inter';  /* Keep the paragraph left-aligned */
}
 
.events-intro__inner p:last-child{
    margin-bottom:0;
}
 
 
@media (max-width:1200px){
 
    .events-intro{
        padding:70px 80px;
    }
 
}
 
/* ===========================
   Tablet
=========================== */
@media (max-width:991px){
 
    .events-intro{
        padding:60px 50px;
        min-height:auto;
    }
 
    .events-intro__inner p{
        font-size:15px;
        line-height:24px;
    }
 
}
 
/* ===========================
   Mobile
=========================== */
@media (max-width:767px){
 
    .events-intro{
        padding:45px 24px;
    }
 
    .events-intro__inner p{
        font-size:15px;
        line-height:24px;
    }
 
}
 
/* ===========================
   Small Mobile
=========================== */
@media (max-width:480px){
 
    .events-intro{
        padding:35px 16px;
    }
 
    .events-intro__inner p{
        font-size:14px;
        line-height:22px;
    }
 
}
 
/*event intro ends */
 
.views-exposed-form{
    display:none;
}
 
/*load more one*/
.events-load-more-wrapper{
    margin-top:50px;
    text-align:center;
}
 
.events-load-more-btn{
 
    min-width:130px;
    height:48px;
 
    border:2px solid #2D0A4E;
    background:#fff;
    border-radius : 4px;
 
    color:#2D0A4E;
 
    cursor:pointer;
 
    transition:.3s;
    font-family : inter;
    font-size : 16px;
    font-weight :600;
 
}
 
 
.events-load-more-btn.loading{
 
    opacity:.5;
    pointer-events:none;
}
 
.month-filter{
 
    width:100%;
    max-width:382px;
 
}
.month-filter__title {
  margin: 0 0 20px;
}
 
.month-filter__scroll {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 6px;
}
 
.month-filter__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
.month-filter__item {
  margin-bottom: 20px;
}
 
.month-filter__link {
  display: block;
  text-decoration: none;
}
 
.month-filter__link.is-active {
  font-weight: 600;
}
 
/* Scrollbar */
.month-filter__scroll::-webkit-scrollbar {
  width: 6px;
}
 
.month-filter__scroll::-webkit-scrollbar-track {
  background: #f5f2ec;
}
 
.month-filter__scroll::-webkit-scrollbar-thumb {
  background: #b88a44;
  border-radius: 20px;
}
 
.month-filter__scroll::-webkit-scrollbar-thumb:hover {
  background: #946b2d;
}
 
/* Firefox */
.month-filter__scroll {
  scrollbar-width: thin;
  scrollbar-color: #b88a44 #f5f2ec;
}
 
 
.event-card__meta-top{
    display:flex;
    align-items:center;
    gap:12px;
}
 
.month-filter__link:focus,
.month-filter__link:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}
 
@media (max-width:767px){
 
    .events-load-more-btn{
        width:auto;
        min-width:180px;
        padding:0 24px;
    }
 
}
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header{
    /* flex-direction:row; */
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header a{
    align-items:center;
    display:flex;
    font-family: Inter;
font-weight: 600;
/* font-style: Semi Bold; */
font-size: 16px;
/* leading-trim: NONE; */
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
text-decoration:none;
color :#2D0A4E;
gap:10px;
}



/* ==========================================================
   Login & Register Toast Message Alignment
   ========================================================== */
 
body.user-login-page .idaherma-auth-toast,
body.user-register-page .idaherma-auth-toast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    box-sizing: border-box;
}
 
body.user-login-page .idaherma-auth-toast [role="alert"],
body.user-register-page .idaherma-auth-toast [role="alert"] {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 12px;
}
 
body.user-login-page .idaherma-auth-toast__close,
body.user-register-page .idaherma-auth-toast__close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
 
    width: 20px;
    height: 20px;
 
    margin-left: 12px;
    padding: 0;
 
    background: transparent;
    border: 0;
    cursor: pointer;
 
    font-size: 20px;
    line-height: 1;
    color: inherit;
}
 
body.user-login-page .idaherma-auth-toast__close:hover,
body.user-register-page .idaherma-auth-toast__close:hover {
    opacity: 0.8;
}
 
 
/* ============================
   Forgot Password Page
============================ */
 
body.node-type-homepage [data-drupal-messages] {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999;
 
    max-width: 460px;
    width: calc(100% - 40px);
 
    animation: idahermaToastFadeIn .3s ease;
}
body.node-type-homepage [data-drupal-messages] > div[role="contentinfo"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
 
    padding: 18px 22px;
 
    background: #f1faf1;              /* solid light-green fill instead of transparent */
    border: 1px solid #b9dcb9;
    border-left: 4px solid #16852d;   /* consistent with your other success messages */
    border-radius: 8px;
 
    box-shadow: 0 12px 30px rgba(0,0,0,.15);
 
    font-family: Inter;
    font-size: 15px;
    line-height: 1.6;
    color: #1B5E20;
}
 
body.node-type-homepage [data-drupal-messages] em {
    display: inline;
    font-style: normal;
    font-weight: 700;
    color: #145A32;
    vertical-align: baseline;
}
 
body.node-type-homepage [data-drupal-messages] em {
    font-style: normal;
    font-weight: 700;
    color: #145A32;
}
 
@keyframes idahermaToastFadeIn {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
 
 
/*forget user pasword page */
/* ============================
   Forgot Password Page
============================ */
 
.user-pass {
    max-width: 560px;
    margin: 100px auto;
    padding: 56px 48px;
    background: #FFFFFF;
    border-top: 4px solid #E5B80B;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(45, 10, 78, 0.12);
}
 
.user-pass .form-item {
    margin-bottom: 28px;
}
 
.user-pass label {
    display: block;
    margin-bottom: 10px;
 
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: #2D0A4E;
    line-height: 150%;
}
 
.user-pass input[type="text"] {
    width: 100%;
    height: 56px;
    padding: 0 18px;
 
    border: 1px solid #CDC3D0;
    border-radius: 6px;
    background: #FFFFFF;
 
    font-family: Inter;
    font-size: 16px;
    color: #141414;
 
    transition: all .25s ease;
}
 
.user-pass input[type="text"]:focus {
    border-color: #2D0A4E;
    box-shadow: 0 0 0 3px rgba(45,10,78,.12);
    outline: none;
}
 
.user-pass p {
    margin: 0 0 36px;
 
    font-family: Inter;
    font-size: 15px;
    line-height: 170%;
    color: #666666;
}
 
.user-pass .form-actions {
    margin-top: 10px;
}
 
.user-pass .button {
    width: 100%;
    height: 56px;
 
    border: 2px solid #2D0A4E;
    border-radius: 4px;
 
    background: #2D0A4E;
    color: #FFFFFF;
 
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
 
    cursor: pointer;
    transition: all .25s ease;
}
 
.user-pass .button:hover {
    background: #4A1677;
    border-color: #4A1677;
}
 
.user-pass .button:active {
    transform: scale(.98);
}

/* =======================css for events page detail================================== */
/* upcoming events node wise detail page */
/*==========================================================
EVENT DETAIL PAGE
Only applies to Event Calendar node pages
==========================================================*/
 
body.node-type-event_calendar{
 
    background:#F8F6F3;
 
}
 
body.node-type-event_calendar .event-detail-hero{
    position:relative;
    width:100%;
    height:auto;
    min-height:560px;
    background:url("../images/upcomingevent.png") center center/cover no-repeat;
    overflow:hidden;
 
}
body.node-type-event_calendar .event-detail-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(25,10,45,.18) 0%,
        rgba(25,10,45,.42) 45%,
        rgba(25,10,45,.82) 100%
    );
 
}
body.node-type-event_calendar .event-detail-hero-overlay{
 
    position:relative;
    z-index:2;
    height:auto;
    min-height:560px;
    display:flex;
    align-items:center;
 
}
body.node-type-event_calendar .event-detail-hero-content{
 
    max-width:900px;
    min-width:0;
}
body.node-type-event_calendar .event-detail-badge{
 
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 28px;
    background:#ffffff;
    border-radius:100px;
    color:#2B0D46;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:13px;
    font-weight:700;
    margin-bottom:34px;
    box-shadow:
        0 15px 35px rgba(0,0,0,.08);
 
}
body.node-type-event_calendar .event-detail-badge .field{
 
    margin:0;
 
}
body.node-type-event_calendar .event-detail-badge a{
 
    color:#2B0D46;
    text-decoration:none;
 
}
body.node-type-event_calendar .event-detail-title{
 
    margin:0;
    color:#ffffff;
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(46px, 6vw, 70px);
    /* line-height:1; */
    font-weight:600;
    max-width:950px;
    /* Keep unusually long event names from overwhelming the hero. The full
       heading remains available to assistive technology. */
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:break-word;
    text-shadow:
 
    0 5px 20px rgba(0,0,0,.35);
 
}
body.node-type-event_calendar .event-detail-date-line{
 
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:35px;
    color:#ffffff;
    font-size:20px;
    letter-spacing:.5px;
    opacity:.95;
}
body.node-type-event_calendar .separator{
 
    opacity:.45;
}
body.node-type-event_calendar .event-detail-section{
 
    position:relative;
    margin-top:-90px;
    z-index:10;
    padding-bottom:120px;
 
}
body.node-type-event_calendar .event-detail-wrapper{
 
    display:grid;
    grid-template-columns:220px 1fr;
    gap:90px;
    align-items:flex-start;
    min-width:0;
}
body.node-type-event_calendar .event-detail-wrapper--no-date{
    grid-template-columns:minmax(0, 1fr);
}
body.node-type-event_calendar .event-date-card{
 
    width:200px;
    height:240px;
    border-radius:24px;
    background:
    linear-gradient(
        180deg,
        #4A1772 0%,
        #220937 100%
    );
 
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    box-shadow:
 
        0 35px 70px rgba(42,12,63,.35);
 
    transition:.35s;
}
body.node-type-event_calendar .event-date-card:hover{
 
    transform:translateY(-10px);
    box-shadow:
        0 45px 90px rgba(42,12,63,.45);
}
body.node-type-event_calendar .event-day{
 
    display:block;
    color:#fff;
    font-family:"Cormorant Garamond", serif;
    font-size:84px;
    line-height:1;
 
}
body.node-type-event_calendar .event-month{
 
    display:block;
    margin-top:16px;
    color:#ffffff;
    letter-spacing:4px;
    font-size:18px;
    text-transform:uppercase;
 
}
body.node-type-event_calendar .event-weekday{
 
    display:block;
    margin-top:16px;
    color:#E8E2EE;
    font-size:15px;
    letter-spacing:.4px;
 
}
body.node-type-event_calendar .event-detail-content{
 
    width:100%;
    min-width:0;
 
}
body.node-type-event_calendar .event-meta{
 
    display:none;
 
}
body.node-type-event_calendar .event-detail-page .container{
 
    max-width:1320px;
    margin:0 auto;
    padding-left:24px;
    padding-right:24px;
 
}
body.node-type-event_calendar .event-body-wrapper{
 
    position:relative;
    background:#ffffff;
    border-radius:28px;
    padding:80px;
    overflow:hidden;
    min-width:0;
    box-shadow:
        0 25px 60px rgba(0,0,0,.06);
 
}
body.node-type-event_calendar .event-body-wrapper::before{
 
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:linear-gradient(
        180deg,
        #5D2A87,
        #2B0D46
    );
 
}
body.node-type-event_calendar .event-body-wrapper h2{
 
    margin:0;
    margin-bottom:42px;
    color:#2B0D46;
    font-size:58px;
    line-height:1.1;
    font-family:"Cormorant Garamond", serif;
    position:relative;
 
}
body.node-type-event_calendar .event-body-wrapper h2::after{
 
    content:"";
    display:block;
    width:90px;
    height:3px;
    margin-top:18px;
    background:#5D2A87;
 
}
body.node-type-event_calendar .event-body{
 
    max-width:760px;
    color:#444;
    font-size:19px;
    line-height:2;
    font-weight:400;
    overflow-wrap:anywhere;
    word-break:break-word;
 
}
body.node-type-event_calendar .event-body p{
 
    margin-bottom:28px;
 
}
body.node-type-event_calendar .event-body strong{
 
    color:#222;
    font-weight:700;
 
}
body.node-type-event_calendar .event-body em{
 
    color:#5D2A87;
 
}
body.node-type-event_calendar .event-body h2,
body.node-type-event_calendar .event-body h3,
body.node-type-event_calendar .event-body h4{
 
    color:#2B0D46;
    font-family:"Cormorant Garamond", serif;
    margin-top:55px;
    margin-bottom:22px;
 
}
body.node-type-event_calendar .event-body h3{
 
    font-size:38px;
 
}
body.node-type-event_calendar .event-body h4{
 
    font-size:30px;
 
}
body.node-type-event_calendar .event-body ul{
 
    padding-left:25px;
    margin-bottom:35px;
 
}
body.node-type-event_calendar .event-body li{
 
    margin-bottom:12px;
 
}
body.node-type-event_calendar .event-body a{
 
    color:#2B0D46;
    text-decoration:none;
    border-bottom:1px solid transparent;
    transition:.3s;
 
}
body.node-type-event_calendar .event-body a:hover{
 
    border-color:#2B0D46;
}
body.node-type-event_calendar .event-body img{
 
    max-width:100%;
    border-radius:18px;
    margin:45px 0;
    box-shadow:
        0 18px 40px rgba(0,0,0,.08);
 
}
body.node-type-event_calendar .event-body blockquote{
 
    margin:50px 0;
    padding:35px 45px;
    border-left:5px solid #5D2A87;
    background:#F7F3FA;
    font-size:24px;
    line-height:1.7;
    font-family:"Cormorant Garamond", serif;
    color:#2B0D46;
 
}
body.node-type-event_calendar .event-body table{
 
    width:100%;
    border-collapse:collapse;
    margin:40px 0;
 
}
body.node-type-event_calendar .event-body th{
 
    background:#2B0D46;
    color:#fff;
    padding:15px;
 
}
body.node-type-event_calendar .event-body td{
 
    padding:15px;
    border:1px solid #ececec;
 
}
 
body.node-type-event_calendar .event-body hr{
 
    border:none;
    height:1px;
    background:#e6e6e6;
    margin:60px 0;
 
}
 
body.node-type-event_calendar ::selection{
 
    background:#2B0D46;
    color:#fff;
 
}
body.node-type-event_calendar .event-body-wrapper,
body.node-type-event_calendar .event-date-card{
 
    transition:all .35s ease;
 
}
 
body.node-type-event_calendar .event-body-wrapper:hover{
 
    transform:translateY(-6px);
    box-shadow:
        0 35px 80px rgba(0,0,0,.08);
 
}
 
body.node-type-event_calendar .event-detail-page{
 
    padding-bottom:120px;
 
}
body.node-type-event_calendar .event-detail-badge .field,
body.node-type-event_calendar .event-body .field{
 
    margin:0;
 
}
 
body.node-type-event_calendar .event-detail-badge .field__label{
 
    display:none;
 
}
 
@media (max-width:991px){
 
body.node-type-event_calendar .event-body-wrapper{
 
padding:50px;
 
}
 
body.node-type-event_calendar .event-body-wrapper h2{
font-size:46px;
 
}
 
}
@media (max-width:767px){
body.node-type-event_calendar .event-body-wrapper{
padding:30px;
border-radius:18px;
}
 
body.node-type-event_calendar .event-body{
font-size:16px;
line-height:1.9;
}
 
body.node-type-event_calendar .event-body-wrapper h2{
font-size:36px;
}
 
body.node-type-event_calendar .event-body blockquote{
padding:25px;
font-size:20px;
}
 
  body.node-type-event_calendar .event-detail-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
 
  body.node-type-event_calendar .event-date-card {
    width: 100%;
    max-width: 170px;
    margin: 0 auto;
  }
 
  body.node-type-event_calendar .event-detail-content {
    width: 100%;
    min-width: 0;
  }
 
  /* body.node-type-event_calendar .event-meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
  } */
 
  body.node-type-event_calendar .event-detail-title {
    font-size: 42px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    word-break: break-word;
  }
 
  body.node-type-event_calendar .event-detail-date-line {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
 
  body.node-type-event_calendar .event-body-wrapper {
    padding: 30px;
    border-radius: 18px;
  }
 
  body.node-type-event_calendar .event-body {
    font-size: 16px;
    line-height: 1.9;
    overflow-wrap: break-word;
    word-break: break-word;
  }
 
  body.node-type-event_calendar .event-body-wrapper h2 {
    font-size: 36px;
  }
 
  body.node-type-event_calendar .event-body blockquote {
    padding: 25px;
    font-size: 20px;
  }
 
  body.node-type-event_calendar .event-body img {
    max-width: 100%;
    height: auto;
  }
}
 
/* upcoming detail page ending */
 
body.node-type-article .featured-artist-section{
    width:100%;
    background:#F7F5F3;
    padding:80px 112px;
    box-sizing:border-box;
}
 
body.node-type-article .featured-artist-card{
    width:100%;
    max-width:1624px;
    min-height:397px;
 
    margin:0 auto;
 
    display:flex;
    align-items:center;
    gap:30px;
 
    padding:30px;
 
    border:1px solid #E8E5E2;
    border-radius:8px;
 
    background:#fff;
    box-sizing:border-box;
}
body.node-type-article .featured-artist-image{
    flex:0 0 190px;
}
 
body.node-type-article .featured-artist-image img{
    width:339px;
    height:339px;
    object-fit:cover;
    display:block;
}
 
body.node-type-article .featured-artist-content{
    flex:1;
}
 
body.node-type-article .featured-artist-label{
    display:inline-block;
    background:#E5B80B;
    color:#705900;
    width:199px;
    height :29px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.18em;
    font-family :'inter';
    padding:5px 10px;
    margin-bottom:12px;
}
 
body.node-type-article .featured-artist-content h2{
    margin:0 0 18px;
    font-size:38px;
    font-weight:600;
    line-height:1.2;
    color:#2D0A4E;
    font-family :'Cormorant Garamond';
}
 
body.node-type-article .featured-artist-content p{
    /* max-width:760px; */
    margin-bottom:28px;
    color:#141414;
    font-size:18px;
    line-height:1.8;
    font-wight :400;
    font-family : 'inter';
 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
 
body.node-type-article .featured-artist-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    height:44px;
    border:1px solid #2D0A4E;
    color:#2e0b57;
    text-decoration:none;
    font-size:14px;
    font-weight :600;
    font-family : 'inter';
    border-radius : 4px;
    font-weight:600;
    transition:.3s ease;
}
 
body.node-type-article .featured-artist-btn:hover{
    background:#2e0b57;
    color:#fff;
}
 
@media (max-width:991px){
 
body.node-type-article .featured-artist-card{
    gap:30px;
    padding:30px;
}
 
body.node-type-article .featured-artist-content h2{
    font-size:32px;
}
 
}
 
@media (max-width:767px){
 
body.node-type-article .featured-artist-section{
    padding:50px 20px;
}
 
body.node-type-article .featured-artist-card{
    flex-direction:column;
    align-items:flex-start;
    padding:24px;
}
 
body.node-type-article .featured-artist-image{
    width:100%;
    flex:none;
}
 
body.node-type-article .featured-artist-image img{
    width:100%;
    height:auto;
}
 
body.node-type-article .featured-artist-content{
    width:100%;
}
 
body.node-type-article .featured-artist-content h2{
    font-size:28px;
}
 
body.node-type-article .featured-artist-content p{
    font-size:15px;
}
 
body.node-type-article .featured-artist-btn{
    width:100%;
}
 
}
 
.award-page .award-card__description{
    margin:0;
    line-height:1.6;
 
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
 
    overflow-wrap:anywhere;
    word-break:break-word;
    margin-top :20px;
}
 
.award-page .award-card__description p{
    margin:0;
}




/* =============================================================================
   ARTWORK DETAIL PAGE — artwork-page.css
   ============================================================================= */
 
:root {
  --color-brand-purple: #2D0A4E;
  --color-brand-gold: #E5B80B;
  --color-brand-gold-deep: #705900;
}
 
.node-type-artwork .artwork-page {
  padding: 100px 0;
  background: #fff;
}
 
.node-type-artwork .container {
  width: 100%;
  max-width: 1624px;
  margin: 0 auto;
  padding: 0 148px;
  box-sizing: border-box;
}
 
/*=========================================
  Hero
=========================================*/
 
.node-type-artwork .artwork-hero {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
 
.node-type-artwork .artwork-hero__image {
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  background: #FAFAF8;
  border: 1px solid #E4DFE8;
  padding: 20px;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}
 
.node-type-artwork .artwork-hero__image:hover {
  box-shadow: 0 8px 32px rgba(45, 10, 78, 0.10);
}
 
.node-type-artwork .artwork-hero__image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 780px;
  object-fit: contain;
}
 
.node-type-artwork .artwork-hero__content {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-top: 100px;
}
 
/*=========================================
  Award Badge
=========================================*/
 
.node-type-artwork .artwork-award {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
 
  padding: 8px 20px;
  margin-bottom: 28px;
 
  background: var(--color-brand-gold);
  color: var(--color-brand-gold-deep);
 
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
}
 
/*=========================================
  Title
=========================================*/
 
.node-type-artwork .artwork-title {
  margin: 0 0 36px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(38px, 3.5vw, 56px);
  font-weight: 600;
  line-height: 1.15;
  color: var(--color-brand-purple);
}
 
/*=========================================
  Meta Rows
=========================================*/
 
.node-type-artwork .artwork-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 22px 0;
  border-bottom: 1px solid #E8E2EC;
}
 
.node-type-artwork .artwork-meta__label {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8A7F94;
}
 
.node-type-artwork .artwork-meta__value {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-weight: 600;
  color: var(--color-brand-purple);
}
 
.node-type-artwork .artwork-meta__value a {
  color: inherit;
  text-decoration: none;
  font: inherit;
  transition: color 0.2s ease;
}
 
.node-type-artwork .artwork-meta__value a:hover {
  color: var(--color-brand-gold-deep);
}
 
/*=========================================
  Description
=========================================*/
 
.node-type-artwork .artwork-description {
  margin-top: 90px;
  overflow: hidden;
}
 
.node-type-artwork .artwork-description h2 {
  margin: 0 0 32px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 2.5vw, 42px);
  font-weight: 600;
  color: var(--color-brand-purple);
}
 
.node-type-artwork .artwork-description .field__item {
  max-width: 900px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.9;
  color: #3A3444;
  overflow-wrap: break-word;
  word-break: break-word;
}
 
.node-type-artwork .artwork-description .field__item p {
  margin: 0 0 1.4em;
}
 
.node-type-artwork .artwork-description .field__item p:last-child {
  margin-bottom: 0;
}
 
.node-type-artwork a {
  transition: 0.3s;
}
 
/* ═════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═════════════════════════════════════════════════════════════════════════ */
 
@media (max-width: 1600px) {
  .node-type-artwork .container {
    padding: 0 100px;
  }
 
  .node-type-artwork .artwork-hero {
    gap: 60px;
  }
 
  .node-type-artwork .artwork-hero__image img {
    max-height: 640px;
  }
}
 
@media (max-width: 1280px) {
  .node-type-artwork .artwork-page {
    padding: 80px 0;
  }
 
  .node-type-artwork .container {
    padding: 0 60px;
  }
 
  .node-type-artwork .artwork-hero {
    gap: 48px;
  }
 
  .node-type-artwork .artwork-hero__image img {
    max-height: 560px;
  }
 
  .node-type-artwork .artwork-award {
    white-space: normal;
  }
 
  .node-type-artwork .artwork-description {
    margin-top: 70px;
}
}
@media (max-width:1200px){
 
.node-type-artwork .artwork-hero{
    flex-direction:column;
    align-items:center;
    gap:50px;
}
 
.node-type-artwork .artwork-hero__image{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    border:1px solid #E4DFE8;
}
 
.node-type-artwork .artwork-hero__image img{
    display:block;
    margin:0 auto;
    max-width:700px;
    width:100%;
    height:auto;
}
 
.node-type-artwork .artwork-hero__content{
    width:100%;
    padding-top :0px;
}
}
 
@media (max-width: 767px) {
  .node-type-artwork .artwork-page {
    padding: 50px 0;
  }
 
  .node-type-artwork .container {
    padding: 0 20px;
  }
 
  .node-type-artwork .artwork-hero {
    gap: 32px;
  }
 
  .node-type-artwork .artwork-hero__image {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
  }
 
  .node-type-artwork .artwork-hero__image img {
    width: 100%;
    max-height: none;
  }
 
  .node-type-artwork .artwork-award {
    font-size: 12px;
    padding: 7px 16px;
    margin-bottom: 22px;
  }
 
  .node-type-artwork .artwork-title {
    margin-bottom: 24px;
  }
 
  .node-type-artwork .artwork-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 18px 0;
  }
 
  .node-type-artwork .artwork-meta__label {
    font-size: 13px;
  }
 
  .node-type-artwork .artwork-meta__value {
    font-size: 19px;
  }
 
  .node-type-artwork .artwork-description {
    margin-top: 50px;
  }
 
  .node-type-artwork .artwork-description .field__item {
    font-size: 16px;
    line-height: 1.8;
  }
}
 
@media (max-width: 480px) {
  .node-type-artwork .container {
    padding: 0 16px;
  }
 
  .node-type-artwork .artwork-title {
    font-size: 25px;
  }
 
  .node-type-artwork .artwork-description h2 {
    font-size: 26px;
  }
}
 
/*participants page css starts here */
/*==================================================
  PARTICIPANT DETAIL PAGE
==================================================*/
 
.node-type-participant .participant-page{
    padding:100px 20px;
    background:#faf9f7;
}
 
.node-type-participant .participant-wrapper{
    max-width:900px;
    margin:0 auto;
}
 
.node-type-participant .participant-card{
    background:#fff;
    border-top:4px solid #E5B80B;
    padding:60px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}
 
.node-type-participant .participant-title{
    margin:0 0 45px;
    text-align:center;
 
    font-family:"Cormorant Garamond",serif;
    font-size:48px;
    font-weight:600;
    color:#2D0A4E;
}
 
.node-type-participant .participant-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
 
    padding:18px 0;
    border-bottom:1px solid #ece7ef;
}
 
.node-type-participant .participant-label{
    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8b8092;
}
 
.node-type-participant .participant-value{
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    font-weight:600;
    color:#2D0A4E;
}
 
.node-type-participant .participant-notes{
    margin-top:50px;
}
 
.node-type-participant .participant-notes h2{
    margin-bottom:20px;
 
    font-family:"Cormorant Garamond",serif;
    font-size:34px;
    color:#2D0A4E;
}
 
.node-type-participant .participant-notes .field__item{
    font-family:Inter,sans-serif;
    font-size:17px;
    line-height:1.8;
    color:#555;
    overflow-wrap:break-word;
    word-break:break-word;
}
 
@media (max-width:768px){
 
    .node-type-participant .participant-page{
        padding:60px 20px;
    }
 
    .node-type-participant .participant-card{
        padding:35px 25px;
    }
 
    .node-type-participant .participant-title{
        font-size:38px;
    }
 
    .node-type-participant .participant-row{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
 
    .node-type-participant .participant-value{
        font-size:24px;
    }
 
}
/*submenu item hover chnages */
/* Hover background for submenu items */
#block-idaherma-mainnavigation .sub-item-wrap:hover {
    background-color: var(--color-brand-purple);
    border-radius: 4px;
}
 
/* Make the whole label purple on hover */
#block-idaherma-mainnavigation .sub-item-wrap:hover .sub-item-label {
    background-color: var(--color-brand-purple);
    color: var(--color-brand-white);
    border-radius: 4px;
}
 
/* Keep the expanded menu item highlighted */
#block-idaherma-mainnavigation .sub-item-wrap.active,
#block-idaherma-mainnavigation .sub-item-wrap.active .sub-item-label {
    background-color: var(--color-brand-purple);
    color: var(--color-brand-white);
}
 
/*for the invited artist page to link to the content */
 
body.node-id-586 .artist-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}
 
body.node-id-586 .artist-card-link:hover,
body.node-id-586 .artist-card-link:focus {
    color: inherit;
    text-decoration: none;
}
 
body.node-id-586  .artist-card-link .artist-card {
    height: 100%;
}
/* Events page only */
.events-page .event-card__title a {
    display: block;
    white-space: nowrap;
    width: max-content;
    max-width: 100%;
    font-size: 30px;
}
@media (max-width: 857px){

.body.node-type-article .featured-artist-image img {
  width:100%;
  height:auto;
}
}

/*for board meber designation subtitle */

.node-type-board_member .hero-page-banner__subtitle {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #141414;
  margin-top: 20px;
}


@media (max-width: 1112px) {
  .node-type-board_member .hero-page-banner__heading {
    font-size: 50px !important;
  }
}
@media (max-width: 942px) {
  .node-type-board_member .hero-page-banner__heading {
    font-size: 40px !important;
  }
}
@media (max-width: 354px) {
  .node-type-board_member .hero-page-banner__heading {
    font-size: 30px !important;
  }
}

.node-id-594 .blog-post-card__read-more span {
  display: inline-block;
  color: #806800;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  /* margin-left: 10px; */
  transform: translateY(1px);
}


/*for make the featured master card responsive on the learn page */

@media (min-width: 768px) and (max-width: 991px) {

    body.node-type-article .featured-artist-card {
        width: 100%;
        max-width: 100%;
        min-height: 397px;
        padding: 30px;
        gap: 30px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }

    body.node-type-article .featured-artist-image {
        flex: 0 1 55%;
        width: 55%;
        min-width: 0;
    }

    body.node-type-article .featured-artist-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
    }

    body.node-type-article .featured-artist-content {
        flex: 1 1 45%;
        width: 45%;
        min-width: 0;
        box-sizing: border-box;
        overflow-wrap: break-word;
    }

    body.node-type-article .featured-artist-content h2 {
        font-size: 32px;
        line-height: 1.2;
        overflow-wrap: break-word;
    }

    body.node-type-article .featured-artist-content p {
        font-size: 16px;
        line-height: 1.6;
        overflow-wrap: break-word;
        word-break: normal;
    }
}

@media (max-width: 658px) {
  .node-type-article .hero-page-banner__heading span{
    font-size:40px;
  }
}

@media (max-width: 449px) {
  .node-type-article .hero-page-banner__heading span{
    font-size:30px;
  }
}

/*mission and vision aligment issue and responnsiveness  */
@media (min-width: 768px) and (max-width: 1000px) {

    .node-id-592 .hero-page-banner__subtitle {
        max-width: 100%;
        width: 100%;
    }

    .node-id-592 .hero-page-banner__text {
        width: 100%;
        max-width: 100%;
    }

}

@media (min-width: 768px){

  .node-id-592 .hero-page-banner__eyebrow{
    font-size: 20px;
    line-height: 150%;
  }

}

.node-type-invited_artist .artist-meta__education {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.node-type-invited_artist 
.artist-meta__education img {
    width: 22px;
    height: 21px;
    display: block;
    flex-shrink: 0;
}
.node-type-invited_artist 
.artist-meta__education span {
    display: inline-block;
}


@media (max-width :1350px){
.node-type-board_member h1.hero-page-banner__heading{
    font-size: 40px ;
}
}


@media (max-width :1114px){
.node-type-board_member h1.hero-page-banner__heading{
    font-size: 30px !important ;
}
}

@media (max-width : 767px){
.node-type-board_member h1.hero-page-banner__heading{
    margin-top: 10px !important ;
}
}


/* ================================
   Board Member - Visit Website
   ================================ */

.board-member__website {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.board-member__website-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-style: semi-bold;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;

    color: var(--color-brand-purple);
    text-decoration: none;

    padding-top: 14px;
}

/* Figma gold divider */
.board-member__website-link::before {
    content: "";
    position: absolute;

    width: 100px;
    height: 1px;

    top: 0;
    left: 50%;
    transform: translateX(-50%);

    background-color: #E5B80B;
    opacity: 1;
}

.board-member__website-link img {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.board-member__website-link:hover {
  color: var(--color-brand-gold);
  text-decoration: none;
}

.board-member__website-link:focus {
  color: var(--color-brand-purple);
  text-decoration: none;
  outline: none;
}


@media(max-width:1586px){
body.node-id-586 .hero-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 700px;
}

}
@media(max-width:1586px){
body.node-id-586 .hero-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 600px;
}
}

@media(max-width:1317px){
body.node-id-586 .hero-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

}

@media (max-width: 330px) {
    body.node-id-586 .hero-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 400px;
    }
    body.node-id-586  .hero-page-banner__content h1{
      font-size:30px;

    }

}

/* =========================================================
   FINAL MOBILE DRAWER SUBMENU FIX
   ========================================================= */

@media (max-width: 920px) {

    /* =====================================================
       COMMON TOP-LEVEL MENU ITEMS
       ===================================================== */

    .mobile-nav-drawer .drawer-nav > ul > li {
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }


    /* =====================================================
       PARENT ITEMS
       Exhibitions / Artists / Learn / About
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > .nav-link-has-children {

        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        min-height: 56px;

        padding: 15px 20px;

        box-sizing: border-box;

        color: var(--color-brand-white);

        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0;

        text-decoration: none;

        cursor: pointer;

        position: relative;

        transition: color 0.2s ease;
    }


    /* Parent hover */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > .nav-link-has-children:hover {

        color: var(--color-brand-gold);
    }


    /* Parent open state */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children.mobile-dropdown-open
    > .nav-link-has-children {

        color: var(--color-brand-gold);
    }


    /* =====================================================
       PARENT UNDERLINE
       Same left → right effect
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > .nav-link-has-children::before {

        content: "";

        position: absolute;

        left: 20px;
        bottom: 0;

        width: 0;
        height: 2px;

        background-color: var(--color-brand-gold);

        transition:
            width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }


    /* Hover underline */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > .nav-link-has-children:hover::before {

        width: calc(100% - 40px);
    }


    /* Keep underline while submenu is open */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children.mobile-dropdown-open
    > .nav-link-has-children::before {

        width: calc(100% - 40px);
    }


    /* =====================================================
       ARROW
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    .nav-arrow-wrap {

        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 12px;
        height: 12px;

        flex-shrink: 0;

        position: relative;
    }


    .mobile-nav-drawer .drawer-nav
    .nav-arrow {

        width: 12px;
        height: 12px;

        object-fit: contain;
    }


    .mobile-nav-drawer .drawer-nav
    .nav-arrow--default {

        opacity: 1;
    }


    .mobile-nav-drawer .drawer-nav
    .nav-arrow--hover {

        opacity: 0;
    }


    /* Open / hover arrow */
    .mobile-nav-drawer .drawer-nav
    li.has-children:hover
    .nav-arrow--default,

    .mobile-nav-drawer .drawer-nav
    li.has-children.mobile-dropdown-open
    .nav-arrow--default {

        opacity: 0;
    }


    .mobile-nav-drawer .drawer-nav
    li.has-children:hover
    .nav-arrow--hover,

    .mobile-nav-drawer .drawer-nav
    li.has-children.mobile-dropdown-open
    .nav-arrow--hover {

        opacity: 1;
    }


    /* =====================================================
       SUBMENU
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children > ul {

        display: none;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;

        box-sizing: border-box;
    }


    /* Open submenu */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children.mobile-dropdown-open
    > ul {

        display: block !important;
    }


    /* =====================================================
       SUBMENU LINKS
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > ul > li {

        width: 100%;
        margin: 0;
        padding: 0;
    }


    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > ul > li > a {

        display: block;

        width: 100%;

        min-height: 50px;

        padding: 13px 20px 13px 40px;

        box-sizing: border-box;

        color: var(--color-brand-white);

        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0;

        text-decoration: none;

        transition: color 0.2s ease;
    }


    /* Submenu hover */
    .mobile-nav-drawer .drawer-nav
    > ul > li.has-children
    > ul > li > a:hover {

        color: var(--color-brand-gold);
    }


    /* =====================================================
       SUBMENU ITEM WITH SIDE ARROW
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    .sub-item-wrap {

        display: flex;

        align-items: center;
        justify-content: space-between;

        width: 100%;

        min-height: 50px;

        box-sizing: border-box;
    }


    .mobile-nav-drawer .drawer-nav
    .sub-item-wrap
    .sub-item-label {

        flex: 1;

        display: block;

        padding: 13px 10px 13px 40px;

        color: var(--color-brand-white);

        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;

        text-decoration: none;

        transition: color 0.2s ease;
    }


    .mobile-nav-drawer .drawer-nav
    .sub-item-wrap
    .sub-item-label:hover {

        color: var(--color-brand-gold);
    }


    /* =====================================================
       SIDE ARROW BUTTON
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    .sub-arrow-btn {

        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 44px;
        height: 44px;

        flex-shrink: 0;

        padding: 0;

        background: transparent;

        border: 0;

        cursor: pointer;
    }


    .mobile-nav-drawer .drawer-nav
    .sub-arrow-img {

        display: block;

        width: 10px;
        height: 10px;

        object-fit: contain;
    }


    /* =====================================================
       NORMAL LINKS
       Events / Contact Us
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a {

        display: flex;

        align-items: center;

        width: 100%;

        min-height: 56px;

        padding: 15px 20px;

        box-sizing: border-box;

        color: var(--color-brand-white);

        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: 0;

        text-decoration: none;

        transition: color 0.2s ease;

        position: relative;
    }


    /* Normal link hover */
    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a:hover {

        color: var(--color-brand-gold);
    }


    /* =====================================================
       NORMAL LINK UNDERLINE
       Same behavior as parent menu
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a::before {

        content: "";

        position: absolute;

        left: 20px;
        bottom: 0;

        width: 0;
        height: 2px;

        background-color: var(--color-brand-gold);

        transition:
            width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }


    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a:hover::before {

        width: calc(100% - 40px);
    }


    /* =====================================================
       ACTIVE NORMAL LINK
       ===================================================== */

    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a.is-active-trail {

        color: var(--color-brand-gold);
    }


    .mobile-nav-drawer .drawer-nav
    > ul > li:not(.has-children)
    > a.is-active-trail::before {

        width: calc(100% - 40px);
    }

}


/* =========================================================
   UPCOMING EVENTS - CONTENT / ARROW SPACING
   ========================================================= */

@media (min-width: 992px) {

    /* Give the arrow its own space */
    .events-page .event-card {
        grid-template-columns: 110px minmax(0, 1fr) 90px !important;
        column-gap: 18px !important;
    }

    /* Remove homepage restriction only on Upcoming Events page */
    .events-page .event-card__content {
        max-width: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Keep description at maximum 2 lines */
    .events-page .event-card__description {
        max-width: none !important;
        width: 100% !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }

    /* Arrow stays inside the card */
    .events-page .event-card__arrow {
        width: 42px !important;
        justify-content: flex-start !important;
        margin: 0 !important;
    }
}

/* =========================================================
   UPCOMING EVENTS - TABLET CARD FIX
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /* Keep date, content and arrow on the same row */
    .events-page .event-card {
        grid-template-columns: 70px minmax(0, 1fr) 60px !important;
        column-gap: 16px !important;
        align-items: flex-start !important;
    }

    /* Remove homepage width restriction */
    .events-page .event-card__content {
        flex: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    /* Description - maximum 2 lines */
    .events-page .event-card__description {
        width: 100% !important;
        max-width: none !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }

    /* Arrow stays inside its column */
    .events-page .event-card__arrow {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        width: 42px !important;
        margin: 0 !important;
    }
}



/* =========================================================
   UPCOMING EVENTS - ALIGN ARROW WITH EVENT TITLE
   ========================================================= */

.events-page .event-card__arrow {
    align-self: start !important;
    padding-top: 42px !important;
    box-sizing: border-box;
}

/* =========================================================
   UPCOMING EVENTS - RESPONSIVE CARD FIX
   Keep date / content / arrow on the same row
   ========================================================= */

@media (min-width: 481px) and (max-width: 767px) {

    .events-page .event-card {
        display: grid !important;
        grid-template-columns: 70px minmax(0, 1fr) 40px !important;
        column-gap: 16px !important;
        align-items: start !important;
    }

    /* Date stays in first column */
    .events-page .event-date {
        grid-column: 1;
        margin: 0 !important;
    }

    /* Content stays in middle column */
    .events-page .event-card__content {
        grid-column: 2;
        width: 100% !important;
        max-width: 420px !important;
        min-width: 0 !important;
    }

    /* Description - maximum 2 lines */
    .events-page .event-card__description {
        width: 100% !important;
        max-width: 420px !important;

        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }

    /* Arrow stays in third column */
    .events-page .event-card__arrow {
        grid-column: 3;

        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 42px !important;
        margin: 42px 0 0 0 !important;
        padding: 0 !important;
    }
}

@media(max-width:510px){

  .events-page .event-card__title a{
    font-size:25px;
  }
  
}

/* =========================================================
   UPCOMING EVENTS
   RESPONSIVE: 480px DOWN TO 310px
   ========================================================= */

@media (min-width: 310px) and (max-width: 480px) {

    .events-page .event-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 32px;
        column-gap: 12px;
        align-items: start;
        position: relative;
        padding: 20px 0;
    }

    /* Date stays across the top */
    .events-page .event-date {
        grid-column: 1 / -1;
        margin: 0 0 10px 0;
        text-align: left;
    }

    /* Main content */
    .events-page .event-card__content {
        grid-column: 1;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    /* Meta information */
    .events-page .event-card__meta,
    .events-page .event-card__meta-top {
        max-width: 100%;
        flex-wrap: wrap;
    }

    /* Title */
    .events-page .event-card__title {
        margin: 8px 0 8px 0;
        max-width: 100%;
        font-size: 22px;
        line-height: 1.25;
    }

    .events-page .event-card__title a {
        font-size: 22px;
        line-height: 1.25;
    }

    /* Description */
    .events-page .event-card__description {
        width: 100%;
        max-width: 100%;
        font-size: 13px;
        line-height: 1.45;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    /* Arrow stays beside the content */
    .events-page .event-card__arrow {
        grid-column: 2;
        grid-row: 2;

        width: 32px;
        height: 32px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin-top: 55px;
        padding: 0;
    }

    .events-page .event-card__arrow svg {
        width: 30px;
        height: 30px;
    }
}


/* =========================================================
   UPCOMING EVENTS
   310px - 480px
   Arrow stays beside the title
   ========================================================= */

@media (min-width: 310px) and (max-width: 480px) {

    .events-page .event-card {
        position: relative;
        display: block;
        padding: 16px 16px 20px 0;
    }

    /* Content must leave room for the arrow */
    .events-page .event-card__content {
        width: calc(100% - 48px);
        max-width: 420px;
        min-width: 0;
    }

    /* Title */
    .events-page .event-card__title,
    .events-page .event-card__title a {
        font-size: 20px;
        line-height: 1.25;
        max-width: 100%;
    }

    /* Description */
    .events-page .event-card__description {
        width: 100%;
        max-width: 100%;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;

        font-size: 13px;
        line-height: 1.45;
    }

    /*
     * ARROW
     * Completely removed from normal layout flow.
     */
    .events-page .event-card > .event-card__arrow {
        position: absolute;
        top: 82px;
        right: 8px;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 30px;
        height: 30px;

        margin: 0;
        padding: 0;

        grid-column: auto;
        grid-row: auto;
    }

    .events-page .event-card > .event-card__arrow svg {
        width: 30px;
        height: 30px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   310px - 380px
   ========================================================= */

@media (min-width: 310px) and (max-width: 380px) {

    .events-page .event-card {
        padding-right: 10px;
    }

    .events-page .event-card__content {
        width: calc(100% - 40px);
    }

    .events-page .event-card__title,
    .events-page .event-card__title a {
        font-size: 18px;
        line-height: 1.25;
    }

    .events-page .event-card__description {
        font-size: 12px;
        line-height: 1.45;
    }

    .events-page .event-card > .event-card__arrow {
        top: 76px;
        right: 4px;
        width: 26px;
        height: 26px;
    }

    .events-page .event-card > .event-card__arrow svg {
        width: 26px;
        height: 26px;
    }
}

/* for making the card clickable for the upcoming events on the homepage */
#block-idaherma-views-block-upcoming-events-block-1 .event-card {
    cursor: pointer;
}


/*case handelling css for the invited artist page when their is no image in their */

.node-type-invited_artist .artist-hero--no-image .artist-hero__image {
    display: none;
}

.node-type-invited_artist .artist-hero--no-image .artist-hero__content {
    grid-column: 1 / -1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* =========================================
   INVITED ARTISTS
   ========================================= */

/* Keep existing title styling unchanged */
/* .container.Invited_Artists_view-title h1 {
  font-family: Cormorant Garamond;
  font-weight: 600;
  font-size: 38px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #2D0A4E;
  margin: 80px 0 30px;
} */


/* Make the existing container flex
   without changing its existing spacing */
/* .node-id-586 .container.Invited_Artists_view-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}


.node-id-586 .invited-artists-filter {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}

.node-id-586 .invited-artists-filter label {
  margin: 0;
  padding: 0;
  font-style: semi-bold;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  font-family: Inter, sans-serif;
  text-transform: uppercase;
  color:#2D0A4E;
}


.node-id-586 .invited-artists-filter select {
  width: 218px;
  height: 50px;

  margin: 0;
  padding: 12px 12px;

  border: 1px solid #705900;
  border-radius: 4px;
  font-style: semi-bold;
  background: #FFFFFF;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;

  cursor: pointer;
}

  @media (max-width: 548px) {
.container.Invited_Artists_view-title h1
   {
    font-size: 30px;
   }

.node-id-586 .invited-artists-filter label{
  font-size:8px;
}
  .node-id-586 .invited-artists-filter select{
    width: 150px;
    height: 30px;

  }
}

  @media (max-width: 400px) {
.container.Invited_Artists_view-title h1
   {
    font-size: 20px;
   }

.node-id-586 .invited-artists-filter label{
  font-size:8px;
}
  .node-id-586 .invited-artists-filter select{
    width: 150px;
    height: 30px;

  }
}



 */

 /* Make the existing container flex
   without changing its existing spacing */

.node-id-586 .container.Invited_Artists_view-title {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

}


/* =========================================
   SORT BY
   ========================================= */

.node-id-586 .invited-artists-filter {

  display: flex;

  align-items: center;

  gap: 7px;

  margin: 0;

}


/* SORT BY label */

.node-id-586 .invited-artists-filter label {

  margin: 0;

  padding: 0;

  font-style: semi-bold;

  font-size: 16px;

  line-height: 150%;

  font-weight: 600;

  font-family: Inter, sans-serif;

  text-transform: uppercase;

  color: #2D0A4E;

}


/* =========================================
   CUSTOM YEAR DROPDOWN
   Same styling as your existing select
   ========================================= */

.node-id-586 .invited-year-dropdown {

  position: relative;

  width: 218px;

}


/* Year dropdown button */

.node-id-586 .invited-year-dropdown__button {

  width: 218px;

  height: 50px;

  margin: 0;

  padding: 12px 12px;

  border: 1px solid #705900;

  border-radius: 4px;

  background: #FFFFFF;

  color: #2D0A4E;

  font-family: Inter, sans-serif;

  font-size: 16px;

  font-weight: 600;

  line-height: 150%;

  font-style: semi-bold;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

  box-sizing: border-box;

}


/* Arrow */

.node-id-586 .invited-year-dropdown__arrow {

  font-size: 16px;

  line-height: 1;

}


/* =========================================
   DROPDOWN OPTIONS
   ALWAYS OPENS BELOW
   ========================================= */

.node-id-586 .invited-year-dropdown__menu {

  position: absolute;

  top: calc(100% + 2px);

  left: 0;

  width: 218px;

  margin: 0;

  padding: 0;

  background: #FFFFFF;

  border: 1px solid #705900;

  border-radius: 4px;

  z-index: 9999;

  display: none;

  box-sizing: border-box;

}


/* Show dropdown */

.node-id-586 .invited-year-dropdown.is-open
.invited-year-dropdown__menu {

  display: block;

}


/* Dropdown options */

.node-id-586 .invited-year-dropdown__menu button {

  display: block;

  width: 100%;

  height: 50px;

  margin: 0;

  padding: 12px 12px;

  border: 0;

  background: #FFFFFF;

  color: #2D0A4E;

  font-family: Inter, sans-serif;

  font-size: 16px;

  font-weight: 600;

  line-height: 150%;

  text-align: left;

  cursor: pointer;

}


/* Hover */

.node-id-586 .invited-year-dropdown__menu button:hover {

  background: #f5f2f7;

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 548px) {

  .container.Invited_Artists_view-title h1 {

    font-size: 30px;

  }


  .node-id-586 .invited-artists-filter label {

    font-size: 8px;

  }


  .node-id-586 .invited-year-dropdown {

    width: 150px;

  }


  .node-id-586 .invited-year-dropdown__button {

    width: 150px;

    height: 30px;

  }


  .node-id-586 .invited-year-dropdown__menu {

    width: 150px;

  }


  .node-id-586 .invited-year-dropdown__menu button {

    height: 30px;

    padding: 6px 10px;

    font-size: 12px;

  }

}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 400px) {

  .container.Invited_Artists_view-title h1 {

    font-size: 20px;

  }


  .node-id-586 .invited-artists-filter label {

    font-size: 8px;

  }


  .node-id-586 .invited-year-dropdown {

    width: 150px;

  }


  .node-id-586 .invited-year-dropdown__button {

    width: 150px;

    height: 30px;

  }


  .node-id-586 .invited-year-dropdown__menu {

    width: 150px;

  }


  .node-id-586 .invited-year-dropdown__menu button {

    height: 30px;

    padding: 6px 10px;

    font-size: 12px;

  }

}


.node-id-586 .invited-year-dropdown {
  position: relative;
  /* width: 218px; */
}

.node-id-586 .invited-year-dropdown__menu {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 218px;

  background: #FFFFFF;
  border: 1px solid #705900;
  border-radius: 4px;

  z-index: 9999;

  display: none;
}

.node-id-586 .invited-year-dropdown.is-open
.invited-year-dropdown__menu {
  display: block;
}

#block-idaherma-content {
  width: 100%;
  position: relative;
  display: block;
}


/* display message form submision message styling */

.webform-confirmation {
  width: 100%;
  margin: 0;
  padding: 65px 20px 70px;

  box-sizing: border-box;

  background: #ffffff;

  text-align: center;
}
.webform-confirmation .webform-confirmation__message {

  width: 100%;
  max-width: 900px;

  margin: 0 auto;
  padding: 50px 40px;

  box-sizing: border-box;

  background: #f1faf1;

  border: 1px solid #b9dcb9;
  border-radius: 6px;

  color: #17324d;

  text-align: center;

  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 1.6;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}
.webform-confirmation .webform-confirmation__message::before {

  content: "Thank You!";

  display: block;

  margin-bottom: 12px;

  color: #16852d;

  font-family: "Cormorant Garamond", serif;

  font-size: 42px;
  font-weight: 600;

  line-height: 1.2;
}
.webform-confirmation > a {

  display: inline-flex;

  align-items: center;
  justify-content: center;
  margin-top: 25px;
  padding: 13px 30px;
  min-width: 170px;
  box-sizing: border-box;
  background: #16852d;
  color: #ffffff;
  border: 1px solid #16852d;
  border-radius: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}


.webform-confirmation > a:hover {

  background: #116d24;
  border-color: #116d24;
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 768px) {

  .webform-confirmation {
    padding: 45px 15px 50px;

  }
  .webform-confirmation .webform-confirmation__message {
    padding: 40px 25px;
    font-size: 16px;

  }
  .webform-confirmation .webform-confirmation__message::before {
    font-size: 36px;
  }
  .webform-confirmation > a {
    margin-top: 22px;
    padding: 12px 25px;
    font-size: 15px;

  }

}


@media (max-width: 480px) {

  .webform-confirmation {
    padding: 35px 12px 40px;

  }

  .webform-confirmation .webform-confirmation__message {

    padding: 35px 18px;
    font-size: 15px;

  }

  .webform-confirmation .webform-confirmation__message::before {

    font-size: 32px;
    margin-bottom: 10px;

  }

  .webform-confirmation > a {

    margin-top: 18px;
    padding: 11px 22px;
    min-width: 150px;
    font-size: 14px;

  }

}

.webform-confirmation__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  padding: 13px 30px;
  min-width: 170px;
  box-sizing: border-box;
  background: #f1faf1;
  /* Dark green text */
  color: #16852d !important;
  border: 1px solid #b9dcb9;
  border-radius: 4px;

  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;

  line-height: 1.4;

  /* Remove underline */
  text-decoration: none !important;

  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}


.webform-confirmation__back:hover {
  background: #e3f4e3;

  border-color: #b9dcb9;

  color: #16852d !important;

  text-decoration: none !important;
}

@media (max-width: 768px) {

  .webform-confirmation__back {
    margin-top: 22px;

    padding: 12px 25px;

    min-width: 160px;

    font-size: 15px;
  }

}

@media (max-width: 480px) {

  .webform-confirmation__back {
    margin-top: 18px;

    padding: 11px 22px;

    min-width: 150px;

    font-size: 14px;
  }

}


[data-drupal-messages] [role="contentinfo"] {
  position: relative;

  width: 100%;
  box-sizing: border-box;

  padding: 16px 55px 16px 22px;

  background: #f1faf1;

  border: 1px solid #b9dcb9;
  border-left: 4px solid #16852d;

  color: #17324d;

  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}


[data-drupal-messages] [role="contentinfo"] h2 {
  margin: 0 0 5px;

  color: #16852d;

  font-family: "Cormorant Garamond", serif;

  font-size: 24px;
  font-weight: 600;

  line-height: 1.3;
}

[data-drupal-messages] .status-message-close {
  position: absolute;

  top: 50%;
  right: 18px;

  width: 30px;
  height: 30px;

  padding: 0;

  transform: translateY(-50%);

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 50%;

  background: transparent;

  color: #16852d;

  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;

  line-height: 1;

  cursor: pointer;
}


[data-drupal-messages] .status-message-close:hover {
  background: #dff1df;

  color: #116d24;
}

@media (max-width: 768px) {

  [data-drupal-messages] [role="contentinfo"] {
    padding: 14px 50px 14px 18px;

    font-size: 15px;
  }

  [data-drupal-messages] [role="contentinfo"] h2 {
    font-size: 21px;
  }

  [data-drupal-messages] .status-message-close {
    right: 12px;

    width: 28px;
    height: 28px;

    font-size: 22px;
  }

}
.support-us-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.support-us-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.support-us-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.support-us-modal__content {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 550px;
  padding: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}

.support-us-modal__close {
  position: absolute;
  top: 12px;
  right: 16px;
  border: 0;
  background: transparent;
  font-size: 28px;
  cursor: pointer;
}
.node-type-blog .blog-detail__body img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 24px auto;
}


/* =========================================================
   User profile pages only
   ========================================================= */

/* =========================================================
   User profile pages only
   ========================================================= */

body:has(#block-idaherma-content article[about^="/users/"]) {
  background: #f6f4f8;
}

body:has(#block-idaherma-content article[about^="/users/"]) .dialog-off-canvas-main-canvas {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body:has(#block-idaherma-content article[about^="/users/"]) main {
  flex: 1 0 auto;
  width: 100%;
  padding: 70px 24px;
  box-sizing: border-box;
}

/* Profile content card */
body:has(#block-idaherma-content article[about^="/users/"]) #block-idaherma-content {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 50px;
  box-sizing: border-box;

  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Keep the actual user content nicely centered */
body:has(#block-idaherma-content article[about^="/users/"]) #block-idaherma-content article {
  max-width: 700px;
  margin: 0 auto;
}

/* Footer stays at bottom */
body:has(#block-idaherma-content article[about^="/users/"]) footer {
  margin-top: auto;
}

/* Mobile */
@media (max-width: 768px) {
  body:has(#block-idaherma-content article[about^="/users/"]) main {
    padding: 40px 16px;
  }

  body:has(#block-idaherma-content article[about^="/users/"]) #block-idaherma-content {
    padding: 30px 22px;
    border-radius: 14px;
  }
}

/* Login/register pages already have a custom close button (.idaherma-auth-toast__close) —
   hide Drupal core's default one so only one × shows */
body.user-login-page .status-message-close,
body.user-register-page .status-message-close {
  display: none !important;
}
/* Force spacing around the dynamic value in Drupal status/error messages,
   since the raw HTML doesn't reliably include a space next to <em>. */
[data-drupal-messages] [role="contentinfo"] em,
body.user-login-page [role="contentinfo"] em,
body.user-register-page [role="contentinfo"] em {
  margin: 0 4px;
  display: inline-block;
}
 
 
/* Force active gold styling using Drupal's aria-current="page" attribute,
   which Drupal sets reliably on the link matching the current route —
   independent of the .is-active-trail class that isn't being applied to Events. */
#block-idaherma-mainnavigation > ul > li > a[aria-current="page"] {
  color: var(--color-brand-gold) !important;
}
 
#block-idaherma-mainnavigation > ul > li > a[aria-current="page"]::before {
  width: 100% !important;
}
 
 
/* Style the body-field image inside the featured card to match the other blog cards */
.node-id-594 .blog-post-card__content img,
.node-id-594 .blog-post-card__summary img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 300px;                 /* match the grid card image height */
  object-fit: cover;             /* crop consistently instead of stretching huge */
  margin: 16px 0 0 !important;
  float: none !important;
}
 
@media (max-width: 767px) {
  .node-id-594 .blog-post-card__content img,
  .node-id-594 .blog-post-card__summary img {
    height: 220px;                /* smaller on mobile, matching other mobile card images */
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .node-id-594 .blog-posts-section { padding-right: 40px; padding-left: 40px; }
  .node-id-594 .blog-posts-view__featured .blog-post-card { grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr); gap: 32px; }
  .node-id-594 .blog-posts-view__featured .blog-post-card__image { height: 340px; }
  .node-id-594 .blog-posts-view__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 
  /* Constrain the body-embedded image at tablet width too */
  .node-id-594 .blog-post-card__content img,
  .node-id-594 .blog-post-card__summary img {
    height: 220px;
    max-width: 100%;
    width: 100%;
  }
}
.node-id-594 .blog-post-card__content {
  overflow: hidden;
  box-sizing: border-box;
}
/* Featured card — stretch image column to fill full row height, no gap below image */
.node-id-594 .blog-posts-view__featured .blog-post-card {
  align-items: stretch !important;
}
 
.node-id-594 .blog-posts-view__featured .blog-post-card__image {
  height: 100% !important;
}
 
.node-id-594 .blog-posts-view__featured .blog-post-card__image img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
 
@media (min-width: 768px) and (max-width: 1023px) {
  .node-id-594 .blog-posts-view__featured .blog-post-card {
    align-items: stretch !important;
  }
 
  .node-id-594 .blog-posts-view__featured .blog-post-card__image {
    height: 100% !important;
  }
}
 
 .node-type-article .hero-page-banner__content h1{
    text-align:start;
}