/* -------------------- Responsive -------------------- */

@media(max-width:1400px) {
	#header .wrapper .left .nav .menu ul li {padding:0 20px;}
	
	.hp-banners .wrapper {padding-top:56.25%;}
	.hp-banners .wrapper .text h1 {font-size:52px;}
	
	.hp-three-callouts .wrapper {padding:40px;}
		.hp-three-callouts .wrapper h4 {padding:100px 20px 0 20px;}
	.hp-three-callouts .sidebar {width:50px;}
	
	.hp-map .wrapper {padding:40px 20px;}
	.hp-map .map-container {padding-top:40%;}
	
	.hp-stats .wrapper {padding:40px 20px;}
	
	.hp-stories .sidebar {width:50px;}
	.hp-stories .wrapper .featured-story .info {width:50%; padding:60px 20px 20px 20px;}
	.hp-stories .wrapper .featured-story .graphic {width:50%;}
	.hp-stories .wrapper .stories .container {padding:40px 20px 20px 20px;}
		.hp-stories .wrapper .stories .container .story .text .subtitle {max-height:40px; overflow:hidden;}
		.hp-stories .wrapper .stories .container .story .text .title {max-height:50px; overflow:hidden;}
	
	.photo .wrapper .text .container {padding:60px;}
	
	.video .wrapper .text .container {padding:0 60px;}
	
	.featured-resources .wrapper .resources .resource .text .cat {width:100%; text-align:left; position:relative; bottom:auto; right:auto;}
	.featured-resources .wrapper .resources .resource .text .btns a {display:block;}
	
	.all-resources .wrapper .resources .resource .text .cat {width:100%; max-width:100%; text-align:left; position:relative; bottom:auto; right:auto;}
	.all-resources .wrapper .resources .resource .text .btns a {display:block;}
	
	.give-landing .projects .project-list .project .container {height:calc(100% - 20px); padding:10px;}
	
	.footer-newsletter .wrapper .form {padding:40px 20px;}
}

@media(max-width:1280px) {
	#footer .wrapper .logo {width:200px; padding-right:20px;}
}

@media(max-width:1200px) {
	#header .wrapper .left .nav .logo {width:340px;}
	#header .wrapper .left .nav .menu ul li {padding:0 10px;}
	#header .wrapper .right {width:340px;}
	
	.hp-map .map-container {padding-top:45%;}
	
	.give-landing .projects .project-list .project .container .text .cat {width:100%; max-width:100%; padding-top:20px; text-align:left; position:relative; bottom:auto; right:auto;}
}

@media(max-width:1140px) {
	#footer .wrapper {display:flex; flex-flow: row wrap;}
		#footer .wrapper .logo {flex:1 1 100%; width:100%; text-align:center; display:block; padding:0 0 40px 0;}
			#footer .wrapper .logo img {max-width:200px; margin:0 auto;}
		#footer .wrapper .contact {flex:1 1 calc(25% - 40px);}
		#footer .wrapper .quicklinks {flex:1 1 calc(25% - 40px);}
		#footer .wrapper .social {flex:1 1 25%;}
}

@media(max-width:1080px) {
	.hp-three-callouts .wrapper .callouts .callout {padding:60px 20px 0 20px;}
	
	.hp-stats .wrapper .callouts .callout .number {font-size:74px;}
	
	.footer-newsletter .wrapper .title {width:220px;}
}

