/*
Theme Name:     The Village on Morehead v3.0
Description:    Child theme for the PKD Skeleton Theme
Author:         Peter King Design
Author URI:     https://peterkingdesign.com
Template:       PKD
Version:        3.0
*/



/* =COLORS
-------------------------------------------------------------- 

BLUE	333333

GOLD default		C6AB66
GOLD MED (lg text)	A68E53
GOLD DARK (text)	87743E


Blue 		4b5e8d
Green			333333
Gold default	c6ab66
Beige			d3d3b8
off White		f9f7f0


*/





/* =Global Typography
-------------------------------------------------------------- */
	
html { }

body {	
	font-size: 1em;  
	color: #231F20;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}


.montserrat-vro {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.cormorant-vro {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
	
h1, h2, h3, h4, h5, h6, 
#side-menu .section-title
{  
	color: #333333; 
}

	
a, a:link, a:visited,
.widget li a,
#home-columns .home-title,
.typography .archive-list:hover a h3,
#searchsubmit:active i.fa.fa-search {  color: #333333; }


.typography .entry-title, .typography .page-title, .typography .section-title {  color: #333333; }

#mainnav li:active > a , #mainnav ul ul :active > a,
#mainnav li:hover > a, #mainnav ul ul :hover > a,
#side-menu li:hover a, #side-menu li.current_page_item a,
a:hover,
#searchsubmit:hover i.fa.fa-search
{  color: #333333;  }


input, textarea,input[type=text], input[type=email], input[type=tel], select, input#s {  color: #333333;  }


#hamburger:hover .layer  {background-color: #231F20;}
div.wpcf7-mail-sent-ok  {background-color: #5D072B !important; }

.category-title, 
#side-menu .section-title a,
#secondary .widget-title {  }



	

	#mainnav
	{
	font-weight: 500;
	}
	
h1, h2, h3, h4, h5, h6,
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6,
.slideshow-title, #page-menu a, .typography .menu-solutions-container, 
.archive-item span, .post-type-archive-staff .staff-person, 
.typography .entry-title, .typography .page-title, 
.staff-vcard, .staff-cv-pdf,
#signup,
ul.slide-bullets,
.button,
#TopNav,
#menu-top-menu .fontawesome-text,
.quick-links,
.entry-date,
.widget-title, #secondary .widget-title, .widget ul, #secondary .widget ul,
#side-menu .section-title,
#Services-Swiper,
.testimonial-initials
 {
	 font-weight: 400;
	}
	
	
h1, h2, h3, h4, h5, h6,
.slideshow-title
{   font-family: "Cormorant", serif; 
color: #4b5e8d; }


input, textarea {
	font-family: 'Montserrat', sans-serif;
}

.course-title, 
.staff-content p, 
input, textarea,input[type=text], input[type=email], input[type=tel], select, input#s,
.small-alt-text
{
	font-weight: normal;
	}

/* Contact Form */
::-webkit-input-placeholder { color: #666; font-size: .8em; text-transform: uppercase; letter-spacing: 1px;}
::-moz-placeholder { color: #666;  } /* firefox 19+ */
:-ms-input-placeholder { color: #666;  } /* ie */
:-moz-placeholder { color: #666; }


#Flyout ::-webkit-input-placeholder { color: #CCC; font-size: .8em; text-transform: uppercase; letter-spacing: 1px;}
#Flyout ::-moz-placeholder { color: #CCC;  } /* firefox 19+ */
#Flyout :-ms-input-placeholder { color: #CCC;  } /* ie */
#Flyout :-moz-placeholder { color: #CCC; }

::-moz-selection { background: #c6ab66; } /* Code for FF */ 
::selection { background: #c6ab66; }



/* =CUSTOM FONTS
-------------------------------------------------------------- 
*/



	


/* =Structure
-------------------------------------------------------------- */

body, html { }

body {
}

.site-width { max-width: 1280px; width: 92vw; margin:auto;}
.site-width.scroll { max-width: 900px; }

.site-width.skinny { max-width: 900px; }

#primary {
	margin-top: 0;
	padding-top: 80px;
	position: relative;
	z-index: 20;
}
.home #primary {margin-top: 0; z-index: 1;}

#primary .entry-content { 
    max-width: 900px;
    margin: auto;
}

.page-id-1903 #primary .entry-content { max-width: 1280px; }

.single-post #primary .entry-content,
.single-post #primary .entry-content,
.single-stories #primary .entry-content,
#Blog-Page .entry-content { padding-top:0; }


/*
#content {
	transform: translateY(-6vh);
	transition: transform .3s ease-out;
	padding-bottom: 6vh;
}
#content.vom-shift {
	transform: translateY(0);
	
}
*/
.section-band { padding: 8vh 0; }

.flex { display: flex; }
.flex-item {}
.flex-wrap { flex-wrap: wrap; }



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


/*:root {
	--header-height: 112px;
}*/

/*Header height and scroll menu*/
#FixedHeaderSpacer, #branding, .main-logo { height: 110px; transition: height .5s ease-out, transform 1s ease-out; }

#menu-main-menu > li > a { 
	padding: 0;
	padding-top: 77px;
	line-height: 30px; 
	transition: padding-top .5s ease-out, color .5s ease-out;  
}


	
.scroll #FixedHeaderSpacer, 
.scroll #branding, 
.scroll .main-logo { height: 80px;}

.scroll #menu-main-menu > li > a { padding-top: 10px; color: #333; }

.tribe-events-page-template  #menu-main-menu > li > a { color: #333; }


.scroll #FixedHeaderSpacer,
#FixedHeaderSpacer {height: 0;}

.tribe-events-page-template  #FixedHeaderSpacer {height: 90px;}

#branding {
	position: fixed;
	background: none;
	border-bottom: 0px;
	transition: all .2s ease-out;
}

#branding:after {

}

.scroll #branding,
.tribe-events-page-template  #branding {
    position: fixed;
    background: #FFF;
    border-bottom: 1px solid #EEE;
}


#logo.main-logo {
	width: 262px;
	position: absolute;
	transition: all .5s ease-out;
	opacity: 1;
	}

#logo-scroll.main-logo {
	width: 262px;
	transition: all .5s ease-out ;
	opacity: 0;
	}

.scroll #logo-scroll.main-logo {
	transition: all .5s ease-out,  opacity .5s ease-out .2s  ;
}

.scroll #logo.main-logo {
	transition: all .5s ease-out;
}

.scroll #logo.main-logo,
.scroll #logo-scroll.main-logo {
	height: 80px;
	width: 220px;
}
.scroll #logo.main-logo,
.tribe-events-page-template  #logo.main-logo { opacity: 0; }
.scroll #logo-scroll.main-logo,
.tribe-events-page-template  #logo-scroll.main-logo { opacity: 1; }



#banner {
}
#banner:after {

}

#banner:before {

}

#featured-image:after,
#Hero-Video-Wrapper:after {
	content: '';
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	z-index: 10;
	
	background: #000000ee;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
}



#branding .site-width-full { 
	width: 100%;
	padding-left: 2%;
	margin: 0;
	box-sizing: border-box;
}




.banner-heading {
	}
