/* for drupal header  */
#toolbar-bar,
.toolbar-bar,
.toolbar-tray {
    z-index: 99999 ;
}


.hero-banner {
  position: relative;
}

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


/* optional subtle dark gradient so text stays readable */
.hero-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 50%);
}

.hero-banner__eyebrow {
    font-family: 'Inter';
    color: #FECF2E;
    font-size: 14px;
    line-height: 150%;
    font-weight: 600;
    letter-spacing: 3px;
}

.hero-banner__heading {
    max-width: 676px;
    font-family: 'Cormorant Garamond';
    font-size: 72px;
    line-height: 93px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.hero-banner__description {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.hero-banner__buttons {
  display: flex;
  gap: 16px;
}

.hero-banner__btn a {
    display: inline-block;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 24px;
    padding: 12px 24px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
}
.hero-banner__btn--primary a {
  background-color: var(--color-brand-gold-light);
  color: var(--color-brand-purple);
}

.hero-banner__btn--secondary a {
    background-color: transparent;
    color: var(--color-brand-white);
    border: 1px solid var(--color-brand-white);
    font-family: Archivo;
}

.hero-banner__btn--primary a:hover {
  background-color: var(--color-brand-gold);
}
.hero-banner__btn--secondary a:hover{
  color: var(--color-brand-gold);
  border-color: var(--color-brand-gold);
}
/* .hero-banner__caption {
    position: absolute;
    right: 8em;
    bottom: 0;
    z-index: 2;
    color: var(--color-brand-gold);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: right;
    line-height: 24px;
    font-family: Inter;
font-weight: 600;

font-size: 14px;

letter-spacing: 20%;
text-align: right;


} */
 /*nishchay code */
 .hero-banner__caption {
    position: absolute;
    right: clamp(40px, 8vw, 148px);
    bottom: 0;
    z-index: 2;

    color: var(--color-brand-gold);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 24px;
    text-align: right;

    max-width: 40%;
}

/* 1586px and below */
@media (max-width: 1586px) {
    .hero-banner__caption {
        right: 220px;
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .hero-banner__caption {
        right: 70px;
        max-width: 45%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .hero-banner__caption {
        right: 24px;
        max-width: 60%;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 2px;
    }
}
/*nischay code */


 

.hero-banner__description_button-container {
    position:absolute;
    bottom:0;
    left: 8rem;
}

.hero-banner__content.container {
    position:relative;
}

/* Mission Statement Block Styling */
#block-idaherma-missionstatementhomepage ,div#block-idaherma-missionstatementexhibition{
    text-align: center;
    padding: 120px 40px;
    background-color: #ffffff;
}
@media(max-width:767px){
  #block-idaherma-missionstatementhomepage,div#block-idaherma-missionstatementexhibition{
    padding:2rem 0rem;
}
}
#block-idaherma-missionstatementhomepage > div:first-child,div#block-idaherma-missionstatementexhibition > div:first-child {
    margin-bottom: 40px;
}

#block-idaherma-missionstatementhomepage img,div#block-idaherma-missionstatementexhibition img{
    width: 70px;
    height: 50px;
    object-fit: contain;
}

/* Mission Statement Title */
#block-idaherma-missionstatementhomepage h2,div#block-idaherma-missionstatementexhibition h2 {
    font-family: Cormorant Garamond;
    font-size: 38px;
    font-style: italic;
    color: var(--color-brand-purple);
    line-height: 150%;
    font-weight: 600;
    margin: 30px 0;
}

/* Golden horizontal line after h2 using ::after */
#block-idaherma-missionstatementhomepage h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: var(--color-brand-gold);
    margin: 30px auto 0 auto;
}

/* Mission Statement Description */
#block-idaherma-missionstatementhomepage > div:nth-child(3),div#block-idaherma-missionstatementexhibition > div:nth-child(3) {
    margin: 30px auto;
    max-width: 737px;
}

