.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8d9b248:#000000;--e-global-color-31e791d:#F5F5F5;--e-global-color-33130c9:#D60078;--e-global-color-8b3f92b:#FFFFFF;--e-global-color-105c01a:#26B9E4;--e-global-color-1613c4d:#F5DF16;--e-global-color-6be2a94:#75BB26;--e-global-color-d9fae45:#595959;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:44px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   Gravity Forms – Footer email newsletter
   ========================================================= */
.na-gf-footer-newsletter {
  width: 100%;
}

.na-gf-footer-newsletter .gform_wrapper form {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

.na-gf-footer-newsletter .gform_wrapper .gform_body {
  flex: 1;
  min-width: 0;
}

.na-gf-footer-newsletter .gform_wrapper .gfield .ginput_container input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  background: #ffffff;
  color: #595959;
  font-family: inherit;
  font-size: 16px;
}

.na-gf-footer-newsletter .gform_wrapper input::placeholder {
  color: #999999;
  opacity: 1;
}

.na-gf-footer-newsletter .gform_wrapper .gform_footer {
  position: static;
  flex: 0 0 auto;
  height: 40px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.na-gf-footer-newsletter .gform_wrapper .gform_footer .gform_button {
  display: block;
  width: auto !important;
  min-width: 90px;
  height: 40px !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 18px !important;
  line-height: 42px !important;
  border-radius: 0 !important;
  border: 1px solid #ffffff !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.na-gf-footer-newsletter .gform_wrapper .gform_footer .gform_button:hover,
.na-gf-footer-newsletter .gform_wrapper .gform_footer .gform_button:focus-visible {
  background: #d10a7c !important;
  border-color: #d10a7c !important;
  color: #ffffff !important;
}


/* =========================================================
   Gravity Forms – Form 2 submit button
   ========================================================= */
#gform_wrapper_2 #gform_submit_button_2 {
  color: #ffffff;
  background: #000000;
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  letter-spacing: 1px;
  height: 48px;
  min-width: 130px;
  border: none;
  border-radius: 0;
  margin-left: 0;
  transition: background-color 0.3s, color 0.3s;
}

#gform_wrapper_2 #gform_submit_button_2:hover {
  background: #d10a7c;
  color: #ffffff;
}


/* =========================================================
   Parallax scrolling on laptop and desktop
   ========================================================= */
@media (min-width: 992px) {
  .parallax-section {
    background-attachment: fixed !important;
  }
}


/* =========================================================
   HCG – Hide a loop section when its Loop Grid finds nothing
   (still visible inside the Elementor editor)
   ========================================================= */
body:not(.elementor-editor-active) .hcg-hide-empty:has(.e-loop-nothing-found-message) {
  display: none !important;
}


/* =========================================================
   HCG – Calendar page: light touch on ME Calendar defaults
   Class "hcg-cal" on the Shortcode widget
   ========================================================= */

/* Light gray frame */
.elementor-element.hcg-cal,
.elementor-element.hcg-cal > .elementor-widget-container {
  background-color: #f5f5f5 !important;
}
.elementor-element.hcg-cal > .elementor-widget-container {
  padding: 40px !important;
}

/* Inter to match the site */
.hcg-cal .mec-wrap,
.hcg-cal .mec-wrap *:not(i) {
  font-family: "Inter", sans-serif !important;
}

/* Event dots */
.hcg-cal .mec-calendar dt.mec-has-event::after {
  background-color: #d10a7c !important;
}

/* Prev / next arrows */
.hcg-cal .mec-previous-month i,
.hcg-cal .mec-next-month i {
  color: #d10a7c !important;
}
.hcg-cal .mec-previous-month:hover a,
.hcg-cal .mec-next-month:hover a {
  color: #d10a7c !important;
}

/* Dates in the list */
.hcg-cal .mec-calendar-events-side .mec-event-date {
  color: #d10a7c !important;
  font-weight: 600 !important;
}

/* Titles turn pink on hover */
.hcg-cal .mec-calendar-events-side .mec-event-title a:hover {
  color: #d10a7c !important;
}

/* Short pink rule under "Events" */
.hcg-cal .mec-table-side-title::after {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin: 12px auto 0;
  background: #d10a7c;
}

/* Times + clock icon: gray */
.hcg-cal .mec-calendar-events-side .mec-event-time,
.hcg-cal .mec-calendar-events-side .mec-event-time *,
.hcg-cal .mec-calendar-events-side .mec-event-time i {
  color: #595959 !important;
}

/* Hide the empty gray bar under the calendar */
.hcg-cal .mec-calendar > .mec-event-footer {
  display: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-element.hcg-cal > .elementor-widget-container {
    padding: 16px !important;
  }
}


