﻿.animated-card-group-widget {
    display: flex;
    flex-direction: column;
    margin: 0 -15px;
    padding: .25rem;
}

    .animated-card-group-widget .section-title p {
        margin: 1rem;
    }

    .animated-card-group-widget .row {
        margin-left: 0;
        margin-right: 0;
    }

    .animated-card-group-widget .animated-card-group-widget-title {
        font-size: 1.75rem;
        margin: 1rem;
    }

    .animated-card-group-widget .card-box {
        background-color: #FFFFFF;
        border: 1px solid #A9A9A9;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .9);
        display: flex;
        flex-direction: column;
        height: 100%;
        margin: 0;
        min-height: 200px;
        padding: 2rem 2rem 0 2rem;
        text-align: center;
    }

        .animated-card-group-widget .card-box:hover {
            animation-delay: 0s;
            animation-duration: 1s;
            animation-fill-mode: both;
        }

        .animated-card-group-widget .card-box.animateCard-Bounce:hover {
            animation-name: bounce;
        }

        .animated-card-group-widget .card-box.animateCard-Flash:hover {
            animation-name: flash;
        }

        .animated-card-group-widget .card-box.animateCard-Pulse:hover {
            animation-name: pulse;
        }

        .animated-card-group-widget .card-box.animateCard-RubberBand:hover {
            animation-name: rubberBand;
        }

        .animated-card-group-widget .card-box.animateCard-ShakeX:hover {
            animation-name: shakeX;
        }

        .animated-card-group-widget .card-box.animateCard-ShakeY:hover {
            animation-name: shakeY;
        }

        .animated-card-group-widget .card-box.animateCard-HeadShake:hover {
            animation-name: headShake;
        }

        .animated-card-group-widget .card-box.animateCard-Swing:hover {
            animation-name: swing;
        }

        .animated-card-group-widget .card-box.animateCard-Tada:hover {
            animation-name: tada;
        }

        .animated-card-group-widget .card-box.animateCard-Wobble:hover {
            animation-name: wobble;
        }

        .animated-card-group-widget .card-box.animateCard-Jello:hover {
            animation-name: jello;
        }

        .animated-card-group-widget .card-box.animateCard-HeartBeat:hover {
            animation-name: heartBeat;
        }


        .animated-card-group-widget .card-box.animateCard-Focus {
            opacity: 0.6;
            transition: opacity 275ms ease;
        }

            .animated-card-group-widget .card-box.animateCard-Focus:hover {
                opacity: 1;
            }

        .animated-card-group-widget .card-box.animateCard-Rotate360 {
            transition: transform 275ms ease;
        }

            .animated-card-group-widget .card-box.animateCard-Rotate360:hover {
                transform: rotate(360deg);
            }

        .animated-card-group-widget .card-box.animateCard-SlideUp {
            transition: transform 275ms ease,box-shadow 275ms ease;
        }

            .animated-card-group-widget .card-box.animateCard-SlideUp:hover {
                transform: translateY(-15px);
                box-shadow: 5px 20px 30px rgb(0, 0, 0);
            }

        .animated-card-group-widget .card-box .card-title {
            font-weight: 700;
            margin-bottom: .25rem;
            font-size: 18px;
            text-transform: uppercase;
        }

        .animated-card-group-widget .card-box .card-subtitle {
            display: block;
            margin-bottom: .25rem;
        }

        .animated-card-group-widget .card-box .description {
            margin-top: .25rem;
            line-height: 24px;
            font-size: 14px;
        }

.animated-card-group-widget .block-of-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.animated-card-group-widget .block-of-buttons .btn {
    border-radius: 0;
    display: block;
    width: 100%;
}

.animated-card-group-widget .block-of-buttons .btn+.btn {
    margin-left: .5rem;
}