.banner-main-text {
	position: absolute;
	bottom:0;
	z-index: 10;
	font-family: "Cormorant", serif;
	color: #FFF;
	font-size:10vw;
	line-height: .62;
	color: #FFF;
	text-shadow: 0px -5px 5px #0002;
}
.banner-sub-text {
 position: absolute;
    bottom: -3.4vw;
    right: 10vw;
    z-index: 10;
    font-family: "Cormorant", serif;
    font-style: italic;
    color: #4b5e8d;
    font-size: 9vw;
    line-height: .62;
}

.banner-sub-text:after {
	content:'style';
	position: absolute;
	top: -2px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    color: #FFF;
	text-shadow: -2px 0px 1px #FFF, 3px 0px 1px #FFF, 1px -2px 1px #FFF;
}

.banner-services {
    padding: 1vw;
    text-align: center;
    width: 70vw;
    letter-spacing: 2px;
    z-index: 100;
    position: relative;
    font-size: 1.5em;
}

#Promotion {
    position: absolute;
    right: 0vw;
    background: #c36c5dDD;
    padding: 2vw 4vw 2vw 2vw;
    color: #FFF;
    font-size: 1.5em;
    line-height: 1.4;
    font-weight: bold;
    bottom: 150px;
    width: 50vw;
    z-index: 10;
    border-radius: 10px 0 0 10px;
    border: 2px solid #FFF9;
    border-right: none;
    max-width: 450px;
	        min-width: 250px;
	    transform: translate(3.5vw, 1vw);
	    box-sizing: border-box;
}

.down-arrow {
	background: url("images/icon-down-arrow.png") no-repeat;
	background-size: cover;
	width: 50px;
	height: 25px;
	margin:auto;
	display: block;
}


/* =Sliders & Background
-------------------------------------------------------------- */

.swiper-container {overflow: hidden;}

.slideshow-content { 
	
	display: none;
	
    background: none;
    top: auto;
    left: 0;
    right: 0;
    bottom: 8vh;
    padding: 0;
    text-align: center;
}
.slideshow-title { 
	text-transform: capitalize;
	font-size: 4em;
	line-height: 1;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000a;
	margin-bottom: 0.4em;
}
.slideshow-text { 
	font-weight: 500;
	font-size: 1.6em;
	line-height:1.2;
	margin-bottom: 1em;
	letter-spacing: 3px;
}


#Main-Slider {
	height: calc(100vh - 140px);
	
}

#Main-Slider .swiper-slide:after,
.video-wrapper:after {
	content: '';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #000000ee;
	background: -moz-linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.8) 100%);
	
}

#Main-Slider  .swiper-pagination { 
	width:auto;
	left: auto; 
	right:1vw;
	bottom: 1vw;
}
#Main-Slider .swiper-pagination-bullet {
	background: #FFF;
	display: block;
	width: 14px;
    height: 14px;
    margin: 6px 0;
}
#Main-Slider .swiper-pagination-bullet:hover {
	background: #c36c5d;
	opacity: 1;
}




/* =Home Page
-------------------------------------------------------------- */

.section-band.green-grad,
.section-band.blue-grad {
	background: rgb(37,53,81);
	background: -moz-linear-gradient(60deg, rgba(18,29,18,1) 0%, rgba(30,48,30,1) 100%);
	background: -webkit-linear-gradient(60deg, rgba(18,29,18,1) 0%, rgba(30,48,30,1) 100%);
	background: linear-gradient(60deg, rgba(18,29,18,1) 0%, rgba(30,48,30,1) 100%);

}

.typography .section-title {
    font-size: 3.5em;
    text-transform: uppercase;
    letter-spacing: .3vw;
    text-align: center;
    padding: 0 0 1em 0;
}

.accent-border {
    background: #c6ab66;
    width: 100%;
    height: 2px;
    margin: 8px 0;
}

.diamond-background { 
	background: url(images/bg-diamond.png) repeat;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index: 0;
	background-size: 70px;
	opacity: .1;
}


#Section-Home-Location { background: #38476a; }
#Section-Home-Location h2 { color: #FFF; font-size: 3em; text-transform: uppercase;}
#Section-Home-Location p {  color: #FFF;}
#Section-Home-Location h2+p {font-size: 1.5em;}

#Section-Home-Location a {color: #FFF;}



#Section-Home-About { padding: 140px 0; }



#Section-Home-About .section-content p em {   
  	font-family: "Cormorant", serif; 
	font-weight: 300; 
	color: #4b5e8d; 
	font-style: italic;
	font-size: 1.4em;
}
#Section-Home-About .section-content { padding-top: 60px; }

#Section-Home-Amenities{     }

.masonry-gallery { }
.masonry-box {
	background-color: #CCC;
	/*min-height: 160px;*/
	position: relative;
	display: block;
	overflow: hidden;
}		
.masonry-box img {
	object-fit: cover;
	width:100%;
	height: 100%;
	transform: scale(1);
	transition: transform 2s ease-in-out;
}

#Box-1 { font-size: 1.3em; }
#Box-2 { }
#Box-3 { }
#Box-4 { }
#Box-5 { font-size: 1.3em; }
#Box-6 { }
#Box-7 { }

.parent { 
	display: grid; 
	grid-template-columns: repeat(5, 1fr); 
	grid-template-rows: repeat(3, 1fr); 
	grid-column-gap: 4px;
	grid-row-gap: 4px; 
	max-height: 580px;
	height: 50vw;
}
.div1 { grid-area: 1 / 1 / 3 / 3; } 
.div2 { grid-area: 1 / 3 / 2 / 4; } 
.div3 { grid-area: 1 / 4 / 2 / 5; } 
.div4 { grid-area: 1 / 5 / 4 / 6; } 
.div5 { grid-area: 2 / 3 / 4 / 5; } 
.div6 { grid-area: 3 / 1 / 4 / 2; } 
.div7 { grid-area: 3 / 2 / 4 / 3; } 

#Section-Home-Amenities .box-title {
	position: absolute;
	bottom: 0;
	padding: 0.5em;
	color: #FFF;
	font-family: 'Lato';
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	z-index: 1;
}

.masonry-box:hover img {
	transform: scale(1.2);
}
		



#Section-Home-Blog {}



#Section-Home-Blog .blog-thumb {
	width: auto;
	height: 360px;
	position: relative;
	overflow: hidden;
	border: 1px solid #c6ab66;
	padding: .3em;
}
#Section-Home-Blog .blog-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: transform 3s ease-in-out;

}

#Section-Home-Blog .blog-thumb:after,
#Section-Home-Amenities .masonry-box:after {
	content: '';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgb(37,53,81);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
	opacity: .6;
	transition: opacity .3s ease-in-out;
}

#Section-Home-Blog .entry-header {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 80%;
    left: 1vw;
	padding: 0;
}

#Section-Home-Blog h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px #0003;
}
#Section-Home-Blog h3 a:hover {
	text-decoration: none;
}

#Section-Home-Blog article:hover .blog-thumb::after,
#Section-Home-Amenities .masonry-box:hover::after {
	opacity: .8;
}
#Section-Home-Blog article:hover .blog-thumb img {
	transform: scale(1.2);
}




#Section-Home-Stories {}

