/*
 * Hello Elementor Child – custom styles
 */

/* ========================================
   Global Layout
======================================== */

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background-repeat: repeat-y;
  background-size: 1920px !important;
}

/* Mega menu images */
.mega-menu-container .elementor-widget-image a {
  display: block;
}

/* ========================================
   Category News Grid (.o-cat-news)
======================================== */

/*
 * 50/50 split, repeated per group of 3 posts:
 * 1 full-height item on the left, 2 half-height items stacked on the right.
 * Columns fill top-to-bottom and share the container width equally.
 * nth-of-type is used because Elementor prints <style> tags before the items.
 */
.o-cat-news .elementor-loop-container {
  display: grid;
  grid-template-columns: none;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-rows: auto;
  list-style-type: none;
  gap: 0;
  margin: -20px;
}
.o-cat-news .elementor-loop-container .post {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  padding: 20px;
}
.o-cat-news .elementor-loop-container .post > div {
  height: 100%;
}
/* First item of each group: full height */
.o-cat-news .elementor-loop-container .post:nth-of-type(3n + 1) {
  grid-row: span 2;
}
/* Second item with no third after it: fill the whole right column */
.o-cat-news .elementor-loop-container .post:nth-of-type(3n + 2):last-of-type {
  grid-row: span 2;
}
.o-cat-news .elementor-loop-container .post .o-sep,
.o-cat-news .elementor-loop-container .post .o-content,
.o-cat-news .elementor-loop-container .post .o-readmore {
  display: none;
}
.o-cat-news .elementor-loop-container .post .o-cat-news-block {
  justify-content: space-between;
}
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .o-cat-news-block {
  padding: 65px 40px 40px 40px !important;
}
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .o-sep,
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .o-content,
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .o-readmore {
  display: block;
}
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .o-cat {
  margin-bottom: 8px !important;
}

  .o-cat-news
  .elementor-loop-container
  .post:nth-of-type(1)
  .elementor-heading-title {
  font-size: 32px;
  line-height: 1.1em;
  padding-bottom: 5px;
}
.o-cat-news .elementor-loop-container .post:nth-of-type(1) .date-picker {
  margin-bottom: 15px;
}

/* ========================================
   Sub-category Image Map
======================================== */

.sub-cat-img-map ul {
  padding-left: 0;
}

/* ========================================
   Listening Tour Tabs
======================================== */

.listening-tour-tab .eael-tabs-nav ul li {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}
.listening-tour-tab .eael-tabs-nav ul li.active:after,
.listening-tour-tab .eael-tabs-nav > ul li.active:after,
.listening-tour-tab .eael-tabs-nav ul li.active::after {
  display: none !important;
}
.overflow-line-custom {
  width: auto;
}
/* ========================================
   Image Gallery Slider
======================================== */

.img-gallery-slider-custom img {
  height: 260px;
  object-fit: cover;
  transition: 0.3s all;
  transform: scale(1);
}
.img-gallery-slider-custom img:hover {
  transform: scale(1.2);
  z-index: 99999;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.35);
}
.img-gallery-slider-custom img:hover .swiper {
  overflow: visible !important;
}
.img-gallery-slider-custom .swiper {
  overflow: visible !important;
  transition: 0.3s all;
}
.img-gallery-slider-custom .swiper:hover {
  z-index: 1;
  position: relative;
}
.overflow-hidden .slider-overlay-pattern {
  z-index: 1;
  transition: 0.2s all;
}
.overflow-hidden img:hover .slider-overlay-pattern {
  z-index: 1;
}

.overflow-hidden {
  overflow: hidden;
}

/* ========================================
   Category News Grid – Mobile
======================================== */

@media (max-width: 767px) {
  .o-cat-news .elementor-loop-container {
    grid-template-columns: 100%;
    grid-template-rows: none;
    grid-auto-flow: row;
  }
  .o-cat-news .elementor-loop-container .post:nth-of-type(1),
  .o-cat-news .elementor-loop-container .post {
    grid-column: 1;
  }
  /* Stack every item; cancel the desktop row spans */
  .o-cat-news .elementor-loop-container .post:nth-of-type(3n + 1),
  .o-cat-news .elementor-loop-container .post:nth-of-type(3n + 2):last-of-type {
    grid-row: auto;
  }
  .o-cat-news .elementor-loop-container .post {
    width: 100%;
  }
  .o-cat-news .elementor-loop-container {
    height: auto;
  }
}

/* ========================================
   Sub-category Map & Lists
======================================== */

.sub-cat-map-list ul {
  padding-left: 0;
}
.sub-cat-map-list ul li {
  position: relative;
  margin-bottom: 10px;
  align-content: center;
  margin-left: 25px;
  list-style-type: none;
}
.sub-cat-map-list ul li p {
  display: block !important;
}
.post-paragrapgh-formatting ul li ul,
.sub-cat-map-list ul li ul {
  margin-top: 10px;
}

.post-paragrapgh-formatting ul,
.sub-cat-map-list ul {
  margin: 10px 0;
}
.sub-cat-map-list li:before {
  content: "";
  background: url("https://www.nihb.org/wp-content/uploads/2024/12/circle-check-regular-1.svg");
  width: 15.99px;
  height: 15.99px;
  background-repeat: no-repeat;
  margin-right: 5px;
  font-size: 22px;
  fill: #d22333 !important;
  font-weight: 600;
  position: absolute;
  margin-left: -25px;
  margin-top: 5px;
}
.sub-cat-list ul {
  padding-left: 0;
}
.sub-cat-list li {
  list-style-type: none !important;
  margin-bottom: 5px;
}

/* ========================================
   Single Post – Category Tags
======================================== */

.blog-single-cat-tag .elementor-post-info__terms-list {
  font-size: 0;
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
}
.blog-single-cat-tag
  .elementor-post-info__item.elementor-post-info__item--type-terms {
  padding: 0 !important;
}
.blog-single-cat-tag .elementor-post-info__terms-list-item {
  font-size: 9px !important;
  color: #707070 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  background: #e6e6e6;
  border-radius: 100px;
  padding: 6px 12px;
}

/* ========================================
   Single Post Content Formatting
======================================== */

