.openbio img {
    cursor: pointer
}

.bio {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

.bio.active {
    max-height: 1000px; /* Adjust this value as needed */
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
}

.has-roboto-slab-ff a {
    font-family: "Roboto Slab", sans-serif!important;
}

/* Target the input button within the comment form */
.comment-form .wp-block-button input.wp-block-button__link {
    font-size: 14px !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    width: max-content !important;
    background-color: var(--darkblue) !important;
    border: 2px solid var(--darkblue);
}

/* Target the hover state */
.comment-form .wp-block-button input.wp-block-button__link:hover {
    font-size: 14px !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    width: max-content !important;
    background-color: var(--darkblue) !important;
    border: 2px solid var(--yellow);
    color: var(--yellow);
}