.stories-flex {
	display: flex;
	justify-content: space-between;
}
.stories-card {
    position: relative;
   width: 29vw;
	max-width: 300px;
}
.stories-photo {
	position: relative;
	width:100%;
	height: 30vw;
}	

.stories-photo:after {
	content:'';
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	background: url("images/icon-play.png") no-repeat;
	background-size: 90px 90px;
	background-position: 50% 50%;
	opacity: .7;
}

.stories-photo img{
	object-fit: cover; 
	width:100%;
	height:100%;
}	


.stories-content {
    position: relative;
    bottom: 0;
    
    width: 100%;
    box-sizing: border-box;
    padding-top: 60%;
    text-align: center;
	
	padding: 1em;
	
}

.stories-card a {
	
}



.stories-card:nth-child(odd) a:after {
	background: rgb(37,53,81);
	background: -webkit-linear-gradient(bottom, rgba(37,53,81,1) 50%, rgba(37,53,81,0) 100%);
	background: -o-linear-gradient(bottom, rgba(37,53,81,1) 50%, rgba(37,53,81,0) 100%);
	background: linear-gradient(to top, rgba(37,53,81,1) 50%, rgba(37,53,81,0) 100%);
}
.stories-card:nth-child(2) a:after {
	background: rgb(191,120,103);
	background: -webkit-linear-gradient(bottom, rgba(191,120,103,1) 50%, rgba(191,120,103,0) 100%);
	background: -o-linear-gradient(bottom, rgba(191,120,103,1) 50%, rgba(191,120,103,0) 100%);
	background: linear-gradient(to top, rgba(191,120,103,1) 50%, rgba(191,120,103,0) 100%);
}
.stories-card:nth-child(4) a:after {
	background: rgb(198,171,102);
	background: -webkit-linear-gradient(bottom, rgba(198,171,102,1) 50%, rgba(198,171,102,0) 100%);
	background: -o-linear-gradient(bottom, rgba(198,171,102,1) 50%, rgba(198,171,102,0) 100%);
	background: linear-gradient(to top, rgba(198,171,102,1) 50%, rgba(198,171,102,0) 100%);
}

#Section-Home-Stories h4.stories-title { 
    padding-bottom: 0;
    font-size: 1.5em;
}

.stories-type { font-style: italic; letter-spacing: 2px; font-family: "Times New Roman",  Times, "serif"; text-transform: lowercase; }

.arrowbutton {}

#Section-Home-Stories a { color: #FFF;  }

					
#Section-Home-Banner {
	background: url(/wp-content/uploads/2025/06/VOM-Artwork.jpg) no-repeat;
	background-size: cover;
	    background-position: 0px 100%;
}

#Section-Home-Banner .content {
	padding: 5vw;
	background: #4b5e8dCC;
	text-align: center;
	box-sizing: border-box;
}
#Section-Home-Banner,
#Section-Home-Banner p,
#Section-Home-Banner h2 { color:#FFF; }

#Section-Home-Banner h2 { font-size: 3em; padding-bottom: 16px;}
#Section-Home-Banner p { font-size: 1.8em; }


/* =Slideshow 
-------------------------------------------------------------- */



/* =Menu
-------------------------------------------------------------- */


#mainnav ul#menu-main-menu {
		margin-top: 39px;
	transition: all 300ms ease-in-out;
}


#mainnav li a { 
	color: #FFFFFF; 
	margin: 0 1.1vw; 
	font-size: .85em;
}

#menu-main-menu > li > a {
	border-bottom: 2px #FFFFFF00 solid;
	padding-top: 38px;
}

#menu-main-menu > li:hover > a {
    border-bottom: 2px #C6AB66 solid;
}

#menu-main-menu > li.current_page_item > a, 
#menu-main-menu > li.current_parent_item > a,
#mainnav li.current-menu-item > a {
    color: #c6ab66;
	border-bottom: 2px #c6ab66 solid;
}

#mainnav .sub-menu { 
	border:none;
	border-top: .5px #C6AB66 solid;
	border-bottom: .5px #C6AB66 solid;

}

#mainnav .sub-menu li {	background: #334061EE; }

#mainnav li:hover > a, #mainnav .sub-menu :hover > a { 	color: #FFF; background: none; }

.scroll #mainnav li:hover > a, 
.scroll #mainnav .sub-menu :hover > a,
.tribe-events-page-template  #mainnav li:hover > a, 
.tribe-events-page-template  #mainnav .sub-menu :hover
{ 	color: #4b5e8d; background: none; }

#menu-main-menu .sub-menu li.current-menu-item a { color: #FFF; font-weight: bold; }


#mainnav .sub-menu li:hover { background: #C6AB66; }
#mainnav .sub-menu li:hover a  { color: #FFF; }

#mainnav .sub-menu li a { border: none; color: #FFF; }

#mainnav ul li:last-child > .sub-menu {
    right:0;
}


#main-menu {float:right;}



.nav-contact {
    position: absolute;
    top: 10px;
    right: 0;
    border-bottom: 1px solid #FFF9;
    padding-right: 3vw;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 0.85em;
    padding-bottom: 6px;
}

.nav-contact a {
	text-decoration: none;
	color:#FFF;
}

.scroll .nav-contact {
	color: #444;
	border-color: #CCC;
}
.scroll .nav-contact a {
	color: #444;
}



.scroll .nav-contact,
.tribe-events-page-template  .nav-contact {
	color: #444;
	border-color: #CCC;
}


/* FOOTER MENU */

#contact-menu { 
	position: fixed; 
	bottom:0; 
	left:0; 
	right: 0; 
	height: 70px; 
	background: #4b5e8d; 
	
	display: flex;
	flex-flow: row;
	color: #FFF;
	justify-content: space-between;
	align-items: center;
}
#contact-menu .flex-column { box-sizing: border-box; padding: 1em; width: 30%}
#contact-menu .flex-column:nth-child(1) {text-align: left;}
#contact-menu .flex-column:nth-child(2) {text-align: center;}
#contact-menu .flex-column:nth-child(3) {text-align: right;}
#contact-menu strong { font-size: 1.05em; letter-spacing: 2px; }
#contact-menu a {text-decoration: none; color: #FFF; display: inline-block; margin: 0 0 0 20px; font-size: 1.05em; letter-spacing: 2px; font-weight: bold; text-transform: uppercase;}
#contact-menu .button.beige { color: #4b5e8d; font-weight: normal; letter-spacing: 3px;}



/* =Top Menu
-------------------------------------------------------------- */


/* =Content
-------------------------------------------------------------- */



/* =Images
-------------------------------------------------------------- */



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



/* =Comments
-------------------------------------------------------------- */



/* =Widgets
-------------------------------------------------------------- */



/* = Side Menu
-------------------------------------------------------------- */


/* = PKD Content
-------------------------------------------------------------- */

.typography p, .typography ol, .typography ul { font-size: 1.15em;}

.typography h2 { font-size: 2em;  }
.typography h3 { font-size: 1.75em; }
.typography h4 { font-size: 1.5em; }
.typography h5 { font-size: 1.3em; }
.typography h6 { font-size: 1.25em; }

