/*
Theme Name: Encompass 2019
Theme URI: https://plainjoestudios.com/
Author: PlainJoe Studios
Author URI: https://plainjoestudios.com/
Description: Encompass 2019 is a WordPress theme designed, developed and maintained by PlainJoe Studios.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.plainjoestudios.com/
Text Domain: Encompass 2019
Tags: PlainJoe Studios, PlainJoe, Studios, PJS, Encompass 2019
*/

/* -------------------- Settings -------------------- */

html,body {width:100%; min-height:100vh; margin:0 auto; padding:0; color:#4a3d3e; font:400 18px/28px 'Open Sans', arial, sans-serif; letter-spacing:.03em; background:#fff; display:block;}
nav,header,section,div,footer {width:auto; height:auto; margin:0 auto; padding:0; display:block; position:relative;}
input[type="text"],input[type="email"],input[type="tel"],input[type="submit"],textarea,select {padding:10px; color:#4a3d3e; font:16px/28px 'Open Sans'; letter-spacing:.03em; border:0; border-radius:3px; -webkit-appearance:none;}
input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder,textarea::placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder {color:#bcbcbc;}
ul,ol {margin:0; padding:20px 30px;}
a {color:#c69728; text-decoration:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
a:hover {color:#c69728; text-decoration:none;}
h1 {margin:0; padding:0; color:#4a3d3e; font:600 36px 'Open Sans';}
h2 {margin:0; padding:0; color:#4a3d3e; font:600 32px/38px 'Open Sans';}
h3 {margin:0; padding:0; color:#4a3d3e; font:600 24px/28px 'Open Sans';}
h4 {margin:0; padding:0; color:#4a3d3e; font:400 20px/28px 'Open Sans';}
h5 {margin:0; padding:0; color:#4a3d3e; font:700 16px/20px 'Open Sans';}
p {margin:20px 0; padding:0;}
img {max-width:100%; height:auto; display:block;}

::-moz-selection{background:#c69728; color:#fff; text-shadow:none;}
::selection {background:#c69728; color:#fff; text-shadow:none;}

#app {width:100%; min-height:100vh;}


/* -------------------- Header -------------------- */

#header {width:100%; color:#fff; font:700 16px/28px 'Open Sans', arial, sans-serif; position:fixed; top:0; left:0; z-index:100;}
	#header .wrapper {width:100%; background:rgba(74,61,62,.7); display:table;}
		#header .wrapper .left {width:auto; display:table-cell; vertical-align:middle;}
			#header .wrapper .left .urgent {width:100%; height:36px; background:#ff3424; font-weight:600; font-size:14px; line-height:36px; display:block; overflow:hidden;}
			#header .wrapper .left .urgent.close {height:0;}
				#header .wrapper .left .urgent .text {padding:0 100px 0 30px; display:block;}
					#header .wrapper .left .urgent .text a {color:#fff;}
				#header .wrapper .left .urgent .close {padding:0 20px; color:#4a3d3e; font-weight:700; text-transform:uppercase; display:block; position:absolute; top:0; right:0; cursor:pointer;}
			#header .wrapper .left .nav {width:100%; display:table;}
				#header .wrapper .left .nav .logo {width:360px; display:table-cell; vertical-align:middle;}
					#header .wrapper .left .nav .logo img {max-height:40px; padding-left:30px;}
				#header .wrapper .left .nav .menu {width:auto; text-align:center; display:table-cell; vertical-align:middle;}
					#header .wrapper .left .nav .menu ul {margin:0 auto; padding:0; list-style:none; display:block;}
						#header .wrapper .left .nav .menu ul li {margin:0 auto; padding:0 25px; line-height:70px; display:inline-block;}
							#header .wrapper .left .nav .menu ul li a {color:#fff; display:block;}
							#header .wrapper .left .nav .menu ul li a:hover {color:#c69728;}
								#header .wrapper .left .nav .menu ul li a i {font-size:12px;}
								#header .wrapper .left .nav .menu ul li .sub-menu {padding:15px; line-height:30px; text-align:left; background:rgba(255,255,255,.95); position:absolute; display:none;}
									#header .wrapper .left .nav .menu ul li .sub-menu a {padding:3px 0; color:#4a3d3e;}
									#header .wrapper .left .nav .menu ul li .sub-menu a:hover {color:#c69728;}
			
		#header .wrapper .right {width:360px; text-align:center; display:table-cell; vertical-align:middle;}
			#header .wrapper .right .top {width:100%; height:36px; font-size:15px; line-height:36px; background:#d6af42; display:flex; flex-flow:row nowrap; overflow:hidden;}
				#header .wrapper .right .top svg {font-size:15px;}
				#header .wrapper .right .top a {padding:0 10px; color:#fff; flex:1 0 auto; position:relative;}
				#header .wrapper .right .top a:hover {background:#00b0bd;}
					#header .wrapper .right .top a .cart-total {width:20px; height:20px; color:#fff; font-size:12px; line-height:20px; background:red; border-radius:20px; position:absolute; top:3px; right:3px;}
					#header .wrapper .right .top a span {font-size:14px;}
			#header .wrapper .right .bottom {min-height:70px; display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;}
				#header .wrapper .right .bottom a {margin-right:30px; padding:5px 15px; color:#fff; background:#00b0bd; border-radius:3px; display:inline-block;}
				#header .wrapper .right .bottom a:hover {background:#c69728;}

#header.scroll .wrapper {background:rgba(74,61,62,.95);}
	#header.scroll .wrapper .left .urgent {height:0;}
	#header.scroll .wrapper .right .top {height:0;}

#mobile-header {width:100%; color:#fff; font:700 16px/28px 'Open Sans', arial, sans-serif; position:fixed; top:0; left:0; z-index:100; display:none;}
	#mobile-header .urgent {width:100%; padding:8px 0; background:#ff3424; font-weight:600; font-size:14px; line-height:20px; display:block; overflow:hidden;}
	#mobile-header .urgent.close {height:0; padding:0;}
		#mobile-header .urgent .text {padding:0 60px 0 30px; display:block;}
			#mobile-header .urgent .text a {color:#fff;}
		#mobile-header .urgent .close {padding:0 27px; color:#fff; font-weight:700; font-size:18px; line-height:36px; text-transform:uppercase; display:block; position:absolute; top:50%; right:0; cursor:pointer; transform:translateY(-50%);}
		
	#mobile-header .wrapper {width:100%; background:rgba(74,61,62,.7); display:table;}
		#mobile-header .wrapper .left {width:70%; padding-left:20px; display:table-cell; vertical-align:middle;}
			#mobile-header .wrapper .left img {max-height:40px; padding:15px 0;}
			
		#mobile-header .wrapper .right {width:30%; padding-right:10px; text-align:right; display:table-cell; vertical-align:middle;}
			#mobile-header .wrapper .right .search-btn {padding:10px 5px; font-size:20px; line-height:25px; display:inline-block; vertical-align:middle;}
			#mobile-header .wrapper .right .menu-btn {width:25px; height:25px; margin:0 0 0 auto; padding:10px 10px 10px 5px; cursor:pointer; display:inline-block; vertical-align:middle;}
				#mobile-header .wrapper .right .menu-btn .line {width:25px; height:3px; background:#fff; position:absolute; top:12px; right:10px;}
				#mobile-header .wrapper .right .menu-btn .line:nth-child(2) {top:21px;}
				#mobile-header .wrapper .right .menu-btn .line:nth-child(3) {top:30px;}
				
				#mobile-header.open .wrapper .right .menu-btn .line {top:21px; transform:rotate(-45deg);}
				#mobile-header.open .wrapper .right .menu-btn .line:nth-child(2) {opacity:0; transform:rotate(0);}
				#mobile-header.open .wrapper .right .menu-btn .line:nth-child(3) {transform:rotate(45deg);}
	
	#mobile-header .menu {width:100%; height:calc(100vh - 70px); background:rgba(74,61,62,.97); display:none; overflow:auto;}
		#mobile-header .menu ul {padding:20px; list-style:none;}
			#mobile-header .menu ul li {padding:10px 0; list-style:none; position:relative;}
				#mobile-header .menu ul li a {color:#fff; display:block; position:relative;}
			#mobile-header .menu ul li.highlight {padding-bottom:0;}
				#mobile-header .menu ul li.highlight a {padding:10px; background:#00b0bd;}
				#mobile-header .menu ul li .sub-menu-btn {width:100%; text-align:right; position:absolute; top:10px; cursor:pointer;}
			#mobile-header .menu ul.sub-menu {display:none;}
				#mobile-header .menu ul.sub-menu .back {margin-bottom:10px; padding:10px; color:#fff; background:#c69728; cursor:pointer;}
				#mobile-header .menu ul.sub-menu .parent {padding:10px 0; font-weight:700; text-transform:uppercase;}
				#mobile-header .menu ul.sub-menu li {padding:10px;}
			#mobile-header .menu form {padding:0 20px;}
				#mobile-header .menu form input {width:100%; padding:10px 0; color:#fff; background:transparent; border-bottom:2px solid #fff; border-radius:0; -webkit-appearance:none;}
				#mobile-header .menu form input::placeholder {color:#fff;}
			#mobile-header .menu p {margin:0; padding:20px; font-weight:300;}
				#mobile-header .menu p span {padding-top:10px; font-size:13px; display:block;}
					#mobile-header .menu p span a {color:#fff;}

#mobile-header.scroll .wrapper {background:rgba(74,61,62,.95);}
#mobile-header.open .wrapper {background:rgba(74,61,62,.97);}

body.admin-bar #header {top:32px;}
body.admin-bar #mobile-header {top:32px;}

.search-overlay {width:100%; height:100%; background:rgba(198,151,40,.95); display:block; position:fixed; z-index:100; display:none;}
	.search-overlay .close {padding:10px 15px; color:#fff; font-size:32px; border-radius:3px; position:absolute; top:30px; right:30px; cursor:pointer;}
	.search-overlay .close:hover {background:#00b0bd;}
	.search-overlay .wrapper {width:100%; max-width:1200px; margin:0 auto; padding:60px 30px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
		.search-overlay .wrapper h1 {font-size:48px; padding-bottom:30px; color:#fff;}
		.search-overlay .wrapper p {color:#fff; margin:10px auto; font-size:14px; text-align:right;}
		.search-overlay .wrapper button {background:#4a3d3e;}
		.search-overlay .wrapper button:hover {background:#00b0bd;}
		.search-overlay .wrapper form {max-width:1200px; margin:0 auto;}
			.search-overlay .wrapper form input {width:calc(100% - 20px); color:#fff; font-size:20px; background:transparent; border-radius:0; border-bottom:2px solid #fff; -webkit-appearance:none; outline:none;}
			.search-overlay .wrapper form input::placeholder {color:#fff;}


/* -------------------- Homepage -------------------- */

.hp-banners {display:block;}
	.hp-banners .wrapper {padding-top:50%;}
		.hp-banners .wrapper .video {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:1;}
			.hp-banners .wrapper .video video {min-width:100%; min-height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		.hp-banners .wrapper .overlay {width:100%; height:100%; background:#4a3d3e; opacity:.6; position:absolute; top:0; left:0; z-index:2;}
		.hp-banners .wrapper .text {max-width:720px; width:100%; position:absolute; top:calc(50% + 20px); left:50%; transform:translate(-50%,-50%); text-align:center; z-index:3;}
			.hp-banners .wrapper .text .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; border:4px solid #fff; border-radius:90px;}
			.hp-banners .wrapper .text .play:hover {background:#00b0bd; border-color:#00b0bd;}
				.hp-banners .wrapper .text .play a {color:#fff; text-indent:5px; display:block;}
				.hp-banners .wrapper .text .play i {color:#fff;}
			.hp-banners .wrapper .text h1 {color:#fff; font:600 62px 'Open Sans';}
			.hp-banners .wrapper .text p {color:#fff;}

.hp-three-callouts {background:#fdfcfc; overflow:hidden; display:block; background:url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center;}
	.hp-three-callouts .sidebar {width:80px; height:100%; background:#0095a4 url('/wp-content/uploads/2019/02/bar-blue.png') repeat center; background-attachment:fixed; position:absolute; top:0; left:0;}
	.hp-three-callouts .wrapper {max-width:1200px; padding:80px 40px; text-align:center;}
		.hp-three-callouts .wrapper h4 {max-width:1000px; margin:0 auto; padding-top:120px;}
		.hp-three-callouts .wrapper .callouts {width:100%; display:table;}
			.hp-three-callouts .wrapper .callouts .callout {width:33.3%; padding:80px 40px 0 40px; display:table-cell;}
				.hp-three-callouts .wrapper .callouts .callout .icon {width:80px; height:80px; margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
					.hp-three-callouts .wrapper .callouts .callout .icon img {max-height:100%; margin:0 auto;}

.hp-map {background:#f4f3f3; overflow:hidden; display:block;}
	.hp-map .wrapper {max-width:1200px; padding:80px 20px; text-align:center;}
		.hp-map .wrapper h4 {max-width:1000px; margin:0 auto; padding-top:100px;}
		.hp-map .wrapper .btns {margin-top:10px; position:absolute; top:40px; right:20px;}
	.hp-map .map-container {padding-top:33.3%; position:relative;}
		.hp-map .map-container #map {width:100%; height:100%; position:absolute; top:0; left:0;}
			.hp-map .map-container #map .map-item {max-width:280px; text-align:left; background:#4a3d3e;}
				.hp-map .map-container #map .map-item h3 {color:#fff; padding:0 10px; font-size:20px;}
				.hp-map .map-container #map .map-item p {color:#fff; margin:5px 0 0 0; padding:0 10px; font-size:14px; line-height:20px;}
				.hp-map .map-container #map .map-item .image {margin-bottom:10px; padding-top:42%;}
				.hp-map .map-container #map .map-item .btns {margin-top:10px; padding:0 10px 10px 10px; position:relative; right:auto;}
					.hp-map .map-container #map .map-item .btns a {width:100%; padding:10px 0;}
				.hp-map .map-container #map button {min-width:auto;}
				
				.hp-map .map-container #map .gm-style .gm-style-iw-c {padding:0 !important; border-radius:0;}
				.hp-map .map-container #map .gm-style button.gm-ui-hover-effect {opacity:1; border-radius:0; background:#fff !important; top:0 !important; right:0 !important;}
				.hp-map .map-container #map .gm-style .gm-style-iw-d {overflow-y:auto !important; overflow-x:inherit !important; -ms-overflow-style:none; scrollbar-width:none;}
				.hp-map .map-container #map .gm-style .gm-style-iw-d::-webkit-scrollbar {display:none;}
				.hp-map .map-container #map .gm-style .gm-style-iw-d::-moz-scrollbar {display:none;}
				.hp-map .map-container #map .gm-style .gm-style-iw-t::after {width:0; height:0; border-bottom:7px solid #4a3d3e; border-left:7px solid #4a3d3e; border-top:7px solid transparent; border-right:7px solid transparent; top:0;}

.hp-stats {background:#fdfcfc; overflow:hidden; display:block; background:url('/wp-content/uploads/2019/02/lines-gold.png') no-repeat right;}
	.hp-stats .wrapper {max-width:1200px; padding:80px 20px; text-align:center;}
		.hp-stats .wrapper .callouts {width:100%; display:table;}
			.hp-stats .wrapper .callouts .callout {width:33.3%; padding:0 40px; display:table-cell;}
			.hp-stats .wrapper .callouts .callout .number {color:#00b0bd; font:600 92px 'Open Sans';}
			.hp-stats .wrapper .callouts .callout .desc {color:#4a3d3e; font:400 24px 'Open Sans';}

.hp-stories {width:100%; background:#f4f6f7; overflow:hidden; display:table;}
	.hp-stories .sidebar {width:80px; background:#da2a19 url('/wp-content/uploads/2019/02/bar-red.png') repeat center; background-attachment:fixed; display:table-cell; vertical-align:middle;}
	.hp-stories .wrapper {max-width:800px; width:auto; display:table-cell; vertical-align:middle;}
		.hp-stories .wrapper .featured-story {width:100%; display:table;}
			.hp-stories .wrapper .featured-story .info {width:44%; padding:80px 60px 60px 60px; display:table-cell; vertical-align:top;}
				.hp-stories .wrapper .featured-story .info h2 {padding-top:40px;}
				.hp-stories .wrapper .featured-story .info h4 {padding-top:10px; font-weight:600;}
				.hp-stories .wrapper .featured-story .info .section-title::after {width:calc(100vw - 700px);}
				.hp-stories .wrapper .featured-story .info .meta {width:100%; padding-top:40px; color:#c69728; font:700 14px 'Open Sans'; display:table;}
					.hp-stories .wrapper .featured-story .info .meta .categories {width:60%; display:table-cell;}
					.hp-stories .wrapper .featured-story .info .meta .date {width:40%; text-align:right; display:table-cell;}
						.hp-stories .wrapper .featured-story .info .meta .date span {color:#d6c5c7;}
			.hp-stories .wrapper .featured-story .mobile-graphic {display:none;}
			.hp-stories .wrapper .featured-story .mobile-caption {display:none;}
			.hp-stories .wrapper .featured-story .graphic {width:56%; padding-top:50%; display:table-cell; vertical-align:top;}
				.hp-stories .wrapper .featured-story .graphic .caption {max-width:360px; padding:10px 60px 10px 10px; color:#fff; font:16px/24px 'Open Sans'; background:#c69728; position:absolute; bottom:60px; right:0;}
		
		.hp-stories .wrapper .stories {width:100%; background:#e8e5e5; position:relative;}
			.hp-stories .wrapper .stories .container {padding:60px;}
				.hp-stories .wrapper .stories .container .swiper-slide {padding-bottom:80px;}
				.hp-stories .wrapper .stories .container .story {width:100%; display:table; position:relative;}
				.hp-stories .wrapper .stories .container .story.featured {box-sizing:border-box; border:6px solid #ff3424;}
					.hp-stories .wrapper .stories .container .story.featured .text {padding-top:9px; padding-bottom:9px;}
					.hp-stories .wrapper .stories .container .story a {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
					.hp-stories .wrapper .stories .container .story .graphic {width:40%; padding-top:50%; display:table-cell; vertical-align:top;}
					.hp-stories .wrapper .stories .container .story.featured .graphic {padding-top:calc(50% - 6px);}
					.hp-stories .wrapper .stories .container .story .text {width:60%; padding:15px; color:#fff; background:#4a3d3e; display:table-cell; vertical-align:top;}
						.hp-stories .wrapper .stories .container .story .text .cat {color:#c69728; font:700 14px/20px 'Open Sans';}
						.hp-stories .wrapper .stories .container .story .text .title {padding-top:5px; font:18px/24px 'Open Sans';}
						.hp-stories .wrapper .stories .container .story .text .subtitle {padding:15px 0 0 0; font:14px/20px 'Open Sans';}
						.hp-stories .wrapper .stories .container .story .text .date {padding-top:20px; color:#c69728; font:700 14px/20px 'Open Sans';}
							.hp-stories .wrapper .stories .container .story .text .date span {color:#d6c5c7;}
				.hp-stories .wrapper .stories .container .btns {position:absolute; bottom:5%; right:0; z-index:20;}


/* -------------------- Subpage - Explore -------------------- */

.banner {min-height:300px; background:#fff;}
	.banner .overlay {width:100%; height:100%; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position:absolute; top:0; left:0; z-index:1;}
	.banner .caption {max-width:360px; padding:10px 60px 10px 15px; color:#fff; font:16px/24px 'Open Sans'; background:#c69728; position:absolute; bottom:0; right:0; z-index:3; transform:translateY(50%);}
	.banner .wrapper {max-width:1080px; padding-top:30%; text-align:center; position:relative; z-index:2;}
		.banner .wrapper h1 {padding-bottom:20px; font:600 53px 'Open Sans';}
	.banner .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; text-align:center; border:4px solid #fff; border-radius:90px; position:absolute; top:calc(50% + 50px); left:50%; transform:translate(-50%,-50%); z-index:3;}
	.banner .play:hover {background:#00b0bd; border-color:#00b0bd;}
		.banner .play a {color:#fff; text-indent:5px; display:block;}
		.banner .play i {color:#fff; text-indent:5px;}
	
	.banner.light {min-height:240px;}
		.banner.light .wrapper {padding:200px 20px 100px 20px;}
	
	.banner.dark .overlay {background:linear-gradient(90deg, rgba(74,61,62,1) 0%, rgba(255,255,255,0) 100%);}
	.banner.dark .wrapper {max-width:1200px; padding:200px 20px 80px 20px; text-align:left;}
		.banner.dark .wrapper .container {max-width:420px; margin:0; color:#fff;}
			.banner.dark .wrapper .container h1 {color:#fff;}
			.banner.dark .wrapper .container h2 {padding-bottom:10px; color:#fff; font-weight:400;}
			.banner.dark .wrapper .container h3 {color:#fff; font-weight:400;}
			.banner.dark .wrapper .container h4 {color:#fff;}
			.banner.dark .wrapper .container p {margin:30px 0; color:#fff;}
			.banner.dark .wrapper .container .cat {color:#fff; padding-top:30px; font:700 14px/20px 'Open Sans';}
			.banner.dark .wrapper .container .date {color:#fff; font:700 14px/20px 'Open Sans'; position:absolute; bottom:0; right:0;}
				.banner.dark .wrapper .container .date span {color:#d6c5c7;}

.parallax {overflow:hidden;}
	.parallax .bg {width:100%; height:100%; filter:grayscale(100%); position:absolute; top:0; left:0; z-index:1;}
	.parallax .overlay {width:100%; height:100%; background:#c69728; opacity:.75; position:absolute; top:0; left:0; z-index:2;}
	.parallax .lines {width:100%; height:100%; background:url('/wp-content/uploads/2019/02/lines-white.png') no-repeat left top; background-size:cover; position:absolute; top:0; left:0; z-index:3;}
	.parallax .lines.right {background:url('/wp-content/uploads/2019/02/lines-white-reverse.png') no-repeat right top; background-size:cover;}
	.parallax .photo {width:calc(45% + 50px); padding-top:28.125%; position:absolute; bottom:0; left:0; z-index:4;}
	.parallax .wrapper {padding:100px 0; position:relative; z-index:5; display:table;}
		.parallax .wrapper .spacer {width:45%; display:table-cell;}
		.parallax .wrapper .container {width:55%; max-width:760px; padding:60px 60px 60px 110px; background:rgba(248,248,248,.9); display:table-cell;}
			.parallax .wrapper .container .sidebar {width:50px; height:100%; background:#da2a19 url('/wp-content/uploads/2019/02/bar-red.png') repeat center; background-attachment:fixed; position:absolute; top:0; left:0;}
			.parallax .wrapper .container .sidebar.blue {background:#0095a4 url('/wp-content/uploads/2019/02/bar-blue.png') repeat center; background-attachment:fixed;}
			.parallax .wrapper .container form {width:100%; max-width:400px; padding-top:20px; display:block;}
			.parallax .wrapper .container form .field {width:100%; padding-bottom:10px; display:block;}
				.parallax .wrapper .container form select,
				.parallax .wrapper .container form input[type="tel"],
				.parallax .wrapper .container form input[type="text"],
				.parallax .wrapper .container form input[type="email"] {width:100%; display:block;}
				.parallax .wrapper .container form input[type="submit"],
				.parallax .wrapper .container form input[type="button"] {min-width:160px; padding:10px 30px; color:#fff; font:700 16px/28px 'Open Sans'; border:0; border-radius:3px; background:#00b0bd; display:block; cursor:pointer; -webkit-appearance:none;}

	.parallax.left .photo {width:calc(45% + 50px); padding-top:28.125%; position:absolute; bottom:0; left:auto; right:0; z-index:4;}
	.parallax.left .wrapper .spacer {width:10%; display:table-cell;}
	.parallax.left .wrapper .spacer-right {width:35%; display:table-cell;}

.three-callouts {overflow:hidden; display:block; background:#f8f8f8 url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center;}
	.three-callouts .wrapper {max-width:1200px; padding:80px 20px; text-align:center;}
		.three-callouts .wrapper h3 {max-width:1000px; margin:0 auto; padding-top:100px;}
		.three-callouts .wrapper h4 {max-width:1000px; margin:0 auto; padding-top:100px;}
		.three-callouts .wrapper .callouts {width:100%; display:flex; flex-flow:row wrap;}
			.three-callouts .wrapper .callouts .callout {flex:0 0 calc(33.3% - 60px); padding:60px 0 0 0; display:flex; flex-flow:column nowrap;}
				.three-callouts .wrapper .callouts .callout .icon {width:80px; height:80px; margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
					.three-callouts .wrapper .callouts .callout .icon img {margin:0 auto;}
				.three-callouts .wrapper .callouts .callout .image {width:100%; margin-bottom:20px; padding-top:56.25%;}
				.three-callouts .wrapper .callouts .callout .number {color:#00b0bd; font:700 70px 'Open Sans'; margin:40px auto 20px auto;}
				.three-callouts .wrapper .callouts .callout h3 {padding-top:0;}
				.three-callouts .wrapper .callouts .callout p {flex:1 0 auto; min-height:60px;}
				
				.three-callouts .wrapper .callouts.icons .callout h2 {flex:1 0 auto;}
				.three-callouts .wrapper .callouts.icons .callout p {flex:0 0 auto;}

.opportunities-table {background:#fdfcfc url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center;}
	.opportunities-table .wrapper {max-width:1200px; padding:100px 20px; text-align:center;}
	.opportunities-table .wrapper.no-padding {padding:0 20px;}
		.opportunities-table .wrapper > .btns {margin-top:10px; position:absolute; right:20px; z-index:2;}
		.opportunities-table .wrapper .table-container {overflow-x:auto;}
		.opportunities-table .wrapper .scroll {display:none;}
		.opportunities-table .wrapper .table {width:100%; min-width:960px; margin-top:100px; color:#4a3d3e; font:700 16px 'Open Sans'; text-align:left; display:table;}
		.opportunities-table .wrapper.no-padding .table {margin-top:0;}
			.opportunities-table .wrapper .table .table-row {width:100%; display:table-row;}
			.opportunities-table .wrapper .table .table-row:nth-child(odd) {background:#f4f3f3;}
			.opportunities-table .wrapper .table .table-row:nth-child(even) {background:#f0ecec;}
				.opportunities-table .wrapper .table .table-row p {margin:0; font:14px 'Open Sans';}
				.opportunities-table .wrapper .table .table-row h1 {padding-bottom:10px; font:600 24px 'Open Sans';}
				.opportunities-table .wrapper .table .table-row .image {width:10%; padding-top:8%; background:#c69728 url('/wp-content/uploads/2019/02/boat-white.png') no-repeat center; display:table-cell; vertical-align:top;}
				.opportunities-table .wrapper .table .table-row .location {width:20%; padding:15px; display:table-cell; vertical-align:top;}
				.opportunities-table .wrapper .table .table-row .duration {width:14%; padding:15px; display:table-cell; vertical-align:top;}
				.opportunities-table .wrapper .table .table-row .mission {width:36%; padding:15px; display:table-cell; vertical-align:top;}
				.opportunities-table .wrapper .table .table-row .button {width:20%; padding:15px; text-align:right; display:table-cell; vertical-align:middle;}
					.opportunities-table .wrapper .table .table-row .button .btns {margin-top:0;}
						.opportunities-table .wrapper .table .table-row .button .btns a {padding:10px 15px;}


/* -------------------- Subpage - Stories Landing -------------------- */

.more-stories {background:#fdfcfc url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% 300px; display:block;}
	.more-stories .wrapper {max-width:1200px; padding:80px 20px; display:block;}
		.more-stories .wrapper .pjs-load-more {display:none;}
		.more-stories .wrapper .total-items {display:none;}
		.more-stories .wrapper .btns {margin-top:60px; text-align:center;}
		.more-stories .wrapper .stories {width:100%; padding-top:60px; display:flex; flex-flow:row wrap;}
			.more-stories .wrapper .stories .story {padding:60px 0 0 0; flex:1 1 33.3%; display:flex; flex-flow:column nowrap;}
			.more-stories .wrapper .stories .story.remove {height:0; opacity:0;}
				.more-stories .wrapper .stories .story .container {height:100%; width:calc(100% - 40px); padding:0 20px; display:flex; flex-flow:column nowrap;}
				.more-stories .wrapper .stories .story .image {padding-top:56.25%;}
					.more-stories .wrapper .stories .story .image .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; text-align:center; border:4px solid #fff; border-radius:90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
						.more-stories .wrapper .stories .story .image .play a {color:#fff; text-indent:5px;}
						.more-stories .wrapper .stories .story .image .play i {text-indent:5px;}
				.more-stories .wrapper .stories .story .text {width:calc(100% - 40px); padding:20px; color:#fff; background:#4a3d3e; flex:1 0 auto;}
					.more-stories .wrapper .stories .story .text a {color:#fff;}
					.more-stories .wrapper .stories .story .text .cat {color:#c69728; font:700 14px/20px 'Open Sans';}
					.more-stories .wrapper .stories .story .text .title {padding-top:10px; font:18px/20px 'Open Sans';}
					.more-stories .wrapper .stories .story .text .subtitle {padding:15px 0 20px 0; font:14px/18px 'Open Sans';}
						.more-stories .wrapper .stories .story .text .subtitle p {margin:0;}
					.more-stories .wrapper .stories .story .text .type {color:#c69728; font-size:20px; line-height:20px; position:absolute; bottom:20px; right:20px;}
					.more-stories .wrapper .stories .story .text .date {color:#c69728; font:700 14px/20px 'Open Sans';}
						.more-stories .wrapper .stories .story .text .date span {color:#d6c5c7;}
					


/* -------------------- Subpage - Story -------------------- */

.story-detail {background:#fdfcfc url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center; display:block;}
	.story-detail .wrapper {max-width:1200px; padding:80px 20px; display:block;}
		.story-detail .wrapper .section-title {top:0; transform:translateY(-50%);}
		.story-detail .wrapper .container {/* padding-top:80px; */}
			.story-detail .wrapper .container .author {margin:30px 0; font:italic 16px 'Open Sans';}
			.story-detail .wrapper .container .share {font:700 16px 'Open Sans'; position:absolute; top:0; right:0;}
			.story-detail .wrapper .container audio {width:100%; margin-top:20px;}
				.story-detail .wrapper .container .share span {display:inline-block; vertical-align:middle;}
				.story-detail .wrapper .container .share ul {list-style:none; margin:0; padding:0; display:inline-block; vertical-align:middle;}
					.story-detail .wrapper .container .share ul li {padding:0 0 0 15px; color:#c69728; font-size:24px; display:inline-block; vertical-align:middle;}
						.story-detail .wrapper .container .share ul li a {color:#c69728;}
						.story-detail .wrapper .container .share ul li a:hover {color:#00b0bd;}

.related-stories {background:#f4f3f3; display:block;}
	.related-stories .wrapper {max-width:1200px; padding:80px 20px; display:block;}
		.related-stories .wrapper > .btns {position:absolute; right:20px; top:63px;}
		.related-stories .wrapper .stories {width:100%; padding-top:60px; display:table;}
			.related-stories .wrapper .stories .story {width:33.3%; padding:60px 20px 0 20px; display:table-cell; vertical-align:top;}
				.related-stories .wrapper .stories .story .image {padding-top:56.25%;}
					.related-stories .wrapper .stories .story .image .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; text-align:center; border:4px solid #fff; border-radius:90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
						.related-stories .wrapper .stories .story .image .play i {text-indent:5px;}
				.related-stories .wrapper .stories .story .text {padding:20px; color:#fff; background:#4a3d3e;}
					.related-stories .wrapper .stories .story .text a {color:#fff;}
					.related-stories .wrapper .stories .story .text .cat {color:#c69728; font:700 14px/20px 'Open Sans';}
					.related-stories .wrapper .stories .story .text .title {padding-top:10px; font:18px/20px 'Open Sans';}
					.related-stories .wrapper .stories .story .text .subtitle {padding:15px 0 20px 0; font:14px/18px 'Open Sans';}
					.related-stories .wrapper .stories .story .text .type {color:#c69728; font-size:20px; line-height:20px; position:absolute; bottom:20px; right:20px;}
					.related-stories .wrapper .stories .story .text .date {color:#c69728; font:700 14px/20px 'Open Sans';}
						.related-stories .wrapper .stories .story .text .date span {color:#d6c5c7;}


/* -------------------- Subpage - Resources -------------------- */

.featured-resources {background:#fdfcfc url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center; display:block;}
	.featured-resources .wrapper {max-width:1200px; padding:80px 20px; display:block;}
		.featured-resources .wrapper .resources {width:100%; padding-top:60px; display:table;}
			.featured-resources .wrapper .resources .resource {width:33.3%; padding:60px 20px 0 20px; display:table-cell; vertical-align:top;}
				.featured-resources .wrapper .resources .resource .image {padding-top:56.25%;}
					.featured-resources .wrapper .resources .resource .image:hover .bg {opacity:1;}
					.featured-resources .wrapper .resources .resource .image:hover .title {opacity:1;}
					.featured-resources .wrapper .resources .resource .image .bg {width:100%; height:100%; background:#c69728; opacity:0; position:absolute; top:0; left:0; z-index:1;}
					.featured-resources .wrapper .resources .resource .image .title {width:100%; color:#fff; text-align:center; opacity:0; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:2;}
						.featured-resources .wrapper .resources .resource .image .title h3 {color:#fff;}
						.featured-resources .wrapper .resources .resource .image .title img {max-width:100px; max-height:100px; margin:0 auto; padding-bottom:15px;}
				.featured-resources .wrapper .resources .resource .text {padding:20px; color:#fff; background:#4a3d3e;}
					.featured-resources .wrapper .resources .resource .text .cat {color:#c69728; font:700 14px/20px 'Open Sans'; position:absolute; bottom:20px; right:20px;}
					.featured-resources .wrapper .resources .resource .text .title {min-height:60px; padding-top:10px; font:18px/20px 'Open Sans';}
					.featured-resources .wrapper .resources .resource .text .subtitle {padding:15px 0 20px 0; font:14px/18px 'Open Sans';}
						.featured-resources .wrapper .resources .resource .text .subtitle p {margin:0;}
					.featured-resources .wrapper .resources .resource .text .btns a {min-width:auto; padding:5px 20px;}

.all-resources {background:#f4f3f3; display:block;}
	.all-resources .wrapper {max-width:1200px; padding:80px 20px; display:block;}
		.all-resources .wrapper .pjs-load-more {display:none;}
		.all-resources .wrapper .total-items {display:none;}
		.all-resources .wrapper > .btns {position:absolute; right:35px; z-index:2;}
		.all-resources .wrapper .resources {width:100%; padding-top:80px; display:inline-block;}
			.all-resources .wrapper .resources .resource {width:25%; padding:40px 0 0 0; display:inline-block; vertical-align:top; float:left;}
			.all-resources .wrapper .resources .resource:nth-child(4n + 1) {clear:left;}
			.all-resources .wrapper .resources .resource .container {padding:0 15px;}
				.all-resources .wrapper .resources .resource .image {padding-top:70%;}
					.all-resources .wrapper .resources .resource .image:hover .bg {opacity:1;}
					.all-resources .wrapper .resources .resource .image:hover .title {opacity:1;}
					.all-resources .wrapper .resources .resource .image .bg {width:100%; height:100%; background:#c69728; opacity:0; position:absolute; top:0; left:0; z-index:1;}
					.all-resources .wrapper .resources .resource .image .title {width:100%; color:#fff; text-align:center; opacity:0; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:2;}
						.all-resources .wrapper .resources .resource .image .title h3 {color:#fff;}
						.all-resources .wrapper .resources .resource .image .title img {max-width:100px; max-height:100px; margin:0 auto; padding-bottom:15px;}
				.all-resources .wrapper .resources .resource .text {padding:20px; color:#fff; background:#4a3d3e;}
					.all-resources .wrapper .resources .resource .text .cat {max-width:150px; color:#c69728; font:700 14px/20px 'Open Sans'; text-align:right; position:absolute; bottom:20px; right:20px;}
					.all-resources .wrapper .resources .resource .text .title {min-height:70px; padding-top:10px; font:18px/20px 'Open Sans';}
						.all-resources .wrapper .resources .resource .text .title a {color:#fff;}
					.all-resources .wrapper .resources .resource .text .subtitle {padding:15px 0 20px 0; font:14px/18px 'Open Sans';}
						.all-resources .wrapper .resources .resource .text .subtitle p {margin:0;}
					.all-resources .wrapper .resources .resource .text .btns a {min-width:auto; padding:5px 20px;}


/* -------------------- Subpage - Default -------------------- */

.full-photo {background:#4a3d3e;}
	.full-photo .overlay {width:100%; height:100%; background:#4a3d3e; opacity:.5; position:absolute; top:0; left:0; z-index:2;}
	.full-photo .wrapper {max-width:1200px; padding:10% 20px; position:relative; z-index:3;}
		.full-photo .wrapper .container {max-width:600px;}
		.full-photo h1, .full-photo h2, .full-photo h3, .full-photo h4 {margin-bottom:20px; color:#fff;}
	
	.full-photo.center {text-align:center;}
	
	.full-photo.left .overlay {background: linear-gradient(90deg, rgba(74,61,62,1) 0%, rgba(255,255,255,0) 100%); opacity:1;}
	.full-photo.left .wrapper .container {margin-left:0;}
	
	.full-photo.right .overlay {background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(74,61,62,1) 100%); opacity:1;}
	.full-photo.right .wrapper .container {margin-right:0; text-align:right;}

.photo {background:#f4f3f3;}
	.photo .wrapper {width:100%; display:table;}
		.photo .wrapper .image {width:45%; padding-top:35%; display:table-cell; vertical-align:top;}
		.photo .wrapper .text {width:55%; display:table-cell; vertical-align:top;}
			.photo .wrapper .text .container {max-width:600px; margin:0 0 0 auto; padding:80px; display:block;}
			.photo.left .wrapper .text .container {margin:0 auto 0 0;}

.full-video {background:#4a3d3e;}
	.full-video .wrapper {padding-top:50%; position:relative;}
	.full-video .overlay {width:100%; height:100%; background:#4a3d3e; opacity:.5; position:absolute; top:0; left:0; z-index:2;}
	.full-video .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; text-align:center; border:4px solid #fff; border-radius:90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;}
	.full-video .play:hover {background:#00b0bd; border-color:#00b0bd;}
		.full-video .play a {color:#fff; text-indent:5px; display:block;}
		.full-video .play i {color:#fff; text-indent:5px;}

.video {background:#f4f3f3;}
	.video .wrapper {width:100%; max-width:1200px; padding:80px 0; display:table;}
		.video .wrapper .image {width:45%; padding-top:35%; display:table-cell; vertical-align:top;}
			.video .wrapper .image .overlay {width:100%; height:100%; background:#4a3d3e; opacity:.5; position:absolute; top:0; left:0; z-index:2;}
			.video .wrapper .image:hover .play {background:#00b0bd; border-color:#00b0bd;}
			.video .wrapper .image .play {width:90px; height:90px; margin-bottom:10px; color:#fff; font-size:36px; line-height:90px; text-align:center; text-indent:5px; border:4px solid #fff; border-radius:90px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;}
				.video .wrapper .image .play i  {color:#fff; text-indent:5px;}
		.video .wrapper .text {width:55%; display:table-cell; vertical-align:top;}
			.video .wrapper .text .container {max-width:600px; margin:0 0 0 auto; padding:0 80px; display:block;}
			.video.left .wrapper .text .container {margin:0 auto 0 0;}

.default {background:#fdfcfc;}
	.default .wrapper {max-width:1200px; padding:80px 20px;}
		.default .wrapper .container {width:100%; display:table;}
			.default .wrapper .container .text {width:62%; padding-top:40px; display:table-cell; vertical-align:top;}
			.default .wrapper .container .qty.text {width:3.631em; height:2em; padding:0; font-weight:600; font-size:16px; text-align:center; border:1px solid rgba(0,0,0,.3); display:block; -webkit-appearance:none;}
				.default .wrapper .container .text ul li {padding-bottom:10px;}
				.default .wrapper .container .text form {width:100%; padding-top:20px; display:block;}
				.default .wrapper .container .text form .field {width:100%; padding-bottom:10px; display:block;}
					.default .wrapper .container .text form select,
					.default .wrapper .container .text form input[type="tel"],
					.default .wrapper .container .text form input[type="text"],
					.default .wrapper .container .text form input[type="email"] {width:100%; background:#f4f3f3; display:block;}
					.default .wrapper .container .text form input[type="submit"],
					.default .wrapper .container .text form input[type="button"] {min-width:160px; padding:10px 30px; color:#fff; font:700 16px/28px 'Open Sans'; border:0; border-radius:3px; background:#00b0bd; display:block; cursor:pointer; -webkit-appearance:none;}
					.default .wrapper .container .text form textarea {max-height:160px; background:#f4f3f3;}
					.default .wrapper .container .text .nf-field-label {margin:0 0 10px 0;}
				.default .wrapper .container .text .search-result {padding:30px 0; border-bottom:2px solid #fff;}
				.default .wrapper .container .text .search-result:last-child {border-bottom:0;}
					.default .wrapper .container .text .search-result h5 {margin:10px 0; font-weight:300; font-size:16px;}
					.default .wrapper .container .text .search-result p {margin:10px 0;}
					.default .wrapper .container .text .search-result a:hover {color:#00b0bd;}
			.default .wrapper .container .sidebar {width:38%; padding-left:60px; display:table-cell; vertical-align:top;}
				.default .wrapper .container .sidebar h4 {font-weight:600;}
				.default .wrapper .container .sidebar a {color:#4a3d3e;}
				.default .wrapper .container .sidebar p {margin:10px 0; line-height:20px; font-size:14px;}
				.default .wrapper .container .sidebar p:last-child {margin-bottom:0;}
				.default .wrapper .container .sidebar .featured {margin-bottom:40px; padding:20px; background:#f4f3f3;}
					.default .wrapper .container .sidebar .featured .image {margin-bottom:20px; padding-top:75%;}
				.default .wrapper .container .sidebar .recommended {padding:20px; background:#f4f3f3;}
					.default .wrapper .container .sidebar .recommended .article {width:100%; padding-top:20px; display:table;}
						.default .wrapper .container .sidebar .recommended .article .image {width:30%; display:table-cell; vertical-align:top;}
							.default .wrapper .container .sidebar .recommended .article .image a {display:block;}
							.default .wrapper .container .sidebar .recommended .article .image .img {padding-top:100%; display:block;}
						.default .wrapper .container .sidebar .recommended .article .text {width:70%; padding:0 0 0 20px; display:table-cell; vertical-align:top;}
				.default .wrapper .container .sidebar .map-container {margin-top:40px; padding-top:65%;}
					.default .wrapper .container .sidebar .map-container #map {width:100%; height:100%; position:absolute; top:0; left:0;}
						.default .wrapper .container .sidebar .map-container iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
						.default .wrapper .container .sidebar .map-container #map button {min-width:initial;}


/* -------------------- Subpage - Giving -------------------- */

.give-tabs {}
	.give-tabs .wrapper {width:100%; display:flex; flex-flow:row nowrap;}
		.give-tabs .wrapper .tab {flex:1 0 25%;}
			.give-tabs .wrapper .tab a {padding:10px; color:#fff; text-align:center; border-right:1px solid #fff; background:#d6af42; display:block;}
			.give-tabs .wrapper .tab a:hover {background:#00b0bd;}
			.give-tabs .wrapper .tab.selected a {background:#00b0bd;}
			.give-tabs .wrapper .tab:last-child a {border-right:0;}

.give-landing {background:#fdfcfc;}
.give-landing.white {background:#fff;}
	.give-landing input[type="text"] {width:calc(100% - 22px); border:1px solid #4a3d3e; border-radius:3px;}
	.give-landing input[type="text"].nyp-input {width:198px; margin-top:10px !important; padding:10px; display:block;}
	.give-landing input[type="email"], .give-landing input[type="tel"], .give-landing textarea {border:1px solid #4a3d3e;}
	.give-landing input[type="submit"] {padding:11px 20px; color:#fff; background:#00b0bd; cursor:pointer; transition:all .3s ease;}
	.give-landing input[type="submit"]:hover {background:#c69728;}
	.give-landing .flex {display:flex; flex-flow:row nowrap;}
		.give-landing .flex input {flex:1 0 auto;}
		.give-landing .flex input[type="text"] {width:initial; margin-right:15px; flex:1 0 auto;}
		.give-landing .flex input[type="submit"] {flex:0 0 380px;}
	.give-landing .search input[type="text"] {width:calc(100% - 22px); border:1px solid #4a3d3e; border-radius:3px;}
	.give-landing .content {max-width:920px; padding:20px 0; text-align:center;}
	
	.give-landing .product .nyp label {font-size:16px;}
	
	.give-landing .give-general {max-width:380px; text-align:center;}
		.give-landing .give-general .search {max-width:380px;}
			.give-landing .give-general .search input {width:calc(100% - 22px); border:1px solid #4a3d3e; border-radius:3px;}
	
	.give-landing .search-results {}
		.give-landing .search-results .result {width:100%; margin:60px 0; display:flex; flex-flow:row-reverse nowrap;}
		.give-landing .search-results .result:last-child {padding-bottom:0;}
			.give-landing .search-results .result .text {padding-right:40px; flex:0 1 auto;}
			.give-landing .search-results .result .image {display:flex; flex:0 0 380px; align-items:flex-start;}
				.give-landing .search-results .result .image .img {width:100%; padding-top:56.25%;}
	
	.give-landing .crisis-response {max-width:820px; text-align:center;}
		.give-landing .crisis-response p {text-align:left;}
		.give-landing .crisis-response .image {margin-bottom:20px; padding-top:56.25%; position:relative; display:none;}
			.give-landing .crisis-response .image .crisis {width:60px; height:60px; color:#fff; font-weight:700; font-size:14px; line-height:60px; border-radius:60px; background:#ff3424; position:absolute; top:0; left:75px; transform:translateY(-50%);}
	
	.give-landing .projects {text-align:center;}
		.give-landing .projects .btns select {min-width:300px; padding:10px 40px 10px 20px;}
		.give-landing .projects .btns form {width:auto; min-width:300px; display:inline-block;}
		.give-landing .projects .btns .flex {width:auto; min-width:300px; display:inline-block;}
			.give-landing .projects .btns form input {width:calc(100% - 40px); padding:9px 20px; background:#fff;}
			.give-landing .projects .btns form input::placeholder {color:#777;}
			
			.give-landing .projects .btns .flex input {width:auto; min-width:300px; box-sizing:border-box;}
			.give-landing .projects .btns .flex input[type="submit"] {color:#fff; background:#00b0bd;}
			.give-landing .projects .btns .flex input[type="submit"]:hover {background:#c69728;}

			.give-landing .projects .btns form .flex input {width:auto; min-width:300px; box-sizing:border-box;}
			.give-landing .projects .btns form .flex input[type="submit"] {color:#fff; background:#00b0bd;}
			.give-landing .projects .btns form .flex input[type="submit"]:hover {background:#c69728;}
		
		.give-landing .projects .project-list {padding-top:40px; display:flex; flex-flow:row wrap;}
			.give-landing .projects .project-list .project {margin:0; text-align:left; flex:0 1 33.3%;}
				.give-landing .projects .project-list .project .container {width:auto; height:calc(100% - 40px); padding:20px; display:flex; flex-flow:column nowrap;}
					.give-landing .projects .project-list .project .container .image {padding-top:56.25%; position:relative;}
						.give-landing .projects .project-list .project .container .image a {width:100%; height:100%; position:absolute; top:0; left:0;}
						.give-landing .projects .project-list .project .container .image .crisis {width:60px; height:60px; color:#fff; font-weight:700; font-size:14px; line-height:60px; text-align:center; border-radius:60px; background:#ff3424; position:absolute; top:0; left:75px; transform:translateY(-50%);}
					.give-landing .projects .project-list .project .container .text {padding:20px; width:calc(100% - 40px); color:#fff; background:#4a3d3e; display:flex; flex-flow:column nowrap; flex:1 0 auto;}
						.give-landing .projects .project-list .project .container .text .title {width:100%; font-weight:600; font-size:18px; line-height:20px;}
						.give-landing .projects .project-list .project .container .text .subtitle {width:100%; font-size:14px; line-height:18px;}
						.give-landing .projects .project-list .project .container .text .paragraph {width:100%; padding-top:20px; font-size:14px; line-height:18px; flex:1 0 auto;}
						.give-landing .projects .project-list .project .container .text .cat {max-width:150px; color:#c69728; font:700 14px/20px 'Open Sans'; text-align:right; position:absolute; bottom:20px; right:20px;}
						.give-landing .projects .project-list .project .container .text .btns {width:100%;}
	
	.give-landing .partner-results {padding-top:60px;}
		.give-landing .partner-results .table {padding-top:20px;}
			.give-landing .partner-results .table .row {margin:20px 0; font-size:14px; display:flex; flex-flow:row nowrap; align-items:center;}
			.give-landing .partner-results .table .row.header {margin:0; padding:20px 0; font-weight:700; font-size:16px; border-bottom:1px solid #4a3d3e;}
				.give-landing .partner-results .table .row .name {flex:1 0 260px;}
				.give-landing .partner-results .table .row .id {flex:1 0 120px;}
				.give-landing .partner-results .table .row .type {flex:1 0 220px;}
				.give-landing .partner-results .table .row .place {flex:1 0 200px;}
				.give-landing .partner-results .table .row .button {flex:0 0 160px;}
					.give-landing .partner-results .table .row .button .btns {margin-top:0;}
	
	.give-landing .product-info {display:flex; flex-flow:row-reverse nowrap;}
		.give-landing .product-info .product {display:flex; flex-flow:row-reverse nowrap;}
		.give-landing .product-info .image {flex:1 0 50%;}
			.give-landing .product-info .image .img {padding-top:56.25%;}
		.give-landing .product-info .text {padding-right:40px; flex:1 0 calc(50% - 40px);}
	
	.give-landing .landing {}
		.give-landing .landing .product .text {max-width:920px; margin:0 auto; margin-top:60px; text-align:center;}
			.give-landing .landing .product .text form {padding-top:40px;}
			.give-landing .landing .product .text h1 {display:none;}
			.give-landing .landing .product .text h3 {display:none;}


/* -------------------- Footer -------------------- */

.live-chat {position:fixed; bottom:20px; right:20px; z-index:10;}
	.live-chat .wrapper {width:50px; height:50px; color:#4a3d3e; font-size:28px; line-height:50px; text-align:center; border-radius:50px; box-shadow:0 0 20px rgba(0,0,0,.5); background:#fff;}
		.live-chat .wrapper a {color:#4a3d3e; display:block;}
		.live-chat .wrapper a:hover {color:#00b0bd;}

.footer-photos {width:100%; display:block;}
	.footer-photos .wrapper {width:100%; display:block;}
		.footer-photos .wrapper .photo {padding-top:16.66%; width:16.66%; display:inline-block; float:left;}

.footer-newsletter {width:100%; display:block;}
	.footer-newsletter .wrapper {width:100%; display:table;}
		.footer-newsletter .wrapper .title {width:280px; padding:20px; color:#fff; font:600 24px/28px 'Open Sans'; text-align:center; background:#c69728 url('/wp-content/uploads/2019/02/bar-gold.png') no-repeat center; background-size:cover; display:table-cell; vertical-align:middle;}
		.footer-newsletter .wrapper .form {width:auto; padding:40px 30px; background:#f4f3f3; display:table-cell; vertical-align:middle;}
			.footer-newsletter .wrapper .form form {width:100%; margin:0; padding:0; display:table;}
				.footer-newsletter .wrapper .form form #mc_embed_signup_scroll {width:100%; margin:0; padding:0; display:table;}
				.footer-newsletter .wrapper .form form .field {width:20%; display:table-cell;}
				.footer-newsletter .wrapper .form form .email-field {width:40%; display:table-cell;}
				.footer-newsletter .wrapper .form form input {width:calc(100% - 30px); padding:10px;}
				.footer-newsletter .wrapper .form form input[type="submit"] {width:100%; color:#fff; font-weight:600; background:#00b0bd; cursor:pointer;}
				.footer-newsletter .wrapper .form form input[type="submit"]:hover {background:#c69728;}
			.footer-newsletter .wrapper .form .inner {display:flex; align-items:center;}
				.footer-newsletter .wrapper .form .inner .btns {flex:0 0 auto; margin-top:0;}
				.footer-newsletter .wrapper .form .inner .subscribe-text {flex:1 1 auto; padding-left:20px;}
				.footer-newsletter .wrapper .form .inner .subscribe-text.left {flex:1 1 auto; padding-right:20px; padding-left:0;}

#footer {padding:40px 20px; background:#4a3d3e;}
	#footer .wrapper {max-width:1200px; width:100%; color:#fff; font:15px/28px 'Open Sans'; display:table;}
		#footer .wrapper span {padding-bottom:10px; color:#c69728; display:block;}
		#footer .wrapper .logo {width:260px; padding-right:40px; display:table-cell; vertical-align:top;}
			#footer .wrapper .logo span {padding:10px 20px 0 0; text-align:center; font-size:15px;}
		#footer .wrapper .contact {width:210px; padding:0 20px; display:table-cell; vertical-align:top;}
		#footer .wrapper .quicklinks {width:140px; padding:0 20px; display:table-cell; vertical-align:top;}
			#footer .wrapper .quicklinks ul {margin:0; padding:0; list-style:none;}
				#footer .wrapper .quicklinks ul li {display:block;}
					#footer .wrapper .quicklinks ul li a {color:#fff;}
					#footer .wrapper .quicklinks ul li a:hover {color:#c69728;}
		#footer .wrapper .social {width:auto; text-align:right; display:table-cell; vertical-align:top;}
			#footer .wrapper .social ul {margin:0; padding:0; list-style:none;}
			#footer .wrapper .social ul.partners {padding-top:40px;}
				#footer .wrapper .social ul.partners img {max-width:80px; max-height:35px;}
				#footer .wrapper .social ul li {margin:0; padding:0 0 0 15px; font-size:26px; display:inline-block;}
					#footer .wrapper .social ul li a {color:#c69728;}
					#footer .wrapper .social ul li a:hover {color:#fff;}

.sub-footer {padding:20px; background:#5f5253;}
	.sub-footer .wrapper {max-width:1200px; width:100%; color:#a89899; font:12px 'Open Sans'; display:table;}
	.sub-footer .wrapper .left {width:32%; display:table-cell;}
	.sub-footer .wrapper .right {width:68%; text-align:right; display:table-cell;}

.pjs-footer {padding:10px 20px; background:#4a3d3e;}
	.pjs-footer .wrapper {max-width:1200px; width:100%; color:#fff; font:12px 'Open Sans'; text-align:center;}
		.pjs-footer .wrapper a {color:#a89899;}
		.pjs-footer .wrapper a:hover {color:#fff;}


/* -------------------- Miscellaneous -------------------- */

.aligncenter {margin:0 auto;}

.trans {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}

.btns {margin-top:20px; display:block;}
	.btns a {min-width:100px; padding:10px 30px; color:#fff; font:600 16px/28px 'Open Sans'; text-align:center; background:#00b0bd; display:inline-block; border-radius:3px;}
	.btns a:hover {background:#c69728;}
	.btns select {min-width:200px; margin-right:10px; padding:10px 40px 10px 30px; color:#fff; font:600 16px/28px 'Open Sans'; text-align:center; background:#00b0bd url('/wp-content/uploads/2019/02/chevron-down.png') no-repeat right 15px center; display:inline-block; border-radius:3px; cursor:pointer;}
	.btns select:hover {background:#c69728 url('/wp-content/uploads/2019/02/chevron-down.png') no-repeat right 15px center;}
	.btns select:last-child {margin-right:0;}
		.btns select option {padding:10px; color:#4a3d3e; background:#fff; display:block;}

button {min-width:100px; padding:10px 30px; color:#fff; font:600 16px/28px 'Open Sans'; text-align:center; background:#00b0bd; border:0; border-radius:3px; display:inline-block; border-radius:3px; cursor:pointer;}
button:hover {background:#c69728;}

.section-title {max-width:600px; padding:0; color:#fff; text-align:left; position:relative; z-index:2;}
.section-title::after {content:''; height:calc(100% + 10px); min-width:20px; width:calc(100vw - 1200px); background:#c69728; position:absolute; left:1px; top:-2px; transform:translateX(-100%);}
	.section-title span {padding:2px 0 8px 0; background:#c69728; box-shadow:20px 0 0 #c69728;}

img.alignleft {float:left; padding:0 20px 10px 0;}
img.alignright {float:right; padding:0 0 10px 20px;}

hr {margin:40px 0; width:100%; height:1px; border:0; background:#bfbfbf; display:block;}

.slider-dots {bottom:5% !important;}
	.slider-dots .swiper-pagination-bullet {width:10px; height:10px; margin:0 12px !important; background:#fff; position:relative;}
	.slider-dots .swiper-pagination-bullet-active:after {content:''; width:100%; padding:5px; border:1px solid #fff; border-radius:15px; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.slider-dots.gold {text-align:left;}
	.slider-dots.gold .swiper-pagination-bullet {background:#c69728;}
	.slider-dots.gold .swiper-pagination-bullet-active:after {border:1px solid #c69728;}

.nf-form-fields-required {display:none;}
.nf-field-container {margin-bottom:10px !important;}

.nothing-loaded {text-align:center; display:none;}

.ajax-loader {padding-top:20px; text-align:center; display:none;}
	.ajax-loader .image {margin:0 auto; display:inline-block;}
		.ajax-loader .image img {max-width:80px; margin:0 auto 0 -50px; opacity:1; animation-name:load; animation-duration:1.5s; animation-iteration-count:infinite; animation-delay:0s;}
			@keyframes load {
				0% {margin-left:-50px; opacity:1;}
				25% {margin-left:50px; opacity:1;}
				50% {margin-left:50px; opacity:0;}
				75% {margin-left:-50px; opacity:0;}
				100% {margin-left:-50px; opacity:1;}
			}

html.no-scroll {height:100vh; position:fixed; overflow:hidden;}

.mejs-video {margin-bottom:20px;}
.mejs-button>button {min-width:auto;}
.mejs-layers {height:100%;}
.mejs-inner {height:100%;}


/* -------------------- Miscellaneous -------------------- */

.default .wrapper .container .text #mc_embed_signup .indicates-required {display:none;}
.default .wrapper .container .text #mc_embed_signup .mc-field-group {margin:10px 0 0 0;}
	.default .wrapper .container .text #mc_embed_signup .mc-field-group ul {margin:0; padding:0; list-style:none;}
		.default .wrapper .container .text #mc_embed_signup .mc-field-group ul li label {vertical-align:middle; display:inline-block;}
		.default .wrapper .container .text #mc_embed_signup .mc-field-group ul li input[type="checkbox"] {width:20px; height:20px; margin:0 10px 0 0; padding:0; border:1px solid #00b0bd; border-radius:0; -webkit-appearance:none; position:relative; vertical-align:middle; display:inline-block;}
		.default .wrapper .container .text #mc_embed_signup .mc-field-group ul li input[type="checkbox"]:checked {background:#00b0bd;}


/* -------------------- WooCommerce --------------------  */

.woocommerce div.product {width:100%; display:inline-block;}
	.woocommerce div.product form.cart .button {min-width:100px; padding:10px 30px; color:#fff; font:600 16px/28px 'Open Sans'; text-align:center; background:#00b0bd; display:inline-block; float:none !important; border-radius:3px; transition:all .3s ease;}
	.woocommerce div.product form.cart .button:hover {background:#c69728;}
	.woocommerce div.product form.cart .variations select {min-width:220px !important; margin-right:10px; padding:10px 40px 10px 30px; color:#fff; font:600 16px/28px 'Open Sans'; text-align:center; background:#00b0bd url('/wp-content/uploads/2019/02/chevron-down.png') no-repeat right 15px center; display:inline-block; border-radius:3px; cursor:pointer;}
	.woocommerce div.product form.cart .variations select:hover {background:#c69728 url('/wp-content/uploads/2019/02/chevron-down.png') no-repeat right 15px center;}
	.woocommerce div.product form.cart .variations select:last-child {margin-right:0;}
	
	.woocommerce .product-addon-totals ul {margin:0; padding:0; list-style:none;}
	
	.product .nyp .subscription-details.subscription-terms {display:none !important;}
	
	.woocommerce #payment #place_order {background:#00b0bd; transition:all .3s ease;}
	.woocommerce #payment #place_order:hover {background:#c69728;}
	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {padding:10px; color:#4a3d3e; font:16px/28px 'Open Sans'; letter-spacing:.03em; border:1px solid #4a3d3e; border-radius:3px; -webkit-appearance:none;}
	
	.woocommerce .wc-proceed-to-checkout a.checkout-button {padding:10px 30px !important; font:600 20px/28px 'Open Sans' !important; background:#00b0bd !important; border-radius:3px;}
	.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {background:#c69728 !important;}
	
	.wc-pao-subtotal-line p.price {color:#d6af42 !important;}
	
	.woocommerce-message {border-top-color:#d6af42 !important;}
	.woocommerce-message::before {color:#d6af42 !important;}
	
	.woocommerce table.shop_table td {padding:20px 10px !important;}
	
	.woocommerce-cart .cart-collaterals .cart_totals table {margin-top:20px !important;}
	.woocommerce table.shop_table.order_details {margin-top:20px !important;}
	.woocommerce table.shop_table.my_account_orders {margin-top:20px !important;}
	.woocommerce .woocommerce-customer-details h2.woocommerce-column__title {margin-bottom:20px !important;}
	
	.woocommerce-billing-fields__field-wrapper {margin-top:10px;}
	.woocommerce-checkout .checkout .shipping_address {margin-top:10px;}
	.woocommerce-additional-fields {margin-top:10px; margin-bottom:40px;}
	#customer_details {margin-bottom:40px;}
	#order_review {margin-top:20px;}
	
	.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {display:inline-block;}
	
	.wc-stripe-elements-field {padding:10px !important;}
	
	.select2-container .select2-selection--single {height:auto !important; background-color:#f4f3f3 !important; border-color:#4a3d3e !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {padding:10px !important; font-size:16px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow {padding:10px !important;}

	#product-addons-total .product-addon-totals {border-top:0; border-bottom:0;}
	
	.single_variation_wrap .nyp .nyp-input {margin-bottom:0 !important;}
	
	.woocommerce-page table.cart td.actions {display:none;}
	.woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal {display:none;}
	.woocommerce table.shop_table .cart-subtotal {display:none;}
	
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:left !important;}
	
	.woocommerce .blockUI.blockOverlay::before {position:fixed !important;}
	
	.woocommerce .remove-colon .checkFee {margin-right:10px; vertical-align:middle;}
	.woocommerce .remove-colon label {vertical-align:middle;}
	.woocommerce .remove-colon span {display:block; font-weight:300; font-size:15px; line-height:20px; letter-spacing:0;}
	
	#customer_details .col2-set .col-2 {padding-top:28px;}
	
	#billing_mailing_address_field {display:none;}
	
	#select-donation-period {display:none;}
	#donation-amount {display:none;}
	#donation-period {display:none;}
	#giving-period {display:none;}
	
	@media(max-width:768px) {
		#customer_details .col2-set .col-2 {padding-top:0;}
	}
	
/** Added by WA - 11-13-20 **/
.custom_cat{ display: none;}
.opportunities_subtext{ margin-top: 30px;}
.opportunities_subtext + .stories{ padding-top: 0 !important;}

/** added on 10-21-21 by WA **/
.opportunity_video_container{ margin-top: 30px; position: relative; padding-top: 56.6%;}
.opportunity_video_container iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/** Two Column Callout - added by WA on 11-1-21 **/
.two-callouts {overflow:hidden; display:block; background:#f8f8f8 url('/wp-content/uploads/2019/03/sailboat-full.png') no-repeat; background-position:90% center;}
	.two-callouts .wrapper {max-width:1200px; padding:80px 20px; text-align:center;}
		.two-callouts .wrapper h3 {max-width:1000px; margin:0 auto; padding-top:100px;}
		.two-callouts .wrapper h4 {max-width:1000px; margin:0 auto; padding-top:100px;}
		.two-callouts .wrapper .callouts {width:100%; display:flex; flex-flow:row wrap;}
			.two-callouts .wrapper .callouts .callout {flex:0 0 calc(50% - 60px); padding:60px 0 0 0; display:flex; flex-flow:column nowrap;}
				.two-callouts .wrapper .callouts .callout .icon {width:80px; height:80px; margin-bottom:20px; display:flex; align-items:center; justify-content:center;}
					.two-callouts .wrapper .callouts .callout .icon img {margin:0 auto;}
				.two-callouts .wrapper .callouts .callout .image {width:100%; margin-bottom:20px; padding-top:56.25%;}
				.two-callouts .wrapper .callouts .callout .number {color:#00b0bd; font:700 70px 'Open Sans'; margin:40px auto 20px auto;}
				.two-callouts .wrapper .callouts .callout h3 {padding-top:0;}
				.two-callouts .wrapper .callouts .callout p {flex:1 0 auto; min-height:60px;}
				
				.two-callouts .wrapper .callouts.icons .callout h2 {flex:1 0 auto;}
				.two-callouts .wrapper .callouts.icons .callout p {flex:0 0 auto;}
				
/* new missions loading */


.loading_section{ width: 100%; display: flex; flex-flow: row wrap;}
.loading_section{ display: none;}

.opportunities_page_layout .stories{ height: 100%;}