/*
 Theme Name:   Blade Child (Healthy Futures)
 Theme URI:    http://themeforest.net/user/greatives
 Description:  Blade Child Theme for Healthy Futures site
 Version:      3.1.6
 Author:       Greatives Team
 Author URI:   http://greatives.eu
 Template:     blade
*/

/**** need !important in various areas as blade is dumb and puts style tags on the page ****/

/* import bold versions of fonts used */
@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@700&family=Roboto:wght@700&display=swap');

/** this site should not be indexed by search engines. when turning on 'noindex' we add a blue box with a warning, we want to remove that here **/
.plu-hidden-post-warning-container,
.plu-admin-warning-container {
	display: none !important;
}

/**** FEATURED TOP SECTION *****/

/* fix height for logo on mobile */
#grve-feature-section .grve-content .grve-graphic img {
	max-height: 40px !important;
}

#grve-feature-section .grve-content .grve-title > span {
	text-transform: none;
}

/* add text after gold title */
#grve-feature-section .grve-content .grve-title > span:after {
	content: "Health Education and Care | Mission-aligned Partners | Long-term Commitment";
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 0;
	margin: 15px 0 0 0;
	line-height: 22px;
	font-weight: bold;
}

/* description on mobile */
#grve-feature-section .grve-content .grve-description > span {
	font-size: 15px;
	line-height: 1.5;
	margin-top: 13px;
	display: block;
	font-weight: normal;
}

/* hide button on top of video on mobile */
#grve-feature-section .grve-button-wrapper .grve-btn {
	display: none !important;
}

.floating-invest-btn-section {
	background-color: transparent !important;
}

/* floating 'invest' btn */
.floating-invest-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    width: 100%;
}
.floating-invest-btn a {
    background: #fbba37;
    padding: 1em;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 15px;
    color: #111;
}
.floating-invest-btn .btn-icon {
	margin-bottom: 5px;
}

/* latest news */
.latest-news-highlight {
	border: 1px solid #e8e8e8;
	padding: 30px;
	border-radius: 3px;
	background: #f1f1f1;
}

.latest-news-highlight .grve-slogan-title {
	margin: 13px 0 6px 0;
	font-size: 19px;
	text-transform: none;
	line-height: 28px;
}

.latest-news-highlight .grve-slogan-title p {
	margin-bottom: 15px !important;
}

