/* ===================================
    Hella Invest theme
====================================== */
/* variable */
:root {
    --alt-font: "helvetica-lt-pro", sans-serif;
    --primary-font: "helvetica-lt-pro", sans-serif;
    --base-color: #115680; 
    --dark-gray:#262b35;
}
body{
    font-size: 17px;
    line-height: 32px;
}
/* reset */
.placeholder-light-gray::-webkit-input-placeholder {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:0.6;
}
.placeholder-light-gray::-moz-placeholder {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:0.6;
}
.placeholder-light-gray:-ms-input-placeholder {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:0.6;
}
/* heading */
h1, h2, h3, h4, h5, h6 {word-spacing: -2px;}
h1 {
    line-height: 4.375rem;
}
h2 {
    line-height: 2.95rem;
    font-size: 2.75rem;
}
h3 {
    line-height: 2.813rem;
}
h4 {
    line-height: 2.575rem;
}
h5 {
    line-height: 2rem;
}
h6 {
    line-height: 1.75rem;
}
/* header */
header .navbar-brand {
    font-size: 20px !important;
    font-weight: 700;
    color: var(--base-color);
    vertical-align: middle;
    padding: 25px 0 32px;
}
header .navbar-brand img {
    width: 65px !important;
    height: auto;
    vertical-align: bottom;
    margin-right: 15px;
}
.navbar .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 600;
}
header.sticky .navbar-nav .nav-link,
header.sticky .fixed-header .navbar-nav .nav-link,
header.sticky .disable-fixed .navbar-nav .nav-link{
    padding-top: 30px;
    padding-bottom: 30px;
}
header .left-nav .navbar-nav:before {
    background-color: var(--dark-gray);
    opacity: 0.2; 
    transform: translate(-28px, 0px);
    -webkit-transform: translate(-28px, 0px);
    transition: 0s;
}
header.sticky .left-nav .navbar-nav:before {
    transform: translate(-28px, 0px);
    -webkit-transform: translate(-28px, 0px);
}
header .btn.btn-small {
    padding: 10px 20px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
    width: 420px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
    line-height: 22px;
    font-size: 14px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
    width: 70px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
    font-size: 17px;
    line-height: 30px;
}
/* bg color */
.bg-raven-blue {
    background-color: #6c757d;
}
.bg-orange {
    background-color: #ffa800;
}
.bg-base-color-transparent {
    background-color: rgba(17, 86, 128,.15);
}
.bg-base-color-light {
    background-color: #edf9f2;
}
.border-radius-left-8px {
    border-radius: 8px 0 0 0;
}
.bg-gradient-gray-light-dark-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 1)), to(transparent));
    background-image: linear-gradient(to top, rgba(32, 35, 41, 1) 0%, transparent 80%);
}
/* text */
.text-orange {
    color: #ffa800;
}
.text-red {
    color: #ec5b54;
}
/* btn */
.btn {
    letter-spacing: normal;
    font-weight: 700;
}
.btn i { 
    margin-left: 5px;
}
.btn.btn-hover-animation-switch .btn-icon {
    margin-left: 4px;
}
.btn.btn-hover-animation-switch:hover .btn-text {
    transform: translateX(21px);
}
.btn.btn-transparent-white-light:hover {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 1);
    color: var(--white);
}
.btn.btn-dark-gray:not(.btn.submit):hover, .btn.btn-dark-gray:not(.btn.submit):active {
    background-color: var(--base-color);
    border-color: var(--base-color);
    color: var(--white);
}
.btn.btn-base-color:hover {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    color: var(--white);
}
.btn.btn-light-base-color {
    background-color: #c7e9d4;
    border-color: #c7e9d4;
    color: var(--dark-gray);
}
.btn.btn-box-shadow.btn-base-color:hover {
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
}
.btn.btn-link {
    padding: 0 0 2px;
}
.btn.text-uppercase-inherit i {
    top: 1px;
}
/* top right bottom left */
.right-minus-250px {
    right: -250px;
}
.right-minus-170px {
    right: -170px;
}
.right-minus-155px {
    right: -155px;
}
.bottom-minus-85px {
    bottom: -85px;
}
/* page title */
.page-title-extra-small h1 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.page-title-extra-small h2 {
    font-size: 3.438rem;
    line-height: 3.438rem;
}
/* custom */
.icon-with-text-style-10:hover .feature-box-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-form-style-03 {
    margin-top: -100px;
}
.process-step-style-05 .progress-step-separator {
    bottom: -10px;
    height: 100%;
    z-index: -1;
}
.social-icon-style-02 .small-icon li {
    margin: 0;
}
input, select, textarea, .form-control {
    font-size: 16px;
}
/* footer */
footer{
    font-size: 16px;
    line-height: 30px;
}
footer ul li {
    margin-bottom: 0;
}
footer .footer-logo img {
    max-height: 39px;
}
.footer-light a:hover {
    color: var(--dark-gray);
}
/* media query responsive */
@media (max-width: 1199px) {
    .newsletter-style-03 .btn {
        padding: 12px 18px 12px 18px;
    }
    .newsletter-style-03 input {
        padding-right: 145px !important;
        padding-left: 20px !important;
    }
    header .left-nav .navbar-nav:before {
        transform: translate(-9px, 0px);
        -webkit-transform: translate(-9px, 0px);
    }
    header .btn.btn-small {
        padding: 9px 15px;
    }
}
@media (max-width: 991px) {
    .contact-form-style-03 {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .newsletter-style-03 input {
        padding-right: 70px !important;
        padding-left: 20px !important;
    }
}
@media (max-width: 576px) {
    .extra-small-screen {
        height: 300px !important;
    }
}
.h-500px { height:500px !important }
.h-600px { height:600px !important }
header.sticky.sticky-active .navbar-brand .default-logo {
    visibility: visible;
    opacity: 1;
}
.footer-logo  {
    width: 100%;
    font-size: 20px !important;
    font-weight: 700;
    color: var(--base-color);
    vertical-align: middle;
    img { margin-right:15px; vertical-align:bottom }
}

/* ===================================
   Hella Invest - extra pagina's
====================================== */
.hi-page-hero{position:relative;background-position:center;}.hi-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,27,34,.72),rgba(20,27,34,.20));}.min-h-430px{min-height:430px}.hi-card-image{height:300px;object-fit:cover}.hi-status,.hi-status-static{display:inline-flex;background:var(--base-color);color:#fff;border-radius:50px;padding:3px 15px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.4px}.hi-status{position:absolute;left:20px;top:20px}.hi-status-static{margin-bottom:15px}.hi-project-card{transition:transform .35s ease,box-shadow .35s ease}.hi-project-card:hover{transform:translateY(-5px)}.hi-detail-gallery .swiper-slide img{width:100%;height:650px;object-fit:cover}.hi-gallery-prev,.hi-gallery-next{position:absolute;top:50%;z-index:2;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.12)}.hi-gallery-prev{left:35px}.hi-gallery-next{right:35px}.hi-specs .col{padding:15px 15px 15px 0;border-right:1px solid var(--extra-medium-gray)}.hi-specs strong,.hi-specs span{display:block}.hi-specs strong{font-family:var(--alt-font);color:var(--dark-gray);font-size:20px}.hi-specs span{font-size:14px;line-height:20px}.hi-unit-table{background:#fff;border-radius:6px;overflow:hidden}.hi-unit-table th{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--dark-gray);padding:18px 20px;border-bottom:1px solid #ddd}.hi-unit-table td{padding:20px;border-bottom:1px solid #eee;white-space:nowrap}.hi-available,.hi-sold{font-size:12px;font-weight:700;text-transform:uppercase;border-radius:50px;padding:5px 10px}.hi-available{background:rgba(17,86,128,.12);color:var(--base-color)}.hi-sold{background:#eee;color:#777}.hi-map-placeholder,.hi-contact-map{min-height:420px;background:#e7ebed;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--dark-gray)}.hi-map-placeholder i,.hi-contact-map i{font-size:38px;color:var(--base-color);margin-bottom:10px}.hi-real-card img{height:500px;object-fit:cover;transition:transform .5s ease}.hi-real-card:hover img{transform:scale(1.035)}.hi-real-overlay{position:absolute;inset:auto 0 0;padding:38px;color:#fff;background:linear-gradient(transparent,rgba(18,24,30,.88))}.hi-real-overlay span{font-size:15px;opacity:.85}.hi-real-overlay h3{color:#fff;font-size:28px;margin:5px 0 0}.hi-real-overlay i{position:absolute;right:35px;bottom:40px;font-size:24px}.hi-wide-image{height:720px;object-fit:cover}.hi-facts>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--extra-medium-gray)}.hi-facts span{color:#777}.hi-facts strong{color:var(--dark-gray)}.hi-gallery-grid-large{height:660px;object-fit:cover}.hi-gallery-grid-small{height:318px;object-fit:cover}.hi-values .col{padding:45px;text-align:center;border-right:1px solid var(--extra-medium-gray)}.hi-values .col:last-child{border-right:0}.hi-values i{font-size:40px;color:var(--base-color);margin-bottom:25px;display:inline-block}.hi-values h3{font-size:23px;color:var(--dark-gray);font-weight:700}.hi-process>div{position:relative;padding:0 0 35px 70px}.hi-process>div:before{content:'';position:absolute;left:24px;top:46px;bottom:0;width:1px;background:#ddd}.hi-process>div:last-child:before{display:none}.hi-process>div>span{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--base-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.hi-process h3{font-size:22px;color:var(--dark-gray);font-weight:700;margin-bottom:5px}.hi-process p{margin-bottom:0}.hi-cta{position:relative;background-position:center;padding:120px 0}.hi-contact-lines a{display:flex;align-items:center;margin-bottom:22px;color:var(--dark-gray)}.hi-contact-lines i{width:52px;height:52px;border-radius:50%;background:rgba(17,86,128,.1);color:var(--base-color);display:flex;align-items:center;justify-content:center;margin-right:16px}.hi-contact-lines span{font-weight:700}.hi-contact-lines small{display:block;font-weight:400;color:#777;line-height:18px}.hi-contact-map{min-height:500px}.hi-contact-map strong{font-size:22px}.hi-contact-map span{font-size:16px}.hi-contact-page textarea.form-control{resize:vertical}.hi-contact-page select.form-control{height:58px}.hi-contact-page input.form-control{height:58px}
@media(max-width:991px){.hi-detail-gallery .swiper-slide img{height:500px}.hi-wide-image{height:520px}.hi-gallery-grid-large,.hi-gallery-grid-small{height:420px}.hi-values .col{border-right:0;border-bottom:1px solid var(--extra-medium-gray)}.hi-real-card img{height:430px}}
@media(max-width:767px){.min-h-430px{min-height:360px}.hi-page-hero h1{font-size:42px;line-height:48px}.hi-card-image{height:260px}.hi-detail-gallery .swiper-slide img{height:350px}.hi-gallery-prev{left:15px}.hi-gallery-next{right:15px}.hi-wide-image{height:360px}.hi-real-card img{height:380px}.hi-real-overlay{padding:28px}.hi-gallery-grid-large,.hi-gallery-grid-small{height:320px}.hi-values .col{padding:35px 20px}.hi-contact-map{min-height:360px}}


/* Hella Invest - project specs and expandable unit details */
.hi-specs>.col{position:relative;min-height:165px;padding:0 24px 0 0;display:flex;flex-direction:column;justify-content:flex-end}
.hi-spec-icon{height:42px;margin-bottom:18px;display:flex;align-items:center}
.hi-spec-icon img{width:38px;height:38px;object-fit:contain;opacity:.72}
.hi-spec-icon i{font-size:35px;color:var(--base-color);opacity:.78}
.hi-unit-table-wrap{background:#fff;border-radius:7px;overflow:hidden}
.hi-unit-table tbody tr:not(.hi-unit-detail-row)>td{background:#fff}
.hi-unit-more{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600;color:var(--dark-gray)}
.hi-unit-more i{font-size:15px;transition:transform .25s ease}
.hi-unit-more:not(.collapsed) i{transform:rotate(180deg)}
.hi-unit-more:hover{color:var(--base-color)}
.hi-unit-detail-row td{background:#fff!important}
.hi-unit-collapse{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.hi-unit-detail{background:#f8f9f9;margin:0 18px 18px;border-radius:6px;overflow:hidden}
.hi-unit-plan{height:100%;min-height:430px;padding:35px;background:#eef1f2}
.hi-plan-placeholder{height:100%;min-height:360px;border:1px dashed #bcc5ca;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:#7b828a}
.hi-plan-placeholder i{font-size:48px;color:var(--base-color);margin-bottom:18px}
.hi-plan-placeholder strong{font-size:21px;color:var(--dark-gray);margin-bottom:5px}
.hi-unit-info{padding:45px 50px;height:100%}
.hi-unit-info h3{font-size:28px;line-height:35px}
.hi-unit-close{border:0;background:transparent;font-size:24px;line-height:1;color:#6e747a;padding:5px}
.hi-unit-facts>.col{padding:16px 10px 16px 0;border-bottom:1px solid #dde1e3}
.hi-unit-facts span{display:block;font-size:14px;color:#7b828a;line-height:20px}
.hi-unit-facts strong{display:block;color:var(--dark-gray);font-size:18px;margin-top:3px}
.hi-contact-map-embed{display:block!important;min-height:500px;background:#e7ebed}
.hi-contact-map-embed iframe{display:block;width:100%;height:500px}
@media(max-width:991px){.hi-specs>.col{min-height:145px;margin-bottom:25px}.hi-unit-info{padding:35px}.hi-unit-plan{min-height:350px}.hi-plan-placeholder{min-height:280px}}
@media(max-width:767px){.hi-unit-table{min-width:820px}.hi-unit-detail{margin:0 8px 10px}.hi-unit-info{padding:28px 22px}.hi-unit-info h3{font-size:23px;line-height:29px}.hi-unit-plan{padding:20px;min-height:300px}.hi-plan-placeholder{min-height:250px}.hi-contact-map-embed,.hi-contact-map-embed iframe{height:380px;min-height:380px}}

.hi-card-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#697078}.hi-card-meta span{display:inline-flex;align-items:center;gap:6px}.hi-card-meta i{color:var(--base-color)}


/* Hella Invest - project detail refinements v4 */
.hi-project-detail-page .hi-page-hero{min-height:360px;background-position:center 48%}
.hi-project-detail-page .hi-page-hero .min-h-430px{min-height:360px}
.hi-project-detail-page .hi-detail-gallery .swiper-slide img{height:520px}
.hi-project-detail-page .hi-project-intro{padding-top:85px;padding-bottom:65px}
.hi-project-detail-page .hi-project-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 42px;margin-top:30px}
.hi-project-detail-page .hi-project-feature{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.6;color:#737983;margin:0!important}
.hi-project-detail-page .hi-project-feature i{flex:0 0 auto;margin-top:5px;font-size:18px;color:var(--base-color)}
.hi-project-detail-page .hi-specs{margin-top:55px!important;border-top:1px solid var(--extra-medium-gray);border-bottom:1px solid var(--extra-medium-gray)}
.hi-project-detail-page .hi-specs>.col{min-height:auto;padding:28px 24px;border-right:1px solid var(--extra-medium-gray);justify-content:flex-start}
.hi-project-detail-page .hi-specs>.col:last-child{border-right:0}
.hi-project-detail-page .hi-spec-icon{height:34px;margin-bottom:14px}
.hi-project-detail-page .hi-spec-icon i{font-size:30px}
.hi-project-detail-page .hi-spec-icon img{width:31px;height:31px}
.hi-project-detail-page .hi-specs strong{font-size:23px;line-height:1.2;margin-bottom:3px}
.hi-project-detail-page .hi-specs span{font-size:15px}
.hi-unit-detail-grid{display:grid;grid-template-columns:minmax(320px,40%) minmax(0,60%);align-items:stretch}
.hi-unit-plan-col,.hi-unit-info-col{min-width:0}
.hi-unit-plan{min-height:390px;padding:28px}
.hi-plan-placeholder{min-height:330px;padding:25px}
.hi-unit-info{padding:38px 42px}
.hi-unit-facts{row-gap:0}
.hi-unit-facts>.col{min-width:33.333%}
.hi-unit-detail .btn{white-space:normal}
.hi-home-project-card .image img{width:100%;height:285px;object-fit:cover}
.hi-home-project-card .content{min-height:255px}
.hi-home-project-card .hi-home-project-title{font-size:25px;line-height:1.2}
.hi-home-project-card .hi-home-project-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:24px}
.hi-home-project-card .hi-home-project-meta-item{display:flex;gap:9px;align-items:flex-start}
.hi-home-project-card .hi-home-project-meta-item i{color:var(--base-color);font-size:20px;margin-top:2px}
.hi-home-project-card .hi-home-project-meta-item strong{display:block;color:var(--dark-gray);font-size:15px;line-height:1.25}
.hi-home-project-card .hi-home-project-meta-item span{display:block;font-size:13px;line-height:1.3;color:#777}
@media(max-width:991px){
  .hi-project-detail-page .hi-detail-gallery .swiper-slide img{height:430px}
  .hi-unit-detail-grid{grid-template-columns:1fr}
  .hi-unit-plan{min-height:340px}
  .hi-project-detail-page .hi-specs>.col{border-bottom:1px solid var(--extra-medium-gray)}
}
@media(max-width:767px){
  .hi-project-detail-page .hi-page-hero,.hi-project-detail-page .hi-page-hero .min-h-430px{min-height:315px}
  .hi-project-detail-page .hi-detail-gallery .swiper-slide img{height:300px}
  .hi-project-detail-page .hi-project-intro{padding-top:60px;padding-bottom:45px}
  .hi-project-detail-page .hi-project-features{grid-template-columns:1fr;gap:12px}
  .hi-project-detail-page .hi-specs>.col{padding:22px 14px;min-height:125px}
  .hi-project-detail-page .hi-specs>.col:nth-child(2n){border-right:0}
  .hi-unit-info{padding:28px 22px}
  .hi-home-project-card .content{min-height:auto}
}


/* Hella Invest v5 – refined project cards, single media hero and premium availability */
.hi-project-card-title,
.hi-project-card-title a{
    font-size:27px!important;
    line-height:1.18!important;
    font-weight:600!important;
    letter-spacing:-.5px!important;
    color:var(--dark-gray)!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}
.hi-project-card-title a:hover{color:var(--base-color)!important}
.hi-project-card .p-35px{display:flex;flex-direction:column}
.hi-project-card .hi-card-meta{margin-top:auto}

.hi-project-media-hero{position:relative;background:#151a1e;overflow:hidden}
.hi-project-media-hero .hi-detail-gallery{height:650px}
.hi-project-media-hero .hi-detail-gallery .swiper-wrapper,
.hi-project-media-hero .hi-detail-gallery .swiper-slide{height:100%}
.hi-project-media-hero .hi-detail-gallery .swiper-slide img{width:100%;height:100%;object-fit:cover}
.hi-project-media-overlay{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,22,28,.72) 0%,rgba(13,22,28,.38) 43%,rgba(13,22,28,.10) 78%)}
.hi-project-hero-content{position:absolute;z-index:3;inset:0;pointer-events:none}
.hi-project-hero-content .row{height:100%}
.hi-project-hero-content h1{font-size:64px;line-height:1.02}
.hi-project-media-hero .hi-gallery-prev,.hi-project-media-hero .hi-gallery-next{z-index:4;top:52%}
.hi-project-media-hero .hi-gallery-prev{left:28px}.hi-project-media-hero .hi-gallery-next{right:28px}

/* Premium availability table */
.hi-unit-table-wrap{background:transparent;border-radius:0;overflow:visible}
.hi-unit-table{border-collapse:separate;border-spacing:0 8px;background:transparent}
.hi-unit-table thead th{padding:0 18px 10px;border:0;background:transparent;color:#7b828a;font-size:11px;letter-spacing:.8px;font-weight:700}
.hi-unit-table tbody tr:not(.hi-unit-detail-row) td{padding:22px 18px;background:#fff;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1;vertical-align:middle;transition:background .2s ease,border-color .2s ease}
.hi-unit-table tbody tr:not(.hi-unit-detail-row) td:first-child{border-left:1px solid #edf0f1;border-radius:8px 0 0 8px;color:var(--base-color);font-family:var(--alt-font);font-weight:700;font-size:17px}
.hi-unit-table tbody tr:not(.hi-unit-detail-row) td:last-child{border-right:1px solid #edf0f1;border-radius:0 8px 8px 0;text-align:right}
.hi-unit-table tbody tr:not(.hi-unit-detail-row):hover td{background:#fbfcfc;border-color:#dfe5e8}
.hi-unit-table tbody tr:not(.hi-unit-detail-row) td:nth-child(5){font-weight:700;color:var(--dark-gray)}
.hi-unit-more{padding:9px 14px;border:1px solid #d9e1e5;border-radius:50px;color:var(--dark-gray);font-size:13px;background:#fff}
.hi-unit-more:hover,.hi-unit-more:not(.collapsed){background:var(--base-color);border-color:var(--base-color);color:#fff}
.hi-unit-detail-row>td{padding:0!important;border:0!important;background:transparent!important}
.hi-unit-collapse{border:0}
.hi-unit-detail{margin:-1px 8px 14px;border:1px solid #e2e7e9;border-radius:10px;box-shadow:0 12px 35px rgba(30,44,52,.06)}
.hi-available{padding:6px 11px;background:rgba(18,103,151,.10)}

@media(max-width:991px){
 .hi-project-media-hero .hi-detail-gallery{height:560px}
 .hi-project-hero-content h1{font-size:50px}
 .hi-project-card-title,.hi-project-card-title a{font-size:25px!important}
}
@media(max-width:767px){
 .hi-project-media-hero .hi-detail-gallery{height:500px}
 .hi-project-hero-content h1{font-size:40px}
 .hi-project-media-hero .hi-gallery-prev,.hi-project-media-hero .hi-gallery-next{width:42px;height:42px;margin-top:-21px}
 .hi-project-media-hero .hi-gallery-prev{left:15px}.hi-project-media-hero .hi-gallery-next{right:15px}
 .hi-project-card-title,.hi-project-card-title a{font-size:24px!important}
}


/* Home project cards: align price + project link on one baseline */
#projecten .hi-home-project-card,
.hi-home-project-card {
    height: 100%;
    display: flex !important;
    flex-direction: column;
}
#projecten .hi-home-project-card .hi-project-card__body,
.hi-home-project-card .hi-project-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
#projecten .hi-home-project-card .hi-project-card__footer,
.hi-home-project-card .hi-project-card__footer {
    margin-top: auto;
}


/* Unit image gallery inside available units */
.hi-unit-plan-col{min-width:0}
.hi-unit-gallery-wrap{height:100%;background:#f3f6f7;padding:28px;display:flex;flex-direction:column;justify-content:center}
.hi-unit-gallery{width:100%;overflow:hidden;border-radius:6px;background:#e9eef0}
.hi-unit-gallery .swiper-slide{height:400px}
.hi-unit-gallery-link{height:100%;position:relative;overflow:hidden}
.hi-unit-gallery-link img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hi-unit-gallery-link:hover img{transform:scale(1.025)}
.hi-unit-gallery-zoom{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#12618d;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.hi-unit-gallery-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.14);color:#1e2935}
.hi-unit-gallery-prev{left:15px}.hi-unit-gallery-next{right:15px}
.hi-unit-gallery-pagination{position:relative!important;bottom:auto!important;margin-top:15px}
.hi-unit-gallery-caption{font-size:13px;color:#7a818c;text-align:center;margin-top:12px}
.hi-unit-gallery-caption i{margin-right:6px}
.hi-unit-image-modal{position:relative;max-width:1180px;padding:0!important;border-radius:8px;overflow:hidden}
.hi-unit-image-modal img{display:block;max-height:88vh;object-fit:contain;background:#111}
.hi-unit-modal-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;background:#fff;color:#1e2935;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 5px 20px rgba(0,0,0,.18)}
@media(max-width:991px){
  .hi-unit-gallery-wrap{padding:20px}
  .hi-unit-gallery .swiper-slide{height:360px}
}
@media(max-width:767px){
  .hi-unit-gallery .swiper-slide{height:280px}
  .hi-unit-gallery-wrap{padding:14px}
}


/* Unit gallery lightbox */
.mfp-gallery .mfp-image-holder .mfp-content{max-width:1180px}
.mfp-gallery .mfp-img{max-height:88vh!important;padding:0!important}
.mfp-gallery .mfp-figure:after{box-shadow:none;background:#111}
.mfp-gallery .mfp-arrow{opacity:1}
.mfp-gallery .mfp-counter{right:0;top:auto;bottom:-32px;color:#fff;font-size:13px}
@media(max-width:767px){
  .mfp-gallery .mfp-arrow{transform:scale(.8)}
}




/* v12 – definitive unit detail layout */
.hi-unit-detail-grid{
    display:grid !important;
    grid-template-columns:minmax(360px, 42%) minmax(0, 58%) !important;
    align-items:stretch;
}
.hi-unit-detail-grid > .hi-unit-plan-col,
.hi-unit-detail-grid > .hi-unit-info-col{
    min-width:0;
    width:auto !important;
}
.hi-unit-detail-grid > .hi-unit-plan-col{
    background:#f3f6f7;
}
.hi-unit-detail-grid > .hi-unit-info-col{
    background:#fff;
}
.hi-unit-info{
    padding:48px 50px;
}
.hi-unit-gallery-wrap{
    min-height:100%;
}
@media(max-width:991px){
    .hi-unit-detail-grid{
        grid-template-columns:1fr !important;
    }
    .hi-unit-info{
        padding:35px 30px 40px;
    }
}
@media(max-width:767px){
    .hi-unit-info{
        padding:28px 20px 32px;
    }
}


/* v13 – compact close button for unit image lightbox */
.mfp-image-holder .mfp-close.hi-mfp-close,
.mfp-iframe-holder .mfp-close.hi-mfp-close,
button.mfp-close.hi-mfp-close{
    position:fixed !important;
    top:24px !important;
    right:24px !important;
    left:auto !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#1e2935 !important;
    opacity:1 !important;
    font-size:0 !important;
    line-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
    cursor:pointer !important;
    z-index:1105 !important;
}
button.mfp-close.hi-mfp-close i{
    display:block !important;
    font-size:22px !important;
    line-height:1 !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    pointer-events:none;
}
button.mfp-close.hi-mfp-close:hover{
    background:#12618d !important;
    color:#fff !important;
}
@media(max-width:767px){
    .mfp-image-holder .mfp-close.hi-mfp-close,
    button.mfp-close.hi-mfp-close{
        top:14px !important;
        right:14px !important;
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        max-width:44px !important;
    }
}
\n/* WordPress theme additions */
body.admin-bar header{top:32px}.navbar-brand img{max-height:42px;margin-right:10px}.hi-project-card{display:flex;flex-direction:column;background:#fff;border-radius:7px;overflow:hidden}.hi-project-card__image{height:360px}.hi-project-card__image img{width:100%;height:100%;object-fit:cover}.hi-project-card__status{position:absolute;left:25px;top:25px;background:#12618d;color:#fff;border-radius:30px;padding:11px 20px;font-weight:700;text-transform:uppercase}.hi-project-card__body{padding:35px 35px 30px;display:flex;flex-direction:column;flex:1}.hi-project-card__body>div:first-child{flex:1}.hi-project-card__title{font-size:34px;line-height:1.05;margin:12px 0 18px}.hi-project-card__meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.hi-project-card__meta span{display:flex;align-items:center;gap:7px}.hi-project-card__footer{border-top:1px solid #ddd;margin-top:25px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hi-project-card__footer a{font-weight:600;color:#252a32}.hi-real-card{height:520px}.hi-real-card img{height:100%;object-fit:cover}.hi-real-overlay{position:absolute;inset:auto 0 0 0;padding:80px 40px 35px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}.hi-real-overlay span,.hi-real-overlay h3{color:#fff}.hi-real-overlay h3{font-size:36px;margin:6px 0 0}.hi-gallery-slide{height:690px;background-size:cover;background-position:center}.hi-project-hero-copy{position:absolute;z-index:5;left:max(6vw,40px);bottom:70px;color:#fff}.hi-project-hero-copy h1{color:#fff;font-size:64px;margin:12px 0}.hi-project-hero-copy p{font-size:20px}.hi-status-pill{background:#12618d;color:#fff;border-radius:30px;padding:10px 18px;font-weight:700;text-transform:uppercase}.hi-gallery-prev,.hi-gallery-next{position:absolute;z-index:6;top:50%;width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.hi-gallery-prev{left:25px}.hi-gallery-next{right:25px}.hi-project-cta{background:#f3f6f7;padding:35px;border-radius:7px}.hi-project-stats{display:grid;grid-template-columns:repeat(4,1fr)}.hi-project-stats>div{padding:35px;border-right:1px solid #ddd}.hi-project-stats i{display:block;font-size:32px;color:#12618d;margin-bottom:25px}.hi-project-stats strong{display:block;font-size:30px}.hi-project-stats span{display:block}.hi-units-head,.hi-unit-row{display:grid;grid-template-columns:.6fr 1.2fr 1fr .9fr 1fr 1fr .8fr;gap:20px;align-items:center}.hi-units-head{padding:0 25px 20px;text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:700}.hi-unit-item{margin-bottom:12px}.hi-unit-row{background:#fff;padding:28px 25px;border-radius:7px;border:1px solid #e4e8ea}.hi-unit-status{font-style:normal;background:#e8f0f4;color:#12618d;border-radius:20px;padding:7px 14px;font-weight:700;font-size:13px;text-transform:uppercase}.hi-unit-status.is-sold{background:#eee;color:#999}.hi-unit-toggle{border:0;background:#12618d;color:#fff;border-radius:28px;padding:13px 18px;font-weight:700}.hi-unit-detail-grid{display:grid!important;grid-template-columns:minmax(360px,42%) minmax(0,58%)!important;border:1px solid #dde3e6;border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.hi-unit-plan-col{background:#f3f6f7;min-width:0}.hi-unit-info-col{background:#fff;min-width:0}.hi-unit-info{padding:48px 50px;position:relative}.hi-unit-info h3{font-size:36px;color:#252a32}.hi-unit-close{position:absolute;right:30px;top:25px;font-size:28px}.hi-unit-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 30px;margin:28px 0}.hi-unit-facts span{display:block;color:#7c838d}.hi-unit-facts strong{display:block;font-size:22px;color:#252a32}.hi-unit-gallery-wrap{padding:28px;height:100%;display:flex;flex-direction:column;justify-content:center}.hi-unit-gallery{width:100%;overflow:hidden;border-radius:6px}.hi-unit-gallery .swiper-slide{height:400px}.hi-unit-gallery-link{height:100%;position:relative}.hi-unit-gallery-link img{width:100%;height:100%;object-fit:cover}.hi-unit-gallery-zoom{position:absolute;right:16px;top:16px;background:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hi-unit-gallery-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.hi-unit-gallery-prev{left:15px}.hi-unit-gallery-next{right:15px}.hi-unit-gallery-caption{text-align:center;font-size:13px;margin-top:12px}.mfp-image-holder .mfp-close.hi-mfp-close,button.mfp-close.hi-mfp-close{position:fixed!important;top:24px!important;right:24px!important;left:auto!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:#1e2935!important;opacity:1!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1105!important}.hi-mfp-close i{font-size:22px!important}.hi-wide-image{height:720px;object-fit:cover}.hi-gallery-grid-large{height:520px;object-fit:cover}.hi-facts>div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ddd}.hi-facts span{color:#7a818c}.hi-facts strong{color:#252a32}@media(max-width:991px){.hi-project-card__image{height:300px}.hi-project-stats{grid-template-columns:repeat(2,1fr)}.hi-unit-detail-grid{grid-template-columns:1fr!important}.hi-units-head{display:none}.hi-unit-row{grid-template-columns:repeat(2,1fr)}.hi-unit-info{padding:35px 30px}.hi-project-hero-copy h1{font-size:48px}}@media(max-width:767px){body.admin-bar header{top:46px}.hi-project-card__title{font-size:29px}.hi-project-card__footer{align-items:flex-start;flex-direction:column}.hi-project-stats{grid-template-columns:1fr 1fr}.hi-unit-row{grid-template-columns:1fr 1fr;gap:12px}.hi-unit-gallery .swiper-slide{height:280px}.hi-unit-info{padding:28px 20px}.hi-unit-facts{grid-template-columns:1fr 1fr}.hi-gallery-slide{height:560px}.hi-project-hero-copy{left:25px;bottom:40px}.hi-project-hero-copy h1{font-size:40px}.hi-wide-image{height:480px}.hi-gallery-grid-large{height:360px}}\n

/* WordPress safety: homepage content must never depend on JS animation initialisation. */
.home main [data-anime],
.home main [data-shadow-animation]{
    visibility:visible !important;
}

}


}




/* 1.3.9 – About page matches approved HTML; USP icons reuse home styling */
.hi-about-values .feature-box{
    height:100%;
    padding-left:25px;
    padding-right:25px;
}
.hi-about-values .feature-box-icon{
    margin-left:auto;
    margin-right:auto;
}
.hi-about-values .feature-box-icon i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
@media(max-width:991px){
    .hi-about-values .feature-box{
        border-right:0 !important;
    }
}


/* 1.3.22 – contact + project detail parity with approved HTML */

/* Contact data: same rounded icon treatment used elsewhere */
.hi-contact-lines a,
.hi-contact-lines .hi-contact-line{
    display:flex;
    align-items:center;
    margin-bottom:24px;
    color:var(--dark-gray);
}
.hi-contact-lines a:hover{
    color:var(--base-color);
}
.hi-contact-lines a > i,
.hi-contact-lines .hi-contact-line > i{
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:50%;
    background:rgba(17,86,128,.10);
    color:var(--base-color);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 16px 0 0;
    font-size:20px;
}
.hi-contact-lines span{
    display:block;
    font-weight:700;
    color:var(--dark-gray);
}
.hi-contact-lines small{
    display:block;
    margin-top:3px;
    font-size:17px;
    font-weight:400;
    line-height:1.45;
    color:#737983;
}

/* Project intro/interest card */
.hi-project-intro{
    padding-top:85px;
    padding-bottom:65px;
}
.hi-project-interest{
    height:auto;
}
.hi-project-interest .btn{
    white-space:normal;
}
.hi-project-features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 42px;
    margin-top:30px;
}
.hi-project-feature{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:17px;
    line-height:1.6;
    color:#737983;
}
.hi-project-feature i{
    flex:0 0 auto;
    margin-top:5px;
    font-size:18px;
    color:var(--base-color);
}

/* Project highlights: approved compact 4-column strip */
.hi-project-intro .hi-specs{
    margin-top:55px !important;
    border-top:1px solid var(--extra-medium-gray);
    border-bottom:1px solid var(--extra-medium-gray);
}
.hi-project-intro .hi-specs > .col{
    min-height:auto;
    padding:28px 24px;
    border-right:1px solid var(--extra-medium-gray);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
.hi-project-intro .hi-specs > .col:last-child{
    border-right:0;
}
.hi-project-intro .hi-spec-icon{
    height:34px;
    margin-bottom:14px;
    display:flex;
    align-items:center;
}
.hi-project-intro .hi-spec-icon i{
    font-size:30px;
    line-height:1;
    color:var(--base-color);
    opacity:.9;
}
.hi-project-intro .hi-specs strong{
    display:block;
    font-size:23px;
    line-height:1.2;
    margin-bottom:3px;
    color:var(--dark-gray);
}
.hi-project-intro .hi-specs span{
    display:block;
    font-size:15px;
    line-height:1.4;
    color:#737983;
}

/* Available units: compact 'Meer info' pill like approved HTML */
.hi-unit-row .hi-unit-toggle{
    justify-self:end;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 14px !important;
    border:1px solid #d9e1e5 !important;
    border-radius:50px !important;
    background:#fff !important;
    color:var(--dark-gray) !important;
    font-size:13px;
    line-height:1.25;
    font-weight:600;
    white-space:nowrap;
    box-shadow:none;
}
.hi-unit-row .hi-unit-toggle i{
    margin:0;
    font-size:15px;
    transition:transform .25s ease;
}
.hi-unit-row .hi-unit-toggle[aria-expanded="true"]{
    background:var(--base-color) !important;
    border-color:var(--base-color) !important;
    color:#fff !important;
}
.hi-unit-row .hi-unit-toggle[aria-expanded="true"] i{
    transform:rotate(180deg);
}
.hi-unit-row .hi-unit-toggle:hover{
    background:var(--base-color) !important;
    border-color:var(--base-color) !important;
    color:#fff !important;
}

@media(max-width:991px){
    .hi-project-features{grid-template-columns:1fr;gap:12px}
    .hi-project-intro .hi-specs > .col{border-bottom:1px solid var(--extra-medium-gray)}
    .hi-unit-row .hi-unit-toggle{justify-self:start}
}


/* 1.3.23 – project overview + detail hero alignment */

/* Project overview cards: return to approved compact typography */
.hi-project-overview-card .hi-status,
.hi-project-overview-status{
    font-size:12px !important;
    line-height:1 !important;
    padding:10px 18px !important;
    border-radius:40px !important;
    letter-spacing:.2px !important;
}
.hi-project-overview-card h2,
.hi-project-overview-card h3{
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
    margin-bottom:14px !important;
}
.hi-project-overview-card .hi-card-image{
    height:300px;
}

/* Project hero: darker readability layer and more comfortable inner alignment */
.hi-project-media-hero,
.hi-detail-gallery{
    position:relative;
}
.hi-project-media-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(17,24,31,.62) 0%, rgba(17,24,31,.35) 38%, rgba(17,24,31,.08) 72%),
        linear-gradient(0deg, rgba(17,24,31,.25), rgba(17,24,31,.02) 55%);
}
.hi-project-hero-copy{
    z-index:4 !important;
    left:max(70px, calc((100vw - 1320px)/2 + 25px)) !important;
    bottom:70px !important;
    max-width:760px;
}
.hi-project-hero-copy h1{
    font-size:64px !important;
    line-height:1.02 !important;
    letter-spacing:-2px !important;
    margin:12px 0 10px !important;
    text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.hi-project-hero-copy p{
    color:#fff !important;
    font-size:20px !important;
    text-shadow:0 2px 16px rgba(0,0,0,.28);
}
.hi-project-hero-copy .hi-status-pill{
    font-size:12px !important;
    padding:8px 17px !important;
    letter-spacing:.3px;
}
.hi-gallery-prev,
.hi-gallery-next{
    z-index:5 !important;
}

@media(max-width:1199px){
    .hi-project-hero-copy{
        left:50px !important;
    }
}
@media(max-width:767px){
    .hi-project-hero-copy{
        left:24px !important;
        right:24px;
        bottom:35px !important;
    }
    .hi-project-hero-copy h1{
        font-size:42px !important;
        line-height:1.05 !important;
    }
    .hi-project-overview-card h2,
    .hi-project-overview-card h3{
        font-size:29px !important;
    }
}


/* 1.3.24 – exact project card typography + hero container alignment */

/* Overview: target the actual card elements (previous selectors did not match markup). */
.hi-project-card__status{
    top:22px !important;
    left:22px !important;
    padding:9px 18px !important;
    min-width:0 !important;
    height:auto !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    border-radius:30px !important;
}
.hi-project-card__title{
    margin-top:10px !important;
    margin-bottom:14px !important;
    font-size:30px !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
}
.hi-project-card__title a{
    font-size:inherit !important;
    line-height:inherit !important;
}
.hi-project-card__body > div:first-child > .text-base-color{
    font-size:15px !important;
    line-height:1.4 !important;
}

/* Detail hero copy aligned to the same site container as logo and following content.
   1320px is the desktop container width used by the theme. */
.hi-project-hero-copy{
    left:max(30px, calc((100vw - 1320px) / 2)) !important;
}
@media (max-width:1399px){
    .hi-project-hero-copy{
        left:30px !important;
    }
}
@media (max-width:767px){
    .hi-project-hero-copy{
        left:20px !important;
        right:20px !important;
    }
}


/* 1.3.26 – restore approved project location / CTA block */
.hi-project-location-section{
    background:#fff;
}
.hi-project-location-image{
    width:100%;
    min-height:720px;
    height:100%;
    background-size:cover;
    background-position:center;
}
.hi-project-location-content{
    min-height:720px;
    display:flex;
    align-items:center;
    padding:80px 10%;
}
.hi-project-location-inner{
    width:100%;
    max-width:570px;
}
.hi-project-location-inner h2{
    font-size:44px;
    line-height:1.08;
    letter-spacing:-1.5px;
}
.hi-project-location-inner p{
    max-width:560px;
    color:#737983;
    line-height:1.8;
}
.hi-project-location-inner .btn{
    min-width:230px;
}

@media(max-width:1199px){
    .hi-project-location-image,
    .hi-project-location-content{
        min-height:600px;
    }
    .hi-project-location-content{
        padding:60px 8%;
    }
}
@media(max-width:991px){
    .hi-project-location-image{
        min-height:480px;
    }
    .hi-project-location-content{
        min-height:auto;
        padding:65px 35px;
    }
}
@media(max-width:767px){
    .hi-project-location-image{
        min-height:360px;
    }
    .hi-project-location-content{
        padding:50px 25px;
    }
    .hi-project-location-inner h2{
        font-size:36px;
    }
}


/* 1.3.27 – project location block constrained to site container */
.hi-project-location-section{
    padding:90px 0 !important;
}
.hi-project-location-box{
    overflow:hidden;
    border-radius:6px;
    background:#fff;
}
.hi-project-location-image{
    min-height:650px;
}
.hi-project-location-content{
    min-height:650px;
    padding:70px 9%;
}
@media(max-width:1199px){
    .hi-project-location-image,
    .hi-project-location-content{
        min-height:560px;
    }
}
@media(max-width:991px){
    .hi-project-location-section{
        padding:65px 0 !important;
    }
    .hi-project-location-image{
        min-height:430px;
    }
    .hi-project-location-content{
        min-height:auto;
    }
}
@media(max-width:767px){
    .hi-project-location-section{
        padding:45px 0 !important;
    }
    .hi-project-location-image{
        min-height:340px;
    }
}

.page-text {
    h2 {
        color: var(--dark-gray);
        font-weight: 500 !important;
        letter-spacing: -1px !important;
        font-size: 2rem;
        margin: 35px 0 20px;
    }
    p {
        margin-bottom: 10px;
    }
    ul li {
        list-style: disc;
    }
}

.site-footer__credits {
    color: #999;
    a {
        display: inline-flex;
        align-items: center;
        transition: opacity .2s ease;

        &:hover {
            opacity: .7;
        }
    }
    img {
        display: block;
        width: 20px;
        height: auto;
        filter: grayscale(100%);
        border-radius: 5px !important;
        margin-left: 8px;
    }
}