.elementor-55736 .elementor-element.elementor-element-aaf6ff7{--display:flex;}.elementor-55736 .elementor-element.elementor-element-c9c1e5f{--display:flex;}.elementor-55736 .elementor-element.elementor-element-a0405d1{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-a0405d1 *//* FORCE OVERRIDE - WordPress Navigation Colors */

/* Navigation Arrows/Buttons */
.nav-links a,
.navigation a,
.post-navigation a,
.posts-navigation a,
.paging-navigation a,
.wp-block-navigation a,
.elementor-pagination a,
.page-numbers,
.nav-previous a,
.nav-next a,
button.nav-button,
.navigation-button {
    background: linear-gradient(135deg, #ea3f8b 0%, #634dbc 50%, #72c1d8 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Navigation Arrows Hover */
.nav-links a:hover,
.navigation a:hover,
.post-navigation a:hover,
.page-numbers:hover,
.nav-previous a:hover,
.nav-next a:hover {
    background: linear-gradient(135deg, #ffae33 0%, #ea3f8b 50%, #634dbc 100%) !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

/* Active/Current Page */
.page-numbers.current,
.nav-links .current {
    background: linear-gradient(135deg, #72c1d8 0%, #634dbc 100%) !important;
    color: #ffffff !important;
}

/* Specific to your screenshot - Side navigation arrows */
.tabloid-nav,
.nav-arrow,
.slide-nav,
.prev-slide,
.next-slide,
[class*="navigation"] button,
[class*="nav-"] button {
    background: linear-gradient(135deg, #ea3f8b 0%, #72c1d8 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* Icon colors inside navigation */
.nav-links a svg,
.navigation a svg,
.nav-links a i,
.navigation a i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Disabled state */
.nav-links a.disabled,
.navigation a.disabled,
.page-numbers.disabled {
    background: rgba(255,255,255,0.1) !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Top navigation dots/indicators */
.navigation-dots span,
.slider-dots span,
.carousel-indicators button {
    background: rgba(114, 193, 216, 0.5) !important;
}

.navigation-dots span.active,
.slider-dots span.active,
.carousel-indicators button.active {
    background: linear-gradient(90deg, #72c1d8, #ea3f8b) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9c1e5f *//* FORCE OVERRIDE - WordPress Navigation Colors */

/* Navigation Arrows/Buttons */
.nav-links a,
.navigation a,
.post-navigation a,
.posts-navigation a,
.paging-navigation a,
.wp-block-navigation a,
.elementor-pagination a,
.page-numbers,
.nav-previous a,
.nav-next a,
button.nav-button,
.navigation-button {
    background: linear-gradient(135deg, #ea3f8b 0%, #634dbc 50%, #72c1d8 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Navigation Arrows Hover */
.nav-links a:hover,
.navigation a:hover,
.post-navigation a:hover,
.page-numbers:hover,
.nav-previous a:hover,
.nav-next a:hover {
    background: linear-gradient(135deg, #ffae33 0%, #ea3f8b 50%, #634dbc 100%) !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}

/* Active/Current Page */
.page-numbers.current,
.nav-links .current {
    background: linear-gradient(135deg, #72c1d8 0%, #634dbc 100%) !important;
    color: #ffffff !important;
}

/* Specific to your screenshot - Side navigation arrows */
.tabloid-nav,
.nav-arrow,
.slide-nav,
.prev-slide,
.next-slide,
[class*="navigation"] button,
[class*="nav-"] button {
    background: linear-gradient(135deg, #ea3f8b 0%, #72c1d8 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* Icon colors inside navigation */
.nav-links a svg,
.navigation a svg,
.nav-links a i,
.navigation a i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Disabled state */
.nav-links a.disabled,
.navigation a.disabled,
.page-numbers.disabled {
    background: rgba(255,255,255,0.1) !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Top navigation dots/indicators */
.navigation-dots span,
.slider-dots span,
.carousel-indicators button {
    background: rgba(114, 193, 216, 0.5) !important;
}

.navigation-dots span.active,
.slider-dots span.active,
.carousel-indicators button.active {
    background: linear-gradient(90deg, #72c1d8, #ea3f8b) !important;
}/* End custom CSS */