/* launch initiative */
.initiative-stats-highlight {
	background: #000;
	padding: 2em;
	border-radius: 3px;
	min-height: 285px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.initiative-stats-highlight.grve-box-icon .grve-wrapper-icon.grve-outline {
	border-width: 2px;
}

.initiative-stats-highlight .grve-box-content > p {
	color: #fff;
	font-weight: bold;
}

/* recent collabs */
.recent-collabs-section {
	background: #e8e8e8;
	margin: 2em 0 0 0 !important;
	border-radius: 3px;
}

.recent-collabs-section .wpb_column {
	padding: 2em 2em 1em 2em;
}

.recent-collabs-section h5 {
	text-transform: none;
	line-height: 1.4;
	background: #000;
	color: #fff;
	border-radius: 2px;
	padding: 10px;
	margin-bottom: 20px;
}

.recent-collabs-section .grve-text {
	color: #000;
}

.recent-collabs-section ul {
	list-style: circle;
}

/* future work 'timeline' */
.future-work-timeline-wrapper {
	text-align: center;
	position: relative;
	max-width: 850px;
	margin: 0 auto;
}
.future-work-timeline-wrapper:before {
	content: "";
	min-height: 1800px;
	border-left: 4px dashed #000;
	position: absolute;
	z-index: 0;
	left: 50%;
	transform: translateX(-50%);
}

.future-work-timeline-wrapper .timeline-item {
	margin-top: 2em;
	width: 100%;
	position: relative;
	z-index: 1;
}

.future-work-timeline-wrapper .timeline-item .item-title {
	font-size: 16px;
	margin: 0;
	padding: 14px 5px 10px 5px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border-radius: 3px 3px 0 0;
}

.future-work-timeline-wrapper .timeline-item p {
	background: #fbba37;
	padding: 18px;
	border-radius: 0 0 3px 3px;
	color: #000;
}

.future-work-timeline-wrapper .timeline-item a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
.future-work-timeline-wrapper .timeline-item a:hover {  
	text-decoration: none;
}

.timeline-line-fixer {
	z-index: 10;
	border-top: 3em solid #fff;
}

/***** SECTION PARALAX IMAGES - ADJUST POSITIONING FOR MOBILE DEVICES *****/
#initiative .grve-background-wrapper .grve-bg-image { background-position: -340px center; }

.section-bkg-partners-large {
	display: none;
}

/***** MISC *****/

.health-innovation-faq-form-wrapper iframe {
	width: 100%;
	height: 584px;
	border-radius: 7px;
}

.fix-floating-img {
	margin-bottom: 20px;
}

/* make accordions have different styling */
.dark-style-accordion .vc_tta-panel-title {
	background: #151515;
}

.dark-style-accordion .vc_tta-panel-title > a {
	color: #fff !important;
	font-size: 16px;
	padding-top: 18px !important;
	line-height: 1.4;
	text-transform: none;
}

.dark-style-accordion .vc_tta-title-text > strong {
	color: #fbba37 !important;
}

.dark-style-accordion .grve-text ul li {
	margin-bottom: 10px;
}
.dark-style-accordion .grve-text ul li:last-child {
	margin-bottom: 0;
}

.dark-style-accordion .grve-text a {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.dark-style-accordion .grve-text a:hover {
	text-decoration: none;
}

/* main section break/headers */
.main-section-break {
	margin-top: -3em;
}

.main-section-break .section-header-wrapper .section-header {
	background-color: #fbba37;
	background-image: url('img/tapestry-bkg-pattern_gold.png');
	background-repeat: repeat;
	background-size: contain;
	padding: 32px;
	border-radius: 3px;
	position: relative;
}

/* callout quotes */
.grve-row.callout-quote {
	margin-left: 0;
	margin-right: 0;
}

.callout-quote .quote-picture {
	max-width: 200px;
	margin: 15px auto -5px auto !important;
}

.callout-quote .quote-picture > img {
	border: 1px solid #000;
	padding: 3px;
}

.callout-quote.black-text .grve-text {
	color: #222;
}
.callout-quote.black-text .grve-title {
	color: #000;
}

.callout-quote.white-text .grve-text {
	color: #f9f9f9;
}
.callout-quote.white-text .grve-title {
	color: #fff;
}

/* section subtitles (with thick gold underline to emphasize part of it) */
.section-sub-titles h4 {
	text-transform: none;
	text-align: center;
	font-size: 26px;
}
.section-sub-titles h4 .section-highlighted {
	border-bottom: 5px solid #fbba37;
}

/* sub section large image */
.sub-section-large-image > img {
	border-radius: 3px;
	width: 100%;
	max-width: 1300px;
}

/* style icon boxes */
.new-style-icon-box {
	background: #fbba37;
	padding: 25px;
	border-radius: 3px;
}

.new-style-icon-box .grve-box-title {
	text-transform: none;
	line-height: 1.4;
	font-size: 20px;
}

.new-style-icon-box .grve-box-content p {
	color: #000;
	font-size: 16px;
	line-height: 1.6;
}

/* change accordion styling */
.accordion-additional-info {
	background: #252525;
}

.accordion-additional-info.vc_tta.vc_general .vc_tta-panel-title {
	color: #fff;
	font-size: 16px !important;
	line-height: 1.3;
}

.accordion-additional-info p {
	color: #fff !important;
	font-size: 16px;
}

/* fix certain "title" element line heights */
.grve-title.grve-subtitle-text > span,
.grve-title.grve-small-text > span {
	line-height: 1.4 !important;
}

/* text links */
.has-text-link a {
	color: #000;
	text-decoration: underline;
}
.has-text-link a:hover {
	text-decoration: none;
}

/* lowercase headers */
.no-uppercase-header {
	text-transform: unset !important;
}

/* change sticky header menu font colors */
#grve-header.grve-sticky-header .grve-logo-text a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li > a, #grve-header.grve-sticky-header #grve-main-header .grve-header-element > a, #grve-header.grve-sticky-header .grve-header-element .grve-purchased-items {
	color: #777 !important;
}

#grve-header.grve-sticky-header .grve-logo-text a:hover, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.grve-current > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-item > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li:hover > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-item > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.current-menu-ancestor > a, #grve-header.grve-sticky-header #grve-main-header #grve-main-menu .grve-wrapper > ul > li.active > a, #grve-header.grve-sticky-header #grve-main-header .grve-header-element > a:hover {
	color: #fff !important;
}

