/* #Base 1200 Grid
================================================== */

.container	{position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.container-wider {max-width:1600px;}

.column,
.columns	{ width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 550px */
@media (min-width: 750px) {
	.container .one-fourth	{width:23.5%;}
	.container .one-third	{width:32%;}
	.container .two-thirds	{width:66%;}
	.container .one-half	{width:49%;}
	.container .column		{float:left;margin-right:2%;}
	.container .column.last	{float:right;margin-right:0;}
}

/* #Media Queries
================================================== */
@media (max-width:999px) {
	/* Intro -> first tier matches the gap between the intro paragraphs (the
	   last paragraph's own 20px margin) */
	.opportunities-intro {padding-bottom:0;}
	.opportunities-intro + .accordion-tiers {padding-top:0;}

	/* FAQ: chevron stacks above the question instead of beside it, and the
	   orange rule under the question moves to the left edge to match */
	.page-template-page-faqs .accordion-title {flex-direction:column;align-items:flex-start;padding-left:0;}
	.page-template-page-faqs .accordion-title:before {position:relative;top:0;flex:0 0 auto;margin-bottom:20px;}
	.page-template-page-faqs .accordion-content:before {left:0;}
}

@media (max-width:750px) {
	.review-item-title {margin-top:-7px !important;}
	.accordion-content {padding-left:0;}
}

/* Larger than tablet */
@media (min-width: 750px) {
	.impact-grid {grid-template-columns:repeat(2,1fr);}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	.mainNav-wrap,
	.hide-mobile {display:block;}
	.mobile-nav-trigger-outter,
	.mobile-nav,
	.hide-desktop { display: none }

	.logo {width:150px;}
	.site-header.sticky .logo {width:100px;}

	.header-bar-link,
	.header-bar-review {height:60px;font-size:20px;line-height:60px;}

	.hero-banner {height:65vh;}

	.hero-banner-inner {top:7.5%;}

	.banner-play {top:50%;}
	.hero-banner span {font-size:3.2rem;line-height:60px;}
	.hero-banner p {font-size:2.5rem;line-height:35px;width:320px;}

	.intro-section p:first-of-type {margin-bottom:40px;}

	.transformation-row {position:relative;}
	.transformation-pic,
	.transformation-content {width:48%;margin:0;}
	.transformation-pic {height:100%;position:absolute;top:0;right:0;}
	.transformation-content {padding:60px 0;}

	.callout-wrap {position:relative;}
	.callout-pic {position:absolute;top:0;right:0;width:45%;height:100%;overflow:hidden;}
	.callout-pic img,
	.transformation-pic img {height:100%;object-fit:cover;object-position:center center;}
	.callout-content {width:50%;}
	.bg-black .callout-content {padding:100px 0;}

	.reverse .callout-content,
	.reverse .transformation-content {float:right;}
	.reverse .callout-pic,
	.reverse .transformation-pic {right:auto;left:0;}

	.fundraiser-content p,
	.fundraiser-meter p {font-size:2.6rem;line-height:48px;}
	.fundraiser-meter p span {font-size:6.0rem;line-height:72px;}

	.slider-bar {max-width:200px;}

	.slider-captions {margin-top:40px;}
	.slider-captions p {font-size:3rem;line-height:40px;max-width:1200px;}

	.history-pic {position:absolute;top:0;right:0;width:40%;height:100%;overflow:hidden;}
	.history-pic .slider,
	.history-pic .slick-list,
	.history-pic .slick-track {height:100%;}
	.history-pic .slider-slide {height:100%;}
	.history-pic .slider-slide img {width:100%;height:100%;object-fit:cover;}

	.history-content {width:55%;padding:100px 0;}
	.history-content .slider-controls {margin-top:60px;}
	.history-content .slider-caption p {font-size:6rem;line-height:75px;min-height:500px;max-width:none;}

	.impact-grid {grid-template-columns:repeat(3,1fr);gap:40px;}
	.impact-content {padding:30px;}

	.latest-news-grid {display: grid;grid-template-columns: repeat(auto-fill, 31%);justify-content: space-between;}
	.latest-news-grid.col-2,
	.latest-news-grid.col-4 {grid-template-columns: repeat(auto-fill, 48%);}

	.accordion-title p,
	.testimonial-content,
	.testimonial-long p:first-of-type {font-size:3.0rem;line-height:40px;}
	.testimonial-long p:nth-of-type(2) {font-size:2.4rem;}

	.footer-cols {display:flex;justify-content:space-between;}
	.footer-right {padding-top:0;}

	.accordion-tiers > .accordion-row {margin-bottom:20px;}
	.accordion-tiers > .accordion-row > .accordion-title {flex-direction:row;align-items:center;padding:35px 130px 35px 40px;}
	.accordion-tiers > .accordion-row > .accordion-title p {width:auto;}
	.accordion-tiers .tier-count {margin-top:0;margin-left:auto;padding-left:20px;font-size:2.0rem;}
	.opportunity-rows > .accordion-row > .accordion-title {flex-direction:row;}
	.opportunity-rows > .accordion-row > .accordion-content {padding-left:60px;}
	.accordion-title .opportunity-price {margin-left:auto;padding-left:20px;text-align:right;}
	.accordion-tiers > .accordion-row > .accordion-title:before {right:40px;width:50px;height:50px;margin-top:-25px;}
	.accordion-tiers .tier-range {margin-left:25px;padding-left:25px;}
	.accordion-tiers > .accordion-row > .accordion-content {padding:50px 0 0;}

	.opportunity-detail {display:flex;justify-content:space-between;}
	.opportunity-detail-pic {width:58%;margin-bottom:0;}
	.opportunity-detail-content {width:36%;}
	.opportunity-detail.no-pic .opportunity-detail-content {width:100%;}
	.opportunity-map {margin-top:60px;}
	.opportunity-heading {margin-bottom:20px;}
	.opportunity-location {font-size:3.0rem;}

	.review-modal-panel {top:60px;height:calc(100vh - 60px);height:calc(100dvh - 60px);padding:40px;}
	.review-item {gap:30px;}

	/* Picture right, content left. The DOM is picture-first so mobile stacks it
	   on top without any reordering; row-reverse flips it for desktop. */
	.news-section {margin-top:100px;}
	.news-section h2 {margin-bottom:50px;}
	.news-row {display:flex;flex-direction:row-reverse;align-items:stretch;margin-bottom:40px;min-height:400px;}
	.news-row-pic,
	.news-row-content {width:50%;}
	.news-row.no-pic .news-row-content {width:100%;}
	.news-row-pic {position:relative;}
	.news-row-pic img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
	.news-row-content {padding:45px 100px 45px 45px;box-sizing:border-box;}
	.news-row-title {margin-bottom:25px;}
	.news-link {margin-top:100px;}
	.news-section-link {margin-top:0;}
}

@media (min-width:1200px) {
	.mainNav li {margin-right:30px;font-size:20px;}
	.hero-banner span {font-size:4rem;}
	.hero-banner-inner 	h1 { font-size: 11.0rem;margin-left:-10px; }

	.bg-black .callout-content {width:38%;}


}

@media (min-width:1400px) {
	.mainNav li {margin-right:40px;font-size:25px;}
	.hero-banner span {font-size:5.3rem;line-height:70px;}
	.hero-banner-inner 	h1 { font-size: 15.0rem;margin-left:-10px; }
	.testimonial-content  {font-size:4.0rem;line-height:50px;}
}

/* Larger than Desktop HD */
@media (min-width: 1600px) {

}