/* Special CSS for About.php, originally to style a new element of this page created for the presentation of board-member bios. */

input {
    display: none;
}

label.mini-bio {
    display: block;    
    padding: 0;
    margin: 0 0 .75rem 0;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    color: #000;
    transition: ease .5s;

    text-transform: none;
}

label.mini-bio:hover {
    background: #bad7cb;
}

label.mini-bio:active {
    background: #bad7cb;
}


.bio-indicator {
    color: #006b3f; 
    font-size: .75rem;
}


.mini-bio-content {
    /*background: #E2E5F6;*/
    background: #bad7cb;
    /* padding: 10px 25px;
    border: 1px solid #A7A7A7;
    
    border-radius: 3px;*/
    margin: 0 0 1rem 0;
}



input + label.mini-bio + .mini-bio-content {
    display: none;
}

input:checked + label.mini-bio + .mini-bio-content {
    display: block;
}

input:checked + label.mini-bio {
    background-color: #bad7cb; /*ADDED AS TEST*/
    margin-bottom: 0;
    padding: 1rem 0 0 1rem;
    font-weight: bold;
}

@media only screen and (max-width: 530px) {
input:checked + label.mini-bio {
    padding-left: 0;
}
    }


.accordion-bio-block {
	margin: 0 0 1rem 0; 
	padding: .75rem 1rem 1rem 1rem;
    text-align: left;

}


.mini-bio-content img {
    border: 1px solid black;
    margin: 2px 1rem .5rem 0em;
    float: left;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

  .accordion-content {
    max-height: 100%;
    overflow: visible;
  }