/* Mission Statement Link with Arrow */
#block-idaherma-missionstatementhomepage a,div#block-idaherma-missionstatementexhibition a {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    color: var(--color-brand-purple);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    margin-top: 30px;
}

/* Arrow icon added via ::after on link */
#block-idaherma-missionstatementhomepage a::after,div#block-idaherma-missionstatementexhibition a::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/themes/custom/idaherma/images/logos/ArrowRight.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

#block-idaherma-missionstatementhomepage > div:nth-child(4),div#block-idaherma-missionstatementexhibition > div:nth-child(4)
{
  max-width:624px;
  margin:auto;
  font-family: 'Inter';
  font-size: 16px;
  color: #141414;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0px;
}


@media (max-width: 849px) {
.hero-banner__content {
    bottom: 15px;
}
    .hero-banner__eyebrow {
        font-size:12px;
    }
    .hero-banner__heading{
        font-size: 55px;
        line-height: 60px;
        margin-bottom: 10px;
    }
    .hero-banner__description {
        font-size:14px;
    }
    .hero-banner__btn a{
        padding: 12px 20px;
    }
    .hero-banner__caption {
        /* bottom: 15px; */
        font-size: 13px;
    }
}

@media (max-width: 643px){
    .hero-banner__content {
    bottom: 99px;
    left: 32px;
}
    .hero-banner__eyebrow {
        font-size:12px;
    }
    .hero-banner__heading{
        font-size: 55px;
        line-height: 60px;
        margin-bottom: 10px;
    }
    .hero-banner__description {
        font-size:14px;
    }
    .hero-banner__btn a{
        padding: 9px 12px;
    }
    .hero-banner__caption {
        bottom: 24px;
        left:28px;
        text-align: left;
    }
    .hero-banner__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}
    .hero-banner {
    width: 100%;
    overflow: hidden;
}
}

 
        .featured-artist-wrapper {
            max-width: 1624px;
            display: grid;
            grid-template-columns: minmax(0,1fr) minmax(0,1fr);
            gap: clamp(1rem, 5vw, 90px);
            align-items: center;
        }
 
        /* Image Section */
        .artist-image-section {
            border: 1px solid #CDC3D0;
            padding: 8px;
            max-height: 785px;
            max-width: 767px;
            min-width:0;
        }
 
        .artist-image-section img {
            height: 100%;
            width: 100%;
            display: block;
            aspect-ratio: 749/767;
            object-fit: cover;
            border: 1px solid #e8e6e1;
        }
 
        /* Content Section */
        .artist-content-section {
        max-width: 767px;
            min-width:0;
        }
 
        .eyebrow {
            font-size: 14px;
            font-weight: 600;
            font-family: 'Inter';
            line-height: 150%;
            letter-spacing: 2.8px;
            color: var(--color-brand-gold-deep);
            text-transform: uppercase;
            margin-bottom: 20px;
            display: block;
        }
 
        .artist-name {
            font-family: 'Cormorant Garamond';
            font-size: clamp(32px, 4vw, 48px);
            font-weight: 700;
            color: var(--color-brand-purple);
            line-height: 150%;
            margin-bottom: 0px;
        }
 
        .medium-badge {
            display: inline-block;
            background-color: var(--color-brand-gold);
            color: var(--color-brand-gold-deep);
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 2.8px;
            text-transform: uppercase;
            margin-bottom: 30px;
            font-family : 'Inter';
        }
        div#block-idaherma-views-block-featured-invited-artist-block-1 .artist-name{
    margin-top:30px;
}
 
        .artist-quote-wrapper {
            border-left: 4px solid var(--color-brand-gold);
            padding-left: 24px;
            /* max-height: 195px; */
            height: auto;
            max-width: 767px;
            display: flex;
        }
 
        .artist-content-section .artist-quote {
                width: 100%;
    max-width: 644px;
    height: auto;
            font-family: 'Cormorant Garamond';
            font-size: clamp(18px, 2vw, 30px);
            font-weight: 500;
            font-style: italic;
            color: var(--color-brand-purple);
            line-height: 150%;
        }
 
        .view-works-link {
            display: inline-block;
            margin-top: 32px;
            color: #2c3e50;
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
            transition: all 0.3s ease;
            border-bottom: 1px solid transparent;
            padding-bottom: 2px;
        }
 
        .view-works-link:hover {
            color: #d4a574;
            border-bottom-color: #d4a574;
        }
 
        .arrow {
            display: inline-block;
            margin-left: 8px;
            transition: transform 0.3s ease;
        }
 
        .view-works-link:hover .arrow {
            transform: translateX(4px);
        }
 
        /* Responsive Design */
        @media (max-width: 768px) {
            .featured-artist-wrapper {
                grid-template-columns: 1fr;
                gap: 40px;
            }
 
            .featured-artist-container {
                /* padding: 40px 0rem; */
            }
 
            .artist-name {
                font-size: 36px;
            }
 
            .artist-quote {
                font-size: 16px;
            }
 
            .artist-content-section {
                padding: 0;
            }
        }
 
        @media (max-width: 480px) {
            .featured-artist-container {
                padding: 30px 16px;
            }
 
            .artist-name {
                font-size: 28px;
            }
 
            .artist-quote {
                font-size: 14px;
            }
 
            .medium-badge {
                font-size: 11px;
                padding: 8px 12px;
            }
        }

