/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
.hero-standard .vc_col-sm-12 {
    overflow: hidden !important;
}#footer-outer a {
    font-size: 12px;
}

@font-face {
    font-family:'St. Regis Roos';
    src: url('fonts/Roos St Regis Display Regular.eot');
	src: url('fonts/Roos St Regis Display Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roos St Regis Display Regular.woff2') format('woff2'),
        url('fonts/roos_st_regis_display-webfont.ttf') format('ttf'),
		url('fonts/Roos St Regis Display Regular.woff') format('woff'),
		url('fonts/Roos St Regis Display Regular.svg#Roos St Regis Display Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Suisse Intl';
    src: url('fonts/Suisse Intl Regular.eot');
	src: url('fonts/Suisse Intl Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Suisse Intl Regular.woff2') format('woff2'),
        url('fonts/Suisse Intl Regular.woff') format('woff'),
        url('fonts/suisseintl-webfont.ttf') format('ttf'),
		url('fonts/Suisse Intl Regular.svg#Suisse Intl Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

#header-outer[data-lhe="default"].transparent #top nav > .sf-menu > li[class*="button_bordered"] > a {
    font-family:'St. Regis Roos Display !important';
}

.home #fws_5feda24c6af5a .banner_heading .wpb_wrapper h1 span {
   font-family:'St. Regis Roos Display !important';
}
.home .banner_heading .wpb_wrapper h1 span {
   font-family:'St. Regis Roos Display' !important;
}
/*------------------
 
.enquiries__field,.enquiries__input {
    border: 0;
    box-sizing: content-box;
    float: left;
    outline: 0
}

.is-active .scrollnav-link, .scrollnav-link.is-active, .scrollnav-link:hover, .slick-active button, .slick-dots li button:focus, .slick-dots li button:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #fff
}

.scrollnav-item .icon:hover {
    -webkit-animation: .3s 0s ease-in-out mouse infinite alternate;
    animation: .3s 0s ease-in-out mouse infinite alternate
}

.scrollnav--darkui .scrollnav-link {
    background-color: rgba(25, 25, 25, .3)
}

.scrollnav--darkui .is-active .scrollnav-link, .scrollnav--darkui .scrollnav-link.is-active, .scrollnav--darkui .scrollnav-link:hover {
    background-color: #191919
}

.enquiries__copy {
    max-width: 300px;
    width: 100%;
    display: block;
    margin: 0 auto 40px
}

.enquiries__form {
    width: 100%;
    float: left;
    position: relative
}

.enquiries__field:not(odd) {
    width: 45%;
    margin-bottom: 15px !important;
    height: 44px;
}

.enquiries__input {
    width: 94%;
    background: #303030;
    color: #fff;
    padding: 15px 3%;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    text-align: center
}

.enquiries__questions {
    height: auto
}

.enquiries__questions label {
    text-align: center;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    letter-spacing: 2px;
    line-height: 17px
}

.enquiries .dropdown_outer {
    position: relative;
    width: 100%;
    float: left;
    box-sizing: content-box
}

.enquiries .dropdown_outer select {
    z-index: 10;
    line-height: 43px;
    float: left;
    display: inline;
    -webkit-appearance: menulist-button;
    border-radius: 0;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    box-shadow: none;
    width: 100%;
    height: 43px
}

.enquiries .dropdown_outer select:focus {
    background-color: #303030;
    outline: 0;
    box-shadow: none;
    border: 0
}

.enquiries .dropdown_outer select option {
    background: #fff;
    color: #000
}

.enquiries span.select,.enquiries__submit {
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px
}

.enquiries span.select {
    position: absolute;
    top: 0;
    float: left;
    left: 0;
    width: 88%;
    padding: 0 6%;
    height: 49px;
    line-height: 49px;
    cursor: default;
    z-index: 1;
    background: url(/web/20181025083134im_/https://www.vistatowerchicago.com/wp-content/themes/vista_custom/assets/img/select-arrow.png) 95% 22px no-repeat #303030;
    border: 0;
    box-shadow: none;
    text-align: center;
    background-size: 8px;
}

.page--webcam section.footer {
    max-width: 100%
}

.enquiries__submit {
    width: 140px;
    margin: 25px auto 0;
    line-height: 12px;
    padding: 12px 0;
    display: inline-block;
    background: 0;
    outline: 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    cursor: pointer
}

.enquiries__submit:hover {
    background: #fff;
    color: #000
}

.enquiries__error {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 27px;
    color: #fff
}

.section,.signupForm {
    position: relative
}

.enquiries__thanks {
    display: none;
    color: #fff
}

.enquiries__btn {
    float: left;
    display: block;
    cursor: pointer;
    min-height: 20px;
    color: #fff
}

.enquiries__btn:first-child {
    margin-bottom: 40px
}

.enquiries__btn.selected {
    background-position: right -30px
}

@media only screen and (max-width: 1024px) {
    .enquiries__submit {
        margin-top:10px
    }
}

@media only screen and (max-width: 580px) {
    .enquiries__copy {
        margin:0 auto 20px
    }

    .enquiries__input {
        width: 94%
    }

    .enquiries__field {
        width: 100%
    }
}

.odd {
    margin-right: 7% !important;
}



select#country {
  display: block;
  overflow: hidden !important;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0px 0px 10px black !important;
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

}


span.select {
    margin-top: -38px !important;
    display: block;
    margin-left: 0px;
    background: rgb(233, 233, 233) !important;
    padding: 10px 20px!important;
    border-radius: 3px;
    min-width: 330px;
}
.enquiries__field.enquiries__questions label {
    margin-bottom: 20px !important;
    display: block !important;
}*/

.bedrooms-4-sections > .col > .col h3 {text-shadow: 0px 0px 10px black;}
a.uncategorized {
    display: none !important;
}
.bedrooms-4-sections > .col > .col:hover h3 {
    text-shadow: none !important;
}
.vista-fix .work-item {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}
span.meta-category {
    display: none !important;
}div#author-bio {
    display: none !important;
}
.page-id-224 .bedrooms-selection .row-bg-wrap {
    width: 60%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
}
.rotate-view-details-new {
    width: fit-content;
    margin: 0 auto;
    position: relative !important;
    transform: none !important;
	text-align:center;
}
.vista-fix .portfolio-items[data-ps="2"] .col .work-item:hover .work-info-bg {
    background: rgba(0, 0, 0, 0) !important;
}
/* ------------
 * ROOT VARIABLES  *********************************************************************************************************
 * ------------ */
