.elementor-11925 .elementor-element.elementor-element-126e259{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .elementor-repeater-item-796e254 .swiper-slide-bg{background-color:#833ca3;background-image:url(../webp/sound-of-music-1.webp);background-size:cover;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .elementor-repeater-item-e8a9c8c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://art-bridge.org/wp-content/uploads/2024/09/sound-of-music-2-1.webp);background-size:cover;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .elementor-repeater-item-bf9425b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://art-bridge.org/wp-content/uploads/2024/09/sound-of-music-5-1.webp);background-size:cover;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .elementor-repeater-item-4950286 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://art-bridge.org/wp-content/uploads/2024/09/sound-of-music-4-1.webp);background-size:cover;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .swiper-slide{transition-duration:calc(5000ms*1.2);height:550px;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .swiper-slide-contents{max-width:66%;}.elementor-11925 .elementor-element.elementor-element-5b923a4e .swiper-slide-inner{text-align:center;}.elementor-11925 .elementor-element.elementor-element-33de370a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11925 .elementor-element.elementor-element-33de370a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11925 .elementor-element.elementor-element-3c759f20{columns:1;}/* Start custom CSS for container, class: .elementor-element-126e259 *//* Remove uppercase from everything first to fix garbled text */
.portfolio_navigation,
.portfolio_navigation * {
  text-transform: none !important;
}

/* Then add uppercase back only to categories */
.portfolio_navigation .post_info .categories {
  text-transform: uppercase !important;
}

/* Force proper flexbox layout */
.portfolio_navigation {
  display: flex !important;
  justify-content: space-between !important;
  gap: 400px !important;  /* <-- Change this number */
  width: 100% !important;
  padding: 20px 0 !important;
}

/* Target the actual navigation links/containers */
.portfolio_navigation > * {
  flex: 1 1 auto !important;
  max-width: 95% !important;
}

/* Left side alignment */
.portfolio_navigation > *:first-child {
  text-align: left !important;
}

/* Right side alignment */
.portfolio_navigation > *:last-child {
  text-align: right !important;
}

/* Space between category and title within each nav item */
.portfolio_navigation .post_info {
  display: inline-flex !important;
  gap: 15px !important;
  align-items: center !important;
}/* End custom CSS */