.typography a:hover {
    text-decoration-thickness: 1px;
}

.typography p a {
		text-decoration: none;
	font-weight: 500;
	color:#555;
}

.typography p a:hover {
		text-decoration:underline;
}

.page-header, .entry-header {
    position: absolute;
    top: .1em;
    width: 100%;
    padding: 0;
    text-align: center;
	height: auto;
}

.typography .entry-title,
.typography .page-title {
    letter-spacing: 0.3vw;
    font-size: 9em;
    font-family: "Cormorant", serif;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 1vw;
    line-height: 0.65;
	text-align: left;
}

.page-id-1917 .typography .entry-title, .page-id-1917 .typography .page-title {
	margin-bottom: 0.18em;

}


.typography .page-title span {
/*	padding-bottom: 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #FFF;
    display: inline-block;*/
}

.typography .sub-title {
    font-size:2em;
    letter-spacing: 1px;
    line-height: 1.2;
    font-family: "Cormorant", serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding: 0 1em 2em 1em;
}

.site-width.scroll .entry-content {margin-left: 2%; }



.button,
a.button,
.button.reverse,
.activedemand-button,
.wp-block-button__link {
    display: inline-block;
    position: relative;
    padding: 0.8em 1.8em 0.75em 1.8em;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #4b5e8d;
    letter-spacing: 2px;
    font-size: 1.325rem;
    background: #FFF;
    color: #4b5e8d;
    transition: all 300ms ease-in-out;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	border-radius: 0;
}
.typography a.button:hover,  a.button:hover, .typography .wp-block-button__link:hover { text-decoration: none; }
.typography a.button.beige,
.button.beige{
	border: none;
	background: #4b5e8d;
	color: #FFF; 
}

.typography .button.blue {
	background: #4b5e8d;
	color: #FFF;
}
.typography .button.blue:hover {
	background: #FFF;
	color: #4b5e8d;
}


.button.gold,
#Flyout .activedemand-button  {
	border: none;
	background: #c6ab66;
}

#Flyout .activedemand-button { font-size: 1em; }

.typography a.button,
.typography a.button.reverse,
.activedemand-button,
.wp-block-button__link {
	color: #4b5e8d;
}
input[type=submit].button {color: #4b5e8d; }





.button:hover,
.button.reverse:hover,
a.button:hover,
input[type=submit].button:hover,
.activedemand-button:hover,
.wp-block-button__link:hover
{
	background: #4b5e8d;
	color: #FFF;
	
	cursor: pointer;
	transition: all 300ms ease-in-out;
}

.button.beige:hover,
a.button.beige:hover {
	background: #c6ab66;
}

.button.gold:hover,
a.button.gold:hover,
#Flyout .activedemand-button:hover {
	background: #c6ab66;
}


.button.reverse,
.reverse .button,
.reverse input[type=submit].button,
.button.reverse:hover,
.reverse .button:hover,
.reverse input[type=submit].button:hover { color: #FFF;}




/* ARROW BUTON */
#page .arrow-button {
    display: inline-block;
    color: #4b5e8d;
    font-family: "Cormorant", serif;
    font-style: italic;
    font-size: 1.2em;
    text-decoration: none;
    background: url(images/icon-arrow.png) no-repeat;
    background-size: auto 15px;
    background-position: -10px;
    padding-left: 60px;
	transition: all 400ms ease-in-out;
}

#page .reverse .arrow-button {
    background: url("images/icon-arrow-rev.png") no-repeat;
	background-size: auto 15px;
    background-position: -10px;
}

#page .reverse a.arrow-button  {
	color: #FFF;
}

#page .arrow-button:hover {
	padding-left: 90px;
    background-position: 0px;
	letter-spacing: 1px;
}


.typography h3.bio-title { 
    font-size: 1em;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: -1.5em 0 1em 0;
}


 
/* =Video
-------------------------------------------------------------- */

#banner .video-js .vjs-tech {
	object-fit: cover;
}




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

#colophon {
    background: #262f47;
    overflow: visible;
    height: auto;
    margin-top: 0;
    padding: 10vw 0;	
}

.footer-logo {
    text-align: center;
    padding: 10px 2vw;
    border-left: 1px solid #FFF6;
}


#colophon:after {
	content: '';
    border-bottom: 2px solid #c6ab66;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
}



#colophon .widget_block h3 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 1em;
}

#colophon:after {
	content: '';
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity: 0.07;
    z-index: -1;
}

.footer-widget li a {
    white-space: nowrap;
	font-size: 0.9em;
}

.footer-widget li a:hover {
    color: #e88774;
	text-decoration: none;
}
	
.footer-widget p { font-size: 1em; }

.footer-widget li:hover a { text-decoration: none; }

#colophon .button {font-size: .85em;     background: #FFF2; margin:0;}
#colophon .button:hover { background: #FFF4;}

.live-life-well {
	width: 250px;
	height: auto;
	margin:  0;
	text-align: center;
}

#copyright { padding: 5em 0 3em 0; }

.footer-flex {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.footer-column {
	margin: 0 1vw;
	padding: 30px 0;
}

#footer-4 {
	display: none;
}



/* =Date Box 
-------------------------------------------------------------- */


/* =PAGE 
-------------------------------------------------------------- */	



.typography .entry-content p em {
	font-family: "Cormorant", serif;
    font-weight: 300;
    color: #4b5e8d;
    font-style: italic;
	font-size: 1.4em;
}




/* =AMENITIES Section
-------------------------------------------------------------- */



.amenity-flex {
	display: flex;
	position: relative;
	justify-content: center;
}


.amenity-archive-item { text-align: center; margin-bottom: .5em; }

.amenity-band:nth-child(even) .amenity-flex{
	flex-direction: row-reverse; 
}

.amenity-band  { 
	margin-top: 2px; 
	    padding: 6vh 0;
}
.amenity-band:nth-child(even) {background: #FFF;}

.amentiy-band:first-child {	margin-top: 0; }

#Section-Home-Features .amenity-band,
.page-template-page-residences .amenity-band,
#Lifestyle-Video .amenity-band,
#Lifestyle-Floorplans .amenity-band {
	background: #FFF;
}


.amenity-image {
	width: 90vw;
	height: 80vh;
	position: relative;
	max-height: 50vw;
	min-height: 33vw;
}

.amenity-image:before { 
	content:'';
	position: absolute;
	top:0; left: 0; right:0; bottom:0;
	background: #0009;
	background: linear-gradient(230deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.94) 100%);
	z-index: 0;
}

.amenity-image img { 
	object-fit: cover;
	width:100%;
	height: 100%;
}
.amenity-content {
    width: 90%;
    margin: 0;
    position: absolute;
    height: 100%;
}

.typography .amenity-title { 
    
}

.amenity-copy {
    color: #FFF;
    width: 33%;
    padding: 1vw 0 1vw 3vw;
    position: absolute;
    bottom: 0;
    border-top: #c6ab66 2px solid;
 	text-shadow: 1px 1px 1px #000C;
	font-size: 1.25em;
}

.amenity-icon{
	text-align: center;
	width: 90px;
	height: 90px;
	margin: 0 auto 1em;
}


.amenity-copy .button {margin-top: 1em;}

