.bio-image-thumbnail {
    max-width: 275px !important;
    width: 275px !important;
    height: auto !important;
}

.page-id-67280 .no-sidebar .content-block, .page-id-67280 #primary > section {
    width: 100% !important;
    max-width: 100% !important;
}

.bio-container {
    display: grid; /* set up grid layout */
    grid-auto-flow: column; /* make grid items flow horizontally */
    grid-gap: 1em; /* set distance between grid items */
    overflow-x: auto; /* set up horizontal scroll for overflow */
    padding: 1em; /* optional padding around grid container */
    width: 100% !important;
    min-height: 600px;
    position: relative;
}

.bio-block {
    min-width: 275px; /* width of the bio block */
}

/* Styling for the scrollbar (optional) */
.bio-container::-webkit-scrollbar {
    display: none;
}
.bio-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.bio-container::-webkit-scrollbar-track {
    background: #ddd; /* background color of the scrollbar */
}

.bio-container::-webkit-scrollbar-thumb {
    border-radius: 10px; /* roundness of the scrollbar */
    background: #999; /* color of the scrollbar */
}
.bio-wrapper {
    display: grid; /* set up grid layout */
    grid-auto-flow: column; /* make grid items flow horizontally */
    grid-gap: 1em; /* set distance between grid items */
    overflow-x: scroll; /* set up horizontal scroll for overflow */
    padding: .2em; /* optional padding around grid container */
    width: 100% !important;
    /*margin-bottom: -30px; !* hide the scrollbar *!*/
    /*margin-right: -3px;*/
}
.arrow {
    font-size: 2em;
    border: none;
    position: absolute;
    top: 200px;
    background-color: #910f57;
    z-index: 10;
    cursor: pointer;
    padding: 20px;
    color: #fff;
}

.bio_title {
    word-break: break-word;
    /*min-height: 120px;*/
    font-size: 40px !important;
    margin-bottom: 0 !important;
}

.view_bio {
    font-size: 1.4em;
    border: none;
    background-color: #910f57;
    padding: 10px;
    color: #fff;
}

.view_bio:hover {
    color: #fff !important;
}
.post-navigation .view_bio {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    .arrow {
        top: 200px;
        width: 70px;
        padding: 20px;
    }

    .post-navigation .view_bio {
        clear: both !important;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        justify-content: center; /* Centers items on the line horizontally */
        align-items: center;     /* Centers items on the line vertically */
    }
    .bio-container {
        min-height: 400px;
    }
    .bio_title {
        word-break: break-word;
        min-height: 20px;
    }


    .bio-container {
        min-height: 700px;
    }

}

#scroll-left {
    left: 0;
}

#scroll-right {
    right: -25px;
}

.wpb_bios_description, .wpb_bios_description p {
    max-width: 800px;
    text-align: left;
    margin: 20px auto;
}