div#block-idaherma-views-block-featured-invited-artist-block-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.view-work a {
    font-family: 'Inter';
    font-weight: 600;
    font-size:clamp(14px,4vw,16px);
    line-height: 150%;
    text-decoration: none;
    color: var(--color-brand-purple);
}

.view-work {
    margin-top:30px;
}
.view-work img{
    position: relative;
    top: 2px;
    left: 6px;
}


/* Header spans both columns */
#block-idaherma-views-block-printmaking-block-1 header {
    margin-top: clamp(40px,5vw,80px);
    grid-column: 1 / -1;
    text-align: center;
    margin-bottom: clamp(30px,4vw,30px);
}

#block-idaherma-views-block-printmaking-block-1 header h2 {
    font-family: 'Cormorant Garamond';
    color: var(--color-brand-white);
    margin: 0;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 700;
    line-height: 150%;
}



/* Card image */
#block-idaherma-views-block-printmaking-block-1 .card img:first-child {
    width: 100%;
    height: 100%;
    aspect-ratio: 797/466;
}

#block-idaherma-views-block-printmaking-block-1 .card {
    position: relative;
    overflow: hidden;
}

#block-idaherma-views-block-printmaking-block-1 .card-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 50%),
        transparent
    );
}

#block-idaherma-views-block-printmaking-block-1 .card-title {
    color: var(--color-brand-white);
    font-family: 'Cormorant Garamond';
    font-size: 30px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 30px;
}

#block-idaherma-views-block-printmaking-block-1 .card-overlay a {
    font-size: 16px;
    color: var(--color-brand-gold);
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 600;
}



div#block-idaherma-views-block-printmaking-block-1 {
    background-color: var(--color-brand-purple);
    /* max-height: 758px; */
    /* padding: 0 20px; */
}

#block-idaherma-views-block-printmaking-block-1 .card .link-container img{
    position:relative;
    top:2px;
    left:6px;
}


#block-idaherma-donation {
    position: relative;
    text-align: center;
    min-height: clamp(450px,37vw,600px);
    background:rgba(45, 10, 78, 0.2);
    z-index:20;
}

/* White overlay */
/* #block-idaherma-donation::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/themes/custom/idaherma/images/support.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity:0.2;
    z-index:0;
} */
#block-idaherma-donation > * {
    position: relative;
    z-index: 1;
}

