/*Pengyin Mar 7: this style is specially for equal-height program under all browsers*/
/*ADDITIONAL STYLES BELOW MEDIA QUERIES JH-MAR 7 -> In mobile-column-refine.css*/

.flex-parent {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*
Applied elements list:
.event
.text-block-left
.text-block-right
.divider-callout-container
.featured-contact-column-container
.program-block-container
.club-container
.button-row-button
*/

/*Parent Elements*/
.flex-parent{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*Child Wrapper Elements*/
.flex-parent>.event, 
.flex-parent>.text-block-left, 
.flex-parent>.text-block-right, 
.flex-parent>.divider-callout-container,
.flex-parent>.featured-contact-column-container,
.flex-parent>.program-block-container,
.flex-parent>.button-row-button,
.flex-parent>.club-container{
    display: flex;
}


/*Child Elements*/
.flex-parent>.event>a, 
.flex-parent>.text-block-left>div, 
.flex-parent>.text-block-right>div, 
.flex-parent>.divider-callout-container>div,
.flex-parent>.featured-contact-column-container>div,
.flex-parent>.program-block-container>div,
.flex-parent>.club-container>div{
    width:100%;
    min-height: 100%;
    height: auto !important;
}
.flex-parent>.event>a,
.flex-parent>.featured-contact-column-container>div{
    display:flex;
}

/*Grand-Child Elements (if any)*/
.flex-parent>.event>a>div,
.flex-parent>.featured-contact-column-container>div>div{
    width: 100%;
    min-height: 100%;
    height: auto !important;
}