@font-face {
	font-family: 'AvenirBook';
	src: url('../woff2/avenirltstd-book.woff2') format('woff2'),
		url('../woff/avenirltstd-book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AvenirBlack';
	src: url('../woff2/avenirltstd-black.woff2') format('woff2'),
		url('../woff/avenirltstd-black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AvenirOblique';
	src: url('../woff2/avenirltstd-bookoblique.woff2') format('woff2'),
		url('../woff/avenirltstd-bookoblique.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}


* { box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0px; padding: 0px; }
h1 { font-family: 'AvenirBlack'; font-size: 42px; margin-bottom: 5px; }
h1 span { color: #60a845; }
h2 { font-family: 'AvenirBlack'; font-size: 36px; margin-bottom: 15px; }
h2 span { color: #60a845; }
h3 { font-family: 'AvenirBlack'; font-size: 27px; color: #60a845; margin-bottom: 15px; }
p { font-family: 'AvenirBook'; font-size: 16px; line-height: 24px; margin-bottom: 20px; color: #000000; }
a.BlueBtn { background: #0090ba; color: #ffffff; font-family: 'AvenirBlack'; text-decoration: none; font-size: 13px; padding: 13px 30px; width: auto; height: auto; display: inline-block; font-weight: bold; transition: all 0.3s; }
a.BlueBtn:hover { background: #60a845; transition: all 0.3s; }
.Container { width: 100%; height: auto; margin: 0 auto; max-width: 1200px; clear: both; }
.ContainerFullWidth { width: 100%!important; height: auto!important; float: left!important; max-width: 100%!important; clear: both!important; }
.ClearAll { clear: both; }
.AlignCenter { text-align: center; }
.GreenBG { background: #60a845; }
.GreenBG h2 { color: #ffffff; }
.GreenBG p { color: #ffffff; }
.GreenBG #FortureForwardStraubSection p { color: #000000; }
.GreenTxT { color: #60a845; }
.TransparentLines { width: 100%; height: auto; float: left; background: url(../png/transparentlines.png) no-repeat; background-size: contain; }
.SpecialSpacing { margin: 50px 0; padding-top: 60px; padding-bottom: 60px; }
.ContainerFullWidth.HeaderSection { background-color: rgba(255, 255, 255, 0.9); position: absolute; left: 0px; top: 0px; z-index: 9999999; }
#straubHeader { width: 100%; height: auto; padding: 12px 0; float: left; }
#straubHeader .LogoSection { width: 40%; height: auto; float: left; }
#straubHeader .LogoSection img { max-height: 60px; float: left; }
#straubHeader .LogoSection .WebsiteTitle { width: auto; height: auto; float: left; font-family: 'AvenirBlack'; color: #000000; font-size: 18px; line-height: 60px; padding-left: 20px; }
#straubHeader .Navigation { width: 60%; height: auto; float: right; padding: 20px 0 0; display: block; }
#straubHeader .Navigation ul { width: 100%; height: auto; float: left; text-align: right; padding: 0px; margin: 0px; }
#straubHeader .Navigation ul li { width: auto; height: auto; display: inline-block; list-style: none; margin-left: 30px; }
#straubHeader .Navigation ul li a { font-family: 'AvenirBlack'; color: #000000; font-size: 15px; text-decoration: none;}
#straubHeader .Navigation ul li.Selected a, header .Navigation ul li a:hover { color: #60a845; }
#straubHeader .LinesIcon { display: none; }
#straubHeader .CloseIcon { display: none; }
#ToogleBtn { cursor: pointer; float: right; color: #000000; font-size: 10px; position: absolute; right: 10px; top: 11px; display: block; }
#ToogleBtn i { font-size: 32px; }
a#ToogleBtn { display: none; }
#ToogleBtn img {max-width: 25px; margin: 5px 0 0;}
.BannerSection { width: 100%; height: auto; float: left; }
.BannerSection img { width: 100%; height: auto; float: left; }
.BannerSection img.DesktopBanner { display: block; }
.BannerSection img.MobileBanner { display: none; }
.BannerSection video { position: relative; z-index: 9; float: left; }
#FortureForwardStraubSection { width: 70%; height: auto; float: left; background: #ffffff; padding: 20px 30px 30px; margin: -60px 0 40px; position: relative; z-index: 99999; }
.OurLegacySection { width: 100%; height: auto; float: left; padding-bottom: 40px; }
.OurLegacySection .OurLegacyImg { width: 50%; height: auto; float: left; }
.OurLegacySection .OurLegacyImg img { width: 100%; float: left; }
.OurLegacySection .OurLegacyTxT { width: 50%; height: auto; float: left; padding-left: 50px; }
.HealthCareCampusBG { background: url(../png/healthcarecampusbg.png) no-repeat; background-size: contain; background-position:center;}
.HealthCareCampusBG .Container { max-width: 960px; padding: 60px 0; }
.LatestNewsBG { background: #eaeaea; padding: 60px 0 20px; }
.NewsItem { width: 32%; height: auto; float: left; }
.NewsItem img { max-width: 100%; float: left; }
.NewsItem.MiddleItem { margin: 0 2%; }
.NewsItem .NewsItemTxT { width: 100%; height: auto; float: left;  background: #ffffff; padding: 20px 20px 30px; }
.NewsItem .NewsItemTxT h4 { font-family: 'AvenirBlack'; font-size: 16px; margin-bottom: 5px; }
p.NewsDate { font-family: 'AvenirOblique'; font-size: 14px; }
.NewsItem .NewsItemTxT a { color: #0090ba; font-family: 'AvenirBlack'; font-size: 14px; text-decoration: none; }
.NewsItem .NewsItemTxT a:hover { color: #60a845; }
a.BlueLink { color: #0090ba; font-family: 'AvenirBlack'; font-size: 14px; text-decoration: none; float: right; margin: 20px 0 0; }
a.BlueLink:hover { color: #60a845; }
a.BlueLink i { margin: 3px 0 0 5px; float: right; }
.DesktopGallerySection { padding: 60px 0 20px; }
.DesktopGallery { width: 100%; height: auto; float: left; }
.DesktopGallery .GalleryImg { width: 33.33333%; height: auto; float: left; }
.DesktopGallery .GalleryImg img { width: 100%; height: auto; float: left; }
.MobileGallery { display: none; }
.HopeStoriesSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.HopeStories { width: 50%; height: auto; float: left; position: relative; }
.HopeStories.HopeStories { background: url(../jpg/hopestorygreenbg.jpg) no-repeat; background-size: 100%; }
.HopeStories img { width: 100%; height: auto; float: left; }
.HopeStories .HopeStoryTxT { position: absolute; left: 0; bottom: 0; padding: 25px; text-align: left; }
.HopeStories .HopeStoryTxT h2 { color: #ffffff; }
.HopeStories .HopeStoryTxT p { color: #ffffff; }
.HopeStories a.BlueLink { color: #ffffff; float: left; margin: 0px; }
.HopeStories a.BlueLink:hover { color: #ffffff; }
.GiveSection { max-width: 800px; margin: 0 auto; padding: 50px 0; }
#StraubFooter { width: 100%; height: auto; float: left; background: url(../png/footerlinesbg.png) repeat-x #60a845; padding: 15px 0; background-size: contain; }
.LogoSocialIconsSection { width: 100%; height: auto; float: left; }
.LogoSocialIconsSection .FooterLogo { width: 50%; height: auto; float: left; }
.LogoSocialIconsSection .FooterLogo img { max-height: 50px; }
.LogoSocialIconsSection .FooterSocialIcons { width: 50%; height: auto; float: right; text-align: right; margin: 21px 0 0; }
.LogoSocialIconsSection .FooterSocialIcons a { color: #ffffff; font-size: 27px; margin-left: 15px; }
.FooterLinks { width: 100%; height: auto; float: left; text-align: left; margin: 15px 0 0; }
.FooterLinks ul { width: 100%; height: auto; float: left; text-align: left; }
.FooterLinks ul li { width: auto; height: auto; float: left; list-style: none; margin-right: 20px; color: #ffffff; font-family: 'AvenirBlack'; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }
.FooterLinks ul li a { color: #ffffff; text-decoration: none; }

.WaysToGiveWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeTxT { width: 60%; height: auto; float: left; padding-right: 40px; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg { width: 40%; height: auto; float: right; padding: 60px 0 0; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg img { width: 100%; float: left; }
.SpecialSpacing ul { max-width: 800px; margin: 0 auto; }
.OtherWaysToGiveListBG { background: url(../png/other-ways-to-give-transparent-lines.png) no-repeat #60a845; background-size: contain; margin: 50px 0 0; }
.SpecialPadding { padding: 50px 0; }
.OtherWaysToGiveListBG .Container { padding: 0 220px; }
.OtherWaysToGiveListBG h2 { color: #ffffff; }
.OtherWaysToGiveListBG li { font-family: 'AvenirBook'; font-size: 16px; line-height: 24px; margin-bottom: 20px; color: #ffffff; font-weight: 500; }
.LightGrayBG { background: #f2f2f2; padding: 50px 0; }
form#DiscussYourGiftForm { width: 100%; height: auto; margin: 0 auto; max-width: 640px; }
form#DiscussYourGiftForm input[type="text"], form#DiscussYourGiftForm input[type="email"], form#DiscussYourGiftForm input[type="tel"] {
	width: 100%; height: 40px; background: #ffffff; border: none; font-family: 'AvenirBook'; padding: 0 10px; margin: 0 0 20px; }
form#DiscussYourGiftForm textarea { width: 100%; height: 150px; background: #ffffff; border: none; font-family: 'AvenirBook'; padding: 5px 10px; margin: 0 0 20px; }
form#DiscussYourGiftForm input[type="button"] { background: #0090ba; color: #ffffff; font-family: 'AvenirBlack'; text-decoration: none; font-size: 13px; padding: 13px 30px; width: auto; height: auto; display: inline-block; font-weight: bold; transition: all 0.3s; border: none; cursor: pointer; }
form#DiscussYourGiftForm input[type="button"]:hover { background: #60a845; transition: all 0.3s; }

.fieldLabel {font-family: 'AvenirBook';}

.TheProjectWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.CircleSection { width: 100%; height: auto; float: left; padding: 30px 0; }
.CircleSection .Circle { width: 25%; height: auto; float: left; text-align: center; padding: 0 50px; position: relative; z-index: 2; }
.CircleSection .Circle.GrayCircle .Bubble { background: #949494; }
.CircleSection .Circle .Bubble { width: 80px; height: 80px; border-radius: 50%; background: #60a845; display: inline-block; padding: 13px 0 0; margin-bottom: 7px; font-size: 42px; color: #ffffff; font-family: 'AvenirBlack'; line-height: 42px; }
.CircleSection .Circle .Bubble span { width: 100%; height: auto; float: left; font-family: 'AvenirBook'; font-size: 12px; text-transform: uppercase; line-height: 14px; font-weight: 600; }
.CircleSection .Circle.GreenLine:after { content:""; width: 100%; height: 12px; background: #cfe5c7; position: absolute; top: 35px; z-index: 1; }
.CircleSection .Circle.GrayLine:after { content:""; width: 100%; height: 12px; background: #dfdfdf; position: absolute; top: 35px; z-index: 1; }
.CircleSection .Circle .CircleInfo { width: 100%; height: auto; float: left; }
.CircleSection .Circle .CircleInfo strong { font-family: 'AvenirBlack';  }
.TheProjectSection { padding: 50px 0; }
.TheProjectSection.GrayBG { background: #f7f7f7; }
.TheProjectDetail { width: 100%; height: auto; float: left; }
.TheProjectDetail .ProductList { width: 50%; height: auto; float: left; }
.TheProjectDetail .ProductList ul { width: 100%; height: auto; float: left; padding-left: 20px; }
.TheProjectDetail .ProductList ul li { font-family: 'AvenirBook'; line-height: 24px; } 
.TheProjectDetail .ProductList ul li strong{ font-weight:900; } 
/* .TheProjectDetail .ProductList ul li { font-family: 'AvenirBlack'; line-height: 24px; } */
.TheProjectDetail img.ProjectMap { width: 100%; float: left; margin: 30px 0 0; }
.TheProjectDetail a.BlueLink { float: left; clear: both; }

.NewsWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.NewsSection { width: 100%; height: auto; float: left; margin: 30px 0 0; }
.NewsSection .NewsItem { width: 32%; height: auto; float: left; margin-bottom: 50px; min-height: 320px; }
.NewsSection .NewsItem.MiddleItem { margin-left: 2%; margin-right: 2%; }
.NewsSection .NewsItem .NewsImageVideo { width: 100%; height: auto; float: left; }
.NewsSection .NewsItem .NewsImageVideo img { width: 100%; height: auto; float: left; }
.NewsSection .NewsItem .NewsImageVideo iframe { width: 100%; height: auto; float: left; min-height: 233px; }
.NewsSection .NewsItem h3 { line-height: 18px; margin: 7px 0 0; clear: both; float: left; }
.NewsSection .NewsItem h3 a { font-size: 17px; color: #000000; text-decoration: none; font-family: 'AvenirBook'; }
.NewsSection .NewsItem h3 a:hover { color: #60a845; }

#mainContent { margin-top: 0px !important;}

.LogoSocialIconsSection .FooterSocialIcons img { max-width: 28px; }
.DesktopGallery .DesktopGalleryInnerSection { width: 33.33333%; height: auto; float: left; }
.DesktopGallery .DesktopGalleryInnerSection .GalleryImg { width: 100%; }

.lightbox .lb-image {
	margin-top: 150px;
}

.YouTubeEmbedNews {
	width: 384px;
	height: 256px;
}

@media screen and (max-width: 1240px) {
	.Container { /* max-width: 1024px; */ padding-left: 15px; padding-right: 15px; }
	#straubHeader .Navigation ul li { margin-left: 15px; }
	.CircleSection .Circle { padding: 0 20px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 193px; }
}

@media screen and (max-width: 980px) {
	#ToogleBtn { display: block; }
	header .Navigation { display: none; padding-right: 0px; }
	header .Navigation ul li { width: 100%; margin-bottom: 15px; margin-left: 0px; }    
	a#ToogleBtn { float: right; color: #000000; font-size: 10px; position: absolute; right: 10px; top: 10px; display: block; }
	a#ToogleBtn i { font-size: 60px; }
	#straubHeader .LogoSection { width: 100%; }
	#straubHeader .Navigation ul li { width: 100%; margin-bottom: 15px;}
	#straubHeader .LinesIcon { display: block; }
	#straubHeader .CloseIcon { display: none; }
	#straubHeader .MenuSelected .LinesIcon { display: none; }
	#straubHeader .MenuSelected .CloseIcon { display: block; }
	.OtherWaysToGiveListBG .Container { padding: 0 15px 0 30px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { height: auto; min-height: inherit; }
}

@media screen and (max-width: 768px) {
	#FortureForwardStraubSection { width: 100%; margin: -40px 0 30px; padding: 10px 20px 20px; }
	#straubHeader .Navigation ul li { width: 100%; margin-bottom: 15px; padding-right:20px;}
	
	.OurLegacySection .OurLegacyImg { width: 100%; }
	.OurLegacySection .OurLegacyTxT { width: 100%; padding-left: 0px; padding-top: 20px; }
	.NewsItem { width: 100%; }
	.NewsItem.MiddleItem { margin: 15px 0; }
	.HopeStories { display: none; }
	.HopeStories.StoryInfo { display: block; width: 100%; }
	/*.NewsItem { background: #ffffff; padding: 15px; } */
	.NewsItem { background: #ffffff; padding: 0px; }
	.NewsItem img { max-width: 40%; }
	.NewsItem .NewsItemTxT { width: 60%; padding: 10px 20px 30px; }
	.NewsItem .StoriesOfHopeVideoTitle { width: 100%!important; padding: 30px 20px 30px;!important }
	.LogoSocialIconsSection .FooterSocialIcons { margin: 10px 0 0; }
	.FooterLinks ul li:first-child { width: 100%; margin-right: 0px; margin-bottom: 7px; }
	.DesktopGallery { display: none; }
	.MobileGallery { display: block; }
	.MobileGallery .GalleryImg { width: 100%; height: auto; float: left; }
	.MobileGallery .GalleryImg img { width: 100%; height: auto; float: left; }
	.HealthCareCampusBG .Container { padding: 60px 15px; }
	.WaysToGiveWelcomeSection .WaysToGiveWelcomeTxT { width: 100%; padding-right: 0px; }
	.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg { width: 100%; padding: 30px 0 0; }
	.OtherWaysToGiveListBG { margin: 30px 0 0; }
	.LightGrayBG  { padding: 30px 0; }
	.SpecialPadding { padding: 30px 0 10px; }
	.BannerSection img.DesktopBanner { display: none; }
	.BannerSection img.MobileBanner { display: block; }
	.TheProjectDetail .ProductList { width: 100%; }
	.TheProjectDetail .ProductList ul li { line-height: 27px; }
	.TheProjectDetail .ProductList.SecondList { margin-bottom: 20px; }
	.TheProjectDetail a.BlueLink { margin: 0px; }
	.CircleSection { padding: 20px 0 0; }
	.CircleSection .Circle { padding: 0px; }
	.CircleSection .Circle { width: 100%; text-align: left; margin-bottom: 40px; }
	.CircleSection .Circle .Bubble { text-align: center; float: left; position: relative; z-index: 99; }
	.CircleSection .Circle .CircleInfo { width: calc(100% - 80px); padding: 12px 0 0 20px; }
	.CircleSection .Circle.GreenLine:after { content: ""; width: 12px; height: 100%; background: #cfe5c7; position: absolute; top: 65px; z-index: 1; left: 35px; }
	.CircleSection .Circle.GrayLine:after { content: ""; width: 12px; height: 100%; background: #dfdfdf; position: absolute; top: 65px; z-index: 1; left: 35px; }
	.TheProjectSection { padding: 30px 0; }
	.NewsSection { margin: 15px 0 0; }
	.NewsSection .NewsItem { width: 100%; min-height: inherit; margin-bottom: 30px; padding: 0px; }
	.NewsSection .NewsItem .NewsImageVideo img { width: 100%; max-width: 100%; }
	.NewsSection .NewsItem.MiddleItem { margin-left: 0px; margin-right: 0px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 480px; }
	
	iframe.YouTubeEmbedNews {
		max-width: 40%!important;
		float: left;
		height:auto;
	}
}

@media screen and (max-width: 640px) {
	#straubHeader .LogoSection img { max-height: 40px; }
	#straubHeader .LogoSection .WebsiteTitle { font-size: 16px; line-height: 40px; padding-left: 7px; }
	a#ToogleBtn { top: 7px; }
	a#ToogleBtn i { font-size: 50px; }
	h1 { font-size: 27px; }
	h2 { font-size: 24px; }	
	h3 { font-size: 21px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 400px; }
}

@media screen and (max-width: 480px) {
	.CircleSection .Circle .CircleInfo { padding: 0 0 0 20px; height: 100px; display: flex; align-items: center; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 240px; }



* { box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0px; padding: 0px; }
h1 { font-family: 'AvenirBlack'; font-size: 42px; margin-bottom: 5px; }
h1 span { color: #60a845; }
h2 { font-family: 'AvenirBlack'; font-size: 36px; margin-bottom: 15px; }
h2 span { color: #60a845; }
h3 { font-family: 'AvenirBlack'; font-size: 27px; color: #60a845; margin-bottom: 15px; }
p { font-family: 'AvenirBook'; font-size: 16px; line-height: 24px; margin-bottom: 20px; color: #000000; }
a.BlueBtn { background: #0090ba; color: #ffffff; font-family: 'AvenirBlack'; text-decoration: none; font-size: 13px; padding: 13px 30px; width: auto; height: auto; display: inline-block; font-weight: bold; transition: all 0.3s; }
a.BlueBtn:hover { background: #60a845; transition: all 0.3s; }
.Container { width: 100%; height: auto; margin: 0 auto; max-width: 1200px; clear: both; }
.ContainerFullWidth { width: 100%!important; height: auto!important; float: left!important; max-width: 100%!important; clear: both!important; }
.ClearAll { clear: both; }
.AlignCenter { text-align: center; }
.GreenBG { background: #60a845; }
.GreenBG h2 { color: #ffffff; }
.GreenBG p { color: #ffffff; }
.GreenBG #FortureForwardStraubSection p { color: #000000; }
.GreenTxT { color: #60a845; }
.TransparentLines { width: 100%; height: auto; float: left; background: url(../png/transparentlines.png) no-repeat; background-size: contain; }
.SpecialSpacing { margin: 50px 0; padding-top: 60px; padding-bottom: 60px; }
.ContainerFullWidth.HeaderSection { background-color: rgba(255, 255, 255, 0.9); position: absolute; left: 0px; top: 0px; z-index: 9999999; }
#straubHeader { width: 100%; height: auto; padding: 12px 0; float: left; }
#straubHeader .LogoSection { width: 40%; height: auto; float: left; }
#straubHeader .LogoSection img { max-height: 60px; float: left; }
#straubHeader .LogoSection .WebsiteTitle { width: auto; height: auto; float: left; font-family: 'AvenirBlack'; color: #000000; font-size: 18px; line-height: 60px; padding-left: 20px; }
#straubHeader .Navigation { width: 60%; height: auto; float: right; padding: 20px 0 0; display: block; }
#straubHeader .Navigation ul { width: 100%; height: auto; float: left; text-align: right; padding: 0px; margin: 0px; }
#straubHeader .Navigation ul li { width: auto; height: auto; display: inline-block; list-style: none; margin-left: 30px; }
#straubHeader .Navigation ul li a { font-family: 'AvenirBlack'; color: #000000; font-size: 15px; text-decoration: none;}
#straubHeader .Navigation ul li.Selected a, header .Navigation ul li a:hover { color: #60a845; }
#straubHeader .LinesIcon { display: none; }
#straubHeader .CloseIcon { display: none; }
#ToogleBtn { cursor: pointer; float: right; color: #000000; font-size: 10px; position: absolute; right: 10px; top: 11px; display: block; }
#ToogleBtn i { font-size: 32px; }
a#ToogleBtn { display: none; }
#ToogleBtn img {max-width: 25px; margin: 5px 0 0;}
.BannerSection { width: 100%; height: auto; float: left; }
.BannerSection img { width: 100%; height: auto; float: left; }
.BannerSection img.DesktopBanner { display: block; }
.BannerSection img.MobileBanner { display: none; }
.BannerSection video { position: relative; z-index: 9; float: left; }
#FortureForwardStraubSection { width: 70%; height: auto; float: left; background: #ffffff; padding: 20px 30px 30px; margin: -60px 0 40px; position: relative; z-index: 99999; }
.OurLegacySection { width: 100%; height: auto; float: left; padding-bottom: 40px; }
.OurLegacySection .OurLegacyImg { width: 50%; height: auto; float: left; }
.OurLegacySection .OurLegacyImg img { width: 100%; float: left; }
.OurLegacySection .OurLegacyTxT { width: 50%; height: auto; float: left; padding-left: 50px; }
.HealthCareCampusBG { background: url(../png/healthcarecampusbg.png) no-repeat; background-size: contain; background-position:center;}
.HealthCareCampusBG .Container { max-width: 960px; padding: 60px 0; }
.LatestNewsBG { background: #eaeaea; padding: 60px 0 20px; }
.NewsItem { width: 32%; height: auto; float: left; }
.NewsItem img { max-width: 100%; float: left; }
.NewsItem.MiddleItem { margin: 0 2%; }
.NewsItem .NewsItemTxT { width: 100%; height: auto; float: left;  background: #ffffff; padding: 20px 20px 30px; }
.NewsItem .NewsItemTxT h4 { font-family: 'AvenirBlack'; font-size: 16px; margin-bottom: 5px; }
p.NewsDate { font-family: 'AvenirOblique'; font-size: 14px; }
.NewsItem .NewsItemTxT a { color: #0090ba; font-family: 'AvenirBlack'; font-size: 14px; text-decoration: none; }
.NewsItem .NewsItemTxT a:hover { color: #60a845; }
a.BlueLink { color: #0090ba; font-family: 'AvenirBlack'; font-size: 14px; text-decoration: none; float: right; margin: 20px 0 0; }
a.BlueLink:hover { color: #60a845; }
a.BlueLink i { margin: 3px 0 0 5px; float: right; }
.DesktopGallerySection { padding: 60px 0 20px; }
.DesktopGallery { width: 100%; height: auto; float: left; }
.DesktopGallery .GalleryImg { width: 33.33333%; height: auto; float: left; }
.DesktopGallery .GalleryImg img { width: 100%; height: auto; float: left; }
.MobileGallery { display: none; }
.HopeStoriesSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.HopeStories { width: 50%; height: auto; float: left; position: relative; }
.HopeStories.HopeStories { background: url(../jpg/hopestorygreenbg.jpg) no-repeat; background-size: 100%; }
.HopeStories img { width: 100%; height: auto; float: left; }
.HopeStories .HopeStoryTxT { position: absolute; left: 0; bottom: 0; padding: 25px; text-align: left; }
.HopeStories .HopeStoryTxT h2 { color: #ffffff; }
.HopeStories .HopeStoryTxT p { color: #ffffff; }
.HopeStories a.BlueLink { color: #ffffff; float: left; margin: 0px; }
.HopeStories a.BlueLink:hover { color: #ffffff; }
.GiveSection { max-width: 800px; margin: 0 auto; padding: 50px 0; }
#StraubFooter { width: 100%; height: auto; float: left; background: url(../png/footerlinesbg.png) repeat-x #60a845; padding: 15px 0; background-size: contain; }
.LogoSocialIconsSection { width: 100%; height: auto; float: left; }
.LogoSocialIconsSection .FooterLogo { width: 50%; height: auto; float: left; }
.LogoSocialIconsSection .FooterLogo img { max-height: 50px; }
.LogoSocialIconsSection .FooterSocialIcons { width: 50%; height: auto; float: right; text-align: right; margin: 21px 0 0; }
.LogoSocialIconsSection .FooterSocialIcons a { color: #ffffff; font-size: 27px; margin-left: 15px; }
.FooterLinks { width: 100%; height: auto; float: left; text-align: left; margin: 15px 0 0; }
.FooterLinks ul { width: 100%; height: auto; float: left; text-align: left; }
.FooterLinks ul li { width: auto; height: auto; float: left; list-style: none; margin-right: 20px; color: #ffffff; font-family: 'AvenirBlack'; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }
.FooterLinks ul li a { color: #ffffff; text-decoration: none; }

.WaysToGiveWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeTxT { width: 60%; height: auto; float: left; padding-right: 40px; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg { width: 40%; height: auto; float: right; padding: 60px 0 0; }
.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg img { width: 100%; float: left; }
.SpecialSpacing ul { max-width: 800px; margin: 0 auto; }
.OtherWaysToGiveListBG { background: url(../png/other-ways-to-give-transparent-lines.png) no-repeat #60a845; background-size: contain; margin: 50px 0 0; }
.SpecialPadding { padding: 50px 0; }
.OtherWaysToGiveListBG .Container { padding: 0 220px; }
.OtherWaysToGiveListBG h2 { color: #ffffff; }
.OtherWaysToGiveListBG li { font-family: 'AvenirBook'; font-size: 16px; line-height: 24px; margin-bottom: 20px; color: #ffffff; font-weight: 500; }
.LightGrayBG { background: #f2f2f2; padding: 50px 0; }
form#DiscussYourGiftForm { width: 100%; height: auto; margin: 0 auto; max-width: 640px; }
form#DiscussYourGiftForm input[type="text"], form#DiscussYourGiftForm input[type="email"], form#DiscussYourGiftForm input[type="tel"] {
	width: 100%; height: 40px; background: #ffffff; border: none; font-family: 'AvenirBook'; padding: 0 10px; margin: 0 0 20px; }
form#DiscussYourGiftForm textarea { width: 100%; height: 150px; background: #ffffff; border: none; font-family: 'AvenirBook'; padding: 5px 10px; margin: 0 0 20px; }
form#DiscussYourGiftForm input[type="button"] { background: #0090ba; color: #ffffff; font-family: 'AvenirBlack'; text-decoration: none; font-size: 13px; padding: 13px 30px; width: auto; height: auto; display: inline-block; font-weight: bold; transition: all 0.3s; border: none; cursor: pointer; }
form#DiscussYourGiftForm input[type="button"]:hover { background: #60a845; transition: all 0.3s; }

.fieldLabel {font-family: 'AvenirBook';}

.TheProjectWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.CircleSection { width: 100%; height: auto; float: left; padding: 30px 0; }
.CircleSection .Circle { width: 25%; height: auto; float: left; text-align: center; padding: 0 50px; position: relative; z-index: 2; }
.CircleSection .Circle.GrayCircle .Bubble { background: #949494; }
.CircleSection .Circle .Bubble { width: 80px; height: 80px; border-radius: 50%; background: #60a845; display: inline-block; padding: 13px 0 0; margin-bottom: 7px; font-size: 42px; color: #ffffff; font-family: 'AvenirBlack'; line-height: 42px; }
.CircleSection .Circle .Bubble span { width: 100%; height: auto; float: left; font-family: 'AvenirBook'; font-size: 12px; text-transform: uppercase; line-height: 14px; font-weight: 600; }
.CircleSection .Circle.GreenLine:after { content:""; width: 100%; height: 12px; background: #cfe5c7; position: absolute; top: 35px; z-index: 1; }
.CircleSection .Circle.GrayLine:after { content:""; width: 100%; height: 12px; background: #dfdfdf; position: absolute; top: 35px; z-index: 1; }
.CircleSection .Circle .CircleInfo { width: 100%; height: auto; float: left; }
.CircleSection .Circle .CircleInfo strong { font-family: 'AvenirBlack';  }
.TheProjectSection { padding: 50px 0; }
.TheProjectSection.GrayBG { background: #f7f7f7; }
.TheProjectDetail { width: 100%; height: auto; float: left; }
.TheProjectDetail .ProductList { width: 50%; height: auto; float: left; }
.TheProjectDetail .ProductList ul { width: 100%; height: auto; float: left; padding-left: 20px; }
.TheProjectDetail .ProductList ul li { font-family: 'AvenirBook'; line-height: 24px; } 
.TheProjectDetail .ProductList ul li strong{ font-weight:900; } 
/* .TheProjectDetail .ProductList ul li { font-family: 'AvenirBlack'; line-height: 24px; } */
.TheProjectDetail img.ProjectMap { width: 100%; float: left; margin: 30px 0 0; }
.TheProjectDetail a.BlueLink { float: left; clear: both; }

.NewsWelcomeSection { width: 100%; height: auto; float: left; padding: 30px 0 0; }
.NewsSection { width: 100%; height: auto; float: left; margin: 30px 0 0; }
.NewsSection .NewsItem { width: 32%; height: auto; float: left; margin-bottom: 50px; min-height: 320px; }
.NewsSection .NewsItem.MiddleItem { margin-left: 2%; margin-right: 2%; }
.NewsSection .NewsItem .NewsImageVideo { width: 100%; height: auto; float: left; }
.NewsSection .NewsItem .NewsImageVideo img { width: 100%; height: auto; float: left; }
.NewsSection .NewsItem .NewsImageVideo iframe { width: 100%; height: auto; float: left; min-height: 233px; }
.NewsSection .NewsItem h3 { line-height: 18px; margin: 7px 0 0; clear: both; float: left; }
.NewsSection .NewsItem h3 a { font-size: 17px; color: #000000; text-decoration: none; font-family: 'AvenirBook'; }
.NewsSection .NewsItem h3 a:hover { color: #60a845; }

#mainContent { margin-top: 0px !important;}

.LogoSocialIconsSection .FooterSocialIcons img { max-width: 28px; }
.DesktopGallery .DesktopGalleryInnerSection { width: 33.33333%; height: auto; float: left; }
.DesktopGallery .DesktopGalleryInnerSection .GalleryImg { width: 100%; }

.lightbox .lb-image {
	margin-top: 150px;
}

.YouTubeEmbedNews {
	width: 384px;
	height: 256px;
}

@media screen and (max-width: 1240px) {
	.Container { /* max-width: 1024px; */ padding-left: 15px; padding-right: 15px; }
	#straubHeader .Navigation ul li { margin-left: 15px; }
	.CircleSection .Circle { padding: 0 20px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 193px; }
}

@media screen and (max-width: 980px) {
	#ToogleBtn { display: block; }
	header .Navigation { display: none; padding-right: 0px; }
	header .Navigation ul li { width: 100%; margin-bottom: 15px; margin-left: 0px; }    
	a#ToogleBtn { float: right; color: #000000; font-size: 10px; position: absolute; right: 10px; top: 10px; display: block; }
	a#ToogleBtn i { font-size: 60px; }
	#straubHeader .LogoSection { width: 100%; }
	#straubHeader .Navigation ul li { width: 100%; margin-bottom: 15px;}
	#straubHeader .LinesIcon { display: block; }
	#straubHeader .CloseIcon { display: none; }
	#straubHeader .MenuSelected .LinesIcon { display: none; }
	#straubHeader .MenuSelected .CloseIcon { display: block; }
	.OtherWaysToGiveListBG .Container { padding: 0 15px 0 30px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { height: auto; min-height: inherit; }
}

@media screen and (max-width: 768px) {
	#FortureForwardStraubSection { width: 100%; margin: -40px 0 30px; padding: 10px 20px 20px; }
	#straubHeader .Navigation ul li { width: 100%; margin-bottom: 15px; padding-right:20px;}
	
	.OurLegacySection .OurLegacyImg { width: 100%; }
	.OurLegacySection .OurLegacyTxT { width: 100%; padding-left: 0px; padding-top: 20px; }
	.NewsItem { width: 100%; }
	.NewsItem.MiddleItem { margin: 15px 0; }
	.HopeStories { display: none; }
	.HopeStories.StoryInfo { display: block; width: 100%; }
	/*.NewsItem { background: #ffffff; padding: 15px; } */
	.NewsItem { background: #ffffff; padding: 0px; }
	.NewsItem img { max-width: 40%; }
	.NewsItem .NewsItemTxT { width: 60%; padding: 10px 20px 30px; }
	.NewsItem .StoriesOfHopeVideoTitle { width: 100%!important; padding: 30px 20px 30px;!important }
	.LogoSocialIconsSection .FooterSocialIcons { margin: 10px 0 0; }
	.FooterLinks ul li:first-child { width: 100%; margin-right: 0px; margin-bottom: 7px; }
	.DesktopGallery { display: none; }
	.MobileGallery { display: block; }
	.MobileGallery .GalleryImg { width: 100%; height: auto; float: left; }
	.MobileGallery .GalleryImg img { width: 100%; height: auto; float: left; }
	.HealthCareCampusBG .Container { padding: 60px 15px; }
	.WaysToGiveWelcomeSection .WaysToGiveWelcomeTxT { width: 100%; padding-right: 0px; }
	.WaysToGiveWelcomeSection .WaysToGiveWelcomeImg { width: 100%; padding: 30px 0 0; }
	.OtherWaysToGiveListBG { margin: 30px 0 0; }
	.LightGrayBG  { padding: 30px 0; }
	.SpecialPadding { padding: 30px 0 10px; }
	.BannerSection img.DesktopBanner { display: none; }
	.BannerSection img.MobileBanner { display: block; }
	.TheProjectDetail .ProductList { width: 100%; }
	.TheProjectDetail .ProductList ul li { line-height: 27px; }
	.TheProjectDetail .ProductList.SecondList { margin-bottom: 20px; }
	.TheProjectDetail a.BlueLink { margin: 0px; }
	.CircleSection { padding: 20px 0 0; }
	.CircleSection .Circle { padding: 0px; }
	.CircleSection .Circle { width: 100%; text-align: left; margin-bottom: 40px; }
	.CircleSection .Circle .Bubble { text-align: center; float: left; position: relative; z-index: 99; }
	.CircleSection .Circle .CircleInfo { width: calc(100% - 80px); padding: 12px 0 0 20px; }
	.CircleSection .Circle.GreenLine:after { content: ""; width: 12px; height: 100%; background: #cfe5c7; position: absolute; top: 65px; z-index: 1; left: 35px; }
	.CircleSection .Circle.GrayLine:after { content: ""; width: 12px; height: 100%; background: #dfdfdf; position: absolute; top: 65px; z-index: 1; left: 35px; }
	.TheProjectSection { padding: 30px 0; }
	.NewsSection { margin: 15px 0 0; }
	.NewsSection .NewsItem { width: 100%; min-height: inherit; margin-bottom: 30px; padding: 0px; }
	.NewsSection .NewsItem .NewsImageVideo img { width: 100%; max-width: 100%; }
	.NewsSection .NewsItem.MiddleItem { margin-left: 0px; margin-right: 0px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 480px; }
	
	iframe.YouTubeEmbedNews {
		max-width: 40%!important;
		float: left;
		height:auto;
	}
}

@media screen and (max-width: 640px) {
	#straubHeader .LogoSection img { max-height: 40px; }
	#straubHeader .LogoSection .WebsiteTitle { font-size: 16px; line-height: 40px; padding-left: 7px; }
	a#ToogleBtn { top: 7px; }
	a#ToogleBtn i { font-size: 50px; }
	h1 { font-size: 27px; }
	h2 { font-size: 24px; }	
	h3 { font-size: 21px; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 400px; }
}

@media screen and (max-width: 480px) {
	.CircleSection .Circle .CircleInfo { padding: 0 0 0 20px; height: 100px; display: flex; align-items: center; }
	.NewsSection .NewsItem .NewsImageVideo iframe { min-height: 240px; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */