/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*** box sizing border-box for all elements ***/
*,
*::before,
*::after{box-sizing:border-box;}
a{text-decoration:none; color:inherit; cursor:pointer;}
button{background-color:transparent; color:inherit; border-width:0; padding:0; cursor:pointer;}
figure{margin:0;}
input::-moz-focus-inner {border:0; padding:0; margin:0;}
ul, ol, dd{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0; font-size:inherit; font-weight:inherit;}
p{margin:0;}
cite {font-style:normal;}
fieldset{border-width:0; padding:0; margin:0;}

html{ 
   font-size: 1px;/*for using REM units*/
}
body{
   font-family: 'Lora', 'Helvetica Neue', sans-serif;
   font-size: 20rem;
   font-weight: 400;
   line-height: 1.3;
   color: #222;
   position:relative;
}

a{
	color:#0e437b;
	font-weight:700;
}
a:hover{
	cursor:pointer;
	text-decoration:underline;
}
a.black-link{
	color:#333;
}
.cta{
	margin-top:12px;
}
.cta a{
	position:relative;
	padding-right:20px;
}

.cta a::after{
	content:" ";
	position:absolute;
	top:8px;
	right:2px;
	width:12px;
	height:12px;
	border-top:2px solid #072647;
	border-right:2px solid #072647;
	transform:rotateZ(45deg);
	transform-origin:center center;
}


.cta-btn{
	margin:20px 0;
}
.cta-btn a{
	padding:10px 20px;
	color:#333;
	display:inline-block;
	position:relative;
	z-index:9;
	text-align:center;
	font-family:"open sans";
	font-size:16px;
}
.cta-btn a::before{
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#d4ccc5;
	box-shadow:0 0 3px 0 rgba(55,55,55, .7);
	border-radius:3px;
	border:1px solid rgba(0,0,0,.5);	
	transform:scaleX(1);
	transform-origin:center;
	transition:transform .2s ease-out;
	z-index:-1;
}
.doorways-bottom .cta-btn a::before{
	background-color:#fff;
}
.cta-btn a:hover::before{
	transform:scaleX(1.1);
}
.cta-btn a:hover{
	text-decoration:none;
	color:#333;
}
.heading-3{
	font-size:24px;
	font-weight:700;
}
.heading-2{
	font-size:52px;
	margin-bottom:40px;
	line-height:1.15;
	position:relative;
}

.text-centered{
	text-align:center;
}

.page-container{
	position:relative;
}

.page-block{
	padding:30px 15px;
}

.site-nav{
	background-color:#333;
	color:#fff;
	text-align:center;
	font-size:16px;
}



.site-intro{
	font-size:20px;
	text-align:center;
	position:relative;
	height:200vh;
	overflow:hidden;
}
.site-intro .background{
	background: linear-gradient(110deg, rgba(2,34,68,.93) 72%, rgba(1,23,47,1) 72.5%, rgba(85,93,122,0) 72.5% );
	width:100%;
	height:200vh;
	position:absolute;
	top:0;
	left:0;
	transform:translateX(-100%);
	transition:transform .3s linear;
}
.site-intro .page-block{
	width:100vw;
	padding:16vh 16vw 0;
	color:#e8d7cd;
	position:fixed;
	opacity:0;
	transition:opacity .3s linear;
}
.background-1 img{
	width:100%
}

.scroll-d.scrolled-into-view ~ .site-intro .page-block{
	opacity:1;
}

.scroll-d.scrolled-into-view ~ .site-intro .background{
	transform:translateX(0);
}
.area-2{
	margin-top:30px;
}
.panel-1{
	background-color: #fff;
	font-size:20px;
	text-align:center;
	position:relative;
	padding:60px 0;
}

.panel-2{
	background-color:#fff;
	padding:1px 0;
}
.panel-3{
	background-color:#fff;
	padding:60px 0;
}

.site-intro h1{
	font-size:64px;
	font-family: 'Nanum Myeongjo', serif;
	text-shadow:1px 1px 0 #111;
}
.site-intro .sub-title{
	font-size:14px;
}
.site-intro .nav-items{
	margin:30px auto;
}
.site-intro .nav-items > div{
	margin-bottom:6px;
	
}



.background-1{
	height:100vh;
	width:100%;
	position:fixed;
overflow:hidden;
}
.background-1 img{
	min-width:100%;
	min-height:100%;
	object-fit:cover;
}

.photo-left, .photo-right{
	display:flex;
	justify-content:space-between;
	width:100%;
}

.photo-left img, .photo-right img{
	height:75vh;
	max-width:100%;
	position:absolute;
	object-fit:cover;
}

.photo-right img{
	order:2;
}

.page-bar{
	min-height:75vh;
	display: flex;
    flex-direction: column;
    justify-content: center;	
}

.panel-2 .page-bar{
	margin:1vh 0;
}

.bar-color-5{
	background-color:#91785a;
}
.bar-color-1{
	background-color:#142b40;
}
.bar-color-2{
	background-color:#394633;
}

.bar-color-3{
	background-color:#403126;
	background-color:#4e443d
}
.bar-color-4{
	background-color:#d4ccc5;
}

.photo-over{
	flex:1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	color:#fff;
	z-index:9;
    padding-right:30px;
	padding-left:10vw;
	position:relative;
	min-height:75vh;
}

.photo-over .phrase{
		font-size:30px;
		text-shadow:1px 1px 0 #111;
		margin-bottom:24px;
}

.phrase-after{
	padding-right:40px;
	max-width:520px;
	font-size:18px;
}
.phrase-after .cta{
	margin-right:-40px;
}
.phrase-after .cta a{
	font-size:22px;
	color:#fff;
}
.phrase-after .cta a::after{
	border-color:#fff;
}

.photo-over .catch{
		margin-top:20px;
		text-align:right;
}

.photo-over .catch a::after{
	content:"";
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotateZ(45deg);
	display:inline-block;
	width: 8px;
	height: 8px;
	margin-left: 6px;	 
}

.photo-right .photo-over{
	margin-left:0;
	margin-right:0;
	position:relative;
	z-index:22;
	flex:1 1 auto;
}

.photo-right img{
	right:0;
}

.photo-right .photo-over .catch{
	text-align:left;
}




@media only screen and (min-width: 600px) {
	.page-block{
		padding:30px 30px;
	}

}

.scroll-d{
	visibility:hidden;
	position:absolute;
	height:90vh !important;
}
[class^="scroll-d"]{
		visibility:hidden;
	position:absolute;
	height:10vh;
}
.scroll-d1{
	top:110vh;
}
.scroll-d2{
	top:120vh;
}
.scroll-d3{
	top:130vh;
}

