#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-size: 17px;
    color: #47b2ef;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    background-image: linear-gradient(to right,#47b2ef 0,#47b2ef 100%);
    -webkit-transition: background-size 0.55s cubic-bezier(.2,.75,.5,1);
    transition: background-size 0.55s cubic-bezier(.2,.75,.5,1);
    background-position: left bottom;
    background-size: 0% 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: inline-block;}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
    background-size: 100% 2px;
	text-decoration:none;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 30px;}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
    padding: 0;
    border: 1px solid #e7e7e7;
    transition: all .7s cubic-bezier(.2,1,.22,1);}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover {    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    width: calc(100% / 3 - 30px);
    margin-right: 30px;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
    padding: 0 25px;
    box-sizing: border-box;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
    padding-bottom: 20px;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
    margin-bottom: 0;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {padding-top: 25px;}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: none;}
body #jp-relatedposts h3.jp-relatedposts-headline {
    font-size: 36px;
    color: #444;
    font-weight: 300;
    font-family: Roboto;
}

body #jp-relatedposts h3.jp-relatedposts-headline em {
    font-weight: 300;
}

/** Hide mobile search on other viewports */
.hide-nonmobile {
    display: none !important;
}

/** Show desktop search */
.non-mobile-search {
	  display: flex !important;
}

@media(max-width:990px){
	/** Show mobile search on mobile */
	.hide-nonmobile {
    display: block !important;
  }
	
	/** Hide desktop search */
  .non-mobile-search {
	  display: none !important;
  }
	
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    width: calc(100% / 3 - 10px);
    margin-right: 10px;
}
}

@media(max-width:550px){
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    width: 100%;
    margin-right: 0;
}
}
.post-featured-img-wrap{
	display:block !important;
}
.post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
    width: 200px;
    height: 150px !important;
    position: relative;
    border-radius: 5px;
    min-height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.post-area.featured_img_left .article-content-wrap .post-content-wrap{
	padding:2% 0 2% 6% !important;
}
.post-area.featured_img_left article{
	margin-bottom:0 !important;
	border-bottom: 1px solid #8080806b;
}
.category-publications #jp-relatedposts {
    display: none !important;
}

/** Added for Category Images and Listing them vertically **/
@media(min-width:700px) {
	.row .posts-container .post-content span.post-featured-img {
		max-height: 200px;
		max-width: 300px;
	}
	
	img.attachment-portfolio-thumb.size-portfolio-thumb.skip-lazy.wp-post-image.auto-height {
		/** max-height: 200px;
    max-width: 300px;
    transform: scale(1); **/
	}

	body:not(.ascend) .masonry.classic_enhanced article.post .content-inner {
			width: 70%;
	}

	.post-area.masonry.classic_enhanced article.post:not(.wide_tall) .img-link {
			position: relative;
			display: block;
			width: 40%;
	}

	.row .posts-container .post-content .article-content-wrap {
		display: block;
	}

	.row .posts-container .post-content .post-header {
		display: block;
	}

	.post-area.masonry article.post .post-content, .post-area.featured_img_left article.post .post-content {
			display: flex;
			max-height: 340px;
	}

	.row .masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
			padding: 4%!important;
	}

	.post-area.col.span_9.masonry.classic_enhanced article {
		width: 100%;
		min-height: 200px;
	}
}

@media(max-width:700px) {

	body:not(.ascend) .masonry.classic_enhanced article.post .content-inner {
			width: 100%;
	}

	.post-area.masonry.classic_enhanced article.post:not(.wide_tall) .img-link {
			position: relative;
			display: block;
			width: 100%;
	}
	
	.row .posts-container .post-content .article-content-wrap {
		display: block;
	}
	
		.row .posts-container .post-content .post-header {
		display: block;
	}

	.post-area.masonry article.post .post-content, .post-area.featured_img_left article.post .post-content {
			max-height: 700px;
	}

	.row .masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
			padding: 4%!important;
	}

	.post-area.col.span_9.masonry.classic_enhanced article {
		width: 100%;
	}
}

/** Category and News Page 'Read More' Button Styling **/

.post-area.masonry article.post .more-link span, .blog-recent .more-link span {
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 -3px rgba(0,0,0,0.1) inset;
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    -o-transition: opacity .45s cubic-bezier(0.25,1,0.33,1);
    color: #FFF;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 13px 18px;
    position: relative;
    text-transform: uppercase;
    top: -3px;
    margin-bottom: 10px;
    opacity: 1;
    line-height: 20px;
    background-color: #47b2ef;
    display: inline-block;
}

/** Homepage slider image width&height constraints **/
.homepage .metaslider .flexslider .slides img {
    max-width: 570px;
    width: 100% !important;
    height: 475px;
    min-height: 300px;
}

@media(max-width:700px) {
	.homepage .metaslider .flexslider .slides img {
			max-width: 570px;
			width: 100% !important;
			max-height: 405px;
			min-height: 300px;
	}
}

