/*--------------------------------BLOG LANDING-----------------------------------*/
/*--------------------------------BLOG LANDING-----------------------------------*/
/*--------------------------------BLOG LANDING-----------------------------------*/



/*--------------------FEATURED ARTICLE-----------------------*/

.featSect {
    position: relative;
    width: auto;
    margin: var(--uniP) var(--uniP) var(--uniP) var(--uniP);
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--uniP);
}

.featPreTitle{
    font-size:1.33rem;
    color: var(--ovmYellow);
}

.pubDate{
    font-size:0.8rem;
    margin: 20px 0;
    color: var(--ovmMid2Grey);
}

.featArtTitle{
    font-size:4vw;
    color: var(--ovmWhite);
}

.featSubTitle{
    /*font-size:2.33vw;*/
    margin: 20px 20px 0 0;
    color: var(--ovmMid1Grey);
}

.authorName{
    margin: 30px 0;
    text-transform: uppercase;
}

.featIMG_wrpr{
    position:relative;

}




/*--------------------FILTER-----------------------*/

.filterMain{
    position:relative;
    width:auto;
    /*margin: var(--uniP) var(--uniP) var(--uniP) var(--uniP);*/
}


/*-------------------GRID------------------------*/

.artGridMain{
    position:relative;
    width:100%;
}

.artGridCon{
    position:relative;
    margin: var(--uniP);
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--uniP);
    
}

.artBlock{
    position:relative;
    display:flex;
    flex-direction:column;
}

.gridIMG_wrpr{
    position:relative;
    width:100%;
    height: auto;
    aspect-ratio: 4/3;
    margin: 0px 0 10px 0;
}

.gridCopyBlock{
    position:relative;
    display:flex;
    flex-direction:column;
    flex-grow: 1;
}

.gridArtTitle{
    font-size:2rem;
    margin: 0px 0 20px 0;
    color: var(--ovmWhite);

}

.gridSubTitle{
    color: var(--ovmMid1Grey);

}

.gridCopyBlock .ssBtn{
    margin: auto 0 0 0;
}



/*--------------------------------ARTICLE-----------------------------------*/
/*--------------------------------ARTICLE-----------------------------------*/
/*--------------------------------ARTICLE-----------------------------------*/

#artBodySection{
    padding: 0 0 var(--uniP) 0;
}

.artHeroSect{
    position:relative;
    padding: 0 var(--uniP);
    display:flex;
    flex-direction:column;
}

.artHeroIMG_wrpr{
    position:relative;
    width:auto;
    height: auto;
    max-height: 66vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgCapt{
    width: fit-content;
    margin: 10px 0 0 0;
    align-self: flex-end;
}


.artBodyMain{
    position:relative;
    margin: 0 var(--uniP);
    display:grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: var(--uniP-sm);
}

.artContentCon{
    position:relative;
    display:flex;
    flex-direction:column;
}

.mainArtTitle{
    font-size:5vw;
    margin: 0px 0 20px 0;
    color: var(--ovmWhite);
}

.artContentCon .sectSubTitle{
    font-size: 1.88rem;
    line-height: 1.33em;
    max-width: 75%;
}

.artBC{
    font-size: 1.33rem;
    line-height: 1.33em;
    margin: 2em 0;
    color: var(--ovmWhite);
}

.artLink{
    color: var(--ovmYellow);
}

.artLink:hover{
    color: var(--ovmOrange);
}

.artIMGSect{
    position:relative;
    margin: var(--uniP-sm) 0;
}

.fwIMG-wrpr{
    position:relative;
    width:100%;
    aspect-ratio: 3/2;
}

.artIMG{
    position:relative;
}

.artIMGSect{
    position:relative;
    display:grid;
    grid-gap: var(--uniP-sm);
}

.artIMGSect-fw{
    grid-template-columns: 1fr;
}

.artIMGSect-2c{
    grid-template-columns: 1fr 1fr;
}

.artIMGSect-3c{
    grid-template-columns: 1fr 1fr 1fr;
}

.abAuthorTitle{
    font-size:1rem;
}

.authorBlock{
    position: relative;
    margin: var(--uniP) 0;
    width:100%;
}

.authorBlock .fwLine{
    margin: 0 0 20px 0;
    border-top: var(--mg1Line);
}

.signUpCon{
    position:relative;
    width:100%;
    margin: 3vw 0 0 0;
}

.signUpCon .ftBlock{
    position:relative;
    height: fit-content;
    padding: var(--uniP);
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--ovmDrkGrey);
}

.signUpCon .subsFormCon{
    position:relative;
    width: auto;
    min-width: unset;
    max-width: unset;
    height: auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

.signUpCon .subScribeTitle {
    font-size: 2.33rem;
    text-align: center;
}

.signUpCon .ftBlock .ssCopy{
    font-size:0.88rem;
    line-height: 1.33em;
    color: var(--ovmMid1Grey);
    text-align: center;
}

.signUpCon .ftBlock .ssBtn{
    margin: 20px auto;
}