/* 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 */ /* HEADER */ #header-outer #top > .container {max-width:1450px; padding:0} #menu-main-navigation-left-1 {position:relative; left:13px} #menu-main-navigation-left-1 .menu-item-14 {left:5px} #top #logo img {position:relative; left:-14px} /* NAVIGATION */ #top .col nav, #top .col nav ul {min-width:428px} #top .col nav ul {justify-content:space-evenly} #top nav .sf-menu .menu-item a .menu-title-text:after {border-color:#9DD29C!important; top:36px} #top nav .sf-menu .current-menu-item a .menu-title-text:after {border-color:#9DD29C!important; top:36px} #top nav .sf-menu .menu-item a:hover .menu-title-text:after {border-color:#9DD29C!important; top:36px} #top nav .sf-menu .current-menu-item a:hover .menu-title-text:after {border-color:#9DD29C!important; top:36px} /* 'MORE' menu */ .right-aligned-menu-items nav .sf-menu li.menu-item-20 {display:flex; justify-content:center} .right-aligned-menu-items nav .sf-menu li.menu-item-20:before{content:''; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/more-hamburger.png);background-repeat:no-repeat; width:68px; height:62px; background-size:100%; display:inline-block; position:absolute; background-position:center} .right-aligned-menu-items nav .sf-menu li.menu-item-20:after {content:''; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/more-hamburger-idle.png); background-repeat:no-repeat; width:68px; height:62px; background-size:100%; display:inline-block; position:absolute; background-position:center; transition:opacity .3s } .right-aligned-menu-items nav .sf-menu li.menu-item-20:hover:after {opacity:0} .right-aligned-menu-items nav .sf-menu li.menu-item-20 > a span {opacity:0} .right-aligned-menu-items nav .sf-menu li.menu-item-20 .sub-menu {/*transform:none; opacity:1;*/ top:123px!important; transition:opacity .3s; border:none!important; left:auto; right:18px} /*.right-aligned-menu-items nav .sf-menu li.menu-item-20 .sub-menu * {opacity:1!important}*/ .right-aligned-menu-items nav .sf-menu li.menu-item-20:hover .sub-menu {top:123px!important; opacity:1; transform:none} .right-aligned-menu-items nav .sf-menu li.menu-item-20 .sub-menu li {padding-bottom:20px} .right-aligned-menu-items nav .sf-menu li.menu-item-20 .sub-menu li a:after {content:''; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/sub-menu-arrow.png); background-repeat:no-repeat; display:inline-block; width:12px; height:19px; background-size:100%; position:absolute; right:0; top:11px } /**/ /* HOME SLIDER */ #mvc-slider p {font-size:1.35vw; font-weight:500; line-height:128%; padding-bottom:15px} #mvc-slider h2 {font-size:3.225vw; line-height:122%; color:#fff!important} #mvc-slider .sr7-bullet-title:after {content:none!important} /* OUR PORTFOLIO */ #mvc-our-portfolio .span_12 {justify-content:space-between} #mvc-our-portfolio .col1 {width:46%; display:flex} #mvc-our-portfolio .col1 .vc_column-inner {display:flex} #mvc-our-portfolio .col1 .vc_column-inner > .wpb_wrapper {display:flex; height:100%} #mvc-our-portfolio .row-bg-wrap .row-bg {background-size:auto; background-position:right 10px!important} #mvc-our-portfolio .col2 {width:53%} #mvc-our-portfolio .col2 .vc_column-inner > .wpb_wrapper {display:flex; flex-wrap:wrap; justify-content:space-between} #mvc-our-portfolio .col2 .wpb_text_column {width:48%; margin-bottom:30px; transition:background-color .3s} #mvc-our-portfolio .col2 .wpb_text_column:nth-child(3), #mvc-our-portfolio .col2 .wpb_text_column:last-child {margin-bottom:0} #mvc-our-portfolio .col2 .wpb_text_column h3 {transition:color .3s} #mvc-our-portfolio .col2 .wpb_text_column h3 a {color:#fff} #mvc-our-portfolio .col2 .wpb_text_column p {font-size:23px; line-height:29px; } #mvc-our-portfolio .col2 .wpb_text_column p a {color:#9DD29C; transition:color .3s} #mvc-our-portfolio .col2 .wpb_text_column p a:after {content:''; width:0; height:0; display:inline-block; border-top: 8px solid transparent; border-bottom:8px solid transparent; border-left:10px solid; border-left-color: #9DD29C; margin-left:10px; position:relative; top:0; transition:border-left-color .3s } #mvc-our-portfolio .col2 .wpb_text_column:hover {background-color:#9DD29C!important} #mvc-our-portfolio .col2 .wpb_text_column:hover h3 a{color:#124655} #mvc-our-portfolio .col2 .wpb_text_column:hover p a{color:#37741E} #mvc-our-portfolio .col2 .wpb_text_column:hover p a:after {border-left-color:#37741E} /* WHY CHOOSE */ #why-mvc .col1 {padding-right:60px} #why-mvc .col1 .wpb_text_column h2 {margin-bottom:30px; line-height:120%} #why-mvc .col1 .wpb_text_column h3 {margin-top:10px; font-size:28px; line-height:140%; margin-bottom:35px; color:#000} #why-mvc .col1 .wpb_text_column h3:last-child {margin-bottom:0} #why-mvc .col1 .wpb_text_column h3:first-of-type {margin-top:0} #why-mvc .col2 .vc_column-inner > .wpb_wrapper {padding:6.5%} #why-mvc .col2 .hover-wrap {margin-bottom:39px} #why-mvc .col2 .img-with-aniamtion-wrap:last-child .hover-wrap {margin-bottom:0} #why-mvc .col2 .img-with-aniamtion-wrap img{/*max-width:514px*/} /*#why-mvc .col2 .img-with-aniamtion-wrap .hover-wrap {margin-bottom:0}*/ /* OUR NEWS (HOMEPAGE) */ .nectar-button.accent-color span {font-size:17px} #mvc-news .row-bg-wrap .row-bg {background-size:auto; background-position:left 70px!important} #mvc-news .nectar-flickity {max-width:1205px; margin:0 auto} #mvc-news .nectar-flickity .flickity-viewport {margin-top:50px; margin-bottom:0} #mvc-news .cell .inner-wrap img {width:336px; height:274px; object-fit:cover} #mvc-news .flickity-slider .cell {} #mvc-news .post-featured-img {display:flex; justify-content:center} #mvc-news .article-content-wrap {display:flex; justify-content:center} #mvc-news .nectar-flickity .flickity-button {background-repeat:no-repeat; width:35px; height:62px; top:140px} #mvc-news .nectar-flickity .flickity-button:disabled {display:block} #mvc-news .nectar-flickity .flickity-button:before {content:none} #mvc-news .nectar-flickity .flickity-button:after {content:none} #mvc-news .nectar-flickity .flickity-button svg {display:none} #mvc-news .nectar-flickity .previous{background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/left-arrow.png); left:-60px} #mvc-news .nectar-flickity .next {background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/right-arrow.png); right:-60px} #mvc-news .meta-category, #mvc-news .excerpt {display:none} #mvc-news .title {font-size:24px; line-height:128%; margin-top:13px } #mvc-news .post .post-header {width:336px; text-align:left} #mvc-news .post .post-header > .meta {font-size:18px; color:#333330; margin-top:20px; display:inline-block} #mvc-news .post .post-header .title a {color:#124655!important} #mvc-news .post .post-header .title {color:#124655!important} #mvc-news .article-content-wrap {padding:0; background-color:transparent} #mvc-news .blog-recent .post {border:none; box-shadow:none; background-color:transparent} #mvc-news .more-news-link {margin-right:56px} #mvc-news .more-news-link a {color:#37741E; position:relative; } #mvc-news .more-news-link a:after {content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#37741E; display:inline-block; position:relative; top:1px; left:10px; transition:left .3s } #mvc-news .more-news-link a:hover:after {left:15px} /* GENERAL STYLES */ body .section-title h1 {color:#124655} .dark h2 {color:#124655} .row .col.section-title {border-bottom:none} /* OUR RESIDENTIAL LOCATIONS */ .page-id-62 .page-header-no-bg {padding-top:70px} .page-id-62 .page-header-no-bg .section-title {padding-bottom:70px} .page-id-62 .section-title h1 {} .location-section-head {height:274px; display:flex; flex-direction:column; justify-content:center; } .location-section-head .vc_column-inner > .wpb_wrapper {display:flex} .location-section-head .row-bg-wrap .row-bg {background-size:auto} .location-section-head .wpb_text_column {width:44%; position:relative; display:flex; flex-direction:column; justify-content:center} .location-section-head .wpb_text_column > .wpb_wrapper {position:relative; left:170px} .location-section-head .wpb_text_column h2 {font-size:44px; line-height:125%;} .location-section-head .img-with-aniamtion-wrap {width:56%; height:274px} .location-section-head .img-with-aniamtion-wrap img {height:274px; object-fit:cover} .location-section-head .wpb_text_column p a {color:#124655} .location-section-head .wpb_text_column p a:after {content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#124655; display:inline-block; position:relative; top:1px; left:10px; transition:left .3s} .location-section-head .wpb_text_column p:hover a:after {left:15px} .location-section-head.light .wpb_text_column h2 {color:#fff} .location-section-head.light .wpb_text_column p a {color:#9DD29C} .location-section-head.light .wpb_text_column p a:after {border-left-color:#9DD29C; } .location-section-head.light .wpb_text_column p:hover a:after {left:15px} #neighborhoods #section-title {width:100%; background-color:transparent; height:auto} #neighborhoods .vc_column-inner > .wpb_wrapper {width:100%; max-width:1088px; display:flex; flex-wrap:wrap; margin:0 auto} #neighborhoods .wpb_text_column {/*background-color:rgba(255,255,255,.8); background-color:rgba(253,243,209,.9);*/ background-color:rgba(253,243,209,.875); height:210px; margin-bottom:30px; display:flex; flex-direction:column; justify-content:center} #neighborhoods .wpb_text_column:nth-child(3n+3) {margin-right:0} #neighborhoods .wpb_text_column h3 {font-size:34px; line-height:150%; color:#124655} #neighborhoods .wpb_text_column p a {color:#37741E} #neighborhoods .wpb_text_column p a:after {content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#37741E; display:inline-block; position:relative; top:1px; left:10px} #neighborhoods .wpb_text_column {background-blend-mode:lighten; transition: background-blend-mode .5s} #neighborhoods .wpb_text_column:hover {background-blend-mode:normal} #neighborhoods .neighborhood {width:31%; margin-right:3.5%; } #neighborhoods .vc_column-inner > .wpb_wrapper > .neighborhood:nth-child(3n+1) {margin-right:0} #neighborhoods .neighborhood > .wpb_wrapper {position:relative} #neighborhoods .neighborhood .img-with-aniamtion-wrap {width:100%; opacity:0; transition:opacity .3s} #neighborhoods .neighborhood .img-with-aniamtion-wrap img {width:100%; height:210px; object-fit:cover;} #neighborhoods .neighborhood .wpb_text_column {position:absolute; width:100%; opacity:1; transition:opacity .3s} /*#neighborhoods .neighborhood:hover .img-with-aniamtion-wrap {opacity:1}*/ /*#neighborhoods .neighborhood:hover .wpb_text_column {opacity:0}*/ #neighborhoods .neighborhood .wpb_text_column {transition:background-color .3s} #neighborhoods .neighborhood:hover .wpb_text_column {background-color:rgba(253,243,209,1)} .more-locations {height:470px} .more-locations .row_col_wrap_12 {height:100%} .more-locations .row-bg-wrap .row-bg {background-position:center!important} .more-locations .wpb_text_column h2 {padding-top:60px} .more-locations .wpb_text_column p {font-size: 22px; line-height: 100%; margin-top: 20px} .more-locations .wpb_text_column a:after{content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#124655; display:inline-block; position:relative; top:1px; left:10px} #portsmouth.more-locations .wpb_text_column a {color:#124655} #nantucket.more-locations .wpb_text_column h2, #nantucket.more-locations .wpb_text_column a {color:#fff} #nantucket.more-locations .wpb_text_column a:after {border-left-color:#fff; } #more-locations .wpb_text_column {position:absolute; width:100%; z-index:10;top:60px} #more-locations .wpb_text_column p {font-size:22px; line-height:100%; margin-top:20px} #more-locations .wpb_text_column a {color:#124655; } #more-locations .wpb_text_column a:after {content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#124655; display:inline-block; position:relative; top:1px; left:10px} #more-locations .light .wpb_text_column h2 {color:#fff} #more-locations .light .wpb_text_column p a {color:#fff} #more-locations .light .wpb_text_column p a:after {border-left-color:inherit} #more-locations .img-with-aniamtion-wrap{ width:100%} #more-locations .img-with-aniamtion-wrap img {height:470px; object-fit:cover; width:100%} #more-locations .location-inner .img-with-aniamtion-wrap:last-child {position:absolute; top:0; left:0} #more-locations .location-inner .img-with-aniamtion-wrap:last-child .lifestyle {opacity:0; transition:opacity .6s} #more-locations .location-inner.portsmouth .wpb_text_column h2, #more-locations .location-inner.portsmouth .wpb_text_column a {transition: color .6s} #more-locations .location-inner.portsmouth .wpb_text_column a:after {border-left-color:#124655; transition: border-left-color .6s} #more-locations .location-inner.nantucket .wpb_text_column h2, #more-locations .location-inner.nantucket .wpb_text_column a {transition: color .6s} #more-locations .location-inner.nantucket .wpb_text_column a:after {border-left-color:#fff; transition: border-left-color .6s} /* Remove hover state from Nantucket Residential and Portsmouth Residential rows */ /* #more-locations .location-inner:hover .img-with-aniamtion-wrap:last-child .lifestyle {opacity:1} #more-locations .location-inner.portsmouth:hover .wpb_text_column h2, #more-locations .location-inner.portsmouth:hover .wpb_text_column a {color:#fff} #more-locations .location-inner.portsmouth:hover .wpb_text_column a:after {border-left-color:#fff} #more-locations .location-inner.nantucket:hover .wpb_text_column h2, #more-locations .location-inner.nantucket:hover .wpb_text_column a {color:#124655} #more-locations .location-inner.nantucket:hover .wpb_text_column a:after {border-left-color:#124655} */ /* ALLSTON BRIGHTON / PROPERTIES LANDING PAGE */ .page-template-properties-landing #ajax-content-wrap{ background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/4d2454428fd96c8c675fdf715e79ce4b.png), url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/4d2454428fd96c8c675fdf715e79ce4b.png); background-repeat:no-repeat, no-repeat; background-size:512px, 512px; background-position: 98% 40px, -50px 45%; } .page-template-properties-landing #ajax-content-wrap .container-wrap, .page-template-properties-landing #ajax-content-wrap .page-header-no-bg {background-color:transparent} .page-template-properties-landing #ajax-content-wrap .page-header-no-bg {padding-top:95px} #ajax-content-wrap .page-header-no-bg {padding-top:95px} #properties .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {display:flex; flex-wrap:wrap; /*justify-content:space-between*/} #properties .property {margin-bottom:100px; margin-right:1.973%} #properties .property:nth-child(3n+3) {margin-right:0} #properties .property .vc_column-inner > .wpb_wrapper {display:block} #properties .property {width:32%} #properties .property .img-with-aniamtion-wrap {position:relative} #properties .property .img-with-aniamtion-wrap:after {content:'EXPLORE'; position:absolute; top:0; left:0; background-color:rgba(157, 210, 156, 0.84); display:flex; justify-content:center; align-items:center; width:100%; /*height:90.5%;*/height:100%; opacity:0; transition:opacity .3s; color:#124655; font-size:23px; line-height:22px; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/explore.png); background-repeat:no-repeat; background-position:68% center; z-index:10 } #properties .property:hover .img-with-aniamtion-wrap:after {opacity:1} /* SINGLLE PROPERTY PAGE W LINK */ .page-template-template-allston #ajax-content-wrap, .page-template-template-single-property #ajax-content-wrap {position:relative} #back-btn{display:block; top: 50px; position: absolute; z-index: 9990; width:100%} #back-btn-inner {display:flex; width:43%; justify-content:flex-end} #back-btn-link {width:71%} #back-btn-inner a{color:#333330; font-size:17px; font-weight:500} #back-btn a {opacity:1; transition:opacity .3s} #back-btn a:hover {opacity:.7} #back-btn button {background-color:transparent; border:none; font-size:17px; cursor: pointer; opacity:1; transition:opacity .3s; font-family:'Work Sans'} #back-btn button:hover {opacity:.7} #property-info > .span_12 {justify-content:space-between} #property-info > .span_12:after {display:none} #property-info .col1 {width:43%} #property-info .col1 .vc_column-inner {align-items:flex-end} #property-info .col1 .vc_column-inner .img-with-aniamtion-wrap img {width:100%; max-width:577px} #property-info .col1 .vc_column-inner > .wpb_wrapper {width:71%; position:relative} #property-info .col1 .wpb_text_column > .wpb_wrapper {min-height:320px; margin-bottom:30px} #property-info .col1 .property-description > .wpb_wrapper {min-height:320px; margin-bottom:30px} #property-info .col1 .wpb_text_column p:first-child {padding-top:40px} #property-info .col1 .wpb_text_column p a {color:#37741E;} #property-info .col1 .wpb_text_column p a:after {content:''; width:0; height:0; display:inline-block; border-top: 7px solid transparent; border-bottom:7px solid transparent; border-left:9px solid; border-left-color: #37741E; margin-left:7px; position:relative; top:0; left:0; transition: left .3s } #property-info .col1 .wpb_text_column p a:hover:after {left:5px} #property-info .col1 .for-residents > .wpb_wrapper {min-height:0;} #property-info .col1 .for-residents p:first-child {padding-top:0; padding-bottom:0} #property-info .col1 .for-residents p a {font-size:28px; color:#37741E;} #property-info .col1 .for-residents p a:after {content:''; width:0; height:0; display:inline-block; border-top: 9px solid transparent; border-bottom:9px solid transparent; border-left:11px solid; border-left-color: #37741E; margin-left:7px; position:relative; top:0; left:0; transition: left .3s } #property-info .col1 .for-residents p a:hover:after {left:5px} #property-info .col1 .wpb_text_column h3 {font-family:'Work Sans'; font-size:28px; line-height:140%; margin-bottom:0;} #property-info .col1 .wpb_text_column h3 a{color:#37741E} #property-info .col1 .wpb_text_column h3 a:after {content:''; width:0; height:0; display:inline-block; border-top: 9px solid transparent; border-bottom:9px solid transparent; border-left:11px solid; border-left-color: #37741E; margin-left:7px; position:relative; top:0; left:2px; transition: left .3s } #property-info .col1 .wpb_text_column h3 a:hover:after {left:7px} #property-info .col1 #back-button {position:absolute; top:0; border:1px solid blue } #property-info .col2 {width:53%} #property-info .col2 .flickity-viewport{margin-top:0} #property-info .col2 .flickity-viewport .cell {padding:0} .mvc-image-gallery {display:none} #property-info .amenities.wpb_text_column {border-bottom:1px solid #124655; border-top:1px solid #124655; margin-top:70px;} #property-info .col1 .amenities.wpb_text_column > .wpb_wrapper {min-height:0; margin-bottom:0} #property-info .amenities h3{font-family:'work sans'; font-size:25px; line-height:100%; padding:20px 0 20px 60px} #property-info .amenities h3 a {position:relative; color:#37741E} #property-info .col1 .amenities h3 a:after {content:none} #property-info .amenities h3 a:before {content:''; position:absolute; left:-40px; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/amenities-chevron.png); width:11px; height:14px; display:inline-block; top:9px} #property-info .flickity-page-dots {text-align:left; bottom:-50px} #property-info .col1 .amenities p:first-child {padding-top:20px} #property-info .amenities p{font-family:'work sans'; font-size:28px; line-height:100%; padding:20px 0 20px 60px; position:relative} #property-info .col1 .amenities p a:before {content:''; position:absolute;background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/amenities-chevron.png); width:11px; height:14px; display:inline-block; /*top:9px; left:-40px;*/ top:27px; left:22px } #amenities .amenities-link p {border-top:1px solid #124655; border-bottom:1px solid #124655; padding-top:20px; padding-bottom:20px; margin-top:20px } #amenities .amenities-link a { color: #37741E; font-size: 25px; line-height: 114%; font-family: 'Work Sans'; position: relative; padding: 0;} #amenities .amenities-link a:before {content:'' ;background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/amenities-chevron.png); width:11px; height:14px; display:inline-block; margin-right:27px; margin-left:17px /*top:9px; left:-40px;top:27px; left:22px*/ } #property-info .flickity-page-dots {text-align:left; bottom:-50px} #property-info .col1 .amenities p a:after {content:none} #to-learn-more.no-images .col1 {height:23.7vw} #to-learn-more .col1 .vc_column-inner {display:flex; height:100%; align-items:center;} #to-learn-more .col1 p {font-size:28px; color:#9DD29C; line-height:28px; margin-left:60px} #to-learn-more .col1:hover p {color:#124655} #to-learn-more .col1 p:after {content:''; width:0; height:0; display:inline-block; border-top: 10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid; border-left-color: #9DD29C; margin-left:10px; position:relative; top:2px; left:0; transition:border-left-color .3s, left .3s} #to-learn-more .col1:hover p:after {left:5px; border-left-color:#124655} /* SINGLLE PROPERTY PAGE W TOGGLE PANEL */ #property-info {z-index:100} #property-info .toggles {margin-top:50px; } #property-info .toggles .toggle {border-bottom:1px solid #124655; border-top:1px solid #124655; } #property-info .toggle-title {padding:20px 0 20px 60px; } #property-info .toggle-title a {color:#333330; font-size:25px; line-height:100%; font-family:'Work Sans'; position:relative; padding:0} #property-info .toggle-title a i {display:none} #property-info .toggle-title a:before {content:''; position:absolute; left:-40px; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/amenities-chevron.png); width:11px; height:14px; display:inline-block; top:8px; transform:rotate(90deg); transition:transform .6s} #property-info .open .toggle-title a:before {transform:rotate(-90deg)} #property-info .toggles .toggle .wpb_text_column > .wpb_wrapper {min-height:0} /*#property-info .toggles .toggle > div {position:absolute;}*/ #property-info .inner-toggle-wrap {background-color:#fff; /*border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #124655*/ } #property-info .inner-toggle-wrap .wpb_text_column {padding:20px 50px} #property-info .inner-toggle-wrap ul {column-count:3; line-height:150%; column-gap:40px} #property-info .inner-toggle-wrap ul li {padding:5px 0; font-size:18px} .toggle {/*border-left:1px solid #fff; border-right:1px solid #fff;*/ } .toggle.open {/*border-left:1px solid #eee; border-right:1px solid #eee;*/} #property-info .toggles .toggle > div{width:242%; max-width:1420px} /* SINGLLE PROPERTY PAGE W TOGGLE PANEL IN ITS OWN ROW */ #property-info {z-index:100} #amenities .toggles {margin-top:50px; } #amenities .toggles .toggle {border-bottom:1px solid #124655; border-top:1px solid #124655; } #amenities .toggle-title {padding:20px 0 20px 60px; } #amenities .toggle-title a {color:#333330; font-size:25px; line-height:100%; font-family:'Work Sans'; position:relative; padding:0} #amenities .toggle-title a i {display:none} #amenities .toggle-title a:before {content:''; position:absolute; left:-40px; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/amenities-chevron.png); width:11px; height:14px; display:inline-block; top:8px; transform:rotate(90deg); transition:transform .6s} #amenities .open .toggle-title a:before {transform:rotate(-90deg)} #amenities .toggles .toggle .wpb_text_column > .wpb_wrapper {min-height:0} /*#property-info .toggles .toggle > div {position:absolute;}*/ #amenities .inner-toggle-wrap {background-color:#fff; padding-bottom:0;/*border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #124655*/ } #amenities .inner-toggle-wrap .wpb_text_column {padding:0 50px 20px} #amenities .inner-toggle-wrap ul {column-count:3; line-height:150%; column-gap:40px} #amenities .inner-toggle-wrap ul li {padding:5px 0; font-size:18px} .toggle {/*border-left:1px solid #fff; border-right:1px solid #fff;*/ } .toggle.open {/*border-left:1px solid #eee; border-right:1px solid #eee;*/} #amenities .toggles .toggle > div{/*width:242%*/} /* COMMERCIAL */ #neighborhoods.commercial-boston .vc_column-inner > .wpb_wrapper {justify-content:center} #properties.south-boston-commercial .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {justify-content:center} /* DEVELOPMENTS */ /*#properties .sold .img-with-aniamtion-wrap:before {content:'SOLD'; position:absolute; top:0; left:0; background-color:rgba(255, 255, 255, 0.9); display:flex; justify-content:center; align-items:center; width:100%; transition:opacity .3s; color:#124655; font-size:36px; line-height:140%; opacity:1; height:auto; background-image:none; font-weight:600; top:auto; bottom:45%; padding:15px 0; color:#37741E; z-index:1}*/ #property-info .hover-wrap-inner {position:relative} #property-info .sold .img-with-aniamtion-wrap {position:relative} /*#property-info .sold .img-with-aniamtion-wrap:after {content:'SOLD'; position:absolute; top:0; left:0; background-color:rgba(255, 255, 255, 0.9); display:flex; justify-content:center; align-items:center; width:100%; transition:opacity .3s; color:#124655; font-size:36px; line-height:140%; opacity:1; height:auto; background-image:none; font-weight:600; top:auto; bottom:45%; padding:15px 0; color:#37741E}*/ /* HOTELS */ .page-template-template-hotels-boston #ajax-content-wrap {position:relative} .page-template-template-hotels-nantucket #ajax-content-wrap {position:relative} .hotel-location .span_12 .wpb_text_column a {font-size:24px; line-height:120%; opacity:1; color:#fff} .hotel-location .span_12 .wpb_text_column a:after {content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left :10px solid; border-left-color:#fff; display:inline-block; position:relative; top:1px; left:10px} .hotel-location .span_12.light .wpb_text_column a {color:#fff; opacity:1} .hotel-location .span_12.dark .wpb_text_column a {color:#124655} .hotel-location .span_12.dark .wpb_text_column a:after {border-left-color:#124655} .hotel-location .wpb_text_column h2 {transition:color .3s} .hotel-location:hover .wpb_text_column h2, .hotel-location:hover .span_12.light .wpb_text_column a {color:#124655} .hotel-location .span_12.light .wpb_text_column a:after {transition: border-left-color .3s} .hotel-location:hover .span_12.light .wpb_text_column a:after {border-left-color:#124655} .hotel-location .vc_column-inner > .wpb_wrapper {display:flex} .hotel-location .wpb_text_column {width:42%; display:flex; justify-content:flex-end} .hotel-location .wpb_text_column > .wpb_wrapper {width:47%; display:flex;flex-direction:column; justify-content:center; height:100%} .hotel-location .img-with-aniamtion-wrap {width:58%} .hotel-location .img-with-aniamtion-wrap .img-with-animation {width:100%} /* RESIDENT SERVICES */ #resident-services .wpb_text_column > .wpb_wrapper {width:68%; margin:0 auto} #resident-services .wpb_text_column h1 {color:#124655; margin-bottom:40px} #resident-services .wpb_text_column h2 {font-size:38px; line-height:130%; margin-bottom:25px} #resident-choices .span_12 {justify-content:space-between} #resident-choices .span_12:after {display:none} #resident-choices .vc_col-sm-4 {max-width:380px; padding:0/*width:28.235%*/} #resident-choices .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {padding:48px} #resident-choices .wpb_text_column:first-child p {color:#124655; font-size:28px; line-height:125%} #resident-choices .wpb_raw_html {margin-bottom:39px} #resident-choices .wpb_raw_html svg {height:125px; margin-top:27px} #resident-choices .vc_col-sm-4:hover .wpb_raw_html svg path {stroke:#fff} #resident-choices .col2 .wpb_text_column:first-child p {color:#fff} #resident-choices .col2:hover .wpb_text_column:first-child p {color:#124655} #resident-choices .col2 .nectar-button span {color:#124655} #resident-choices .col2:hover .wpb_raw_html svg path {stroke:#4E9D2D} #resident-choices .mvc-button p a {background-color:#124655; color:#fff; display:inline-block; border-radius:25px; width:232px; padding:3px 0} #resident-choices .vc_col-sm-4:hover .mvc-button p a {background-color:#fff; color:#124655} /* ABOUT US */ #our-philosophy .span_12 {justify-content:flex-end} #our-philosophy .vc_col-sm-12 {width:47%} #our-philosophy .wpb_text_column h2 {color:#333330; font-size:28px; line-height:140%; margin-bottom:25px} #our-philosophy .wpb_text_column p {color:#333330} #our-team .wpb_text_column:first-child h2 {font-size:52px} #our-team .nectar-flickity .flickity-viewport {margin-top:50px} #our-team .nectar-flickity .wpb_text_column {width:302px} #our-team .nectar-flickity .wpb_text_column img {width:100%; height:341px; object-fit:cover} #our-team h3 {color:#124655; font-size:23px; line-height:115%; margin-bottom:0} #our-team .nectar-flickity p:first-child {position:relative;} #our-team .nectar-flickity p:first-child:before {content:"MORE"; position:absolute; top:0; left:0; background-color:rgba(157, 210, 156, 0.84); width:100%; height:100%; font-family:'Work Sans'; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; font-size:23px; line-height:22px; color:#124655; background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/explore.png); background-repeat:no-repeat; background-position:67% center; z-index:10; background-size:13px auto } #our-team .nectar-flickity .cell .vc_column-inner:hover p:first-child:before {opacity:1} #our-team .nectar-flickity .wpb_text_column p {font-family:"Frank Ruhl Libre"; font-size:18px; color:#333330; padding-bottom:0; margin-bottom:20px} #our-team .nectar-flickity .flickity-button {background-repeat:no-repeat; width:35px; height:62px; top:160px} #our-team .nectar-flickity .flickity-button:disabled {display:block} #our-team .nectar-flickity .flickity-button:before {content:none} #our-team .nectar-flickity .flickity-button:after {content:none} #our-team .nectar-flickity .flickity-button svg {display:none} #our-team .nectar-flickity .previous{background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/left-arrow.png); left:-60px} #our-team .nectar-flickity .next {background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/right-arrow.png); right:-60px} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-position:left 80%!important; background-size:111%} #additional-staff .vc_col-sm-12 {width:62%} #additional-staff .vc_column-inner > .wpb_wrapper {display:flex} #additional-staff .wpb_text_column {width:50%} #additional-staff .wpb_text_column h2 {font-size:44px; color:#124655; line-height:125%; margin-bottom:20px } #additional-staff .wpb_text_column p {font-family:"Frank Ruhl Libre"; font-size:20px; line-height:140%} #additional-staff .wpb_text_column p strong {font-family:inherit; font-size:25px} #additional-staff .wpb_text_column:nth-child(2) h2 {padding-top:11px} #additional-staff .wpb_text_column:nth-child(2) h2:first-of-type {padding-top:0} /* INDIVIDUAL TEAM MEMBERS */ #back-to-about p a {color:#333330; font-size:17px; line-height:100%} #mvc-member .vc_col-sm-3 {width:35%} #mvc-member .vc_col-sm-3 .img-with-aniamtion-wrap img {width:100%} #mvc-member .vc_col-sm-9 {width:65%} #mvc-member .vc_col-sm-9 .vc_column-inner {padding-left:52px} #mvc-member .wpb_text_column h2 {color:#124655; font-size:28px; line-height:140%; margin-bottom:0} #mvc-member .wpb_text_column h3 {color:#333330; font-size:22px; line-height:140%; margin-bottom:25px} #mvc-member .wpb_text_column p {padding-bottom:25px} .team-member-container-wrap {background-color:#BBCFD5} .team-member-container-wrap:after {content:''; width:26%; height:100%; background-color:#fff; display:block; position:absolute; top:0} /* NEWS LANDING */ #news-highlight .nectar-recent-post-slide, #news-highlight .nectar-recent-post-slide .row-bg, #news-highlight .nectar-recent-post-slide .recent-post-container {height:667px} #news-highlight .nectar-recent-post-slide .nectar-recent-post-bg {background-position: left bottom} #news-highlight .nectar-recent-post-slide .nectar-recent-post-bg:after {content:none} #news-highlight .grav-wrap .text a {cursor:auto} #news-highlight .grav-wrap .text a:before {content:none} #news-highlight .grav-wrap .text a > span {text-transform:uppercase} #news-highlight .nectar-recent-post-slide .recent-post-container {padding-top:0; padding-bottom:0; margin:0; padding:0} #news-highlight .nectar-recent-post-slide .recent-post-container .large-featured-post-title {width:70%} #news-highlight .nectar-recent-post-slide .recent-post-container .excerpt {display:none} #news-highlight .nectar-recent-post-slide .recent-post-container .inner-wrap {background: linear-gradient(90deg, #093B49 62.9%, rgba(7, 44, 55, 0.17) 95.61%, rgba(7, 44, 55, 0.00) 135.78%); padding-left:240px; padding-top:50px; padding-bottom:50px; width:60%; position:relative; top:70px} #news-highlight .recent-post-container .nectar-button {background-color:transparent!important; padding:0} #news-highlight .recent-post-container .nectar-button:hover {transform:none; box-shadow:none!important} #news-highlight .recent-post-container .nectar-button span {color:#9DD29C; font-size:17px; text-transform:uppercase; font-weight:500} #news-highlight .recent-post-container .nectar-button:hover span {transform:none; } #news-highlight .recent-post-container .nectar-button i:before {content:none} #news-highlight .outlet-logo {width:15vw; display:block; margin-bottom:17px} .page-id-159 h1{color:#124655} #news-grid .nectar-post-grid-filters a {margin-left:30px; margin-right:30px; font-size:20px} #news-grid .nectar-post-grid-filters a.active {color:#4E9D2D; color:#34851d} #news-grid .nectar-post-grid-filters a.active:after {content:none} #news-grid .nectar-post-grid-item-bg-wrap {border:1px solid #656561; height:370px} #news-grid .nectar-post-grid-item-bg-wrap .nectar-post-grid-item-bg img {height:370px; object-fit:cover} #news-grid .nectar-post-grid-item {margin-bottom:75px;} #news-grid .nectar-post-grid-item:hover {transform:none} #news-grid .nectar-post-grid-item .content {padding:0} #news-grid .item-main {display:flex; flex-direction:column; margin-top:20px} #news-grid .post-heading {order:1; margin-top:12px} #news-grid .post-heading span:after {content:'Learn more'; color:#4E9D2D; display:block; font-size:18px; line-height:18px; margin-top:12px; font-family:'Work Sans'} #news-grid .post-heading span {font-size:24px; color:#124655; line-height:130%; display:block} #news-grid .nectar-post-grid-item__meta-wrap .meta-date {color:#333330; font-size:18px} /* NEWS ARTICLE */ .single-post #page-header-wrap {display:none; height:0} .single-post #page-header-wrap, .single-post #page-header-wrap #page-header-bg {height:586px!important} .postid-41 #page-header-bg[data-bg-pos=center] .page-header-bg-image {background-position:center bottom} .single-post #page-header-wrap #page-header-bg .page-header-bg-image-wrap .page-header-bg-image:after {content:none} .single-post #page-header-wrap #page-header-bg .container {display:none} .single-post .container-wrap.no-sidebar {background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2024/12/4d2454428fd96c8c675fdf715e79ce4b.png); background-repeat:no-repeat; background-size:512px auto; background-position:110% 100px} .single-post .container-wrap.no-sidebar .main-content .inner-wrap {width:95%; margin:0 auto} .post .blog-featured-img img {width: 452px; height: auto; float: left; margin: 0 30px 20px 0; object-fit: contain;} .category-news-highlight .blog-featured-img img {display:none} #mvc-post-head #back-btn {top:auto;} #mvc-post-head #back-btn-inner {display:block; width:auto} #mvc-post-head #back-btn a {position:relative; left:-23%;} #mvc-post-wrap #mvc-post-head #mvc-post-title {color:#124655; margin-bottom:20px} #mvc-post-head .news-outlet {margin-bottom:40px; display:block} #mvc-post-head #outlet-byline {margin-bottom:25px} #mvc-post-title {font-size:48px; line-height:52px} #mvc-post-wrap .mvc-post-content {margin-top:50px} #mvc-post-wrap .mvc-post-content h2 {font-size:36px; line-height:140%} #mvc-post-wrap .mvc-post-content p, #mvc-post-wrap .mvc-post-content li {font-size:18px; line-height:27px} #mvc-post-wrap .mvc-post-content p a {text-decoration:underline; text-decoration-thickness: 2px} #mvc-post-wrap .mvc-post-content h2{font-family: 'Frank Ruhl Libre'; text-transform: none; letter-spacing: 0; font-size: 28px; line-height: 34px; font-weight: 600; color:#37741E} #mvc-post-wrap .mvc-post-content h3{font-family: 'Frank Ruhl Libre'; text-transform: none; letter-spacing: 0; font-size: 22px; line-height: 28px; font-weight: 600; color:#37741E} #mvc-post-wrap .mvc-post-content h5 {color:#37741E} #mvc-post-wrap .mvc-post-content blockquote {color:#37741E; font-size:100px; font-weight:600; padding:40px 80px 40px 100px; border:2px solid #4E9D2D; width:79%; position:relative; margin:40px 0 70px} #mvc-post-wrap .mvc-post-content blockquote:after {content:'”'; position:absolute; top:11px; left:30px; font-family:"Work Sans"; line-height:100px; font-weight:400} #mvc-post-wrap .mvc-post-content blockquote p {color: #333330; font-family: "Frank Ruhl Libre"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 150%; /* 33px */} .comments-section {display:none!important} /* CONTACT */ #mvc-main-office{position:absolute; top:-225px;right:0;width:465px; box-shadow:0px 4px 4px rgba(0,0,0,.3)} #mvc-main-office .wpb_text_column {padding:60px 50px} #mvc-main-office h3 {color:#124655; font-size:32px; line-height:120%} #mvc-main-office .wpb_text_colum p {font-size:18px; line-height:120%} #contact-us .wpb_text_column .wpb_wrapper p a {color:#37741E} #contact-us .wpb_text_column .wpb_wrapper p a:after {content:''; width:0; height:0; display:inline-block; border-top: 7px solid transparent; border-bottom:7px solid transparent; border-left:9px solid; border-left-color: #37741E; margin-left:7px; position:relative; top:0; left:0; transition: left .3s} #contact-us .wpb_text_column .wpb_wrapper p a:hover:after {left:5px} #mvc-contact-form .wpb_text_column {padding-bottom:50px} #mvc-contact-form .wpcf7 {max-width:1110px; width:100%} #mvc-contact-form .three-across{display:flex; justify-content:space-between} #mvc-contact-form .three-across br {display:none} #mvc-contact-form .three-across p {width:31%; padding-bottom:0} #mvc-contact-form input, #mvc-contact-form textarea {font-size:16px; } #mvc-contact-form .wpcf7-form-control-wrap input, #mvc-contact-form .wpcf7-form-control-wrap textarea {background-color:#fff; border:1px solid #aaa} #mvc-contact-form .wpcf7-submit {border-radius:0!important; text-transform:uppercase; width:151px; font-size:20px; font-weight:700} /* LEASING INQUIRY */ #leasing-inquiry .wpb_text_column h1 {color:#124655; margin-bottom:30px} #leasing-inquiry form{margin-top:35px} #leasing-inquiry form .two-across {display:flex; flex-wrap:wrap} #leasing-inquiry form .two-across p{width:48%} #leasing-inquiry form .two-across p:nth-child(odd){margin-right:4%} #leasing-inquiry form p {font-size:16px; color:#767676; color:#000} #leasing-inquiry form .area-name {font-size:18px; cursor:pointer} #leasing-inquiry form .bigger-text {font-size:20px; color:#333330} #leasing-inquiry input, #leasing-inquiry textarea {background-color:#fff; border:1px solid #C9C9C9; font-size:18px; margin-top:3px; padding:12px 10px} #leasing-inquiry select {border:1px solid #C9C9C9; padding:16px 10px 17px; box-shadow:none} #leasing-inquiry form .availability {margin-bottom:25px} #leasing-inquiry form .area-name {} #leasing-inquiry form .area-name:before {content:''; display:inline-block; width:8px; height:8px; border-top:4px solid #656561; border-right:4px solid #656561; transform:rotate(130deg); margin-right:10px; transition:transform .3s} #leasing-inquiry form .area-name.open:before {transform:rotate(-45deg);} #leasing-inquiry .availability .wpcf7-checkbox {/*display:flex; flex-wrap:wrap*/} #leasing-inquiry .availability .wpcf7-checkbox .wpcf7-list-item {width:46%; margin-left:15px} #leasing-inquiry form .wpcf7-list-item-label {color:#656561} #leasing-inquiry .img-with-aniamtion-wrap img {max-width:639px} #leasing-inquiry .img-with-aniamtion-wrap .hover-wrap {display:flex; justify-content:flex-end} #leasing-inquiry .wpcf7-submit{background-color:#4E9D2D; font-size:20px; font-weight:700; border-radius:0!important; padding:14px 44px!important} .area-properties {display:none} /* FOOTER */ #footer-outer #footer-widgets .container > .row {padding-top:120px} #footer-outer #footer-widgets .span_6:first-child {width:27%; margin:0} #footer-outer #footer-widgets .span_6:last-child {width:71%} #footer-widgets .widget_nav_menu .menu-footer-menu-container {display:flex; justify-content:flex-end} #footer-widgets .widget_nav_menu #menu-footer-menu {display:flex; margin-top:28px; padding-bottom: 30px; border-bottom:1px solid rgba(100,100,100,.2)} #footer-widgets #menu-footer-menu .menu-item {font-size:16px; line-height:100%; border-bottom:none!important; border-right:1px solid #161515} #footer-widgets #menu-footer-menu .menu-item:last-child{border-right:none} #footer-widgets #menu-footer-menu .menu-item a {padding:0 20px 0!important;} #footer-widgets #menu-footer-menu .menu-item:hover a {opacity:.6} #footer-widgets #menu-footer-menu .menu-item:first-child a{padding-left:0!important} #footer-widgets #menu-footer-menu .menu-item:last-child a {padding-right:0!important} #footer-widgets .widget_text .textwidget {display:flex; font-size:16px; line-height:100%; align-items:center; justify-content:flex-end} #footer-outer #footer-widgets .widget_text p {padding-bottom:0} #footer-outer #footer-widgets .widget_text .phonenumber {margin-left:16px} #footer-outer #footer-widgets .widget_text ul {display:flex} #footer-outer #footer-widgets .widget_text ul li {border:none!important; padding:0!important} #footer-outer #footer-widgets .widget_text ul li a {padding:0!important; margin-right:10px} #footer-outer #footer-widgets .widget_text ul li:last-child a {margin-right:20px} #footer-outer #footer-widgets .widget_text ul li a img {width:28px; height:28px; margin:0} #footer-outer #footer-widgets .widget_text img {margin-bottom:0; margin-left:17px; height:30px} #copyright .span_5 {width:100%} #copyright .span_7{width:0; display:none} #copyright #credit{float:right} /* ==== ==== ====================== ==== ==== */ /* ==== ==== ====================== ==== ==== */ /* ==== ==== RESPONSIVE STARTS HERE ==== ==== */ /* ==== ==== ====================== ==== ==== */ /* ==== ==== ====================== ==== ==== */ #neighborhoods {container-name:neighborhoods; container-type:inline-size;} @container neighborhoods{ .neighborhood {width:25cqw} } @media screen and (max-width:5120px) and (min-width:4121px){ .team-member-container-wrap:after {width:41%;} } @media screen and (max-width:4120px) and (min-width:3121px){ .team-member-container-wrap:after {width:39%;} } @media screen and (max-width:3120px) and (min-width:2121px){ .team-member-container-wrap:after {width:35%;} } /* GIANT MONITORS */ @media screen and (max-width:5120px) and (min-width:1991px){ #mvc-slider sr7-shp {left:0!important; width:60%!important} #mvc-slider p {font-size:26px; font-weight:500; line-height:128%; padding-bottom:15px} #mvc-slider h2 {font-size:62px; line-height:122%; color:#fff!important} /* background images on larger monitors */ /*.row-bg-wrap .row-bg-layer .row-bg {background-size:1920px; background-position:center top!important } .page-header-bg-image-wrap .page-header-bg-image {background-size:1920px; background-color:#fff} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-size:1920px; background-position:center 80%!important}*/ /* Fixes for property pages on Tammy's monitor*/ #back-btn-inner {max-width:1420px; margin:auto; justify-content:flex-start; width:100%} .page-template-template-allston .full-width-content {width:100%; max-width:1920px; margin-left:auto!important; margin-right:auto!important; left:0!important} .page-template-template-allston .full-width-content .col1 {max-width:821px} .page-template-template-allston .full-width-content .col2 {max-width:1012px} .page-template-template-single-property .full-width-content {width:100%; max-width:1920px; margin-left:auto!important; margin-right:auto!important; left:0!important} .page-template-template-single-property.full-width-content .col1 {max-width:821px} .page-template-template-single-property .full-width-content .col2 {max-width:1012px} /* Residential Landing */ #neighborhoods > .row-bg-wrap .row-bg {background-image:url(https://mountvernonco.wpenginepowered.com/wp-content/uploads/2025/05/boston-skyline-medium-scaled.jpg)!important} /* Boston Hotels */ .page-template-template-hotels-boston .full-width-content {width:100%; max-width:1920px; margin-left:auto!important; margin-right:auto!important; left:0!important} .page-template-template-hotels-boston .full-width-content .col1 {max-width:821px} .page-template-template-hotels-boston .full-width-content .col2 {max-width:1012px} /* Nantucket Hotels */ .page-template-template-hotels-nantucket .full-width-content {width:100%; max-width:1920px; margin-left:auto!important; margin-right:auto!important; left:0!important} .page-template-template-hotels-nantucket .full-width-content .col1 {max-width:821px} .page-template-template-hotels-nantucket .full-width-content .col2 {max-width:1012px} #property-info .col1 .vc_column-inner > .wpb_wrapper {width:100%!important} #property-info .col1 .vc_column-inner {align-items:flex-start} #property-info .col1 .vc_column-inner .img-with-aniamtion-wrap img {max-width:none} /*#news-highlight .row_col_wrap_12 {max-width:1920px; margin-left:auto; margin-right:auto;} #more-locations .row_col_wrap_12 {max-width:1920px; margin-left:auto; margin-right:auto;}*/ .hotel-location.full-width-content .row_col_wrap_12 {/*max-width:1920px; margin-left:auto!important; margin-right:auto!important;*/} /* Residential Landing*/ body.page-id-62 #neighborhoods .row-bg {background-position:left 40%!important} body.page-id-62 #neighborhoods .wpb_text_column h2 {color:#fff} body.page-id-62 .more-locations {height:24vw} /* Commercial Landing */ body.page-id-233 #neighborhoods .row-bg {background-position:left 40%!important} body.page-id-233 #neighborhoods .wpb_text_column h2 {color:#fff} body.page-id-233 .more-locations {height:24vw} /* Developments Landing */ body.page-id-190 #neighborhoods {height:36vh} body.page-id-190 .more-locations {height:36vh} body.page-id-190 .more-locations {height:24vw} /* Hotels Landing */ .hotel-location .wpb_text_column h2 {font-size:1.8vw; line-height:100%} .hotel-location .span_12 .wpb_text_column p a {font-size:1vw; line-height:120%} .hotel-location .span_12 .wpb_text_column p a:after {top:-6px} /* News */ #news-highlight .nectar-recent-post-slide, #news-highlight .nectar-recent-post-slide .row-bg, #news-highlight .nectar-recent-post-slide .recent-post-container {height:50vh} #news-highlight .recent-post-container {width:70vw; max-width:none; display:flex; align-items:center} #news-highlight .large-featured-post-title {font-size:2.5vw; line-height:130%} #news-highlight .nectar-recent-post-slide .recent-post-container .inner-wrap {top:auto; padding-left:440px; padding-top:100px; padding-bottom:100px} #news-highlight .inner-wrap .text {font-size:.85vw} #news-highlight .inner-wrap .nectar-button span {font-size:.85vw} } /* LAPTOP SCREENS */ @media screen and (max-width:1512px) and (min-width:1271px){ #mvc-our-portfolio .col1 .wpb_text_column {padding-top:70px!important; padding-right:70px!important; padding-bottom:70px!important; padding-left:70px!important} #top .col nav .sf-menu {justify-content:space-evenly} #top nav .sf-menu .menu-item a {font-size:18px} } @media screen and (max-width:1366px) and (min-width:1025px) { .wpb_row p{font-size:17px; line-height:130%} #top #logo img {left:0} #mvc-slider .sr7-bullets {transform:translate(206px, 19.5px)!important} #mvc-news .span_12 {padding:0 5%} #footer-outer #footer-widgets .span_6:first-child {width:19%; margin-right:5%} #footer-outer #footer-widgets .span_6:last-child {width:76%} /* About Us */ #our-team .nectar-flickity .cell .wpb_text_column > .wpb_wrapper {padding:0 10px} /* News */ #mvc-post-head #back-btn a {left:-17%} /* Leasing Inquiry */ #leasing-inquiry .img-with-aniamtion-wrap img {max-width:none; width:95%; margin-left:5%} } /* MVC LAPTOP */ @media screen and (max-width:1280px) and (min-width:1024px) { #header-outer #top #logo img {max-height:84px; width:32vw} #top nav .sf-menu .menu-item a {font-size:18px} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-position:left top!important; background-size:auto 100%!important} #additional-staff .vc_column-inner .first-col {padding-left:45px!important; padding-right:25px!important} #additional-staff .vc_column-inner .second-col {padding-right:45px!important; padding-left:25px!important} } /* ==== TABLETS — GENERAL ==== */ @media screen and (max-width:1180px) and (min-width:820px) { #header-outer #logo img {height:64px; left:-10px; transition:none!important} #header-outer.small-nav #logo img {height:64px} #top nav > ul > li > a {font-size:20px} #mvc-our-portfolio .col1 .wpb_text_column {padding:60px!important} #neighborhoods .neighborhood:hover .img-with-aniamtion-wrap {opacity:0} #neighborhoods .neighborhood:hover .wpb_text_column {opacity:1} #resident-choices .vc_col-sm-4 {max-width:310px; width:31%} #resident-choices .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {padding:40px 0} #additional-staff .vc_col-sm-12 {width:70%} #additional-staff .vc_column-inner .wpb_text_column {padding-top:50px!important; padding-bottom:50px!important} #additional-staff .vc_column-inner .wpb_text_column:first-child {padding-left:70px!important} #additional-staff .vc_column-inner .wpb_text_column:last-child {padding-right:70px!important} #additional-staff .wpb_text_column h2 {font-size:38px;} #additional-staff .wpb_text_column p strong {font-size:24px} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-position:center; background-size:100%} #news-highlight .nectar-recent-post-slide .recent-post-container .inner-wrap {padding-left:120px; width:50%} #mvc-post-title {font-size:42px; line-height:48px} #mvc-post-head #back-btn {position:static; margin-bottom:20px} #mvc-post-head #back-btn a {left:-1%} #mvc-main-office {top:-285px} #mvc-main-office .wpb_text_column {padding:50px 40px} #leasing-inquiry .img-with-aniamtion-wrap img {max-width:550px; width:95%; margin-left:5%} #footer-widgets #menu-footer-menu .menu-item {font-size:15px} #footer-widgets #menu-footer-menu .menu-item a {padding:0 15px!important} } /* ==== TABLETS — PORTRAIT ==== */ @media screen and (max-width:1180px) and (min-width:820px) and (orientation:portrait) { body #slide-out-widget-area .slide_out_area_close {top:72px!important} #slide-out-widget-area .inner-wrap {margin-top:50px} #slide-out-widget-area .off-canvas-menu-container .menu li a {opacity:.8!important} #top {padding:0 5%} #top #logo img {left:0} #mvc-slider .sr7-bullets {transform:translate(120px, 19.5px)!important;} #mvc-our-portfolio .col1 {margin-bottom:25px} #mvc-our-portfolio .col1 .wpb_text_column {padding:40px!important} #mvc-our-portfolio .col2 .wpb_text_column {width:100%; padding-top:30px!important; padding-bottom:30px!important; margin-bottom:20px} #mvc-our-portfolio .col2 .wpb_text_column:nth-child(3) {margin-bottom:20px} #why-mvc .col1 {padding-right:0} #mvc-news .span_12 {padding-left:50px; padding-right:50px} #mvc-news .nectar-flickity .previous {left:0} #mvc-news .nectar-flickity .next {right:0} #neighborhoods .neighborhood {width:47.5%; margin-right:0} #neighborhoods .vc_column-inner > .wpb_wrapper > .neighborhood:nth-child(3n+1) {margin-right:0} #neighborhoods .vc_column-inner > .wpb_wrapper > .neighborhood:nth-child(even) {margin-right:5%} #neighborhoods .vc_column-inner > .wpb_wrapper > .neighborhood .neighborhood:nth-child(odd) {margin-right:0} #properties .property .img-with-aniamtion-wrap:after {background-position:81% center} #back-btn-link {width:81%} #property-info .col1 .vc_column-inner > .wpb_wrapper {width:81%} #property-info .inner-toggle-wrap ul {column-count:2} #property-info .inner-toggle-wrap .wpb_text_column {padding:20px 20px} #to-learn-more .vc_col-sm-4 {width:460px; margin:0 auto 25px} #to-learn-more .col1 .vc_column-inner > .wpb_wrapper{width:100%} #to-learn-more .col1 p {padding:15px 0; margin-left:0; text-align:center} /* Hotels */ .hotel-location .wpb_text_column > .wpb_wrapper {width:100%; padding-left:15%; } .hotel-location .wpb_text_column h2 {font-size:32px; line-height:34px} /* Residents */ .resident-choices .span_12 {padding-left:0!important; padding-right:0!important} #resident-choices .mvc-button p a {font-size:16px; width:85%} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-size:auto 100%} #additional-staff .vc_col-sm-12 {width:100%} /* Team Member */ #mvc-member .vc_col-sm-3 {width:45%} #mvc-member .vc_col-sm-9 {width:55%} #mvc-member .vc_col-sm-9 .vc_column-inner {padding-left:6%} /* News */ #news-highlight .nectar-recent-post-slide .recent-post-container .inner-wrap {padding-left:50px; width:60%} /* Leasing Inquiry */ #leasing-inquiry .img-with-aniamtion-wrap img {max-width:none; margin:0 auto; margin-top:30px} /* About Us */ #our-philosophy .vc_col-sm-12 {width:100%} #footer-outer #footer-widgets .container > .row {padding-top:60px; padding-bottom:0} #footer-outer #footer-widgets .span_6:first-child {width:100%} #footer-outer #footer-widgets .span_6:first-child #media_image-2 {text-align:center} #footer-outer .widget.widget_media_image img {width:50%} #footer-outer #footer-widgets .span_6:last-child {width:100%} #footer-widgets .widget_nav_menu .menu-footer-menu-container {justify-content:flex-start} #footer-widgets .widget_nav_menu #menu-footer-menu {flex-direction:column; width:100%; margin-top:0; border-bottom:none; padding-bottom:0} #footer-widgets #menu-footer-menu .menu-item {border:none; text-align:center;} #footer-widgets #menu-footer-menu .menu-item a {width:50%; margin:0 auto; padding:0 0 16px 0 !important; border-bottom:1px solid #ccc!important; margin-bottom:16px} #footer-widgets #menu-footer-menu .menu-item:last-child a {border-bottom:none!important} #footer-widgets .widget_text .textwidget {flex-direction:column} #footer-outer #footer-widgets .widget_text ul {margin-bottom:16px} #footer-outer #footer-widgets .widget_text ul li:last-child a {margin-right:0} #footer-outer #footer-widgets .col p:last-child {margin-top:25px} #footer-outer #footer-widgets .widget_text img:first-child {margin-left:0} #footer-outer #copyright #credit {float:none; display:block} } /* ==== PHONES ==== */ @media screen and (max-width:950px) and (min-width:200px) { body #slide-out-widget-area .slide_out_area_close {top:72px!important} #slide-out-widget-area .inner-wrap {margin-top:50px} #slide-out-widget-area .off-canvas-menu-container .menu li a {opacity:.8!important} .ocm-dropdown-arrow {display:none} #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul {opacity:1; overflow:revert!important} #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container .menu-item-has-children .ocm-dropdown-arrow {display:none} #top {padding:0 5%} #top #logo img {left:0} #mvc-slider p {font-size:16px; padding-bottom:10px} #mvc-slider h2 {font-size:28px; line-height:120%; margin-bottom:0} #mvc-slider .sr7-bullets {transform:none !important; left:20px!important; margin-top:50px} #mvc-our-portfolio .col1, #mvc-our-portfolio .col2 {width:100%} #mvc-our-portfolio .col1 .wpb_text_column {padding:45px!important} #mvc-our-portfolio .col2 .vc_column-inner > .wpb_wrapper {flex-direction:column} #mvc-our-portfolio .col2 .wpb_text_column {width:100%; margin-bottom:30px; padding-bottom:30px!important; padding-top:30px!important} #mvc-our-portfolio .col2 .wpb_text_column:nth-child(3) {margin-bottom:30px} #why-mvc .col1 {padding-right:0} #why-mvc .col1 .wpb_text_column {padding:35px 30px!important} #why-mvc .col1 .wpb_text_column h2 {font-size:30.4px; } #why-mvc .col1 .wpb_text_column h3 {font-size: 22.4px; line-height:115%; margin-bottom:25px; } #why-mvc .col2 .img-with-aniamtion-wrap:nth-child(5) .hover-wrap {margin-bottom:0} #why-mvc .col2 .wpb_wrapper {padding-left:4%; padding-right:4%} #why-mvc .col2 .img-with-aniamtion-wrap .hover-wrap {margin-bottom:24px} #why-mvc .col2 .img-with-aniamtion-wrap:last-child .hover-wrap {margin-bottom:0} #why-mvc .col2 .img-with-aniamtion-wrap img {max-width:none; width:100%} #mvc-news .nectar-flickity .flickity-button{width:30px; height:50px} #mvc-news .nectar-flickity .previous {left:-20px; background-size:100% 100%} #mvc-news .nectar-flickity .next {right:-20px; background-size:100% 100%} #mvc-news .blog-recent .col {margin-bottom:0} /* footer */ #footer-outer #footer-widgets .container > .row {padding-top:60px; padding-bottom:0} #footer-outer #footer-widgets .span_6:first-child {width:100%} #footer-outer #footer-widgets .span_6:first-child #media_image-2 {width:75%; margin:0 auto} #footer-outer #footer-widgets .span_6:last-child {width:100%} #footer-widgets .widget_nav_menu .menu-footer-menu-container {display:block} #footer-widgets .widget_nav_menu #menu-footer-menu {display:block; border-bottom:0; padding-bottom:0} #footer-widgets #menu-footer-menu .menu-item {border-right:none; text-align:center; border-bottom:1px solid rgba(0,0,0,.15)!important; margin-bottom:10px!important} #footer-widgets #menu-footer-menu .menu-item:last-child {border-bottom:none!important} #footer-widgets #menu-footer-menu .menu-item a {padding: 0 0 10px 0 !important;} #footer-widgets .widget_text .textwidget {flex-direction:column} #footer-outer #footer-widgets .widget_text ul {margin-bottom:20px} #footer-outer #footer-widgets .widget_text ul li:last-child a {margin-right:0} #footer-outer #footer-widgets .widget_text p {margin-bottom:20px; text-align:center; padding:0 20px} #copyright #credit {float:none; display:block} /* Residential Landing */ #neighborhoods .neighborhood {width:100%} #neighborhoods .wpb_text_column h3 {} #neighborhoods .neighborhood:hover .img-with-aniamtion-wrap {opacity:0} #neighborhoods .neighborhood:hover .wpb_text_column {opacity:1} #neighborhoods .vc_column-inner > .wpb_wrapper > .neighborhood:nth-child(3n+1) {margin-right:3.5%} /* Properties Pages */ #properties .property {width:47%; margin-right:6%; margin-bottom:60px} #properties .property:nth-child(even) {margin-right:0} #properties .property:nth-child(3n+3) {margin-right:auto} #properties .property .img-with-aniamtion-wrap:after {content:none} #properties .property .wpb_text_column p {font-size:17px; line-height:130%} #more-locations .img-with-aniamtion-wrap img {height:325px} #more-locations .location-inner .img-with-aniamtion-wrap:last-child .lifestyle {opacity:0!important} #to-learn-more .col1 p {margin-left:0; text-align:center} #to-learn-more .col1 .vc_column-inner .wpb_wrapper {width:100%} /* Individual Property Pages */ #back-btn {left:5%} #back-btn-inner {justify-content:flex-start} #property-info > .span_12 {display:block; padding:0 5%} #property-info .col1 .vc_column-inner > .wpb_wrapper {width:100%} #property-info .col1, #property-info .col2 {width:100%} #property-info .amenities {margin-bottom:50px} #property-info .toggles {margin-bottom:50px} #property-info .toggles .toggle > div {width:100%} #property-info .inner-toggle-wrap .wpb_text_column {padding:0} #property-info .inner-toggle-wrap ul {column-count:1} #property-info .flickity-viewport {margin-bottom:45px} #to-learn-more .vc_col-sm-4 .vc_column-inner {padding:10px 0} #amenities .inner-toggle-wrap ul {column-count:1; margin-left:0} /* Developments */ /*#properties .sold .img-with-aniamtion-wrap:after {content:'SOLD'; font-size:24px; padding:10px 0; bottom:35px}*/ /* Hotels */ .hotel-location .vc_column-inner > .wpb_wrapper {flex-wrap:wrap} .hotel-location .wpb_text_column {width:100%; } .hotel-location .wpb_text_column > .wpb_wrapper {width:100%; text-align:center; padding:15px 0} .hotel-location .img-with-aniamtion-wrap {width:100%} /* Individual Hotel Page */ .page-template-template-hotels-boston #property-info .col1 {margin-bottom:50px} .page-template-template-hotels-nantucket #property-info .col1 {margin-bottom:50px} /* About Us */ #our-philosophy .vc_col-sm-12 {width:100%} #our-philosophy .wpb_text_column {padding:30px 45px 45px 45px!important} .main-content .row #our-team .row_col_wrap_12 {padding-left:8%; padding-right:8%} #our-team .nectar-flickity .previous {left:-40px} #our-team .nectar-flickity .next {right:-40px} #additional-staff .vc_col-sm-12 {width:100%} #additional-staff .row-bg-wrap .inner-wrap .row-bg {background-size:auto} #additional-staff .vc_column-inner > .wpb_wrapper {display:block} #additional-staff .wpb_text_column {width:100%} #additional-staff .wpb_text_column:first-child, #additional-staff .wpb_text_column:last-child {padding:25px!important} /* Residents */ /* About Us */ #our-team .nectar-flickity .cell .vc_column-inner:hover p:first-child:before {opacity:0} .team-member-container-wrap {background-color:#FFF} #mvc-member .vc_col-sm-3, #mvc-member .vc_col-sm-9 {width:100%} #mvc-member .vc_col-sm-9 .vc_column-inner {padding-left:0} /* News */ #news-highlight .nectar-recent-post-slide .recent-post-container .inner-wrap {padding-left:5%} #news-highlight h2.large-featured-post-title {font-size:28px} #news-highlight .nectar-recent-post-slide .nectar-recent-post-bg {background-position:center} /* News article */ #mvc-post-head #back-btn {position:static; margin-bottom:15px} #mvc-post-head #back-btn a {position:static;} #mvc-post-wrap #mvc-post-head #mvc-post-title {font-size:32px; line-height:38px} /* Contact */ #mvc-main-office {position:static; width:100%} #mvc-main-office .wpb_text_column {padding:50px 20px} #mvc-contact-form .three-across {display:block} #mvc-contact-form .three-across p {width:100%; margin-bottom:23px} #mvc-contact-form .three-across p:last-child {margin-bottom:0} /* Leasing Inquiry */ #leasing-inquiry form .two-across {flex-direction:column} #leasing-inquiry form .two-across p:nth-child(odd) {margin-right:0} #leasing-inquiry form .two-across p:last-child {padding-bottom:27px} #leasing-inquiry .availability .wpcf7-checkbox .wpcf7-list-item {width:100%} #leasing-inquiry form .two-across p {width:100%} #leasing-inquiry .img-with-aniamtion-wrap img {width:100%} }