/* ========================================================================== */
/* FISH TABLES */
/* ========================================================================== */

.fish-table{
    border-collapse:collapse;
    border:none;
    margin-bottom:100px;

}

.fish-section-spacing{

    margin-top:50px;
}

.fish-table + h2{

    margin-top:100px;
}

.fish-table td{
    border:none;
    vertical-align:middle;
    padding:16px 10px;
}

.fish-table th{
    border:none;
    color:#dfe8ef;
    font-size:16px;
    font-weight:600;
    text-align:left;
    padding:12px 10px 14px 10px;
    line-height:24px;
}

.fish-table tr{
    border-bottom:1px solid #1d2a36;
}

.fish-table tr:last-child{
    border-bottom:none;
}

.fish-table td:first-child,
.fish-table th:first-child{
    width:220px;
}

/* ====================================================================== */
/* FISH TABLE IMAGE CARDS */
/* ====================================================================== */

.fish-table .photo-link{

    display:inline-block;

    padding:12px;

    background:
        linear-gradient(
            180deg,
            rgba(28,40,52,.96),
            rgba(20,30,40,.96)
        );

    border:1px solid #324354;

    border-radius:16px;

    overflow:hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease;

    box-shadow:
        0 0 10px rgba(0,0,0,.35);
}

/* hover */

.fish-table .photo-link:hover{

    transform:translateY(-3px);

    background:
        linear-gradient(
            180deg,
            rgba(38,54,70,.98),
            rgba(26,38,50,.98)
        );

    border-color:#4d79ff;

    box-shadow:
        0 0 18px rgba(77,121,255,.18),
        0 0 20px rgba(0,0,0,.35);
}

/* image */

.fish-table .photo-link img{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:4 / 3;

    object-fit:cover;

    border-radius:10px;
}