.homepage img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image {
    width: 100%;
    height: 208px;
}

/** Homepage Text-Align for titles **/

.homepage .row .masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
			text-align: center;
	}

/** Partner of the month page icon levelling */
@media (min-width: 700px) {
	.partner-of-the-month .row .posts-container .post-content .article-content-wrap {
			min-height: 300px;
	}			
}

@media (min-width: 700px) {
	.partner-of-the-month .row .posts-container .post-content .post-header {
			text-align: center;
			margin-top: 10%;
	}
}

@media (max-width: 700px) {
	.partner-of-the-month .row .posts-container .post-content .post-header {
			margin-top: 10%;
			text-align: center;
	}
	
	.partner-of-the-month .row .posts-container .post-content .meta-category {
			display: none;
	}
	
	.post-area.masonry article.post .post-content .article-content-wrap {
			min-height: 120px;
	}
}
.ht-main-header {
    display: none;
}

/** Simple caption for posts * * eg. BSA Fund-Supported Healthcare */
.simple-caption .wp-caption .wp-caption-text {
  border: 0 !important;
  top: 0 !important;
  margin-left: 0 !important;
  max-width: 100% !important;
}

/** condensed line height eg. https://www.southsouth-galaxy.org/response-to-coronavirus/ */
.condensed-line-height {
	line-height: 1.3em !important;
}

/** Center titles eg.
 * southsouth-galaxy.org/sgp-partner-of-the-month
 */
.center-title .title {
	text-align: center !important;
}

.hide-excerpt .excerpt {
	display: none !important;
}

/** Title font-size and line-height adjustment for the timeline eg. https://www.southsouth-galaxy.org/upcoming-events-timeline */
.cd-timeline-content h2 {
	font-size: 30px;
    line-height: 40px;
}

/** southsouth-galaxy.org/search remove padding and margin around search box */
.gsc-control-cse {
	padding: 0 !important;
}

.gsc-search-box {
  margin-bottom: 0 !important;
}

.gsc-input-box table {
  margin-bottom: 0 !important;
}

/** Show date for every post but hide the update date */
span.meta-date {
    display: block !important;
}
span.meta-date.date.updated {
	  display: none !important;
}

/** Do not make the menu item text bold and remove the margin and only add indentation to the submenu item for the top menu Events item */
.simple-menu-item .sf-with-ul {
	  color: #999 !important;
	  font-family: Roboto !important;
    font-size: 14px !important;
    line-height: 12px !important;
    font-weight: 400 !important;
}

/** Decrease the padding on the menu item */
.simple-menu-item .sub-menu {
	padding-bottom: 0.3rem !important;
  padding-top: 0.8rem !important;
}

/** indent the submenu item on the top menu */
.simple-submenu-item > a {
	margin-left: 1rem !important;
}

/** Main Menu Search Icon */
button.is-search-submit {
    border-radius: 0 !important;
    border: solid 1px #ccc !important;
    background-color: #fff !important;
}

/** Search page grid element heights */
.main-content-search-grid img {
    max-width: 100%;
    height: 200px;
}

/** Gradient Background for the featured publication section in the publications page */
.featured-publication-background {
    background-image: linear-gradient(359deg, rgb(195 212 201), rgb(26 65 103));
}

@media (min-width: 700px) {
	/** Contract div from left and   right */
	.contracted {
		padding-left: 20% !important;
		padding-right: 20% !important;
	}

	.contracted-medium {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}

	.contracted-small {
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	
	.search-widget-grid {
		display: grid; 
		grid-template-columns: 69.5% 30%;
    grid-gap: 1%;
	}
}

@media (max-width: 700px) {
  /** Disable contractions on  mobile */
	.contracted {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}

	.contracted-medium {
		padding-left: 8% !important;
		padding-right: 8% !important;
	}
	
	.contracted-small {
		padding-left: auto;
		padding-right: auto;
	}
	
	/** Center text on mobile */
	.centered-text-on-mobile {
		text-align: center !important;
	}
	
	/** Add padding on mobile */
	.padding-bottom-on-mobile-middle {
		padding-bottom: calc(10vw) !important;
	}
	
	.padding-bottom-on-mobile-large {
		padding-bottom: calc(18vw) !important;
	}
	
	.padding-top-on-mobile-medium {
		padding-top: calc(12vw) !important;
	}
	
	.padding-top-on-mobile-xsmall {
		padding-top: calc(3vw) !important;
	}
	
	.search-widget-grid {
		display: block;
	}
}

/** Custom CSS for search with category form's search button */
.search-with-category-button[type=submit] {
	border: 1px solid transparent;
  border-radius: 3px !important;
	padding: 15px 22px!important;
  top: 0;
  right: 0;
}

.search-with-category-button span {
	color: white !important;
}

/**  Customize search input component in the search with category shortcode  */
input.search-field {
    background-color: rgb(255 255 255 / 4%);
    border: 1px solid #ccc;
    border-radius: 3px;
}

/** Customize select component in the search with category shortcode */
.search-form div.fancy-select-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

/** Customize select component in the search with category shortcode to remove the hover and font-size behaviour */
.select2-choice-without-hover span {
    font-size: 1rem;
}

.select2-choice-without-hover {
	display: block;
	padding: 0 0 0 8px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
	white-space: nowrap;
	color: #444;
	text-decoration: none;
	border-radius: 3px;
	background-clip: padding-box;
	user-select: none;
	background-color: #fff;
	font-weight: 400;
}

.select2-container .select2-choice-without-hover .select2-arrow {
    display: inline-block;
    width: 22px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
}

.select2-container .select2-choice-without-hover, .select2-results .select2-result-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}
.select2-container .select2-choice-without-hover .select2-arrow b:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    border: 4px solid transparent;
    border-top-color: #666;
    margin-left: -7px;
    margin-top: -2px;
}

