/*  HERO  */
.hero {
    background: url(/assets/hero/news_mobile.jpg), var(--green);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100svh;
    margin: 0 0 50px 0;
}
/*  HERO END  */

/*  CONTENT  */
.orange {
color: var(--orange) !important;
padding: 30px 0 25px 0;
}
.midGrey {
color: var(--midGrey);
}
.content {
display: flex;
flex-direction: column;
padding: 0 0 25px 0;
}
.content .contentImage img {
width: 100%;
}
.content .newsDate {
font-size: var(--sm-fs-date);
display: block;
color: var(--midGrey);
}
.content .newsTitle {
padding: 0.3em 0 1em 0;
font-size: var(--fs-subheading);
display: block;
}
.content .contentBody {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px 15px;
}
.content a {
font-size: var(--fs-body);
text-decoration: none;
border-bottom: 1px solid var(--orange);
width: fit-content;
}
.content .contentBody p {
font-size: var(--fs-body);
line-height: var(--lh-body);
padding: 0 0 25px 0;
color: var(--darkGrey);
}
/*  CONTENT END  */

/*  PARTNERS  */
.partners {
display: flex;
justify-content: center;
padding: 50px 15px;
column-gap: 20px;
row-gap: 20px;

flex-wrap: wrap;
}
.partners span {
display: flex;
}
.partners span img {
width: 100px;
}
/*  PARTNERS END  */

/*    LARGE SCREEN    */
@media only screen and (min-width: 650px) 
{
/*  HERO  */
.hero {
    background: url(/assets/hero/news_desktop.jpg), var(--green);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*  HERO END  */

/*  CONTENT  */
.contentHolder {
    padding: 50px 0;
}
.content {
    flex-direction: row;
    padding: 50px 0;
    margin: 0 10%;
    border-bottom: 1px solid var(--borderGrey);
}
.content:last-child {
    border-bottom: none !important;
}
.contentImage {
    width: 30%;
}
.content .contentImage img {
    width: 80%  ;
}
.content .newsDate {
}
.content .newsTitle {
    font-size: var(--fs-subheading);
}
.contentBody {
    width: 70%;
}
.content .contentBody p {
    padding: 0 0 25px 0;
}
.title {
    font-size: 5em;
}
.content .contentTitle span {
    font-size: 2em;
}
/*  CONTENT END  */


}