MINISTRY DIRECTORY USING NEWS GALLERY FUNCTION

/*-----------------------  MINISTRY NEWS GALLERY GENERAL  -----------------------*/

#news_gallery {
	margin-top: 30px;
}

#news_gallery h1 {
	color: var(--gray5);
	font-family: 'Work Sans', sans-serif;
	font-size: 25px;
	text-align: left;
}

#news_gallery h2 {
	color: var(--gray4);
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin: 5px auto 40px auto;
	text-align: left;
}

#news_gallery h3.news_date {
	display: none;
	/*color: var(--gray4);
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0.3em;*/
}

#news_gallery div#db_pagination {
    padding-top: 40px;
    border-top: none;
}

#news_gallery div#db_pagination p.total {
    display: none;
}

div#news_gallery article {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    border-bottom: solid 1px #CECECE;
}

div#news_gallery article .MinistryInfo-Wrap {
    margin-left: 50px;
    max-width: 300px;
    min-height: 300px;
    background-color: #b1b1b138;
    float: right;
    right: 0;
    margin-bottom: 50px;
}


div#news_gallery article .MinistryInfo-Wrap p.schedule:before {
    content: '\f017';
    margin-right: 5px;
    color: #5967a7;
}

/*-----------------------  MINISTRY NEWS GALLERY CARDS/THUMBNAILS  -----------------------*/

#db_pagination dl {
    display: grid;
}

#db_pagination dl dd:first-of-type {
    order: 0;
}

#db_pagination dd:not(:first-of-type) {
    order: 1;
}

#db_pagination dt {
    position: relative;
    order: 1;
}

a.js-news_gallery.fx_4 dl { 
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 1px 1px 3px var(--gray3)
}

a.js-news_gallery.fx_4 dl:hover {
    border: solid 1px #6e1513;
    padding: 5px;
    transition: all 0.2s ease-out;
}

a.js-news_gallery dl dt img {
    width: 100%;
    display: block;
    border-radius: 0 0 20px 20px;
    margin-bottom: 0;
}

a.js-news_gallery.fx_4 dl dd.title {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    color: white;
    background: rgba(110, 21, 19, 0.8);
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.4s ease-out;
}

a.js-news_gallery.fx_4 dl dd.subtitle {
    display: none;
    /*color: var(--color_pl);
    font-size: 13px;
    padding: 10px;
    text-align: center;*/
}

a.js-news_gallery.fx_4 dl dd.date {
    display: none;
    /*color: var(--gray4);
    font-size: 8px;
    font-style: italic;*/
}