/* =========================================================
   HCG – Homepage "Happening at Hanover" events feed
   Classes: hcg-events-photo (Image), hcg-events (Shortcode)
   ========================================================= */

/* Photo fills its column */
.hcg-events-photo,
.hcg-events-photo .elementor-widget-container {
  height: 100%;
}
.hcg-events-photo img {
  width: 100% !important;
  height: 100% !important;
  min-height: 380px;
  object-fit: cover;
}

/* Turn the grid into a list */
.hcg-events .mec-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.hcg-events .mec-wrap .row {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  height: 100%;
}
.hcg-events .mec-wrap .row::before,
.hcg-events .mec-wrap .row::after {
  display: none !important;
}
.hcg-events .mec-wrap .col-md-4 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 0 auto !important;
  float: none !important;
  padding: 0 !important;
}

/* Each event row */
.hcg-events .mec-event-article {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0 !important;
  padding: 28px 56px 28px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #d9d9d9 !important;
  background: none !important;
  box-shadow: none !important;
}
.hcg-events .mec-event-article::before {
  display: none !important;
}
.hcg-events .mec-event-article::after {
  content: "→";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #111;
}

/* Date: small pink, month first */
.hcg-events .mec-event-date,
.hcg-events .mec-event-date:hover {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 6px;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  float: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: left !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #d10a7c !important;
}
.hcg-events .mec-event-date span {
  display: inline !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #d10a7c !important;
}

/* Title */
.hcg-events .event-detail-wrap {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.hcg-events .mec-event-title {
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
.hcg-events .mec-event-title a {
  font-family: "Inter", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #111 !important;
}
.hcg-events .mec-event-title a:hover {
  color: #d10a7c !important;
}

/* Time */
.hcg-events .event-detail-wrap > *:not(.mec-event-title),
.hcg-events .mec-time-details,
.hcg-events .mec-time-details *,
.hcg-events .mec-event-detail,
.hcg-events .mec-event-detail * {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #595959 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .hcg-events-photo img {
    height: 360px !important;
    min-height: 0;
  }
  .hcg-events .mec-wrap .row,
  .hcg-events .mec-event-article {
    height: auto !important;
  }
  .hcg-events .mec-wrap .col-md-4 {
    flex: none !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .hcg-events-photo img {
    height: 240px !important;
  }
  .hcg-events .mec-event-title a {
    font-size: 19px !important;
  }
}

/* =========================================================
   HCG – Exhibition template (Exhibition – Full)
   Classes:
   hcg-details         = container holding the detail rows
                         (each row = label Text Editor + value Text Editor)
   hcg-artists-section = gray "Artists in the Exhibition" section
   hcg-artist          = each artist row container
   hcg-artist-name     = artist name Heading
   hcg-bio             = artist bio Heading
   hcg-link            = Website / Instagram buttons
   hcg-visit           = "Plan Your Visit" button
   ========================================================= */

/* Loop Grids: columns shrink to fit the screen
   (stops a loop item being forced wider than the phone) */
.elementor-widget-loop-grid .elementor-loop-container {
  grid-template-columns: repeat(var(--grid-columns, 1), minmax(0, 1fr)) !important;
}
.e-loop-item {
  min-width: 0 !important;
  max-width: 100% !important;
}
.e-loop-item img {
  max-width: 100% !important;
  height: auto;
}

/* Keep line breaks in artist bios */
.hcg-bio .elementor-heading-title {
  white-space: pre-line;
}

/* Hide a detail row when its value is empty
   (row has a label but no second Text Editor) */
body:not(.elementor-editor-active) .hcg-details .e-con:not(:has(.elementor-widget-text-editor ~ .elementor-widget-text-editor)) {
  display: none !important;
}

/* Hide the whole artist section when no artists are entered */
body:not(.elementor-editor-active) .hcg-artists-section:not(:has(.hcg-artist-name .elementor-heading-title)) {
  display: none !important;
}

/* Hide unused artist rows (no name entered) */
body:not(.elementor-editor-active) .hcg-artist:not(:has(.hcg-artist-name .elementor-heading-title)) {
  display: none !important;
}

/* Hide Website / Instagram buttons with no link */
body:not(.elementor-editor-active) .hcg-link:not(:has(a[href])),
body:not(.elementor-editor-active) .hcg-link:has(a[href=""]),
body:not(.elementor-editor-active) .hcg-link:has(a[href="#"]) {
  display: none !important;
}

/* Hide "Plan Your Visit" on individual exhibition pages
   (still shows on the Exhibits page) */
body.single .hcg-visit {
  display: none !important;
}

/* Hide "Past Exhibits" button on the Exhibits page
   (the archive is right below it); still shows on the homepage */
body:not(.elementor-editor-active):has(#past) .hcg-past-btn {
  display: none !important;
}/* End custom CSS */