/* ===================================hero banner style=============================== */
.hero-banner 
{
    min-height: 1000px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.hero-banner__content.container {
    margin-bottom:90px;
}
/* h1.hero-banner__heading {
    font-family: Cormorant Garamond;
font-weight: 700;
font-size: 60px;
leading-trim: NONE;
line-height: 100%;
vertical-align: middle;
    color:#ffffff

} */

.hero-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;
color:#ffffff;
}
/* h1.hero-banner__heading {
    font-family: Cormorant Garamond;
font-weight: 700;
/* font-style: Bold; 
font-size: 60px;
leading-trim: NONE;
line-height: 100%;
/* letter-spacing: 0%; 
vertical-align: middle;
    color:#ffffff

} */

.hero-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;
color:#ffffff;
}
.hero-banner__btn.hero-banner__btn--primary,.hero-banner__btn.hero-banner__btn--secondary{
    z-index:2;  
    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;
}

.hero-banner__btn.hero-banner__btn--primary  a {
    border: 1px solid #f5c509;
}


footer{
    overflow:hidden;
}
.hero-banner__buttons {
    float:left;
}
.hero-banner__caption{
    float:right;
}
@media(max-width:1500px){
.hero-banner__caption {
    right:80px;
}}
@media(max-width:991px){

.hero-banner__buttons{
    float:none;
}}
@media(max-width:1200px){
.hero-banner {
    min-height:700px;
}}
@media(max-width:767px){
.hero-banner {
    min-height:450px;
}
.hero-banner__caption {
    float:none;
    position:static;
    text-align:left;
    margin-top:20px
}}

/* ========================mission statement========================= */


div#block-idaherma-missionstatementhomepage div:nth-last-child(2),div#block-idaherma-missionstatementexhibition div:nth-last-child(2){
    max-width:624px;
    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; */
}
div#block-idaherma-missionstatementhomepage .container,div#block-idaherma-missionstatementexhibition .container {
    max-width:737px;
    display:flex;
    flex-direction:column;
    align-items:center;
}
div#block-idaherma-missionstatementhomepage div:nth-last-child(2),div#block-idaherma-missionstatementexhibition div:nth-last-child(2){
    max-width:624px;
}

/* ==================================view articles======================================== */
div#block-idaherma-views-block-printmaking-block-1 .printmaking-section .card-overlay{
    background: #00000080 !important;
}

#block-idaherma-views-block-printmaking-block-1 > div .container{
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap:30px;
    padding-bottom:75px;
}
@media(max-width:991px){
#block-idaherma-views-block-printmaking-block-1 > div .container{
  grid-template-columns:1fr;  
}}
div#block-idaherma-views-block-featured-invited-artist-block-1 .container .container{
    padding:5rem 0;
}
div#block-idaherma-missionstatementexhibition div:nth-last-child(3){
    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:#705900; 
    margin-bottom:8px;
}
div#block-idaherma-missionstatementexhibition a{
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;
text-decoration: none;
transition: color 0.2s ease;

    }
div#block-idaherma-missionstatementexhibition a:hover {
  color: #806800;
}


/* ==============================donation section============================ */
div#block-idaherma-donation {

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index:0;
    display:flex;
}


