/* Added By Jihae Chung 4/30 */

h1.main-img-title {
    font-size: 43px;
    font-weight: 600;
    letter-spacing: 3px;
}
 h1.fancy{
	 display: flex;
	 width: 100%;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 color: #fff;
}
 h1.fancy:before, h1.fancy:after {
	 content: '';
	 border-top: 5px solid;
	 border-bottom: 5px solid;
	 margin: 0 20px 0 0;
	 flex: 1 0 20px;
}
 h1.fancy:after {
	 margin: 0 0 0 20px;
}
 #spotlight, .homegrey{
	 font-family: 'Open Sans', sans-sarif;
}
 #homepage p, h1, h2, h3, h4, h5, h6, span{
	 font-family: 'Open Sans', sans-sarif;
}
 #homepage h2{
	 text-transform: uppercase;
	 font-weight: 600;
	 font-size: 18px;
	 color: #191818;
}
span.d-block.semi-bold{
	font-size: 18px;
	color: #191818;
}
 #homepage h5{
	 font-size: 14px;
	 text-transform: uppercase;
	 color: #6E6A6A;
}
 #spotlight ul li, #spotlight ul li a {
	 line-height: 2.3em;
	 font-size: 14px;
	 color: #191818;
}
#spotlight ul li a:after{
    content: '\003E';
	padding-left: 10px;
	color: #191818;
	text-decoration: none;
}
#podcasts img {
    width: 75px;
    height: auto;
}
#podcasts a:hover {
    color: #191818;;
}
#podcasts h6, #podcasts h6 a{
    font-size: 12px;
    color: #191818;
}
 .border-bottom-black{
	 border-bottom: solid 2px #191818;
}
 .border-top-black{
	 border-top: solid 1px #191818;
}
.border-bottom-darkgray{
    border-bottom: solid 1px #6E6A6A;
}
.semi-bold{
    font-weight: 600;
}

@media (max-width: 767px) {
    #main-img, #side-bulletin{
    	text-align: center;
    	margin: 10px auto;
    }
    #main-img-left img, #main-img-right img, #main-img-middle img, #spotlight img{
        display: block;
        margin: 10px auto;
	}
	h1.fancy:before, h1.fancy:after {
		border: none;
   }
   h1.main-img-title {
        font-size: 26px;
    }
    .img-container{
        left: 15%;
        right: 15%;
    }
}

 .slide {
	 background-size: 100% 100%;
	 background-color: #002955;
	 padding-top: 10px;
	 padding-bottom: 10px;
}

.rightSidePanelImg{ 
    position: block; 
    min-width: 351px;
    height: auto; 
} 
.text-container {
    position: absolute;
    top: 40%;
    left: 13px;
}
#donate-today {
    position: relative;
    display: inline-block;
}
#donate-today h2{
    font-family: gill-sans-nova, sans-serif;
}

#donate-today h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: white;
    position: absolute;
    left: 3%;
    top: 37%;
}
#donate-today h2 a{
    color: white;
}
#donate-today h2 a:hover, #donate-today h2 a:active{
    color: #F72459;
    text-decoration: none;
}
#donate-today p {
    padding-right: 60px;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    line-height: 25px;
    font-size: 26px;
}

#covid-19-popup {
    height: 44px;
    width: 100%;
    background-color: #E23D5E;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#covid-19-popup a{
    color: white;
    font-weight: bold;
}