< type="text/css">
.review-configuration-error {
display: none;
}
h1.int-small-hero-txt,
h1 .int-small-hero-txt {
font-size: clamp(0.7em1.5em30px);
}
h1.int-big-hero-txt,
h1 .int-big-hero-txt {
font-size: clamp(1.5em2em70px);
line-height: normal;
}
/*START BLOG WIDGET EDITS*/
.news-feed-single-post .post-author {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
color: #505050;
}
.news-feed-single-post .post-date {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
color: #505050;
}
.widget [class*='news-feed'] .post-title {
color: #357D76 !important;
font-family: gill-sans-novasans-serif !important;
font-size: 25px;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 60px;
}
.news-feed-post .post-author {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
color: #505050;
}
.news-feed-post .post-date {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
color: #505050;
}
.post-description {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
color: #505050;
}
/*END BLOG WIDGET EDITS*/
/* Custom code provided by Further to hide elements of their JS - Erik M 4/11/23 */
#chatbutton{
display: none !important;
}
/* Increases opacity of mobile navigation Erik M 11/17/22 00248852 */
@media screen and (max-width: 600px){
body .collapsable-content.collapse {
background-color: rgba(255,255,255,0.95);
}
}
/*Bold links in HTML widget - Kayla Bluhm 11.7.2022*/
.html a {
font-weight: bold;
}
/*Moves sticky nav/contact info to have no "gutter" - jthomas*/
@media screen and (min-width: 737px){
.contact-info-sheet[class*='right'] .info-sheet-nav {
right: 0px;
}
}
.property-showcase .nav-arrows {
z-index: 999;
}
/*Removes default padding in photocard mosaic widget - jthomas 5/27/21*/
.photo-cards-display .photo-card .photo-card-front{
padding: 0px !important;
}
.photo-cards-display .photo-card .photo-card-front-container{
padding: 0px !important;
}
.photo-cards-display .photo-card .photo-card-back{
padding: 0px !important;
}
.photo-cards-display .photo-card .photo-card-back-container{
padding: 0px !important;
}
/* Removes padding on side of divider - jthomas*/
.row-divider.left img{
left: 0px !important;
}
/* Removes padding on side of divider - jthomas*/
.row-divider.right img{
right: 0px !important;
}
/*makes mobile grid switch to 2 columns rather than 1 - jthomas 5/19/21*/
@media screen and (max-width: 979px){
.mobile-grid .photo-cards-container {
grid-template-columns: repeat(21fr) !important;
grid-row-gap: 10px !important;
grid-column-gap: 10px !important;
}
}
@media screen and (max-width: 850px) {
#drop-target-btn .corporate-home-btn
/* #drop-target-btn .button */
{
display: none !important;
}
}
/*
Jay A: (passive)
addresses logo going off smaller screens
*/
@media screen and (max-width: 599px) {
.web-home-template.mobile-hero-content-over-image:not(.mobile-logo-stays-in-header) header[role=banner] .first-anchor img,
.web-home-template.mobile-hero-content-over-image:not(.mobile-logo-stays-in-header) header[role=banner] .logo:only-child:not(.logo-nav-item-anchor):not(.stuck-anchor) img,
.web-page-template.mobile-hero-content-over-image-interior:not(.mobile-logo-stays-in-header) header[role=banner] .first-anchor img,
.web-page-template.mobile-hero-content-over-image-interior:not(.mobile-logo-stays-in-header) header[role=banner] .logo:only-child:not(.logo-nav-item-anchor):not(.stuck-anchor) img {
max-width: 99vw;
}
}
/*
Jay A:
('auto-height-buttons' set in the Body Classes)
A custom body class that allows for more natural text-breaking behavior in
Button widgets.
*/
.auto-height-buttons .button a span {
height: auto;
}
/* Jay: removes the column border that appears with `bg-col` on mobile */
@media screen and (max-width: 980px){
.column.bg-col {
border-left: none;
border-width: 0px !important;
}
}
/*Makes footer width smaller - jthomas 4/12/21*/
@media screen and (min-width: 980px){
.short-footer .row-quarters {
width: 70% !important;
}
}
/*This got deleted for some reason adding back in for the where to begin and roobrik stripe - jthomas 4/12/21*/
.begin-txt{
font-size: 3em !important;
line-height: 55px;
font-family: vendettaserif;
font-weight: 700 !important;
}
/*CLIENT EDITS R1 - jthomas 3/29/21*/
.icon-padding .row-single .html-content {
max-width: none !important;
}
.small-width .row-single .row-grid{
max-width: 75%;
margin: auto;
}
/*fixing grid on mobile*/
@media screen and (max-width: 615px){
.icon-grid .photo-cards-container {
grid-template-columns: repeat(21fr) !important;
}
}
/*gallery background color change on mobile*/
.photo-cards-lightbox.mobile {
background-color: transparent !important;
}
/*Style HTML Table - jthomas/JayA 10/5/21*/
.widget.html th {
width: auto;
}
@media screen and (max-width: 1330px){
.widget.html th {
width: auto;
}}
.widget.html td {
padding: 0px 3px;
}
.widget.html tr {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
/*END OF CLIENT EDITS R1*/
/*X card isgenerallya clean stack of widgets to form a kind of 'card'. this is one of many versions.
often used on team pages. use at the column level.*/
.post-card {
margin: auto;
max-width: 460px;
background-color: #ffffff;
width: fit-content;
box-shadow: 0px 0px 20px #0000004d;
}
.post-card .widget {
margin-top: 0px
margin-bottom: 0px;
}
.post-card .html-content {
padding: 40px 0px 40px 0px;
}
.post-card p:not(:last-child) {
padding: 0px 20px 20px 20px;
margin-top: 0px;
}
@media screen and (max-width: 1366px){
.post-card p:not(:last-child) {
font-size: 15px !important;
}
}
@media screen and (max-width: 1024px){
.post-card p:not(:last-child) {
display:none;
}
}
/* end X card */
.floor-plans-plus .card-nav-btn {
border-radius: 30px;
}
@media screen and (max-width: 1349px) {
header[role=banner] .first-anchor img {
max-width: 90%;
}
}
@media screen and (max-width: 599px) {
.web-home-template.mobile-hero-content-over-image header[role=banner] .first-anchor img {
max-height: 80px;
}
}
/*Styles labels on lead form - JThomas 12/7/20*/
.widget input[type=text]::-webkit-input-placeholder,
.widget input[type=email]::-webkit-input-placeholder
.widget input[type=tel]::-webkit-input-placeholder {
color: #5480bb !important;
}
.widget input[type="email"].widget input[type="number"].widget input[type="password"].widget input[type="search"].widget input[type="tel"].widget input[type="text"].widget input[type="url"].widget input[type="color"].widget input[type="date"].widget input[type="datetime"].widget input[type="datetime-local"].widget input[type="month"].widget input[type="time"].widget input[type="week"].widget select.widget textarea{
border-radius: 0px !important;
}
.wide-html .html-content {
max-width: 100%;
width: 100%;
}
.flexbox-social-icons div.widget.social-links {
justify-content: center;
display: flex;
padding-bottom: 0px;
}
@media screen and (min-width: 980px) {
.restrict-and-center div.row-grid {
margin-left: auto;
margin-right: auto;
max-width: 70%;
}
}
@media screen and (min-width: 980px) {
.restrict-and-center-more div.row-grid {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
}
.center-form div.widget.lead-form {
margin-left: auto;
margin-right: auto;
}
.button a span.platinum-toggler {
background-color: transparent;
}
/* Jay A: a solution for anchor links loading at the top of the page. this makes anchor links load in the middle of the page like users would expect */
.body-anchor {
display: block;
position: absolute;
top: -35vh;
visibility: hidden;
line-height: 0;
margin: 0;
}
/* Jay A: alternative spacing for the photos/videos page */
.body-anchor-alt {
display: block;
position: absolute;
top: -100px;
visibility: hidden;
line-height: 0;
margin: 0;
}
/*moves sticky nav up so its not covering "get in touch" - jthomas 2/17/21*/
.contact-info-sheet[class*='b-'] .info-sheet-nav.contact-info-sheet[class*='b-'] .info-sheet-content {
bottom: 70px;
top: auto;
}
/*changes hero image overlay to be able to read text over image - jthomas 2/8/21*/
@media screen and (max-width: 1365px){
.gallery-white-filter .gallery-basic .gallery-overlay{
background: white !important;
opacity: .5 !important;
}
}
@media screen and (max-width: 1350px){
.photo-white-filter .filter {
background: white !important;
opacity: .5 !important;
}
}
@media screen and (max-width: 1023px){
.photo-black-filter .filter {
background: black !important;
opacity: .4 !important;
}
}
.short-width .row-single .row-grid {
max-width: 100%;
margin: auto;
}
/*Customizes on pop out menu - jthomas 2/16/21*/
.featured-content-pop-out-wrapper {
padding-bottom: 50px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding-left: 50px !important;
padding-right: 50px!important;
}
.contact-info {
border: none;
}
.contact-info {
max-width: 450px;
padding: 20px 0px;
}
.contact-info .p-name {
color: inherit !important;
font-weight: 800;
font-size: 3em;
margin-bottom: 5px;
}
.lead-form .form-instruction {
color: #505050;
font-weight: 700;
padding-left: 27px;
}
#featured-content-pop-out p#featured-content-pop-out h1#featured-content-pop-out h2#featured-content-pop-out h3#featured-content-pop-out h4#featured-content-pop-out h5#featured-content-pop-out h6#featured-content-pop-out li {
color: #505050;
text-align: center;
}
.featured-content-pop-out-wrapper {
position: relative;
padding: 30px;
height: auto;
min-height: 100%;
width: 100%;
border: 4px solid #91b236;
}
.contact-info-sheet .info-sheet-content .info-sheet-email .g5-enhanced-form input[type=submit] {
border-color: #ffffff;
border: 3px solid #ffffff !important;
background: linear-gradient(to right#ffffff 50%transparent 50%);
background-size: 200% 100%;
color: #ffffff;
background-position: right bottom;
}
.contact-info-sheet .info-sheet-content .info-sheet-email .g5-enhanced-form input[type=submit]:hover {
background-position: left bottom;
color: #5480bd;
}
.widget .form input[type=submit] {
border-color: #5480bd;
border: 3px solid #5480bd !important;
border-radius: 40px;
font-weight: 600;
display: block;
background: linear-gradient(to right#5480bd 50%transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
/* Jay: I cant tell what the aim of this is and its causing the buttons to float oddly on _every single form_. margin-left: 43px; */
font-family: gill-sans-novasans-serif !important;
border-: solid;
font-family: "futura-pt""Helvetica Neue"HelveticaRobotoArialsans-serif;
position: relative !important;
text-align: center;
color: #505050;
height: 50px;
padding: 0 15px;
position: relative;
transition: background-color 0.2s;
transition: all 0.2s !important;
height: auto;
padding: 0px 40px;
}
.widget .form input[type=submit]:hover {
background-position: left bottom;
color: white;
}
.widget input[type="email"].widget input[type="number"].widget input[type="password"].widget input[type="search"].widget input[type="tel"].widget input[type="text"].widget input[type="url"].widget input[type="color"].widget input[type="date"].widget input[type="datetime"].widget input[type="datetime-local"].widget input[type="month"].widget input[type="time"].widget input[type="week"].widget select.widget textarea {
border-color: #cacaca;
border-image: initial;
border-: solid;
border-width: 1px;
color: #505050 !important;
font-weight: 600;
transition: all 0.2s;
border-radius: 40px;
}
/*Customize property showcase - jthomas 2/16/21*/
.property-showcase .nav-arrows.button-next.property-showcase .nav-arrows.button-prev {
padding: 5px;
margin: 0 auto;
background: #000;
height: 50px;
width: 50px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border-radius: 40px;
background: linear-gradient(to rightrgba(10312642.8) 50%#677E2A 50%) !important;
background-size: 200% 100% !important;
background-position: right bottom;
transition: all .5s ease-out;
border-: solid;
border: 3px solid #677e2a !important;
font-weight: 600;
display: block;
color: white;
height: 50px;
transition: all 0.2s !important;
height: 55px;
width: 55px;
padding: 15px;
}
.property-showcase .cta-link .btn span {
display: block;
padding: 10px 40px !important;
white-space: normal;
border: 2px solid #37817A;
border-radius: 40px;
display: block;
background: linear-gradient(to right#37817A 50%white 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
color: #505050;
line-height: 46px;
text-transform: uppercase;
font-weight: 600 !important;
font-family: gill-sans-novasans-serif !important;
}
.property-showcase .cta-link .btn {
font-size: 1em;
border-radius: 40px !important;
position: relative;
display: block;
margin: -25px auto 0;
padding: 0;
overflow: hidden;
border-width: 0;
outline: none;
border-radius: 2px;
box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
background-color: #970D3A;
color: #ecf0f1;
-webkit-transition: background-color .3s;
transition: background-color .3s;
cursor: pointer;
}
.property-showcase .cta-link .btn span:hover{
background-position: left bottom;
color: white;
}
.property-name-color-change .p-name a {
color: #5480AE;
font-size: 25px;
}
.property-phone-color-change .p-tel {
color: #505050 !important;
}
.bg-full-width .row-single .column.bg-col {
max-width: 100%;
width: 100%;
}
.full-width .row-single .html-content{
max-width: 100% !important;
}
/*START OF MOBILE EDITS*/
.photocard-type-adjustment .photo-card-front{
background-color: transparent;
top: 7em !important;
}
@media screen and (max-width: 1366px){
.photocard-type-adjustment .photo-card-front{
top: 6em !important;
}
}
@media screen and (max-width: 1024px){
.photocard-type-adjustment .photo-card-front{
top: 4em !important;
}
}
@media screen and (max-width: 812px){
.photocard-type-adjustment .photo-card-front{
top: 3em !important;
}
}
@media screen and (max-width: 667px){
.photocard-type-adjustment .photo-card-front{
top: 8.5em !important;
}
}
@media screen and (max-width: 414px){
.photocard-type-adjustment .photo-card-front{
top: 4em !important;
}
}
@media screen and (max-width: 375px){
.photocard-type-adjustment .photo-card-front{
top: 4.5em !important;
}
}
@media screen and (max-width: 320px){
.photocard-type-adjustment .photo-card-front{
top: 4em !important;
}
}
.photocard-type-adjustment-back .photo-card-back{
background-color: transparent;
top: 17em !important;
}
@media screen and (max-width: 1366px){
.photocard-type-adjustment-back .photo-card-back{
top: 16em !important;
}
}
@media screen and (max-width: 1024px){
.photocard-type-adjustment-back .photo-card-back{
top: 21em !important;
}
}
@media screen and (max-width: 812px){
.photocard-type-adjustment-back .photo-card-back{
top: 17em !important;
}
}
@media screen and (max-width: 667px){
.photocard-type-adjustment-back .photo-card-back{
top: 18.5em !important;
}
}
@media screen and (max-width: 414px){
.photocard-type-adjustment-back .photo-card-back{
top: 14em !important;
}
}
@media screen and (max-width: 375px){
.photocard-type-adjustment-back .photo-card-back{
top: 14.5em !important;
}
}
@media screen and (max-width: 320px){
.photocard-type-adjustment-back .photo-card-back{
top: 9.4em !important;
}
}
.icon-type-adjustment .photo-card-front{
background-color: transparent;
top: 7em !important;
}
@media screen and (max-width: 1024px){
.icon-type-adjustment .photo-card-front{
top: 8em !important;
}
}
@media screen and (max-width: 812px){
.icon-type-adjustment .photo-card-front{
top: 6em !important;
}
}
@media screen and (max-width: 568px){
.icon-type-adjustment .photo-card-front{
top: 4.5em !important;
}
}
@media screen and (max-width: 414px){
.icon-type-adjustment .photo-card-front{
top: 4em !important;
line-height: 15px;
}
}
@media screen and (max-width: 375px){
.icon-type-adjustment .photo-card-front{
top: 4.5em !important;
}
}
@media screen and (max-width: 320px){
.icon-type-adjustment .photo-card-front{
top: 4em !important;
line-height: 15px;
}
}
@media screen and (max-width: 280px){
.icon-type-adjustment .photo-card-front{
top: 2em !important;
line-height: 8px;
}
}
.icon-type-adjustment-back .photo-card-back{
background-color: transparent;
top: 7em !important;
}
@media screen and (max-width: 1024px){
.icon-type-adjustment-back .photo-card-back{
top: 22em !important;
}
}
@media screen and (max-width: 823px){
.icon-type-adjustment-back .photo-card-back{
top: 20em !important;
}
}
@media screen and (max-width: 812px){
.icon-type-adjustment-back .photo-card-back{
top: 17em !important;
}
}
@media screen and (max-width: 667px){
.icon-type-adjustment-back .photo-card-back{
top: 18.5em !important;
}
}
@media screen and (max-width: 653px){
.icon-type-adjustment-back .photo-card-back{
top: 15.5em !important;
}
}
@media screen and (max-width: 640px){
.icon-type-adjustment-back .photo-card-back {
top: 15.5em !important;
width: 103%;
}
}
@media screen and (max-width: 568px){
.icon-type-adjustment-back .photo-card-back{
top: 12.5em !important;
}
}
@media screen and (max-width: 540px){
.icon-type-adjustment-back .photo-card-back{
top: 37.5em !important;
}
}
@media screen and (max-width: 414px){
.icon-type-adjustment-back .photo-card-back{
top: 14em !important;
}
}
@media screen and (max-width: 375px){
.icon-type-adjustment-back .photo-card-back{
top: 14.5em !important;
}
}
@media screen and (max-width: 320px){
.icon-type-adjustment-back .photo-card-back{
top: 9.4em !important;
}
}
@media screen and (max-width: 280px){
.icon-type-adjustment .photo-card-back{
top: 7.6em !important;
}
}
/*END OF MOBILE EDITS*/
/*
Jay A: I have to disable thisthe `hide-mobile` class
is used by the floor plans plus widget innately and
this interrupts its function
Hides stripes on mobileshows on desktop
@media screen and (max-width: 979px){
.hide-mobile{
display:none;
}
}
*/
/*Hides stripes on desktopshows on mobile */
@media screen and (min-width: 979px){
.hide-desktop{
display:none;
}
}
/*Hides stripes on mobileshows on desktop*/
@media screen and (min-width: 1025px){
.hide-desktop-for-ipad{
display:none;
}
}
/*Hides stripes on ipad & mobileshows on desktop*/
@media screen and (max-width: 1024px){
.hide-ipad{
display:none;
}
}
/*for care cards mobile*/
@media screen and (max-width: 700px){
.hide-until-812{
display:none;
}
}
/*for care cards desktop*/
@media screen and (min-width: 700px){
.hide-after-812{
display:none;
}
}
/*Hides stripes on mobile and desktopshows on iPad Pro*/
@media screen and (max-width: 1025px){
.hide-until-1023{
display:none;
}
}
@media screen and (min-width: 1023px){
.hide-after-1023{
display:none;
}
}
.short-width .row-single .row-grid{
max-width: 75%;
margin: auto;
}
/*fixes spacing - jthomas 1/29/21*/
[role=main] .widget {
margin-bottom: 10px;
}
/*FONT EDITS START*/
[role=banner] .navigation {
font-size:13px;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.big-hero-txt{
font-size: 3em;
font-family: vendettaserif;
font-weight: 700 !important;
line-height: 90px;
color: white !important;
}
@media screen and (max-width: 1366px){
.big-hero-txt{
font-size: 2.5em;
line-height: 60px;
}
}
@media screen and (max-width: 979px){
.big-hero-txt{
color: #505050 !important;
}
}
.small-hero-txt{
text-transform: uppercase;
font-family: gill-sans-novasans-serif !important;
font-size: 2em;
font-weight: 500 !important;
letter-spacing: 2px;
color: white !important;
}
@media screen and (max-width: 1366px){
.small-hero-txt {
font-size: 1.5em;
}
}
@media screen and (max-width: 979px){
.small-hero-txt {
color: #505050 !important;
}
}
.int-big-hero-txt{
font-size: 3.5em;
font-family: vendettaserif;
font-weight: 700 !important;
color: white !important;
line-height: 50px;
}
@media screen and (max-width: 1350px){
.int-big-hero-txt{
font-size: 3em;
}
}
@media screen and (max-width: 1350px){
.int-big-hero-txt{
color: #505050 !important;
}
}
@media screen and (min-width: 1351px) {
.int-big-hero-txt{
color: white !important;
}
}
.int-small-hero-txt{
text-transform: uppercase;
font-family: gill-sans-novasans-serif !important;
font-size: 1.5em;
font-weight: 500 !important;
letter-spacing: 2px;
}
@media screen and (max-width: 1350px){
.int-small-hero-txt {
color: #505050 !important;
}
}
@media screen and (max-width: 1350px){
.int-big-hero-txt{
font-size: 2.5em;
}
}
@media screen and (min-width: 1350px){
.int-small-hero-txt {
color: white !important;
}
}
@media screen and (max-width: 1024px){
.int-small-hero-txt {
font-size: 1em;
color: #505050 !important;
}
}
@media screen and (max-width: 812px){
.int-small-hero-txt {
font-size: 1em;
}
}
.top-header{
color: #357D76 !important;
font-family: gill-sans-novasans-serif !important;
font-size: 25px;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 25px; /* used to be 60px but changed on client request*/
}
@media screen and (max-width: 1366px){
.top-header {
font-size: 18px;
line-height: 38px;
}
}
.form-header {
font-size: 2.5em !important;
font-family: vendettaserif;
font-weight: 700 !important;
margin-bottom: 0px;
}
.header{
font-size: 2em !important;
line-height: 65px;
font-family: vendettaserif;
font-weight: 700 !important;
}
@media screen and (max-width: 1366px){
.header {
font-size: 1.7em !important;
line-height: 40px;
}
}
.sub-head-txt{
font-size: 4em !important;
line-height: 55px;
font-family: vendettaserif;
font-weight: 700;
margin-bottom: 0px;
}
.sub-head-quotes{
font-size: 8em !important;
color: #5480bb !important;
line-height: 124px;
font-weight: 700;
margin-bottom: 0px;
font-family: ltc-globe-gothicsans-serif !important;
margin-bottom: 0px;
}
.quotes-txt{
margin-top: -25px;
font-family: ltc-globe-gothicsans-serif !important;
text-transform: none;
font-size: 2em !important;
}
/* Styles Body copy - CordellC 11/2020*/
.layout [role=main] p.layout [role=main] .html li {
font-family: gill-sans-novasans-serif !important;
font-size: 20px;
font-weight: 400;
/* color: #505050; commented out due to floor plan widget pricing color*/
}
.quote-name{
color: #357D76 !important;
font-family: gill-sans-novasans-serif !important;
font-size: 25px;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 1366px){
.quote-name{
font-size: 20px;
}
}
.blog-title{
text-align: center !important;
font-size: 1.3em !important;
text-transform: uppercase !important;
color: black;
background-color: white;
background-size: 200% auto;
padding: 10px 10px;
width: 200px;
margin: auto !important;
}
.blog-txt{
color: #505050;
}
.blog-btn{
text-transform: uppercase !important;
font-family: input-mono-compressedmonospace !important;
font-weight: 500 !important;
}
.gallery-btn{
text-transform: uppercase !important;
font-family: input-mono-compressedmonospace !important;
font-weight: 500 !important;
text-align: center !important;
font-size: 1em !important;
background-color: white;
background-size: 200% auto;
padding: 10px 41px;
width: 200px;
margin: auto !important;
line-height: 44px;
}
/* Jay: I had to disable elements of this ahead of the client callbody-links are way out of with this in place as-was */
.text-dark .widget.photo-cards a,
.text-dark .widget.photo-cards-mosaic a,
.text-dark .widget .accordion-section-content a,
.text-light .widget.photo-cards a,
.text-light .widget.photo-cards-mosaic a,
.text-light .widget .accordion-section-content a,
.widget.photo-cards a,
.widget.photo-cards-mosaic a,
/*.widget .html-content a,
.text-light .widget .html-content a,
.text-dark .widget .html-content a*/
.widget .accordion-section-content a {
color: var(--theme_body_link_color);
text-transform: uppercase;
}
.flipcard-sub-header{
font-family: gill-sans-novasans-serif !important;;
font-size: 17px;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 812px){
.flipcard-sub-header{
font-size: 15px !important;
}
}
@media screen and (max-width: 667px){
.flipcard-sub-header{
font-size: 30px !important;
}
}
@media screen and (max-width: 414px){
.flipcard-sub-header{
font-size: 17px !important;
}
}
@media screen and (max-width: 320px){
.flipcard-sub-header{
font-size: 15px !important;
}
}
.flipcard-header{
font-size: 1.5em !important;
font-family: vendettaserif;
font-weight: 700 !important;
}
@media screen and (max-width: 1024px){
.flipcard-header{
font-size: 1.36em !important;
}
}
@media screen and (max-width: 812px){
.flipcard-header{
font-size: 1.2em !important;
}
}
@media screen and (max-width: 667px){
.flipcard-header{
font-size: 3em !important;
}
}
@media screen and (max-width: 414px){
.flipcard-header{
font-size: 2em !important;
}
}
@media screen and (max-width: 320px){
.flipcard-header{
font-size: 1.7em !important;
}
}
.flipcard-body{
padding: 20px;
}
@media screen and (max-width: 1366px){
.flipcard-body{
font-size: 15px !important;
}
}
.icon-title{
font-family: gill-sans-novasans-serif !important;;
font-size: 17px;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 812px){
.icon-title{
font-size: 15px !important;
}
}
@media screen and (max-width: 667px){
.icon-title{
font-size: 16px !important;
}
}
@media screen and (max-width: 414px){
.icon-title{
font-size: 15px !important;
}
}
@media screen and (max-width: 320px){
.icon-title{
font-size: 11px !important;
font-weight: 600 !important;
}
}
@media screen and (max-width: 280px){
.icon-title{
font-size: 9.9px !important;
letter-spacing: 0px !important;
}
}
.final-cta{
font-size: 4em;
font-family: vendettaserif;
font-weight: 700 !important;
line-height: 38px;
color: white !important;
}
@media screen and (max-width: 1366px){
.final-cta{
font-size: 3em;
}
}
.final-cta-below{
text-transform: uppercase;
font-family: gill-sans-novasans-serif !important;
font-size: 30px !important;
font-weight: 500 !important;
letter-spacing: 2px;
color: white !important;
}
@media screen and (max-width: 1366px){
.final-cta-below {
font-size: 25px !important;
}
}
.footer-btn {
color: white !important;
text-transform: uppercase !important;
font-weight: 400 !important;
/* Jay: added a pointer so these feel more like a clickable element to the user */
cursor: pointer;
}
/*END OF FONT EDITS*/
/*BUTTONS & CTA EDITS*/
.button .btn,
#drop-target-btn .corporate-home-btn {
border: 2px solid #37817A;
border-radius: 40px;
display: block;
background: linear-gradient(to right#37817A 50%white 50%);
background-size: 201% 100%;
background-position: right bottom;
transition: all .5s ease-out;
color: #505050;
line-height: 46px;
/*line-height: 20px;
padding: 20px 15px;*/
text-transform: uppercase;
font-weight: 600 !important;
font-family: gill-sans-novasans-serif !important;
}
.button .btn:hover,
#drop-target-btn .corporate-home-btn:hover {
background-position: left bottom;
color: white;
}
@media screen and (max-width: 980px){
.button .btn,
#drop-target-btn .corporate-home-btn {
line-height: 20px;
padding: 20px;
}
}
.action-calls a {
border: 3px solid #677e2a !important;
border-radius: 40px;
font-weight: 600;
display: block;
background: linear-gradient(to right#677E2A 50%transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all .5s ease-out;
color: white;
text-transform: uppercase;
margin-left: 5px;
font-size: 17px;
font-family: gill-sans-novasans-serif !important;
background-color: rgba(10312642.4) !important;
font-family: "gill-sans-nova""Helvetica Neue"HelveticaRobotoArialsans-serif;
font-size: 18px;
position: relative !important;
text-align: center;
color: #fff;
height: 50px;
padding: 0 15px;
position: relative;
transition: background-color 0.2s;
transition: all 0.2s !important;
height: auto;
padding: 25px 40px;
}
.action-calls a:hover {
background-position: left bottom;
color: white;
}
/*Changes social icons - jthomas 1/27/21*/
.social-links a{
background-color: #357D76;
border-radius: 50% !important;
text-align: center;
}
.social-links a:before {
color: white;
}
.social-links a:hover{
background-color: #27665E !important;
}
/*Styles "my-buttonwhite" hover state - Matt J. 7/29/2020 */
.my-buttonwhite:hover {
background-position: left bottom;
color: white !important;
text-decoration: none;
}
/* DONT DELETE - Styles buttons CUSTOM - jthomas 2/3/21 */
.my-buttonwhite {
display: inline-block;
width: 155px;
height: 50px;
text-align: center;
font-size: 15px !important;
background-size: 200% 100%;
padding: 10px 10px;
text-transform: uppercase;
background-image: linear-gradient(to right#37817A 50%white 50%);
border: 2px solid #37817A;
border-radius: 40px;
background-position: right bottom;
transition: all .5s ease-out;
color: #505050 !important;
line-height: 27px;
font-weight: 600 !important;
margin: auto;
font-family: gill-sans-novasans-serif !important;
}
@media screen and (max-width: 1024px){
.my-buttonwhite {
margin-top: 10px;
}
}
.my-button-short {
display: inline-block;
width: 155px;
height: 50px;
text-align: center;
font-size: 15px !important;
background-size: 200% 100%;
padding: 10px 10px;
text-transform: uppercase;
background-image: linear-gradient(to right#37817A 50%white 50%);
border: 2px solid #37817A;
border-radius: 40px;
background-position: right bottom;
transition: all .5s ease-out;
color: #505050 !important;
line-height: 27px;
font-weight: 600 !important;
margin: auto;
font-family: gill-sans-novasans-serif !important;
}
@media screen and (max-width: 1024px){
.my-button-short {
margin-top: 5px;
}
}
@media screen and (max-width: 568px){
.my-button-short {
margin-top: 0px;
font-size: 13px !important;
height: auto !important;
line-height: 15px !important;
width: auto !important;
}
}
@media screen and (max-width: 280px){
.my-button-short {
font-size: 10px !important;
line-height: 10px !important;
}
}
.my-button-short:hover {
background-position: left bottom;
color: white !important;
text-decoration: none;
}
/*Styles sub nav hovers - jthomas 2/3/21*/
.subnav a:hover{
background-color: rgba(50128122.95) !important;
color: white;
}
body:not(.desktop-toggle-menu) .nav-hover-state {
background-color: #5480BD;
opacity: 0;
pointer-events: none;
bottom: 0;
height: 5px;
position: absolute;
-webkit-transition: left 0.5s easeopacity 0.5s easewidth 0.5s ease;
-moz-transition: left 0.5s easeopacity 0.5s easewidth 0.5s ease;
transition: left 0.5s easeopacity 0.5s easewidth 0.5s ease;
}
.navigation a.active:after {
background-color: #677e2a ;
content: "";
display: block;
left: 0;
right: 0;
width: 100%;
bottom: 0;
height: 5px;
position: absolute;
}
/* DONT DELETE - Styles for first stripebuttons CUSTOM Abby 9/13/19 */
.footer-btn {
letter-spacing: 1px;
font-size: 18px !important;
background-image: linear-gradient(to right#37817A 50%white 50%);
background-position: right bottom;
transition: all .5s ease-out;
color: white !important;
line-height: 27px;
font-weight: 500 !important;
margin: auto;
font-family: gill-sans-novasans-serif !important;
text-transform: uppercase !important;
background: transparent!important;
}
.footer-btn:hover {
background-position: left bottom;
color: #42a89f !important;
text-decoration: none;
}
.back-to-top {
display: inline-block;
width: 155px;
height: 50px;
text-align: center;
font-size: 20px !important;
background-size: 200% 100%;
text-transform: uppercase;
background-image: linear-gradient(to right#37817A 50%white 50%);
border-radius: 40px;
display: block;
background-position: right bottom;
transition: all .5s ease-out;
color: white !important;
line-height: 27px;
font-weight: 600 !important;
margin: auto;
font-family: gill-sans-novasans-serif !important;
text-transform: uppercase !important;
background: transparent!important;
}
.back-to-top:hover {
background-position: left bottom;
color: #42a89f !important;
text-decoration: none;
}
/*END CUSTOM BUTTON EDITS*/
/*fixes final cta on ipad - jthomas 2/3/21*/
@media screen and (max-width: 1366px){
.row-thirds-quarter-quarter-half .col-1.row-thirds-quarter-quarter-half .col-2.row-thirds-half-quarter-quarter .col-2.row-thirds-half-quarter-quarter .col-3.row-thirds-quarter-half-quarter .col-1.row-thirds-quarter-half-quarter .col-3 {
width: 30%;
}
}
.move-cta .action-calls li:only-child a {
display: inline-block;
}
@media screen and (max-width: 1024px){
.move-cta .action-calls li:only-child a {
display: inline-block;
left: -27em;
margin-top: -20px;
}
}
@media screen and (max-width: 1023px){
.move-cta .action-calls li:only-child a {
display: inline-block;
left: 0em;
margin-top: 0px;
}
}
.header{
font-size: 2em !important;
line-height: 65px;
font-family: vendettaserif;
font-weight: 700 !important;
line-height: 103%;
}
@media screen and (max-width: 1366px){
.header {
font-size: 1.7em !important;
}
<>
#featured-content-pop-out-38369870 p,
#featured-content-pop-out-38369870 h1,
#featured-content-pop-out-38369870 h2,
#featured-content-pop-out-38369870 h3,
#featured-content-pop-out-38369870 h4,
#featured-content-pop-out-38369870 h5,
#featured-content-pop-out-38369870 h6,
#featured-content-pop-out-38369870 li {
color: #000;
}
.featured-content-pop-out-38369870 .featured-content-pop-out-aside {
background-color: #43ada5;
width: 550px;
height: 550px;
min-height: unset;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
}
.featured-content-pop-out-38369870 .featured-content-pop-out-aside.right,
.featured-content-pop-out-38369870 .featured-content-pop-out-aside.left {
modal: -360px;
width: 360px;
}
.featured-content-pop-out-38369870 .featured-content-pop-out-aside.open {
opacity: 1;
visibility: visible;
}
.featured-content-pop-out-38369870 .featured-content-pop-out-content {
padding: 1em;
display: flex;
flex-direction: column;
}
.featured-content-pop-out-38369870 .featured-content-pop-out-content > div[class^="pop-out-row-"] {
position: relative;
margin-bottom: 15px;
}
.featured-content-pop-out-38369870 .close-btn {
color: #000;
}
/* Reveal btn */
#featured-content-pop-out-38369870 .reveal-btn {
bottom: calc(20px - (0px));
}
#featured-content-pop-out-38369870 .reveal-btn-container {
border: 0px solid #43ada5;
}
#featured-content-pop-out-38369870 .reveal-btn-background {
background-color: #8bac36;
opacity: 1;
}
.reveal-btn:hover .reveal-btn-background {
background: #6c852a !important;
}
.featured-content-pop-out-38369870 .reveal-btn-icon,
.featured-content-pop-out-38369870 .reveal-btn-label {
color: #43ada5;
}
×
<>
.button.button-38369892 .btn {
}
.button.button-38369892 .btn:hover {
}
@media screen and (max-width: 979px) {
}
Schedule a Tour
<>
#featured-content-pop-out-38369918 p,
#featured-content-pop-out-38369918 h1,
#featured-content-pop-out-38369918 h2,
#featured-content-pop-out-38369918 h3,
#featured-content-pop-out-38369918 h4,
#featured-content-pop-out-38369918 h5,
#featured-content-pop-out-38369918 h6,
#featured-content-pop-out-38369918 li {
color: #000;
}
.featured-content-pop-out-38369918 .featured-content-pop-out-aside {
background-color: #43ada5;
width: 600px;
height: 600px;
min-height: unset;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
}
.featured-content-pop-out-38369918 .featured-content-pop-out-aside.right,
.featured-content-pop-out-38369918 .featured-content-pop-out-aside.left {
modal: -360px;
width: 360px;
}
.featured-content-pop-out-38369918 .featured-content-pop-out-aside.open {
opacity: 1;
visibility: visible;
}
.featured-content-pop-out-38369918 .featured-content-pop-out-content {
padding: 1em;
display: flex;
flex-direction: column;
}
.featured-content-pop-out-38369918 .featured-content-pop-out-content > div[class^="pop-out-row-"] {
position: relative;
margin-bottom: 15px;
}
.featured-content-pop-out-38369918 .close-btn {
color: #000;
}
/* Reveal btn */
#featured-content-pop-out-38369918 .reveal-btn {
bottom: calc(20px - (0px));
}
#featured-content-pop-out-38369918 .reveal-btn-container {
border: 0px solid #43ada5;
}
#featured-content-pop-out-38369918 .reveal-btn-background {
background-color: #8bac36;
opacity: 1;
}
.reveal-btn:hover .reveal-btn-background {
background: #6c852a !important;
}
.featured-content-pop-out-38369918 .reveal-btn-icon,
.featured-content-pop-out-38369918 .reveal-btn-label {
color: #43ada5;
}
@media (max-width: 640px) {
.featured-content-pop-out-38369918 .reveal-btn {
display: none !important;
}
}
<>
.row-38369959 > .content {
}
@media screen and (max-width: 766px) {
.row-38369959 > .content {
}
}
<>
.row-38369992 {
padding-top: 10px !important;
}
.row-38369992 {
padding-bottom: 10px !important;
}
.row-38369992 > .content {
}
@media screen and (max-width: 766px) {
.row-38369992 > .content {
}
}
.row-38369992.lazy-background-images {
background-image: none;
}
.row-38369992:not(.lazy-background-images) {
background-image: url(https://g5-assets-cld-res.cloudinary.com/image/upload/x_0,y_1168,h_990,w_1800,c_crop/q_auto,f_auto,fl_lossy,g_center,h_1100,w_2000/v1627335261/g5/g5-c-id7jhd4e-mbk-senior-living-client/g5-cl-57g9mctvm-northgate-plaza/uploads/7_altered_green_bvckfm.jpg);
}
<>
.row-38370015 {
padding-top: 3em !important;
}
.row-38370015 > .content {
}
@media screen and (max-width: 766px) {
.row-38370015 > .content {
}
}
@media screen and (max-width: 766px) {
.row-38370015 {
padding-top: 20px !important;
}
}
@media screen and (max-width: 766px) {
.row-38370015 {
padding-bottom: 3em !important;
}
}
<>
.row-38370075 > .content {
}
@media screen and (max-width: 766px) {
.row-38370075 > .content {
}
}
<>
.row-38370098::before {
background-color: #f5d9b9;
opacity: .4;
}
.row-38370098 > .content {
}
@media screen and (max-width: 766px) {
.row-38370098 > .content {
}
}
.row-38370098.lazy-background-images {
background-image: none;
}
.row-38370098:not(.lazy-background-images) {
background-image: url(https://g5-assets-cld-res.cloudinary.com/image/upload/x_0,y_0,h_990,w_1800,c_crop/q_auto,f_auto,c_fill,g_center,h_1100,w_2000/v1645648198/g5/g5-c-id7jhd4e-mbk-senior-living-client/g5-cl-57g9mctvm-northgate-plaza/uploads/7_wwrfiz.jpg);
}
<>
@media (min-width: 980px) {
.column-38370103.column-in:not(.column-visible) {
animation: slide-in 1000ms ease forwards;
transform: translateY(500px);
}
@keyframes slide-in {
to { transform: translateY(0); }
}
}
<>
@media (min-width: 980px) {
.column-38370123.column-in:not(.column-visible) {
animation: slide-in 1000ms ease forwards;
transform: translateY(500px);
}
@keyframes slide-in {
to { transform: translateY(0); }
}
}
<>
.row-38370252 {
padding-top: 1em !important;
}
.row-38370252 {
padding-bottom: 6em !important;
}
.row-38370252 > .content {
}
@media screen and (max-width: 766px) {
.row-38370252 > .content {
}
}
@media screen and (max-width: 766px) {
.row-38370252 {
padding-top: 1em !important;
}
}
<>
@media (min-width: 980px) {
.column-38370258.column-in:not(.column-visible) {
animation: slide-in 1000ms ease forwards;
transform: translateY(500px);
}
@keyframes slide-in {
to { transform: translateY(0); }
}
}
<>
.row-38370578 {
padding-top: 40px !important;
}
.row-38370578 {
padding-bottom: 0px !important;
}
.row-38370578 > .content {
}
@media screen and (max-width: 766px) {
.row-38370578 > .content {
}
}
<>
.row-38370630 {
padding-top: 3em !important;
}
.row-38370630 {
padding-bottom: 0px !important;
}
.row-38370630 > .content {
}
@media screen and (max-width: 766px) {
.row-38370630 > .content {
}
}
<>
.row-38370649 > .content {
}
@media screen and (max-width: 766px) {
.row-38370649 > .content {
}
}
<>
.row-38370666::before {
background-color: black;
opacity: .5;
}
.row-38370666 {
padding-top: 6em !important;
}
.row-38370666 {
padding-bottom: 6em !important;
}
.row-38370666 > .content {
}
@media screen and (max-width: 766px) {
.row-38370666 > .content {
}
}
.row-38370666.lazy-background-images {
background-image: none;
}
.row-38370666:not(.lazy-background-images) {
background-image: url(https://res.cloudinary.com/g5-assets-cld/image/upload/x_0,y_259,h_3168,w_5760,c_crop/q_auto,f_auto,fl_lossy,g_center,h_1100,w_2000/g5/g5-c-id7jhd4e-mbk-senior-living-client/uploads/shutterstock_329520965_k5pbj0_gdd5sp.jpg);
}
<>
.row-38370705 {
padding-top: 2em !important;
}
.row-38370705 > .content {
}
@media screen and (max-width: 766px) {
.row-38370705 > .content {
}
}
<>
.row-38370813::before {
background-color: #1f514d ;
opacity: .6;
}
.row-38370813 {
padding-top: 0px !important;
}
.row-38370813 > .content {
}
@media screen and (max-width: 766px) {
.row-38370813 > .content {
}
}
.row-38370813.lazy-background-images {
background-image: none;
}
.row-38370813:not(.lazy-background-images) {
background-image: url(https://g5-assets-cld-res.cloudinary.com/image/upload/x_0,y_0,h_990,w_1800,c_crop/q_auto,f_auto,c_fill,g_center,h_1100,w_2000/v1627335263/g5/g5-c-id7jhd4e-mbk-senior-living-client/g5-cl-57g9mctvm-northgate-plaza/uploads/7_altered_green_ub0za9.jpg);
}
<>
:focus {
box-shadow: 0 0 1px 2px currentColor inset !important;
}
:root {
--wcag_focus_primary: #43ada5;
--wcag_focus_secondary: ;
--wcag_box_shadow: 0 0 0px 3px var(--wcag_focus_primary#3a97f9);
;
--wcag_box_shadow_inset: 0 0 0px 3px var(--wcag_focus_primary#3a97f9) inset;
;
}
/* Set focus state of Button widget */
.button a:focus {
box-shadow: none !important;
}
.button a:focus .btn {
box-shadow: var(--wcag_box_shadow);
}