.donationbox .container {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.donationbox .container h2 {
    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: #2D0A4E;
    margin:24px auto;

}


.donation-description {
    max-width:511px;
    font-family: Inter;
font-weight: 400;
font-size: 17px;
line-height: 150%;
    margin-bottom:24px;
}

.donation-links a{
    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; */
    padding:12px 44px;
border: 2px solid #2D0A4E;
    border-radius:4px;
    color:#2D0A4E;
}
.donation-links{
    display:flex;
    gap:16px;
    flex-wrap: wrap;
}
.donation-links a {
    text-decoration: none;
}
.donation-links a:nth-child(2) {
    background: #F5C509;
    border:none;
}
.donation-links a:nth-child(1):hover,.donation-links a:nth-child(3):hover{
   background: var(--color-brand-purple);
   color:#ffffff;
    /* border:none; */
}


/* ==========================banner enhancement========================= */
@media(max-width:1600px)and (min-width:991px){
.hero-banner__eyebrow{
  /* font-size:32px;   */
  min-width:100%;
}}

@media(max-width:860px)and (min-width:767px){
    h1.hero-banner__heading {
            font-size: 52px !important;
    }
    
}

h1.hero-banner__heading {

    writing-mode: vertical-rl;

    text-orientation: upright;

    float:left;

    font-family: Cormorant Garamond;

    color:#2D0A4E;

    font-size: 72px;

    line-height: 120%;
 
}
.hero-banner__eyebrow {
    font-family: Cormorant Garamond;
font-weight: 400;
font-style: Italic;
font-size: 48px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
/* vertical-align: middle; */
color:#2D0A4E;
    text-align:center;
    position:absolute;
    top:15px;
    left: 50%;
    transform: translateX(-50%);
}


@media(max-width:767px){
h1.hero-banner__heading {
    display:none;
}
hero-banner__caption{
    position:relative;
}
    .hero-banner__description_button-container{
        position:relative;
        left:0;
    }
    .hero-banner__content.container{
        position:unset;
    }
    .hero-banner__eyebrow{
        /* position:relative; */
        /* padding:10px; */
        left:0;
        transform:unset;
    }
}
@media(min-width:992px){
.hero-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
}
.hero-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media(max-width:1700px)and (min-width:991px){
    .hero-banner__description_button-container {
        left:10rem;
    }
}
@media(max-width:991px){
.hero-banner__eyebrow {
    font-size:37px;
    min-width:80%;
}}





/* =========events section========================== */
.event-card {
    display: flex;
    gap: 2rem;
    padding: 2.5rem;
    border: 1px solid #E6E1DC;
    background: #fff;
}

.event-card__date {
    min-width: 60px;
    /* margin-top: 10px; */
    text-align: center;
}

.event-card__month {
  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;
text-transform: uppercase;
    color: #705900;
    /* margin: 0.2rem 0; */
}

.event-card__day {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    line-height: 150%;
    font-weight: 500;
    color: #2D0A4E;
    /* margin:8px 0; */
}

.event-card__content {
    flex: 1;
    max-width:242px;
}

.event-card__type {
    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;

}
.event-card__type{
    color:#141414;
    text-transform:uppercase;
    text-decoration:none;
}

.event-card__title a{
    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;
    text-decoration:none;
}
.event-card__title{
max-width:242px;
    margin:8px 0;
}
.event-card__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; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
    max-width:242px;
}

#block-idaherma-views-block-upcoming-events-block-1 >div .container header{
margin-top: clamp(40px, 5vw, 80px);
    /* grid-column: 1 / -1;
    text-align: center; */
    margin-bottom: clamp(30px, 4vw, 30px);
}
/* Main View Container */
#block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    /* display:none; */
    /* display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); */
    gap: 2rem;
    align-items: start;
}

/* Header spans both columns */
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header {
    /* grid-column: 1 / -1; */
    text-align: start;
    margin-top: clamp(40px, 5vw, 80px);
    margin-bottom: clamp(30px, 4vw, 20px);
    background:none;
}


#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header h2 {
    margin: 0;
    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;
    color:#2D0A4E;

    
}

/* Remove wrapper spacing */
#block-idaherma-views-block-upcoming-events-block-1 .views-row {
    margin: 0;
    
}

/* Event Card */
.event-card {
    display: flex;
    gap: 1.5rem;
    height: 100%;
    padding: 24px;
    border: 1px solid #E8E2DC;
    background: #fff;
}

/* Grid */
#block-idaherma-views-block-upcoming-events-block-1 > div > .container{
    /* display:grid; */
    /* grid-template-columns:repeat(4,minmax(0,1fr)); */
    gap:30px;
    align-items:stretch;
}

/* Every grid item */
#block-idaherma-views-block-upcoming-events-block-1 .views-row{
    display:flex;
    /* flex-grow: 1; */
}

