@media print {
    #content, #page {
        width: 100%; 
        margin: 0; 
        float: none;
    }
    @page { margin: 1.5cm }

    body {
        font-family: 'Lato', "Times New Roman", Times, serif;
    }

    #details-iconbuttons , #details-header img {
        display: none;
    }
    #details-body .hero h2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 0;
}
#details-body .hero .content {
    padding: 20px 0 0 0;
}
.details.callout ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.details ul {
    padding: 0;
    margin: 0;
}
.details ul li {
    padding: 0 0 20px 0;
}
.container.details:first-of-type {
    margin-top: 0;
}
.callout-content ul li {
    display: flex;
}
.container.details.callout ul li span {
    font-size: 18px;
    font-weight: normal;
}
.callout-content div {
    display: inline-block;
    padding: 0 10px 0 10px;
    width: 210px;
    box-sizing: border-box;
}
.container.details.callout {
    border-bottom: 0;
    padding: 10px 0;
    margin: 0;
}
.callout-content div.funders {
    width: calc(100% - 420px);
}
.callout-content div:nth-of-type(1) {
    padding-left: 0;
}
.callout ul li span, .details ul li span {
    display: block;
    font-weight: normal;
    width: 100%;
}
.details ul li span {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}
.details ul li span + span {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.detailswrapper .container.details {
    border: 1px solid #007841;
    margin: 25px auto;
    padding: 20px;
}
.container-fluid {
    width: 100%;
    margin: 0 auto;
}
.detailswrapper .container.details {
    border: 1px solid #ccc;
    margin: 25px auto;
    padding: 20px;
}
.container.details:first-of-type {
    margin-top: 0;
}
.container.details h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}
.details ul.abstraction li span {
    color: #000;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 135%;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
}
li {
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    list-style-type: none;
}
.details ul.abstraction li * {
    font-size: 14px !important;
    font-family: revert !important;
    color: revert !important;
    text-align: revert !important;
}
.details ul.abstraction li {
    padding: 0;
}
#details-body .abstraction > li li {
    font-size: revert !important;
    line-height: revert !important;
    font-weight: revert !important;
    list-style-type: revert !important;
}
.abstraction ul, .abstraction ol {
    margin: 15px 0;
}
.abstraction ol + ul {
   margin-left: 40px;
}
/* new for eb research **/
.dates {
    float: left;
    margin-right: 55px;
    margin-bottom: 10px;
}
.dates::after {
    content: "";
    clear: both;
    display: table;
}

.data-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.container.details h3 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}
.data-wrapper span, .dates span {
    font-size: 15px;
    padding: 5px 0 10px 0;
    display: block;
}

}