#page .amenity-title {
	text-align: left;
    position: absolute;
    top: 0;
    font-size: 7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #FFF;
    line-height: 1;
    margin: 0;
    font-weight: 100;
    margin-top: -0.19em;
}

.amenity-copy .button {text-align: center;}


.amenity-band:nth-child(even) .amenity-image {}
.amenity-band:nth-child(even) .amenity-image::before {
	background: linear-gradient(-230deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.94) 100%);}
.amenity-band:nth-child(even) .amenity-title {right:0; }
.amenity-band:nth-child(even) .amenity-copy { right:0; padding: 1vw 3vw 1vw 0 }


.category-title {
    color: inherit;
    font-size: inherit;
}

.amenity-archive {
	display: flex;
	justify-content: center;
	gap:1em;
	margin: 0 0 10vh 0;
}

#Amenity-Grid {}

#Amenity-Grid.amenity-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}
#Amenity-Grid.amenity-flex {
	margin-bottom: 4em;
}

#Amenity-Grid .amenity-content { width: 28%; margin: 2em 0; max-width: inherit;}

#Amenity-Grid .amenity-title { border-bottom: 1px solid #C6AB66 ; margin-bottom: 1em; padding-bottom: .5em; font-size: 1.5em; }


/* LIFESTYLE */



#Lifestyle-Video.section-band { padding: 0 0 4vh 0; }

#Lifestyle-Video .story-video { 
	border-radius:  4vw 0 0 4vw ;
	overflow: hidden;
}


#Lifestyle-Floorplans.section-band { padding: 4vh 0; }

#Lifestyle-Bullets {}
#Lifestyle-Bullets .flex-features {border: none; }

#Lifestyle-Bullets .flex-features-item { width: 36%; }


.gallery-swiper .swiper-container { width: 100%; max-height: 720px; height: 56vw; overflow: hidden; }



/* =STORIES Section
-------------------------------------------------------------- */

#Section-Stories {}

.story-flex {
	display: flex;
	justify-content: center;
}

.story-archive-item { text-align: center; margin-bottom: .5em; }

.story-band:nth-child(even) .story-flex{
	flex-direction: row-reverse;
}

.story-band  { margin-top: 2px;  }
.story-band:first-child {	margin-top: 0; }

#Section-Stories .story-band {
}


.story-container {
	width: 40vw;
	margin: auto;
	padding: 0 3%;
	box-sizing: border-box;
	max-width: 500px;
}
.story-title { text-transform: uppercase; }
.single-stories .story-copy { font-weight: bold; font-style: italic; position: relative;}

.single-stories .story-copy:before {
    content: '\201C';
    position: absolute;
    top: -30px;
    left: -30px;
    font-size: 9em;
    color: #00000015;
    line-height: 1;
	font-family: "Times New Roman",  Times, "serif"; 
}
.single-stories .story-copy:after {
	content: '\201D';
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 9em;
    color: #00000015;
    line-height: 0px;
	font-family: "Times New Roman",  Times, "serif"; 
}

.story-copy p:first-child { margin-left: 2em; }

.story-title {text-align: center;}

.story-video {
	width: 60vw;
	position: relative;
}

.category-title {
    color: inherit;
    font-size: inherit;
}







/* =Floorplans Section
-------------------------------------------------------------- */


#Floorplan-Archive {}

.floorplan-flex {
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1.5em;
}

.floorplan-flex::after {
	content: '';
	 flex: 0 1 30%;
	justify-content: center;
	gap: 1.5em;
}

.floorplan-flex-item {
	width: 32%;
}



.floorplan-item {
	display: block;
	position: relative;
	padding: 2em 0 0 0;
		
	overflow: hidden;
}

.floorplan-item:after {
	content: '';
	position: absolute;
	left:0;right:0;top:0;bottom:0;
	background-color: #4b5e8d;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	z-index: -1;
}

.floorplan-item a:hover { text-decoration: none;}



#Floorplan-Archive .floorplan-title {
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
	padding: 0;
}

.floorplan-image { 
	mix-blend-mode: multiply;
    overflow: hidden;
    width: 104%;
    height: calc(1280px* .24);
    margin: 1em auto;
    transform: translateX(-2%);
}


.floorplan-image img { 
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
}

.floorplan-item:hover::after { 
	opacity: 0.1;
}

.floorplan-item:hover {  }


.floorplan-info {
text-align: center;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.3;
    height: 3em;
	    margin: 0 5%;
}

.floorplan-content {

}

.floorplan-button {
	text-align: center;
	}

.floorplan-button .button { font-size: 1rem; }

.floorplan-button .button:after {
	content: '';
	position: absolute;
	background: #FFF;
	z-index: -1;
	top:0; left:0; right:0; bottom:0;
}

.pswp__caption__center { 
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #C6AB66;
}

.pswp__bg {
	background: #13151Cee;
}

.pswp__top-bar, .pswp__caption {
    background: none !important;
}

.pswp__button { transform: scale(1.5); }


#Floorplan-Terms {}
			
#Floorplan-Terms.term-flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding:0;
	margin:0;
	margin-bottom: 2em;
}

#Floorplan-Terms .term-item { 
	list-style: none;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1rem;
	border-left: 1px solid #333333aa;
	line-height: 1;
	padding: 0.5em 1em;
}
#Floorplan-Terms .term-item:first-child { border:none; }

#Floorplan-Terms .term-item a {
	text-decoration: none;
	padding: 0.3em 0;
}
#Floorplan-Terms .term-item:hover a {
	color: #87743E;				
}



    
	#Key-Features { 

    background: #4b5e8d;
    background: -moz-linear-gradient(60deg, rgba(42, 53, 80, 1) 0%, rgba(75, 94, 141, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(42, 53, 80, 1) 0%, rgba(75, 94, 141, 1) 100%);
    background: linear-gradient(160deg, rgba(42, 53, 80, 1) 0%, rgba(75, 94, 141, 1) 100%);
	
}

	#Key-Features div + ul {
		
	}	

	.flex-features { 
		display: flex;
		justify-content: space-evenly;
		flex-wrap: nowrap;

	}
	.flex-features-item {
	width: 48%;
}



	#Key-Features h3 { 
		text-align: center;
		padding: .5em 0 0 0;
	}
	#Key-Features .flex-features-item > ul {		
		padding: 0;
		margin: 1em 1em 0 0 
	}
#Key-Features .flex-features-item ul  li { 
		line-height: 1.2;
		font-size: 1.1em;
	font-weight: 600;
		margin-bottom: 0.75em;
	background: url(images/icon-V.png) no-repeat;
	background-size: 28px 28px;
	padding-left: 36px;
	list-style: none;
	line-height: 28px;
	}
#Key-Features .flex-features-item ul  li::marker {
	color: #c6ab66;
}
	#Key-Features .flex-features-item  ul ul  {
		margin:0 0 0 1em;
		padding: 0;
}

	#Key-Features .flex-features-item ul  li li {
		line-height: 1;
		font-size: 1em;
		margin: 0.5em 0; 
}

	
	#Key-Features .flex-features-item + ul {
	}





#Lifestyle-Floorplan-Swiper { position: relative; margin-bottom: 60px; }

