/*Bio Profile Block*/

.paragraph--type--bio-card {
    border: 1px solid #cdcdcd;
    margin: 2em auto;
    padding: 15px;
    overflow: hidden;
    background: white;
    border-radius: 5px;
}

.no-pad-bio .paragraph--type--bio-card {
    padding-right: 20px;
}

.paragraph--type--bio-card .field--name-field-profile-image {
    position: relative;
    height: auto;
    float: none;
}

.bio-card-img-wrap img {
    max-width: 33%;
    height: auto;
    float: left;
    padding-right: 25px;
}

.bio-image-25 .bio-card-img-wrap img {
    max-width: 25%;
    height: auto;
    float: left;
    padding-right: 25px;
}

/*Two columns*/
.columns-bio-card .bio-card-img-wrap img{
    max-width: 50%;
}

/*Flip to vertical*/
.flip-vert {
    padding: 2em;
    max-width: 75%;
    margin: 0 auto;
}

.flip-vert .card img {
    object-fit: cover;
    max-height: 350px;
}

.flip-vert h3.card-title {
    margin: 0;
}

@media (max-width: 1200px) {
    .flip-vert {
        padding: 2em;
        max-width: 90%;
        margin: 0 auto;
    }
    .flip-vert .bio-card .row {
        display: block;
    }
    .flip-vert .col-sm-4 {
        flex: 0 0 auto;
        width: 33%;
        float: left;
        margin: 0 15px 0 0;
    }
    .flip-vert .col-sm-8 {
        flex: 0 0 auto;
        width: unset;
    }

}


@media (min-width: 1200px) {
    .flip-vert {
        padding: 2em;
        max-width: 85%;
        margin: 0 auto;
    }
    .flip-vert .col-sm-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .flip-vert .col-sm-8 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 560px) {
    .paragraph--type--bio-card .field--type-image img {
      float: none;
    }
    .bio-card-img-wrap {
        float: none;
    }
    .paragraph--type--bio-card .card-title {
        text-align: center;
    }
    .paragraph--type--bio-card .field--type-image img {
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }
}

@media (min-width: 560px) {
    .node .flip-vert .field--type-image {
        margin: 0;
    }
    
}