/* Views field */
#block-idaherma-views-block-upcoming-events-block-1 .views-field{
    display:flex;
    width:100%;
}

/* field-content is a span by default */
#block-idaherma-views-block-upcoming-events-block-1 .field-content{
    display:flex;
    width:100%;
}

/* Card */
.event-card{
    display:flex;
    width:100%;
    flex:1;
}
#block-idaherma-views-block-upcoming-events-block-1{
background-color: #F4F4F0;
}
@media(max-width:1500px){
    .event-card__title a{
        font-size:25px;
    }
}
@media(max-width:1500px){
#block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    /* display:none; */
    /* display: grid; */
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    gap: 2rem;
    /* align-items: stretch; */
}
    }

@media(max-width:600px){
#block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    /* display:none; */
    /* display: grid; */
    /* grid-template-columns:  1fr; */
    gap: 2rem;
    /* align-items: start; */
}
    }



    /* #block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 80px;
}
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header {
    flex: 0 0 100%;
    margin-top: clamp(40px, 5vw, 80px);
    margin-bottom: 20px;
}
#block-idaherma-views-block-upcoming-events-block-1 .views-row {
    flex: 1 1 300px;
    display: flex;
}
.event-card {
    border: 1px solid #CDC3D0
}
.event-card:hover{
    border: 1px solid #705900;
    box-shadow: 0px 2px 20px 0px #0000001A;
}

@media (max-width: 700px) {
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 20px 56px;
    width: 100%;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container > header {
    margin: 0 0 8px;
    text-align: center;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-row,
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-field,
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .field-content {
    display: block;
    flex: 0 0 100%;
    min-width: 0;
    width: 100%;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card {
    align-items: start;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 20px !important;
    width: 100%;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__date,
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-date {
    margin: 0;
    min-width: 0;
    text-align: center;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__content {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__title,
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__body,
  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__description {
    max-width: none;
    overflow-wrap: anywhere;
  }

  body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__arrow {
    display: none !important;
  }

  body.node-type-homepage .donationbox .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  body.node-type-homepage .donation-links {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 340px;
    width: 100%;
  }

  body.node-type-homepage .donation-links a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 48px;
    padding: 10px 8px;
    text-align: center;
    width: 100%;
  }

  body.node-type-homepage .donation-links a:nth-child(3) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 6px);
    margin-bottom: 15px;
  }
} */

/* Main events container */
body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding-bottom: 80px;
}
/* Events heading */
body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container > header {
    flex: 0 0 100%;
    margin-top: clamp(40px, 5vw, 80px);
    margin-bottom: 20px;
}

/* ==========================================================================
   Desktop event card width
   ========================================================================== */
body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-row {
    flex: 0 1 363px;
    width: 363px;
    min-width: 0;
    display: flex;
}

/* Make card fill its fixed row */
body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card {
    width: 100%;
    box-sizing: border-box;
}


/* ==========================================================================
   Event card border
   ========================================================================== */

body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card {
    border: 1px solid #CDC3D0;
}

body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card:hover {
    border: 1px solid #705900;
    box-shadow: 0px 2px 20px 0px #0000001A;
}


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

@media (max-width: 1100px) {

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-row {
        flex: 0 0 363px;
        width: 363px;
    }

}