/** Increase height of the category select in the search with category widget */
.search-form div.select2-container a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/** Recent news widget image problem in non-full width pages */
.recent-posts-large-img img.attachment-portfolio-thumb.size-portfolio-thumb.wp-post-image {
	width: 100% !important;
  height: auto;
  float: inherit !important;
}

/** https://www.southsouth-galaxy.org/cities-clusters/covid-19-response-recovery-and-public-health/ */
@media (min-width: 1000px) {
	.recent-posts-medium-img img.attachment-large.size-large.skip-lazy.wp-post-image.auto-height {
		min-width: 10rem !important;
	}
	
	.recent-posts-medium-article article {
		height: 25rem;
	}
}

/** https://www.southsouth-galaxy.org/partner-of-the-month/uncdf/ */
@media (min-width: 1000px) {
	.page-id-13087 .post-content {
    height: 355px;
		max-height: 355px !important;
   }
	
		.page-id-13087 .masonry.material .masonry-blog-item .article-content-wrap, .related-posts[data-style="material"] .article-content-wrap {
			padding: 15px 0px 0px 5px!important;
	}

}

/** https://www.southsouth-galaxy.org/partner-of-the-month/tica */
@media(min-width:700px) {
	.page-id-13451 span.post-featured-img {
		max-height: inherit !important;
		max-width: inherit !important;
	}
	
	.page-id-13451 .posts-container .post-content {
		max-height: inherit !important;
		height: 30.5em;
	}
	
}

/** Hide tags for the Featured Solutions part of the Partner of the Month (POM) pages e.g. https://www.southsouth-galaxy.org/partner-of-the-month/tika */
.hide-tag .content-inner .meta-category1 {
    display: none;
}

/** Increase the article height on blog list-items for POM pages */ 
@media(min-width:700px) {
	.list-item-height-l article {
		height: 27rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-l article .article-content-wrap {
		height: 15rem;
	}
	
	.list-item-height-md-l article {
		height: 26.1rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-md-l article .article-content-wrap {
		height: 14.1rem;
	}
	
	.list-item-height-md article {
		height: 25rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-md article .article-content-wrap {
		height: 13rem;
	}
	
	.list-item-height-md-sm article {
		height: 24rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-md-sm article .article-content-wrap {
		height: 12rem;
	}
	
	.list-item-height-md-s article {
		height: 23rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-md-s article .article-content-wrap {
		height: 11rem;
	}
	
	.list-item-height-md-ss article {
		height: 22rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-md-ss article .article-content-wrap {
		height: 10rem;
	}
	
	.list-item-height-smd article {
		height: 21rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-smd article .article-content-wrap {
		height: 10rem;
	}
	
	.list-item-height-smd-s article {
		height: 20rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-smd-s article .article-content-wrap {
		height: 9rem;
	}
	
	.list-item-height-smd-ss article {
		height: 19rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-smd-ss article .article-content-wrap {
		height: 8rem;
	}
	
	.list-item-height-smd-sss article {
		height: 18rem;
	}
	
	/** For the length of the white area where the text resides */
	.list-item-height-smd-sss article .article-content-wrap {
		height: 7rem;
	}
	
	/** See all POM pages: https://www.southsouth-galaxy.org/previous-partners-of-the-month/ */
}

/** Title font adjustment for mobile: See all POM pages: https://www.southsouth-galaxy.org/previous-partners-of-the-month/ */
@media(max-width:700px) {
	.hide-tag h3.title {
    font-size: 1.79em !important;
    line-height: 1.53em !important;
	}
}

@media(min-width:700px) {
	/** Featured images on https://www.southsouth-galaxy.org/comsats-south-south-cooperation-partner-of-the-month/ */
		.page-id-7128 img.attachment-large.size-large.skip-lazy.wp-post-image.auto-height {
		height: 191px;
	}
}