.post-details-single h4 {
  font-size: 24px !important;
}
.post-details-single h3,
.post-details-single h4,
.post-details-single h5 {
  padding-left: 25px;
  margin: 20px 0 !important;
  border-left: 25px solid #f4c038;
  font-family: "Barlow Condensed", Sans-serif;
  font-weight: 500 !important;
  line-height: 28px !important;
  color: #231f20;
}
.post-details-single h6,
.post-details-single ul li,
.post-details-single ol li,
.post-paragrapgh-formatting ul li,
.post-paragrapgh-formatting ol li {
  margin-bottom: 10px !important;
}

.post-details-single p,
.post-paragrapgh-formatting p {
  margin-bottom: 20px;
}
.post-details-single ul {
  margin-bottom: 20px;
}

/* ========================================
   Resource Category Links
======================================== */

.resource-category-link-list li.elementor-icon-list-item.elementor-inline-item {
  display: block !important;
}
.resource-category-link-list
  li.elementor-icon-list-item.elementor-inline-item
  a {
  color: #838383 !important;
}
.resource-category-link-list
  li.elementor-icon-list-item.elementor-inline-item:hover {
  color: var(--e-global-color-primary);
}
.resource-category-link-list
  li.elementor-icon-list-item.elementor-inline-item
  a:nth-child(3) {
  display: none !important;
}

/* ========================================
   Sub-category Content
======================================== */