#Lifestyle-Floorplan-Swiper .swiper { height: auto; width: 92%; margin:auto; }

#Lifestyle-Floorplan-Swiper .swiper-slide { 
}
#Lifestyle-Floorplan-Swiper .swiper-button-prev,
#Lifestyle-Floorplan-Swiper .swiper-button-next { color: #AAA; }

#Lifestyle-Floorplan-Swiper .swiper-button-prev { left: 1vw; }
#Lifestyle-Floorplan-Swiper .swiper-button-next { right: 1vw; }


#Lifestyle-Floorplan-Swiper .floorplan-image {
	height: 11.5vw;
}

#Lifestyle-Floorplan-Swiper .floorplan-title {
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
	padding: 0;
	line-height: 1;
    height: 1.5em;
	    display: flex;
    justify-content: center;
    align-items: center;
	    margin: 0 5%;
}
#Lifestyle-Floorplan-Swiper a:hover { text-decoration: none;}


/* =CARE PAGE
-------------------------------------------------------------- */

#Care-Services {}
.care-flex {
	display: flex;
	flex-wrap: wrap;
}	

.care-item {
    display: flex;
    flex-direction: row;
    background: #FFF;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 1em;
    padding-bottom: 1em;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e5e5e5;
	align-items: flex-start;
}
.care-badge {
	width: 160px;
	height: 160px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 20%;	
	margin-bottom: 2em;
}
#Care-Services h3 {font-size: 1.3em;}
.care-icon { width: 110px; height: auto; margin: auto; }
.care-icon img {  }
#Care-Services .care-title { text-transform: uppercase; padding: 0;}
#Care-Services .care-copy {font-size: 1.2em;margin-left: 3vw;width: 70%;}





.blue-grad { 
	background: rgb(37,53,81);
background: -webkit-linear-gradient(bottom, rgba(37,53,81,1) 0%, rgba(64,91,138,1) 100%);
background: -o-linear-gradient(bottom, rgba(37,53,81,1) 0%, rgba(64,91,138,1) 100%);
background: linear-gradient(to top, rgba(37,53,81,1) 0%, rgba(64,91,138,1) 100%);
}

.rose-grad { 
	background: rgb(179,112,96);
background: -webkit-linear-gradient(bottom, rgba(179,112,96,1) 0%, rgba(186,117,100,1) 50%, rgba(230,144,124,1) 100%);
background: -o-linear-gradient(bottom, rgba(179,112,96,1) 0%, rgba(186,117,100,1) 50%, rgba(230,144,124,1) 100%);
background: linear-gradient(to top, rgba(179,112,96,1) 0%, rgba(186,117,100,1) 50%, rgba(230,144,124,1) 100%);
}

.gold-grad { 
	background: rgb(173,150,90);
background: -webkit-linear-gradient(bottom, rgba(173,150,90,1) 0%, rgba(198,171,102,1) 50%, rgba(222,192,114,1) 100%);
background: -o-linear-gradient(bottom, rgba(173,150,90,1) 0%, rgba(198,171,102,1) 50%, rgba(222,192,114,1) 100%);
background: linear-gradient(to top, rgba(173,150,90,1) 0%, rgba(198,171,102,1) 50%, rgba(222,192,114,1) 100%);
}
	


.additional-care-flex {display: flex; font-size: 1.2em; justify-content: center;}
.additional-care-flex-item {text-align: center; margin: 1em 2em; white-space: nowrap;}

		

/* =FINANCIAL PAGE
-------------------------------------------------------------- */

	
.cost-header { text-align: center; }
.cost-header div { 
	font-size: .6em; 
	letter-spacing: 3px; 
	margin-bottom: .5em;
}

#Financial-Table-Section { }

#Financial-Table { 
	width:100%;
}

.cost-table-row { 
	margin-top: 4px; 
	background: #F9F7F0; 
	padding: 5vh 0;
}

#Financial-Table tbody tr {	 font-weight: bold; opacity:1;}

#Financial-Table td {
	border-top: 1px solid #0001; box-sizing: border-box;
}


#Financial-Table tbody tr:nth-child(1),
#Financial-Table tbody tr:nth-child(2),
#Financial-Table tbody tr:nth-child(3) {  font-weight: normal; opacity:.7; font-size: .9em;}


#Financial-Table th { box-sizing: border-box; }

#Financial-Table th:nth-child(3) {
	background: url(/wp-content/uploads/2022/05/logo-Village-on-Morehead@2X.png) no-repeat 50%;
	background-size: contain;
	height: 60px;
	width: 30%;
}

#Financial-Table td,
#Financial-Table th {
	font-size: 1.5em;
	text-align: center;
	line-height: 1.2em;
	margin: 0;
	padding: 8px;
}
#Financial-Table td:first-child { 
	text-align: left; 
	font-weight: bold;
	}
#Financial-Table tbody tr:nth-child(1) td,
#Financial-Table tbody tr:nth-child(2) td,
#Financial-Table tbody tr:nth-child(3) td { font-weight: normal; }

#Financial-Table td:first-child span {
	width: .9em;
	display: inline-block;
}
#Financial-Table tr:last-child  { 
	font-weight: bold;
} 
#Financial-Table tr:last-child td { 
	border-top: 1px solid #c6ab66; 
	color: #BF7867;
}


.cost-savings {
	background-color: #BF7867;
	font-size: 1.7em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-top: 2vw;
	color: #FFF;
	border-radius: 8px;
	line-height: 1.2;
    padding: 0.5em;
    box-sizing: border-box;
}

@media screen and (max-width: 959px) { 
	#Financial-Table tr, #Financial-Table td, #Financial-Table th {display: block;}
	#Financial-Table th:nth-child(1),
	#Financial-Table td:nth-child(1) { width: 100%; }
	#Financial-Table th:nth-child(2),
	#Financial-Table th:nth-child(3),
	#Financial-Table td:nth-child(2),
	#Financial-Table td:nth-child(3)  {width: 49%;display: inline-block;}
	#Financial-Table td:nth-child(1) {font-size: 1.2em; text-align: center; padding-top:.5em;}
	#Financial-Table tr:last-child td:first-child { border: none; }
}




/* =TEAM PAGE
-------------------------------------------------------------- */


.accordian {}

.wp-block-group.accordian {
	position: relative;
	border-bottom: 1px solid #CCC;
	padding: 18px 0 18px 0;
}

.wp-block-group.accordian p {
	position: relative;
	height: auto;
	overflow: hidden;
	max-height: 0px;
	margin: 0;
	margin-top: 0;
	
	transition: all 500ms ease-out;
}

.wp-block-group.accordian.expand p {
	max-height: 400px;
	margin-top: 1em;
}

.accordian h2 { padding-bottom: 5px; }
.accordian h3 { 
    color: #555;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
}

.accordian::after {
    content: '+';
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 35px;
    line-height: 1;
	transform: rotate(0deg);
	transition: transform 250ms ease-out;
	}

.accordian.expand::after {
	transform: rotate(45deg);
}



/* =Portfolio Section
-------------------------------------------------------------- */




/* =Staff Section
-------------------------------------------------------------- */



/* =Services Section
-------------------------------------------------------------- */




