/* Header */
.page-header {
    padding-top: 0;
    padding-bottom: 48px;
}

.header-img {
    width: 100%;
    height: 74vh;
    object-fit: cover;
}
/* End Header */


.map-img {
    width: 100%;
    height: 65vh;
    object-fit: cover;
}

.divider-left {
    width: 15%;
    border-color: var(--secondary-darker);
}

.divider-right {
    width: 15%;
    border-color: var(--primary-base);
}

.content-nav {
    border: 1px solid var(--primary-darkest);
    width: fit-content;
    border-radius: 8px;
    overflow: hidden;
}

.content-nav .nav-link {
    background-color: var(--white);
    border-radius: 0px;
    width: 100px;
    text-align: center;
    padding: 8px 16px !important;
    color: var(--black);
    font-family: 'PT Sans', sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    color: var(--black);
    line-height: 130%;
}

.content-nav .nav-link.active {
    background: var(--primary-base);
}

.video-thumbnail {
    border-radius: 8px;
}

.video-container {
    cursor: pointer;
}

.video-container p {
    transition: all 250ms ease;
}

.video-container:hover p {
    color: var(--accent-darker);
}

.page-link {
    border-color: var(--primary-darkest);
    transition: all 200ms ease
}

.page-link:hover {
    background: var(--primary-base);
    color: var(--white);
    border-color: var(--primary-darkest)
}

/* Anggota */
.anggota-img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
/* End Anggota */

/* Galeri Kegiatan Cabang */
.galeri-foto-img {
    width: 100%;
    height: 252px;
    object-fit: cover;
}
/* End Galeri Kegiatan Cabang */


@media (min-width: 768px) and (max-width: 997.98px) {

    /* Header */
    .header-img {
        height: 30vh;
    }
    /* End Header */

    /* Map */
    .map-img {
        height: 20vh;
    }
    /* End Map */

    /* Anggota */
    .anggota-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .anggota-gutter > [class^="col-"],
    .anggota-gutter > [class^=" col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .anggota-img {
        width: 100%;
        height: 200px;
    }
    /* End Anggota */

    /* Galeri Kegiatan Cabang */
    .galeri-foto-img {
        height: 160px;
    }

    .galeri-foto-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .galeri-foto-gutter > [class^="col"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .video-thumbnail {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    /* End Galeri Kegiatan Cabang */
}

@media (max-width: 767.98px) {

    /* Header */
    .header-img {
        height: 30vh;
    }
    /* End Header */

    /* Map */
    .map-img {
        height: 20vh;
    }
    /* End Map */

    /* Anggota */
    .anggota-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .anggota-gutter > [class^="col-"],
    .anggota-gutter > [class^=" col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .anggota-img {
        width: 100%;
        height: 180px;
    }
    /* End Anggota */

    /* Galeri Kegiatan Cabang */
    .galeri-foto-img {
        height: 160px;
    }

    .galeri-foto-gutter {
        margin-left: -12px;
        margin-right: -12px;
    }

    .galeri-foto-gutter > [class^="col"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .video-thumbnail {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    /* End Galeri Kegiatan Cabang */

}