.sub-cat-image-content li strong {
  font-weight: 500 !important;
}
.sub-cat-image-content h6,
.sub-category-map-content-section h6,
.sub-cat-image-content h5,
.sub-category-map-content-section h5 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.sub-cat-map-list strong b {
  font-weight: 600 !important;
}
.related-resource-item .elementor-heading-title a,
.sub-cat-post-archeive .elementor-button-text {
  display: -webkit-box !important;
  /*     -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}
.related-post-img a {
  height: 100%;
  width: 100%;
}

.post-paragrapgh-formatting a u,
.sub-category-map-content-section a u,
.map-img-list-section a u {
  text-decoration: none !important;
}
.sub-category-content-text-img a {
  font-weight: 500;
}

/* ========================================
   Title Truncation
======================================== */

.o-cat-news .elementor-loop-container .news .elementor-heading-title,
.trim-title-2-lines .elementor-heading-title a {
  /*     -webkit-line-clamp: 2; */
}
.trim-title-3-lines .elementor-heading-title a,
.trim-title-3-lines p {
  /* 	-webkit-line-clamp: 3; */
}
.o-cat-news .elementor-loop-container .news .elementor-heading-title,
.trim-title-2-lines .elementor-heading-title a,
.trim-title-3-lines .elementor-heading-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* ========================================
   Mega Menu
======================================== */

.mega-menu-sub-item li {
  background: rgba(255, 255, 255, 0.04);
  padding: 6px 10px !important;
  border-radius: 6px;
}
.mega-menu-sub-item.category-scroller ul {
  padding-right: 10px;
}
.mega-menu-sub-item.category-scroller {
  height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
}
.mega-menu-parent-item a:hover {
  color: #f7941d !important;
}

.category-scroller::-webkit-scrollbar {
  width: 3px;
}
.category-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.04);
  height: 50px;
}
.category-scroller::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: #f7941d;
}
.mega-menu-parent-item a {
  position: relative;
}
.mega-menu-parent-item a:after,
.mega-menu-parent-item a:hover:after {
  position: absolute !important;
  content: "" !important;
  background: url(https://www.nihb.org/wp-content/uploads/2024/12/caret-right-red.png) !important;
  background-repeat: no-repeat;
  width: 8px !important;
  height: 12px !important;
  right: 0 !important;
  font-size: 18px;
  bottom: 0 !important;
  background-position: center !important;
}
.mega-menu-parent-item a {
  padding-right: 20px;
  display: block;
}
.main-navigation a:hover:before,
.main-navigation .e-current a:before {
  display: block;
  position: absolute;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
  content: "";
  width: 75%;
  height: 12px;
  top: 0;
  background: #f3c037;
  left: 8px;
}
.main-navigation .mega-menu-container a:hover:before {
  content: none;
}

/* ========================================
   Speaker Blocks
======================================== */

.o-speaker-block,
.o-speaker-block img {
  transition: all 0.3s;
}
.o-speaker-block:hover img {
  border-color: #f7941d !important;
  transition: all 0.3s;
}
.o-speaker-block:hover h4 a {
  color: #f7941d !important;
  transition: all 0.3s;
}

.elementor-widget-image a {
  display: block;
}

/* ========================================
   Resource Type Icons
======================================== */

.type-resource .media-icon {
  display: none;
}
.resources-type-pdf .media-icon-pdf {
  display: flex;
}
.resources-type-video .media-icon-video {
  display: flex;
}
.resources-type-podcast .media-icon-podcast {
  display: flex;
}
.resources-type-article .media-icon-article {
  display: flex;
}
/* Tags */
.o-tags .elementor-widget-container {
  display: inline-block;
  padding: 2px 30px 2px !important;
  background: #d22333;
  border-radius: 32px;
}
/* ========================================
   Storyline Timeline (.o-storyline)
======================================== */

.o-storyline .twae-icon i,
.o-storyline .twae-wrapper .twae-label-small {
  display: none;
}
.twae-wrapper .twae-label-big {
  color: #838383;
  text-transform: uppercase;
  font-size: 12px;
}
.o-storyline .twae-wrapper .twae-icon {
  width: 1px;
  height: 15px;
  border: none;
  left: 50% !important;
  transform: translateX(-50%);
  background-color: #b4b4b4 !important;
  margin-top: 23px;
  left: 6px !important;
}
.o-storyline .twae-horizontal-timeline.twae-wrapper .twae-button-next {
  right: calc(0px - 35px);
}
.twae-horizontal-timeline.twae-wrapper .twae-button-prev {
  left: calc(0px - 35px);
}
.o-storyline .twae-horizontal-timeline.twae-wrapper .twae-h-line {
  height: 1px;
  background: rgba(255, 255, 255, 0.6);
}
.twae-horizontal-timeline.twae-wrapper .twae-labels {
  top: -65px !important;
  height: 0 !important;
  left: 15px;
}
.o-storyline .twae-content {
  padding: 0px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  text-align: left !important;
}
.o-storyline .twae-wrapper .twae-arrow {
  border: none;
  left: 0px !important;
}
.o-storyline .twae-wrapper .twae-title {
  margin-top: 25px;
  color: #f3c037;
  font-family: "Barlow Condensed", Sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 20px !important;
  justify-content: start;
}
.twae-wrapper .twae-description {
  text-align: left !important;
}
.o-storyline .twae-wrapper .twae-description p {
  color: #fff !important;
  font-size: 14px !important;
  color: #b4b4b4 !important;
}
.o-storyline .twae-wrapper .twae-description h6 {
  color: #fff !important;
  font-family: "Barlow" !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px !important;
  margin-bottom: 15px !important;
}

/* ========================================
   Navigation – Tablet & Mobile
======================================== */

@media only screen and (max-width: 1023px) {
  .main-navigation a:hover:before {
    content: none;
  }
  .sticky-menu.elementor-sticky--effects .main-navigation ul li a {
    color: #fff !important;
  }
}

@media only screen and (max-width: 1023px) {
  .sticky-menu.elementor-sticky--effects .main-navigation li a span {
    color: #fff !important;
  }
  .elementor-widget-n-menu
    .e-n-menu[data-layout="dropdown"]
    .e-n-menu-title.e-current
    span {
    color: #d22333 !important;
  }
  .e-n-menu-content {
    display: none !important;
  }
  .elementor-widget-n-menu .e-n-menu-title-container.e-link {
    padding: 10px 15px;
    display: block;
    width: 100%;
  }
  .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .main-navigation a:hover:before,
  .main-navigation .e-current a:before {
    display: none;
  }
}
/* Board & staff grid */
@media only screen and (max-width: 767px) {
  .board-grid-boxes,
  .staff-grid-boxes {
    display: flex;
    flex-direction: column;
  }
}

/* ========================================
   Events
======================================== */

.event-date .tec-events-elementor-event-widget__datetime,
.event-date-post-grid {
  position: relative;
}
.event-date:before {
  content: "";
  background: url("https://www.nihb.org/wp-content/uploads/2025/01/white-event-icon.png");
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -8px;
}
.event-date-post-grid:before {
  content: "";
  background: url("https://www.nihb.org/wp-content/uploads/2025/01/even-icon-grey.png");
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
.tec-events-elementor-event-widget__venue
  .tec-events-elementor-event-widget__venue-container {
  border: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
.tec-events-elementor-event-widget__venue-details {
  padding: 0 !important;
}
.event-location {
  margin-left: 20px;
}
.event-location:before {
  content: "";
  background: url("https://www.nihb.org/wp-content/uploads/2025/01/even-icon-grey.png");
  margin-left: -20px;
  width: 13px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
.eael-event-calendar-wrapper.layout-calendar {
  border-radius: 8px;
}
.fc-timeGridDay-button,
.fc-timeGridWeek-button,
.fc-listMonth-button {
  display: none !important;
}
/* Category template icon boxes */
.cat-temp-icon-box-container img {
  width: 100%;
  max-width: 70px;
  height: 70px;
  object-fit: cover;
}

/* ========================================
   Global Header
======================================== */

.sticky-menu.elementor-sticky--effects {
  background: #fff;
}
.sticky-menu.elementor-sticky--effects > .main-navigation ul li a {
  color: #231f20;
}

.header-top-social-list .elementor-social-icon:hover {
  background: transparent !important;
}

/*.sticky-menu .hamburger {*/
/*    display: none;*/
/*}*/
/*.sticky-menu.elementor-sticky--effects .hamburger {*/
/*    display: inline-block;*/
/*}*/
/* .d-logo {
  display: none;
}
.sticky-menu.elementor-sticky--effects .d-logo {
  display: inline-block;
}
.sticky-menu.elementor-sticky--effects .l-logo {
  display: none;
} */

/*.main-navigation ul li a:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    height: 12px;*/
/*    background-color: transparent !important;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: 1 !important;*/
/*}*/
/*.main-navigation ul li.menu-item-home a:before {*/
/*    background-color: #F3C037 !important;*/
/*}*/
/*.main-navigation ul li.current-menu-item a:before {*/
/*    background-color: #F3C037 !important;*/
/*}*/
.main-navigation ul li.menu-item-home a {
  border-color: #f3c037 !important;
}
.main-navigation ul li.current-menu-item a {
  border-color: #f3c037 !important;
}
/*.sticky-menu.elementor-sticky--effects .main-navigation ul li.menu-item-home a {*/
/*    color: #D22333 !important;*/
/*}*/
.sticky-menu.elementor-sticky--effects
  .main-navigation
  ul
  li.current-menu-item
  a {
  color: #d22333 !important;
}
.child-menu {
  visibility: hidden;
  opacity: 0;
}
.sticky-menu.elementor-sticky--effects .child-menu {
  opacity: 1;
  visibility: visible;
}
.child-menu .elementor-nav-menu--dropdown {
  position: fixed;
  right: 0px;
  left: 0;
  margin-top: 60px;
  padding: 3px 0;
}
.child-menu .elementor-nav-menu--dropdown ul li {
  display: inline-block;
}
.child-menu .elementor-nav-menu--dropdown ul {
  max-width: 1065px;
  margin: 0 auto;
}
.child-menu .elementor-nav-menu--dropdown ul li a {
  line-height: 13px !important;
  padding: 5px 10px !important;
}
.child-menu .elementor-nav-menu--dropdown ul li a:hover {
  background: transparent !important;
}
.child-menu .elementor-nav-menu--dropdown ul li a:after {
  position: absolute;
  content: "";
  right: -4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
  opacity: 1 !important;
}
.child-menu .elementor-nav-menu--dropdown ul li:last-child a:after {
  display: none;
}
.elementor-widget-search .e-search .e-search-submit > svg {
  margin-right: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .main-navigation {
    width: 40px;
  }
  .main-navigation .elementor-menu-toggle {
    background: #f3c037 !important;
    margin: 0 0 0 auto !important;
  }
  .main-navigation .elementor-nav-menu--dropdown {
    margin-top: 48px !important;
    position: fixed;
    left: 0;
    right: 0;
  }
  .sticky-menu {
    background: rgba(0, 0, 0, 0.3);
  }
  .sticky-menu .hamburger {
    display: none;
  }
  .sticky-menu.elementor-sticky--effects .hamburger {
    display: none;
  }
  .child-menu {
    display: none;
  }
  .sticky-menu.elementor-sticky--effects > .main-navigation ul li a {
    color: #fff !important;
  }
  .sticky-menu.elementor-sticky--effects .main-navigation ul li a {
    color: #fff !important;
  }
}

.sticky-menu.elementor-sticky--effects .main-navigation li a span,
.sticky-menu.elementor-sticky--effects
  .main-navigation
  .e-n-menu-dropdown-icon
  svg {
  color: #000 !important;
  fill: #000 !important;
}
.sticky-menu.elementor-sticky--effects
  .main-navigation
  .e-n-menu-dropdown-icon
  svg.e-font-icon-svg.e-fas-caret-up {
  fill: #000 !important;
}
#menu-btn-a.menu-btn-a .elementor-button {
  color: #fff !important;
}

/* ========================================
   Global Single Header
======================================== */

.sticky-menu.elementor-sticky--effects {
  background: #fff;
}
.sticky-menu.elementor-sticky--effects > .main-navigation ul li a {
  color: #231f20;
}

.sticky-menu .menu-btn-a.mega-menu-parent-item a .elementor-button-text {
  color: #fff !important;
}
.sticky-menu .menu-btn-a.mega-menu-parent-item a .elementor-button-text:hover,
.menu-btn-a.mega-menu-parent-item a .elementor-button-text:hover {
  color: #f7941d !important;
}
/*.sticky-menu .hamburger {*/
/*    display: none;*/
/*}*/
/*.sticky-menu.elementor-sticky--effects .hamburger {*/
/*    display: inline-block;*/
/*}*/
.d-logo {
  display: none;
}
.sticky-menu.elementor-sticky--effects .d-logo {
  display: inline-block!important;
}
.sticky-menu.elementor-sticky--effects .l-logo {
  display: none;
}

/*.main-navigation ul li a:before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    height: 12px;*/
/*    background-color: transparent !important;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    opacity: 1 !important;*/
/*}*/
/*.main-navigation ul li.menu-item-home a:before {*/
/*    background-color: #F3C037 !important;*/
/*}*/
/*.main-navigation ul li.current-menu-item a:before {*/
/*    background-color: #F3C037 !important;*/
/*}*/
.main-navigation ul li.menu-item-home a {
  border-color: #f3c037 !important;
}
.main-navigation ul li.current-menu-item a {
  border-color: #f3c037 !important;
}
/*.sticky-menu.elementor-sticky--effects .main-navigation ul li.menu-item-home a {*/
/*    color: #D22333 !important;*/
/*}*/
.sticky-menu.elementor-sticky--effects
  .main-navigation
  ul
  li.current-menu-item
  a {
  color: #d22333 !important;
}
.child-menu {
  visibility: hidden;
  opacity: 0;
}
.sticky-menu.elementor-sticky--effects .child-menu {
  opacity: 1;
  visibility: visible;
}
.child-menu .elementor-nav-menu--dropdown {
  position: fixed;
  right: 0px;
  left: 0;
  margin-top: 60px;
  padding: 3px 0;
}
.child-menu .elementor-nav-menu--dropdown ul li {
  display: inline-block;
}
.child-menu .elementor-nav-menu--dropdown ul {
  max-width: 1065px;
  margin: 0 auto;
}
.child-menu .elementor-nav-menu--dropdown ul li a {
  line-height: 13px !important;
  padding: 5px 10px !important;
}
.child-menu .elementor-nav-menu--dropdown ul li a:hover {
  background: transparent !important;
}
.child-menu .elementor-nav-menu--dropdown ul li a:after {
  position: absolute;
  content: "";
  right: -4px;
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
  opacity: 1 !important;
}
.child-menu .elementor-nav-menu--dropdown ul li:last-child a:after {
  display: none;
}
.elementor-widget-search .e-search .e-search-submit > svg {
  margin-right: 0 !important;
}
@media only screen and (max-width: 1023px) {
  .main-navigation {
    width: 40px;
  }
  .main-navigation .elementor-menu-toggle {
    background: #f3c037 !important;
    margin: 0 0 0 auto !important;
  }
  .main-navigation .elementor-nav-menu--dropdown {
    margin-top: 48px !important;
    position: fixed;
    left: 0;
    right: 0;
  }
  .sticky-menu {
    background: rgba(0, 0, 0, 0.3);
  }
  .sticky-menu .hamburger {
    display: none;
  }
  .sticky-menu.elementor-sticky--effects .hamburger {
    display: none;
  }
  .child-menu {
    display: none;
  }
  .sticky-menu.elementor-sticky--effects > .main-navigation ul li a {
    color: #fff !important;
  }
  .sticky-menu.elementor-sticky--effects .main-navigation ul li a {
    color: #fff !important;
  }
}

.sticky-menu.elementor-sticky--effects .main-navigation li a span,
.sticky-menu.elementor-sticky--effects
  .main-navigation
  .e-n-menu-dropdown-icon
  svg {
  color: #000 !important;
  fill: #000 !important;
}
.sticky-menu.elementor-sticky--effects
  .main-navigation
  .e-n-menu-dropdown-icon
  svg.e-font-icon-svg.e-fas-caret-up {
  fill: #000 !important;
}

/* ========================================
   Prenatal-to-Three Button
======================================== */

.prenatal-to-three-btn {
  background-color: #d22333;
  font-family: "Barlow", Sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 16px;
  fill: #ffffff;
  color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #d22333;
  border-radius: 100px 100px 100px 100px;
  padding: 12px 18px 12px 18px;
}
.prenatal-to-three-btn:hover {
  background-color: #f7941d;
  color: #ffffff;
  border-color: #f7941d;
}

/* Newsletter form – mobile */
@media (max-width: 767px) {
  .newsletter-input-wrapper .gform_wrapper .gform_body .gform_fields {
    display: grid !important;
    width: max-content;
  }
  .newsletter-input-wrapper .gform-theme--foundation .gfield--width-half {
    grid-column: span 6;
  }
}

/* ========================================
   Listening Hub Tour
======================================== */

.cta-participate {
  height: 100%;
}
.cta-participate:hover .elementor-view-default .elementor-icon svg {
  fill: #4c9b9e !important;
}
.faq-section .e-n-accordion-item-title {
  display: flex;
  justify-content: space-between;
}
.faq-section .e-n-accordion-item-title .e-n-accordion-item-title-icon svg {
  fill: #f7941d !important;
}
.custom-story-tour .twae-horizontal-timeline.twae-wrapper .twae-h-line {
  height: 8px !important;
  bottom: 0 !important;
  top: auto;
  background: #b3b3b3 !important;
}
.custom-story-tour .twae-wrapper-inside {
  padding-bottom: 80px;
}
.custom-story-tour .twae-content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.custom-story-tour .twae-arrow {
  top: auto !important;
  bottom: 0;
}
.custom-story-tour .twae-button-next i,
.custom-story-tour .twae-button-prev i {
  color: #3f444b;
}
.custom-story-tour .twae-arrow {
  top: auto !important;
  bottom: -73px;
  height: 8px !important;
  width: calc(100% + 15px) !important;
  border: 0;
  left: 0px !important;
  transform: none !important;
  border: 0 !important;
}
.custom-story-tour .twae-icon i {
  display: none;
}
.custom-story-tour .twae-icon {
  width: 12px !important;
  height: 12px !important;
  border: 0 !important;
  bottom: -30px;
  top: auto !important;
}

.custom-story-tour .twae-icon:before {
  position: absolute;
  content: "";
  width: 2px !important;
  height: 45px !important;
  bottom: -45px;
  left: 50% !important;
  transform: translatex(-50%);
  top: auto !important;
  z-index: 1;
  opacity: 1 !important;
}
.custom-story-tour
  .twae-slider-wrapper
  .twae-repeater-item:nth-child(3n + 1)
  .twae-icon:before,
.custom-story-tour .twae-repeater-item:nth-child(3n + 1) .twae-arrow,
.custom-story-tour .twae-repeater-item:nth-child(3n + 1) .twae-icon {
  background-color: #67b2c9 !important;
  background: #67b2c9 !important;
}
.custom-story-tour .twae-repeater-item:nth-child(3n) .twae-arrow {
  bottom: -80px;
  display: block !important;
}

.custom-story-tour
  .twae-slider-wrapper
  .twae-repeater-item:nth-child(3n)
  .twae-icon:before,
.custom-story-tour .twae-repeater-item:nth-child(3n) .twae-arrow,
.custom-story-tour .twae-repeater-item:nth-child(3n) .twae-icon {
  background-color: #c0373a !important;
  background: #c0373a !important;
}

.custom-story-tour
  .twae-slider-wrapper
  .twae-repeater-item:nth-child(3n + 2)
  .twae-icon:before,
.custom-story-tour .twae-repeater-item:nth-child(3n + 2) .twae-arrow,
.custom-story-tour .twae-repeater-item:nth-child(3n + 2) .twae-icon {
  background-color: #b3b3b3 !important;
  background: #b3b3b3 !important;
}
.custom-story-tour
  .twae-slider-wrapper
  .twae-repeater-item:nth-child(3n + 2)
  .twae-arrow,
.custom-story-tour .twae-repeater-item:last-child .twae-arrow {
  display: none;
}

.custom-story-tour .twae-slider-wrapper.swiper-wrapper.auto-height {
  margin-top: 0 !important;
}

.custom-story-tour .swiper-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.custom-story-tour .twae-description h6 {
  font-size: 12px;
  font-family: "Barlow", sans-serif;
  color: #838383;
}
.custom-story-tour .twae-repeater-item:nth-child(3n) .twae-description h6 {
  color: #d22333;
}
.custom-story-tour .twae-repeater-item:nth-child(3n + 1) .twae-description h6 {
  color: #67b2c9;
}

/* ========================================
   Side Navigation (#fixedSidebar)
======================================== */

.sidenav-link .elementor-button {
  width: 100%;
}
.sidenav-link .elementor-button-icon svg {
  fill: #d22333;
}
.sidenav-link .elementor-button-content-wrapper {
  justify-content: space-between;
}
#fixedSidebar.light-sidebar .sidenav-link .elementor-button {
  color: #000 !important;
}
#fixedSidebar.dark-sidebar .sidenav-link .elementor-button {
  color: #fff !important;
}
#fixedSidebar.dark-sidebar
  .sidenav-link
  .elementor-button
  .elementor-button-icon
  svg {
  fill: #fff;
}
#fixedSidebar.dark-sidebar .elementor-heading-title {
  color: #fff !important;
}
.color-orange u {
  text-decoration-color: #f7941d;
  text-decoration-thickness: 2px;
}