.for-the-phone-only {
	display:none !important;
}
:root {
  --primary: #777777;
  --accent: #777777;

  --bg-light: #f2f2f2;
  --bg-dark: #333333;

  --space-l: 18rem;
  --space-m: 9rem;
  --space-s: 6rem;
  --space-xs: 26px;
}

html {
  font-size: 12px !important;
}
@media (max-width: 1443px) {
  html {
    font-size: 10px !important;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 8px !important;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 8px !important;
  }
}

/* ------------
 * TYPOGRAPHY  *********************************************************************************************************
 * ------------ */

body, strong {
	font-family: proxima nova, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2 !important;
	color: var(--primary);
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;

}
h1 {
  font-size: 4rem !important;
}
h2 {
  font-size: 3.2rem !important;
  letter-spacing: 1px;
}
h3 {
  font-size: 2.2rem !important;
	  letter-spacing: 1px;
}
h4 {
  font-size: 2.8rem !important;
	text-transform: none;
}
h5 {
  font-size: 2rem !important;
}
h6 {
  font-size: 1.5rem !important;
}
p,
.wpb_text_column li {
  	color: #777777;
	font-size: 19px;
	letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
}

.text-light,
.text-light * {
  color: var(--light) !important;
}
.text-white,
.text-white * {
  color: #fff !important;
}

.sf-menu li a {
    font-size: 16px !important;
    letter-spacing: 1.5px;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	opacity: 1 !important;
}
strong {
	font-weight: 500 !important;
}

/* ---------------------------
 * GLOBAL  *********************************************************************************************************
 * --------------------------- */
 .container-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.wpb_raw_js{
	height:0;
	position:absolute;
}

/* Column link hovers */
.bedrooms-4-sections .wpb_column:hover > .column-bg-overlay,
body:not(.page-id-230):not(.page-id-250):not(.page-id-172) .five-bedrooms-inner .wpb_column:hover > .column-bg-overlay,
.view-more-floorplans > .col > .column_container > .vc_column-inner > .wpb_wrapper > .wpb_row:nth-child(2) .wpb_column:hover > .column-bg-overlay {
    background-color: #ffffff !important;
    opacity: 1!important;
}
.wpb_column .column-bg-overlay {
	width: 180px!important;
    height: 110% !important;
    top: calc(0px - 5%);
    left: calc(50% - 90px);
}

/* Buttons */

/* If 2+ buttons in a row, add margin between */
.nectar-button + .nectar-button {
  margin-left: var(--space-s);
}
/* Global Button Overrides - No classes needed */
.nectar-button {
  padding: 12px 30px !important;
  font-size: 16px !important;
}
.wpb_wrapper .nectar-button[data-color-override="false"].regular-button {
  transition: 0.2s ease-out;
  margin-bottom: 0 !important;
  letter-spacing: 0.1em !important;
  background-color: transparent !important;
  color: var(--accent) !important;
  border: 1px solid #bcbcbc;
  border-radius: 0px 12px 0px 12px !important;
	font-weight: 500 !important;
	font-style: normal;
	text-transform: uppercase;
}
#header-outer[data-lhe="default"] #top nav > .sf-menu > li[class*="button_bordered"] > a {
	    transition: 0.2s ease-out;
    margin-bottom: 0 !important;
    letter-spacing: 0.1em !important;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    font-family: futura-pt, sans-serif;
    font-weight: 500 !important;
    font-style: normal;
    text-transform: uppercase;
    padding: 8px 20px !important;
    font-size: 16px !important;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}
#header-outer[data-lhe="default"].transparent #top nav > .sf-menu > li[class*="button_bordered"] > a {
	color: #fff!important;
}
#header-outer[data-lhe="default"] #top nav > .sf-menu > li[class*="button_bordered"] > a:before {
	display: none;
}
.nectar-button[data-color-override="false"].regular-button:hover {
  opacity: 1 !important;
/*   filter: brightness(1.1);
  -webkit-filter: brightness(1.1); */
	color: #333333 !important;
  border-radius: 12px 0px 12px 0px !important;
}
#header-outer[data-lhe="default"] #top nav > .sf-menu > li[class*="button_bordered"].sfHover:not(#social-in-menu) > a {
	opacity: 1 !important;
	/*border-radius: 12px 0px 12px 0px !important;*/
}
/*#header-outer[data-lhe="default"]:not(.transparent) #top nav > .sf-menu > li[class*="button_bordered"].sfHover:not(#social-in-menu) > a {
	color: #333333 !important;
}
*/
.nectar-button[data-color-override="false"].see-through-3:hover {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* Video Lightbox (Play button with text) */
body .nectar_video_lightbox.play_button_with_text .play:before,
.nectar_video_lightbox.play_button_with_text .play:after {
    z-index: 0;
}
.nectar_video_lightbox.play_button_with_text .link-text {
	margin-left: 0;
}

/* Header CTA button */
html body #header-outer #top nav .header-btn#menu-item-187 a{
	padding: 8px 20px 6px 20px;
	background: rgba(0,0,0,0) !important;
	border: 2px solid var(--accent-1);
    border-radius: 100px !important;
    transition: all .3s cubic-bezier(0.65, 0, 1, 1); 
	color: var(--accent-2) !important;
}
html body #header-outer #top nav .header-btn#menu-item-187 a:hover {
	background: var(--accent-2) !important;
	border: 2px solid var(--accent-2);
	color: #fff !important;
}
.header-btn a::after{
	display:none !important;
}


/* Variable BG Colors */
.bg-light > .row-bg-wrap,
.bg-light {
  background: var(--bg-light);
}
.bg-dark > .row-bg-wrap,
.bg-dark {
  background: var(--bg-dark);
}
.bg-black > .row-bg-wrap,
.bg-black {
	background:black !important;
}

/*thick border-like strip on top of some rows - goes over bg-light or bg-dark, etc*/
.thick-gradient-border-top > .row-bg-wrap > .row-bg-overlay {
/*     background:linear-gradient(to bottom, gray 4rem, transparent 4rem) */
}

/* Overlapping BG Colors */
.split-bg-top > .row-bg-wrap > .inner-wrap > .row-bg {
  background-image: linear-gradient(
    to bottom,
    #eee var(--space-l),
    #fff var(--space-l)
  );
}
.split-bg-bottom > .row-bg-wrap > .inner-wrap > .row-bg {
  background-image: linear-gradient(
    to top,
    #eee var(--space-l),
    #fff var(--space-l)
  );
}