/* =Blog Section
-------------------------------------------------------------- */

.post-flex {
	display: flex;
	gap:3em;
	margin-bottom: 5em;
}

#Blog-Page .post-photo {
	width: 50%;
	height: 500px;
}

#Blog-Page .post-photo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


#Blog-Page .entry-content {
	width: 50%;
}

#Blog-Page  h2.news-title {
	padding-bottom: .1em;;
}

#Blog-Page  h2.news-title a:hover {
	text-decoration: none;
}

#Blog-Page .entry-date {
    margin-bottom: 2em;
    display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}


/* =Testimonials Section
-------------------------------------------------------------- */



/* =Google Map
-------------------------------------------------------------- */





/* =SOCIAL MEDIA 
-------------------------------------------------------------- */


#socialmedia {
	margin: 5vh 0;
}

#socialmedia i {
	font-size: 2em;
	width: 50px;height: 50px;
	line-height: 50px;
	background: #FFFFFF22;
	color: #FFF;
	border-radius: 0;
	border: 1px solid #C6AB66;
}


.footer-social { text-align: center; padding-top: 1.2em; }
 #Footer-Social .fab, #Footer-Social svg { color: #f1f1f1; font-size: 2.4em; line-height: 1.5; }
 #Footer-Social .fab:hover, #Footer-Social:hover { color: #c1c6c8;  }

.footer-social a { display: inline-block; margin-right: .3em; }

#Footer-Social ul,
#Footer-Social li {
    list-style: none;
    display: inline-block;
	margin: 0 2px;
}


/* =Slide IN Elements (See JS too)
-------------------------------------------------------------- */




/* =Override
-------------------------------------------------------------- */

:where(.wp-block-columns.is-layout-flex) {gap:.5em;}

/* =Gravity Forms Override
-------------------------------------------------------------- */


#page .gform_wrapper.gravity-theme input[type=text],
#page .gform_wrapper.gravity-theme input[type=email],
#page .gform_wrapper.gravity-theme input[type=tel] { padding: .3em 0; font-size: 1.4em; }

#Section-Contact input[type=submit].button {line-height: 1.2em;}


#page .gform_wrapper.gravity-theme textarea {font-size: 1.4em; }

#page .gform_wrapper.gravity-theme .gform_fields {   grid-row-gap: 2.5em; }

#page .gform_wrapper.gravity-theme .gfield_label {font-size: 1.2em; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #777;}


#colophon .gform_wrapper.gravity-theme input[type=email] { padding: .3em .5em; background: #fff1; color: #FFF; border-color: #c6ab66; }

#colophon ::-webkit-input-placeholder { color: #CCC; }
#colophon ::-moz-placeholder { color: #CCC;  } /* firefox 19+ */
#colophon :-ms-input-placeholder { color: #CCC;  } /* ie */
#colophon :-moz-placeholder { color: #CCC; }




/* =ACTIVEDEMAND FORM
-------------------------------------------------------------- */

.contact-flex {
	display: flex;
	    align-items: center;
	justify-content: center;
}
.contact-photo {
	

	width: 50vw;
	height: 60vh;
    overflow: hidden;
	
}
.contact-photo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: 80% 0%;
}
.contact-form {
	padding: 3vw;
}


.column-inner {width: 100%;}

.activedemand-page input, 
.activedemand-page textarea, 
.activedemand-page input[type=text], 
.activedemand-page input[type=email], 
.activedemand-page input[type=tel], 
.activedemand-page select, 
.activedemand-page input#s{
    font-weight: normal;
    padding: 0.3em 0;
    font-size: 1.3em;
    margin-bottom: 1.25em;
    width: 100%;
}

.activedemand-page textarea { height: 8em; padding: .3em; }

.activedemand-page select {
	font-size: 1.1em; 
	color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}




#Flyout {
	position: fixed;
	top: 150px;
	right:0;
	z-index: 20;
}

.flyout-button {
	width: 72px;
	height: 70px;
	border: 1px solid #FFF;
	background-color: #333333dd;
	position: absolute;
	right:-74px;
	top:0;
	z-index: 110;
	border-radius: 10px 0 0 10px;	
	color: #FFF;
	text-align: center;
	font-size: 2.5em;
	cursor: pointer;
	transition: right 300ms ease-out , background-color 300ms ease-out;
	
}
.flyout-button:hover {
	background-color: #C6AB66dd;
}


.flyout-button i { line-height: 70px; }
.flyout-panel {
	position: absolute;
    top: 0;
    right: -404px;
    z-index: 100;
    width: 90vw;
    height: auto;
    padding: 55px 30px 40px 30px;
    box-sizing: border-box;
    border: 1px solid #FFF;
    background-color: #333333ee;
    border-radius: 20px 0 0 20px;
    transition: right 300ms ease-out ;
    color: #FFF;
    max-width: 400px;
}

.flyout-panel.active,
.flyout-button.active {
	right: -2px;
}

.flyout-close {
	font-size: 1.5em;
	border: 2px solid #FFF;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	height: 32px;
	width: 32px;
	line-height: 28px;
	position: absolute;
	top: 20px;
	right: 20px;
}
.flyout-close:hover {
	background: #C6AB66;
}



#Flyout .activedemand-page textarea,
#Flyout .activedemand-page input,
#Flyout .activedemand-page select {
	font-size: 1.2em;
	margin-bottom:  .7em; 
	background-color: transparent;
	color: #FFF;
}

#Flyout .activedemand-page select {
font-size: 1em;
}

#Flyout .column-inner   {margin:0;}



/* = CSS VH HEIGHTS
-------------------------------------------------------------- */




/* =Responsive Actions
-------------------------------------------------------------- */



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	
}





	
	
@media screen and (max-width: 1400px) {  
	.amenity-content {  font-size: .9em; }
	.story-container { font-size: .9em;  }
	.story-copy p:first-child {margin-left: 1em;}
	
	.typography .entry-title, .typography .page-title { font-size: 7em;}
}


@media screen and (max-width: 1300px) {  
	.amenity-image { height: 40vw;}
	.story-video {width: 55vw;}
	.story-container { width: 45vw; font-size: .8em; }
}

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


@media screen and (max-width: 1200px) { 
	
	.amenity-content { font-size: .75em;}
	.amenity-copy { width: 40%; }
	#page .amenity-title { font-size: 6em; }
	
	.story-card {height: 40vw; font-size: .9em; width: 48vw; margin-bottom: 2vw;}
	
	.stories-card {  font-size: .9em; }
	.stories-card { width: auto; }
	.stories-photo { height: 55vw; }
	
	.typography .entry-title, .typography .page-title {font-size: 6em;}

	
	.floorplan-image {  height: calc(100vw * .24); }
	

}


@media screen and (max-width: 1100px) { 
	#logo.main-logo,
	#logo-scroll.main-logo {width: 200px;}
	
	.footer-logo { border: none; }
	
		#Section-Home-Location p { margin-left:0em;}
#Section-Home-Location h2 { font-size: 2em; }
#Section-Home-Location h2+p {font-size: 1.1em;}

}

@media screen and (max-width: 1023px) { 
	#mainnav li a {padding: 0 0.9vw;}
}