/* ========================================
   Responsive Utilities
======================================== */

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .custom-story-tour .twae-description.twae-description {
    padding-right: 60px;
  }
}

@media (max-width: 1440px) {
  #fixedSidebar {
    display: none !important;
  }
}

/* ========================================
   New Home Page
======================================== */
.cta-content-item .elementor-content-item {
  margin-bottom: 0 !important;
}
.vertical-divider .eael-divider-content {
  margin: 0 !important;
}
.grid-item-new {
  height: 100% !important;
}
.new-programs .elementor-cta:hover .elementor-cta__bg-overlay {
  background-color: transparent !important;
}
.new-resources {
  max-width: 500px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.new-newsletter label.gfield_label.gform-field-label {
  color: #fff;
}
.new-newsletter .newsletter-input-wrapper input[type="email"] {
  background-color: rgba(225, 225, 225, 0.05) !important;
  border: 1px solid rgba(225, 225, 225, 0.35) !important;
  color: rgba(225, 225, 225, 0.5) !important;
  border-radius: 100px !important;
}
.new-newsletter .newsletter-input-wrapper .newsletter-input {
  width: auto !important;
}
.new-newsletter .newsletter-input-wrapper input[type="submit"] {
  border-radius: 100px !important;
  margin-left: 16px !important;
}
.new-before-bg {
  height: 100% !important;
}
.new-upcoming-event {
  height: 100% !important;
}
.new-top-header a {
  color: var(--e-global-color-text);
  text-decoration: underline !important;
}
.new-top-header a:hover {
  text-decoration: none !important;
}
.up-coming-event-slider .e-con-boxed {
  height: 100% !important;
}
.new-recent-update .elementor-cta__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-recent-update .elementor-element .elementor-cta__content {
  position: relative;
}
.new-recent-update .elementor-element .elementor-cta__content:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 4px;

  top: 0;
  right: 0;
  border-radius: 4px;
  z-index: 2;
  border-right: 4px solid rgba(255, 255, 255, 0.5);
}
.cta-content-item .elementor-cta__button.elementor-button {
  position: relative;
}

