:root {
--color-primary: #33485f;
--color-secondary: #f9f9fa;
--color-tertiary: #56677a;
--color-quaternary: #a7b0ba;
--position-fixed-spacer-height: 154px;
}
@font-face {
font-family: 'avenir_85_heavy';
src: url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.eot?#iefix) format('eot'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.woff2) format('woff2'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.woff) format('woff'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.ttf) format('truetype'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'avenir_65_medium';
src: url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.eot?#iefix) format('eot'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.woff2) format('woff2'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.woff) format('woff'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.ttf) format('truetype'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'avenir_35_light';
src: url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.eot?#iefix) format('eot'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.woff2) format('woff2'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.woff) format('woff'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.ttf) format('truetype'),
url(//finchedina.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
.avenir_heavy {
font-family: 'avenir_85_heavy';
}
.avenir_medium {
font-family: 'avenir_65_medium';
}
.avenir_light {
font-family: 'avenir_35_light';
}
html {
font-size: 100%;
}
body {
font-family: 'Merriweather', serif;
font-weight: 300;
color: var(--color-tertiary);
font-size: 0.938rem;
line-height: 2;
}
a:link a:visited,
a:link,
a:visited {
color: var(--color-primary);
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
b,
strong {
font-weight: bold;
}
blockquote {
overflow: auto;
padding: 1rem 1.5rem 0 1.5rem;
background-color: var(--color-secondary);
border-left: 10px solid var(--color-primary);
}
.aligncenter,
.alignleft,
.alignright {
display: block;
padding: 0;
}
.aligncenter {
float: none;
margin: 0.5em auto 1em;
}
.alignright {
float: right;
margin: 0.5em 0 1em 1em;
}
.alignleft {
float: left;
margin: 0.5em 1em 1em 0;
}
.wp-caption {
padding: 5px 0;
text-align: center;
}
.wp-caption img {
display: inline;
}
.wp-caption p.wp-caption-text {
margin: 5px 0 0;
padding: 0;
text-align: center;
font-size: 0.75rem;
font-style: italic;
color: var(--color-tertiary);
}
.fs-1 {
font-size: 3.75rem !important;
}
.fs-\+2 {
font-size: 1.125rem; }
.fs {
font-size: 1rem; }
.fs--2 {
font-size: 0.875rem; }
.fs--3 {
font-size: 0.813rem; }
.filter-color-primary {
filter: invert(26%) sepia(58%) saturate(295%) hue-rotate(171deg)
brightness(93%) contrast(99%);
}
.hover-filter-color-a:hover {
filter: invert(82%) sepia(10%) saturate(276%) hue-rotate(171deg)
brightness(84%) contrast(92%);
}
.filter-color-white {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(125deg)
brightness(103%) contrast(103%);
}
.bg-primary {
background-color: var(--color-primary) !important;
}
.bg-secondary {
background-color: var(--color-secondary) !important;
}
.text-primary {
color: var(--color-primary) !important;
}
.text-quaternary {
color: var(--color-quaternary);
}
.btn-link {
color: var(--color-primary) !important;
}
.img-full {
width: 100%;
height: auto;
}
.img-fluid-h {
width: auto;
max-height: 100%;
}
.letter-spacing-normal {
letter-spacing: normal !important;
}
.letter-spacing-1 {
letter-spacing: 1px !important;
}
.letter-spacing-3 {
letter-spacing: 3px !important;
}
.letter-spacing-5 {
letter-spacing: 5px !important;
}  @media (min-width: 992px) {
.letter-spacing-lg-normal {
letter-spacing: normal !important;
}
.letter-spacing-lg-1 {
letter-spacing: 1px !important;
}
.letter-spacing-lg-3 {
letter-spacing: 3px !important;
}
.letter-spacing-lg-5 {
letter-spacing: 5px !important;
}
}  .place-items-center {
place-items: center;
}
.text-shadow-a {
text-shadow: 0 0 15px var(--color-tertiary);
}
.opacity-20 {
opacity: 0.2;
}
.opacity-90 {
opacity: 0.9;
}
.object-fit-cover {
object-fit: cover;
}
.last-child-mb-0 *:last-child {
margin-bottom: 0 !important;
}
@media (min-width: 992px) {
.border-divider-a > div {
border-right: 1px solid var(--color-quaternary);
}
.border-divider-a > div:last-of-type {
border-right: none;
}
.border-divider-a .border-top,
.border-divider-a .border-bottom {
border-top: 0 none !important;
border-bottom: 0 none !important;
}
}
.top-4 {
top: 20px;
}
.start-4 {
left: 20px;
}
.bottom-20 {
bottom: -100px;
}
header {
position: relative;
z-index: 1090;
}
.position-fixed-spacer {
height: var(--position-fixed-spacer-height);
}
footer .block-pattern-b {
border-top: 1px solid #f3f3f5;
}
.modal-open {
overflow-y: scroll !important;
position: fixed;
padding-right: 0 !important;
} .block-a {
background-color: var(--color-primary);
}
.block-a a {
color: inherit !important;
text-decoration: underline !important;
}
.block-b {
height: 80px;
}
.logo-parent { width: 48px;
height: 60px;
}
.logo-divider {
width: 2px;
background-color: var(--color-primary);
}
.logo-location svg {
fill: var(--color-primary);
}
@media (max-width: 575.98px) {
.block-b {
height: 76px;
}
.logo-parent { width: 48px;
height: 56px;
}
.logo-location {
width: 50px;
height: 56px;
}
}
.block-c {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.block-c > div {
grid-area: 1 / 1 / 2 / 2;
}
.block-c > div:nth-child(1) {
max-height: calc(100vh - var(--position-fixed-spacer-height));
} @media (max-width: 991.98px) {
.block-c .fs-1 {
font-size: 2.25rem !important;
}
}
.block-i p a {
font-weight: bold;
}
.home .block-i h2 {
letter-spacing: 3px !important;
}
.block-l {
border-top: 1px solid rgba(167, 176, 186, 0.25);
}
@media (max-width: 575.98px) {
.block-r .nav-link {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.block-r .border-bottom {
border-bottom: 0 none !important;
}
} .filter {
text-decoration: none;
}
.filter.active,
.filter:hover {
text-decoration: underline;
}
#carouselReviews .carousel-inner {
min-height: 120px;
}
.carousel-indicators {
position: relative;
right: auto;
bottom: auto;
left: auto;
margin-left: 0;
margin-right: 0;
}
.carousel-indicators [data-bs-target],
.carousel-indicators-2 [data-bs-target] {
background-color: #000;
width: 10px;
height: 10px;
border-radius: 5px;
opacity: 0.5;
transition: opacity 0.6s ease;
cursor: pointer;
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-icon {
width: 45px;
height: 45px;
background: #f3f3f5 url(//finchedina.com/wp-content/themes/SolhemDev/images/drop_down_arrow.svg) no-repeat center center;
}
.carousel-icon-next {
transform: rotate(-90deg);
}
.carousel-icon-prev {
transform: rotate(90deg);
}
#nav-toggle {
position: relative;
top: 4px;
display: block;
width: 36px;
height: 26px;
background-color: transparent;
z-index: 1;
cursor: pointer;
transform: translateZ(0);
}
#nav-toggle::before {
background-color: var(--color-primary);
border-radius: 1px;
content: '';
display: block;
height: 3px;
margin: 0 0 5px;
transition: all 0.2s ease-out;
width: 100%;
}
#nav-toggle.active::before {
transform: rotate(45deg) translate3d(5px, 10px, 0);
}
#nav-toggle::after {
background-color: var(--color-primary);
border-radius: 1px;
content: '';
display: block;
height: 3px;
margin: 0 0 5px;
transition: all 0.2s ease-out;
width: 100%;
}
#nav-toggle.active::after {
transform: rotate(-45deg) translate3d(2px, -6px, 0);
}
#nav-toggle span {
background-color: var(--color-primary);
border-radius: 1px;
content: '';
display: block;
height: 3px;
margin: 0 0 5px;
transition: all 0.2s ease-out;
width: 100%;
text-indent: -9999px;
}
#nav-toggle.active span {
opacity: 0;
}
.tile-logo {
width: 15%;
min-width: 50px;
max-width: 75px;
}
.tile-hide {
animation: tile_hide 0.5s ease 0s 1 normal forwards;
transform-origin: center center;
}
.tile-show {
animation: tile_show 0.5s ease 0s 1 normal forwards;
transform-origin: center center;
}
@keyframes tile_hide {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
width: 0;
height: 0;
margin: 0;
}
}
@keyframes tile_show {
0% {
transform: scale(0);
width: 0;
height: 0;
margin: 0;
}
100% {
transform: scale(1);
}
}
#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 70px;
height: 70px;
background: url(//finchedina.com/wp-content/themes/SolhemDev/images/backtotop.png) no-repeat center center;
background-size: cover;
border: 0 none;
cursor: auto;
text-indent: -9999px;
z-index: 1;
opacity: 0;
transition: opacity 0.5s;
}
@media (max-width: 575.98px) {
#btn-back-to-top {
bottom: 10px;
right: 10px;
width: 35px;
height: 35px;
}
}
.back-to-top-fade-in {
opacity: 1 !important;
cursor: pointer !important;
}
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
transform: scale(0.7) !important;
}
.accordion-button:not(.collapsed),
.accordion-button:focus {
color: #212529;
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.focus\:btn-nofocus:focus {
box-shadow: none !important;
}
#planTab,
#planTab .nav-link:hover {
border-bottom-color: var(--color-primary);
}
#planTab .nav-link.active {
border-color: var(--color-primary);
}
.popup-trigger {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 10;
border-radius: 0;
border: 0;
font-size: 1.5rem;
padding: 1.5rem;
cursor: pointer;
line-height: 1;
}
@media (max-width: 575.98px) {
.popup-trigger {
left: 10px;
bottom: 10px;
font-size: 0.9rem;
padding: 0.8rem;
}
}
.popup {
position: fixed;
left: 0;
bottom: -545px;
z-index: 1095;
transition: bottom 0.2s;
}
.popup.active {
bottom: 0;
}
.popup-body {
max-width: 500px;
aspect-ratio: 1/1;
}
.datepicker-cell.today:not(.selected) {
background-color: #999 !important;
}
.logo-fade-out {
-webkit-animation: logo-do-fade-out 3s ease-out 3s both;
animation: logo-do-fade-out 3s ease-out 3s both;
}
@-webkit-keyframes logo-do-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes logo-do-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.loader-wrapper {
--outer-line-color: #33485f;
--middle-line-color: #a7b0ba;
--inner-line-color: #56677a;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1095;
}
.loader {
position: relative;
top: 50%;
left: 50%;
width: 76px;
height: 76px;
margin: -38px 0 0 -38px;
z-index: 1001;
}
.spinner {
width: 24px;
height: 24px;
border-radius: 50%;
border: 3px solid;
border-color: #d3d8dd;
border-right-color: #33485f;
animation: spinner-d3wgkg 1s infinite linear;
}
@keyframes spinner-d3wgkg {
to {
transform: rotate(1turn);
}
}
.loader-wrapper .loader-section {
position: fixed;
top: 0;
background: #fff;
width: 51%;
height: 100%;
z-index: 1000;
}
.loader-wrapper .loader-section.section-left {
left: 0;
}
.loader-wrapper .loader-section.section-right {
right: 0;
} .loaded .loader {
opacity: 0;
transition: all 0.3s ease-out;
}
.loaded .loader-wrapper {
visibility: hidden;
transform: translateY(-100%);
transition: all 0.3s 1s ease-out;
}
.loaded .loader-wrapper .loader-section.section-left,
.loaded .loader-wrapper .loader-section.section-right {
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded .loader-wrapper .loader-section.section-left {
transform: translateX(-100%);
}
.loaded .loader-wrapper .loader-section.section-right {
transform: translateX(100%);
}
.admin-bar .position-fixed-spacer-2 {
display: block;
height: var(--wp-admin--admin-bar--height);
}
.position-fixed-spacer-2 {
display: none;
height: 0;
}
.grecaptcha-badge {
display: none !important;
} .splash-head {
background-color: var(--color-primary);
width: 100%;
height: fit-content;
}
.splash-head-inner,
.ig_div,
.solhem_logo_div {
padding: 10px 60px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 50px;
}
.splash-head-inner a img {
max-width: 200px;
}
.splash {
background-color: var(--color-secondary);
display: grid;
grid-template-columns: auto 83.33% auto;
}
.splash-hero {
grid-column: 2;
display: flex;
flex-direction: row;
height: 70vh;
}
.hero-half {
display: flex;
flex-direction: column;
gap: 25px;
width: 50%;
height: 100%;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
align-items: center;
justify-items: center;
position: relative;
}
.lease-btn {
display: flex;
background-color: var(--color-primary);
color: var(--color-secondary);
padding: 35px 5px;
border-radius: 10px;
}
.splash-logo {
padding-top: 10%;
align-self: bottom;
max-width: 50%;
}
.splash-logo img {
width: 100%;
}
.link-container {
align-self: top;
background-color: var(--color-primary);
color: var(--color-secondary);
padding: 0px 45px;
border-radius: 25px;
font-size: 1.5rem;
cursor: pointer;
}
.link-container:hover {
background: rgba(230, 230, 230, 0.75);
border: 3px solid var(--color-primary);
color: var(--color-primary);
}
.hero-half #amps {
display: block;
width: 30%;
position: absolute;
top: 35%;
left: 88%;
z-index: 1000;
}
.splash-content {
margin: 30px 0;
grid-column: 2;
padding: 20px 25%;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.splash-content h1 {
text-align: center;
}
.splash-left-right {
margin: 30px 0;
grid-column: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
text-align: center;
}
.splash-left-right .left,
.splash-left-right .right {
max-width: 100%;
}
.splash-left-right img {
max-width: 100%;
padding-bottom: 30px;
}
.splash-footer {
width: 100%;
height: fit-content;
}
.ig_div img {
width: 30px;
height: 30px;
padding-right: 10px;
}
.solhem_logo_div img {
max-width: 250px;
} @media (max-width: 1000px) {
.splash-head-inner a img {
max-width: 100px;
}
.splash {
background-color: var(--color-secondary);
display: grid;
grid-template-columns: auto 83.33% auto;
}
.splash-hero {
grid-column: 2;
flex-direction: column;
height: 50vh;
}
.hero-half {
width: 100%;
}
.link-container {
padding: 0px 25px;
border-radius: 15px;
font-size: 1.1rem;
}
.hero-half #amps {
display: none;
}
.splash-content {
padding: 20px 5%;
}
.splash-left-right {
margin: 30px 0;
grid-template-columns: 1fr;
}
}