/* For this page: /homepage-form/ */


/* HEADER & TOP NAV */
	#retreatHero #topnav{
		background-color: #fff !important;
	}
	#retreatHero #topnav>.site-header{
		margin: 0 auto 8px !important;
		padding: 4px 0 !important;
	    justify-content: space-between;
	    border-bottom: 2px solid #b9d5db;
	}
	#retreatHero .topnav-announce{
	    align-items: flex-start;
	    text-align: left;
	}
	.topnav-announce .toplink{
		margin: 0 0 0 5px !important;
		padding: 2px 6px !important;
		background-color: transparent;
		border: 1px solid #555b5d !important;
		border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
	}
	#retreatHero .site-header.faheader{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#retreatHero .site-logo{
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		flex: 0 1 calc(30% - 10px);
		border: 0 !important;
	}
	#retreatHero header.faheader #site-navigation{
		margin: 0;
		top: initial;
		left: initial;
		right: initial;
		display: flex;
		flex-direction: column;
		flex: 0 1 calc(70% - 0px);
		border-top: 0px !important;
	}
	#retreatHero .primary-navigation>div>.menu-wrapper{
		padding-right: 10px !important;
	    justify-content: flex-end;
	}
	#retreatHero .topnav-nav{
		flex: 0 1 calc(35% - 10px);
	}
	.topnav-nav-inner{
	    margin: 0 !important;
	    padding: 0 !important;
	    line-height: 1em;
	}
	.topnav-nav a{
		padding: 4px 10px!important;
	}
	.topnav-nav a.request-quote {
	    margin: 0 2px 0 0 !important;
	    display: inline-flex;
	    color: #363b3c!important;
	    font-size: 13px!important;
	    line-height: 1em;
	    font-weight: 700;
	    text-decoration: none!important;
	    text-transform: uppercase;
	    background-color: #6bd1ed;
	    border-radius: 10px;
		    -webkit-border-radius: 10px;
		    -moz-border-radius: 10px;
		    -o-border-radius: 10px;
	}
	.topnav-nav a.request-quote i{
		margin-left: 5px;
	}
	.topnav-nav a.request-quote:hover{
		color: #363b3c!important;
		background-color: #8bdcf2 !important;
	}

	/* STICKY TOP BAR */
		#retreatHero #masthead.site-header.faheader.stickyActive{
			margin: 0px auto !important;
			padding: 4px 8px!important;
			position: fixed;
		    top: 0px;
		    left: 0px;
		    right: 0px;
		    background-color: #fff;
		    z-index: 99999999999;
		    overflow: visible;
		    width: 100%;
		    max-width: 100%;
		    box-shadow: 0px 0px 12px 2px #363b3c30;
		    	-webkit-box-shadow: 0px 0px 12px 2px #363b3c30;
		    	-moz-box-shadow: 0px 0px 12px 2px #363b3c30;
		    	-o-box-shadow: 0px 0px 12px 2px #363b3c30;
		}
		#retreatHero #masthead.site-header.faheader.stickyActive .site-logo{
			padding: 4px 0 !important;
		}
		#retreatHero #masthead.site-header.faheader.stickyActive .site-logo img{
			width: 210px!important;
    		height: auto!important;
		}
		#retreatHero #masthead.site-header.faheader.backToNormal{
			position: relative !important;
			top: 0px !important;
		}
		#retreatHero #masthead.site-header.faheader.stickyActive{
			position: fixed !important;
		    top: 0px !important;
		}
		#primary-menu-list li>a{
			padding: 2px 10px!important;
			font-size: 12px;
		}


