/* custom styles */





  body{
  font-family: 'Montserrat' !important;
  }
  .px-title-1,
  .px-title-2,
  .px-title-3,
  .px-title-4,
  .px-sub-head-1,
  .px-sub-head-3,
  .px-sub-head-2{
  font-family: 'Cormorant' !important;

  
  
  }

    .font-nav,
  .button,
  .header__nav-more,
  .header__nav-more-dropdown,
  .header__nav-link a{
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  font-style: normal;
  }



/*
* Hero Fontsize Scale
*/

@media (min-width: 320px){
.hero .hero__title {
font-size: calc(1.5rem + ((1vw - 3.2px) * 3.9286));
min-height: 0vw;
line-height: 1.15;
}
}

@media (min-width: 320px){
.hero .hero__sub-title {
font-size: calc(1.125rem + ((1vw - 3.2px) * 1.25));
min-height: 0vw;
line-height: 1.15;
}
}

/*
* Background Images
*/

.hero {
background-image: url("https://cdn.sharplaunch.com/v2/client-10/424fcd5a6dea672/1920w/image__1___4_.jpg");
}


.video {
background-image: url("");
}




/*
* End of Background Images
*/

/*
* Colors
*/
:root {
--accent-color: #859698;
--accent-dark-color: #3a4b4d;
}
.button {
background-color: #859698;
}
.button:hover {
background-color: #3a4b4d !important;
}
.button--white{
background: white;
border: white;
color: var(--accent-color);
}

a.is-active {
color: #859698!important;
}
.bg-accent{
background-color: #859698}
.color-accent{
color: #859698}
.link__text--hoveraccent:hover{
color: #859698}
.carousel__indicator--selected {
background-color: #859698!important;
border-color: #859698!important;
}

.section-title__separator {
background-color: #859698;
}

.section-sub-title {
color: #859698;
}

.team-member__line {
background-color: #859698!important;
}

.parcel-box__attribute-name {
color: #859698!important;
}

.more__line {
background-color: #859698;
}

.mobile-menu__line {
background-color: #859698!important;
}

.zoom-control {
background-color: #859698;
}

.availability-card {
background-color: #859698;
}
.availability-card__download-button {
background-color: #3a4b4d;
}

.gallery .overlay {
background-color: rgba(133,150,152,0.8)!important;
}
.gallery .overlay.solid {
background-color: #859698!important;
}

/*
* End of Colors
*/


/* ------------------------ client specific overrides ------------------------ */





/* ---------------------------- custom css ----------------------------------- */

.hero__callout{
  white-space: nowrap;
background: linear-gradient(70deg, rgba(255, 255, 255, 0) 15%, var(--accent-color) 15.5%) !important;
  color: white;
  max-width: 468px !important;
}
.docportal .section-title__text{
  margin-bottom: 24px;
}
.tenant-box-container{
  justify-content: flex-start !important;
}
.tenant-box__logo{
  width: 100%;
}

@media (max-width: 39.99875em){
  .hero__callout{
    padding-left: 4.7em !important;
  }
}

.header {
     width: 100%;
     height: 75px;
     background-color: white;
     position: relative;
     top: 0;
     z-index: 2;
     display: flex;
 }

.header__logo-container img {
    max-height: unset;
    padding-top: 0;
    padding-bottom: 0;
}

.grid-margin-x > .medium-4 {
    height: 120px;
    position: relative;
}

img.footer__logo {
    position: absolute;
    bottom: 0;
    max-width: 50%;
}

@media (max-width: 639px){
.contact-footer {
    padding: 10px 0 10px;
}

img.footer__logo {
    max-width: 30%;
}
}


 @media (min-width: 640px){
     .hero .hero__title {
         font-size: calc((1.5rem + ((1vw - 3.2px) * 3.9286))/2) !important;
         min-height: 0vw;
         line-height: 1.15;
     }
 }

 @media print, screen and (max-width: 39.99875em){
     .px-title-4 {
         font-size: calc(32px/1.5) !important;
         line-height: 40px;
     }
 }

 @media (min-width: 640px){
     .hero .hero__sub-title {
         font-size: calc((1.125rem + ((1vw - 3.2px) * 1.25))/2) !important;
         min-height: 0vw;
         line-height: 1.15;
     }
 }

 @media print, screen and (max-width: 39.99875em) {
     .px-title-2 {
         font-size: calc(24px/1.3) !important;
         line-height: 32px;
     }
 }

body > div.page-content > div.hero.is-fullwidth.hero--align-bottom.hero--opaque-bottom-background.is-boxed {
    max-height: calc(100vh - 75px);
}