/********************************************
	Villa-Marin.com
	Built by WebSight Design, Inc.
*********************************************/

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
    /** Stephs comment **/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 18px;
	font-family: "Roboto Condensed", sans-serif;
	background: #fff;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 20px 0;
	font-family: "DM Serif Display", serif;
    line-height:120%;
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size:28px; }

h1.llh2 { font-size: 24px; }

a, a:visited { color: #666; text-decoration: none; }
a:hover, a:active { color: #888; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; }

a.navybtn { display:inline-block; margin:0; padding:16px 30px;
    font-size:16px; color:#fff; font-weight:700; text-transform:uppercase; text-decoration:none; line-height:normal;
    background:#002b49; transition:0.2s linear all;
}
a.navybtn:hover { background:#185a7d; }

a.navybtn.pdfbtn { background:url('../images/pdf-icon.png') 18px 50% no-repeat #002b49; background-size:20px auto; 
    padding:16px 30px 16px 53px;
}
a.navybtn.pdfbtn:hover { background:url('../images/pdf-icon.png') 18px 50% no-repeat #185a7d; background-size:20px auto; }

a.whitebtn { display:inline-block; margin:0; padding:16px 30px;
    font-size:16px; color:#000; font-weight:700; text-transform:uppercase; text-decoration:none; line-height:normal;
    background:#fff; transition:0.2s linear all;
}
a.whitebtn:hover { background:#f2f2f2; }

a.headline-link, div.block-content a.headline-link, div.block-content #contact-bc a { padding:0; margin:0; background:none; font-size:inherit; color:#002b49; text-transform:none; font-weight:normal; }
a.headline-link:hover, div.block-content a.headline-link:hover, div.block-content #contact-bc a:hover { background:none; text-decoration:underline; }

p { padding:0 0 20px 0; line-height:140%; }
.ckeditor p { padding:10px 0 20px 0; }

img { height:auto; }
img.bg-img { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:1; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.clear { clear: both; }
.clearfix::after { content:''; clear:both; display:table; }

.container { width:100%; max-width:1500px; margin:0 auto; }

.bodypad { padding:40px 20px; }

.mob { display:block; }
.mob2 { display:inline-block; }
.dsk, .dsk2 { display:none !important; }

.bg-stripe { background:url('../images/bg-stripes.jpg') 50% 0 no-repeat #d9eaef; background-size:100% auto; border-top:1px transparent solid; border-bottom:1px transparent solid; }

/*** Basic List Styling ***/
ul {
	margin: 0px 0px 20px;
	padding: 0 0 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul li { margin-bottom: 5px; line-height:140%; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ul.faqA { padding:0; list-style-type:none; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: outside;
}
ol li { margin-bottom: 5px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }



/*** Blockquote ***/
/*genric styles for blockquote in content*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/*** CKEditor Image Alignment Classes ***/
.ckeditor { }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0px auto;
	width: 100%;
	min-width: 350px;
	/*max-width: 1920px;*/
	position: relative;
}

/*** Header ***/
#header { width:100%; padding:0 20px; height:95px; }

#logo { position:absolute; top:-30px; left:-15px; z-index:900; 
    display:block; width:175px; height:79px; overflow:hidden;
    background:url('../images/villa-marin-logo-border.png') 0 0 no-repeat; background-size:100% auto;
    font-size:1px; text-indent:-3000px; text-align:left;
}

#super-hdr { width:calc(100% + 40px); margin-left:-20px; display:block; }
#super-hdr ul { display:block; list-style-type:none; margin:0; padding:0; }
#super-hdr ul li:first-child, #super-hdr ul li:nth-child(2) { display:none; }
#super-hdr ul li a.hdr-schedule { background:#efb56a; text-transform:uppercase; font-weight:700; color:#3d2301; text-align:right; display:block; width:100%; padding:7px 20px 5px 20px; }

/*** Main Menu ***/
#menuBtn { width:40px; height:40px; display:block; margin:5px 0; cursor:pointer; position:relative; float:right; border:none; background:transparent; }

#menuBtn svg:first-child { position:absolute; top:10px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }
#menuBtn svg:nth-child(2n) { position:absolute; top:18px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }
#menuBtn svg:last-child { position:absolute; top:26px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }

#menuBtn.open svg:first-child { transform: rotate(45deg); top:18px; }
#menuBtn.open svg:nth-child(2n) { opacity:0; }
#menuBtn.open svg:last-child { transform: rotate(-45deg); top:18px; }

#mainmenu { display:none; 
    position:absolute; top:56px; left:-20px; z-index:9999;
    background:#fff; width:calc(100% + 40px);
}

#mainmenu ul { list-style-type:none; margin:0; padding:0; }
#mainmenu ul li { display:block; width:100%; border-bottom:1px #ccc solid; font-size:19px; }
#mainmenu ul li a { padding:5px 20px; display:block; color:#000; text-decoration:none; }

#mainmenu ul li > ul { display:none; }




/*** Content Area ***/
#content { }

.bodpad { padding:40px 20px; }

/** Blocks **/
div.block-content a { display:block; width:100%; margin:0; padding:16px 30px;
    font-size:16px; color:#fff; font-weight:700; text-transform:uppercase; text-decoration:none; text-align:center;
    background:#002b49; transition:0.2s linear all;
}
div.block-content a:hover { background:#185a7d; }

div.block-content img { width:100%; margin:0 0 20px 0; display:block; }

/** On-Page Testimonial **/
div.onpage-testimonial {
    padding:50px 20px; width:calc(100% + 40px); margin-left:-20px;
    background:url('../images/testimonials-bg.png') 60% 0 no-repeat #efb56a;
    font-size:20px; line-height:140%; 
}
div.onpage-testimonial.fitme { width:100%; margin-left:0; }

div.opt-inner { width:100%; max-width:830px; margin:0 auto; text-align:center; }
.byline { font-size:16px; text-transform:uppercase; letter-spacing:1px; }

#page-intro { width:100%; display:block; }
#page-intro a { color:#fff; text-decoration:underline; }
div.intro-text { 
    background:url('../images/subpage-title-gradient.jpg') 0 0 no-repeat #002b49; background-size:100% 100%;
    color:#fff; padding:20px; font-size:18px;
}
div.intro-photo { display:none; }



/*** Footer ***/
#footer { background:url('../images/footer-bg.jpg') 50% 0 no-repeat #002b49; background-size:cover;
    color:#fff; font-size:15px; padding:0 20px;
    position:relative;
}
#footer a { color:#fff; text-decoration:none; }
#footer ul { margin:0; padding:0; list-style-type:none; }

#footer div.container { padding-top:40px; }
div.footer-right .flex100 div:first-child, div.footer-right .flex100 div:nth-child(2) { display:none; }

div.copy { border-top:1px #005d84 solid; margiN:20px 0; padding:20px 0; }
    
a.fb { display:inline-block; width:40px !important; height:40px !important;
    background:url('../images/facebook-white.svg') 50% 50% no-repeat #008fbe !important; background-size:auto 20px !important; 
    padding:0 !important; margin:0 !important;
}
a.fb b, a.fb strong { display:none; }
    
a.ftr-tel { font-size:20px; color:#fff; text-decoration:none;
    background:url('../images/phone.svg') 0 4px no-repeat; background-size:16px auto;
    display:block; padding:0 0 0 28px; margin:0 0 25px 0;
}
a.ftr-map { font-size:20px; color:#fff; text-decoration:none;
    background:url('../images/map-pin.svg') 0 4px no-repeat; background-size:16px auto;
    display:block; padding:0 0 0 28px; margin:0 0 20px 0;
}


/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	max-width: 640px;
}
div.form label {
	display: block; padding:5px 0;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 0;
}
div.form fieldset { margin:0 0 10px 0; }
div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	padding: 5px;
	width: 100%;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
    font-family: "Roboto Condensed", sans-serif; font-size:18px;
}
div.form textarea {
	padding: 5px;
	width: 100%;
	height: 120px;
	resize: none;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
    font-family: "Roboto Condensed", sans-serif; font-size:18px;
}
div.form select {
	padding: 5px;
	width: 100%;
	border: 1px solid #666;
	border-radius: 0px;
    font-family: "Roboto Condensed", sans-serif; font-size:18px;
}
div.form .note { font-size: .9em; }
div.form span.required { color: #023d67; }

div.form .row.buttons { text-align: center; }

div.form input[type=submit] { display:inline-block; margin:0; padding:16px 30px; border:none;
    font-size:18px; color:#fff; font-weight:700; text-transform:uppercase; font-family: "Roboto Condensed", sans-serif;
    background:#002b49; transition:0.2s linear all; cursor:pointer;
}
div.form input[type=submit]:hover { background:#185a7d; }

div.ckopt1 label, div.ckopt2 label { width:75%; display:inline-block; vertical-align:middle; padding-left:10px; }


/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #990000;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #f2f2f2;
}

div.form .errorMessage { color: #990000; font-size:0.8em; font-weight:bold; letter-spacing:1px; margin:5px 0; }


/***** BREADCRUMBS *****/
#breadcrumbs-wrapper { }
ul.breadcrumbs { margin:0; padding:0; list-style-type:none; font-size: 14px; }
ul.breadcrumbs li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}
ul.breadcrumbs li a { text-decoration: underline; color: #666; }



/****** HOMEPAGE ******/
/** Banner **/
#hp-banner { background:#000; width:100%; height:calc(65vh + 90px); overflow:hidden; position:relative; }
.bgVid { min-height:65vh; width:auto; min-width:100%; max-width:none;
    opacity:0.75;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

#hp-banner .slideshow { position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; display:flex; align-items:flex-end; padding:0 20px; }
#hp-banner .slideshow .container { display:block; padding-bottom:90px; }
#hp-banner .slideshow .container .slidetext { }
#hp-banner h1 { color:#fff; font-size:clamp(32px, 6vw, 100px); line-height:120%; }

div.banner-link { position:absolute; bottom:0; left:0; background:#002b49; padding:20px; width:100%; }
div.banner-link a.navybtn { display:none; }
div.banner-link a.whitebtn { display:block; width:100%; }

/** Tiles **/
#hp-tiles { width:100%; margin:40px 0 40px 0; text-align:center; }

div.hp-tile-indv { width:100%; max-width:400px; margin:0 auto 40px auto; display:inline-block; vertical-align:top; color:#fff; padding:0 0 10px 0; overflow:hidden; }
div.hpt-img-holder { width:100%; display:block; aspect-ratio:93 / 80; margin:0 0 20px 0; position:relative; overflow:hidden; }
div.hpt-img-holder img { width:100%; height:100%; object-fit:cover; max-width:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#hp-tiles div.hp-tile-indv.no1 { background:#002b49; }
#hp-tiles div.hp-tile-indv.no2 { background:#185a7d; }
#hp-tiles div.hp-tile-indv.no3 { background:#008fbe; }
#hp-tiles div.hp-tile-indv.no4 { background:#002b49; }
#hp-tiles div.hp-tile-indv.no5 { background:#185a7d; }
#hp-tiles div.hp-tile-indv.no6 { background:#008fbe; }
#hp-tiles div.hp-tile-indv.no7 { background:#002b49; }
#hp-tiles div.hp-tile-indv.no8 { background:#185a7d; }
#hp-tiles div.hp-tile-indv.no9 { background:#008fbe; }
#hp-tiles div.hp-tile-indv.no10 { background:#002b49; }
#hp-tiles div.hp-tile-indv.no11 { background:#185a7d; }
#hp-tiles div.hp-tile-indv.no12 { background:#008fbe; }

div.hp-tile-indv a { color:#fff; text-decoration:none; }
div.hp-tile-indv h4 { padding:0 20px 10px 20px; }
div.hp-tile-indv p { padding:0 20px 20px 20px; }

#hp-tiles .slick-next { width:32px; height:100%; transform:none; z-index:8888; opacity:1; background:url('../images/right-arrow-white.svg') 0 50% no-repeat; background-size:24px auto; top:0; right:0; }
#hp-tiles .slick-prev { width:32px; height:100%; transform:none; z-index:8888; opacity:1; background:url('../images/left-arrow-white.svg') 100% 50% no-repeat; background-size:24px auto; top:0; left:0; }
#hp-tiles .slick-next::before, #hp-tiles .slick-prev::before { content:''; }

#hp-tiles .slick-dots { bottom:0; }
#hp-tiles .slick-dots li { margin:0; }
#hp-tiles .slick-dots li.slick-active button:before { opacity:1; color:#002b49; font-size:10px; }
#hp-tiles .slick-dots li button:before { font-size: 10px; opacity:1; color: #008fbe; }

/** Onpage Contact **/
div.onpage-contact { background:#000; position:relative; width:100%; display:block; overflow:hidden; color:#fff; }
div.onpage-contact img.bg-img { opacity:0.5; }
    
div.opc-inner { padding:50px 20px; position:relative; z-index:10; }


/*** OUR STORY ***/
#history { padding:50px 20px; background:#a3d7e8; }
#timeline { width:100%; position:relative; }
div.timeline-dates { width:102px; float:left; background:url('../images/bluebar.png') 95% 0 repeat-y; }
div.timeline-actions { width:calc(100% - 120px); float:right; }

div.date-tag { width:100px; display:block; position:relative; margin-bottom:12px; }
.tdate { corner-shape: round bevel bevel round; border-radius: 8px 30px 30px 8px; /* / 16px 50% 50% 16px */ 
    background:#185a7d; padding:8px 30px 8px 15px; display:inline-block; width:95px;
    color:#fff; font-family: "DM Serif Display", serif; font-size:20px; text-decoratioN:none;
    transition:0.2s linear all; cursor:pointer;
}
.tdate:hover { color:#fff; text-decoration:none; background:#008fbe; }
.tdate.dateon { color:#fff; text-decoration:none; background:#008fbe; }

.tdot { width:8px; height:8px; border-radius:50%; background:#008fbe;
    position:absolute; top:18px; right:0; z-index:10;
}

div.timeline-activity.nosho { display:none; }


/*** NEWS ***/
#news-cats { text-align:center; margin:0 0 60px 0; }
#news-cats div.form { width:100%; margin:0 auto; display:inline-block; }

#news-cats div.form label { width:44%; white-space:nowrap; padding:7px 5px 0 0; vertical-align:top; display:inline-block; float:none; text-align:right; }
#news-cats div.form select { width:54%; padding:5px; height:auto; display:inline-block; vertical-align:top; float:none; margin:0; }

ul.tags { list-style-type:none; padding:10px 0 0 0; }
ul.tags li { display:inline-block; vertical-align:top; border-right:1px #999 solid; padding-right:10px; margin-right:6px; font-size:0.8em; }
ul.tags li:first-child, ul.tags li:last-child { border-right:none; padding-right:0; margin-right:0; }
ul.tags li a, ul.tags li a:hover { color:#000; text-decoration:underline; text-transform:none; }

div.postNav { text-align:center; padding:50px 0 60px 0; border-top:1px #ccc solid; margin-top:50px; }
div.postNav a { display:inline-block; width:auto; margin:0 10px; }


/*** CONTACT ***/
#gmap { width:100%; display:block; }
#gmap iframe { width:100%; height:500px; display:block; margin:0; }


/*** TEAM ***/
div.team-img-col { width:100%; margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px #ccc solid; }
div.team-img-col img { width:100%; max-width:400px; display:block; }


/*** COMMUNITY ***/
/* Residents */
#residents { width:100%; display:block; margin:60px 0; text-align:center; }
div.resident-indv { width:100%; max-width:400px; display:inline-block; margin:0 10px 40px 10px; text-align:left; vertical-align:top; }
div.resident-indv img { width:100%; display:block; }

/*** GALLERY ***/
#photo-gallery { margin:20px 0 60px 0; width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
#photo-gallery a { display:block; width:48%; margin-bottom:20px; }
#photo-gallery a img { width:100%; aspect-ratio:6 / 4; object-fit:cover; }

/*** CONDOS ***/
/* Floor Plans */
div.plan-photos { border-bottom:1px #ccc solid; margin-bottom:30px; }

div.plan-gallery { width:100%; display:block; }

div.plan-large a, div.plan-large img { width:100%; display:block; }
div.plan-small { margin:10px 0 20px 0; padding:0 30px; }
div.plan-small img { padding:10px; height:100px; width:auto; cursor:pointer; }

div.plan-small .slick-next { width:30px; height:100%; top:0; right:0; z-index:888; opacity:1; transform:none;
    background:url('../images/right-arrow-white.svg') 100% 50% no-repeat; background-size:20px auto; filter:invert(1);
}
div.plan-small .slick-prev { width:30px; height:100%; top:0; left:0; z-index:888; opacity:1; transform:none;
    background:url('../images/left-arrow-white.svg') 0 50% no-repeat; background-size:20px auto; filter:invert(1);
}
div.plan-small .slick-prev::before, div.plan-small .slick-next::before { content:''; }

ul.floorplan-details { width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; list-style-type:none; padding:0; }
ul.floorplan-details li { width:30%; text-align:center; display:block; margin:0 0 20px 0; font-weight:500; font-size:1.2em; }
ul.floorplan-details h4 { padding:0; font-weight:400; color:#185a7d; }

div.floorplan-video { width:100%; max-width:1000px; margin:0 auto 30px auto; }

/* Available Unites */
#available { width:100%; display:block; }
div.unit { width:100%; display:flex; align-items:stretch; flex-wrap:wrap; border-bottom:2px #000 solid; border-top:1px #ccc solid; border-left:1px #ccc solid; }
div.unit div { border-right:1px #ccc solid; padding:15px 0; text-align:center; width:25%; }

#available2 { width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
div.unit2 { width:100%; display:inline-block; vertical-align:top; border-bottom:2px #000 solid; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; margin-bottom:30px; padding:20px; }
div.unit2 p { padding:0 0 10px 0; }
div.unit-third { width:48%; display:inline-block; vertical-align:top; margin-bottom:10px; }


/***************************************************
	TABLET LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 640px) {

    /*** NEWS ***/
    #news-cats div.form label { width:auto; }
    #news-cats div.form select { width:250px; }
    
    /*** CONTACT ***/
    #gmap iframe { width:100%; height:600px; }
    

}  /* @media(min-width: 992px) */


/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 992px) {

	/****** GLOBAL ELEMENT CSS ******/
	body {  }
    
    a.navybtn { display:inline-block; margin:5px 5px 5px 0; padding:20px 40px; font-size:18px; }
    a.whitebtn { display:inline-block; margin:5px 5px 5px 0; padding:20px 40px; font-size:18px; }
    
    .bodypad { padding:60px 50px; }
    
    h1 { font-size:60px; }
    h1.llh2 { font-size: 46px; }
    h2 { color:#002b49; font-size:46px; }
    h4 { font-size:32px; }

	.mob, .mob2 { display:none !important; }
    .dsk { display:block !important; }
    .dsk2 { display:inline-block !important; }
	
	
	/*** Header ***/
    #header { text-align:right; padding:0 50px; height:auto; }

    #logo { position:absolute; top:-34px; left:-20px; z-index:900; 
        display:block; width:267px; height:120px; overflow:hidden;
        background:url('../images/villa-marin-logo-border.png') 0 0 no-repeat;
        font-size:1px; text-indent:-3000px; text-align:left;
    }

    #super-hdr { width:calc(100% + 100px); margin-left:-50px; height:40px; background:#f2f2f2; display:block; padding:0 50px; }
    #super-hdr ul { display:inline-block; }
    #super-hdr ul li { display:inline-block; margin:0; padding:0; font-size:16px; }
    #super-hdr ul li:first-child, #super-hdr ul li:nth-child(2) { display:inline-block; }
    #super-hdr ul li:first-child { border-right:1px #ccc solid; }
    #super-hdr ul li a { padding:10px 15px; display:block; color:#000; text-decoration:none; }
    #super-hdr ul li a.hdr-schedule { background:#efb56a; text-transform:uppercase; font-weight:700; color:#3d2301; width:auto; padding:10px 15px; }
    
    #menuBtn { display:none; }
    
    #mainmenu { display:inline-block; width:auto; background:transparent; position:relative; top:unset; left:unset; margin:0; z-index:200; }
    #mainmenu ul { list-style-type:none; display:flex; padding:0; margin:7px 0 0 0; }
    #mainmenu ul li { display:block; position:relative; font-size:19px; border-bottom:none; }
    #mainmenu ul li a { display:block; padding:20px; font-weight:bold; color:#000; text-decoration:none; white-space:nowrap; }
    #mainmenu ul li:last-child a { padding-right:0; }

    #mainmenu ul li > ul { display:none;
        position:absolute; top:40px; left:0; z-index:800;
        text-align:left; margin:0; padding:5px 0 0 0;
        background:#fff;
    }
    #mainmenu ul li > ul li { display:block; }
    #mainmenu ul li > ul li a { padding:5px 20px !important; }
    #mainmenu ul li:hover > ul { display:block; }
    
	

	/*** Content Area ***/
    #content { }
    
    .bodpad { padding:60px 50px; }
    
    /** Blocks **/
    div.block-content { width:100%; display:flex; align-items:center; margin:0 0 60px 0; }
    div.bc-left-text { width:50%; display:block; padding:0 5% 0 0; }
    div.bc-right-img, div.bc-left-img { width:50%; display:block; }
    div.bc-right-text { width:50%; display:block; padding:0 0 0 5%; }
    
    div.block-content img { margin:0; }

    div.block-content a { display:inline-block; width:auto; margin:5px 5px 5px 0; padding:20px 40px; font-size:18px; }
    
    /** On-Page Testimonial **/
    div.onpage-testimonial {
        padding:100px 50px; width:calc(100% + 100px); margin-left:-50px;
        background:url('../images/testimonials-bg.png') 43% 0 no-repeat #efb56a;
        font-size:24px; line-height:140%; 
    }
    div.onpage-testimonial#hptest { background:url('../images/testimonials-bg.png') 79% 0 no-repeat #efb56a; }
    
    #page-intro { width:100%; display:flex; align-items:center; /*background-image:linear-gradient(130deg, #005d84, #002b49);*/
        background:url('../images/subpage-title-gradient.jpg') 0 0 no-repeat #002b49; background-size:42% 700px;
    }
    div.intro-text { width:42%; color:#fff; display:block; text-align:right; padding:0 0 0 50px; font-size:22px; background:none; }
    div.it-inner { display:inline-block; text-align:left; width:100%; max-width:630px; padding-right:20%; }
    div.intro-photo { width:58%; display:block; }
    div.intro-photo img { width:100%; height:700px; object-fit:cover; display:block; }



    /*** Footer ***/
	#footer { background:url('../images/footer-bg.jpg') 50% 0 no-repeat #002b49; background-size:100% auto; padding:0 50px; }
    
    #footer div.container { padding-top:50px; }
    
    div.footer-left { width:50%; float:left; }
    div.footer-right { width:50%; float:right; }
    
    .flex100 { width:100%; display:flex; align-items:flex-start; justify-content:space-between; }
    div.footer-right .flex100 div:first-child, div.footer-right .flex100 div:nth-child(2) { display:block; }

    div.flexchild50 { width:50%; display:block; }
	.flex100 .flexchild50:first-child { padding-right:5%; }
    .flex100 .flexchild50:last-child { padding-left:5%; }

	
	/****** FORMS ******/
	div.form { max-width: none; }
	div.form label {
		float: left;
		width: 25%;
	}
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password] {
		width:75%;
	}
	div.form textarea {
		width:75%;
		height: 120px;
	}
	div.form select {
		width:75%;
	}
	div.form .row.buttons { text-align: left; }


	/****** HOMEPAGE ******/
    /** Banner **/
    #hp-banner { height:85vh; }
    .bgVid { min-height:85vh; width:auto; min-width:100%; max-width:none; }

    #hp-banner .slideshow { align-items:center; padding:0 50px; }
    #hp-banner .slideshow .container { padding-bottom:0; }
    #hp-banner h1 { font-size:100px; }
    
    div.banner-link { positioN:relative; background:none; padding:0; }
    div.banner-link a.whitebtn { display:none; }
    div.banner-link a.navybtn { display:inline-block; }
    
	/** Tiles **/
    #hp-tiles { width:100%; display:flex; align-items:stretch; justify-content:space-between; margin:60px 0; flex-wrap:wrap; }
    
    div.hp-tile-indv { width:30%; display:block; transition:0.2s linear all; max-width:none; margin:100px 0 40px 0; opacity:0; }
    div.hp-tile-indv:hover { box-shadow:0 0 20px rgba(0,0,0,0.25); }

    div.hpt-img-holder img { transition:0.2s linear all; }
    div.hp-tile-indv:hover div.hpt-img-holder img { width:105%; height:105%; max-width:none; }
    
    #hp-tiles .slick-dots { bottom:-40px; }
    
    div.hp-tile-indv.fademeup { 
        animation-name: fadeup;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

    div.hp-tile-indv.already-visible { opacity:1; margin-top:0; }

    @keyframes fadeup {
        from { margin-top:100px; opacity:0; }
        to { margin-top:0; opacity:1; }
    }
    
    div.opc-inner { padding:100px 50px; position:relative; z-index:10; }
    
    /*** OUR STORY ***/
    #history { padding:100px 50px; }
    #timeline { font-size:20px; margin:20px 0; }
    div.timeline-actions { width:calc(100% - 150px); float:right; }
    
    .tdate { padding:10px 35px 10px 15px; font-size:24px; }
    .tdot { top:23px; right:0; z-index:10; }

    /*** CONTACT ***/
    #gmap iframe { width:100%; height:780px; }
    
    div.form#contact-form label { width:auto; float:none; display:inline-block; }
    div.form#contact-form input[type=text], div.form#contact-form input[type=number], div.form#contact-form input[type=password], div.form#contact-form select { width:100%; }
    
    div.form#contact-form fieldset.halfleft { width:48%; float:left; clear:both; }
    div.form#contact-form fieldset.halfright { width:48%; float:right; }
    div.form#contact-form fieldset.full { width:100%; }
    
    div.form#contact-form textarea { width:100%; }
    div.ckopt1 { width:auto; display:inline-block; vertical-align:top; margin-right:10px; }
    div.ckopt2 { width:auto; display:inline-block; vertical-align:top; }
    div.ckopt1 label, div.ckopt2 label { width:auto; display:inline-block; vertical-align:middle; padding-left:0; }
    
    /*** TEAM ***/
    div.team-img-col { width:30%; float:left; border-bottom:0; margin-bottom:0; }
    div.team-bio-col { width:65%; float:right; }
    
    /*** COMMUNITY ***/
    /* Residents */
    #residents { width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin:60px 0; }
    div.resident-indv { width:30%; display:block; margin:0 0 40px 0; max-width:none; }
    
    /* Floor Plans */
    div.plan-container { width:100%; display:flex; align-items:flex-start; justify-content:space-between; }
    div.plan-photos { width:50%; display:block; border-bottom:0; margin-bottom:0; }
    div.plan-info { width:50%; display:block; padding-left:5%; }
    
    /*** GALLERY ***/
    #photo-gallery { margin:20px 0 60px 0; width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    #photo-gallery a { display:block; width:30%; margin-bottom:20px; }
    #photo-gallery a img { width:100%; aspect-ratio:6 / 4; object-fit:cover; } 
    
    /* Available Unites */
    div.unit { width:100%; display:flex; align-items:stretch; flex-wrap:nowrap; border-bottom:2px #000 solid; border-top:1px #ccc solid; border-left:1px #ccc solid; }
    div.unit div { border-right:1px #ccc solid; padding:15px 0; text-align:center; }
    div.unit div.sm { width:10%; }
    div.unit div.lg { width:15%; }

    #available2 { width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    div.unit2 { width:48%; display:inline-block; vertical-align:top; border-bottom:2px #000 solid; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; margin-bottom:30px; padding:20px; }
    div.unit2 p { padding:0 0 10px 0; }
    div.unit-third { width:32%; display:inline-block; vertical-align:top; margin-bottom:10px; }


}  /* @media(min-width: 992px) */






/*** Skip to Content invisible link for accessibility ***/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus
{
position:static;
float:left;
width:auto;
height:auto;
}
*/