/* HERO SECTION */
	#retreatHero{
		padding: 4px 0 65px;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
		#retreatHero::before{
			content: "";
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 1400px;

			background: rgb(177,241,245);
			background: linear-gradient(180deg, rgba(177,241,245,1) 0%, rgba(190,225,238,1) 12%, rgba(195,239,245,1) 36%, rgba(177,241,245,1) 100%);
			
			z-index: -1;
		}
		#retreatHero::after{
			content: "";
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 150px;

			z-index: -1;

			background: linear-gradient(0deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.9080225840336135) 64%);
		}
		#retreatBGThree{
			position: absolute;
			top: 48%;
			left: 0px;
			width: 100%;
			height: 1800px;

			background: #363b3c;
			
			z-index: -1;
		}
		#retreatBGFour{
			position: absolute;
			bottom: 0;
			left: 0px;
			width: 100%;
			height: 1800px;

			background: rgb(183,232,242);
			background: linear-gradient(0deg, rgba(183,232,242,1) 0%, rgba(108,208,237,1) 14%, rgba(58,79,83,1) 38%, rgba(54,59,60,1) 100%);

			z-index: -1;
		}
	#retreatHero.active{
	    z-index: 4;
	}

	#heroTitle{

	}
	#retreatHero #heroTitle h1{
		margin: 0 auto 10px !important;
		padding: 0 !important;
		font-size: 46px !important;
		font-weight: 700 !important;
		font-style: italic;
		line-height: 1em !important;
		letter-spacing: 1px;
		text-align: center;
		color: #363b3c !important;
	}
	#retreatHero #heroTitle h2{
		margin: 28px auto 5px !important;
	    padding: 0 !important;
	    font-size: 26px !important;
	    font-weight: 700;
	    font-style: italic;
	    line-height: 1em !important;
	    text-transform: none !important;
	    text-align: center;
	    color: #777d7f !important;
	}
	#retreatHero #heroTitle h3{
		margin: 0 auto 18px !important;
	    padding: 0 !important;
	    display: block;
	    font-size: 22px !important;
	    font-weight: 700;
	    font-style: italic;
	    text-align: center;
		color: #292929 !important;
	}
	#retreatHero #heroTitle h3 span{
		margin: 0 !important;
		padding: 4px 12px !important;
		display: inline-block;
		background-color: #6cd0ed;
		border-radius: 8px;
	}
	#retreatHero .home-wrapper{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#retreatHero .home-block{
		margin: 0 25px 0 0!important;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    flex: 0 0 calc(60% - 25px);
	    background: transparent!important;
	    border: 0px!important;
	    z-index: 9;
	}
	#retreatHero .home-block:last-of-type{
		margin-right: 0px!important;
		flex: 0 0 calc(40% - 0px);
	    justify-content: flex-start;
	}


