/*div#center-story tr.format-archive td.archive-filter, */
.fau-share__wrapper, 
img.hidden-logo ,
span.period
 {
    display: none;
	 visibility: hidden;
}

/* New styles 2024 updates */
/* General story styles */
.row.intro-section {
    margin: 20px 0;
}
.cms-note /* a note added to the component only for visibility inside the CMS */ , 
div.research-home-story, 
tr.archive-story, 
.story-thumb, 
.hide-on-rd {
    display: none !important;
	visibility: hidden;
}
.image img {
    max-width: 100%;
}
.feature-text {
    display: flex;
    justify-content: normal;
    align-items: left;
    flex-direction: column;
    background-image: none;
    text-transform: none;
}
.story-title { /* story-title was arch-title */
    font-family: "Avenir-Heavy";
    color: #036;
    line-height: 1.2;
    margin: 1rem p;
}
.story-title a {
    color: #000;
}
.story-meta {
    font-size: 70%;
}
.social-box {
    padding-top: 0;
}
/* today's story */
#todays-story {
    display: flex;
    flex-direction: row;
}
#todays-story .image {
    max-width: 750px;
    width: 100%;
    float: left;
    margin-right: 0;
}
#todays-story .feature-text {
    width: 100%;
    padding-left: 0;
}
#todays-story .feature-text .story-title { /* story-title was arch-title */
    font-size: 3.2rem;
}
#todays-story .feature-text .extra-header /* sometimes this is used */ {
    font-size: 2rem;
    font-weight: bold;
}
#todays-story .feature-text .subheader /* was teaser-caption */ {
    font-size: 2rem;
}
#todays-story .fau-button {
    float: left;
    clear: both;
    margin-top: 16px;
}
/* Section 2 stories (#2 and 3) */
.story-section-2 {
    clear: both;
    padding: 20px 0;
}
.story-section-2 .rd-home-story {
    display: flex;
   /* flex-direction: row; */
	flex-direction: column;
    align-items: center;
}
.story-section-2 .feature-text {
    width: 100%;

}

.story-section-2 .feature-text .story-title {
    font-size: 22px;
}
.story-section-2 .feature-text .extra-header {
    font-size: 22px;
}
.story-section-2 .feature-text .subheader /* was teaser-caption */ {
    font-size: 18px;
}

.story-section-2 .image { /* stories 2-3 */
   max-width: 750px;
    width: 100%;
    float: left;
    margin-right: 0;
}

.story-section-2 img {
	width: 100%;
}
.story-section-2 .fau-button {
    display: inline-block;
    float: right;
    margin-top: 16px;
    height: 35px;
    font-size: 14px;
    padding: 6px 1rem;
}

.story-section-2 .meta-section {
    margin-top: 40px;
}
.story-section-2 .story-meta {
    display: inline-block;
    float: left;
}
/* Section 3 stories 0 #4-6 - no image, no subheader, no button */
.story-section-3 .image, /* stories 4-6 */ 
.story-section-3 .fau-button {
    display: none;
	visibility: hidden;
}
.section-3-main {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding: 0 40px;
}
.story-section-3 {
    clear: both;
    padding: 30px 0;
}
.story-section-2 .feature-text {
    width: 100%;
}
.story-section-2 .feature-text .story-title {
    font-size: 18px;
}
.story-section-2 .feature-text .extra-header {
    font-size: 18px;
}
div.social-box {
    padding: 30px 20px;
    text-align: center;
}
.aos-sis .info-row {
    display: block;
    width: 100%;
    clear: both;
}
.aos-sis a.button {
    display: inline-block;
    margin-right: 20px;
}
.grants {
    border: 5px solid #DDEAFD;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    font-size: 24px;
    font-weight: bold;
}
.bottom-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 1em;
}
.bottom-buttons div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: #036;
    padding: 20px;
    color: #fff;
}
.bottom-buttons .fau-button {
    border-color: #fff;
    color: #fff;
    vertical-align: middle;
    margin-left: 40px;
}
@media screen and (max-width: 768px) {
    .calendar-contents {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 992px) {
    .bottom-buttons {
        grid-template-columns: 1fr;
    }
    #publications .heading, #publications .all {
        margin-top: 20px;
    }
    #publications img {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .feature-text {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-image: none;
        text-transform: none;
    }
    #todays-story .image {
        max-width: 750px;
        width: 60%;
        float: left;
        margin-right: 40px;
    }
    #todays-story .feature-text {
        width: auto;
        padding-left: 40px;
    }
    #todays-story .fau-button {
        margin-top: 40px;
    }
    .story-section-2 .fau-button {
        margin-top: 0;
    }
	.story-section-2 .rd-home-story {
		flex-direction: row;
	}
	.story-section-2 .image { /* stories 2-3 */
		float: left;
		max-width: 250px;
		width: 30%;
		margin-right: 30px;
	}
	.story-section-2 .feature-text {
		width: 60%;
		max-width: 60%;
	}
}
@media screen and (min-width: 992px) {
    /* today's story */
    #todays-story .image {
        max-width: 750px;
        width: 60%;
        float: left;
        margin-right: 40px;
    }
    #todays-story .feature-text {
        width: auto;
        padding-left: 40px;
    }
    #todays-story .feature-text .story-title { /* story-title was arch-title */
        font-size: 4.2rem; /* approx 42px */
    }
    #todays-story .feature-text .extra-header /* sometimes this is used */ {
        font-size: 2.5rem;
        font-weight: bold;
    }
    #todays-story .feature-text .subheader /* was teaser-caption */ {
        font-size: 2.5rem;
    }
}