@media screen and (min-width: 960px) {

	.scroll #contact-menu li a {line-height: 30px;}
	}

/*
BLUE	333333
GOLD default		C6AB66
*/ 

@media screen and (max-width: 959px) { 
	
	.typography {font-size: .9375; }
	

	#main {margin-top: 0;}
	
	#FixedHeaderSpacer, #branding, .main-logo,
	.scroll #FixedHeaderSpacer, .scroll #branding, .scroll .main-logo { height: 64px; }
	
	.scroll #logo.main-logo, 
	.scroll #logo-scroll.main-logo {
   	 height: 65px;
   	 width: 170px;
	}
	#logo.main-logo { display: none; }
	#logo-scroll.main-logo { opacity: 1; }

	.nav-contact { display: none;}

	#Main-Slider {height: 75vw}
	.banner-sub-text:after { text-shadow: -1px 0px 1px #FFF, 2px 0px 1px #FFF, 1px -1px 1px #FFF; }
	.banner-services { margin-top: 6vw; font-size: 0.7em; width: 94%; margin: inherit auto}
	
	
	#Section-Home-Banner p { font-size: 1.5em; line-height: 1.5; }
	#Section-Home-Amenities .box-title { font-size:1em;}
	
	#mainnav #responsive-menu {background: #333333ee;}	
	#mainnav #responsive-menu ul.menu {padding-top: 1em; padding-bottom: 50vh;}
	#mainnav #responsive-menu ul.menu > li { }
	#mainnav #responsive-menu ul li .sub-menu {display: block; position: relative; border-top:none; padding-top:0; border-color: #fff3; padding-bottom: 1em; margin: 0 4vw 1em 4vw;}
	#responsive-menu .sub-menu li { background: none; }
	#mainnav #responsive-menu ul li a { padding: .4em 0 .4em 4vw; font-size: 1em; 
    border-left: 5px solid transparent; border-bottom: none; }
	#menu-main-menu > li.current_page_item > a, #menu-main-menu > li.current_parent_item > a, #mainnav #responsive-menu  li.current-menu-item > a { border-bottom: none; border-left: 5px #c6ab66 solid; }
	
	.amenity-flex {}
	.amenity-image {  }
	.amenity-content { font-size: .8em; }
	
	
	
	.amenity-band { padding: 3vh; }
	.amenity-band:nth-child(even) .amenity-flex {flex-flow: row;}
	.amenity-flex { display: block; }
	.amenity-image { width: 100%; height: 66vw; min-height: inherit;}
	.amenity-content {     
		width: 100%;
		margin: 0;
		font-size: .9em;
		box-sizing: border-box;
		max-width: none;
		position: relative
	}
	#Amenity-Grid.amenity-flex { display: flex;}
	#Amenity-Grid .amenity-content {     
		width: 46%;
		font-size: .8em;
		box-sizing: border-box;
		padding: 0;
		max-width: none;
		margin-bottom: 4em;
	}
	.amenity-copy { width: 90%; padding:0;}
	
    #page .amenity-title {
		transform: translateY(-100%);
		right: auto;
		font-size: 10vw;
		letter-spacing: 1px;
		padding: 0;
		margin-top: 0.19em;
 		margin-left: 1.7vw;
	}
	
	.amenity-band:nth-child(even) .amenity-copy,
	.amenity-band .amenity-copy { position: relative; height: auto; left:auto; text-shadow: none; border: 0; padding-top: 1em; }
	#page .amenity-copy p {color: #333; text-decoration: none; }

	.amenity-band:nth-child(even) .amenity-image::before {
		background: linear-gradient(230deg,rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.94) 100%);
		}
	
	
	.floorplan-flex-item { width: 48%;}
	.floorplan-image {  height: calc(100vw * .35); }


		.footer-column {
		margin: 1em 3em;
		width: 30%;
		text-align: center;
		}
	
	
		.care-item { padding: 8vw 4vw; }
	

	
	.story-video {width: 50vw;}
	.story-container { width: 50vw; }


}



@media screen and (max-width: 768px) { 
	
	.post-flex {display: block;}
	#Blog-Page .entry-content,
	#Blog-Page .post-photo { width: 100%; height: auto;}
		

	.stories-flex {flex-wrap: wrap; }
	.stories-card {}
	

	.story-flex, .story-band:nth-child(even) 
	.story-flex { flex-direction: column;}
 	.story-video {width: 100%; height: 56.25vw; min-height: inherit;}
	.story-container {     
		width: 100%;
		margin: 0;
		font-size: .9em;
		box-sizing: border-box;
		padding: 4vw 6vw 10vw 6vw;
		max-width: none;
	}
	.story-content { padding-top: 40%; }
	
	
	
	.contact-flex { display: block;}
	.contact-photo { display: none; }
	

	.flex-features {display: block;}
	.flex-features-item { width: auto; }
	
	#More-Care-Services h4 br {display: none; }

}




@media screen and (max-width: 600px) { 
	
	.slideshow-content { font-size: .8em; }
	.slideshow-content br { display: none; }

	.amenity-band {padding: 4vh 0; }
	
	.typography .section-title { font-size: 2em; letter-spacing: 3px;}
	#Main-Slider {height: 100vw}
	
	
	#Section-Home-Amenities {   padding: 6vh 0;}
	
	#Section-Home-Amenities .center-section-content-wrapper {
		position: relative;
		transform: unset;
		top: auto;
		left: auto;
		right: auto;
	}
	.masonry-gallery { 
		display: flex; 
		flex-wrap: wrap;
	    height: auto;
    	max-height: unset;
	}
	
	#Promotion {
		font-size: 1.1em;
		    bottom: 12vw;

	}

	
	.care-flex { 
	display: block; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	}	
	.care-item { 
    width: 100%;margin:0; margin-bottom: 5px; box-sizing: border-box; padding: 4vw 6vw;
	}
	.care-item { flex-direction: column;     align-items: center; }
	#Care-Services .care-title { text-align: center; }
	#Care-Services .care-copy { width: 100%;  }
	
	
	
	.additional-care-flex { flex-direction: column; }
	.additional-care-flex-item { margin:0; }
	
	
	
	.typography .entry-title, .typography .page-title {font-size: 4em; letter-spacing: 1px;}
	
	.amenity-archive {display: block;}
	
	.amenity-copy p:first-child {margin-left: 0.5em;}

	.stories-flex {flex-flow: column;}
	
	.floorplan-flex-item { width: 100%;}
	.floorplan-image {  height: calc(100vw * .72); }
	
	
	.button { display: block;}
	
	.home .story-flex {}
	
	.footer-flex {flex-flow: column;}
	.footer-column { width: auto;}
	
}




@media screen and (max-width: 414px) { 
	
	
	#Section-Home-Banner {font-size: 0.8em;}
	    
	
	.typography .entry-title, .typography .page-title {font-size: 3.3em; letter-spacing: 1px;}

	.typography .section-title { font-size: 1.7em; letter-spacing: 2px;}

	#Amenity-Grid .amenity-content {width: 100%; margin: 0 0 1em 0; }

	.slideshow-content { font-size: .7em; }
	
	.story-card {height: 330px; } 
	


}