* {margin: 0; padding: 0; }
*, *:before, *:after {box-sizing: border-box; }

html, body { width: 100%; min-width: 320px; height: 100%; font-size: 16px; line-height: 1.25; font-family: 'Roboto', sans-serif;}

@font-face{ 
	font-family: 'Bacco';
	src: url('bacco-webfont.woff') format('woff');
}


/* MISC */
.--wrapper {padding: 2em}
.flex {display: flex; align-items: center; justify-content: center;}
.flex-column {flex-direction: column; flex-wrap: wrap;}
.flex-row {flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.flex-item { flex: 1 1 auto;}

.svg-icon {max-width: 3em; max-height: 3em;}

/* SPLASH NAV */
.splashNav {position: fixed; height: 100%; z-index: 50; right: auto; top: 0; bottom: 0; left: 100%; transition: all 0.2s ease;}
.splashNav #slideTrigger {position: absolute; background-color: #091f43; left: -7.5vh; height: 7.5vh; width: 7.5vh; transition: background-color 0.2s ease; cursor: pointer;}
.splashNav #slideTrigger:after {content: '\2261'; color: #fff; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) scale(1); font-size: 6vh; transition: transform 0.2s ease;}
.splashNav #slideTrigger:hover,
.splashNav #slideTrigger:active {background-color: #71d7f7;}
.splashNav #slideTrigger svg {fill: #fff; transform: rotate(0deg) scale(0);/*180*/ width: 100%; height: 100%; max-width: 100%; max-height: 100%; fill: #fff; transition: transform 0.2s ease;}
.splashNav .navList {list-style: none; background-color: rgba(255,255,255,0.875); position: relative;}
.splashNav .navList:after {position: absolute; top: 100%; height: 25%; width: 100%; left: 0; right: 0; background: linear-gradient(180deg, rgba(255,255,255,0.875) 0%, rgba(255,255,255,0) 100%);  content: '';}
.splashNav .navList li {}
.splashNav .navList a {display: block; text-align: center; padding: 1em 2em; font-weight: 600; color: #091f43; transition: all 0.2s ease;}
.splashNav .navList a:hover,
.splashNav .navList a:focus {textdecoration: none; color: #fff; background-color: #71d7f7;}
.splashNav .navList .orderOnline {font-family: 'Bacco'; font-weight: 400; text-transform: uppercase;}

#splashNav.openNav {left: auto; right: 0;}
#splashNav.openNav #slideTrigger svg {transform: rotate(0deg) scale(1);}
#splashNav.openNav #slideTrigger:after {transform: translateY(-50%) translateX(-50%) scale(0);}

@media (min-width: 640px) {
	.splashNav #slideTrigger {left: -5vh; height: 5vh; width: 5vh;}
	.splashNav #slideTrigger:after {font-size: 4vh;}
}


@media (min-width: 980px) {
	.splashNav .navList {background-color: rgba(255,255,255,0.75);}
	.splashNav .navList:after {background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%);}
}




/* BANNER */
.fsBanner {display: block; width: 100%; height: 56.25vw; min-height: 450px; max-height: 850px; border-bottom: 2px solid #506f45; position: relative;}
.fsBanner .inner-Banner {position: relative; width: 100%; height: 100%; z-index: 10;}
.inner-Banner .content {height: 100%; padding: 3.5em; text-align: center; flex-wrap: wrap;}

.inner-Banner .flex-item {flex: 0 1 auto;}
.inner-Banner .logo {display: block;}
.inner-Banner .logo img {width: 110px; display: block; margin: 0 auto 1em;}
.inner-Banner .h1 {font-family: 'Bacco'; text-transform: uppercase; color: #091f43; font-size: 1.75em; line-height: 1; margin: 0;}
.inner-Banner .tagline {font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #506f45; font-size: 1.1em; line-height: 2; margin: 0;}
.inner-Banner .tagdesc {font-size: 0.825em; line-height: 1; font-style: italic; margin: 0.5em auto;}
/*
.inner-Banner .address {display: block; margin: 1em 0; padding: 1em 1.5em; color: #091f43; text-decoration: none; font-size: 1em; position: relative; transition: color 0.25s linear;}
.inner-Banner .address:hover,
.inner-Banner .address:focus {color: #fff;}
.inner-Banner .address:before {content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #091f43;  transform: skewX(-15deg) rotateX(90deg);
	outline-style: double; outline-offset: -0.5em; outline-color: #fff; outline-width: 0.2em; transition: transform 0.25s linear;}
.inner-Banner .address:hover:before,
.inner-Banner .address:focus:before {transform: skewX(-15deg) rotateX(0deg);}
*/

.inner-Banner .cta {display: block; position: relative; margin: 3em -3em 3em 0; text-decoration: none; color: #fff; font-size: 0.8em; transition: color 0.25s linear;}
.inner-Banner .cta .contain {position: relative; flex-wrap: nowrap;}
.inner-Banner .cta .contain:after {content:''; width: 80%; height: 80%; position: absolute; top: 10%; left: -7.5%; z-index: -1; background-color: #091f43; transform: skewX(-15deg) rotateX(0deg);
	outline-style: double; outline-offset: -0.5em; outline-color: #fff; outline-width: 0.25em; transition: transform 0.25s linear;}
	
.inner-Banner .cta .circleRight {width: 12em; height: 12em; border-radius: 50%; margin-left: 0.5em; border: 0em solid #fff; transition: border-width 0.25s linear;}

.cta .emp {font-family: 'Bacco'; font-size: 1.2em; line-height: 1;}
.cta .deet {text-transform: uppercase; font-weight: 700; font-size: 0.8em; letter-spacing: 0.1em; line-height: 3;}
.cta .adr {font-size: 1em; line-height: 1.2}

.inner-Banner .cta:hover,
.inner-Banner .cta:focus {color: #091f43;}
.inner-Banner .cta:hover .contain:after,
.inner-Banner .cta:focus .contain:after {transform: skewX(-15deg) rotateX(90deg);}
.inner-Banner .cta:hover .circleRight,
.inner-Banner .cta:focus .circleRight {border-width: 0.5em;}


@media screen and (orientation: portrait) {
	.inner-Banner .content {flex-wrap: nowrap;}
}

@media screen and (min-width: 730px) and (orientation: portrait) {
	.inner-Banner .content {flex-wrap: wrap;}
}

@media screen and (min-width: 600px) {
	.inner-Banner .content {padding: 4em 2em;}
}


.address .locality:after {display: inline-block; content:'\002C';}
.address .region {padding: 0 0.4em 0 0.2em;}

.fsBanner .bannerBG {position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; bottom: 0; right: 0;
	background-size: cover; background-image: url(../images/bannerBG.jpg); background-position: center center;}

@keyframes sliderDown {
	0% {opacity: 0; top: -3vh;}
	15% {opacity: 1;}
	85% {opacity: 1;}
	100% {opacity: 0; top: 0%;}
}

.fsBanner .keepGoing {position: absolute; z-index: 2; bottom: 0; left: 50%; right: 50%;}
.keepGoing #goDown {width: 3em; height: 3em; position: relative;margin: 0 -1.5em;}
.keepGoing .svg-icon {max-width: 3em; max-height: 3em; transform: rotate(90deg); position: absolute; animation: sliderDown 1.5s linear infinite; 
	width: 100%; height: 100%; fill: #506f45;}



/* VHCS - Visit Hours Contact Socials */
.VHCSitem {flex: 1 1 100%; position: relative;}
.VHCSitem .square {padding-top: 100%;}
.VHCSitem .text {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5;}
.VHCSitem .text .flex-item {flex: 0 1 auto;}

.VHCSitem .square {background-size: cover; background-position: center center;}
.visit .square {background-image: url(../images/mapBG.jpg);}
.hours .square {background-image: url(../images/frontBG.jpg);}
.contact .square {background-image: url(../images/dynastyBG.jpg);}
.socials .square {background-image: url(../images/waitingBG.jpg);}

.VHCSitem .content {text-align: center;}
.VHCSitem .content .heading {font-weight: 400; font-size: 1.75em; letter-spacing: 0.05em; text-transform: uppercase; font-family: 'Bacco'; 
	color: #fff; text-shadow: 0.05em 0.05em 0.1em #000; text-decoration: underline;}

.VHCSitem .content p,
.VHCSitem .content a {margin: 0; font-weight: 700; font-size: 1em; color: #fff; text-shadow: 0.05em 0.05em 0.1em #091f43;}
.VHCSitem .content p {padding: 0.5em;}

.VHCSitem .content a {display: block; position: relative; padding: 0.5em 1em; margin: 0; text-decoration: none; transition: color 0.25s linear;}
.VHCSitem .content a:hover,
.VHCSitem .content a:focus {color: #fff;}
.VHCSitem .content a:before {content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #091f43; transform: skewX(-15deg) rotateX(90deg);
	outline-style: double; outline-offset: -0.4em; outline-color: #fff; outline-width: 0.2em; transition: transform 0.25s linear;}
.VHCSitem .content a:hover:before,
.VHCSitem .content a:focus:before {transform: skewX(-15deg) rotateX(0deg);}





.VHCSitem .content .hoursRow {display: flex; align-items: center; justify-content: space-between;}
.hoursRow .day {padding-right: 0.5em;}

.VHCSitem .text .social-link {padding: 1em; margin: 0 0.5em; display: flex; position: relative;}
.VHCSitem .text .social-link:before {content:''; width: 100%; height: 100%; background-color: #091f43; position: absolute; z-index: -1; top: 0; left: 0; border-radius: 50%; transform: rotateY(0deg);
	outline: none; transition: background-color 0s linear 0.125s, transform 0.25s linear;}
.VHCSitem .text .social-link:hover:before,
.VHCSitem .text .social-link:focus:before {background-color: #82d5f7; transform: skewX(0deg) rotateX(0deg) rotateY(180deg);}
.VHCSitem .text .social-link .svg-icon {fill: #fff; width: 100%; height: 100%;}



/* FOOTER */
.footer {background-color: #091f43; color: #fff; text-align: center;}



@media (min-width: 400px) {
	.keepGoing #goDown {width: 4em; height: 4em; margin: 0 -2em;}
	.keepGoing .svg-icon {max-width: 4em; max-height: 4em;}

	.VHCSitem .content .heading {font-size: 2.25em;}
	.VHCSitem .content p,
	.VHCSitem .content a {font-size: 1.25em;}
}

@media (min-width: 640px) {	
	.VHCSitem .content .heading {font-size: 2.5em;}
	.VHCSitem .content p,
	.VHCSitem .content a {font-size: 1.5em;}
}



@media (min-width: 760px) {
	.keepGoing #goDown {width: 5em; height: 5em; margin: 0 -2.5em;}
	.keepGoing .svg-icon {max-width: 5em; max-height: 5em;}
	
	.VHCSitem {flex: 1 1 50%;}
	.VHCSitem .content .heading {font-size: 2em;}
	.VHCSitem .content p,
	.VHCSitem .content a {font-size: 1.25em;}
}



@media (min-width: 960px) {
	/*.fsBanner {min-height: 600px;}*/
	.inner-Banner .logo img {width: 132px;}
	.inner-Banner .h1 {font-size: 2.1em;}
	.inner-Banner .tagline {font-size: 1.32em;}
	.inner-Banner .tagdesc {font-size: 1em;}

	.inner-Banner .cta {font-size: 1em;}

	.inner-Banner .content {flex-wrap: wrap;}

	.VHCSitem .content .heading {font-size: 2.5em;}
	.VHCSitem .content p,
	.VHCSitem .content a {font-size: 1.5em;}
}




@media (min-width: 1200px) {
	.inner-Banner .logo img {width: 160px;}
	.inner-Banner .h1 {font-size: 2.5em;}
	.inner-Banner .tagline {font-size: 1.6em;}
	.inner-Banner .tagdesc {font-size: 1.2em;}

	.inner-Banner .cta {font-size: 1.1em; margin-top: 5em; margin-bottom: 5em;}
}



@media (min-width: 1350px) {
	.inner-Banner .logo img {width: 192px;}
	.inner-Banner .h1 {font-size: 3.125em;}
	.inner-Banner .tagline {font-size: 2em;}
	.inner-Banner .tagdesc {font-size: 1.5em;}

	.inner-Banner .cta {font-size: 1.25em; margin-top: 10em;}
}




@media (min-width: 1540px) {
	.inner-Banner .logo img {width: 230px;}
	.inner-Banner .h1 {font-size: 3.75em;}
	.inner-Banner .tagline {font-size: 2.4em;}
	.inner-Banner .tagdesc {font-size: 1.8em;}

	.inner-Banner .cta {font-size: 1.5em;}

	.inner-Banner .content {max-width: 1540px; margin: 0 auto;}
}




@media (min-width: 1600px) {
	/*.fsBanner {min-height: 750px;}*/
	.VHCSitem {flex: 1 1 25%;}
	.VHCSitem .content .heading {font-size: 2em;}
	.VHCSitem .content p,
	.VHCSitem .content a {font-size: 1.25em;}
}

@media (min-width: 1900px) {
	/*.inner-Banner h1 {font-size: 5em;}
	.inner-Banner .tagline {font-size: 2.75em;}
	.inner-Banner .cta {font-size: 2em;}*/
}


/* NEVE THEME ELEMENT OVERRIDES */
body.home .wrapper {position:  relative;}
body.home .header {position: absolute; top: 0; left: 0; right: 0; z-index: 50;}
body.home .hfg_header.site-header {box-shadow:  none;} /* 0 -1px 3px rgba(0,0,0,.1) */
body.home .nv-navbar {background-color:  transparent;}
body.home .hfg_header .header-main-inner {background-color:  transparent;}

body.home .builder-item--logo {position: relative; overflow: hidden;}
body.home .builder-item--logo .site-logo {position:  absolute; top: -100%;}

.neve-homepage-wrap {margin: 0 auto; width: 90%; max-width: 1170px;}