/* @import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap'); 

@import url('https://fonts.googleapis.com/css?family=Oswald:300&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap');

.todayPage .editableContent p {max-width:100%;}

.todayPage table
.articleimage {
    clear:both;
}

.todayPage table.articleimage td,
.todayPage span.image_full,
.todayPage span.image_right,
.todayPage span.image_right p,
.todayPage span.image_middle {
    color: #141923;
    font-size: .9rem;
    line-height: 1.2rem;
    margin-top: 0.25rem;
    font-family: 'Archivo Narrow', sans-serif;
}

.todayPage span.image_middle_container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.todayPage span.image_middle_container span.image_middle_multiple {
    max-width: 30%;
}

.todayPage span.image_right span:first-of-type,
.todayPage span.image_left span:first-of-type,
.todayPage span.image_middle span:first-of-type {
    display:block;
    font-size: .9rem;
    line-height: 1.2rem;
    text-transform: none;
    font-family: 'Archivo Narrow', sans-serif;
    margin-bottom:.4rem;
    max-width: fit-content;
}

.todayPage span.image_right span:nth-of-type(2),
.todayPage span.image_left span:nth-of-type(2),
.todayPage span.image_middle span:nth-of-type(2) {
    display:block;
    font-size: .8rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    font-family: 'Archivo Narrow', sans-serif;
    text-align: right;
}

.todayPage span.image_middle {
    margin-bottom: 1rem;
}

.todayPage h3.section {
    margin: -40px 0 !important;
    padding: 2.5rem 0 3.75rem 0;
}

.todayPage span.image_full,
.todayPage span.image_middle {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: table;
}

.todayPage span.image_right {
    width: auto;
    max-width: 30%;
    margin-bottom: 20px;
    float:right;
}

.todayPage span.image_full + p,
.todayPage span.image_middle + p {
    margin-top: 20px;
}

.todayPage span.image_right img,
.todayPage span.image_left img,
.todayPage span.image_full img,
.todayPage span.image_middle img {
    display:block;
    margin-bottom: 10px;
}

.todayPage span.image_right,
.todayPage span.image_left,
.todayPage table.articleimage {
    /*float:right;*/
    margin: 0 0 .5rem 1rem;
    clear: both;
    color: #141923;
    text-transform: none;
    line-height: 1.2rem;
    font-family: 'Archivo Narrow', sans-serif;
}

img.image_right {
    float: right;
    margin: 0 0 .5rem 1rem;
}

img.image_left {
    float: left;
    margin: 0 1rem .5rem 0;
}

img.image_left:after {
    content: " "; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

img.image_right + div.editableMediaCaption {
    width: 240px;
    float: right;
}

img.image_left + div.editableMediaCaption {
    width: 240px;
    float: left;
}

div.editableMediaCredit {
    color: #141923;
    font-size: .8rem;
    margin-top: 0.25rem;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Archivo Narrow', sans-serif;
}

div.editableMediaCaption {
    color: #141923;
    font-size: .9rem;
    margin-top: 0.25rem;
    font-family: 'Archivo Narrow', sans-serif;
}

.todayPage span.image_left,
.todayPage div.image_left {
    float:left;
    margin: 0 20px 20px 0;
    clear: both;
    width: auto;
    max-width: 30%;
}

.todayPage div.image_right {
    float:right;
    margin: 0 0 20px 20px;
    clear: both;
    width: auto;
    max-width: 30%;
}

/* New image placement styles: full, half, third */
.todayPage .image_right_third {
    float:right;
    margin: 0 0 20px 20px;
    clear: both;
    width: auto;
    max-width: 33%;
}

.todayPage .image_left_third {
    float:left;
    margin: 0 20px 20px 0;
    clear: both;
    width: auto;
    max-width: 33%;
}

.todayPage .image_right_half {
    float:right;
    margin: 0 0 20px 20px;
    clear: both;
    width: auto;
    max-width: 480px;
}

.todayPage .image_left_half {
    float:left;
    margin: 0 20px 20px 0;
    clear: both;
    width: auto;
    max-width: 480px;
}

.todayPage div.image_full {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: table;
}
/* --end */


.todayPage span.image_left_profile {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5px;
    margin: 0px;
    width: auto;
    height: auto;	
    max-width: 100%;
}

.todayPage span.image_left_profile img {
    margin-right: 15px;
    width: auto;
    max-width: 20%;
}

.todayPage span.image_left.small,
.todayPage span.image_right.small,
.todayPage div.image_left.small,
.todayPage div.image_right.small {
    width: auto;
    max-width: 20%;
}

.todayPage span.image_left.half,
.todayPage span.image_right.half {    
    width: auto;
    max-width: 50%;
}

.todayPage div.box {
    background-color: #f2f2f3;
    padding: 20px;
    margin: 0 0 20px 20px;
    border: 1px solid #dfe0e2;
    float: right;
}

.todayPage div.box h3 {
    font-size: 1.6rem;
}

.todayPage div.third,
.todayPage div.box-news-third {
    width: 40%;
    margin-left: 30px;
}

.todayPage div.half,
.todayPage .box-news-half {
    width: 50%;
    margin-left: 30px;
    background-color: #f2f2f3;
    border: 1px solid #dfe0e2;
    padding: 20px;
    float: right;
}

.todayPage div.full {
    width: 100%;
}


.todayPage .reference_list {
    list-style-type: none;
}


.todayPage .box a.btn--secondary {
    color: #fff;
}


.todayPage .editableContent h1,
.todayPage .articleauthor,
.todayPage .editableContent .bio,
.author-bio-title {
    display:none;
}


.todayPage ol li {
        margin-bottom: .5rem;
    }

/* Can be used to display headshots horizontally, with their name listed under the photo */
.todayPage .image_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.todayPage .image_row p {
    display: flex;
    flex-direction: column;
}


.todayPage hr {
    margin: 3rem 0 2rem;;
}


.todayPage span.dropCap {
    float: left;
    font-size: 5.5rem;
    font-family: 'Times New Roman',Times,serif;
    line-height: .875em;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}