.plax-1{
  /* The image used */
  background-image: url("../img/overgrown-door.jpeg");

  /* Set a specific height */
  height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (device-height: 667px) {
	.plax-1{
		background-attachment:scroll;
	}
}
.b-img-1 .plax-1{
	background-image: url("../img/overgrown-door.jpeg");
}
.b-img-2 .plax-1{
	background-image: url("../img/barn-door.jpg");
}
.b-img-3 .plax-1{
	background-image: url("../img/door-1.jpg");
}
.b-img-4 .plax-1{
	background-image: url("../img/door-2.jpg");
}
.b-img-5 .plax-1{
	background-image: url("../img/door-3.jpg");
}
.b-img-6 .plax-1{
	background-image: url("../img/door-5.jpg");
}
.b-img-7 .plax-1{
	background-image: url("../img/door-4.jpg");
}

.text-after{
	font-size:40px;
	font-family: 'Nanum Myeongjo', serif;
	min-height:100vh;
	padding:100px;
}


.portrait{
	width:100%;
	max-width:480px;
	display:block;
	margin:0 auto;
}

.portrait-small{
	width:100%;
	max-width:250px;
	display:block;
	margin:0 auto;
}

.portrait ~ div{
    background-color: #a6c585;
    max-width: 280px;
    margin: 0 auto;
    width: 100%;
    border-top: 2px solid rgb(230, 245, 192);
    padding: 4px 10px;	
}

.heading-2 ~ .grid-area{
	margin-top:60px;
}

.text-align-right{
	text-align:right;
}

.getting-started > div > div{
	margin-bottom:20px;
	font-size:20px;
}

.getting-started .fas{
	min-width:36px;
	text-align:center;
}

.quote-by{
	font-size:14px;
	vertical-align: middle;
	position:absolute;
	right:18%;
	bottom:-16px;
}

.doorways-heading{
	font-family:'Nanum Myeongjo', serif;
	font-size:20vw;
	text-align:center;
	color:rgba(255,255,255,.4);
	text-shadow:0px 0px 5px rgba(225,225,225,.4);
	margin-top:-15vw;
}
.d-reveal{
	position:relative;
}
	

.d-reveal-1{
	position:absolute;
	width:1px;
	height:15vh;	
	top:5vh;
}
.doorways-heading{
	transform:scale(.9);
	opacity:0;
	transition:opacity .8s linear, transform .8s ease-out;
}
.d-reveal-1.scrolled-into-view ~ .doorways-heading{
	opacity:1;	
	transform:scale(1);
}
.doorways-text{
	font-size:20px;
	text-align:center;
	position:relative;
	margin:60px 0;
	padding:0 20vw 0 5vw;
}
.doorways-text > div{
	opacity:0;
	transform:scale(.9);
	transition:opacity .5s linear, transform 3s linear;	
}
.doorways-text::after{
	content:none;
	position:absolute;
	right:0;
	bottom:-15px;
	width:60vw;
	height:1px;
	background-color:rgba(255,255,255,.3);
    border-left: 0px solid #d4ccc5;
    border-top: 1px solid rgba(255,255,255,.3);
    border-right: 60vw solid rgba(255,255,255,.3);
    border-bottom: 8px solid #d4ccc5;	
}
.doorways-text:nth-child(even){
	padding:0 5vw 0 20vw;
}
.doorways-text:nth-child(even)::after{
	right:auto;
	left:0;
    border-right: 0px solid #d4ccc5;
    border-left: 60vw solid rgba(255,255,255,.3);	
}
.doorways-text:nth-last-child(2){
	left:0;
}
.scrolled-into-middle.doorways-text > div{
	opacity:1;
	transform:scale(1);
}
.cta-doorways{
	margin:0 40px;
}


.photo-left .photo-over::after{
	content:"";
	position:absolute;
	width:100vw;
	height:100%;
	top:0;
	left:0;	
	z-index:-1;
}
.photo-right .photo-over::after{
	content:"";
	position:absolute;
	width:100vw;
	height:100%;
	top:0;
	right:0;	
	z-index:-1;
}
.bar-color-1 .photo-right .photo-over::after{	
	xbackground:linear-gradient(90deg, #142b40 50%, rgba(85,93,122,0) 100%);
	background-color:rgba(20, 43, 64, .6);
	background-color:rgba(0,0,0,.5);
}
.bar-color-3 .photo-left .photo-over::after{	
	xbackground:linear-gradient(90deg, rgba(85,93,122,0) 0%, #403126 50%);
	xbackground:linear-gradient(90deg, rgba(85,93,122,0) 0%, #4e443d 50%);
	background-color:rgba(78, 68, 61, .6) ;
	background-color:rgba(0,0,0,.5);
}
.bar-color-2 .photo-right .photo-over::after{	
	xbackground:linear-gradient(90deg, #394633 50%, rgba(85,93,122,0) 100%);
	background-color:rgba(85,93,122,.6);
	background-color:rgba(0,0,0,.5);
}
.bar-color-5 .photo-left .photo-over::after{		
	xbackground:linear-gradient(90deg, rgba(85,93,122,0) 0%, #91785a 50%);
	background-color:rgba(145, 120, 90, .6);
	background-color:rgba(0,0,0,.5);
}	

.getting-started-top{
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    background-color: #d4ccc5;
    border-radius: 0 70% 0 0;
    padding: 6px 0 6px 12px;
}

.doorways-bottom{
	text-align:center;
}

.doorways-bottom > img{
	filter:brightness(1.2) hue-rotate(332deg) saturate(.5);
		max-height:300px;
		border:6px solid #fff;
		box-shadow:0 -2px 6px 2px rgba(100,100,100,.4);
		display:block;
		margin:0 auto;
}
.doorways-bottom > div{
	margin-bottom:30px;
}


.footer-nav{
		margin-top:30px;
}

.site-footer{
	background-color:#d4ccc5;
	position:relative;
	padding:60px 15px;
	font-size:16px;
	margin-top:40px;
}

.home .site-footer{
	background-color:#fff;
	margin-top:0;
}
@media only screen and (min-width: 660px) {
	.site-footer{
		padding:60px 30px;
	}	
}
.three-col > div{
margin-bottom:20px;
}
.footer-title{
	font-size:26px;
}
.footer-subtitle{
	padding:6px 0;
	border-bottom:1px solid #ccc;
	margin-bottom:4px;
}
.site-footer .nav-items >div{
	margin-bottom:4px;
}

@media only screen and (min-width: 768px) {
	.doorways-bottom > img{
		transform:translate(-8vw,6px);
		
	}
	.doorways-bottom{
		display:flex;
		justify-content:center;
		align-items:center;
	}

	.doorways-bottom > img{
		order:1;
		flex:0 0 auto;
		max-height:300px;
		border:6px solid #fff;
		box-shadow:0 -2px 6px 2px rgba(100,100,100,.4);
		margin:0;
	}
	.doorways-bottom > div{
		order:2;
		flex:0 0 auto;
		margin-bottom:0;
	}
}

@media only screen and (min-width: 900px) {
	
	.photo-left .photo-over::after{
		content:"";
		position:absolute;
		width:60vw;
		height:100%;
		top:0;
		left:-59vw;	
		z-index:-1;
	}
	.photo-right .photo-over::after{
		content:"";
		position:absolute;
		width:25vw;
		height:100%;
		top:0;
		right:-24vw;	
		z-index:-1;
	}
	
	.site-intro .page-block{
	padding:30vh 20vw 0;
	}
	
	

	.bar-color-1 .photo-right .photo-over::after{	
	background:linear-gradient(90deg, #142b40 25%, rgba(85,93,122,0) 100%);
	}
	.bar-color-3 .photo-left .photo-over::after{	
	background:linear-gradient(90deg, rgba(85,93,122,0) 0%, #403126 75%);
	background:linear-gradient(90deg, rgba(85,93,122,0) 0%, #4e443d 75%);	
	}
	.bar-color-2 .photo-right .photo-over::after{	
	background:linear-gradient(90deg, #394633 25%, rgba(85,93,122,0) 100%)	
	}
	.bar-color-5 .photo-left .photo-over::after{	
	background:linear-gradient(90deg, rgba(85,93,122,0) 0%, #91785a 75%);
	}	
	.bar-color-5 .photo-right .photo-over::after{	
	background:linear-gradient(90deg, #91785a 25%, rgba(85,93,122,0) 100%)
	}	
	.bar-color-3 .photo-over{
	background:linear-gradient(90deg, rgba(85,93,122,0) 0%, #403126 20%);
	background:linear-gradient(90deg, rgba(85,93,122,0) 0%, #4e443d 20%);
	}	
	.photo-left img, .photo-right img{
		position:static;
		max-width:75%;
	}	
	.photo-left .photo-over{
		padding-right:10vw;
		padding-left:0;
	}
	.photo-right .photo-over{
		padding-right:0;
	}
	.photo-over .phrase{
		font-size:40px;
		margin-left:-4vw;
	}
	.photo-right img{
		margin:0 0 0 auto;
	}
	.photo-right .photo-over{
		padding-left:10vw;
	}	
	.photo-left .phrase{
		margin-left:-25vw;
	}
	.photo-left .phrase-after{
		margin-left:-20vw;
	}	
	.photo-right .phrase{
		margin-right:-25vw;
	}
	.photo-right .phrase-after{
		margin-right:-20vw;
	}	
	.phrase-after{
		font-size:20px;
	}
	.grid-area{
		display:flex;
		
	}
	.area-1{
		flex:1 1 50%;
	}
	.area-2{
		flex:1 1 50%;
		margin-top:0;
		padding-left:30px;
	}
	.grid-area > div{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}	
	.align-left-desktop{
		text-align:left;
	}	
	.getting-started{
		display:flex;
	}	
	.getting-started > div{
		padding:0 15px;
		flex:1 1 33.3%;
	}	

	.doorways-text{
		font-size:2.5vw;
	}	
	.heading-2{
		margin-bottom:80px;
	}
	.multi-col{
		display:flex;
		justify-content:center;
	}
	.site-footer .multi-col{
		max-width:800px;
		margin:0 auto;
	}
	.footer-nav{
		flex:2 0 auto;
	}
	.footer-nav ul{
		column-count:2;
	}
	.multi-col > div{
		
		margin:0 20px;
	}
	.multi-col > div:first-child{
		margin-left:0;
	}	
	.multi-col > div:last-child{
		margin-right:0;
	}	
	
}

@media only screen and (min-width: 900px) {
	.multi-col > div{
		margin:0 40px;
	}	
	
	.site-footer .site-title{
		position:relative;
	}
	.site-footer .site-title::before{
		position:absolute;
		content:"";
		height:7px;
		width:36vw;
		background-color:#555;
		right:0;
		bottom:-9px;
	}	
	
}

.site-header{
	border-top:7px solid #555;
	border-bottom:2px solid #555;
}
.header-block{
	margin:4px auto 2px;
	display:flex;
	justify-content:space-between;
}


.site-header .site-title{
	margin:40px;
	font-weight:400;
	color:#333;
}
.site-header .site-title:hover{
	text-decoration:none;
}
.site-footer .site-title{
	margin-bottom:20px;
}
.site-title{
	font-family:'Nanum Myeongjo', serif;
	font-size:28px;
}
.site-title span{
	font-family:'Lora', 'Helvetica Neue', sans-serif;
	font-size:14px;
	display:block;
	position:relative;
	letter-spacing:2.8px;
	padding:1px 4px;
	background-color:#999;
	color:#fff;
}
.nav-menu{
	margin:40px 40px 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
	font-size:24px;
	color:#333;
	cursor:pointer;
}
.nav-block{
	font-family:'open sans', sans serif;
	margin:0 40px;
	overflow:hidden;
	max-height:0;
	transition:max-height .3s linear;
}
.nav-block .nav-wrapper{
	padding:20px 0;
	border-top:1px solid #ccc;
}
.nav-block-open{
	max-height:600px;
}
.nav-items a{
	color:#e8d7cd;
}
.nav-items a:hover{
	color:#e8d7cd;
}
.nav-block #nav-items > li{
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:250px;
}
.nav-block #nav-items a{
	display:block;
	padding:4px 16px;
	background-color:#eee;
	text-align:center;
	border-radius:15%;
	color:#333;
	font-size:18px;
	letter-spacing:1px;
}
#footer-nav-items li{
	margin-bottom:12px;
}
	.page-title-bar{
		height:50vh;
		background-size: cover;
		background-position: center center;
		position:relative;
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
	}
	.page-title-bar > img{
		object-fit:cover;
	}
	.page-title{
	font-size: 34px;
    color: #fff;
    padding: 10px 15px 10px 15px;	
	}
@media only screen and (min-width: 768px) {
	.page-title{
		font-size: 50px;
		color: #fff;
		padding: 20px 100px 20px 100px;	
		
	}
	.page-title div{
		position:relative;
		display:inline-block;
	}
	.page-title div::after{
		content:" ";
		position: absolute;
		height: 20px;
		width: 100%;
		background-color: #fff;
		bottom: -32px;
		left: 0;
		border-radius: 3px;		
	}

	.nav-block #nav-items{
		column-count:2;
		width:580px;
		margin:0 auto;
	}
	.nav-block #nav-items > li{
		margin-left:0;
		margin-right:0;
		width:280px;
		display:inline-block;
	}	

	
	.page-block-with-image{
		display: flex;
		border: 1px solid #ccc;
		margin: 40px auto;	
	}
	.page-block-with-image > img{
		margin: -28px 40px -28px -28px;
	}	
	
}

@media only screen and (min-width: 900px) {
	.page-title{
		padding-left: 14vw;	
	}
	
}

.page-block-with-image > img{
	max-width:100%;
}	

.page-block-text{
	margin-left:auto;
	margin-right:auto;
	max-width:860px;
	color:#555;
}

.heading-4{
	font-size:36px;
	margin:30px 0;
}
.heading-5{
	font-size:22px;
	font-weight:700;
	margin:26px 0;
}
p{
	margin:20px 0
}

.page-block-text li{
	padding-left:30px;
	margin-bottom:12px;
	position:relative;
}
.page-block-text li::before{
	content:" ";
	position:absolute;
	left:0;
	top:8px;
	height:12px;
	width:12px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	transform: rotateZ(45deg);
}

.page-block-tinted{
	background-color:#ececec;
}

.nav-contact{
	text-align:center;
	padding:20px 0;
	border-top:1px solid #ccc;
}
.nav-contact > div{
	margin-bottom:10px;
}

@media only screen and (min-width: 768px) {
	.nav-contact{
		display:flex;
		justify-content:center;
	}	
	.nav-contact > div{
		margin:0 20px;
		
	}
	.page-block-text ul{
		padding:8px 24px 8px 40px;
	}	
}

.pum-overlay{
	background-color:rgba(0,0,0,.7) !important;
}

@media only screen and (min-width: 768px) {
	.photo-left img, .photo-right img{
		height:110vh;
	}
	.photo-over, .page-bar{
		min-height:110vh;
	}

}

.blog-header{
	background-color:#e6dfd6;
	margin:20px 0;
}
.blog-header-wrapper{
	margin:0 auto;
	max-width:860px;
	padding-top:1px;
}
.blog-header .post-thumbnail img{
	max-width:400px;
	height:auto;
	width:100%;
	display:block;
	margin:-20px auto;
	position:relative;
	z-index:9;
	border:4px solid #fff;
}
.blog-header .entry-header{
	padding:20px 30px;
	background-color:#fff;
	text-align:center;
}
.blog-header .entry-title{
	font-size:32px;
}
.blog-header .entry-meta{
	border-top:10px solid #4a443d;
	margin-top:10px;
	padding-top:20px;
}
.blog-header .entry-meta > span{
	display:block;
	font-size:17px;
}
body.single .site-header{
	border-bottom:0;
}

@media only screen and (min-width: 768px) {
	.blog-header-wrapper{
		display:flex;
	}
	.blog-header .entry-header{
		display:flex;
		flex-direction:column;
		justify-content:center;
		background-color:transparent;
		text-align:left;
		flex:1 1 auto;
	}	
	.blog-header .entry-meta{
		
	}	
	.blog-header .post-thumbnail img{

	}
}
.footer-link{
	margin-bottom:10px;
}
.wp-block-image img{
	max-width:100%;
	height:auto;
}

.wp-block-verse{
background-color: #eee;
    padding: 20px 30px;
    margin: 40px 0px;
    border: 1px solid #999;
    font-size: 130%;	
}

.entry-footer, .post-navigation{
    display:none;
}

.comments-area{
    margin:40px auto;
    padding:30px 15px;
    max-width:860px;
    background-color:#eee
}
.comments-area label{
    display:block
}   
.comments-area textarea, .comments-area input{
    border:1px solid #999;
    font-size:16px;
    font-family:"open sans";
        padding:4px 8px;
}
.comments-area input[type="checkbox"] + label{
    display:inline-block;
}
.comments-area .form-submit .submit{
    padding:8px 16px;
    outline:1px solid #fff;
}
.comment-reply-title{
    font-size:28px;
}

.widget_search{
    display:none;
}
aside#secondary{
    margin:40px auto;
    padding:30px 15px;
    max-width:860px;
    border:1px solid #999;
}
aside#secondary > section{
    padding:0 15px 15px;
    flex:0 0 50%
}
aside#secondary h2{
    background-color:#999;
    color:#fff;
    padding:2px 4px;
    margin:4px 0;
}

aside#secondary li{
	border-bottom:1px solid #ccc;
	padding:5px 0;
}

@media only screen and (min-width: 768px) {
	aside#secondary{
		margin:60px auto;
		padding:30px;
		display: flex;
		flex-wrap:wrap;
	}	
}


.wp-block-latest-posts.wp-block-latest-posts__list li{
	margin-bottom:40px;
}

#block-4{
	display:none;
}

.postid-1 .post-thumbnail > img{border:1px solid #ccc}
.post-263 .page-title-bar, .post-263 .page-title{
display:none;
}
.plax-70{
height:60vh	
}
.plax-70 + .page-bar{
	min-height:0;
	margin-top:0;
}
.doorways-heading-blog{
	font-size:16vw;
	margin-top:-12vw;
	opacity:1;
	margin-bottom:40px;
  color: rgba(255,255,255,.9);
  text-shadow: 0px 0px 5px rgba(25,25,25,.2);	
}
.doorways-byline{
	text-align:center;
	letter-spacing:1px;
	font-style:italic;
	position:absolute;
	bottom:-14px;
	width:100%;
}
.doorways-byline span{
	display:inline-block;
	padding:6px 20px 0px;
	background-color:#fff;
		border-radius:3px 3px 0 0;
	color:#555;
}
.post-263 .page-bar{
	position:relative;
}

.post-263 .wp-block-latest-posts{
	margin-top:5vh;
}
.post-263 .wp-block-latest-posts li::before{
	content:none;
}
.post-263 .panel-2{
	padding-top:0;
}
.mobile-only-collage{
	margin:20px 0;
	text-align:center;
}
.mobile-only-collage img{
	border:4px solid #fff;
	width:45%;
	display:inline-block;
}
.mobile-only-collage img:first-child{
	transform:translate(15px, -14px)
}
.mobile-only-collage img:last-child{
	transform:translate(-15px, 14px);
}
.doorways-collage{
	display:none;
}
.doorways-scroll-1, .doorways-scroll-2, .doorways-scroll-3, .doorways-scroll-4{
	display:none;
}
@media only screen and (min-width: 768px) {
	.doorways-collage{
		display:block;
		min-height:75vh;
		background-color:#fff;
		margin:80px 0;
		position:relative;
	}
	.collage-top-row, .collage-bottom-row{
		position:relative;
		display:flex;
	}	
	.collage-bottom-row{
		margin-top:-6px;
	}
	.collage-top-row > div{
		margin:auto 0 0;
	}	
	.mobile-only{
		display:none;
	}
	.doorways-collage >div > div{
	position:relative;
	}
	.doorways-collage  div > img{
		transform:scale(1);
		opacity:1;
		transition:opacity .8s linear, transform .8s linear;
		width:100%;
		border:3px solid #fff;
	}	
	.doorways-collage  div > img:last-child{
		opacity:0;
		position:absolute;
		top:0;
		left:0;
		transform:scale(.9);
	}
	.collage-top-row .photo-1{
		flex:0 0 24%
	}
	.collage-top-row .photo-2{
		flex:0 0 17%;
	}
	.collage-top-row .photo-2 img{
		transition-delay:.6s;
	}	
	.collage-top-row .photo-2 img{
		transition-delay:.4s;
	}	
	.collage-top-row .photo-3{
		flex:0 0 12%
	}
	.collage-top-row .photo-3 img{
		transition-delay:.4s;
	}		
	.collage-top-row .photo-4{
		flex:0 0 19%
	}
	.collage-top-row .photo-4 img{
		transition-delay:.4s;
	}		
	.collage-top-row .photo-5{
		flex:0 0 19%
	}
	.collage-top-row .photo-5 img{
		transition-delay:.2s;
	}		
	.collage-top-row .photo-6{
		flex:0 0 9%
	}
	.collage-top-row .photo-6 img{
		transition-delay:.5s;
	}	
	.collage-bottom-row .photo-1{
		flex:0 0 12%
	}
	.collage-bottom-row .photo-1 img{
		transition-delay:.5s
	}			
	.collage-bottom-row .photo-2{
		flex:0 0 15%;
	}
	.collage-bottom-row .photo-2 img{
		transition-delay:.3s
	}		
	.collage-bottom-row .photo-3{
		flex:0 0 24%
	}
	.collage-bottom-row .photo-4{
		flex:0 0 17%
	}
	.collage-bottom-row .photo-4 img{
		transition-delay:.6s
	}			
	.collage-bottom-row .photo-5{
		flex:0 0 14%
	}
	.collage-bottom-row .photo-5 img{
		transition-delay:.2s
	}	
	.collage-bottom-row .photo-6{
		flex:0 0 18%;
	}	
	.collage-bottom-row .photo-6 img{
		transition-delay:.3s
	}			
	
	.scrolled-into-middle.collage-top-row .photo-1 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-top-row .photo-1 img:first-child{
		opacity:0;
	}	
	.scrolled-into-middle.collage-top-row .photo-4 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-top-row .photo-4 img:first-child{
		opacity:0;
	}			
	.collage-top-row.scrolled-into-middle ~ .collage-bottom-row .photo-5 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.collage-top-row.scrolled-into-middle ~ .collage-bottom-row .photo-5 img:first-child{
		opacity:0;
	}		
	.collage-top-row.scrolled-into-middle ~ .collage-bottom-row .photo-2 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.collage-top-row.scrolled-into-middle ~ .collage-bottom-row .photo-2 img:first-child{
		opacity:0;
	}	
	.scrolled-into-middle.collage-top-row .photo-6 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-top-row .photo-6 img:first-child{
		opacity:0;
	}	
	.scrolled-into-middle.collage-top-row .photo-2 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-top-row .photo-2 img:first-child{
		opacity:0;
	}		
	
	.scroll-trig.scrolled-into-middle ~ .collage-top-row .photo-3 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scroll-trig.scrolled-into-middle ~ .collage-top-row .photo-3 img:first-child{
		opacity:0;
	}		
	.scroll-trig.scrolled-into-middle ~ .collage-top-row .photo-5 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scroll-trig.scrolled-into-middle ~ .collage-top-row .photo-5 img:first-child{
		opacity:0;
	}	
	.scrolled-into-middle.collage-bottom-row .photo-1 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-bottom-row .photo-1 img:first-child{
		opacity:0;
	}	
	.scrolled-into-middle.collage-bottom-row .photo-3 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-bottom-row .photo-3 img:first-child{
		opacity:0;
	}		
	.scrolled-into-middle.collage-bottom-row .photo-4 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-bottom-row .photo-4 img:first-child{
		opacity:0;
	}		
	.scrolled-into-middle.collage-bottom-row .photo-6 img:last-child{
		opacity:1;
		transform:scale(1);
	}
	.scrolled-into-middle.collage-bottom-row .photo-6 img:first-child{
		opacity:0;
	}		
	.scroll-trig{
		position:absolute;
		width:1px;
		height:1px;
		top:65%;
	}
	.doorways-collage + .page-block{
		font-size:26px;
	}
}

.footer-closer{
    position: relative;
    bottom: -40px;
    font-family: "open sans";
    font-size: 14px;	
}