.span-row-2 {
    grid-row: span 2;
}

.grid-field-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 16px;

    .fw-card__content {
        h3 {
            font-size: 1.3rem;
            transition: transform 0.4s ease, color 0.4s ease;
            transform: scale(1);
        }
    }
    .text-accent--center::after {
        transition: opacity 0.1s ease 0.1s;
    }

    .fw-card--link:hover {
        .fw-card__content {
            h3 {
                transform: scale(1.1);
                color: aliceblue;
            }
        }
        .text-accent--center::after {
            opacity: 0;
        }
    }
}

.fw-grid-about-info {
    display: grid;
    grid-template-columns: 100%;
    column-gap: 12%;
    row-gap: 34px;
}

@media screen and (min-width: 576px) {
    .grid-field-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .fw-grid-about-info {
        display: grid;
        grid-template-columns: 52% 34%;
        column-gap: 12%;
        row-gap: 34px;
    }
}

@media screen and (min-width: 768px) {
    .span-column-md-2 {
        grid-column: span 2;
    }

    .grid-field-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
    }
}

/* card */

.fw-card {
    background-color: var(--whitesmokelight);
    padding: 26px 8px;
    min-height: 215px;
    position: relative;
    overflow: hidden;

    .fw-card__img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        transition: transform 0.4s ease;
        // transform: scale(1);
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .fw-card__content {
        position: relative;
        z-index: 5;
        text-align: center;
        .heading-2 {
            font-size: 24px;
        }
        .text-body--normal {
            font-size: 12px;
        }
    }

    &::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 4;
        background: linear-gradient(
            162deg,
            #f0f0f0 17.28%,
            rgb(192 188 222 / 73%) 42.01%,
            rgba(210, 208, 208, 0.54) 40.19%,
            rgba(83, 83, 83, 0) 93.13%
        );
        opacity: 1;
        transition: opacity 0.4s ease;
    }
}

.fw-card--link {
    cursor: pointer;
    display: block;
    &:hover {
        text-decoration: none;
        .fw-card {
            .fw-card__img {
                transform: scale(1.05);
            }
            &::before {
                opacity: 0.1;
            }
        }
    }
}

.fw-card--full {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;

    .fw-card__img {
        flex: 100% 0 0;
        min-height: 350px;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .fw-card__content {
        padding: 20px 45px 28px 15px;
        flex: 100% 0 0;
    }
}

.fw-article--link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid var(--platinum);

    figure {
        width: 100%;
        position: relative;
        padding-top: 50%;
        margin-bottom: 0;
        flex: 50% 0 0;

        img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .fw-article--link--block__content {
        padding: 0 0 0 16px;
        display: flex;
        flex-direction: column;
        align-items: start;
        height: 100%;
    }

    .fw-link {
        margin-top: auto;
    }
}

.fw-article--featured {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;

    figure {
        padding-top: 75%;
        margin-bottom: 0;
    }

    .fw-article--link--block__content {
        padding: 24px;
        padding-bottom: 44px;
    }
}

.fw-article--link--block {
    background-color: var(--whitesmoke);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    figure {
        width: 100%;
    }

    .fw-article--link--block__content {
        padding: 24px;
        padding-bottom: 44px;
    }
}

.fw-article--link--noimg {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
    padding: 40px 12px;
    background-color: var(--lightgrey);

    .fw-link {
        margin-top: auto;
    }
}

.fw-card--thumb--1-1 {
    position: relative;
    display: block;
    overflow: hidden;
    .fw-card--thumb__image {
        position: relative;
        padding-top: 100%;
        transition: transform 0.5s ease;
        img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .fw-card--thumb__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 16px;
        z-index: 10;
        display: flex;
        flex-direction: column;
    }

    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(36, 41, 50, 0.3);
        z-index: 5;
        transition: opacity 0.5s ease;
    }

    &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(
            180deg,
            #1f1f1f 0%,
            rgba(31, 31, 31, 0) 15.69%,
            rgba(31, 31, 31, 0) 72.82%,
            #1f1f1f 100%
        );
    }

    &:hover {
        .fw-card--thumb__image {
            transform: scale(1.1);
        }
        &::before {
            opacity: 0;
        }
    }
}