/* TIMELINE */
	.timeline-btn-holder{
		margin: 80px 0 20px !important;
		z-index: 999;
	}
	.timeline-retreat {
		display: flex;
		flex-direction: column;
		padding: 150px 0 0;
		position: relative;
	}
	.timeline__track {
		padding: 0 5px 7px;
		position: absolute;
		top: 0;
		left: 30px;
		background: #95b6c2;
		background-clip: content-box;
		height: 100%;
		min-height: 9px;
		max-height: 100%;
		width: 14px;
		z-index: 2;
	}
		.timeline__track::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 14px;
			width: 14px;
			background: #00adb5;
			border-radius: 50%;
		}
	.timeline__item {
		padding-top: 20px;
		padding-bottom: 120px;
		padding-left: 30px;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.timeline__item .retreatTheme{
		position: absolute;
		top: 10px;
		right: -80%;
	}
		.timeline__item.item-even .retreatTheme{
			position: absolute;
			top: 10px;
			right: initial;
			left: -110%;
		}
		.timeline__item .retreatTheme h3{
			margin: 0 !important;
			padding: 0 !important;
			font-size: 52px !important;
			font-weight: 700;
			font-style: italic;
			line-height: 1.15em !important;
			color: #3999b4;
		}
	
	.timeline__item .timeline__wrap{
	    position: relative;
		top: -55px;
	}
		.retreatYear{
			margin: 0 0 8px !important;
			padding: 0 !important;
			display: block;
			font-size: 44px;
			font-weight: 700;
			line-height: 1em;
			color: #363b3c;
		}
		.retreatNumber{
			margin: 0 0 15px !important;
			padding: 0 !important;
			display: block;
			font-size: 22px;
			font-weight: 600;
			font-style: italic;
			line-height: 1em;
			color: #3999b4;
		}
		.timeline__wrap .retreatHighlights{
			margin: 35px 0 0 !important;
			padding: 0 !important;
		}
		.timeline__wrap .retreatHighlights h3{
			margin: 60px 0 16px !important;
			padding: 0 !important;
			display: block;
			font-size: 20px;
			font-weight: 700;
			line-height: 1em;
			color: #363b3c;
		}
		.timeline__wrap .retreatHighlights ul{
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
		.timeline__wrap .retreatHighlights ul li{
			margin: 0 0 6px !important;
			padding: 0 !important;
			font-size: 16px;
			color: #363b3c;
		}

	.timeline__line {
		position: absolute;
		left: 0;
		top: 50px;
		background: #3999b4;
		width: 100%;
		height: 4px;
		z-index: 2;
	}

	.retreatTheme{

	}
		.themeQuotes{
			margin: 0 0 10px;
    		display: block;
			font-size: 26px;
			line-height: 1em;
			color: #81cadf;
		}
		.timeline__item.item-even .themeQuotes{
			text-align: left;
		}

	.retreatGallery{
		margin: 0 !important;
	    padding: 0;
	    position: relative;
	    top: 0 !important;
	    left: -1%;
	    width: 96%;
	    height: auto;
	    min-width: 1200px;  
	    max-width: 1200px;
	    z-index: 99;
	    opacity: 0;
	}
		.retreatGallery h4{
			margin: 0 0 8px !important;
			padding: 0 !important;
			font-size: 22px;
			font-weight: 700;
			text-transform: uppercase;
			color: #777d7f;
		}
		.timeline__item.item-even .retreatGallery{
			left: -116%;
		}
		.timeline__item.is-visible .retreatGallery{
			opacity: 1;
		}
		.timeline__item.is-current.is-visible .retreatGallery{

		}

	.teamPhoto{
		margin: 75px auto 0;
		padding: 12px 12px 45px;
		display: inline-block;
		position: relative;
		left: -3%;
		text-align: center;
		background-color: #fff;
		z-index: 9;
		opacity: 0;

		box-shadow: 0 0 8px 0px #33333382;
			-webkit-box-shadow: 0 0 8px 0px #33333382;
			-moz-box-shadow: 0 0 8px 0px #33333382;
			-o-box-shadow: 0 0 8px 0px #33333382;
		   
		transform: translateX(100px);
			-webkit-transform: translateX(100px);
			-moz-transform: translateX(100px);
			-o-transform: translateX(100px);

		transition: all 1s ease-out;
			-webkit-transition: all 1s ease-out;
			-moz-transition: all 1s ease-out;
			-o-transition: all 1s ease-out;
	}
	.teamPhoto img{
		width: 100%;
		min-width: 1200px;
		max-width: 1240px;
	}
	.teamPhoto-title{
		margin: 0 auto !important;
		padding: 0;
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
		font-size: 18px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		color: #6e797c;
	}
	.timeline__item.item-even .teamPhoto{
		left: -117%;
	}
	.timeline__item.is-visible .teamPhoto{
		opacity: 1;
		transform: translateX(0px);
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			-o-transform: translateX(0px);

		transition: all 1s ease-out;
			-webkit-transition: all 1s ease-out;
			-moz-transition: all 1s ease-out;
			-o-transition: all 1s ease-out;
	}

	
	/* TIMELINES PER NUMBER */
		#timeline1.timeline__item .teamPhoto{
			background-color: #b2f1f5;
			box-shadow: 0px 4px 7px 0px #8c959659;
			    -webkit-box-shadow: 0px 4px 7px 0px #8c959659;
			    -moz-box-shadow: 0px 4px 7px 0px #8c959659;
			    -o-box-shadow: 0px 4px 7px 0px #8c959659;
		}
		#timeline2.timeline__item .retreatTheme h3{
			color: #6f797c !important;
		}
		#timeline2.timeline__item .retreatYear{
			color: #95a9b0;
		}
		#timeline2.timeline__item .retreatNumber{
			color: #60afc5;
		}
		#timeline2.timeline__item .themeQuotes img{
			filter: grayscale(1);
		}
		#timeline2.timeline__item .retreatGallery h4{
			color: #9fa7a9;
		}
		#timeline2.timeline__item .timeline__wrap .retreatHighlights h3{
			color: #363b3cbf;
		}
		#timeline2.timeline__item .timeline__wrap .retreatHighlights ul li{
			color: #363b3cc4;
		}
		#timeline2.timeline__item .teamPhoto{
		    background-color: #fff;
		    box-shadow: 0px 4px 7px 0px #333333c2;
			    -webkit-box-shadow: 0px 4px 7px 0px #333333c2;
			    -moz-box-shadow: 0px 4px 7px 0px #333333c2;
			    -o-box-shadow: 0px 4px 7px 0px #333333c2;
		}
		#timeline3.timeline__item .retreatYear{
			color: #95a9b0;
		}
		#timeline3.timeline__item .retreatNumber{
			color: #81cadf;
		}
		#timeline3.timeline__item .retreatTheme h3{
			color: #95a9b0;
		}
		#timeline3.timeline__item .themeQuotes img {
		    filter: grayscale(1);
		}
		#timeline3.timeline__item .timeline__wrap .retreatHighlights h3{
			color: #b6c3c8;
		}
		#timeline3.timeline__item .timeline__wrap .retreatHighlights ul li {
		    color: #95a9b0;
		}
		#timeline3.timeline__item .retreatGallery .slider{
			background-color: #363b3c;
			box-shadow: 12px 14px 17px 2px #222627f2;
				-webkit-box-shadow: 12px 14px 17px 2px #222627f2;
				-moz-box-shadow: 12px 14px 17px 2px #222627f2;
				-o-box-shadow: 12px 14px 17px 2px #222627f2;
		}
		#timeline4.timeline__item .retreatYear{
			color: #95a9b0;
		}
		#timeline4.timeline__item .retreatNumber{
			color: #81cadf;
		}
		#timeline4.timeline__item .retreatTheme h3{
			color: #3999b4;
		}
		#timeline4.timeline__item .themeQuotes{
		    text-align: left;
		}
		#timeline4.timeline__item .timeline__wrap .retreatHighlights h3{
			color: #b6c3c8;
		}
		#timeline4.timeline__item .timeline__wrap .retreatHighlights ul li {
		    color: #95a9b0;
		}
		#timeline4.timeline__item .retreatGallery .slider{
			box-shadow: 12px 14px 17px 2px #2c3f446e;
			    -webkit-box-shadow: 12px 14px 17px 2px #2c3f446e;
			    -moz-box-shadow: 12px 14px 17px 2px #2c3f446e;
			    -o-box-shadow: 12px 14px 17px 2px #2c3f446e;
		}



	/* IMAGE SLIDER */
			.slider {
				margin: 0!important;
			    padding: 15px 15px 0 15px;
			    max-width: 100%;
			    background-color: #fff;
			    box-shadow: 12px 14px 17px 2px #55899882;
			    	-webkit-box-shadow: 12px 14px 17px 2px #55899882;
			    	-moz-box-shadow: 12px 14px 17px 2px #55899882;
			    	-o-box-shadow: 12px 14px 17px 2px #55899882;
			}
			@media only screen and (min-width: 768px) {
				.slide-viewer {
					position: relative;
					overflow: hidden;
					height: 400px;
				}
			}
			.slide-group {
				width: 100%;
				height: 100%;
				position: relative;
			}
			.slide {
				display: block;
				height: 100%;
				position: relative;
				width: 100%;
			}
			@media only screen and (min-width: 768px) {
				.slide {
					display: none;
					position: absolute;
				}
			}
			.slide .slide-items {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			.slide .slide-items img{
				border-radius: 15px;
			}
			@media only screen and (min-width: 768px) {
				.slide .slide-items {
					flex-wrap: nowrap;
				}
			}
			.slide .slide-items figure {
				margin: 0 0 0.75rem 0;
				
			}
			@media only screen and (min-width: 450px) {
				.slide .slide-items figure {
					width: 50%;
				}
			}
			@media only screen and (min-width: 768px) {
				.slide .slide-items figure {
					margin-bottom: 0;
				}
			}
			.slide .slide-items figure img {
				padding: 0.25rem;
				min-width: 100%;
			}
			.slide .slide-items figure figcaption {
				text-align: center;
			}
			.slide:first-child {
				display: block;
			}

				/********** BUTTONS **********/
				.slide-buttons {
					display: none;
				}
				@media only screen and (min-width: 768px) {
					.slide-buttons {
						padding: 0 0 6px;
						display: block;
						text-align: center;
					}
				}
				.slide-btn {
					margin: 0 10px 0 0;
					padding: 0;
					position: relative;
					display: inline-block;
					text-align: center;
					width: 22px;
					height: 22px;
					vertical-align: middle;
					background-color: #8dd0e42e !important;
					border: none !important;
					border-radius: 50%;
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						-o-border-radius: 50%;

					transition:  all .2s ease-out;
						-webkit-transition:  all .2s ease-out;
						-moz-transition:  all .2s ease-out;
						-o-transition:  all .2s ease-out;
				}
				.slide-btn .pointer{
					margin: 0 auto;
					position: absolute;
				    top: 7px;
					left: 0;
					right: 0;
					width: 8px;
					height: 8px;
					background-color: #fdfeff !important;

					box-shadow: 0px 0px 5px -1px #39778dba;
						-webkit-box-shadow: 0px 0px 5px -1px #39778dba;
						-moz-box-shadow: 0px 0px 5px -1px #39778dba;
						-o-box-shadow: 0px 0px 5px -1px #39778dba;

					border-radius: 50%;
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						-o-border-radius: 50%;

					transition:  all .2s ease-out;
						-webkit-transition:  all .2s ease-out;
						-moz-transition:  all .2s ease-out;
						-o-transition:  all .2s ease-out;
				}
				.slide-btn.active,
				.slide-btn:hover {
					background-color: #3a99b42e !important;
					cursor: pointer;

					transition:  all .2s ease-out;
						-webkit-transition:  all .2s ease-out;
						-moz-transition:  all .2s ease-out;
						-o-transition:  all .2s ease-out;
				}
				.slide-btn.active .pointer,
				.slide-btn:hover .pointer{
					background-color: #ffffff !important;
					transform: scale(1.6);
						-webkit-transform: scale(1.6);
						-moz-transform: scale(1.6);
						-o-transform: scale(1.6);

					transition:  all .2s ease-out;
						-webkit-transition:  all .2s ease-out;
						-moz-transition:  all .2s ease-out;
						-o-transition:  all .2s ease-out;
				}



	@media screen and (min-width: 768px) {
		.timeline-retreat {
			padding: 100px 0 0;
		}
		.timeline__track {
			left: calc(50% - 7px);
		}
		.timeline__item {
			padding-left: 0;
			width: calc(50% + 2px);
		}
		.timeline__item:nth-child(odd) {
			margin-right: auto;
			padding-right: 40px;
			padding-left: 20px;
		}
		.timeline__item:nth-child(even) {
			margin-left: auto;
			padding-left: 40px;
			padding-right: 20px;
			text-align: right;
		}
		.timeline__item:nth-child(even) .timeline__line {
			left: 0;
			right: auto;
		}
		.timeline__line {
			left: auto;
			right: 0;
		}
		.timeline__footer {
			padding-left: 30px;
		}
	}

	.timeline-retreat.is-init .timeline__line {
		transition: width 0.5s ease-in-out;
		width: 0;
		will-change: width;
	}
	.timeline-retreat.is-init .timeline__wrap {
		opacity: 0;
		transform: translateY(-20px);
		transition: transform 0.5s, opacity 0.2s;
		will-change: opacity, transform;
	}
	.timeline-retreat.is-init .timeline__footer {
		opacity: 0;
		transition: opacity 0.2s;
		will-change: opacity;
	}
	.timeline-retreat.is-loading .timeline__line, .timeline-retreat.is-loading .timeline__wrap, .timeline-retreat.is-loading .timeline__footer {
		transition: none;
	}
	.timeline-retreat .is-visible .timeline__line {
		width: 100%;
	}
	.timeline-retreat .is-visible .timeline__wrap {
		opacity: 1;
		transform: translateY(0);
	}
	.timeline-retreat .is-visible.timeline__footer {
		opacity: 1;
	}

	footer {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
/*		padding: 2rem 0;*/
/*		text-align: center;*/
	}






/* MEDIA QUERIES */

@media screen and (max-width: 1290px){
	.teamPhoto{
		left: 12%;
	}
	.teamPhoto img{
		width: 980px;
		min-width: 980px;
		max-width: 980px;
	}
}

@media screen and (max-width: 1024px){
	#retreatHero .site-header.faheader{
		justify-content: space-between;
	}
	#retreatHero #topnav>.site-header{
		border: 0px !important;
	}
	.faheader #menumobile-top {
	    position: relative;
	    top: initial !important;
	    right: 0px;
	    bottom: initial !important;
	}
	#retreatHero header.faheader #site-navigation{
		display: flex !important;
		position: relative !important;
		bottom: initial !important;
		display: flex !important;
	}
	#retreatHero #topnav{
		display: none !important;
	}
	.faheader #site-navigation .primary-menu-container{
		position: absolute !important;
		top: -6px !important;
	}
	.primary-navigation-open .menu-button-container{
		width: auto !important;
	}
	#retreatHero #masthead.site-header.faheader.stickyActive .site-logo img{
		width: 190px!important;
	}


	.retreatGallery{
		max-width: 760px;
    	min-width: 760px;
	}
	.slide-viewer{
		height: 245px;
	}
	.timeline__item .retreatTheme h3{
		font-size: 34px !important;
	}
	.themeQuotes img{
	    max-width: 38px;
	}
	.teamPhoto{
		left: 0;
	}
	.teamPhoto img{
		min-width: 740px;
    	max-width: 740px;
	}
}

