﻿/* widget: Expanding Content Cards */



#uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper {
    width: 100%;
}

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        min-width: 200px;
        width: 100%;
    }

        #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option {
            box-sizing: border-box;
            display: flex;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            justify-content: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                transition: all .3s;
            }

            #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option.active::after {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }

            #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option.active {
                flex-grow: 10000;
            }

            #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option:not(.active) {
                justify-content: center;
            }

            #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option .ue_shadow {
                position: absolute;
                bottom: 0px;
                left: 0px;
                right: 0px;
                height: 100%;
                z-index: 1;
                transition: 800ms;
            }

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_option:not(.active) .ue_label {
        align-items: center;
    }

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option .ue_label {
        display: flex;
        z-index: 2;
    }

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option.active .ue_label {
        animation-name: sub-content-fade;
    }

@keyframes sub-content-fade {
    0% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}





@media screen and (max-width: 520px) {
    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option::after {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .active.ue_option::after {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options {
        display: grid;
    }

        #uc_expanding_content_cards_elementor_7d3c9707.exp-wrapper .ue_options .ue_option {
            width: 100%;
        }
}