@media (min-width: 801px) and (max-width: 1600px) {

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-row {
        flex: 0 1 350px;
        width: 350px;
    }

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

@media (max-width: 800px) {

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 40px 20px 56px;
        width: 100%;
        box-sizing: border-box;
    }

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container > header {
        margin: 0 0 8px;
        text-align: center;
    }

    /* Full width rows on mobile */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .views-row {
        display: block;
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    /* Compact mobile card */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card {
        align-items: start;
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) !important;
        gap: 16px !important;
        padding: 20px !important;
        width: 100%;
        box-sizing: border-box;
    }

    /* Mobile date */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__date,
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-date {
        margin: 0;
        min-width: 0;
        text-align: center;
    }

    /* Mobile content */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__content {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    /* Prevent long text from breaking the card */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__title,
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__body,
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__description {
        max-width: none;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Hide arrow on mobile */
    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card__arrow {
        display: none !important;
    }
}


/* ==========================================================================
   Very small screens
   ========================================================================== */

@media (max-width: 400px) {

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 > div > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.node-type-homepage #block-idaherma-views-block-upcoming-events-block-1 .event-card {
        grid-template-columns: 55px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 16px !important;
    }

}
/* ===================================artist exhibition view ======================================== */
.current-exhibition {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* gap: 186px; */
}

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

.current-exhibition__content {
    flex: 0 0 40.641%;
    display: flex;
    flex-direction: column;
}

.current-exhibition__eyebrow {
    display: block;
    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;
text-transform:uppercase;
    color: #705900;
}

.current-exhibition__title {
    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;
    margin:0;
    color: #2D0A4E;
}


.current-exhibition__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;
color:#141414;
}
.current-exhibition__description p{
    margin:30px 0;
}
.current-exhibition__buttons {
    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;

    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    
    margin-bottom: 30px;
}
.current-exhibition__buttons a{
    padding:12px 24px;
    text-decoration:none;
    border-radius:4px;
    color: #2D0A4E;

}
.current-exhibition__buttons a:first-child {
    background: #F5C509;    
}
.current-exhibition__buttons a:not(:first-child) {
    border: 2px solid #2D0A4E   
}
/* ==========================
   Explore Gallery
========================== */

.current-exhibition__gallery-link {
    margin-top: auto;
}

.current-exhibition__gallery-link a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #2D0A4E;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}
.current-exhibition__gallery-link:hover a {
  color: #806800;
}

.current-exhibition__gallery-link a:hover {
  color: #806800;
}
.current-exhibition__gallery-link a:hover::after {
    transform: translateX(4px);
}
.current-exhibition__gallery-link{
    display:flex;
    gap:8px;
    /* flex-direction:row; */
    align-items:center;
    /* justify-content:center; */
}
/* ==========================
   Images
========================== */

/* .current-exhibition__images {
    flex: 0 0 796px;
    max-width: 796px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
} */
.current-exhibition__images {
    flex: 1;
    max-width: 796px;
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.current-exhibition__image {
    overflow: hidden;
}

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

/* Top Image */

.current-exhibition__image--large {
    grid-column: 1 / -1;
    width: 100%;
    height: 302px;
}

/* Bottom Images */

.current-exhibition__image:not(.current-exhibition__image--large) {
    width: 100%;
    height: 302px;
}
#block-idaherma-views-block-exhibition-view-block-1 {
    background: #F4F4F0;
    padding:80px 0;

}

@media (max-width: 1200px) {
    .current-exhibition {
        flex-direction: column;
        gap: 3rem;
    }

    .current-exhibition__content,
    .current-exhibition__images {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .current-exhibition__images {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(min-width:1200px){
div#block-idaherma-missionstatementexhibition h2 {
    font-family: Cormorant Garamond;
font-weight: 500;
font-style: Italic;
font-size: 48px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}
}
div#block-idaherma-missionstatementexhibition .container{
    max-width:900px
}
div#block-idaherma-missionstatementexhibition {
   background: #F4F4F0;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.hero-banner{
    min-height: 100vh;
} 
}