/* Main Navigation */
/* Transparent Nav */
#header-outer.transparent {
	background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
}
#header-outer:not(.transparent) {
	-webkit-box-shadow: 0 3px 45px rgba(0,0,0,0.15) !important;
    box-shadow: 0 3px 45px rgba(0,0,0,0.15) !important;
}
/*off canvas nav*/
@media (min-width:1024px){/*MBP*/
	ul.buttons[data-user-set-ocm="1"] li.slide-out-widget-area-toggle {
	    display: none !important;
	}
}
/*Mega-menu */
.megamenu .sub-menu,
.megamenu .sub-menu > .menu-item {
	padding: 0 !important;
}
.megamenu .sub-menu .column_container {
	 margin-left: 0;
	padding: 5% 3% !important;
}
.megamenu .column-bg-overlay {
	width: 100% !important;
	height: 100% !important;
	left: 0;
	top: 0;
}
.megamenu .column-image-bg {
	-webkit-filter: grayscale(0.5);
	filter: grayscale(0.5);
/* 	filter: brightness(75%) contrast(30%) saturate(110%) !important;
	-webkit-filter: brightness(75%) contrast(30%) saturate(110%) !important; */
}
.megamenu .sub-menu .column_container.vc_col-sm-3 {
	width: 25.53% !important;
}
.megamenu h5 {
	font-size: 22px !important;
	color: #fff;
}
.megamenu .sub-menu .wpb_text_column a {
	font-size: 18px !important;
	padding: 6px 0 !important;
	letter-spacing: 0.5px !important;
	transition: 0.2s ease-out !important;
}
.megamenu .sub-menu p {
    line-height: 1.3;
}
.megamenu .sub-menu .wpb_text_column p:not(:last-child) {
	margin-bottom: 12px !important;
}
.megamenu .sub-menu .flex-links > .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;	
}
.megamenu .sub-menu .flex-links > .wpb_wrapper p {
	width: 50%;
}
.megamenu .sub-menu .flex-links > .wpb_wrapper p:not(:last-child) {
	margin-bottom: 18px !important;
}
body #top .megamenu .sub-menu > li .flex-links > .wpb_wrapper a {
	width: auto;
	display: inline-block !important;
	padding: 4px 8px !important;
	color: var(--primary);
	line-height: 1;
}
body #top .megamenu .sub-menu > li .flex-links > .wpb_wrapper a:before {
	content: '';
	background-color: #ff4338 !important;
	width: 2px;
	height: 100%;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 10;
	position: absolute;
	transition: 0.2s ease-out;
	z-index: -1;
}
body #top .megamenu .sub-menu > li .flex-links > .wpb_wrapper a:hover {
	color: #ffffff !important;
}
body #top .megamenu .sub-menu > li .flex-links > .wpb_wrapper a:hover:before {
	width: 100%;
}
.column-link {
    z-index: 10000 !important;
}
.column-link {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
}
.col-two a,
.col-three p,
.col-three a {
	color: #ffffff !important;
}
.col-two a,
.col-three a {
	display: inline-block;
}
.col-two a:before,
.col-three a:before {
	content: '';
	position: absolute;
	background: rgba(255,255,255,0.5);
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
}
.col-two a:after,
.col-three a:after {
	content: '';
	position: absolute;
	background: #fff;
	width: 0;
	height: 1px;
	bottom: 0;
	left: 0;
	transition: 0.2s ease-out;
}
.col-two a:hover:after,
.col-three a:hover:after {
	width: 100%;
}

#menu-item-298 > ul > li > .wpb_row {
    margin-bottom: 0px !important;
}
.col-one h6 {
    padding-top: 8px;
    margin-left: -10px !important;
}
/* DROPDOWN MENUS */
.menu-item-has-children:not(.megamenu) .sub-menu {
	padding: 0;
}
.menu-item-has-children:not(.megamenu) .sub-menu > li > a {
	padding: 12px 24px;
	letter-spacing: 0.5px !important;
}
.menu-item-has-children:not(.megamenu) .sub-menu > li > a:hover {
	background-color: var(--primary) !important;
	color: #ffffff !important;
}


/*5-column row with bigger middle row*/
/* .bigger-5-row{
	padding-top:var(--space-s) !important;
	padding-bottom:var(--space-s) !important;
} */
.bigger-5-row > .col{
    padding-left:4rem;
    padding-right:4rem;
}
.bigger-5-row > .col > .col{
    padding:2rem;
}
.bigger-5-row > .col > .col:not(:nth-child(3)){
    width:15%;
}
.bigger-5-row > .col > .col:nth-child(3){
    width:40%;
    padding-left:6rem;
    padding-right:6rem;
}


