/* Equal Height Fixes for Thinkspace Membership Feature Blocks */

/* Membership feature blocks - ensure equal height */
.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] {
    display: flex !important;
    height: 100%;
}

.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] .inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: auto !important; /* Override inline min-height styles */
}

.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Ensure consistent spacing for text content */
.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] h4 {
    margin-bottom: 15px;
}

.vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] p {
    margin-bottom: 0;
    flex-grow: 1;
}

/* Ensure the parent columns are equal height */
.vc_row-o-equal-height .wpb_column {
    display: flex;
}

.vc_row-o-equal-height .wpb_column .vc_column-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.vc_row-o-equal-height .wpb_column .wpb_wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Responsive behavior - maintain equal height on tablets and larger screens */
@media (min-width: 768px) {
    .vc_row-o-equal-height.vc_row-flex {
        align-items: stretch;
    }
    
    .vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] {
        height: 100%;
    }
}

/* On mobile, allow natural height flow */
@media (max-width: 767px) {
    .vc_row-o-equal-height .nectar-fancy-box[data-style="color_box_hover"] .inner {
        min-height: 180px; /* Minimum height for mobile readability */
    }
}