.header-banner img {
    object-position: top !important;
}

.blogs-pg .searchandfilter ul,
.stories-pg .searchandfilter ul {
    justify-content: space-between;
} 

/* Back button : Detail page */
.overview-button .button.-text:hover {
    background-color: unset !important;
    box-shadow: unset !important;
}
.overview-button .icon-box .icon-box-content .button {
    margin-top: 0px !important;
}
.overview-button .icon-box.-left-icon .icon-group {
    display: block;
}
.overview-button .icon-box.-left-icon {
    align-items: center;
}
.overview-button .icon-box.-left-icon a {
    line-height: 0;
}
.overview-button .icon-box .icon-box-content .button.-text:hover {
    color: unset !important;
}
.overview-button .button.-text:focus ,
.overview-button .button.-text:active {
    background-color: unset !important;
    box-shadow: unset !important;
}
.overview-button .tags-categories {
    display: none;
}
/* End Back button : Detail page */

/* Media, Huayue, & Book Detail share / tag / date section */
.article_info_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0 !important;
}

.article_info_section .link-section,
.article_info_section .info_section .tag_author,
.article_info_section .info_section .date {
    display: flex;
    gap: 16px;
    align-items: center;
}
.article_info_section .info_section .subheader-wrapper {
	margin-bottom: 30px;
	border: 1px solid var(--teal);
	border-radius: 8px;
	padding: 15px 20px;
	display: inline-block;	
}
.article_info_section .info_section .subheader-wrapper .subheader {
	color: var(--teal);
	font-family: gotham, sans-serif;
font-weight: 700;
	font-size: var(--font-size-16);
}

.article_info_section .link-section:nth-child(2) {
    font-weight: bold;
}

.article_info_section .info_section .tag_author .tag {
    font-family: gotham, sans-serif;
font-weight: 500;
}

.article_info_section .grid-item {
    padding: 0 !important;
}

.article_info_section .info_section .date .grid-item {
    display: flex;
    gap: 10px;
    font-family: gotham, sans-serif;
}

.article_info_section .link-section .links img {
    width: 30px;
}
.content .wp-block-column p:first-child,
.content figure {
    margin: 0 0 10px;
}
/* End  Media, Huayue, & Book Detail share / tag / date section */


/* Related Articles Section */
.related-articles-section #section-title {
    color: var(--teal);
}
.related_articles {
    display: grid;
    grid-auto-flow: row;
    row-gap: 24px;
    margin: 24px 0 0 !important;
}
.related_articles a::before {
    content: url('/wp-content/uploads/icons/music-purple.svg');
    display: block;
    max-height: 24px;
}
.related_articles a {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    align-items: center;
    font-family: gotham, sans-serif !important;
font-weight: 700 !important;
    font-size: var(--font-size-16) !important;
    line-height: var(--line-height-150) !important;
}

@media only screen and (min-width: 1199px) {
	/* Filters */
	.search-v-dropdowns .searchandfilter ul li.sf-field-search {
		width: 34vw;
	}
	.searchandfilter ul li.sf-field-tag {
		width: auto;
	}
}
@media only screen and (max-width: 1024px) {
    .blogs-and-stories-listing article.elementor-grid-item {
        width: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .blogs-and-stories-listing article.elementor-grid-item {
        width: auto;
        max-width: 100%;
        aspect-ratio: unset;
    }
    .blogs-pg .searchandfilter ul,
    .stories-pg .searchandfilter ul {
        row-gap: 18px !important;
    }
    .blogs-and-stories-listing .elementor-grid {
        justify-self: center;
    }
    .searchandfilter ul li.sf-field-post-meta-article_info_section_year_published, 
    .searchandfilter ul li.sf-field-search, 
    .searchandfilter ul li.sf-field-search label, 
    .searchandfilter .sf-field-sort_order, 
    .searchandfilter .custom-select.season-select, 
    .searchandfilter .custom-select, .searchandfilter label {
        width: 100%;
    }
    
    .article_info_section { 
    	flex-wrap: wrap;
    }
    
    .article_info_section .info_section {
    	flex-basis: 100%;
    	width: 100%;
    }
}