/* 
    Clinical Trials update CSS 
*/

.trials {
}
.trials .three-column-card-content {
    position: relative;
}
.trials .three-column-card-content::before {
    position: absolute;
    display:  block;
    content: '';
    
    height: calc(100% - 120px);
    width: 100%;
    top: 0;
    left: 0;
    right: 0;

    background-color: #00254b;
}

.trials .desc-box .field--name-field-body {
    position: static;
}

.trials .desc-box h2 {
    min-height: 3.5em;
}

.trials .image-title-desc-box {
    position: relative;
    height: 510px;
    width: 335px;
    
    padding-left: 24px;
    padding-right: 24px;

    border: 1px solid rgba(151, 151, 151, 0.46);
    border-bottom: 8px solid #ff9900;
}

@media (min-width: 1000px) {
    .trials .image-title-desc-box {
        height: 555px;
    }
}

.trials .three-column-card-box .button-more {
    position: absolute;
    bottom: 32px;
    left: 24px;
    right: 24px;
}
.trials .three-column-card-content .three-column-card-title {
    margin-bottom: 0;
}
.trials .icon-copy-link-list {
    position: relative;
}

.trials .patient-philosophy.corporate-responsibility {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.trials .patient-philosophy.corporate-responsibility img {
    margin-top: 3em;
}

.trials .icon-copy-link-list > div {
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(151, 151, 151, 0.46);
    background-color: #fff;
    border: solid 1px rgba(185, 217, 235, 0.16);
    border-bottom: 8px solid #ff9900;
    z-index: 1;
    padding: 20px 6% 0 4%;
}

@media (max-width: 576px) {
    .trials .icon-copy-link-list > div {
        padding: 8px 24px 0 4px;
    }
}
.trials .icon-copy-link-list::after {
    position: absolute;
    display:  block;
    content: '';
    
    height: 64px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: #ffffff;
    z-index: 0;
}

.trials .html-content-background {
    padding-top: 0 !important;
    padding-left: 32px;
}

.trials .html-content-background .description--component.description--component.description--component {
    padding: 0 32px !important;
}

@media (max-width: 576px) {
    .trials .html-content-background .description--component.description--component.description--component {
        padding: 0 !important;
    }
}
.eyebrow {
    margin-bottom: 28px;
    font-size: 16px;
    font-weight: 600;
    color: #f90;
}