/*Large Row - row with less width than full width, but more than standard grid*/
/* Reposition arrow nav */
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row .flex-gallery .flex-direction-nav {
	top: auto;
	left: 5px;
	bottom: 12px;
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row .slides img {
	margin-bottom: 0;
}
/* Image Gallery Numbers 
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row .slides > li:before {
	content: '';
	color: #ffffff;
	font-size: 20px;
	position: absolute;
    left: 12px;
    top: 12px;
    background: var(--primary);
    padding: 6px;
}

/* MUST BE MANUALLY ADJUSTED IF CONTENT CHANGES */
/* 1st Image Gallery 
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(1) .slides > li:nth-child(1):before {
	content: '01';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(1) .slides > li:nth-child(2):before {
	content: '02';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(1) .slides > li:nth-child(3):before {
	content: '03';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(1) .slides > li:nth-child(4):before {
	content: '04';

.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(1):before {
	content: '05';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(2):before {
	content: '06';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(3):before {
	content: '07';
}
.page-id-159 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(1):before,
.page-id-172 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(1):before {
	content: '04';
}
.page-id-159 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(2):before,
.page-id-172 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(2):before {
	content: '05';
}
.page-id-159 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(3):before,
.page-id-172 .large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(2) .slides > li:nth-child(3):before {
	content: '06';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(3) .slides > li:nth-child(1):before {
	content: '08';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(3) .slides > li:nth-child(2):before {
	content: '09';
}
.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:nth-child(3) .slides > li:nth-child(3):before {
	content: '10';
}*/
@media (min-width:1350px){
    /*if bigger than 1350px width*/
	.page-id-224   .large-row > .col > .col > .vc_column-inner {
        margin-left: 150px !important;
        margin-right: 150px !important;
    }
    .large-row > .col > .col > .vc_column-inner {
        margin-left:-100px !important;
        margin-right:-100px !important;
    }
    /*content in grid but wider, not-quite-full-wiudth background. 
    Requires full-width bg on row to work, though.*/
	.large-bg > .row-bg-wrap {
	    border-left:6rem solid white;
	    border-right:6rem solid white;
	}
}
@media (max-width:1350px) and (min-width:1024px){
    /*if between 1024px and 1350px width*/
    .large-row > .col > .col > .vc_column-inner {
        margin-left:-50px !important;
        margin-right:-50px !important;
    }
}
@media (min-width:1024px) {
	/* If Image Gallery is on left column, move number and arrow nav to the right */
	.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row > .col > .column_container:first-child .flex-gallery .flex-direction-nav {
		left: auto;
		right: 10px;
	}
	.large-row > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row > .col > .column_container:first-child .slides > li:before {
		left: auto;
		right: 12px;
	}
}



/*Cards*/
/* CARDS */
.card:not(.inner_row) > .col > .column_container,
.card.col,
.card.inner_row {
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    background: #fff;
}
.card > .col > .column_container,
.card.col:not(.img-wide),
.card.img-wide > .col > .column_container .wpb_row,
.card.img-wide.column_container .inner_row,
.card.img-heading > .col > .column_container .column_container,
.card.img-heading.column_container .column_container,
.card.img-left > .col > .column_container .column_container,
.card.img-left.inner_row > .col > .column_container,
.card.img-right > .col > .column_container .column_container,
.card.img-right.inner_row > .col > .column_container,
.card.img-icon > .col > .column_container .column_container,
.card.img-icon.column_container .column_container {
    padding: 4rem !important;
}
.card.img-wide > .col > .column_container,
.card.img-wide.column_container,
.card.img-heading > .col > .column_container,
.card.img-heading.column_container,
.card.img-left > .col > .column_container,
.card.img-right > .col > .column_container,
.card.inner_row,
.card.img-icon > .col > .column_container,
.card.img-icon.column_container {
    padding: 0 !important;
    overflow: hidden;
}
.card.img-wide > .col > .column_container img,
.card.img-heading .vc_column-inner > .wpb_wrapper > .wpb_row:first-child,
.card.img-wide.column_container img,
.card.img-icon .vc_column-inner > .wpb_wrapper > .wpb_row:first-child {
    margin-bottom: 0;
}
.card.img-heading > .col > .column_container .column-image-bg,
.card.img-heading.column_container .column-image-bg,
.card.img-left > .col > .column_container .column-image-bg,
.card.img-right > .col > .column_container .column-image-bg,
.card.img-icon > .col > .column_container .column-image-bg,
.card.img-icon.column_container .column-image-bg {
	background-size: cover;
    background-position: center;
}
.card.img-heading > .col .vc_column-inner .column_container[data-using-bg='true'],
.card.img-heading.column_container .column_container[data-using-bg='true'],
.card.img-icon > .col .vc_column-inner .column_container[data-using-bg='true'],
.card.img-icon.column_container .vc_column-inner .column_container[data-using-bg='true'] {
	min-height: 250px;
	display: flex;
	flex-direction: column;
}
.card.img-heading > .col .vc_column-inner .column_container[data-using-bg='true'],
.card.img-heading.column_container .column_container[data-using-bg='true'] {
	justify-content: flex-end;
}
.card.img-icon > .col .vc_column-inner .column_container[data-using-bg='true'],
.card.img-icon.column_container .vc_column-inner .column_container[data-using-bg='true'] {
	justify-content: center;
}
.card.img-heading > .col .vc_column-inner .column-image-bg:after,
.card.img-heading.column_container .column-image-bg:after,
.card.img-icon > .col .vc_column-inner .column-image-bg:after,
.card.img-icon.column_container .column-image-bg:after {
	background: rgba(0,0,0,0.5);
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.card.img-heading .vc_column-inner > .wpb_wrapper > .wpb_row:first-child .wpb_content_element > .wpb_wrapper * {
	color: #fff !important;
}
/* graphic-left & graphic-right */
.card.graphic-left > .col > .column_container,
.card.graphic-right > .col > .column_container {
	text-align: left !important;
}
.card.graphic-left:not(.inner_row) > .col > .column_container,
.card.graphic-left.inner_row {
	padding-left: 1rem !important;
	padding-right: 3rem !important;
}
.card.graphic-right:not(.inner_row) > .col > .column_container,
.card.graphic-right.inner_row {
	padding-left: 3rem !important;
	padding-right: 1rem !important;
}
.card.graphic-left.inner_row,
.card.graphic-right.inner_row {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.card.graphic-left.inner_row > .col > .column_container,
.card.graphic-right.inner_row > .col > .column_container {
	padding: 0 !important;
}
.card.graphic-left img,
.card.graphic-right img {
    display: block;
    margin: 0 auto;
}
@media (max-width:1000px){
	.card.inner_row:not(.img-right) > .col > .column_container:first-child {
		padding-bottom: 0 !important;
	}
    .card.inner_row > .col > .column_container,
    .card.img-left > .col .vc_column-inner .column_container,
    .card.img-right > .col .vc_column-inner .column_container,
    .card.graphic-left > .col .vc_column-inner .column_container,
    .card.graphic-right > .col .vc_column-inner .column_container {
    	margin-bottom: 0;
    }
    .card.img-left > .col .vc_column-inner .column_container[data-using-bg='true'],
    .card.img-left.inner_row > .col .column_container[data-using-bg='true'],
    .card.img-right > .col .vc_column-inner .column_container[data-using-bg='true'],
	.card.img-right.inner_row > .col .column_container[data-using-bg='true'] {
    	min-height: 300px;
		margin-bottom: 0;
    }
    .card.img-right > .col .vc_column-inner .col.span_12,
    .card.img-right.inner_row > .col,
    .card.graphic-right > .col .vc_column-inner .col.span_12,
	.card.graphic-right.inner_row > .col {
    	flex-direction: column-reverse;
    }
	.card.graphic-left > .col > .column_container,
    .card.graphic-right > .col > .column_container {
        text-align: center !important;
    }
    .card.graphic-left img,
	.card.graphic-right img {
		margin-bottom: 3rem !important;
	}
}
/*Misc - hover effect for columns that have links*/
.js_col-has-link {
    transition: 0.1s ease-out;
}
.js_col-has-link:hover {
	transform: translateY(-5px);
}
.column-link{
    z-index:10000;
}
.js_col-has-link.nohovereffect:hover {
    transform: none !important;
    transition: 0 !important;
}


/*cta*/
.cta{
  padding: var(--space-l) 0 !important;
  margin-bottom: 0 !important;
}



/*---Heroes---*/

/*Hero Standard*/
.hero-standard {
/* 	height: 56rem; */
	min-height: 400px;
	height: 40vw;
}
.hero-standard .row-bg-overlay {
	background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 50%);
}
.hero-standard > .col,
.hero-standard > .col > .col,
.hero-standard > .col > .col > .vc_column-inner,
.hero-standard > .col > .col > .vc_column-inner > .wpb_wrapper,
.hero-standard .bg-video > .wpb_wrapper {
	height: 100% !important;
}
.hero-standard > .col > .col > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
}
.hero-standard > .col > .col > .vc_column-inner > .wpb_wrapper > .inner_row:last-child {
	margin: 2rem 24px 6rem !important;
}
.hero-standard h1 {
	margin-bottom: 6rem !important;
}
.hero-standard .bg-video {
	position: absolute;
	top: -6rem;
	left: 0;
	min-height: 400px !important;
	height: 60vw;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}
.hero-standard .bg-video video {
	height: 100% !important;
}
/* @media (max-width:800px) {
	.hero-standard .bg-video iframe {
		height: 100% !important;
		transform: scale(1.5);
	}
}
@media (max-width:480px) {
	.hero-standard .bg-video iframe {
		transform: scale(12);
	}
}
@media (max-width:360px) {
	.hero-standard .bg-video iframe {
		transform: scale(2.4);
	}
} */
/*hero with the img bar on the left side*/
.hero-bar {
	border-bottom: 24px solid var(--primary);
}
.hero-bar .col .col:first-child .column-bg-overlay {
	background: linear-gradient(180deg, rgb(255 255 255 / 50%) 0%, #ffffff 100%);
    opacity: 0.35;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
}
.hero-bar .col .col:first-child .column-image-bg {
	  position: relative;
      opacity: 0.5;
      filter: grayscale(1);
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
      -o-filter: grayscale(1);
}

.hero-bar .col .col:first-child .column-image-bg:after
{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(119,119,119);content: "";}


.hero-bar .col .col:nth-child(2) {
	padding: 4rem 10rem 4rem 10rem !important;
	
}
.hero-bar .col .col:last-child {
	padding: 10rem 4rem 10rem 0rem !important;
}
/*line bg behind image */
.hero-bar .col .col:last-child .column-bg-overlay {
	background-image: url('/wp-content/uploads/vista_line-bg.png') !important;
	opacity: 1;
	background-size: 75%;
	background-position: 101% 50%;
	background-repeat: no-repeat;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}
@media (max-width:999px) {
	.hero-bar > .col > .col:first-child {
		display: none !important;
	}
	.hero-bar > .col > .col:nth-child(2) {
		padding: 10rem 12rem 0 !important;
	}
	.hero-bar .col .col:last-child {
		padding: 13rem 5rem !important;
	}
}
@media (max-width:479px) {
	.hero-bar > .col > .col:nth-child(2) {
		padding: 10rem 9rem 0 !important;
	}
	.hero-bar .col .col:last-child {
		padding: 13rem 2rem !important;
	}
}

.hero-graybar.graybar-alt .col .col > .col:nth-child(1) > .vc_column-inner > .wpb_wrapper{
	border-left:none;
}
.hero-graybar.graybar-alt .col .col > .col:nth-child(1) > .vc_column-inner > .wpb_wrapper::after {
	content: "";
	position: absolute;
	top: 70px;
	left: 27px;
	width: 25px;
	height: 1px;
	background: black;
}

/*rotated 'view details' at the side*/
.rotate-view-details {
    position: absolute;
    transform-origin: top left;
    transform: rotate(90deg);
    text-transform: uppercase;
    margin-top: 12px;
    padding-top: 8px !important;
    left: -12px;
}
/* Gradient Border */
.rotate-view-details:before {
	content: '';
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, #C4C4C4, transparent);
	top: 0;
	left: 0;
	display: block;
	margin-bottom: 6px;
}
.rotate-view-details p {
	width: 300px;
}
.rotate-view-details p > a {
	width: auto;
	position: relative;
	color: #C4C4C4;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2em;
}
.rotate-view-details a::after{
/*     content: "\f18e"; */
    content: "\f178";
    font-family: fontAwesome;
    position: relative;
    left: 6px;
	top: -1px;
    z-index: 99999;
    font-size: 12px;
    line-height: 18px;
    font-weight: 100;
    color: #C4C4C4;
    transition: 0.2s ease-out;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    display: inline-block;
    height: 18px !important;
    width: 15px;
    padding-left: 3px;
}
.rotate-view-details a:hover {
	color: var(--primary);
}
.rotate-view-details a:hover::after {
	border-color: var(--primary);
	color: var(--primary);
	left: 18px;
}


/*5-bedroom selection boxes that extend outside the grid*/
/*also works with other amounts, like pages with 3 such as 'The Neighborhood'*/
@media (min-width:1000px) and (max-width:1500px){
    .bedrooms-selection .five-bedrooms-inner{
        margin-left:-50px;
        margin-right:-50px;
    }
    .other-wider{
      /*for misc other sections that need wider grid*/
      margin-left:-50px;
      margin-right:-50px;
    }
}
@media (min-width:1500px){
    .bedrooms-selection .five-bedrooms-inner{
        margin-left:-100px;
        margin-right:-100px;
    }
    .other-wider{
      margin-left:-100px;
      margin-right:-100px;
    }
}
.bedrooms-selection {
	padding: var(--space-m) 0 !important;
}
.bedrooms-selection .row-bg-overlay {
	background: var(--bg-light) !important;
}
.bedrooms-selection .five-bedrooms-inner {
	/*margin-top: var(--space-s) !important;*/	
}
.bedrooms-selection .five-bedrooms-inner .column-image-bg,
.view-more-floorplans .column-image-bg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
/* 	-webkit-filter: brightness(75%) contrast(30%) saturate(110%) !important; */
/*   	filter: brightness(75%) contrast(30%) saturate(110%) !important; */
  	-webkit-filter: brightness(60%) contrast(80%) saturate(110%) !important;
  	filter: brightness(60%) contrast(80%) saturate(110%) !important;
}
.bedrooms-selection .five-bedrooms-inner .col .col{
    padding-top:16rem;
    padding-bottom:16rem;
}
.bedrooms-selection .five-bedrooms-inner .col .col h3{
    color: #fff !important;
}
.bedrooms-selection-tall .five-bedrooms-inner .col .col{
    padding-top:24rem;
    padding-bottom:24rem;
    color:white;
}
.bedrooms-selection-tall.bedrooms-selection > .row-bg-wrap::before{
	bottom:initial;
}


/*4-bedroom section boxes within grid, like on individual bedroom pages (1 bedroom, etc)*/
.bedrooms-4-sections > .col > .col {
    padding-top: 16rem;
    padding-bottom: 16rem;
}
.bedrooms-4-sections *{
    color:white;
}
.bedrooms-4-sections .column-image-bg{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.rotate-explore {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(0px - var(--space-m));
    margin: auto;
    max-width: 100px;
    transform:rotate(90deg);
    text-transform:uppercase;
}

.rotate-explore::after{
    content:"\f18e";
    font-family:fontAwesome;
    position:absolute;
    right:0;
    top:0;
    z-index:99999;
    font-size:18px;
    font-weight:100;
}


/*rotated dash at bottom of section*/
.bedrooms-selection > .row-bg-wrap::before{
    content:"";
    z-index:999999999;
    position:absolute;
    bottom:0px;
    width:100%;
    transform:rotate(90deg);
    height:2px;
    width:40px;
    background: #ff4338;
    left:0;
    right:0;
    margin:auto;
}

.view-360-dash > .row-bg-wrap::before,
.view-more-floorplans > .row-bg-wrap::before {
    content:"";
    z-index:999999999;
    position:absolute;
    top:0px;
    width:100%;
    transform:rotate(90deg);
    height:2px;
    width:60px;
    background: #ff4338 !important;
    left:0;
    right:0;
    margin:auto;
}



/*Row of images in each column, as bg images, all same height. Like on Room 1 page.*/
.row-4-bg-images > .col > .col{
    height:330px;
}
.row-4-bg-images > .col > .col .column-image-bg {
    background-size:cover;
}



/*Tabs on bottom instead of top*/
.tabs-bottom .wpb_wrapper.tabbed.clearfix {
    display: flex;
    flex-direction: column-reverse;
}
/* Fixes visual error where panel content 'blinks' */
.tabs-bottom .tabbed[data-style='minimal'] > .wpb_tab.ui-tabs-panel:not(.visible-tab) {
	display: block !important;
	visibility: visible !important;
	opacity: 0 !important;
	bottom: 133px !important;
	left: 0 !important;
	width: 100% !important;
	transition: 0.5s ease-out;
}
.tabs-bottom .tabbed[data-style='minimal'] > .wpb_tab.ui-tabs-panel.visible-tab {
	opacity: 1 !important;
}
@media (max-width:690px) {
	.tabs-bottom .tabbed[data-style='minimal'] > .wpb_tab.ui-tabs-panel:not(.visible-tab) {
		bottom: 177px !important;
	}
}
/* ----------------------------------------------- */
.tabs-bottom .portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
	background-color: transparent !important;
}
@media only screen and (min-width: 1000px) {
.tabbed[data-style="minimal_alt"] .magic-line {
	height: 1px !important;
	}
}

/* Tabs - Minimal Alt */
.tabbed[data-style="minimal_alt"] .ui-tabs-nav > li > a,
.tabbed[data-style="minimal"] .ui-tabs-nav > li > a {
	font-size: 24px;	
}

/*Footer CSS*/
#footer-upper{
	padding-top:4rem !important;
}
#footer-upper .nectar_icon_wrap{
	margin-bottom:0 !important;
}
#footer-upper .nectar_icon_wrap i{
    color:white !important;
    margin-right:8px;
}
#footer-upper img{
	max-width:40px;
	height:auto;
}
#footer-copyright p {
	font-size: 12px;
	text-transform: none;
	text-align: center;
	font-weight: 500;
}