.fw-card--thumb {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    min-height: 170px;
    display: flex;

    .fw-card--thumb__image {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.5s ease;
        }

        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(36, 41, 50, 0.3);
            z-index: 5;
            transition: opacity 0.5s ease;
        }

        &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                180deg,
                #1f1f1f 0%,
                rgba(31, 31, 31, 0) 15.69%,
                rgba(31, 31, 31, 0) 72.82%,
                #1f1f1f 100%
            );
        }
    }

    .fw-card--thumb__content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        display: flex;
        flex-direction: column;
        padding: 0 0 0 16px;

        .subheading {
            font-size: 12px;
        }

        .text-body--small {
            font-size: 10px;
        }

        .text-body--normal {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.24;
            max-width: 450px;
        }
    }

    &:hover {
        .fw-card--thumb__image img {
            transform: scale(1.1);
        }
        &::before {
            opacity: 0;
        }
    }
}

.fw-card-shadow {
    box-shadow: 0px 2px 20px rgba(141, 141, 141, 0.1);
}

@media screen and (min-width: 576px) {
    .fw-card {
        padding: 2.6rem 8px;
        min-height: 280px;
        .fw-card__content {
            .heading-2 {
                font-size: 1.9rem;
            }
            .text-body--normal {
                font-size: 16px;
            }
        }
    }


    .fw-article--link {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;

        figure {
            padding-top: 100%;
            margin-bottom: 16px;
        }
        .fw-article--link--block__content {
            padding: 0;
            padding-bottom: 40px;
        }
    }

    .fw-article--featured {
        figure {
            padding-top: 100%;
            margin-bottom: 16px;
        }
        .fw-article--link--block__content {
            padding: 0;
            padding-bottom: 40px;
        }
    }

    .fw-card--thumb--1-1 {
        .fw-card--thumb__content {
            padding: 28px 48px 60px 48px;
            padding: 24px 60px 32px 32px;
        }
    }

    .fw-card--thumb {
        min-height: 400px;
        .fw-card--thumb__content {
            position: absolute;
            top: 0;
            left: 0;
            padding: 22px 30px 30px 30px;
            .subheading,
            .text-body--small,
            .text-body--normal {
                color: var(--offwhite);
            }
            .subheading,
            .text-body--small {
                font-size: 16px;
            }
            .text-body--normal {
                font-size: 25px;
            }
        }
    }
}


@media screen and (min-width: 768px) {
    .fw-card {
        padding: 2.6rem 16px;
        width: 100%;
        min-height: 350px;
    }

    .fw-card--full {
        .fw-card__img {
            flex: 50% 0 0;
            order: 1;
        }
        .fw-card__content {
            padding: 30px 24px 80px 0;
            flex: 50% 0 0;
        }
    }

    .fw-article--link--noimg {
        padding: 40px;
        background-color: var(--lightgrey);
    }
}

@media screen and (min-width: 1200px) {
    .fw-card--full {
        .fw-card__content {
            padding: 30px 95px 80px 0;
        }
    }
}

.newsroom-card-top {
    opacity: 0;
    transform: translateY(50px);
}

.fw-card .fw-card__content {
    position: relative;
    z-index: 5;
    text-align: center;
}

.grid-field-container .fw-card__content h3 {
    font-size: 1.3rem;
    transition: transform 0.4s ease, color 0.4s ease;
    transform: scale(1);
    font-family: 'Source Sans Pro';
}

.text-accent--center {
    position: relative;
    margin-bottom: 12px;
}

.text-accent--center::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    display: block;
    width: 80px;
    height: 1px;
    transform: translateX(-50%);
    background-color: #636166;
}
.footer-divider-vertical::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    display: block;
    width: 2px;
    height: calc(100% + 90px);
    background-color: #87898c;
}

.footer--copyright a{
    color: #eaeaea !important;
}

@media (min-width: 768px) {
    .plcustom-60{
        padding-left: 40px;
    }
}

.bg-white-business {
    background-color: #F6EDED !important;
}

.fw-table {
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--eastbay);
}
.fw-table tr {
  margin-bottom: 8px;
}
.fw-table td {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 16px;
  vertical-align: top;
}
.fw-table td:first-child {
  width: 37.5%;
}
.fw-table td:nth-child(2) {
  font-weight: 600;
  width: 62.5%;
}