﻿/*body {
    background: #f4f4f4;
    margin: 0;
    padding: 0;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;
    color: #333;
}*/



.card-sch {
    overflow: hidden;
    background: white;
    border-radius: .25rem;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: ease box-shadow 0.3s;
    transition: ease box-shadow 0.3s;
}


    .card-sch:hover {
        box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.08), 0 5px 25px 0 rgba(0, 0, 0, 0.08);
    }

.card-detail-sch {
    padding: .5rem 1rem;
}

    .card-detail-sch h3 {
        font-size: 1.5rem;
        margin-bottom: none;
        line-height: .09;
    }

    .card-detail-sch p {
        line-height: 1.3rem;
    }

.card-image-sch {
    margin: 0;
    padding: 0;
    height: 150px;
    overflow: hidden;
}

    .card-image-sch img {
        max-width: 100%;
        height: auto;
    }

    .loading {
        position: relative;
        background-color: #E2E2E2;
    }

        .loading.card-image {
            border-radius: 0;
        }

        .loading::after {
            display: block;
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.5)), to(transparent));
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
            -webkit-animation: loading 0.5s infinite;
            animation: loading 0.5s infinite;
        }

    @-webkit-keyframes loading {
        100% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @keyframes loading {
        100% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

.card-title-sch.loading {
    height: 1.25rem;
}

.card-image-sch.image {
    max-width: 100%;
    height: auto;
}

.card-description-sch.loading {
    height: 80px;
}
