/* GLOBAL STYLES ==========================================================  */

@media (max-width: 812px) {
    h1, .h1 {
        font-size: 1.85rem;
    }

    h2, .h2 {
        font-size: 1.5rem;
    }
}

/* HOME PAGE  ============================================================ */

/* Hero ====  */

.webit__hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)),
        url("https://apihoard.webit.com/api/v1/Image/54CFE6EDDA0CC257C035D5C28C684103/54CFE6EDDA0CC257C035D5C28C684103.jpg?size=1920x1440");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 425px;
}

/* Summary List Styles */
<!--Use Styles With Summary List Module Square Layout W/ Content On Bottom-->

    .page-home .list {
    padding: 1rem 0;
    overflow: hidden
}

.list .list-img-link {
    position: relative;
    background: var(--color-theme-primary)
}

.list .list-img-wrap {
    margin-bottom: 0
}

.list .list-text-title {
    font-size: 1.25rem;
    text-transform: none!important
}

.list .list-text:first-of-type {
    background: var(--color-theme-primary);
    color: #fff;
    padding: 1rem 0;
    position: relative
}

.list .list-text-btn {
    display: none
}

.list-img-link:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    width: 100px;
    height: 100px;
    background-color: var(--color-theme-highlight);
    z-index: 0;
    opacity: 1;
    transition: all .5s
}

.list-img-link:hover:before {
    opacity: 1;
    transform: rotate(45deg);
    z-index: 0
}