.template-leaders {

}

.template-leaders .description {
    white-space: normal;
    vertical-align: top;
}

.template-leaders .image-container {
    position: relative;
}

.template-leaders .management-section .intro-block {
    width: 50%;
}

.template-leaders .leader-block {
    width: calc(16.666% - 15px);
    margin-left: 15px;
    margin-bottom: 55px;
}

.template-leaders .leader-block {
    position: relative;
}

.template-leaders .leader-block > a.leader-link {
    height: 90%;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.template-leaders .leader-block .leader-image img {
    min-height: 315px;
    object-fit: contain;
    object-position: bottom;
    width: 100%;
}

.template-leaders .management-section .leader-image {
    overflow: hidden;
}
.template-leaders .management-section .leader-block img{
    width:100%;
    min-height:auto;
    height:auto;
}
/* Custom fix Dima*/
.template-leaders .management-section .leaders-items-container.leaders-items-fixed-image-size .leader-image{
    width: 100%;
    position: relative;
    display: block;
}
.template-leaders .management-section .leaders-items-container.leaders-items-fixed-image-size .leader-image:after{
    content: '';
    padding-bottom: 107%;
    display: block;
    min-height: 1px;
    position: relative;
}
.template-leaders .management-section .leaders-items-container.leaders-items-fixed-image-size .leader-block img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    object-position: top center;
    min-height:auto;
}

/*
.template-leaders .management-section .leader-block img {
    width: 150%;
    height: 220px;
    max-width: inherit;
    min-height: auto;
    object-fit: cover;
    margin-left: -35%;
    object-position: 0% 0%;
}
.template-leaders .management-section .leader-block[data-id="6159"] img{
    width:100%;
    margin-left:0;
}
*/
/* TECH DEBT: Refactor all the font-size declarations to not be so repetitive */

/*
.template-leaders .leader-block[data-email="al.sosin@entuitive.com"],
.template-leaders .leader-block[data-email="michael.meschino@entuitive.com"],
.template-leaders .leader-block[data-email="paul.carter@entuitive.com"],
.template-leaders .leader-block[data-email="christopher.johnson@entuitive.com"]{text-align:center;}
*/
.template-leaders .leader-block[data-email="al.sosin@entuitive.com"] .leader-name-title-container,
.template-leaders .leader-block[data-email="michael.meschino@entuitive.com"] .leader-name-title-container,
.template-leaders .leader-block[data-email="paul.carter@entuitive.com"] .leader-name-title-container,
.template-leaders .leader-block[data-email="christopher.johnson@entuitive.com"] .leader-name-title-container{width:50%;margin-left:auto;margin-right:auto;}

.template-leaders .leader-block[data-email="al.sosin@entuitive.com"] .links-hold,
.template-leaders .leader-block[data-email="michael.meschino@entuitive.com"] .links-hold,
.template-leaders .leader-block[data-email="paul.carter@entuitive.com"] .links-hold,
.template-leaders .leader-block[data-email="christopher.johnson@entuitive.com"] .links-hold{
    width:50%;
    margin-left:auto;
    margin-right:auto;
}


.template-leaders .leader-block .leader-name {
    font-size: 22px;
    margin: 0px;
}

.template-leaders .leader-block .leader-title {
    font-size: 16px;
    color: #7F7F7F;
    margin: 0px;
}

/* Leader layout is smaller than regular page layout */
.template-leaders .leader {
    margin: 90px;
}

.template-leaders .leader-info-container {
    margin-bottom: 90px;
}

.template-leaders .bio {
    color: #4B4B4B;
    font-size: 22px;
}

.template-leaders .leader-info-container > div {
    width: calc(65% - 90px);
    display: inline-block;
    vertical-align: top;
    margin-right: 90px;
}

.template-leaders .leader-info-container > div * {
    white-space: normal;
}

.template-leaders .leader-info-container .image-container {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.template-leaders .leader-info-container .image-container img {
    width: 100%;
}

.template-leaders .leader-info-container .bio-mobile {
    display: none;
}

.template-leaders .management-carousel {
    display: none;
}

/* Site design width */
@media only screen and ( max-width: 1280px ) {

}

/* Max-header width */
@media only screen and ( max-width: 1180px ) {
    /* Account for fixed mobile header */

}

/* Large Tablet */
@media only screen and ( max-width: 920px ) {
    .template-leaders .leader {
        margin: 0px 0px 90px 0px;
    }

    .template-leaders .page-content .section {
        padding: 0px;
    }
}

/* Small Tablet */

@media only screen and ( max-width: 768px) and (min-width: 550px ) {
    .leader-listing-mobile .owl-carousel .owl-nav {
        padding: 0!important;
        margin: 0;
        position: relative;
        top: -250px;
    }
}

@media only screen and ( max-width: 768px ) {
    .template-leaders .management-section .intro-block {
        width: 100%;
    }

    .template-leaders .leaders-items-container {
        display: none;
    }

    .template-leaders .management-carousel {
        display: block;
    }

    .template-leaders .leader-block {
        width: 100%;
        margin: auto;
        display: flex;
    }

    .template-leaders .leader-block > * {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
    }

    .template-leaders .owl-carousel .owl-item .leader-block img {
        width: 50%;
        margin: 0px;
        margin-right: 15px;
    }

    .template-leaders .owl-carousel .owl-nav {
        display: none;
    }

    .leader-listing-mobile .owl-carousel .owl-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 16vw;
        margin-top: 6vw;
    }

}

/* Mobile */
@media only screen and ( max-width: 640px ) {
    .template-leaders .leader-info-container > div {
        width: 100%;
        display: block;
        margin: 0px;
    }

    .template-leaders .leader-info-container > .image-container {
        width: 100%;
    }

    .template-leaders .bio {
        display: none;
    }

    .tempalte-leaders .leader-info-container .bio-mobile {
        display: block;
        color: #4B4B4B;
        font-size: 22px;
        margin-top: 60px;
    }
}