/* article / research detail page */

.article-layout{
    background-color: var(--grey-very-light);
    color:var(--dark);
    padding:1rem;
    width:100%;
}

@media(min-width: 996px ){
    .article-layout{
        display: flex;
        gap: 1rem;
    }
}

.article-content{
    flex:5;
}

.article-aside{
    flex:3;
}

.article-date{
    font-size: 1rem;
    font-weight: var(--strong);
}

article a{
    color: var(--purple);
}

.aside-block{
    border-top:1px solid var(--purple);
    margin-top:1rem;
    padding:1rem 0;
}

.aside-block:first-of-type{
    border-top:0;
}

.download_link{
    display: flex;
    min-height: 60px;
    align-items: center;
    text-decoration: none;
    padding-left: 44px;
}

.download_link_text{
    display: inline-block;
    margin-right:0.5rem;
    text-decoration: underline;
    font-size: 0.875rem;
}

.download_link_meta{
    display: inline-block;
    font-size:0.6875rem;
}

.download_link_pdf{
    background: url('/site/assets/images/icons/icn_pdf.svg') no-repeat left center;
    background-size: 32px auto;
}

.author-text{
    display: inline-block;
    padding-right: 0.5rem;
}

.author-text::after{
    content: ',';
}

.author-text:last-of-type:after{
    content: '';
}

/* cards */

a.card-link {
	display: block;
	margin-bottom: 1rem;
	text-decoration: none;
}

.card-flex{
    display: flex;
    flex-direction: column;
}

a.card-link:hover{
    text-decoration: none;
}

.card-meta{
    display: flex;
    flex-direction: column;
    flex: 3;
    padding:1rem;
    background-color:white;
    color: var(--dark);
    line-height: 1.2;
    transition:var(--transition);
}

a:hover .card-meta{
    background-color: var(--slime);
    transition:var(--transition);
}

.card-image{
    flex:2;
}

.card-image figure,
.card-image picture{
    width:100%;
    height:100%;
    margin:0;
}

.card-image picture{
    display: block;
    width:100%;
    height:100%;
}


.card-image img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.card-image figcaption{
    display: none;
}

.card-summary{
    display: none;
}

.card-tab{
    display: inline-flex;
    height:2rem;
    font-size: 1rem;
    font-weight: var(--bold);
    padding:0 1rem;
    justify-content: center;
    align-items: center;
    background-color: var(--red);
    color:white !important;
    text-transform: uppercase;
}

@media(min-width: 992px ){

    a.card-link{
        width:50%;
        margin-bottom: 1rem;
        margin-top: -3rem;
    }

    .card-flex{
        flex-direction: row;
    }

    .card_even{
        margin-left:auto;
    }

    .card-grid-has-featured a:first-of-type{
        width:100%;
        margin-bottom:4rem;
        margin-top: 1rem;
    }

    .card-grid-has-featured a:first-of-type .card-summary{
        display: block;
    }

    .card-grid-has-featured a:first-of-type .card-image img{
        vertical-align:bottom
    }

}

.card-title{
    font-size:2rem;
    font-weight: var(--strong);
    margin:1rem 0;
}

.card-date{
    font-size:1.125rem;
    font-weight: var(--strong);
}

.card-summary{
    font-size:1.125rem;
    padding-bottom:1rem;
}

.card-summary p{
    font-weight: normal !important;
}

.card-sector{
    border-top:1px solid var(--grey);
    margin-top:auto;
    padding-top:1rem;
    text-transform: uppercase;
    font-size:1rem;
}

@media(min-width: 992px ){
    .card-grid-wee a{
        flex-direction: row; 
    }
}

.card-grid-wee .card_even{
    margin-left:0;
}

.card-grid-wee a.card-link{
    width:100%;
    margin-bottom: 1rem;
    margin-top: 0;
}


.card-grid-wee .card-image{
    flex:4;
}

.card-grid-wee .card-image img{
    vertical-align:bottom
}

.card-grid-wee .card-meta{
    flex:6;
    padding:0.25rem;
    display: flex;
    flex-direction: column;
}

.card-grid-wee .card-title{
    font-size:0.875rem;
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 0.25rem;
    font-weight: normal;
}

.card-grid-wee .card-date,
.card-grid-wee .card-type,
.card-grid-wee .card-summary,
    .card-grid-wee .card-sector{
        display: none;
}

.card-grid-wee .card-tab{
    font-size: 0.6875rem;
    height:1.2rem;
}

.arrow_link{
    text-decoration: none;
}

.arrow_link_text{
    padding:0 0.5rem;
}

.arrow_link{
    display: inline-flex;
    align-content: center;
}