: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(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.eot?#iefix) format( 'eot' ), 
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.woff2) format( 'woff2' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.woff) format( 'woff' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-85-heavy-webfont.ttf) format( 'truetype' ),
url(//724lofts.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(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.eot?#iefix) format( 'eot' ), 
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.woff2) format( 'woff2' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.woff) format( 'woff' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-65-medium-webfont.ttf) format( 'truetype' ),
url(//724lofts.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(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.eot?#iefix) format( 'eot' ), 
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.woff2) format( 'woff2' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.woff) format( 'woff' ),
url(//724lofts.com/wp-content/themes/SolhemDev/fonts/avenir-lt-35-light-webfont.ttf) format( 'truetype' ),
url(//724lofts.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: .5em auto 1em;
}
.alignright
{
float: right;
margin: .5em 0 1em 1em;
}
.alignleft
{
float: left;
margin: .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.750rem;
font-style: italic;
color: var( --color-tertiary );
}
.fs-1 { font-size: 3.750rem !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: .2; }
.opacity-90 { opacity: .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.250rem !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,.25);
}
@media (max-width: 575.98px)
{
.block-r .nav-link
{
padding-left: .5rem;
padding-right: .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: .5;
transition: opacity .6s ease;
cursor: pointer;
}
.carousel-indicators .active { opacity: 1; }
.carousel-icon
{
width: 45px;
height: 45px;
background: #f3f3f5 url(//724lofts.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 .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 .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 .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 .5s ease 0s 1 normal forwards;
transform-origin: center center;
}
.tile-show
{
animation: tile_show .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(//724lofts.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(.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: .9rem;
padding: .8rem;
}
}
.popup
{
position: fixed;
left: 0;
bottom: -545px;
z-index: 1095;
transition: bottom .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 .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.000);
}
.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; }