.cta-content-item .elementor-cta__button.elementor-button:before {
  position: absolute;
  content: "";
  right: -25px;
  top: -5px;
  width: 25px;
  height: 25px;
  background-image: url(/wp-content/uploads/2026/03/arrow-right-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.cta-content-item .elementor-cta__button.elementor-button:hover:before {
  background-image: url(/wp-content/uploads/2026/03/arrow-right-hover.svg);
}

.newsletter-input-wrapper.newsletter-input-new .gform_submission_error,
.newsletter-input-wrapper.newsletter-input-new .gform_validation_errors,
.newsletter-input-wrapper.newsletter-input-new .gform_submission_error ol li {
  color: #fff;
}
.new-newsletter
  .field_sublabel_above.gfield--type-captcha.gfield--input-type-captcha,
.new-newsletter .gform-footer.gform_footer.top_label {
  display: none;
}
@media screen and (max-width: 767px) {
  .mob-no-bg {
    background-image: none !important;
  }
  .up-coming-event-slider .e-con-boxed {
    height: auto !important;
  }
}

/* ========================================
   Past Events Button
======================================== */
.past-event-btn {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #d22333 !important;
  text-transform: capitalize;
  padding: 0px 0px !important;
  margin-top: 12px;
}

.past-event-btn,
.archived .events-custom-post-link {
  display: none !important;
}
.active-city .archived .past-event-btn,
.owl-item:hover .archived .past-event-btn {
  display: inline-block !important;
}

/* ========================================
   Find Filter Map Location Tour Page (map demo 1 – live)
======================================== */

.map-demo1 #map {
  height: 400px;
  width: 100%;
  z-index: 1;
}
.map-demo1 .owl-stage,
.map-demo1 .owl-carousel .owl-item {
  display: flex;
}
.map-demo1 .ue-carousel-content {
  border-radius: 6px;
  cursor: pointer;
}

.map-demo1 .owl-item:hover .ue-carousel-content,
.map-demo1 .owl-item.active-city .ue-carousel-content {
  background-color: #fff !important;
  opacity: 1 !important;
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .owl-item:hover .ue-carousel-content {
  transition: all 0.5s ease-in-out;
  border-radius: 6px;
}
.map-demo1 .owl-item .ue-post-title a {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-left: 28px;
  position: relative;
  margin-bottom: 10px;
  line-height: normal;
}
.map-demo1 .owl-item:hover .ue-post-title a,
.map-demo1 .owl-item.active-city .ue-post-title a {
  color: #1f9ea0 !important;
  position: relative;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  line-height: normal;
}
.map-demo1 .owl-item .ue-post-title a:before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2026/02/on-person-pointer.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  top: 2px;
  left: 0;
}

.map-demo1 .ue-post-title.virtual a:before {
  background: url(/wp-content/uploads/2026/02/virtual-location-pointer.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.map-demo1 .ue-post-title.past-event a:before {
  background: url(/wp-content/uploads/2026/03/past-date-pin.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

.map-demo1 .ue-carousel-item {
  overflow: visible !important;
  width: 100%;
}

.map-demo1 .owl-item:hover .ue-post-content,
.map-demo1 .owl-item.active-city .ue-post-content {
  color: #5c5c5c !important;
}

.map-demo1 .events-custom-post-type {
  border: 1px solid #1f9ea0;
  border-radius: 100px;
  display: none;
  padding: 5px 20px 5px 20px !important;
  transition: all 0.5s ease-in-out;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: normal;
  margin-top: 17px;
  margin-bottom: 15px;
  text-transform: uppercase;
  width: max-content;
}

.map-demo1 .owl-item:hover .events-custom-post-type,
.map-demo1 .owl-item.active-city .events-custom-post-type {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  color: #5c5c5c;
  opacity: 1;
}

.map-demo1 .ue-carousel-content-inside {
  display: flex;
  flex-direction: column;
}
.map-demo1 .ue-post-title {
  order: 1;
}

.map-demo1 .ue-post-content {
  order: 2;
}
.find-filter select.uc-select-filter__select {
  background-color: #1f9ea0 !important;
  border-radius: 100px !important;
}
.map-demo1 .ue-carousel-item .events-custom-post {
  order: 1;
}
.map-demo1 .ue-carousel-item .ue-item-bullet-holder {
  order: 3;
}
.map-demo1 .ue-carousel-item .ue-post-date {
  order: 2;
  margin-top: 70px;
}
.map-demo1 .ue-post-image {
  display: none;
}

.map-demo1 .post-horizontal-timeline {
  overflow: hidden;
}
.map-demo1 .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.map-demo1 .events-custom-post-link {
  display: none;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .events-custom-post-loaction {
  display: none;
}
.map-demo1 .owl-item:hover .events-custom-post-link,
.map-demo1 .owl-item.active-city .events-custom-post-link {
  display: inline-block;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .owl-item:hover .events-custom-post-loaction,
.map-demo1 .owl-item.active-city .events-custom-post-loaction {
  display: block;
  opacity: 1;
}
.map-demo1 .events-custom-post-link {
  background-color: #d22333 !important;
  border-radius: 100px;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 24px !important;
  text-align: center;
  margin-top: 12px;
  display: none;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .events-custom-post-link:hover {
  font-weight: 700;
  letter-spacing: 1px;
  background-color: #1f9ea0 !important;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .events-custom-post-loaction,
.map-demo1 .events-custom-post-loaction a {
  font-size: 12px;
  color: #5c5c5c;
}
.map-demo1 .events-custom-post-loaction a {
  text-decoration: underline;
}
.map-demo1 .events-custom-post-loaction p {
  margin-bottom: 0;
}
.map-demo1 .events-custom-post-group {
  font-size: 11px;
  color: #5c5c5c;
  letter-spacing: 1px;
  font-weight: 600;
  color: #fff;
  line-height: normal;
  display: block;
  transition: all 0.5s ease-in-out;
}
.map-demo1 .events-custom-post-date {
  font-size: 11px;
  color: #5c5c5c;
  letter-spacing: 1px;
  font-weight: 600;
  color: #fff;
  line-height: normal;
  display: block;
}
.map-demo1 .owl-item:hover .events-custom-post-date,
.map-demo1 .owl-item:hover .events-custom-post-group,
.map-demo1 .owl-item.active-city .events-custom-post-group,
.map-demo1 .owl-item.active-city .events-custom-post-date {
  color: #5c5c5c;
}
.map-demo1 .owl-item .events-custom-post-date {
  display: none;
}
.map-demo1 .owl-item:hover .events-custom-post-date,
.map-demo1 .owl-item.active-city .events-custom-post-date {
  display: block;
}

.map-demo1 .owl-item:hover .events-custom-post-date.extra-date,
.map-demo1 .owl-item.active-city .events-custom-post-date.extra-date {
  display: none;
}
.map-demo1 .owl-item .events-custom-post-date.extra-date {
  display: block;
}

.map-demo1 .events-custom-post {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
  height: 100%;
  min-height: 185px;
  background-color: transparent;
}
.map-demo1 .owl-nav .owl-prev,
.map-demo1 .owl-nav .owl-next {
  bottom: 20px;
  top: auto !important;
  background-color: #fff !important;
}
.map-demo1 .owl-nav .owl-prev i,
.map-demo1 .owl-nav .owl-next i {
  color: #000;
}
.map-demo1 .owl-nav .owl-prev:hover,
.map-demo1 .owl-nav .owl-next:hover {
  background-color: var(--e-global-color-primary) !important;
}
.map-demo1 .owl-nav .owl-prev:hover i,
.map-demo1 .owl-nav .owl-next:hover i {
  color: #fff;
}
.map-demo1 .ue-item-vertical-line-holder {
  display: none !important;
}

.map-new-sec #map {
  height: 500px;
  width: 100%;
}
.map-demo1 .custom-map {
  max-width: 500px;
}
.map-demo1 .active-city .visible-link.open-office,
.map-demo1 .owl-item:hover .visible-link.open-office {
  display: inline-block !important;
}

.map-demo1 .hidden-div,
.map-demo1 .open-office {
  display: none !important;
}
.map-demo1 .marker {
  width: 25px !important;
  height: 25px !important;
  transform: scale(1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.map-demo1 .marker.active-marker {
  transform: scale(1.4);
  transition: all 0.2s ease-in-out;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

/* Welcome text */
.welcome-text {
  font-family:
    var(--e-global-typography-secondary-font-family), Sans-serif !important;
  font-weight: var(--e-global-typography-secondary-font-weight) !important;
  color: var(--e-global-color-238340f) !important;
  margin-top: 0 !important;
}
/* Map – responsive */
@media screen and (min-width: 1440px) {
  .map-demo1 .custom-map {
    max-width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .map-demo1 .marker {
    width: 15px !important;
    height: 15px !important;
  }
  .map-demo1 .marker.active-marker {
    transform: scale(1.4);
    transition: all 0.2s ease-in-out;
  }
}

/* ========================================
   Event Archive Detail Page
======================================== */
.type-story .elementor-widget-theme-post-content p {
  margin-bottom: 0 !important;
}
.event-archive-stories .elementor-widget-theme-post-title h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event-archive-resources .elementor-icon-box-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.map-demo1 .owl-item:hover .view-details-btn,
.map-demo1 .owl-item.active-city .view-details-btn {
  display: inline-block !important;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.archive-detail-heading h3 {
  margin: 0 !important;
}

/* ========================================
   Popups & Gravity Forms
======================================== */

#elementor-popup-modal-6215 .dialog-close-button svg {
  fill: #d22333 !important;
}
.request-specker-modal-form .gform_wrapper .gform_body .gform_fields input {
  border-right: 1px solid !important;
}
.request-specker-modal-form .gform_wrapper .gform_body .gform_fields {
  width: 100%;
}
.contact-form .gform_wrapper .gform_body .gform_fields {
  width: 100% !important;
}
.contact-form .gform_wrapper .gform_body .gform_fields input {
  border-radius: 3px !important;
  border-right: 1px solid;
}

@media only screen and (max-width: 767px) {
  .request-specker-modal-form .gform_wrapper .gform_body .gform_fields,
  .contact-form .gform_wrapper .gform_body .gform_fields {
    display: inline-block;
  }
  .contact-form .gform_wrapper .gform_body .gform_fields {
  }
}
/* ========================================
   Custom Category Associated Template archive template
======================================== */

/* Images
.category-item .category-item-image img {
  max-width: 55px;
  margin-bottom: 5px;
}

.category-item {
  text-align: center;
  padding: 24px 20px;
  min-height: 280px;
  box-sizing: border-box;
  background: url("/wp-content/uploads/2026/03/Buffalo-Texture-Black-Layered-Edited-4-2.webp");
  transition: all 0.5s ease-out;
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.category-item:hover {
  transform: translateY(-10px);
} */
/* Title */
/* .category-item .category-item-title {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-weight: var(--e-global-typography-primary-font-weight);
  color: var(--e-global-color-238340f);
  font-size: 24px;
  line-height: 1.4em;
} */
/* Button */
/* .category-item .category-item-button {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 15px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  width: max-content;
} */

/* Horizontal slider */
/* .category-items {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 10px 5px 20px;
  -webkit-overflow-scrolling: touch;
} */

/* Each slide: 5 items on desktop */
/* .category-items .category-item {
  flex: 0 0 calc((100% - 60px) / 5);
  min-width: 0;
  scroll-snap-align: start;
}

.category-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.category-slider-arrow.prev {
  left: 0;
}
.category-slider-arrow.next {
  right: 0;
} */

/* Tablet: 3 items visible */
/* @media only screen and (max-width: 1024px) {
  .category-items .category-item {
    flex: 0 0 calc((100% - 30px) / 3);
  }
} */

/* Mobile: 2 items visible */
/* @media only screen and (max-width: 767px) {
  .category-items .category-item {
    flex: 0 0 calc((100% - 15px) / 2);
  }
} */

/* Hide scrollbar */
/* .category-items {
  scrollbar-width: none;
}

.category-items::-webkit-scrollbar {
  display: none;
} */
/* ========================================
   Custom Category Associated Template archive template
======================================== */

/* Images */
.category-item .category-item-image img {
    max-width: 55px;
    margin-bottom: 5px;
}

.category-item {
    text-align: center;
    padding: 24px 20px;
    min-height: 280px;
    box-sizing: border-box;
    background: url('/wp-content/uploads/2026/03/Buffalo-Texture-Black-Layered-Edited-4-2.webp');
    transition: all 0.5s ease-out;
    display: inline-flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.category-item:hover {
    transform: translateY(-10px);
}
/* Title */
.category-item .category-item-title {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-238340f);
    font-size: 24px;
    line-height: 1.4em;
}
/* Button */
/* Category slider wrapper */
.category-slider-wrapper {
    position: relative;
    width: 100%;
}

/* Horizontal slider */
.category-items {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 10px 5px 20px;
    -webkit-overflow-scrolling: touch;

    /* Hide scrollbar */
    scrollbar-width: none;
}

.category-items::-webkit-scrollbar {
    display: none;
}

/* Desktop: 5 items visible */
.category-items .category-item {
    flex: 0 0 calc((100% - 60px) / 5);
    min-width: 0;
    scroll-snap-align: start;
}

/* Category item button */
.category-item .category-item-button {
    display: inline-block;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 15px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    width: max-content;
    transition: all 0.3s ease;
}

.category-item .category-item-button:hover {
    background: #fff;
    color: #222;
}

/* Slider navigation arrows */
/* Slider navigation arrows */
.category-slider-arrow,
.category-slider-arrow:hover,
.category-slider-arrow:focus,
.category-slider-arrow:focus-visible,
.category-slider-arrow:active {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 10px;
    background: transparent !important;
    border: none !important;
    border-radius: 50%;
    box-shadow: none !important;
    color: #D22333;
    cursor: pointer;
    outline: none !important;
    transition: color 0.3s ease;
}

.category-slider-arrow:hover,
.category-slider-arrow:focus,
.category-slider-arrow:active {
    background-color: transparent !important;
    color: #D22333;
}

/* SVG icons */
.category-slider-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.category-slider-arrow.next svg {
    transform: rotate(180deg);
}

/* Desktop arrow positioning */
.category-slider-arrow.prev {
    left: -55px;
}

.category-slider-arrow.next {
    right: -55px;
}

/* Hide pagination if present */
.category-slider-dots {
    display: none !important;
}

/* Desktop: 5 items */
.category-items .category-item {
    flex: 0 0 calc((100% - 60px) / 5);
    min-width: 0;
}

/* Tablet: 2 items */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .category-items .category-item {
        flex: 0 0 calc((100% - 15px) / 2);
    }

    .category-slider-arrow.prev {
        left: -5px;
    }

    .category-slider-arrow.next {
        right: -5px;
    }
}

/* Mobile: 1 item */
@media only screen and (max-width: 767px) {
    .category-items .category-item {
        flex: 0 0 100%;
    }
	.category-items{
		max-width:80%;
		        margin: auto;
        gap: 0;
	}
 

    .category-slider-arrow.prev {
        left: -15px;
    }

    .category-slider-arrow.next {
        right: -15px;
    }
}

/* Hide scrollbar */
.category-items {
    scrollbar-width: none;
}

.category-items::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar */
.category-items {
    scrollbar-width: none;
}

.category-items::-webkit-scrollbar {
    display: none;
}

/* SLider content archive template */

/* Hide containers whose only widget is an empty shortcode */
.e-con:has(> .e-con-inner > .elementor-widget-shortcode:only-child .elementor-shortcode:empty),
.e-con:has(> .elementor-widget-shortcode:only-child .elementor-shortcode:empty) {
    display: none;
}

.hide-empty-shortcode:has(.elementor-shortcode:empty) {
    display: none;
}
/* ========================================
   Category slider arrows: visibility fix (2026-11-02)
   ----------------------------------------
   Elementor's global button style (.elementor-kit-6 button, from Site
   Settings > Buttons) is more specific than .category-slider-arrow, so it
   overrode the arrow colour (white on the light section) and padding
   (12px 26px, which squeezed the 42px button's SVG to 0px wide).
   The extra .category-slider-wrapper class raises specificity so the
   arrow rules above apply. Existing rules above are unchanged.
======================================== */
.category-slider-wrapper .category-slider-arrow,
.category-slider-wrapper .category-slider-arrow:hover,
.category-slider-wrapper .category-slider-arrow:focus,
.category-slider-wrapper .category-slider-arrow:active {
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    padding: 10px;
    color: #D22333;
}

/* Keyboard focus ring (the outline above is removed for mouse users) */
.category-slider-wrapper .category-slider-arrow:focus-visible {
    outline: 2px solid #D22333 !important;
    outline-offset: 2px;
}

/* Dim an arrow at the start/end of the slider (set by the slider script) */
.category-slider-wrapper .category-slider-arrow:disabled {
    opacity: 0.35;
    cursor: default;
}

/* Snap the first slide to scrollLeft 0 (the 5px side padding made it snap to 5),
   so the slider script correctly dims the Previous arrow at the start */
.category-slider-wrapper .category-items {
    scroll-padding-inline: 5px;
}

/* Mobile: keep both arrows fully on screen, in the space beside the 80%-wide slide */
@media only screen and (max-width: 767px) {
    .category-slider-wrapper .category-slider-arrow,
    .category-slider-wrapper .category-slider-arrow:hover,
    .category-slider-wrapper .category-slider-arrow:focus,
    .category-slider-wrapper .category-slider-arrow:active {
      width: 42px;
    height: 42px;
        padding: 8px;
    }

    .category-slider-wrapper .category-slider-arrow.prev {
        left: 0;
    }

    .category-slider-wrapper .category-slider-arrow.next {
        right: 0;
    }
}