@media(max-width:1020px) {
	#header {display:none;}
	#mobile-header {display:block;}
	
	.hp-banners .wrapper {padding-top:75%;}
		.hp-banners .wrapper .text .play {width:60px; height:60px; font-size:24px; line-height:60px;}
	
	.hp-three-callouts .sidebar {display:none;}
	.hp-three-callouts .wrapper .callouts {display:block;}
		.hp-three-callouts .wrapper .callouts .callout {width:auto; display:block;}
	
	.hp-map .map-container {padding-top:58%;}
	
	.hp-stats .wrapper .callouts {display:block;}
		.hp-stats .wrapper .callouts .callout {width:auto; padding:0 20px 40px 20px; display:block;}
		.hp-stats .wrapper .callouts .callout:last-child {padding-bottom:0;}
	
	.hp-stories {display:block;}
	.hp-stories .sidebar {display:none;}
	.hp-stories .wrapper {display:block;}
	.hp-stories .wrapper .featured-story {display:block;}
		.hp-stories .wrapper .featured-story .info {width:auto; display:block;}
		.hp-stories .wrapper .featured-story .graphic {width:auto; display:block;}
	
	.photo .wrapper .text .container {padding:40px;}
	
	.video .wrapper {padding:40px 0;}
		.video .wrapper .text .container {padding:0 40px;}
	
	.parallax .wrapper {padding:40px 0;}
		.parallax .wrapper .spacer {width:30%;}
		.parallax .wrapper .container {width:70%; padding:40px 40px 40px 90px;}
	
	.three-callouts .wrapper {padding:40px 20px;}
		.three-callouts .wrapper .callouts .callout {flex:0 0 calc(33.3% - 40px);}
		
	.two-callouts .wrapper {padding:40px 20px;}
		.two-callouts .wrapper .callouts .callout {flex:0 0 calc(50% - 40px);}
	
	.related-stories .wrapper .stories .story {padding:60px 10px 0 10px;}
	
	.more-stories .wrapper .stories .story .container {width:calc(100% - 20px); padding:0;}
	.more-stories .wrapper .stories .story .image .play {width:60px; height:60px; font-size:26px; line-height:60px;}
	
	.featured-resources .wrapper .resources .resource {padding:60px 10px 0 10px;}
	
	.all-resources .wrapper .resources .resource {width:33.3%;}
	.all-resources .wrapper .resources .resource:nth-child(4n + 1) {clear:none;}
	.all-resources .wrapper .resources .resource:nth-child(3n + 1) {clear:left;}
		.all-resources .wrapper .resources .resource .container {padding:0 10px;}
	
	.default .wrapper {padding:40px 20px;}
		.default .wrapper .container .sidebar {padding-left:20px;}
	
	.give-landing .search-results .result .text {padding-right:20px;}
	.give-landing .search-results .result .image {flex:0 0 300px;}
		.give-landing .search-results .result .image .img {padding-top:56.25%;}
	
	.give-landing .projects .project-list .project {flex:0 1 50%;}
	
	.give-landing .partner-results .table {overflow-x:auto;}
	
	.give-landing .product-info {flex-flow:row wrap;}
		.give-landing .product-info .image {margin-bottom:20px; flex:1 0 100%;}
		.give-landing .product-info .text {padding-right:0; flex:1 0 100%;}
	
	.footer-newsletter .wrapper {display:block;}
	.footer-newsletter .wrapper .title {width:auto; display:block;}
	.footer-newsletter .wrapper .form {width:auto; display:block;}
		.footer-newsletter .wrapper .form .btns {text-align:center;}
	
	.sub-footer .wrapper {display:block;}
		.sub-footer .wrapper .left {width:100%; padding-bottom:10px; text-align:center; display:block;}
		.sub-footer .wrapper .right {width:100%; text-align:center; display:block;}
}

@media(max-width:900px) {
	#footer .wrapper .social {flex:1 1 100%; padding-top:40px; text-align:center;}
}

@media(max-width:782px) {
	body.admin-bar #header {top:46px;}
	body.admin-bar #mobile-header {top:46px;}
}