/* hide 'back to top' arrow */
.grve-back-top {
	display: none !important;
}

/* RESPONSIVE
---------------------------------------------------------------------------------- */

/* MEDIUM */
@media only screen and (min-width: 48em) {
		
	#grve-feature-section .grve-content .grve-graphic img {
	    max-height: 65px !important;
	}
	
	#grve-feature-section .grve-content .grve-description > span {
		font-size: inherit;
	}
	
	#grve-feature-section .grve-content .grve-title > span:after {
		font-size: 20px;
	}
	
	#grve-feature-section .grve-content .feature-section {
		font-size: 13px !important;
	}
	
	#grve-feature-section .grve-button-wrapper .grve-btn {
		display: inline-block !important;
	}
	
	/* callout quotes (vertically align center) */
	.callout-quote {
		display: flex;
		align-items: center;
	}
	
	.grve-row.callout-quote {
		margin-left: unset;
		margin-right: unset;
	}
	
	.callout-quote .quote-picture {
		margin: 0 auto !important;
	}
	
	.latest-news-highlight {
		margin: 0 15px;
	}
	
	.new-style-icon-box {
		margin: 0 15px;
	}
	
	.grve-progress-bars .grve-bar-title {
		display: block;
	}
	
	.floating-invest-btn {
		bottom: unset;
		left: unset;
	    top: 6em;
	    right: 1em;
	    margin: 0;
	    width: auto;
	    -webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.floating-invest-btn:hover {
		top: 6.2em;
	}
	.floating-invest-btn a {
	    border-radius: 3px;
	    border: 1px solid #e3a528;
	    width: 160px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 2px 0px #e3a528;
	}
	.floating-invest-btn a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: rgba(255,255,255,0.4);
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	.floating-invest-btn a:hover:after {
		width: 120%;
		background-color: rgba(255,255,255,0);  
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	#initiative .grve-background-wrapper .grve-bg-image {
		background-position: center center;
	}
	
}

/* SEMI-LARGE */
@media only screen and (min-width: 64em) {
	
	.donor-list ul {
		justify-content: center;
	}
	
	.donor-list ul li {
		margin: 5px 0;
		width: 20%;
	}
	
}

/* LARGE */
@media only screen and (min-width: 71.563em) {
}


/** very specific responsive styling for the future 'timeline' styling to display correctly */
@media only screen and (min-width: 650px) {
	
	.future-work-timeline-wrapper .timeline-item {
		max-width: 400px;
		clear: both;
	}
	
	.future-work-timeline-wrapper .timeline-item.left {
		float: left;
	}
	
	.future-work-timeline-wrapper .timeline-item.right {
		float: right;
	}	
	
}

@media only screen and (min-width: 900px) {
	
	.future-work-timeline-wrapper .timeline-item.left:after,
	.future-work-timeline-wrapper .timeline-item.right:after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		border: 2px solid #fbba37;
		width: 40px;
		z-index: 0;
	}
	
	.future-work-timeline-wrapper .timeline-item.left:after { right: -14px; }
	.future-work-timeline-wrapper .timeline-item.right:after { left: -14px; }
	
}

@media only screen and (min-width: 920px) {
	
	.future-work-timeline-wrapper .timeline-item.left:after { right: -24px; }
	.future-work-timeline-wrapper .timeline-item.right:after { left: -24px; }
	
}

@media only screen and (min-width: 1000px) {

	.section-bkg-partners-large {
		display: block;
	}
	
	.section-bkg-partners-small {
		display: none;
	}
	
}