html {
scroll-behavior: smooth;
}
body {
min-width: 320px;
}
.SearchResultBox {
border: 4px solid #0072ce;
padding: 20px;
margin-bottom: 25px;
}
.SearchResultBox h2 a {
color: #0072ce;
text-decoration: none;
}
.SearchResultBox h2 a:hover {
text-decoration: underline;
}
.community-image {
height: 130px;
background-size: cover;
background-position: center;
}
.socialFooter {
text-align: center;
padding-top: 15px;
}
.socialFooter a {
font-size: 30px;
color: #0072ce;
margin: 0px 5px;
}
.socialFooter a .--aqua {
color: #00b2a9;
}
.lp-landing-footer {
border-top: clamp(25px, 10vw, 50px) solid #00b2a9;
}
.lp-landing-footer-links {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.lp-landing-footer-link {
align-items: center;
color: #00b2a9;
display: flex;
}
.lp-landing-footer-link img {
height: auto;
margin-right: 10px;
width: clamp(38px, 6vw, 50px);
}
.lp-landing-footer-links__container {
padding: 15px;
}
@media screen and (min-width: 768px) {
.lp-landing-footer-links__container {
width: 50%;
}
}
.footerIcon {
display: inline-block;
width: 50px;
margin: 15px 10px 5px 10px;
}
.footerIcon.--tall {
height: 60px;
width: auto;
}
/* latin-ext */
@font-face {
font-family: "Allura";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Allura Regular"), local("Allura-Regular"), url(https://fonts.gstatic.com/s/allura/v8/9oRPNYsQpS4zjuA_hQgWHNn7GfHC.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Allura";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Allura Regular"), local("Allura-Regular"), url(https://fonts.gstatic.com/s/allura/v8/9oRPNYsQpS4zjuA_iwgWHNn7GQ.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* devanagari */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Martel Bold"), local("Martel-Bold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XV3e0qgxzW1PrTzkMi.woff2) format("woff2");
unicode-range: U900-97F, U1CD -1CF 6, U1CF 7CF 9, U200C-200D, U20A 8, U20B 9, U25CC, UA830-A839, UA8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Martel Bold"), local("Martel-Bold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XV3e0qjBzW1PrTzkMi.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Martel Bold"), local("Martel-Bold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XV3e0qghzW1PrTzg.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* devanagari */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Martel ExtraBold"), local("Martel-ExtraBold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XVwe4qgxzW1PrTzkMi.woff2) format("woff2");
unicode-range: U900-97F, U1CD -1CF 6, U1CF 7CF 9, U200C-200D, U20A 8, U20B 9, U25CC, UA830-A839, UA8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Martel ExtraBold"), local("Martel-ExtraBold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XVwe4qjBzW1PrTzkMi.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Martel";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Martel ExtraBold"), local("Martel-ExtraBold"), url(https://fonts.gstatic.com/s/martel/v4/PN_yRfK9oXHga0XVwe4qghzW1PrTzg.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Muli Italic"), local("Muli-Italic"), url(https://fonts.gstatic.com/s/muli/v16/7Au-p_0qiz-afTf2IALT4EYFOGEH.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Muli Italic"), local("Muli-Italic"), url(https://fonts.gstatic.com/s/muli/v16/7Au-p_0qiz-afTf2IQLT4EYFOGEH.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Muli Italic"), local("Muli-Italic"), url(https://fonts.gstatic.com/s/muli/v16/7Au-p_0qiz-afTf2LwLT4EYFOA.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold Italic"), local("Muli-SemiBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-8CbGwmQIElsO02Ex.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold Italic"), local("Muli-SemiBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-8CbGw2QIElsO02Ex.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold Italic"), local("Muli-SemiBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-8CbGzWQIElsO0w.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 700;
font-display: swap;
src: local("Muli Bold Italic"), local("Muli-BoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-lCfGwmQIElsO02Ex.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 700;
font-display: swap;
src: local("Muli Bold Italic"), local("Muli-BoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-lCfGw2QIElsO02Ex.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 700;
font-display: swap;
src: local("Muli Bold Italic"), local("Muli-BoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-lCfGzWQIElsO0w.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold Italic"), local("Muli-ExtraBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-iCTGwmQIElsO02Ex.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold Italic"), local("Muli-ExtraBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-iCTGw2QIElsO02Ex.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: italic;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold Italic"), local("Muli-ExtraBoldItalic"), url(https://fonts.gstatic.com/s/muli/v16/7Au9p_0qiz-afTf-iCTGzWQIElsO0w.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afT3GLQjUwkQ1OQ.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTzGLQjUwkQ1OQ.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Muli Regular"), local("Muli-Regular"), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold"), local("Muli-SemiBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-ade3iOCr2z24PMFk-0g.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold"), local("Muli-SemiBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-ade3iOCv2z24PMFk-0g.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Muli SemiBold"), local("Muli-SemiBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-ade3iOCX2z24PMFk.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adYnjOCr2z24PMFk-0g.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adYnjOCv2z24PMFk-0g.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Muli Bold"), local("Muli-Bold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adYnjOCX2z24PMFk.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold"), local("Muli-ExtraBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZXgOCr2z24PMFk-0g.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold"), local("Muli-ExtraBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZXgOCv2z24PMFk-0g.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 800;
font-display: swap;
src: local("Muli ExtraBold"), local("Muli-ExtraBold"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZXgOCX2z24PMFk.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* vietnamese */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Muli Black"), local("Muli-Black"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adbHhOCr2z24PMFk-0g.woff2) format("woff2");
unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
/* latin-ext */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Muli Black"), local("Muli-Black"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adbHhOCv2z24PMFk-0g.woff2) format("woff2");
unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
/* latin */
@font-face {
font-family: "Muli";
font-style: normal;
font-weight: 900;
font-display: swap;
src: local("Muli Black"), local("Muli-Black"), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adbHhOCX2z24PMFk.woff2) format("woff2");
unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
/* WP Core Styles */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Search Inputs */
.InputAddOn {
display: flex;
margin-bottom: 1.5em;
}
.InputAddOn-field {
flex: 1;
font-size: 14px;
}
.InputAddOn-field:not(:first-child) {
border-left: 0;
}
.InputAddOn-field:not(:last-child) {
border-right: 0;
}
.InputAddOn-item {
background-color: #1bc2a2;
color: white;
font: inherit;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
}
.InputAddOn-item:hover {
background-color: gray;
}
.InputAddOn-field, .InputAddOn-item {
border: 1px solid rgba(147, 128, 108, 0.25);
padding: 0.5em 0.75em;
}
.InputAddOn-field:first-child, .InputAddOn-item:first-child {
border-radius: 2px 0 0 2px;
}
.InputAddOn-field:last-child, .InputAddOn-item:last-child {
border-radius: 0 2px 2px 0;
}
/** * Modal CSS */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* Styles for dialog window */
#small-dialog {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
}
/** * Fade-zoom animation for first dialog */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/** * Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
/* Form CSS */
.formexample1 {
background-color: #e7e7e7;
padding: 10px 20px 20px 20px;
margin: 0px !important;
}
.formcolumn {
padding: 0px 5px;
}
.formexample1 input, .formexample1 select, .formexample1 textarea {
margin-top: 15px;
font-size: 1.2rem;
color: #333;
}
.formcard {
margin-top: 15px;
background-color: white;
}
label.error {
color: red;
text-transform: uppercase;
font-size: 12px;
margin-top: 5px;
font-weight: bold;
}
input[type="text"].error {
box-shadow: inset 0 1px 1px transparent, 0 0 0 2px red;
}
input[type="phone"].error {
box-shadow: inset 0 1px 1px transparent, 0 0 0 2px red;
}
input[type="email"].error {
box-shadow: inset 0 1px 1px transparent, 0 0 0 2px red;
}
input[type="select"].error {
box-shadow: inset 0 1px 1px transparent, 0 0 0 2px red;
}
input[type="textarea"].error {
box-shadow: inset 0 1px 1px transparent, 0 0 0 2px red;
}
.formexample1 input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333;
opacity: 1;
/* Firefox */
}
.formexample1 input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #333;
}
.formexample1 input::-ms-input-placeholder {
/* Microsoft Edge */
color: #333;
}
.formexample1 textarea::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333;
opacity: 1;
/* Firefox */
}
.formexample1 textarea:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #333;
}
.formexample1 textarea::-ms-input-placeholder {
/* Microsoft Edge */
color: #333;
}
.formsubmit {
background-color: black;
color: white !important;
width: 100%;
margin: 0px auto;
cursor: pointer;
border-radius: 5px;
text-transform: uppercase;
padding: 10px;
}
.formsubmit:hover {
background-color: gray;
}
@media screen and (max-width: 767px) {
.formexample1 input, .formexample1 select, .formexample1 textarea {
font-size: 14px;
}
}
/* Basic Html */
body {
margin: 0px;
font-family: "Muli", sans-serif;
}
.maincopy h1 {
font-size: 35px;
text-transform: none;
font-weight: 400;
}
.maincopy h2 {
font-size: 1.6rem;
}
.maincopy h3 {
font-size: 1.4rem;
}
.maincopy h1, .maincopy h2, .maincopy h3 {
color: #54585a;
margin-bottom: 15px;
font-family: "Martel", serif;
line-height: 140%;
}
.maincopy p, .maincopy ul li, .maincopy ol li {
font-size: 18px;
line-height: 170%;
color: #54585a;
}
.maincopy ul, .maincopy ol {
padding-left: 40px;
margin-bottom: 30px;
}
.maincopy p {
margin-bottom: 30px;
}
.maincopy .responsive-video {
margin-bottom: clamp(15px, 3.5vw, 30px);
}
.maincopy ul li, .maincopy ol li {
margin-bottom: 5px;
}
.maincopy a {
color: #0072ce;
text-decoration: underline;
font-weight: 800;
}
.maincopy a:hover, .maincopy a:focus {
text-decoration: none;
}
.maincopy img {
display: block;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
height: auto;
*width: auto;
}
/* Service Archive */
.serviceLeftWrap {
max-width: 465px;
margin-left: auto;
padding: 50px 40px 50px 20px;
}
.serviceRight {
background-size: cover;
background-position: center;
}
.serviceBox {
padding: 70px 70px 70px 15px;
}
.serviceBox p {
font-size: 18px;
}
.serviceBox h2 {
margin-bottom: 20px;
color: #358a9d;
}
.serviceBox h2 a {
color: #0072ce;
text-decoration: none;
}
.serviceBox h2 a:hover {
color: #358a9d;
text-decoration: underline;
}
.serviceBox .learnMore {
font-size: 16px;
margin-top: 40px;
text-align: center;
text-decoration: none;
padding: 10px 40px;
font-weight: bold;
background-color: #ffd040;
color: #353535;
display: table;
}
.serviceBox .learnMore:hover, .serviceBox .learnMore:focus, .serviceBox .learnMore:active {
background-color: #ffd040;
color: #353535;
}
.serviceArchiveFluid {
background-color: #fff;
}
.column2testimonial {
padding-top: 30px;
padding-bottom: 30px;
}
.testimonialRight {
float: right;
padding: 20px 70px;
max-width: 600px;
}
.testimonialRight p {
font-weight: bold;
font-size: 28px !important;
margin-top: 15px;
color: #00b2a9 !important;
line-height: 130% !important;
}
.fullWidthCTA {
background-color: #00b2a9;
padding-top: 40px;
padding-bottom: 40px;
}
.fullWidthCTA h2 {
color: white;
max-width: 900px;
margin: 0px auto;
text-align: center;
font-weight: 600;
font-style: italic;
font-size: 1.6rem;
}
.fullWidthCTA h2 a {
text-decoration: underline;
color: white;
}
.hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5) !important;
-webkit-transform: scale(1.1) !important;
transform: scale(1.1) !important;
}
.fullwidthCTAbutton {
background-color: #ffd040 !important;
color: #353535 !important;
display: table;
padding: 10px 70px;
margin: 30px auto 0px auto;
text-decoration: none !important;
font-weight: bold;
font-size: 18px;
}
.fullwidthCTAbutton:hover, .fullwidthCTAbutton:focus, .fullwidthCTAbutton:active {
color: #353535;
}
/* Meet the team */
.headshotimagewrap {
position: relative;
}
.headshotimagewrap img.flex-img {
object-fit: cover;
object-position: center top;
height: 100%;
width: 100%;
}
@media screen and (max-width: 575px) {
.headshotimagewrap {
height: 50vw;
max-height: 302px;
min-height: 143px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.headshotimagewrap {
height: 325px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.headshotimagewrap {
height: 206px;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.headshotimagewrap {
height: 280px;
}
}
@media screen and (min-width: 1201px) {
.headshotimagewrap {
height: 350px;
}
}
.headshotoverlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.headshotoverlay p {
text-align: center;
color: white;
margin-top: 42%;
font-size: 18px;
font-weight: 700;
color: #fff;
font-size: 20px;
}
.testimonialwrap:hover .headshotoverlay {
opacity: 1;
}
.headshotoverlay {
background-color: rgba(212, 157, 18, 0.7);
}
.search-no-results h1 {
display: none;
}
.search-no-results h2 {
display: none;
}
.teamname {
text-align: center;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
}
.teamtitle {
text-align: center;
margin-bottom: 30px;
font-size: 18px;
}
.testimonialwrap {
color: #54585a;
text-decoration: none;
}
.testimonialwrap:hover, .testimonialwrap:active, .testimonialwrap:focus {
color: #54585a;
}
.modalPhone, .modalEmail {
text-align: center;
color: white;
margin-bottom: 7px;
}
.modalsection {
padding: 20px 30px;
text-align: left;
max-width: 900px;
margin: 40px auto;
position: relative;
}
.modalsection .bio {
color: white;
font-size: 18px;
}
.modalimage {
max-width: 200px;
margin: 10px auto 15px auto;
}
.copyblock {
float: right;
}
.modalName {
font-weight: 700;
font-size: 24px;
color: white;
margin-bottom: 10px;
}
.modalPosition {
font-weight: 700;
font-size: 20px;
color: white;
}
.linkedinCTA {
margin-top: 15px;
text-decoration: none;
font-size: 14px;
background-color: white;
border-radius: 5px;
width: 250px;
font-weight: 600;
color: #2e2e2e;
width: 200px;
display: block;
padding: 5px;
text-align: center;
margin-bottom: 10px;
}
.linkedinCTA span {
color: #0077b5;
margin-right: 5px;
}
.linkedinCTA:hover {
color: #2e2e2e;
}
.modalsection {
background-color: #0072ce;
}
#headshotmodal p {
color: white;
}
.meetTeamContainer {
padding-top: 0px;
padding-bottom: 20px;
background-position: center;
background-repeat: no-repeat;
background-position-y: 50px;
background-size: 600px;
}
/* Contact */
.contactHero {
text-align: left;
padding-top: 35px;
padding-bottom: 500px;
background-size: cover;
background-position: top;
position: relative;
}
.contactHero h1 {
color: white;
margin-bottom: 10px;
font-size: 42px;
text-align: center;
max-width: 700px;
margin: 10px auto;
line-height: 120%;
}
.contactHero p {
color: white;
font-size: 20px;
max-width: 550px;
line-height: 160%;
text-align: center;
max-width: 700px;
margin: 0px auto;
}
.formtitle {
font-size: 40px;
padding: 40px 50px 0px 50px;
margin-bottom: 10px;
color: #54585a;
line-height: 110%;
font-family: "Martel", serif;
text-transform: none;
}
.formdesc {
padding: 0px 50px;
margin-bottom: 0px;
color: #54585a;
}
.herogradient {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
}
.residentCouncil {
font-size: 18px;
margin-top: 10px;
}
/* Contact Form */
.MainContactWrap {
padding: 10px 40px;
}
.MainContactWrap ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.MainContactWrap input, .MainContactWrap textarea, .MainContactWrap select {
margin-top: 25px;
}
.MainContactWrap label {
display: none;
}
.contactform {
max-width: 600px;
margin: 0px auto !important;
background-color: transparent;
}
.contactfluid {
background-color: #f0f0f0;
padding-top: 30px;
padding-bottom: 30px;
}
.contacth3 {
text-align: center;
margin-bottom: 0px;
}
.contactbox {
display: flex;
flex-direction: row;
justify-content: center;
flex: 1 1 auto;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
margin-top: -450px;
border-radius: 0px;
margin-bottom: 20px;
}
.contactboxright {
color: #54585a;
padding: 30px;
}
.contactboxright h2 {
color: #54585a;
font-size: 30px;
margin-bottom: 30px;
letter-spacing: 1px;
font-weight: 500;
}
.contactboxright p {
font-size: 18px;
}
.contactboxright a {
font-size: 18px;
}
.contacticoncolumn {
margin-left: 20px;
}
.contacticoncolumn h2 {
line-height: 1.1;
margin-left: 50px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
}
.contacticoncolumn span {
font-size: 30px;
position: absolute;
margin-top: 3px;
}
.contacticoncolumn a {
color: #0072ce;
display: block;
margin-left: 50px;
margin-top: 15px;
font-size: 16px;
}
.contacticoncolumn a:hover, .contacticoncolumn a:focus {
text-decoration: none;
}
.contacticoncolumn p {
margin-left: 50px;
font-size: 16px;
}
.contactColumnPhone {
margin-top: 0px !important;
}
.officeHours {
margin-bottom: 10px !important;
}
.contactboxright {
background-color: rgba(84, 88, 90, .025);
}
.contactboxright .contactboxgrid:nth-child(1) .fad {
color: #c6579a;
}
.contactboxright .contactboxgrid:nth-child(2) .fad {
color: #00b2a9;
}
.contactboxright .contactboxgrid:nth-child(3) .fad {
color: #ffd040;
}
.contactboxright .contactboxgrid:nth-child(4) .fad {
color: #84bd00;
}
.contactboxright .contactboxgrid:nth-child(5) .fad {
color: #0072ce;
}
.officeGrid {
margin-top: 30px !important;
}
.contactboxcta {
display: block;
padding: 10px;
border: 3px solid #fff !important;
border-radius: 5px;
margin-top: 25px;
margin-bottom: 65px;
text-align: center;
width: 210px;
font-size: 16px !important;
margin-left: auto;
margin-right: auto;
font-weight: 600;
text-decoration: none;
}
.contactboxcta:hover {
background-color: white;
background-color: #35757e;
}
.contactbox hr {
border-top: 1px solid #a78aa0;
}
.contactsocial {
background-color: #ffd040;
border-bottom: 0 !important;
width: 40px;
height: 40px;
border-radius: 100%;
font-size: 18px;
text-align: center;
padding-top: 12px;
margin-left: 5px;
color: #54585a;
}
.contactsociallink {
border-bottom: none !important;
}
.socialcontactp {
text-align: center;
font-weight: 600;
font-size: 16px !important;
}
.requiredP {
margin-bottom: -5px;
font-size: 14px;
margin: 10px auto 10px auto !important;
}
.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.contactboxcolumn {
padding: 0px;
}
.contactboxgrid {
padding-bottom: 25px !important;
}
.contactboxgrid p {
margin-bottom: 0px;
}
.contactboxtitle {
margin-bottom: 10px !important;
font-weight: 600;
}
.contactboxdirections {
margin-top: 10px;
display: block;
}
.footercopycontact {
color: white;
font-style: italic;
margin-top: 50px;
line-height: 170%;
padding-left: 50px;
}
.calloutbox {
background-color: #ffd040;
color: #353535;
padding: 20px 120px;
text-align: center;
margin: 30px auto 50px auto !important;
}
.calloutbox p {
font-size: 20px;
text-align: left;
margin-bottom: 0px;
}
.calloutbox a {
font-size: 16px;
text-align: center;
text-decoration: none;
padding: 10px 40px;
text-transform: uppercase;
font-weight: 700;
background-color: #00b2a9;
color: white;
display: table;
margin: 10px auto;
text-align: center;
}
.calloutbox a:hover, .calloutbox a:focus, .calloutbox a:active {
background-color: #00b2a9;
color: white;
}
.contactgrid {
margin: 0px !important;
}
.socialFluid {
background-color: #0072ce;
text-align: center;
margin-top: 20px;
}
.locationBox {
border: 1px solid #e7e7e7;
padding: 25px 20px;
text-align: center;
margin-bottom: 50px;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 1 auto;
}
.locationBox h3 {
font-size: 20px;
margin-bottom: 10px;
line-height: 120%;
}
.locationBox a {
display: block;
color: #0072ce;
font-weight: 600;
}
@media screen and (max-width: 991px) {
.formdesc {
margin-top: 10px;
}
.footerPColumn p {
margin-left: 10px;
}
.formtitle {
padding: 40px 30px 0;
}
.formdesc {
padding: 0 30px;
}
}
@media screen and (max-width: 991px) {
.contactbox {
flex-direction: column;
display: inherit;
}
}
/* Buttons */
.cta {
text-decoration: none;
display: inline-block;
background-color: #0072ce;
color: white;
width: 160px;
padding: 5px;
text-align: center;
font-weight: 600;
border-radius: 25px;
overflow: hidden;
}
.cta:before {
background-color: #0072ce;
}
@media screen and (max-width: 991px) {
.cta:before {
background: none;
}
}
/* Homepage Hero */
.page-id-206 #menu-item-2203 {
display: none;
}
.homesearch {
min-height: 485px;
height: 100%;
position: relative;
}
.homesearch .bg-images {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.homesearch .bg-images__slider {
height: 100%;
opacity: 0;
transition: opacity 1s ease;
visibility: hidden;
}
.homesearch .bg-images__slider.slick-initialized {
opacity: 1;
visibility: visible;
}
.homesearch .bg-images__slider .slick-list, .homesearch .bg-images__slider .slick-track, .homesearch .bg-images__slider .slick-slide, .homesearch .bg-images__slider .slick-slide > div {
height: 100%;
}
.homesearch .bg-images__slider img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.homesearch .bg-images__slider .slick-prev, .homesearch .bg-images__slider .slick-next {
font-size: 40px;
position: absolute;
top: 33%;
display: block;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #54585a;
background-color: rgba(0, 114, 206, .9);
border: none;
outline: 0;
opacity: 1;
z-index: 1;
padding-top: 12px;
color: #fff;
width: 65px;
height: 65px;
text-align: center;
border: 2px solid #fff;
}
.homesearch .bg-images__slider .slick-prev:hover, .homesearch .bg-images__slider .slick-next:hover {
background-color: #0072ce;
}
.homesearch .bg-images__slider .slick-prev {
left: 3px;
}
.homesearch .bg-images__slider .slick-next {
right: 3px;
}
.homesearch .bg-images__slider .slick-dots {
padding: 0px;
margin: 0px;
list-style-type: none;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.homesearch .bg-images__slider .slick-dots li {
display: inline-block;
}
.homesearch .bg-images__slider .slick-dots li.slick-active button {
outline: 2px solid white;
}
.homesearch .bg-images__slider .slick-dots li button {
border: none;
background-color: rgba(25, 122, 144, .75);
width: 18px;
height: 18px;
border-radius: 50%;
margin: 0px 7px;
font-size: 0px;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.homesearch .bg-images__slider .slick-dots li button:hover {
background-color: #197a90;
}
.homesearch .bg-images .slide {
height: 100%;
background-size: cover;
background-position: center;
}
.homesearch h1 {
max-width: 550px;
margin-top: 270px;
color: white;
font-size: 63px;
line-height: 110%;
text-shadow: 1px 1px 1px #525151, 0 0 15px #525151, 0 0 2px #525151;
font-family: "Martel", serif;
}
.homesearch p {
color: white;
max-width: 300px;
margin-top: 80px;
font-weight: 700;
font-size: 22px;
}
.homehero {
background-size: cover;
background-position: center;
}
.homeherobox {
background-color: blue;
padding: 20px;
}
.homeherobox h1 {
color: white;
margin: 0px;
line-height: 110%;
}
.homeherobox p {
color: white;
margin-top: 15px;
}
.heroformwrapper {
background-color: white;
padding: 30px;
height: 300px;
margin-top: 50px;
border-radius: 10px;
}
.down-arrow {
text-align: center;
bottom: 20px;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
margin: 0px auto;
display: block;
}
.heroCTA {
font-size: 22px;
color: white;
display: block;
text-align: center;
color: white;
font-weight: 600;
text-decoration: none;
border: 4px solid transparent;
position: relative;
margin-bottom: 20px;
transition: all 0.5s ease-in-out;
transform: scale(1);
}
.heroCTA[data-style="default"] {
background-color: rgba(25, 122, 144, 0.75);
}
.heroCTA[data-style="blue"] {
background-color: rgba(0, 114, 206, .7);
}
.heroCTA[data-style="green"] {
background-color: rgba(0, 188, 128, .7);
}
.heroCTA span {
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
transition: opacity 0.6s ease-in-out;
}
.heroCTA:hover, .heroCTA:active, .heroCTA:focus-visible {
color: white;
border: 4px solid white;
}
.heroCTA:hover .far {
opacity: 1;
}
.heroDown {
background-color: rgba(132, 189, 0, .2);
}
.heroDown .col-sm-12 {
padding: 3px;
}
.downArrow {
display: block;
text-align: center;
font-size: 24px;
color: #0072ce;
}
.downArrow:hover {
color: #0072ce;
}
.homeLocations {
padding-bottom: 30px;
}
.homeLocations .container {
max-width: 1700px;
}
.introHome {
padding-top: 50px;
padding-bottom: 50px;
background-position: center;
background-repeat: no-repeat;
background-position-y: 20px;
background-size: 600px;
}
.introHome h2 {
color: #00b2a9;
font-weight: bold;
font-style: italic;
max-width: 500px;
margin-top: 20px;
font-size: 36px;
line-height: 120%;
}
.introHome p {
line-height: 180%;
color: #2b2b2b;
font-size: 20px;
}
.communityH2 {
text-align: center;
max-width: 500px;
margin: 5px auto;
font-family: "Martel", serif;
font-size: 36px;
line-height: 120%;
}
.communityH2 span {
font-family: "Allura", cursive;
font-size: 46px;
font-weight: 500;
}
.communityhomeimage {
position: relative;
overflow: hidden;
}
.communityMainImage {
padding: 0px;
border: none;
border-radius: 0px;
}
.communityhomeimage p {
position: absolute;
bottom: 0;
color: white;
font-weight: bold;
font-size: 24px;
margin-bottom: 10px;
left: 0;
right: 0;
text-align: center;
text-shadow: 1px 1px 1px #54585a;
padding: 0px 20px;
}
.communityCard {
border-radius: 0px;
background-color: white;
margin: 0px 20px;
}
@media screen and (max-width: 1500px) {
.communityCard {
margin: 0px;
}
}
.communityCard .card-body {
border-left: 1px solid #acacac;
border-right: 1px solid #acacac;
}
.communityCard .card-footer {
padding: 15px 25px;
border-bottom: 1px solid #acacac;
border-left: 1px solid #acacac;
border-right: 1px solid #acacac;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.communityCard .card-footer a {
background-color: #ffd040;
display: block;
padding: 10px;
font-weight: 700;
font-size: 22px;
text-align: center;
color: #54585a;
width: 93%;
text-decoration: none;
margin: 0px auto 10px auto;
}
.grayFade {
position: absolute;
bottom: 0;
left: 0;
}
.communityCardPhone {
color: #0072ce;
margin: 0px auto;
text-align: center;
font-size: 18px;
font-weight: 700;
text-decoration: none;
align-self: center;
}
@media screen and (max-width: 1199px) {
.communityCardPhone {
padding: 15px 0px 10px;
}
}
.communityCardPhone:hover {
text-decoration: underline;
color: #0072ce;
}
.communityCardTop {
padding-top: 20px;
padding-bottom: 20px;
}
.communityCardTop .col-lg-6 {
padding: 15px 0px;
display: flex;
align-content: center;
}
@media screen and (max-width: 1199px) {
.communityCardTop .col-lg-6 {
padding: 0px;
}
}
.communityCardTop p {
font-size: 18px;
color: #54585a;
margin: 0px;
}
@media screen and (max-width: 1199px) {
.communityCardTop p {
margin: 0px auto;
}
}
.communityCardTop hr {
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #acacac;
}
.communityCardServices {
text-align: center;
color: #54585a;
font-size: 18px;
padding-left: 35px;
padding-right: 35px;
padding-top: 0px;
}
.communityCardServices p {
margin-bottom: 10px;
}
.homeTestimonial {
background-color: #f5f5f5;
border-left: 15px solid #fff;
}
.homeTestimonialOutter {
height: 100%;
border: 30px solid rgba(256, 256, 256, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.homeTestimonialWrap {
padding: 40px;
background-image: url(./images/quoteBlue-min.png);
background-repeat: no-repeat;
background-position-y: 20px;
background-size: 120px;
}
.homeTestimonialWrap p {
color: #54585a;
font-size: 24px;
font-style: italic;
font-weight: 700;
margin-bottom: 0px;
text-align: center;
}
.homeTestimonialWrap span {
display: block;
color: white;
font-size: 18px;
}
.homeTestimonialRight {
background-color: rgba(0, 114, 206, .1);
}
.homeTestimonialRight a {
color: #54585a;
}
.TestimonialRightWrap {
color: #54585a;
padding: 100px 20px 30px 50px;
max-width: 450px;
margin-left: auto;
}
.TestimonialRightWrap h2 {
font-family: "Martel", serif;
max-width: 280px;
margin-bottom: 20px;
}
.TestimonialRightWrap h2 span {
font-family: "Allura", cursive;
font-size: 36px;
font-weight: 500;
line-height: 100%;
}
.TestimonialRightWrap p {
font-size: 18px;
}
.TestimonialRightWrap a {
font-weight: 700;
display: inline-block;
margin-top: 20px;
background-color: #ffd040;
text-align: center;
padding: 10px 35px;
text-decoration: none;
font-size: 18px;
}
.TestimonialRightWrap a span {
font-size: 24px;
margin-left: 5px;
}
.TestimonialRightWrap a:hover, .TestimonialRightWrap a:focus, .TestimonialRightWrap a:active {
background-color: #ffd040;
color: #353535;
}
.homeSlider {
height: 500px;
background-size: cover;
background-position: center;
position: relative;
}
.homeSliderBox {
background-color: rgba(246, 195, 67, 0.85);
max-width: 450px;
padding: 30px;
position: absolute;
bottom: 30px;
left: 30px;
}
.homeSliderBox p {
color: #272727;
font-size: 20px;
font-weight: 600;
margin: 0px;
}
.homeSliderFluid {
padding-top: 30px;
padding-bottom: 0px;
background-image: url("./images/homesliderBG-min.jpg");
background-size: cover;
background-position: center;
margin-top: 20px;
}
.homeSliderFluid h2 {
font-family: "Martel", serif;
max-width: 700px;
color: #54585a;
font-size: 36px;
margin-left: 0px;
margin-bottom: -20px;
}
.homeSliderFluid h2 span {
font-family: "Allura", cursive;
font-size: 52px;
font-weight: 500;
line-height: 100%;
}
.homepageslider .slick-dots {
display: block;
width: 100%;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
text-align: center;
}
.homepageslider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
margin: 0px 2px;
}
.homepageslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0;
margin: 0 auto;
}
.homepageslider .slick-dots li button:before {
font-family: "slick";
font-size: 50px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 1;
color: #a4a4a2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.homepageslider .slick-dots li.slick-active button:before {
opacity: 1;
color: #ffd040;
font-size: 60px;
}
.homepageslider .slick-prev, .homepageslider .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 40%;
display: block;
height: 45px;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: 0 0;
opacity: 1;
}
.homepageslider .slick-prev {
left: -50px;
}
.homepageslider .slick-next {
right: -50px;
}
.tile1 {
background-color: #f5f5f5 !important;
border: none;
border-radius: 0px !important;
padding: 30px 10px 10px 10px;
}
.tile1 .card-body {
border: none;
border-radius: 0px;
}
.tile1 .card-footer {
border: none;
border-radius: 0px;
padding-bottom: 10px;
}
.tile1 h2 {
font-family: "Martel", serif;
color: #54585a;
font-size: 30px;
margin-bottom: 20px;
line-height: 120%;
position: relative;
padding-bottom: 12px;
padding-right: 20px;
}
.tile1 h2 span {
font-family: "Allura", cursive;
font-size: 40px;
font-weight: 500;
line-height: 100%;
}
.tile1 h2:after {
background-color: #0072ce;
content: "";
width: 70px;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
}
.tile1 p {
font-size: 18px;
padding-right: 0px;
margin-bottom: 0px;
}
.tile1 .card-footer a {
font-weight: 700;
display: block;
width: 100%;
margin-top: 20px;
background-color: #ffd040;
color: #2f2f2f;
text-align: center;
padding: 10px 35px;
text-decoration: none;
font-size: 18px;
}
.tile1 .card-footer a:hover, .tile1 .card-footer a:active, .tile1 .card-footer a:focus {
background-color: #ffd040;
color: #2f2f2f;
}
.tileContainer {
padding-top: 40px;
padding-bottom: 40px;
}
.tile2 {
overflow: hidden;
border: none;
border-radius: 0px !important;
padding: 10px;
position: relative;
background-size: 100%;
background-position: center center;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.tile2:hover {
background-size: 120%;
}
.tile2 .card-body {
border: none;
border-radius: 0px;
}
.tile2 a {
text-decoration: none;
}
.gradHome {
position: absolute;
bottom: -20px;
left: 0;
}
.tile2 h2 {
padding-top: 240px;
color: white;
font-size: 24px;
font-weight: 700;
position: relative;
line-height: 110%;
margin-bottom: 15px;
padding-right: 30px;
}
.tile2 p {
color: white;
position: relative;
font-size: 18px;
}
.homeFooterImage {
height: 100%;
}
.homeFooterColumn {
padding: 0px;
background-size: cover;
background-position: center;
}
.homeFooterLeft {
background-color: rgba(132, 189, 0, .1);
}
.homeFooterWrap {
max-width: 430px;
margin-left: auto;
margin-right: 120px;
padding-top: 40px;
padding-bottom: 40px;
}
.homeFooterWrap h2 {
color: #373737;
font-family: "Martel", serif;
margin-bottom: 20px;
font-size: 30px;
}
.homeFooterWrap h2 span {
font-family: "Allura", cursive;
font-size: 44px;
font-weight: 500;
line-height: 100%;
}
.homeFooterWrap p {
color: #373737;
font-size: 18px;
}
.homeFooterWrap p a {
color: #373737;
font-size: 18px;
text-decoration: underline;
}
.homeFooterWrapLink {
font-weight: 700;
display: inline-block;
margin-top: 20px;
background-color: #ffd040;
color: #2f2f2f;
text-align: center;
padding: 10px 50px;
text-decoration: none;
font-size: 18px;
}
.homeFooterWrapLink:hover, .homeFooterWrapLink:focus, .homeFooterWrapLink:active {
background-color: #ffd040;
color: #2f2f2f !important;
}
@media screen and (max-width: 992px) {
.homeherobox {
margin-top: 200px;
}
}
/* Testimonials */
.masonry {
-webkit-column-count: 3;
-webkit-column-gap: 2em;
-moz-column-count: 3;
-moz-column-gap: 2em;
column-count: 3;
column-gap: 2em;
margin: 0;
break-inside: avoid-column;
}
.TestimonalBox {
display: block;
margin: 0 0 1em;
width: 100%;
}
.TestimonalBox {
background-image: url(./images/quoteBlue-min.png);
background-repeat: no-repeat;
background-position-x: 20px;
background-position-y: 20px;
border: 2px solid #e7e7e7;
padding: 30px;
text-align: center;
background-size: 70px;
margin: 0;
margin-bottom: 30px;
page-break-inside: avoid;
}
.VideoTestimonalBox {
border: 2px solid #e7e7e7;
text-align: center;
margin-bottom: 30px;
page-break-inside: avoid;
}
.VideoTestimonalBox__content {
padding: 0 30px 30px 30px;
position: relative;
}
.VideoTestimonalBox__content:after {
background-image: url(./images/quoteBlue-min.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: contain;
content: '';
left: 0;
position: absolute;
top: 0;
height: 65px;
width: 65px;
top: -20px;
left: 20px;
z-index: -1;
}
.VideoTestimonalBox__content p {
color: #333;
font-size: 18px;
}
.TestimonalBox p {
font-size: 18px;
}
.TestimonalAuthor {
font-weight: 800;
margin-bottom: 0px;
}
.TestimonalCommunity {
font-size: 14px;
margin-bottom: 0px;
}
.modalLinkedin {
text-align: center;
color: white;
display: table;
margin: 0px auto;
}
.modalLinkedin:hover, .modalLinkedin:active, .modalLinkedin:focus {
color: white;
}
.TestimonalBoxVideo {
display: inline-block;
margin: 0 0 1em;
width: 100%;
padding: 30px;
text-align: center;
margin: 0;
margin-bottom: 30px;
page-break-inside: avoid;
height: 200px;
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
.TestimonalBoxVideo:hover {
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
.TestimonalBoxVideo span {
color: white;
font-size: 50px;
margin-top: 40px;
}
.filterwrapper2 {
width: 250px;
margin-left: 0;
display: inline-block;
margin-right: 20px;
margin-top: 15px;
}
.filterwrapper2 select {
border: 1px solid #54585a;
height: 37px;
background-image: linear-gradient(45deg, transparent 50%, #2b2b2b 50%), linear-gradient(135deg, #2b2b2b 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.filterbutton2 {
display: inline-block;
padding: 8px;
width: 250px;
cursor: pointer;
border-radius: 0px;
height: 38px;
font-size: 16px;
background-color: #ffd040;
color: #353535 !important;
text-align: center;
font-weight: bold;
vertical-align: bottom;
font-weight: 700 !important;
}
.testimonialImageHero {
height: 350px;
background-size: cover;
background-position: center;
margin-left: -120px;
width: 540px;
-webkit-box-shadow: 0px 0px 17px 0px rgba(87, 87, 87, 1);
-moz-box-shadow: 0px 0px 17px 0px rgba(87, 87, 87, 1);
box-shadow: 0px 0px 17px 0px rgba(87, 87, 87, 1);
}
.testimonialHeroLeft {
background-color: #0072ce;
}
.testimonialImageHeroColumn {
padding-top: 40px;
padding-bottom: 40px;
background-color: #84bd00;
}
.testimonialHeroWrap {
text-align: center;
color: white;
max-width: 500px;
margin-left: auto;
margin-right: 200px;
padding-top: 80px;
}
.testimonialHeroWrap h1 {
color: white;
margin-bottom: 20px;
line-height: 120%;
}
.testimonialHeroWrap a {
width: 280px;
background-color: #ffd040;
color: #353535;
padding: 20px;
display: block;
margin: 30px auto;
font-weight: bold;
text-decoration: none;
}
@media screen and (max-width: 992px) {
.masonry {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width: 767px) {
.masonry {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
/* Breadcrumbs */
.breadfluid {
background-color: #e7e7e7;
}
#breadcrumbs {
margin-bottom: 20px;
font-size: 16px;
border: none !important;
}
#breadcrumbs a {
font-weight: bold;
color: #0072ce;
text-decoration: none;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
/*Sidebar**/
.sidebarmenu li {
list-style-type: none;
border-bottom: 1px solid #707070;
}
.sidebarmenu li a {
color: black;
text-decoration: none;
display: block;
padding: 15px 25px;
background-color: #f7f9fa;
}
.sidebarmenu li:last-child {
border-bottom: none;
}
.sidebarmenu li a:hover {
background-color: #cedae4;
}
.sidebarmenu .current_page_item a {
background-color: #cedae4;
}
/* Careers */
.careerHeroBox {
background-color: white;
max-width: 515px;
padding: 40px;
margin-top: 20px;
margin-bottom: 40px;
}
.careerHeroBox h1 {
font-size: 2rem;
line-height: 110%;
margin-bottom: 10px;
font-family: "Martel", serif;
line-height: 140%;
}
.careerHeroBox p {
font-size: 18px;
}
.careerHeroBox a {
display: table;
background-color: #ffd040;
color: #353535;
text-align: center;
padding: 15px 40px;
text-decoration: none;
font-weight: 700;
font-size: 18px;
margin-top: 20px;
}
.careerHeroBox a:hover, .careerHeroBox a:focus, .careerHeroBox a:active {
background-color: #ffd040;
color: #353535;
}
.careerHero {
background-size: cover;
background-position: center;
}
.careerIcon {
height: 120px;
width: auto;
margin: 20px auto;
}
.careerIconBox {
text-align: center;
}
.careerIconBox h2 {
margin-bottom: 15px;
font-family: "Martel", serif;
}
.careerIconBox p {
font-size: 18px;
line-height: 150%;
}
.careerIconContainer {
padding-top: 40px;
padding-bottom: 40px;
}
.careerStatsFluid {
background-color: #0072ce;
padding-top: 10px;
color: white;
background-image: url("./images/GHbgfs-min.png");
background-position: center;
background-repeat: no-repeat;
background-position-y: 50px;
background-size: 500px;
}
.careerStatsFluid h2 {
text-align: center;
max-width: 700px;
margin: 15px auto;
color: white;
font-size: 36px;
}
.careerStat {
font-size: 20px;
line-height: 150%;
text-align: center;
}
.openPositions {
display: table;
background-color: #ffd040;
color: #353535;
text-align: center;
padding: 15px 40px;
text-decoration: none;
font-weight: 700;
font-size: 18px;
margin: 0px auto 30px auto;
}
.openPositions:hover, .openPositions:active, .openPositions:focus {
background-color: #ffd040;
color: #353535;
}
.TestimonalBox2 {
margin-bottom: 0px;
}
.careerTestimonial {
padding-top: 30px;
padding-bottom: 30px;
}
/* PPC */
.ppcHeader {
background-color: #fff;
}
.ppcHeader .col-sm-4 {
padding: 0px;
}
.ppcPhone {
float: right;
font-size: 22px;
margin-top: 30px;
}
.ppcFormWrap {
padding: 10px 40px;
}
.ppcFormWrap ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.ppcFormWrap input, .ppcFormWrap textarea {
margin-top: 20px;
}
.ppcFormWrap label {
display: none;
}
.ppcHeroImage {
background-size: cover;
background-position: center;
}
.ppcHeroWrap {
max-width: 440px;
margin-left: auto;
padding: 60px 20px;
}
.ppcHeroWrap p {
font-weight: 600;
}
.ppcHeroWrap a {
margin-top: 20px;
display: table;
background-color: #ffd040;
color: #353535;
text-align: center;
padding: 15px 40px;
text-decoration: none;
font-weight: 700;
}
.ppcHeroWrap a:hover, .ppcHeroWrap a:active, .ppcHeroWrap a:focus {
background-color: #ffd040;
color: #353535;
}
.ppcBoxContainer {
padding-top: 60px;
padding-bottom: 60px;
}
.ppcBox h2 {
margin-bottom: 20px;
}
.ppcBoxRight {
padding: 30px;
}
.ppcBody {
background-color: #e7e7e7;
padding-top: 30px;
padding-bottom: 30px;
}
.ppcIcon {
text-align: center;
padding: 10px;
background-color: white;
}
.ppcIcon img {
height: 100px;
width: auto;
margin: 10px auto;
display: block;
}
.ppcBodyLeft {
padding-top: 60px;
}
.ppcCTA {
display: table;
background-color: #ffd040;
color: #353535;
text-align: center;
padding: 15px 40px;
text-decoration: none;
font-weight: 700;
}
.ppcCTA:hover, .ppcCTA:active, .ppcCTA:focus {
background-color: #ffd040;
color: #353535;
}
.gallery1 {
height: 330px;
background-size: cover;
background-position: center;
}
.gallery2 {
height: 150px;
background-size: cover;
background-position: center;
}
.gallery3 {
height: 150px;
background-size: cover;
background-position: center;
}
.gallery4 {
height: 150px;
background-size: cover;
background-position: center;
}
.gallery5 {
height: 330px;
background-size: cover;
background-position: center;
}
.ppcGallery {
padding-top: 40px;
padding-bottom: 40px;
}
.floorplanContainer {
padding-top: 20px;
padding-bottom: 30px;
}
.ppcTestimonial {
background-color: gray;
}
.ppcTestimonial p {
color: white;
font-size: 24px;
font-weight: 600;
}
.ppcTestimonialWrap {
max-width: 440px;
margin-left: auto;
padding: 60px 20px;
}
.ppcAuthor {
font-size: 18px !important;
}
.ppcFormHeadline {
text-align: center;
font-weight: bold;
font-size: 30px;
max-width: 400px;
margin: 10px auto;
}
.ppcFormWrap {
max-width: 700px;
margin-right: auto;
padding: 40px;
}
.ppcFooter {
background-color: #e7e7e7;
padding: 10px;
}
.ppcFooter p {
text-align: center;
margin: 0px;
}
.open-popup {
cursor: pointer;
}
.open-popup:hover {
opacity: 0.9;
}
/* 404 */
.notfoundLeft {
color: #54585a;
}
.notFoundBox {
max-width: 550px;
margin-left: auto;
padding: 60px 20px;
}
.notFoundBox h1 {
margin-bottom: 20px;
color: #54585a;
font-family: "Martel", serif;
line-height: 140%;
}
.notFoundBox h2 {
margin-bottom: 20px;
color: #54585a;
font-family: "Martel", serif;
line-height: 140%;
}
.notFoundBox p {
font-size: 16px;
}
.notfoundCTA {
background-color: #ffd040;
color: #353535;
font-size: 16px;
text-align: center;
text-decoration: none;
padding: 10px 40px;
font-weight: 700;
display: table;
text-decoration: none !important;
margin-bottom: 20px;
}
.notfoundCTA:hover {
background-color: #ffd040;
color: #353535;
}
.notfoundLink {
display: table;
margin-bottom: 5px;
color: #0072ce;
}
.notFoundImage {
background-size: cover;
background-position: center;
}
/* Slider */
.gallerymain h1 {
text-align: center;
margin-top: 20px;
margin-bottom: 25px;
position: relative;
padding-bottom: 10px;
}
.gallerymain h1:after {
content: "";
width: 300px;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
background-color: black;
}
.gallerywrapper {
padding: 20px 30px;
}
.gallerythumb {
height: 70px;
background-size: cover;
background-position: center;
border-radius: 10px;
margin: 10px;
cursor: pointer;
}
.sliderimage {
margin: 0px auto;
padding: 10px;
}
.galleryslider {
padding: 0px 45px 30px 45px;
}
.galleryslider .slick-prev, .galleryslider .slick-next {
font-size: 40px;
position: absolute;
top: 29%;
display: block;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #fff;
background-color: #0072ce;
border: none;
outline: none;
opacity: 1;
z-index: 1;
padding: 20px 10px;
}
.galleryslider .slick-prev:hover, .galleryslider .slick-next:hover {
background-color: #125b6b;
}
.galleryslider .slick-prev {
left: -5px;
}
.galleryslider .slick-next {
right: -5px;
}
.galleryslider .slick-dots {
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
margin-top: -10px;
}
.galleryslider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.galleryslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0;
margin: 0 auto;
}
.galleryslider .slick-dots li button:before {
font-family: "slick";
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: #ffd040;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.galleryslider .slick-dots li.slick-active button:before {
opacity: 1;
color: #ffd040;
}
.gallerytab .tablinks {
display: inline-block;
width: inherit;
margin-right: 5px;
}
.gallerytab {
border-bottom: 1px solid black;
padding: 0px;
}
/* Video Slider */
.videoslider {
padding: 0px 45px 30px 45px;
}
.videoslider .slick-prev, .videoslider .slick-next {
font-size: 40px;
position: absolute;
top: 29%;
display: block;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #fff;
background-color: #0072ce;
border: none;
outline: none;
opacity: 1;
z-index: 1;
padding: 20px 10px;
}
.videoslider .slick-prev:hover, .videoslider .slick-next:hover {
background-color: #125b6b;
}
.videoslider .slick-prev {
left: -5px;
}
.videoslider .slick-next {
right: -5px;
}
.videoslider .slick-dots {
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
margin-top: -10px;
}
.videoslider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.videoslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0;
margin: 0 auto;
}
.videoslider .slick-dots li button:before {
font-family: "slick";
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: #ffd040;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.videoslider .slick-dots li.slick-active button:before {
opacity: 1;
color: #ffd040;
}
.videoimage {
height: 170px;
background-size: cover;
background-position: center;
border-radius: 0px;
border: 1px solid #eaeaea;
}
.two-col .videoimage {
height: 264px;
}
@media screen and (max-width: 767px) {
.two-col .videoimage {
height: 200px;
}
}
.two-col .videoimage span {
padding-top: 91px;
}
@media screen and (max-width: 767px) {
.two-col .videoimage span {
padding-top: 55px;
}
}
.popup-youtube {
display: block;
position: relative;
}
.videoimage {
box-shadow: inset 0 0 0 2000px rgba(256, 256, 256, 0.3);
}
.videoimage:hover {
box-shadow: inset 0 0 0 2000px rgba(256, 256, 256, 0.4);
cursor: pointer;
}
.videoimage span {
font-size: 80px;
display: block;
text-align: center;
padding-top: 50px;
color: #54585a;
}
.videotitle {
font-size: 18px;
font-weight: 500;
margin-top: 5px;
padding-left: 10px;
margin-bottom: 0px;
color: #54585a;
}
.popup-youtube {
text-decoration: none !important;
}
.virtual-tours a {
outline: none;
text-decoration: none;
}
.virtual-tours .videotitle {
text-align: center;
}
/* Community Archive */
.communityAll {
padding-top: 40px;
}
.communityAll .stickycolumn h2 {
color: #54585a;
margin-bottom: 15px;
font-family: Martel, serif;
line-height: 140%;
text-align: center;
}
.locationNameColumn {
padding-bottom: 0px;
}
.services-container {
padding-top: 0px;
padding-bottom: 0px;
}
.services-container span {
font-size: 14px;
color: #54585a;
}
.ilf-LocationName {
color: #54585a;
font-weight: 800;
font-size: 20px;
}
.ilf-LocationWrapper {
background: #fff;
border: 1px solid #b7b7b7;
margin-bottom: 40px;
padding: 15px;
}
.tileimage {
height: 130px;
background-size: cover;
background-position: center;
}
.ilf-permalink {
text-decoration: none !important;
}
.ilf-LocationAddress {
font-size: 16px;
color: #4f4f4f;
}
.ilfhrcolumn {
padding-top: 0;
padding-bottom: 10px;
}
.ilfservicecolumn {
padding-top: 0;
padding-bottom: 0;
}
.communityoffer {
font-weight: 700;
}
.ilfservicecolumn {
padding-top: 0;
padding-bottom: 0;
}
.ilfservicecolumn li {
margin-bottom: 10px;
}
.ilf-btn-view {
background-color: #ffd040;
color: #353535;
max-width: 100% !important;
width: 100% !important;
margin-bottom: 0;
font-size: 20px;
padding: 10px;
font-weight: 700;
border-radius: 0px;
border: none;
margin-top: -10px;
}
.ilf-btn-view:hover, .ilf-btn-view:active, .ilf-btn-view:focus {
background-color: #ffd040;
color: #353535;
}
.ilfhr {
margin-bottom: 0;
border-top: 1px solid #b7b7b7;
}
.ilfColumns {
padding-top: 5px;
padding-bottom: 5px;
}
.ilf-phone {
color: #c6579a;
font-weight: 600;
text-decoration: none;
margin-top: 7px;
display: table;
}
.ilf-phone:hover {
color: #c6579a;
text-decoration: underline;
}
.ilf-phone span {
margin-right: 3px;
font-size: 22px;
transform: rotate(-30deg);
}
/* Single Community */
.communitySlider .slick-slide {
padding: 0px 10px;
}
.communitySlider .slick-prev, .communitySlider .slick-next {
font-size: 40px;
position: absolute;
top: 33%;
display: block;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #54585a;
background-color: rgba(0, 114, 206, 0.9);
border: none;
outline: none;
opacity: 1;
z-index: 1;
padding-top: 12px;
color: white;
width: 65px;
height: 65px;
text-align: center;
border: 2px solid white;
}
.communitySlider .slick-prev:hover, .communitySlider .slick-next:hover {
background-color: rgba(0, 114, 206, 1);
}
.communitySlider .slick-prev {
left: 3px;
}
.communitySlider .slick-next {
right: 3px;
}
.communityFluidHero {
position: relative;
}
.communityTop {
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.communityh1Container {
margin-top: -5px;
height: 0px;
}
.communityh1 {
padding: 0px;
}
.communityh1 h1 {
font-size: 50px;
padding-left: 100px;
font-weight: bold;
color: white;
line-height: 120%;
text-shadow: 1px 1px 1px #525151, 0 0 20px #525151, 0 0 2px #525151;
font-family: "Martel", serif;
position: absolute;
bottom: 20px;
max-width: 900px;
}
.CommunityCTA {
background-color: #ffd040;
color: #353535;
font-size: 18px;
text-align: center;
text-decoration: none;
padding: 10px 20px;
font-weight: 700;
display: table;
margin-left: 100px;
}
.CommunityCTA:hover, .CommunityCTA:active, .CommunityCTA:focus {
background-color: #ffd040;
color: #353535;
}
.GHlogo {
max-width: 120px !important;
margin: 30px auto;
}
.communityTopRight {
text-align: right;
}
.communityPhone {
display: inline-block;
text-decoration: none;
text-align: center;
padding: 0px 15px;
vertical-align: middle;
color: #0072ce;
font-weight: 600;
}
.communityPhone span {
font-size: 22px;
margin-right: 3px;
transform: rotate(-30deg);
}
.communityAddress {
display: inline-block;
text-decoration: none;
text-align: left;
padding: 0px 15px;
vertical-align: middle;
color: #0072ce;
border-left: 2px solid #e8ded4;
font-weight: 600;
}
.communityAddress .fal {
font-size: 22px;
text-align: center;
position: absolute;
margin-top: 4px;
}
.spanAddress {
padding-left: 25px;
display: block;
}
.communityPhone:hover, .communityAddress:hover {
color: #0072ce;
text-decoration: underline;
}
.communityIntroFluid {
background-size: cover;
background-position: center;
background-color: rgba(0, 114, 206, .1);
color: #54585a;
padding-top: 0px;
padding-bottom: 30px;
}
.communityIntroFluid .maincopy h2 {
font-family: "Martel", serif;
font-size: 36px;
text-align: center;
max-width: 800px;
margin: 0px auto;
line-height: 120%;
}
.communityIntroFluid .maincopy p {
text-align: center;
max-width: 1000px;
margin: 20px auto;
}
.communityIntroFluid .maincopy .responsive-video {
margin-left: auto;
margin-right: auto;
}
.communityIntroFluid .maincopy a {
font-weight: bold;
}
.introCTA {
height: 300px;
background-size: cover;
background-position: center;
}
.introCTAinner {
height: 100%;
display: none !important;
}
/*.introCTA:hover{
box-shadow: inset 0 0 0 2000px rgba(256,256,256, 0.3);
}
*/
.introCTA span {
color: white;
text-align: center;
display: block;
font-size: 50px;
padding-top: 100px;
opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.introBoxLink {
text-decoration: none;
}
.introCTA:hover .fas {
opacity: 1;
}
.introBoxTitle {
color: #54585a;
text-align: center;
font-weight: bold;
margin-top: 20px;
font-size: 20px;
}
.introBoxCTA {
background-color: #ffd040;
color: #353535;
font-size: 18px;
text-align: center;
text-decoration: none;
padding: 10px 40px;
font-weight: 700;
display: table;
display: table;
margin: 0px auto;
}
.introBoxCTA:hover, .introBoxCTA:active, .introBoxCTA:focus {
background-color: #ffd040;
color: #353535;
}
.sunCircleColumn {
padding: 0px;
}
.communityResource {
padding-top: 240px;
background-size: cover;
background-position: center;
}
.communityResource .col-sm-12 {
padding-bottom: 0px;
}
.resourceBox {
background-color: rgba(132, 141, 0, 0.95);
color: white;
text-align: center;
max-width: 700px;
margin: 0px auto;
padding: 30px 50px;
position: relative;
}
.resourceBox h2 {
color: #fff;
font-family: "Martel", serif;
margin-bottom: 20px;
font-size: 32px;
line-height: 140%;
margin-top: 15px;
}
.resourceBox p {
line-height: 170%;
}
.resourceBox a {
background-color: #ffd040;
color: #353535;
font-size: 18px;
text-align: center;
text-decoration: none;
padding: 10px 40px;
font-weight: 700;
display: table;
display: table;
margin: 30px auto 20px auto;
}
.communityServices {
padding-top: 30px;
padding-bottom: 30px;
}
.communityServices .col-sm-5 {
display: flex;
align-items: center;
}
.communityServiceSlogan {
font-style: italic;
max-width: 340px;
color: #00b2a9;
line-height: 160%;
padding-left: 40px;
font-size: 1.6rem;
font-weight: bold;
}
.communityServiceCopy h2 {
margin-bottom: 20px;
font-family: "Martel", serif;
}
.communityServiceCopy p, ul {
font-size: 18px;
margin-bottom: 20px;
line-height: 160%;
}
.communityServiceCopy a {
color: #0072ce;
font-weight: 700;
}
.communityServiceCopy a:hover, .communityServiceCopy a:focus {
text-decoration: none;
}
.communityCTAs2 + .virtual-tours {
padding-top: 50px;
}
@media screen and (max-width: 767px) {
.communityCTAs2 + .virtual-tours {
padding-top: 30px;
}
}
.communityCTA2 a {
color: white;
font-size: 24px;
font-weight: bold;
max-width: 600px;
display: table;
text-align: left;
text-decoration: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 50px;
position: relative;
text-align: center;
text-decoration: underline;
}
.communityCTA2 a:hover, .communityCTA2 a:focus {
text-decoration: none;
}
.communityCTA2 a .far {
position: absolute;
right: 20px;
font-size: 40px;
top: 15px;
}
.ctaSpan {
display: block;
}
.CTAleft {
background-color: #0072ce;
}
.CTAleft a {
margin-left: auto;
}
.CTAright {
background-color: #c6579a;
}
.communityFooter {
background-color: rgba(255, 208, 64, .1);
padding-top: 30px;
padding-bottom: 30px;
}
.communityFooter p {
max-width: 400px;
}
.communityContactFooter {
padding-left: 40px;
display: block;
margin-bottom: 20px;
color: #0072ce;
text-decoration: none;
}
.communityContactFooter:hover {
color: #0072ce;
text-decoration: underline;
}
.communityContactIcon {
position: absolute;
font-size: 22px;
margin-top: 2px;
color: #0072ce;
}
.communityFooter .fa-phone-volume {
transform: rotate(-30deg);
}
.communityFooter h1, .communityFooter h2, .communityFooter h3 {
font-family: "Martel", serif;
margin-bottom: 15px;
}
.communityFooter h3 {
margin-top: 25px;
}
.FooterPhone {
font-weight: bold;
font-size: 22px;
}
.page-template-community-contact .communityFooter {
background-color: #fff;
padding-top: 0px;
padding-bottom: 0px;
}
.page-template-community-contact .communityFooterRight {
background-color: rgba(0, 114, 206, .2);
padding-top: 30px;
padding-bottom: 30px;
}
.page-template-community-contact .communityFooterLeft {
padding-top: 60px;
padding-bottom: 30px;
}
.testimonialSlogan {
margin-top: 20px;
color: #00b2a9;
font-weight: 700;
font-style: italic;
padding-left: 70px;
font-size: 30px;
}
.teamTop {
position: sticky;
top: 50px;
z-index: 2;
}
body.logged-in .teamTop {
top: 80px;
}
.teamTop .col-sm-12 {
display: flex;
justify-content: center;
}
.teamTop ul {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
padding: 0px;
list-style-type: none;
margin: 0px;
}
.teamTop ul li a {
display: block;
color: #54585a;
background-color: #fff;
border: 1px solid #54585a;
font-size: 18px;
font-size: clamp(16px, 1.5vw, 18px);
font-weight: 700;
padding: 10px 25px;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.teamTop ul li a.active {
color: #fff;
}
.grid-container {
position: relative;
}
.teamTop ul li a:hover, .teamTop ul li a:focus-visible {
color: #fff;
}
.teamTop ul li:nth-child(1) a:hover, .teamTop ul li:nth-child(1) a:focus-visible, .teamTop ul li:nth-child(1) a.active {
background-color: #00b2a9;
}
.teamTop ul li:nth-child(2) a:hover, .teamTop ul li:nth-child(2) a:focus-visible, .teamTop ul li:nth-child(2) a.active {
background-color: #c6579a;
}
.teamTop ul li:nth-child(3) a:hover, .teamTop ul li:nth-child(3) a:focus-visible, .teamTop ul li:nth-child(3) a.active {
background-color: #84bd00;
}
.teamTop ul li:nth-child(4) a:hover, .teamTop ul li:nth-child(4) a:focus-visible, .teamTop ul li:nth-child(4) a.active {
background-color: #0072ce;
}
.teamh2 {
text-align: center;
font-size: 36px;
font-weight: bold;
margin-top: 25px;
}
.teamh3 {
text-align: center;
font-size: 30px;
font-weight: bold;
margin-top: 10px;
}
/* Default Template */
.topCTA {
background-color: #005ba5;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.topCTA {
margin-bottom: 15px;
}
}
.topCTA.yellow-bg {
background-color: rgba(255, 208, 64, .2);
}
.topCTA p {
font-weight: 600;
font-size: 20px;
margin: 0px;
text-align: center;
color: white;
}
.topCTA.yellow-bg p {
color: #54585a;
}
.topCTA a {
display: inline-block;
padding: 5px 40px;
color: white;
background-color: gray;
text-decoration: none;
margin-left: 15px;
background-color: #ffd040;
color: #353535;
font-weight: 700;
}
.topCTA a:hover, .topCTA a:active, .topCTA a:focus {
background-color: #ffd040;
color: #353535;
}
.hrDivide {
margin-top: 40px;
margin-bottom: 10px;
border-top: 1px solid #e7e7e7;
}
.mainTabs {
margin-bottom: 20px;
}
.optionalCTA {
background-color: #ffd040;
color: #353535 !important;
font-size: 16px;
text-align: center;
text-decoration: none;
padding: 10px 30px;
font-weight: 700 !important;
display: table;
text-decoration: none !important;
}
.optionalCTA:hover, .optionalCTA:active, .optionalCTA:focus {
background-color: #ffd040;
color: #353535;
}
.tab__head {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 -1px;
padding: 7px;
list-style: none;
background-color: #fff;
}
.tab__head li {
display: inline-block;
z-index: 100;
font-weight: bold;
padding: 0px 5px;
}
.tab__head li.is-open:nth-child(1) a {
background-color: #00b2a9;
}
.tab__head li.is-open:nth-child(2) a {
background-color: #c6579a;
}
.tab__head li.is-open:nth-child(3) a {
background-color: #84bd00;
}
.tab__head li.is-open:nth-child(4) a {
background-color: #0072ce;
}
.tab__head li.is-open:nth-child(6) a {
background-color: #848d00;
}
.tab__head li.is-open:nth-child(7) a {
background-color: #c6579a;
}
.tab__head li.is-open:nth-child(8) a {
background-color: #84bd00;
}
.tab__head li.is-open a {
color: white;
}
.tab__head a {
background-color: transparent;
border: 1px solid #aeaeae;
color: #54585a;
display: block;
font-size: 18px;
line-height: 130%;
padding: 10px;
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease-in-out;
}
.tab__item.beefup {
display: none;
margin: 0;
border-radius: 0;
border: none;
background-color: white;
padding: 30px;
}
.tab__item.beefup.is-open {
display: block;
}
.tab__item .beefup__head {
display: none;
}
.tab__item h2 {
color: #0072ce;
}
.tab50 {
width: 50%;
}
.tab25 {
width: 25%;
}
.tab33 {
width: 33.33%;
}
.opensingle {
border: 1px solid #aeaeae;
border-radius: 0px;
}
.opensingle .beefup__head {
color: #54585a;
background-color: #fff;
font-size: 18px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
font-weight: 600;
white-space: inherit;
border: none;
}
.opensingle .beefup__body {
background: #f7f2ea;
padding: 30px;
}
.beefup__head:after {
border: none;
top: 14px;
font-size: 28px;
font-family: "Font Awesome 5 Pro";
right: 25px;
content: "\f067";
font-weight: 500;
right: 40px;
}
.beefup.is-open > .beefup__head:after {
content: "\f068";
}
.beefImage {
margin-bottom: 15px;
}
.tabfloorplan.beefup.is-open {
display: block;
}
.tabfloorplan .beefup__head {
display: none;
}
.tabfloorplan.beefup {
display: none;
margin: 0;
border-radius: 0;
border: none;
background-color: white;
padding: 30px;
}
.page-template-events h1 {
margin-top: 15px;
}
.floorplanUL {
padding: 0px;
list-style-type: none;
max-width: 480px;
}
.floorplanUL li {
margin-bottom: 20px;
cursor: pointer;
}
.floorplanUL li a {
font-size: 18px;
font-weight: 600;
padding: 13px 20px;
display: block;
border-left: 15px solid #dadada;
color: #565656;
-webkit-box-shadow: 0px 0px 3px 0px rgba(218, 218, 218, 1);
-moz-box-shadow: 0px 0px 3px 0px rgba(218, 218, 218, 1);
box-shadow: 0px 0px 3px 0px rgba(218, 218, 218, 1);
text-decoration: none;
}
.floorplanUL li a:hover {
border-left: 15px solid #ffd040;
}
.floorplanBox {
position: relative;
}
.smallPlan {
width: 30px;
display: inline-block;
margin-right: 20px;
}
.floorplanList.is-open a {
-webkit-box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
-moz-box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
border-left: 15px solid #ffd040;
}
.floorplanUL li a span {
float: right;
font-size: 22px;
margin-top: 2px;
}
.floorplanList.is-open a span {
color: #ffd040;
}
.floorplanBox .image-popup-vertical-fit {
text-decoration: none;
position: relative;
top: -45px;
right: 15px;
}
.fa-expand-arrows {
color: #ffd040;
bottom: 15px;
right: 15px;
font-size: 30px;
display: block;
text-align: right;
text-decoration: none;
}
.floorplanBody {
padding: 0px;
}
.floorplanCTA {
background-color: #ffd040;
color: #353535;
font-size: 18px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
padding: 10px 20px;
font-weight: 700;
display: table;
margin: -5px auto 0px;
outline: none !important;
}
.floorplanCTA:hover, .floorplanCTA:focus {
color: #353535;
}
.repeaterGrid {
margin-bottom: 30px;
}
.mainTabsMobile {
display: none;
}
.subHeadline {
text-transform: uppercase;
font-size: 16px !important;
}
.floorplanMobile {
-webkit-box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
-moz-box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
box-shadow: 0px 0px 12px 0px rgba(218, 218, 218, 1);
padding: 20px;
margin-bottom: 40px;
border-left: 15px solid #ffd040;
}
.floorplanMobile p {
font-weight: bold;
font-size: 18px;
}
.floorplanMobileWrap {
display: none;
}
#ilf-google-map {
height: 490px !important;
}
.communityCardSlider {
position: relative;
margin: 0px;
}
.communityCardSlider .slick-prev, .communityCardSlider .slick-next {
font-size: 40px;
position: absolute;
top: 25%;
display: block;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: white;
border: none;
outline: none;
background: 0 0;
opacity: 1;
z-index: 1;
font-weight: 500;
}
.communityCardSlider .slick-prev {
left: 10px;
}
.communityCardSlider .slick-next {
right: 10px;
}
.communityCardSlider .slick-dots {
display: block;
width: 100%;
padding: 0;
margin-top: 10px;
list-style: none;
text-align: center;
position: absolute;
bottom: 10px;
margin-bottom: 0px;
}
.communityCardSlider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.communityCardSlider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0;
margin: 0 auto;
}
.communityCardSlider .slick-dots li button:before {
font-family: "slick";
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.communityCardSlider .slick-dots li.slick-active button:before {
opacity: 1;
color: white;
font-size: 50px;
}
.floorplanslider .slick-list {
padding-bottom: 15px;
}
.floorplanslider .slick-dots {
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
margin-bottom: 0px;
}
.floorplanslider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.floorplanslider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0;
margin: 0 auto;
}
.floorplanslider .slick-dots li button:before {
font-family: "slick";
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: #54585a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.floorplanslider .slick-dots li.slick-active button:before {
opacity: 1;
color: #54585a;
font-size: 50px;
}
.infotitle {
margin-top: 5px;
}
.infoaddress1 {
margin-bottom: 0px;
}
.infophone a {
color: #c6579a;
}
.ilf-container {
text-align: center;
}
.infocta {
background-color: #ffd040;
color: #353535;
display: block;
padding: 7px 20px;
font-weight: 700;
text-decoration: none;
font-size: 14px;
width: 100%;
margin-bottom: 10px;
}
.infocta:hover, .infocta:active, .infocta:focus {
background-color: #ffd040;
color: #353535;
}
@media screen and (max-width: 767px) {
.visitor-tracking-container iframe {
bottom: 87px;
}
}
.modalsection .mfp-close {
color: white;
}
.boardCopy {
font-size: 18px;
max-width: 800px;
text-align: center;
margin: 10px auto;
}
.formh2Title {
text-align: center;
margin-bottom: 0px !important;
}
.page-template-community-contact .footerfluid {
display: none;
}
.page-template-community-contact .footerfluid2 {
background-color: #fff;
padding-top: 20px;
margin-top: 100px;
}
@media screen and (max-width: 1200px) {
.tile2 {
background-size: cover;
}
.tile2:hover {
background-size: cover;
}
.communityh1 h1 {
font-size: 30px;
}
.ilf-btn-view {
margin-top: -10px;
}
.CommunityCTA {
margin-left: 0px;
font-size: 16px;
}
}
@media screen and (max-width: 992px) {
.alleventgrid {
margin: 0px !important;
padding: 20px;
}
.opensingle .beefup__body {
padding: 20px 30px 30px 30px;
}
.mainTabs {
display: none;
}
.mainTabsMobile {
display: inherit;
}
.calloutbox {
padding: 20px;
}
.calloutbox p {
margin-bottom: 0px;
text-align: center;
}
.calloutbox a {
margin-top: 0px;
}
.communityCTA2 a {
font-size: 18px;
}
.communityServiceSlogan {
max-width: 100%;
margin-top: 0px;
padding: 0px;
}
.communityResource {
padding-top: 140px;
}
.introCTA {
height: 200px;
}
.testimonialImageHeroColumn {
padding: 0px;
}
.testimonialHeroWrap {
margin-right: 0px;
padding-top: 30px;
}
.testimonialImageHero {
width: 100%;
margin-left: 0px;
height: 100%;
}
.footerCopyrightColumn {
padding-top: 0px;
}
.footerfluid2 {
padding-bottom: 0px;
}
.footerlogo {
margin: 0px auto;
}
.sunCircle {
width: 110px;
}
.homeFooterWrap {
padding-left: 20px;
margin-right: 60px;
}
.homeFooterWrap h2 {
font-size: 24px;
}
.tile1 h2 {
font-size: 26px;
}
.tile1 h2, .tile1 p {
padding-right: 0px;
}
.TestimonialRightWrap h2 {
max-width: 100%;
}
.homeSliderFluid h2 {
margin-left: 0px;
}
.homeSlider {
height: 375px;
}
.TestimonialRightWrap {
max-width: 100%;
padding: 30px;
text-align: center;
}
.homeTestimonialRight {
border-left: none;
}
.homeTestimonialWrap {
max-width: 90%;
margin: 0px auto;
}
.communityhomeimage p {
font-size: 20px;
}
.heroCTA {
padding: 18px 10px;
}
.heroCTA span {
display: none;
}
.homesearch h1 {
font-size: 36px;
}
.communityCard {
margin: 0px;
}
.communityCardTop p {
text-align: center;
}
.communityCardTop .col-md-6 {
padding: 5px;
}
.heroCTA {
font-size: 20px;
width: 250px;
}
.heroCTA:hover, .heroCTA:active, .heroCTA:focus {
color: white;
width: inherit;
border: 4px solid #fff;
width: 250px;
}
.dateDay {
font-size: 26px;
}
.topCTA a {
margin: 10px auto 0px auto;
display: block;
width: 220px;
padding: 5px 10px;
}
}
@media screen and (min-width: 993px) {
.heroCTA {
padding: 18px 35px;
width: 100%;
transition: all 0.5s ease-in-out;
transform: scale(1);
transform-origin: center center;
}
.heroCTA span {
opacity: 0;
position: absolute;
right: 15px;
top: 50%;
transform: translate3d(-15px, -50%, 0);
transition: all 0.4s ease-in-out;
}
.heroCTA:hover, .heroCTA:active, .heroCTA:focus {
transform: scale(1.1);
color: white;
border: 4px solid white;
}
.heroCTA:hover span, .heroCTA:active span, .heroCTA:focus span {
opacity: 1;
transform: translate3d(0, -50%, 0);
}
}
@media screen and (max-width: 767px) {
.communityFooter p {
max-width: 100%;
}
.footerfluid2 {
padding-bottom: 80px;
}
.communityCardPhone {
margin: 5px auto;
}
.modalName {
margin-top: -20px;
}
#ilf-google-map {
height: 250px !important;
}
.ilf-btn-view {
margin-top: 0px;
}
.ilf-LocationName {
line-height: 120%;
margin-bottom: 10px;
}
.locationNameColumn {
padding-top: 0px;
}
.testimonialSlogan {
padding-left: 0px;
}
.locationBox {
margin-bottom: 0px;
}
.careerIconContainer {
padding-top: 0px;
}
.careerHeroBox {
padding: 0px;
margin-bottom: 0px;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
.careerHeroBox a {
margin: 10px auto;
}
.careerHero {
padding: 0px;
background-image: none !important;
}
.videoslider .col-sm-6 {
padding: 0px;
}
.videoslider .slick-prev {
left: 0px;
}
.videoslider .slick-next {
right: 0px;
}
.videoslider {
padding: 0px;
}
.is-open .beefup__body {
background-color: white;
}
.is-open .beefup__body .beefImage {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
.page-template-community-contact .communityFooterLeft {
padding-top: 20px;
}
.communityContactFooter {
padding-left: 0px;
}
.communityFooterLeft {
text-align: center;
}
.communityContactIcon {
display: none;
}
.teamTop ul li {
display: block;
text-align: center;
}
#teamNav .nav-link, #teamNav .nav-item {
width: 100%;
}
.fullwidthCTAbutton {
padding: 10px 30px;
}
.MainContactWrap input, .MainContactWrap textarea, .MainContactWrap select {
margin-top: 15px;
}
.floorplanCTAbottom {
margin: 15px auto;
}
.serviceLeftWrap {
text-align: center;
}
.serviceBox .learnMore {
margin: 0px auto;
}
.serviceBox {
text-align: center;
border-bottom: 1px solid #e7e7e7;
}
.testimonialRight p {
text-align: center;
margin-bottom: 50px;
}
.homeFooterLeft {
text-align: center;
}
.gallerymain h1:after {
width: 200px;
}
.galleryslider .slick-prev {
left: 0px;
}
.galleryslider .slick-next {
right: 0px;
}
.sliderimage {
padding: 0px;
}
.galleryslider {
padding: 0px;
margin-bottom: 40px;
}
.topCTA a {
margin-top: 10px;
}
.ilf-phone {
margin-top: 0px;
}
.page-template-contact .maincontainer {
padding: 0px;
}
.formleft, .formright, .fullwidth, .formthird, .formthirdright {
width: 100%;
padding: 0px;
}
.contactHero h1 {
font-size: 30px;
}
.contactbox {
margin-top: -50px;
}
.contactHero {
padding-bottom: 40px;
padding-top: 40px;
}
.homeTestimonial {
border-left: none;
}
.testimonialRight {
padding: 0px;
}
.floorplanMobileWrap {
display: inherit;
}
.floorplanUL, .floorplanColumn {
display: none;
}
.communityCTA2 a {
text-align: left;
padding-left: 25px;
}
.communityCTA2 a .far {
display: inherit;
}
.communityResource {
padding-top: 10px;
padding-bottom: 20px;
}
.resourceBox {
padding: 25px;
}
.introCTA {
height: 250px;
}
.introBoxCTA {
margin-bottom: 20px;
}
.communityIntroFluid .maincopy h2, .resourceBox h2 {
font-size: 24px;
}
.communityPhone span {
margin-right: 10px;
}
.communityAddress .fal {
display: none;
}
.spanAddress {
padding-left: 0px;
}
.communityPhone, .communityAddress {
display: block;
margin: 0px auto 15px auto;
border: none;
text-align: center;
}
.CommunityCTA {
margin: 0px auto;
}
.communityh1 h1 {
padding-left: 0px;
font-size: 24px;
}
.communitySlider .slick-slide {
padding: 0px 10px;
}
.testimonialHeroWrap a {
margin-bottom: 0px;
}
.filterwrapper2, .filterbutton2 {
margin: 10px auto;
display: block;
}
.filterwrapper, .filterbutton {
margin: 10px auto;
display: block;
}
.testimonialHeroWrap {
margin: 0px auto;
}
.testimonialImageHero {
display: none;
}
.communitySlider .slick-slide {
padding: 0px;
}
.testimonialHeroWrap {
padding: 20px;
}
.fullWidthCTA h2 {
font-size: 24px;
}
.column2testimonial {
padding-top: 20px;
padding-bottom: 20px;
}
.testimonialRight {
margin-top: 0px;
}
.serviceBox a {
margin-top: 10px;
}
.serviceBox {
padding: 30px 20px;
}
.serviceRight {
height: 220px;
}
.serviceLeftWrap {
max-width: 100%;
padding: 20px;
}
.serviceLeftWrap p {
margin-bottom: 0px;
}
.videoimage span {
padding-top: 55px;
}
.videoimage {
height: 200px;
}
.galleryslider .slick-prev, .galleryslider .slick-next {
top: 28%;
}
.videoslider .slick-prev, .videoslider .slick-next {
top: 22%;
}
.footerfluid {
padding-top: 10px;
padding-bottom: 0px;
}
#menu-footer1 {
margin-bottom: 0px;
}
.homeFooterImage {
height: 250px;
}
.homeFooterWrap {
padding: 20px;
}
.homeFooterWrap {
max-width: 100%;
margin-right: 0px;
}
.sunCircle {
display: none;
}
.tile2 {
background-position: top;
}
.tile2 h2 {
padding-top: 150px;
}
.tile1 .card-footer a {
padding: 10px;
}
.tileContainer {
padding-top: 10px;
padding-bottom: 15px;
}
.homeSliderBox p {
font-size: 14px;
}
.homeSliderBox {
max-width: 100%;
right: 30px;
padding: 20px;
}
.homeSliderFluid {
margin-top: 0px;
}
.homeSliderFluid h2 span {
font-size: 32px;
}
.homeSliderFluid h2 {
font-size: 24px;
text-align: center;
}
.homeTestimonialWrap p {
font-size: 20px;
}
.homeTestimonialWrap {
padding: 20px;
}
.communityCardServices {
padding-left: 5px;
padding-right: 5px;
}
.communityCard .card-footer a {
font-size: 18px;
}
.communityH2 span {
font-size: 30px;
}
.communityH2 {
font-size: 24px;
}
.introHome p {
font-size: 16px;
text-align: center;
margin-bottom: 0px;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
.introHome h2 {
font-size: 26px;
text-align: center;
}
.introHome {
padding-top: 0px;
padding-bottom: 0px;
}
.introHome {
background-size: 300px;
}
.homesearch {
min-height: 100%;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}
.homesearch h1 {
margin-top: 20px;
font-size: 26px;
text-align: center;
max-width: 100%;
}
.homesearch p {
margin-top: 0px;
text-align: center;
font-size: 18px;
max-width: 100%;
}
.gallerythumb {
height: 50px;
}
.gallerywrapper {
padding: 0px;
}
.heroCTA {
margin: 20px auto;
font-size: 18px;
border: 4px solid #fff;
background-color: rgba(25, 122, 144, 1);
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.communityIntroFluid h3 {
font-size: 1.2rem;
}
}
.iPfHleqa6rYzGjEa {
display: block !important;
}
.linkedinshare {
background-color: #0e76a8;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
z-index: 99999991;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
z-index: 99999992;
}
/* Schedule a Visit Styles */
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px !important;
margin: 7.75rem auto !important;
}
}
@media (max-width: 576px) {
.modal-dialog {
margin-top: 7rem !important;
margin-left: inherit !important;
margin-right: inherit !important;
margin-bottom: inherit !important;
}
}
.showjosh {
margin: 20px auto;
background: #ffd040;
background-color: #ffd040;
color: #353535;
display: block;
padding: 7px 20px;
font-weight: 700;
text-decoration: none;
font-size: 18px;
border: none;
margin: 0 auto 30px auto;
width: 300px;
cursor: pointer;
}
.showjosh:hover {
background-color: #ffd040;
color: #353535;
}
.close {
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 30px;
background: #54585a;
color: #fff;
cursor: pointer;
border: 0;
}
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 73, 94, 0.8);
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: 0.7s;
}
.joshactive {
visibility: visible;
opacity: 1;
}
.joshactive + .josh {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.modal-covid {
position: fixed;
top: 50%;
left: 50%;
max-width: 700px;
padding: 30px;
z-index: 100;
}
.josh-modal-open {
overflow: hidden;
}
.josh-modal-open .HB-Bar {
display: none !important;
}
.josh {
position: fixed;
top: 50%;
left: 50%;
max-width: 700px;
padding: 30px;
background: #bdc3c7;
z-index: 999999;
visibility: hidden;
opacity: 0;
transition: 0.5s ease-out;
transform: translateY(45px);
transform: translate(-50%, -50%) !important;
width: calc(100% - 40px);
max-height: calc(100vh - 40px);
overflow: auto;
}
.josh h3 {
text-align: center;
margin-bottom: 20px;
}
.fullwidth {
padding: 0 10px;
list-style-type: none;
}
.fullwidth.bottom-spacing {
margin-bottom: 15px !important;
}
.validation_message {
color: red;
margin-top: -13px;
}
/* New gated form 3/26/2021 */
.get-packet-btn button, .get-packet-btn a {
display: inline-block;
margin: 0;
}
.get-packet-btn {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-around;
margin-top: 30px;
margin-bottom: 30px;
}
.showjosh2, .button.--yellow {
background: #ffd040;
background-color: #ffd040;
color: #353535;
display: block;
padding: 7px 20px;
font-weight: 700;
text-decoration: none;
font-size: 18px;
border: none;
margin: 0 auto 30px auto;
width: 300px;
cursor: pointer;
}
.button.--center {
display: block !important;
margin: 0 auto 30px auto;
}
.button.--yellow {
display: inline-block;
}
.showjosh2:hover {
background-color: #ffd040;
color: #353535;
}
.button.--yellow:hover, .button.--yellow:focus {
background-color: #ffd040;
color: #353535;
display: inline-block;
}
form.pv-form ul {
padding: 0;
}
form.pv-form ul input {
margin: 15px 0;
}
form.pv-form ul label {
display: none;
}
.modal-covid {
position: fixed;
top: 50%;
left: 50%;
max-width: 700px;
padding: 30px;
z-index: 100;
}
.josh2 {
position: fixed;
top: 50%;
left: 50%;
max-width: 700px;
padding: 30px;
background: #bdc3c7;
z-index: 100;
visibility: hidden;
opacity: 0;
transition: 0.5s ease-out;
transform: translateY(45px);
transform: translate(-50%, -50%) !important;
}
.josh2 h3 {
text-align: center;
margin-bottom: 20px;
}
.fullwidth {
padding: 0 10px;
list-style-type: none;
}
.gform_wrapper .fullwidth {
padding: 0;
}
.gform_title {
margin-bottom: 0 !important;
}
.gform_wrapper form {
padding-top: 0 !important;
}
.validation_message {
color: red;
margin-top: -13px;
}
/* Printed Modal */
.purchase-printed {
background: #ffd040;
background-color: #ffd040;
color: #353535;
display: block;
padding: 7px 20px;
font-weight: 700;
text-decoration: none;
font-size: 18px;
border: none;
margin: 0 auto 30px auto;
width: 300px;
cursor: pointer;
}
.purchase-printed:hover, .purchase-printed:active, .purchase-printed:focus {
background-color: #ffd040;
color: #353535;
}
.printed-popup {
position: relative;
background: #bdc3c7;
padding: 20px;
width: auto;
max-width: 700px;
margin: 20px auto;
}
.printed-popup .mfp-close {
background: #54585a;
color: #fff;
cursor: pointer;
width: 35px;
height: 35px;
line-height: 0;
font-family: inherit;
opacity: 1;
}
/*.printed-popup .close-btn {
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 30px;
background: $color-dark;
color: $color-light;
cursor: pointer;
border: 0;
margin: 0;
}
.printed-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52, 73, 94, 0.8);
z-index: 50;
visibility: hidden;
opacity: 0;
transition: 0.7s;
}
.printed-mask.active {
visibility: visible;
opacity: 1;
}
.printed-mask.active+.printed-popup {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.printed-popup {
position: fixed;
top: 50%;
left: 50%;
max-width: 700px;
padding: 30px;
background: #bdc3c7;
z-index: 100;
visibility: hidden;
opacity: 0;
transition: .5s ease-out;
transform: translateY(45px);
transform: translate(-50%, -50%) !important;
}
*/
.printed-popup h3 {
text-align: center;
margin: 0 auto 20px;
font-size: 1.4rem;
font-family: inherit;
max-width: 600px;
}
.printed-packet-form ul li {
font-size: inherit;
margin: 0;
}
/* End Printed Modal */
/* Event chanes */
.quickForm h2 {
text-align: center;
line-height: 130%;
font-size: 22px !important;
margin-top: 50px;
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.quickForm p {
max-width: 350px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
}
.quickForm label {
display: none;
}
.quickForm select {
color: gray;
}
.quickForm input, .quickForm select {
margin-top: 10px;
}
.quickForm textarea {
margin-top: 10px;
min-height: 80px;
max-height: 100px;
}
.quickForm ul {
padding: 0px;
}
.quickForm ul li {
list-style-type: none;
}
.select2-category {
width: 330px;
display: inline-block;
vertical-align: middle;
color: black;
border: 1px solid #c1c1c1;
}
.select2-type {
width: 250px;
display: inline-block;
vertical-align: middle;
color: black;
border: 1px solid #c1c1c1;
margin-left: 10px;
}
.filterbutton {
display: inline-block;
vertical-align: middle;
height: 34px;
margin-left: 10px;
border-radius: 5px;
padding: 6px;
width: 200px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #c1c1c1;
}
.select2-search__field::placeholder {
color: #54585a;
font-weight: bold;
}
.select2-search__field:-ms-input-placeholder {
color: #54585a;
font-weight: bold;
}
.select2-search__field::-ms-input-placeholder {
color: #54585a;
font-weight: bold;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container--default .select2-selection--multiple {
border-radius: 5px;
}
.select2-selection--multiple:before {
content: "";
position: absolute;
right: 15px;
top: 42%;
border-top: 6px solid #054f87;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #054f87;
color: #fff;
border: 1px solid #054f87;
font-weight: 700;
margin: 4px 0px 0px 4px;
font-size: 12px;
}
.selectSpacer {
width: 10px;
display: inline-block;
}
#loadmorecta {
background-color: #ffd040;
color: #353535;
display: table;
padding: 7px 20px;
font-weight: 700;
text-decoration: none;
font-size: 18px;
margin: 10px auto;
cursor: pointer;
}
#loadmorecta::before {
background-color: #deb03b;
}
@media screen and (max-width: 991px) {
.selectSpacer {
display: none;
}
.select2-category, .select2-type {
width: 300px;
}
.select2-container {
margin: 0px auto;
display: block;
margin-bottom: 10px;
}
.filterbutton {
display: block;
width: 250px;
margin: 10px auto !important;
}
.dateMonth {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.fullwidth {
padding: 0px;
}
}
.total-price {
border-top: #54585a solid 1px;
margin-top: 20px !important;
display: block;
padding-top: 10px;
}
/* Sidebar CTA */
.sidebar-cta {
margin-bottom: clamp(15px, 4vw, 30px);
position: relative;
}
.sidebar-cta:hover .sidebar-cta__image, .sidebar-cta:focus .sidebar-cta__image {
transform: scale(1.05);
}
.sidebar-cta__image {
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
display: block;
height: 100%;
margin: 0 auto 15px auto;
max-width: 235px;
object-fit: contain;
transform: scale(1);
transition: all 0.2s ease-in-out;
width: 100%;
}
.sidebar-cta__content {
display: block;
margin: 0 auto;
max-width: 225px;
}
.sidebar-cta__link {
background-color: transparent;
border: none;
box-shadow: none;
cursor: pointer;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.sidebar-cta__link span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.page-template-covid .team-hierarchy {
margin-bottom: clamp(30px, 14vw, 60px);
padding-bottom: clamp(30px, 14vw, 60px);
position: relative;
}
.page-template-covid .team-hierarchy:after {
background-color: rgba(33, 35, 38, 0.1);
bottom: 0;
content: '';
height: 1px;
left: 50%;
position: absolute;
transform: translate(-50%, 0);
}
@media screen and (max-width: 575px) {
.page-template-covid .team-hierarchy:after {
width: calc(100% - 30px);
}
}
@media screen and (min-width: 576px) {
.page-template-covid .team-hierarchy:after {
width: calc(100% - 60px);
}
}
/* Conversion Success Template */
@media screen and (min-width: 768px) {
.page-template-conversion-success .contactboxcolumn {
margin-top: clamp(30px, 4vw, 60px);
}
}
.formdesc.entry-content .introBoxCTA {
margin: 30px 0 15px 0;
}
.formdesc.entry-content .introBoxCTA span {
margin-left: 5px;
}
.text {
&.--serif {
font-family: Martel,serif;
}
&.--aqua {
color: $color-brand-3;
}
&.--purple {
color: $color-brand-2;
}
&.--blue {
color: $color-brand-1;
}
&.--orange {
color: $color-brand-7;
}
&.--xl {
font-size: clamp(30px,4vw,48px) !important;
margin-bottom: .25em;
}
&.--lg {
font-size: clamp(22px,4vw,36px) !important;
margin-bottom: .25em;
}
&.--md {
font-size: clamp(20px,4vw,28px) !important;
margin-bottom: .5em;
}
&.--size-18 {
font-size: clamp(16px,4vw,18px) !important;
margin-bottom: .75em;
}
&.--center {
text-align: center !important;
}
&.--bold {
font-weight: 600 !important;
}
&.--margin-bottom-none {
margin-bottom: 0 !important;
}
&.--margin-bottom-sm {
margin-bottom: 1em !important;
}
&.--margin-bottom-md {
margin-bottom: 1.5em !important;
}
&.--margin-bottom-lg {
margin-bottom: 2.5em !important;
}
}
@media screen and (min-width: 768px) {
ul {
&.--col2 {
break-inside: avoid;
column-count: 2;
}
&.--col3 {
break-inside: avoid;
column-count: 3;
}
}
}
.background {
box-sizing: border-box;
margin-bottom: clamp(15px,4vw,30px) !important;
margin-top: clamp(15px,4vw,30px) !important;
padding-top: clamp(15px,4vw,30px);
padding-left: clamp(15px,4vw,30px);
padding-right: clamp(15px,4vw,30px);
* {
box-sizing: border-box;
}
&.--blue {
background: rgba($color-brand-1,.05);
}
&.--round {
border-radius: 50px;
}
}
.btn {
align-items: center;
background-color: $color-brand-5;
color: $color-dark;
cursor: pointer;
display: inline-flex;
font-size: 18px;
font-weight: 700;
line-height: 1;
min-height: 44px;
padding: 10px 35px;
text-align: center;
text-decoration: none;
transform: scale(1);
transition: all .2s ease-in-out;
span {
font-size: 24px;
margin-left: 15px;
}
i {
margin-left: 15px;
}
&:hover,
&:focus-visible {
box-shadow: 0 10px 10px -10px rgba($color-dark, 50%);
color: $color-dark;
transform: scale(1.1);
}
}
a.btn-inline {
align-items: center;
background-color: $color-brand-5;
color: $color-dark;
cursor: pointer;
display: inline-flex;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 10px 35px;
text-align: center;
text-decoration: none;
transform: scale(1);
transition: all .2s ease-in-out;
&:hover,
&:focus-visible {
box-shadow: 0 10px 10px -10px rgba($color-dark, 50%);
color: $color-dark;
transform: scale(1.1);
}
}
.btn-group {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 15px;
}
.modal-btn,
.modal-btn-2 {
border: none;
cursor: pointer;
outline: none;
}
hr.giving {
background: url('images/icon-hand-holding-heart.svg') no-repeat center center;
background-size: contain;
border: none;
height: 40vw;
margin: clamp(30px,4.5vw,60px) auto;
max-height: 50px;
min-height: 25px;
overflow: visible;
position: relative;
width: 100%;
&:before,
&:after {
background: rgba($color-dark,.2);
content: '';
height: 1px;
position: absolute;
top: 50%;
width: 30%;
}
&:before {
left: 0;
transform: translate(30%,-50%);
}
&:after {
right: 0;
transform: translate(-30%,-50%);
}
}
.responsive-video {
max-width: 640px;
}
.responsive-video__container {
height: 0;
max-width: 100%;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
width: 100%;
iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
.team-hierarchy {
margin: clamp(25px, 6vw, 50px) auto;
max-width: 1200px;
width: 100%
}
.team-hierarchy__nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: clamp(30px, 3.5vw, 60px);
margin-top: clamp(30px, 3.5vw, 60px)
}
.team-hierarchy__member,
.team-hierarchy__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.team-hierarchy__member {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.stronger-mem-blog__headline,
.team-hierarchy__title {
text-wrap: balance;
font-family: Muli;
font-size: clamp(22px, 4vw, 36px);
font-weight: 700;
margin-bottom: 1em;
margin-top: .5em;
text-align: center
}
.team-hierarchy__image img {
border: 1px solid rgba(33, 35, 38, .1);
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center top;
object-position: center top;
width: 100%
}
.team-hierarchy__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px
}
.team-hierarchy__content p:last-of-type {
margin-bottom: 0
}
.team-hierarchy__member[data-headshot=true] .team-hierarchy__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.team-hierarchy__email,
.team-hierarchy__phone {
color: #0072ce;
margin-top: .5em;
text-decoration: none
}
.team-hierarchy__email span,
.team-hierarchy__phone span {
margin-right: .5em
}
.team-hierarchy__email:focus,
.team-hierarchy__email:hover,
.team-hierarchy__phone:focus,
.team-hierarchy__phone:hover {
color: #0072ce;
text-decoration: underline
}
.team-hierarchy__email {
background: none;
border: none;
padding: 0;
text-align: left
}
.team-hierarchy__email:focus-visible {
outline: 5px auto -webkit-focus-ring-color
}
.team-hierarchy__row {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: grid;
gap: 1em 1em;
justify-content: center;
margin-top: clamp(30px, 4vw, 60px)
}
.team-hierarchy__container {
margin-bottom: clamp(30px, 5vw, 60px)
}
.team-hierarchy__name {
font-family: Martel, serif;
font-size: clamp(18px, 3.5vw, 22px);
font-weight: 700
}
@media screen and (max-width:575px) {
.team-hierarchy {
padding-left: 15px;
padding-right: 15px
}
.team-hierarchy__member {
max-width: 300px
}
}
@media screen and (min-width:576px) {
.team-hierarchy {
padding-left: 30px;
padding-right: 30px
}
.team-hierarchy__member[data-headshot=false] .team-hierarchy__content {
width: 100%
}
.team-hierarchy__member[data-headshot=true] .team-hierarchy__content {
width: 60%
}
.team-hierarchy__image {
width: 40%
}
.team-hierarchy__row[data-columns="1"] {
grid-template-columns: repeat(1, 33.3333333333%)
}
.team-hierarchy__row[data-columns="1"] .team-hierarchy__member[data-headshot=true] {
grid-column: span 2;
max-width: 40em;
width: 100vw
}
.team-hierarchy__row[data-columns="1"] .team-hierarchy__member[data-headshot=true] .team-hierarchy__content {
padding-left: 30px;
width: 60%
}
.team-hierarchy__row[data-columns="2"] {
grid-template-columns: repeat(2, 50%)
}
.team-hierarchy__row[data-columns="2"] .team-hierarchy__member[data-headshot=true] .team-hierarchy__content {
padding-left: 30px;
width: 60%
}
}
@media screen and (min-width:576px) and (max-width:767px) {
.team-hierarchy__row[data-columns="2"][data-contains-headshot=true] {
grid-template-columns: repeat(1, 100%)
}
}
@media screen and (min-width:576px) and (max-width:991px) {
.team-hierarchy__row[data-columns="1"] .team-hierarchy__member:not([data-headshot=true]) {
grid-column: span 2;
margin-left: auto;
margin-right: auto;
max-width: 50%;
width: 100vw
}
.team-hierarchy__row[data-columns="2"],
.team-hierarchy__row[data-columns="3"] {
grid-template-columns: repeat(2, 50%)
}
}
@media screen and (min-width:992px) {
.team-hierarchy__row[data-columns="3"] {
grid-template-columns: repeat(3, 33.3333333333%)
}
}
.micromodal-slide {
display: none
}
.micromodal-slide.is-open {
display: block
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
-webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}
.micromodal-slide[aria-hidden=false] .modal__container {
-webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
-webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}
.micromodal-slide[aria-hidden=true] .modal__container {
-webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform
}
/**************************\
Basic Modal Styles
\**************************/
.modal {
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.modal__container {
background-color: #fff;
padding: 30px;
max-width: 500px;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}
.modal__close {
color: $color-brand-7;
background: transparent;
border: 0;
position: absolute;
top: 15px;
right: 15px;
height: 50px;
width: 50px;
font-size: 2em;
}
.modal__header .modal__close:before { content: "\2715"; }
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0,0,0,.8);
}
.modal__btn {
font-size: .875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #e6e6e6;
color: rgba(0,0,0,.8);
border-radius: .25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
}
/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmslideIn {
from { transform: translateY(15%); }
to { transform: translateY(0); }
}
@keyframes mmslideOut {
from { transform: translateY(0); }
to { transform: translateY(-10%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.site-id-15 .gform_heading,
.site-id-15 form {
background-color: transparent !important;
padding: 0 !important;
}
#input_2_1_3_container {
padding-left: 0;
}
.site-id-15 .gform_title {
font-family: Martel, serif !important;
font-size: clamp(20px, 4vw, 25px) !important;
margin-bottom: 1em !important;
color: #000 !important;
}
.cardwrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-flex: 1;
background-color: #fff;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center
}
.bloghomewrapper .card-footer a {
color: #0072ce;
font-size: 16px;
font-weight: 700;
margin-top: 10px;
text-decoration: none
}
.bloghomewrapper .card-footer a:hover {
text-decoration: underline
}
.bloghomewrapper p {
margin-bottom: 0
}
.bloghomewrapper p a {
color: #0072ce;
font-weight: 600;
text-decoration: none
}
.bloghomewrapper p a:hover {
text-decoration: underline !important
}
.bloghomewrapper {
border: 1px solid #ebebeb;
border-radius: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.bloghomewrapper:hover {
-webkit-transform: scale(1.04);
transform: scale(1.04)
}
.bloghomewrapper h2 {
font-size: 20px;
line-height: 120%;
margin-bottom: 15px;
margin-top: 10px
}
.singlecat a {
text-decoration: none
}
.singlecat a:hover {
text-decoration: underline
}
.bloghomewrapper h2 a {
color: #54585a;
font-size: 20px;
font-weight: 700;
line-height: 120%
}
.blogwrapa {
text-decoration: none
}
.bloghomewrapper .card-body {
border: none
}
.bloghomewrapper .card-footer {
border: none;
border-radius: 0
}
.bloghomesection {
background-color: #e7e7e7;
padding-bottom: 40px;
padding-top: 40px
}
.bloghomesection .cta1 {
display: block;
margin: 0 auto;
padding: 8px 25px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.bloghomeintro h2 {
margin-bottom: 20px;
text-align: center
}
.bloghomeintro p {
text-align: center
}
.blogfooter {
color: #333;
font-style: italic;
margin: 0
}
.container-blog-fluid {
background-color: #fff
}
.catdate {
color: #54585a;
font-size: 14px;
text-transform: uppercase
}
.blogIndexFluid {
background-color: #fff;
padding-top: 20px
}
.catnamebox {
color: #464646;
font-size: 14px;
margin-top: 15px;
text-transform: uppercase
}
.bloghomeimage img {
border: none;
border-radius: 0;
padding: 0
}
a.btn-inline {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffd040;
color: #54585a;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 10px 35px;
text-align: center;
text-decoration: none;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.testimonial-slider__slide {
margin: 0 auto
}
.testimonial-slider__container {
background: #e5f1fa;
padding-bottom: clamp(30px, 6vw, 60px);
padding-top: clamp(30px, 6vw, 60px)
}
.testimonial-slider__headline,
.testimonial-slider__name {
color: #373737;
font-family: Martel, serif
}
.testimonial-slider,
.testimonial-slider__headline {
width: 100%
}
.testimonial-slider__headline {
margin-bottom: 1em
}
.testimonial-slider {
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
visibility: hidden
}
.testimonial-slider.slick-initialized {
opacity: 1;
visibility: visible
}
.testimonial-slider .slick-slide>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.testimonial-slider .entry-content a {
color: #0072ce
}
.testimonial-slider .entry-content a:focus-visible,
.testimonial-slider .entry-content a:hover {
text-decoration: none
}
.testimonial-slider__about.entry-content p {
font-size: clamp(1rem, 5vw, 1.125rem);
line-height: 1.675
}
.testimonial-slider__quote.entry-content p {
font-size: clamp(1.125rem, 5vw, 1.25rem);
line-height: 1.675
}
.testimonial-slider__quote.entry-content * {
font-weight: 700
}
.testimonial-slider__quote {
margin: 0;
padding: 0 15px
}
.testimonial-slider .slick-arrow {
background: #0072ce;
border: none;
color: #fff;
cursor: pointer;
font-size: 35px;
height: 48px;
outline-offset: 3px;
position: absolute;
-webkit-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
width: 48px;
z-index: 2
}
.testimonial-slider .slick-arrow svg {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.testimonial-slider .slick-arrow:focus-visible,
.testimonial-slider .slick-arrow:hover {
background: #00b2a9
}
.testimonial-slider .slick-arrow:focus-visible {
outline: 1px solid #00b2a9
}
.testimonial-slider__slide {
background: #fff
}
.testimonial-slider__slide-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (max-width:575px) {
.testimonial-slider .slick-arrow {
top: 20%
}
}
@media screen and (min-width:576px) and (max-width:767px) {
.testimonial-slider .slick-arrow {
top: 35%
}
}
@media screen and (max-width:767px) {
.testimonial-slider .slick-prev {
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.testimonial-slider .slick-next {
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (min-width:768px) {
.testimonial-slider .slick-arrow {
top: 50%
}
}
@media screen and (max-width:992px) {
.testimonial-slider__name.--desktop {
display: none
}
.testimonial-slider__image img {
height: auto;
width: 100%
}
.testimonial-slider__slide {
max-width: 600px
}
.testimonial-slider__headline {
font-size: 24px
}
.testimonial-slider__name {
font-size: 20px;
padding: clamp(15px, 3vw, 30px) 15px 15px
}
.testimonial-slider__image {
margin-bottom: clamp(15px, 3vw, 30px)
}
.testimonial-slider .slick-slide>div {
padding-left: 30px;
padding-right: 30px
}
.testimonial-slider__about,
.testimonial-slider__quote {
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (min-width:993px) {
.testimonial-slider__name.--mobile {
display: none
}
.testimonial-slider__content {
padding: 45px 30px 30px
}
.testimonial-slider__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.testimonial-slider__slide {
max-width: 1140px
}
.testimonial-slider__slide-container {
display: grid
}
.testimonial-slider__headline {
font-size: 30px
}
.testimonial-slider__name {
font-size: 25px;
margin-bottom: 1em
}
.testimonial-slider .slick-slide>div {
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (min-width:768px) and (max-width:1300px) {
.testimonial-slider .slick-prev {
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.testimonial-slider .slick-next {
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
.testimonial-slider__slide-container {
grid-template-columns: 50% auto
}
}
@media screen and (min-width:1201px) {
.testimonial-slider__slide-container {
grid-template-columns: 40% auto
}
}
@media screen and (min-width:1301px) {
.testimonial-slider .slick-prev {
left: calc(50vw - 610px);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.testimonial-slider .slick-next {
right: calc(50vw - 610px);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%)
}
}