/* Styles for news pages */

.news-section{
    margin: 50px 0px;
}
.news-title-row{
    border-bottom:1px solid #666666;
    margin:0px;
}
.news-title{
    font-weight:bold;
    padding:0;
    font-size:2em;
}
.news-dateline{
    padding:0;
    font-size: 0.7em;
    color:#444444;
    width:100%;
    display: flex;
    justify-content: right;
    align-items: flex-end;
}
.news-main-area{
    color:#eeeeee;
}
.news-image-div{
    margin:0;
    padding:0;
    float: right;
    max-width:300px;
    margin-left:2px;
}
.news-image{
    /* float: right; */
    max-width:300px;
    /* max-height:200px; */
    border:1px solid #000000;
}
.news-body{
    margin-top:15px;
}
.news-body-interior-title{
    font-weight: bold;
    font-size: 1.5em;
    color:#ffffff;
}
.news-cta{
    text-align:center;
    margin-top:15px;
    margin-bottom:20px;
}

/* On mobile, stack the image above the text instead of floating it */
@media (max-width: 640px){
    .news-image-div{
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .news-image{
        max-width: 100%;
    }
}