@media(max-width:760px) {
	h1 {font-size:28px;}
	h2 {font-size:24px; line-height:32px;}
	h3 {font-size:20px; line-height:24px;}
	h4 {font-size:18px;}
	p {font-size:16px; line-height:24px;}
	
	.hp-banners .wrapper {padding-top:140%;}
		.hp-banners .wrapper .text {width:calc(100% - 40px); top:calc(50% + 30px);}
			.hp-banners .wrapper .text h1 {font-size:36px; line-height:36px;}
			.hp-banners .wrapper .text p {margin-top:15px;}
	
	.hp-three-callouts .wrapper {padding:40px 20px;}
		.hp-three-callouts .wrapper h4 {padding:100px 0 0 0;}
	
	.hp-map .wrapper .btns {padding:20px 0; position:relative; top:auto; right:auto;}
	.hp-map .wrapper h4 {padding-top:80px;}
	.hp-map .map-container {padding-top:100%;}
		.hp-map .wrapper .map-container #map .map-item .btns {padding-top:0;}
		.hp-map .wrapper .map-container #map .map-item .image {padding-top:50%;}
	
	.hp-stats .wrapper .callouts .callout {padding:0 20px 30px 20px;}
		.hp-stats .wrapper .callouts .callout .number {font-size:38px;}
		.hp-stats .wrapper .callouts .callout .desc {font-size:18px;}
	
	.hp-stories .wrapper .featured-story .mobile-graphic {padding-top:56.25%; display:block;}
	.hp-stories .wrapper .featured-story .mobile-caption {margin-bottom:40px; padding:10px; color:#fff; background:#c69728; display:block;}
	.hp-stories .wrapper .featured-story .graphic {display:none;}
	.hp-stories .wrapper .stories .container {padding:40px 20px;}
		.hp-stories .wrapper .stories .container .swiper-slide {padding-bottom:40px;}
		.hp-stories .wrapper .stories .container .slider-dots {text-align:center; bottom:70px !important;}
		.hp-stories .wrapper .stories .container .btns {padding-bottom:0; text-align:center; position:relative;}
	
	.banner.dark .wrapper {padding:130px 20px 40px 20px;}
		.banner.dark .wrapper .container p {margin-top:20px;}
	.banner.light .wrapper {padding:120px 20px 40px 20px;}
		.banner .wrapper h1 {padding-bottom:10px;}
	.banner .play {top:calc(50% + 30px); left:50%; transform:translate(-50%,-50%); z-index:3;}
	.banner .caption {max-width:100%; padding:10px; position:relative; bottom:auto; right:auto; transform:none;}
	
	.photo .wrapper {display:block;}
		.photo .wrapper .image {width:100%; padding-top:56.25%; display:block;}
		.photo .wrapper .text {width:100%; display:block;}
			.photo .wrapper .text .container {padding:40px 20px;}
	
	.video .wrapper {padding:0; display:block;}
		.video .wrapper .image {width:100%; padding-top:56.25%; display:block;}
		.video .wrapper .text {width:100%; display:block;}
			.video .wrapper .text .container {padding:40px 20px;}
	
	.parallax .photo {width:100%; padding-top:56.25%; position:relative;}
	.parallax .wrapper {padding-top:0;}
		.parallax .wrapper .spacer {display:none;}
		.parallax .wrapper .container {width:100%; padding:20px;}
			.parallax .wrapper .container .sidebar {display:none;}
	.parallax.left .photo {width:100%; padding-top:56.25%; position:relative;}
	.parallax.left .wrapper .spacer {display:none;}
	
	.three-callouts .wrapper h4 {padding-top:40px;}
	.three-callouts .wrapper .callouts {padding-top:60px; display:block;}
	.three-callouts .wrapper .callouts.icons {padding-top:0;}
		.three-callouts .wrapper .callouts .callout {width:100%; padding:0; display:block;}
			.three-callouts .wrapper .callouts .callout .number {margin:0;}
			.three-callouts .wrapper .callouts .callout .icon {margin-top:60px;}
			
	.two-callouts .wrapper h4 {padding-top:40px;}
	.two-callouts .wrapper .callouts {padding-top:60px; display:block;}
	.two-callouts .wrapper .callouts.icons {padding-top:0;}
		.two-callouts .wrapper .callouts .callout {width:100%; padding:0; display:block;}
			.two-callouts .wrapper .callouts .callout .number {margin:0;}
			.two-callouts .wrapper .callouts .callout .icon {margin-top:60px;}
	
	.related-stories .wrapper > .btns {padding-top:40px; text-align:center; position:relative; right:auto; top:auto;}
	.related-stories .wrapper .stories {padding-top:0; display:block;}
		.related-stories .wrapper .stories .story {width:auto; display:block;}
	
	.story-detail .wrapper .section-title {left:0; position:relative; transform:none;}
	.story-detail .wrapper .container .share {width:100%; text-align:center; top:20px;}
	
	.more-stories .wrapper .btns {margin-top:50px;}
		.more-stories .wrapper .btns select {min-width:240px; margin:10px 0 0 0;}
	.more-stories .wrapper .stories .story {width:100%; padding:40px 0 0 0; flex:1 1 100%;}
		.more-stories .wrapper .stories .story .container {padding:0;}
	
	.featured-resources .wrapper .resources {display:block;}
		.featured-resources .wrapper .resources .resource {width:100%; padding:60px 0 0 0; display:block;}
	
	.all-resources .wrapper > .btns {margin-top:80px; text-align:center; position:relative; right:auto;}
	.all-resources .wrapper .resources {padding-top:0;}
		.all-resources .wrapper .resources .resource {width:100%; display:block; float:none;}
			.all-resources .wrapper .resources .resource .container {padding:0;}
	
	.opportunities-table .wrapper > .btns {position:relative; right:auto; padding-top:80px;}
	.opportunities-table .wrapper .scroll {padding-top:40px; font-size:14px; text-align:center; display:block;}
	.opportunities-table .wrapper .table-container .table {margin-top:20px;}
	
	.default .wrapper .section-title {position:relative; left:0;}
	.default .wrapper .container {display:block;}
		.default .wrapper .container .text {width:100%; padding-top:20px; display:block;}
		.default .wrapper .container .sidebar {width:100%; padding:0; display:block;}
			.default .wrapper .container .sidebar .featured {margin-bottom:20px;}
	
	.give-tabs .wrapper {flex-flow:row wrap;}
		.give-tabs .wrapper .tab {font-size:16px; border-top:1px solid #fff; flex:1 0 50%;}
			.give-tabs .wrapper .tab a {height:100%;}
			.give-tabs .wrapper .tab:nth-child(2) a {line-height:56px; border-right:0;}
	
	.give-landing .flex {flex-flow:row wrap;}
		.give-landing .flex input[type="text"] {margin-right:0; margin-bottom:15px;}
		.give-landing .flex input[type="submit"] {flex:1 0 200px;}
	
	.give-landing .search-results .result {padding-bottom:40px; flex-flow:row wrap;}
		.give-landing .search-results .result .text {padding:0; flex:0 0 100%;}
		.give-landing .search-results .result .image {padding-bottom:20px; flex:0 0 100%;}
	
	.give-landing .projects .btns select {width:100%; min-width:auto; margin:0 0 10px 0;}
	.give-landing .projects .btns select:last-child {margin-bottom:0;}
	.give-landing .projects .btns form {width:100%;}
		.give-landing .projects .btns form .flex {flex-flow:row wrap;}
			.give-landing .projects .btns form .flex input {width:100%;}
			.give-landing .projects .btns form .flex input[type="text"] {margin-top:-10px; margin-right:0;}
			.give-landing .projects .btns form .flex input[type="submit"] {margin-top:10px;}
	.give-landing .projects .project-list .project {flex:0 1 100%;}
		.give-landing .projects .project-list .project .container {width:100%; padding:10px 0;}
	
	.footer-newsletter .wrapper .form form {display:block;}
	.footer-newsletter .wrapper .form form .field, .footer-newsletter .wrapper .form form .email-field {width:100%; padding-bottom:10px; display:block;}
	.footer-newsletter .wrapper .form form .field:last-child {padding-bottom:0;}
	.footer-newsletter .wrapper .form form input {width:calc(100% - 20px);}
	.footer-newsletter .wrapper .form .inner {flex-flow:row wrap;}
		.footer-newsletter .wrapper .form .inner .btns {flex:1 1 100%;}
		.footer-newsletter .wrapper .form .inner .subscribe-text {flex:1 1 100%; padding:20px 0 0 0;}
		.footer-newsletter .wrapper .form .inner .subscribe-text.left {padding:0 0 20px 0;}
	
	#footer .wrapper .logo {padding-bottom:0;}
		#footer .wrapper .logo span {padding:10px 0 0 0;}
	#footer .wrapper .contact, #footer .wrapper .quicklinks, #footer .wrapper .social {width:auto; padding-top:40px; text-align:center; display:block;}
		#footer .wrapper .social ul li:first-child {padding:0;}
	#footer .wrapper .contact {flex:1 1 100%;}
	#footer .wrapper .quicklinks {flex:1 1 100%;}
	
	.slider-dots {bottom:4% !important;}
	
	.woocommerce .product-quantity .quantity {display:inline-block;}
		.woocommerce .product-quantity .quantity .qty.text {float:right;}
	
	.woocommerce .remove-colon .checkFee {width:1.25em; height:1.25em;}
	.woocommerce .remove-colon td.ta-left {text-align:left !important;}
	.woocommerce .remove-colon td:before {display:none;}
}