@media screen and (max-width: 768px){
	/* NEW HERO */
		#retreatHero::before{
			height: 1280px;
		}
		#retreatHero .home-wrapper{
			margin-top: 0 !important;
		}
		#retreatHero .home-block{
			margin: 0 0 10px !important;
			flex: 0 1 100% !important;
		}
		#retreatHero h1{
			margin: 0 auto 8px!important;
		    font-size: 35px!important;
		    text-align: center;
		}
		#retreatHero h2 {
		    margin: 0 auto 20px!important;
		    text-align: center;
		}
		.retreatGallery{
			max-width: 680px;
		}
		.timeline__item .retreatTheme{
			right: -94%;
		}
		.timeline__item .retreatTheme h3 {
		    font-size: 30px!important;
		}
		.retreatGallery {
		    max-width: 580px;
		    min-width: 580px;
		}
		.slide-viewer {
		    height: 180px;
		}
		.teamPhoto {
    		margin: 35px auto 0;
		}
		.teamPhoto img {
		    min-width: 562px;
		    max-width: 562px;
		}
		
}

@media screen and (max-width: 500px){
	#retreatHero .site-header.faheader{
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	#retreatHero .site-logo{
		margin: 0 5px 0 0!important;
	    padding: 0!important;
	    position: initial !important;
	    display: flex;
	    flex-direction: column;
	    flex: 0 1 calc(65% - 5px);
	    border: 0!important;
	    width: auto !important;
	}
	#retreatHero header.faheader #site-navigation{
		margin: 0 !important;
		position: initial !important;
		flex: 0 1 calc(35% - 5px);
	    align-items: end;
	}
	.faheader #site-navigation .primary-menu-container{
		top: 6px !important;
		right: 0px !important;
		left: initial !important;
		width: 98%;
    	min-width: 280px;
	}
	header.faheader .site-logo img{
		margin-left: 0 !important;
		padding-left: 0 !important;
		width: 100%!important;
		max-width: 180px;
	}
	.menu-button-container{
		justify-content: flex-end;
	}
	#retreatHero .menu-button-container #primary-mobile-menu{
		margin: 0 !important;
	    padding: 0!important;
	    width: auto !important;
	    display: inline-block;
	}
	.primary-navigation-open .menu-button-container{
		background-color: transparent !important;
	}
	#retreatHero::before {
	    height: 1050px;
	}
	.timeline__track{
		left: -17px;
	}
	.timeline__track::after{
		left: 2px;
	    height: 10px;
	    width: 10px;
	}
	.slider{
		padding: 6px 6px 0 6px;
		width: 330px;
		max-width: 330px;
	}
	.retreatGallery{
		left: -10%;
	}
	.timeline__item.item-even .retreatGallery {
	    left: -10%;
	}
	.slide-viewer{
		height: 120px;
		overflow: hidden;
	}
	.slide .slide-items figure img{
		width: 100px !important;
		height: 100px !important;
	}
	.teamPhoto {
	    left: -34px;
	}
	.timeline__item.item-even .teamPhoto {
	    left: -11%;
	}
	.teamPhoto img {
	    min-width: 320px;
	    max-width: 320px;
	}
	.teamPhoto-title{
		font-size: 14px;
	}
	.timeline-btn-holder{
		position: relative;
		left: -5%;
	}

}

@media screen and (max-width: 400px){

}