﻿.prev, .next, .board_prev, .board_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--unum-slate-4);
    color: white;
    font-size: 2.4rem;
    font-weight: 900;
    cursor: pointer;
    transition: .2s;
    z-index: 999;
    width: 65px;
    height: 65px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 10px #0044704d !important;
}

.prev:hover, .next:hover, .board_prev:hover, .board_next:hover {
    background: var(--unum-slate);
    transition: .2s;
}

.prev, .board_prev {
    left: calc((100vw - 1320px) / 2);
    border-radius: 50%;
    border: 2px solid #FFF;
}

.next, .board_next {
    right: calc((100vw - 1320px) / 2);
    border-radius: 50%;
    border: 2px solid #FFF;
}

.prev.slick-arrow.slick-disabled, .next.slick-arrow.slick-disabled, .board_prev.slick-arrow.slick-disabled, .board_next.slick-arrow.slick-disabled {
    display: none !important;
    transition: .2s;
}

.slick-dots li button:before {
    font-size: 15px;
}

.slick-dots li.slick-active button:before {
    color: #004470;
    opacity: 1;
}

@media only screen and (max-width:1350px) {
    .prev, .board_prev {
        left: 0;
        border-radius: 50%;
    }

    .next, .board_next {
        right: 0;
        border-radius: 50%;
    }
}

@media only screen and (max-width:991px) {
    .frame .vspace-md, #I-One_Column_Frame_9cbc46ca228b {
        margin-top: 0 !important;
    }

    article.w-card {
        margin-bottom: 3.2rem;
    }

    #I-Four_Column_3-3-3-3_Frame_b9a55f63a330-Col1, I-Four_Column_3-3-3-3_Frame_b9a55f63a330-Col4 {
        display: none;
    }

}

.col-md-6.col-lg-3, .col-md-6.col-lg-3.vertical-spacing {
    display: flex !important;
    margin: 20px;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.exec__container .slick-current, .board__container .slick-current {
    box-shadow: 0 5px 10px #0044704d !important;
    position: relative;
    top: -5px;
}

.slick-current:hover article.w-card {
    top: 0;
}

@media only screen and (max-width:480px) {
    .exec__container .slick-current, .board__container .slick-current {
        box-shadow: none !important;
        position: relative;
        top: 0;
    }

    .prev, .next, .board_prev, .board_next {
        padding: 20px;
        width: unset;
        height: unset;
        display: block !important;
    }

    .prev, .board_prev {
        left: 0;
        border-radius: 0 8px 8px 0;
        border: none;
    }

    .next, .board_next {
        right: 0;
        border-radius: 8px 0 0 8px;
        border: none;
    }
}

.bio {
    min-height: 30vh;
    padding: 0 20px 5vh 20px;
    flex-direction: column;
    height: min-content !important;
}

.w-card{
    cursor: pointer;
}

.bio_button {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    text-align: center;
    line-height: 1;
    padding: 10px;
}

#closeBio{
    bottom: 0;
    margin: -1.5vh;
}