@media screen and (min-width: 770px) and (max-width: 1600px) {
/* .hero-banner{
    min-height: 100vh;
} */
div#block-idaherma-missionstatementhomepage .container, div#block-idaherma-missionstatementexhibition .container{
    margin-top: -70px;
}
h1.hero-banner__heading{
    font-size: 64px;
    margin-top: 70px;
}
.current-exhibition__title, #block-idaherma-views-block-printmaking-block-1 header h2, .donationbox .container h2{
    font-size: 42px;
}
.hero-banner__eyebrow{
    font-size: 39px;
}
#block-idaherma-missionstatementhomepage h2, div#block-idaherma-missionstatementexhibition h2, #block-idaherma-views-block-upcoming-events-block-1 > div > .container > header h2{
    font-size: 32px                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ;
}
.artist-content-section .artist-quote, #block-idaherma-views-block-printmaking-block-1 .card-title, .event-card__title a{
    font-size: 27px;
}
}
@media (max-width: 767px){
#block-idaherma-missionstatementhomepage h2{
    font-size:32px;
}
#block-idaherma-views-block-printmaking-block-1 .card-title {
    font-size: 23px;
}

/* march page */

.node-type-blog .blog-detail__hero-overlay{
    min-height: 100vh;
}
.node-type-annual_exhibition .hero-banner{
    min-height: 80vh;
}

}
@media(max-width:991px){
.hero-banner__eyebrow {
    font-size:37px;
    min-width:100%;
    /* top:-10px; */
}}
 
 
@media (max-width:683px){
    .hero-banner__eyebrow{
        display:block;
        width:100%;
        text-align:center;
        font-size:30px;
        font-weight:400;
        margin:0 auto;
    }
}
 
@media (max-width:642px){
    .hero-banner__eyebrow{
        font-size:30px;
        font-weight:400;
    }
}
 
@media (max-width:533px){
    .hero-banner__eyebrow{
        font-size:20px;
        font-weight:700;
        top:10px;
    }
}
 
@media (max-width:383px){
    .hero-banner__eyebrow{
        font-size:18px;
        font-weight:700;
        top:10px;
    }
}

body.toolbar-fixed header.idaherma-site-header {
    top: var(--drupal-displace-offset-top);
}


@media (max-width: 333px) {
    #block-idaherma-views-block-printmaking-block-1 .card-title {
        font-size: 20px;
    }
}

@media (max-width: 303px) {
    #block-idaherma-views-block-printmaking-block-1 .card-title {
        font-size: 15px;
    }
}


@media (max-width: 555px) {
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header h2{
      
    font-size: 28px
}
}
@media (max-width: 555px) {
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header a{
    font-size: 10px;
}
}

@media (max-width: 320px) {
#block-idaherma-views-block-upcoming-events-block-1 > div > .container > header h2{
     
    font-size: 20px;
}
}



@media (max-width: 860px) {
#block-idaherma-textcontent p{

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

}
}


@media (max-width: 356px) {
#block-idaherma-textcontent p{

    font-size: 8px;
    font-weight:800;

}
}


#block-idaherma-missionstatementhomepage a:hover,
div#block-idaherma-missionstatementexhibition a:hover {
    color: #806800;
}

#block-idaherma-missionstatementhomepage a:hover::after,
div#block-idaherma-missionstatementexhibition a:hover::after {
    transform: translateX(4px);
}

.view-work a:hover {
    color: #806800;
    transform: translateX(4px);
}

#block-idaherma-views-block-printmaking-block-1 .card-overlay a:hover {
    color: #FFFFFF;
    transform: translateX(4px);
}


/* =========================================================
   PRINTMAKING - LEARN MORE + ARROW HOVER
   ========================================================= */

.printmaking-section .link-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.printmaking-section .link-container a {
    display: inline-flex;
    align-items: center;
    color: var(--color-brand-gold);
    text-decoration: none;
    transition: color 0.3s ease;
}

.printmaking-section .link-container img {
    width: 16px;
    height: auto;
    transition: filter 0.3s ease, transform 0.3s ease;
}

/* Hover both together */
.printmaking-section .link-container:hover a {
    color: var(--color-brand-white);
}

.printmaking-section .link-container:hover img {
    filter: brightness(0) invert(1);
    transform: translateX(3px);
}


.donation-links a:nth-child(2):hover {
    background: #2D0A4E;
    color: #ffffff;
}