#footer-copyright {
	padding: 6px 0 !important;
}



/*360 viewer element css*/
div[id^="ipnrm-"]{
  margin-bottom:0;
}


 /* ---------------------------
 * PAGE-SPECIFIC  *********************************************************************************************************
 * --------------------------- */
/*custom fancy box */
.custom-fancy-boxes .nectar-fancy-box:hover .inner {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.custom-fancy-boxes .nectar-fancy-box .inner {
    padding-top: 30%;
	padding-bottom:0 !important;
}.custom-fancy-boxes .nectar-fancy-box {
    border-radius: 5px !important;
	    min-height: 220px;
	max-height:220px;
	padding-bottom:0 !important;
}.custom-fancy-boxes .nectar-fancy-box:after {
    display: block;
    position: absolute;
    content: ' ';
    width: 100%;
    height: 70%;
    left: 0;
        bottom: -2px;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(rgba(240, 118, 32, 0), rgb(255, 67, 56));
    z-index: 5;

   
     transition: opacity .65s cubic-bezier(.05,0.2,.1,1);
}

/*gallery cards */
.card h5 + h3 {
    margin-top: -8px !important;
}
.card h3 + p {
	font-size: 16px;
    line-height: 1.4;
}
/* View More Floorplans */

.view-more-floorplans {
	padding: var(--space-s) 0 var(--space-m) 0 !important;
}
.view-more-floorplans .row-bg-overlay {
	background: var(--bg-dark) !important;
}

/* Interiors section */
.interior {
	background: #000 !important;
	padding: var(--space-m) 0 !important;
}

 /*home page*/
 .home h1{
	font-size:3rem !important;
	font-weight:500;
}

/*Grid layout on homepage*/
.home-grid-1 > .col > .col:nth-child(2) .column-image-bg{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.home-grid-1 > .row-bg-wrap {
    background: var(--bg-light);
    /* clip-path: polygon(0 41%, 100% 61%, 100% 100%, 0% 100%); */
}
.home-grid-2 > .col > .col:nth-child(1) .column-image-bg{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
.home-grid-3 > .row-bg-wrap {
    background: var(--bg-light);
    /* clip-path: polygon(0 0, 100% 0, 100% 41%, 0 61%); */
}


/*FloorPlan Popups*/
.popup-container {
    display:flex;
}
.popop-left {
    width:25%;
}
.popop-right {
    width:75%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.popop-right img{
    width:100%;
}
.ult_modal-body.ult-html,
.ult_modal-content,
.ult_modal.ult-small {
    width: 1000px !important;
    min-width: 1000px;
    max-width: 1000px;
}



/*One mile radius -- tab with sliders*/
.amenities-slider {
  padding-top: var(--space-s) !important;
}
.amenities-slider .wpb_tabs_nav {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.amenities-slider .tabbed[data-style*="minimal"] >ul li {
	width: 130px;
}
.amenities-slider .tabbed[data-style*="minimal"] >ul li .active-tab:after{
  display:none !important;
}
.amenities-slider .wpb_tabs_nav li a i {
	margin-bottom: 12px !important;
}
.amenities-slider .wpb_tabs_nav li a i::before {
  border: 1px solid white;
  border-radius: 50%;
  padding: 13px;
}
.amenities-slider .wpb_tabs_nav li a {
  opacity:0.2;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.amenities-slider .wpb_tabs_nav li a.active-tab {
  opacity: 1;
}
.amenities-slider .wpb_tabs_nav li a span {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
	font-weight: 500;
}
.amenities-slider .wpb_gallery.wpb_content_element.clearfix {
  margin-bottom: 0 !important;
}
/* Google Maps Styling */
.eapps-google-maps-marker {
/* 	min-width: 200px !important; */
}
.gm-style-iw-t:after {
	display: none;
}
.gm-style-iw.gm-style-iw-c {
	background: transparent;
	box-shadow: none;
}
.eapps-google-maps-marker {
	background: #ffffff !important;
	border-radius: 0 !important;
	font-family: 'futura-pt', sans-serif !important;
	max-width: unset !important;
}
.eapps-google-maps-marker * {
	font-family: 'futura-pt', sans-serif !important;
}
.eapps-google-maps-marker-title {
	font-weight: 500;
	font-size: 16px !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase;
	padding: 12px 24px;
}
.eapps-google-maps-marker-content {
	padding: 12px 24px !important;
	font-size: 16px !important;
	text-align: left;
}
.eapps-google-maps-marker-info-item {
	overflow: visible !important;
}
.eapps-google-maps-marker-info-item-address {
	display: none;
}
.eapps-google-maps-marker-info-item-address .eapps-google-maps-marker-info-item-text {
	max-width: 300px !important;
}
.eapps-google-maps-marker-content span,
.eapps-google-maps-marker-description {
	line-height: 1.4 !important;
	border-top: none !important;
	margin-top: 0 !important;
}
.eapps-google-maps-marker-description {
	font-size: 16px !important;
}
.eapps-google-maps-marker-description a {
	font-size: 16px !important;
	line-height: 1.4 !important;
	font-weight: 500;
	letter-spacing: 0.5px !important;
}
.eapps-google-maps-marker-description a:after {
	content: '\2192';
	margin-left: 4px;
	color: var(--primary);
	transition: 0.2s ease-out;
}
.eapps-google-maps-marker-description a:hover:after {
	margin-left: 10px;
}
.eapps-google-maps-marker-content svg {
	height: 18px;
	width: 18px;
}
.eapps-google-maps-marker-close {
	box-shadow: none !important;
	top: 9px !important;
	right: 9px !important;
}
.eapps-google-maps-marker-close svg {
	height: 12px !important;
	width: 12px !important;
	fill: #fff !important;
}

/*Residential Ammenities (139), Community (159), MEdia Gallery (274)*/

/*cards with gray right half have white space for some reason.
This fixes that without affecting layout at all.*/
body.page-id-139 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5,
body.page-id-159 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5,
body.page-id-274 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5{
	box-shadow:35px 0px 0px 0px var(--bg-light);
}
body.page-id-139 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5 .wpb_gallery,
body.page-id-159 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5 .wpb_gallery,
body.page-id-274 .vc_row-fluid.card > .col > .col:nth-child(2).vc_col-sm-3\/5 .wpb_gallery{
    right: -0.85% !important;
    position: relative;
}


/*The Inspiration*/

.inspiration-tall-section > .row-bg-wrap::before {
    content: "";
    z-index: 999999999;
    position: absolute;
    top: 0px;
    width: 100%;
    transform: rotate(90deg);
    height: 2px;
    width: 40px;
    background: gray !important;
    left: 0;
    right: 0;
    margin: auto;
}

@media (min-width:1000px){
    .inspiration-tall-section > .row-bg-wrap::after{
        content: "";
        z-index: 999999999;
        position: absolute;
        width: 100%;
        height: 80%;
        width: 2px;
        background: linear-gradient(to bottom, lightgray, gray);

        left:0;
        right:0;
        margin:auto;
        bottom:-30px;
    }
}


/*Inquiries - forms*/
.gray-bg-forms form {
    background: var(--bg-light) !important;
    padding: 2rem !important;
    width:100% !important;
}



/* ---------------------------
 * STANDARD CSS - DO NOT TOUCH  *********************************************************************************************************
 * --------------------------- */

/* Shrink grid for laptop size */
@media (max-width: 1443px) and (min-width: 1000px) {
  .container,
  body[data-header-format="left-header"] .container,
  .woocommerce-tabs .full-width-content .tab-container,
  .nectar-recent-posts-slider .flickity-page-dots,
  .post-area.standard-minimal.full-width-content article.post .inner-wrap,
  .material #search-outer #search {
    max-width: 1280px !important;
    margin: 0 auto !important;
  }
}

/* Reverse column order on mobile */
@media all and (max-width: 1024px) {
  .mobile-col-reverse .col {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .mobile-col-reverse > .col > .wpb_column:nth-child(2) {
    margin-bottom: 25px !important;
  }
}

/* Fix FormCraft visual errors in Salient */
.fc-form .minimal-form-input .text {
  z-index: 9999999;
  color: black !important;
  margin-left: 7px;
  margin-top: 0 !important;
}
body[data-form-style="minimal"] .minimal-form-input {
  padding-top: 0 !important;
}
html .formcraft-css .powered-by {
  display: none !important;
}
body[data-form-style="minimal"] .minimal-form-input.textarea label span.text {
  top: 7px !important;
}
.fc-form .minimal-form-input.filled label span.text,
.fc-form .minimal-form-input.has-text label span.text {
  display: none;
}
body[data-form-style="minimal"] textarea {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.fc-form .minimal-form-input.filled input[type="text"],
.fc-form .minimal-form-input.has-text input[type="text"] {
  padding-left: 7px !important;
}
.formcraft-icon.icon-type- {
  display: none !important;
}

/* -------------------
 * SPACING SYSTEM - DO NOT TOUCH  *********************************************************************************************************
 * ------------------- */

/* Default Margin Bottom for all rows */
.container.main-content > .row > .wpb_row,
.container.main-content > .row > .wpb_row.full-width-content {
  margin-bottom: var(--space-l) !important;
}

.container.main-content > .row > .wpb_row:last-child,
.container.main-content > .row > .wpb_row.full-width-content:last-child {
  margin-bottom: 0 !important;
}

/* Variable Bottom Margin */
/* classes =
    margin-xs
	margin-s
    margin-m
    margin-l
    margin-none
*/
.container.main-content > .row > .wpb_row.margin-xs,
.margin-xs {
  margin-bottom: var(--space-xs) !important;
}
.container.main-content > .row > .wpb_row.margin-s,
.margin-s {
  margin-bottom: var(--space-s) !important;
}
.container.main-content > .row > .wpb_row.margin-m,
.margin-m {
  margin-bottom: var(--space-m) !important;
}
.container.main-content > .row > .wpb_row.margin-l,
.margin-l {
  margin-bottom: var(--space-l) !important;
}
.container.main-content > .row > .wpb_row.margin-none,
.margin-none {
  margin-bottom: 0 !important;
}

/* Variable Padding */
/* classes =
	    padding-s
      padding-m
      padding-l
      padding-top-s
      padding-top-m
	    padding-top-l
	    padding-bottom-s
	    padding-bottom-m
	    padding-bottom-l
*/

.padding-xs,
.container.main-content > .row > .wpb_row.padding-xs,
.container.main-content > .row > .wpb_row.full-width-content.padding-xs,
.padding-bottom-xs,
.container.main-content > .row > .wpb_row.padding-bottom-xs,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}

.padding-s,
.container.main-content > .row > .wpb_row.padding-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-s,
.padding-top-s,
.container.main-content > .row > .wpb_row.padding-top-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-s {
  padding-top: var(--space-s) !important;
}
.padding-m,
.container.main-content > .row > .wpb_row.padding-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-m,
.padding-top-m,
.container.main-content > .row > .wpb_row.padding-top-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-m {
  padding-top: var(--space-m) !important;
}
.padding-l,
.container.main-content > .row > .wpb_row.padding-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-l,
.padding-top-l,
.container.main-content > .row > .wpb_row.padding-top-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-top-l {
  padding-top: var(--space-l) !important;
}
.padding-s,
.container.main-content > .row > .wpb_row.padding-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-s,
.padding-bottom-s,
.container.main-content > .row > .wpb_row.padding-bottom-s,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.padding-m,
.container.main-content > .row > .wpb_row.padding-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-m,
.padding-bottom-m,
.container.main-content > .row > .wpb_row.padding-bottom-m,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.padding-l,
.container.main-content > .row > .wpb_row.padding-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-l,
.padding-bottom-l,
.container.main-content > .row > .wpb_row.padding-bottom-l,
.container.main-content > .row > .wpb_row.full-width-content.padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}

/* Gets rid of default margin between two rows with padding */
.container.main-content > .row > .wpb_row[class*="padding-"] + [class*="padding-"] {
  margin-top: calc(0px - var(--space-l)) !important;
}

/** Mobile Only Styles **/
@media (max-width: 768px) {
	.for-the-phone-only {
		display:block !important;
	}
	
	.no-more {
		display:none !important;
	}
  /* Variable Bottom Margin */
  /* classes =
        m-margin-s
        m-margin-m
        m-margin-l
        m-margin-none
  */
.mobile-only {
    display: none !important;
}
  .container.main-content > .row > .wpb_row.m-margin-s,
  .m-margin-s {
    margin-bottom: var(--space-s) !important;
  }
  .container.main-content > .row > .wpb_row.m-margin-m,
  .m-margin-m {
    margin-bottom: var(--space-m) !important;
  }
  .container.main-content > .row > .wpb_row.m-margin-l,
  .m-margin-l {
    margin-bottom: var(--space-l) !important;
  }
  .container.main-content > .row > .wpb_row.m-margin-none,
  .m-margin-none {
    margin-bottom: 0 !important;
  }
	/* Mobile Variable Padding */
	/* classes =
		    m-padding-s
		    m-padding-m
		    m-padding-l
		    m-padding-top-s
		    m-padding-top-m
		    m-padding-top-l
		    m-padding-bottom-s
		    m-padding-bottom-m
		    m-padding-bottom-l
	*/
	.m-padding-s,
	.container.main-content > .row > .wpb_row.m-padding-s,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-s,
	.m-padding-top-s,
	.container.main-content > .row > .wpb_row.m-padding-top-s,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-top-s {
		padding-top: var(--space-s) !important;
	}
	.m-padding-m,
	.container.main-content > .row > .wpb_row.m-padding-m,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-m,
	.m-padding-top-m,
	.container.main-content > .row > .wpb_row.m-padding-top-m,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-top-m {
		padding-top: var(--space-m) !important;
	}
	.m-padding-l,
	.container.main-content > .row > .wpb_row.m-padding-l,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-l,
	.m-padding-top-l,
	.container.main-content > .row > .wpb_row.m-padding-top-l,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-top-l {
		padding-top: var(--space-l) !important;
	}
	.m-padding-s,
	.container.main-content > .row > .wpb_row.m-padding-s,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-s,
	.m-padding-bottom-s,
	.container.main-content > .row > .wpb_row.m-padding-bottom-s,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-s {
		padding-bottom: var(--space-s) !important;
	}
	.m-padding-m,
	.container.main-content > .row > .wpb_row.m-padding-m,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-m,
	.m-padding-bottom-m,
	.container.main-content > .row > .wpb_row.m-padding-bottom-m,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-m {
		padding-bottom: var(--space-m) !important;
	}
	.m-padding-l,
	.container.main-content > .row > .wpb_row.m-padding-l,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-l,
	.m-padding-bottom-l,
	.container.main-content > .row > .wpb_row.m-padding-bottom-l,
	.container.main-content > .row > .wpb_row.full-width-content.m-padding-bottom-l {
		padding-bottom: var(--space-l) !important;
	}
}
#header-outer[data-lhe="default"] #top nav > .sf-menu > li[class*="button_bordered"] > a:hover
{color: #fff !important;opacity: 0.87 !important;}
#header-outer[data-lhe="default"] #top nav > .sf-menu > li[class*="button_bordered"] > a
{
font-family: roos st regis, serif;
}
.Move-Ins_area h2
{color: #000 !important;}

.Move-Ins_area .vc_column-inner .wpb_wrapper a.nectar-button
{
background-color: rgb(0, 0, 0) !important;
    color: #fff !important;
    border-radius: 0 !important;
    }

   

    /**** banner custom responsive css 26.11.2020 start *****/
    @media only screen and (max-width: 1275px) {
        .standard_section.hero-standard .col.span_12.light.center, .standard_section.hero-standard
        {
            min-height: auto !important;
            height: auto !important;
        }

        .standard_section.hero-standard .banner_heading h1 span
        {
            font-size: 15px !important;
        }

        .standard_section.hero-standard .banner_heading h1
        {
           margin-bottom: 0 !important;
           display: none;
        }

        .standard_section.hero-standard .divider-wrap>div{
            height: auto !important;
        }

        .hero-standard .bg-video {
            top: -12rem;
        }
        .standard_section.hero-standard .wpb_row.vc_row-fluid.vc_row.inner_row.standard_section
        {position: relative !important; padding: 50px 0 !important;}
       
    }

    


    @media only screen and (max-width: 575px) {
        .standard_section.hero-standard .wpb_row.vc_row-fluid.vc_row.inner_row.standard_section
    {
        padding-bottom: 0 !important;
    }
   
    }

/**** banner custom responsive css 26.11.2020 End *****/