.hp .pp-topbar{
    padding: 8px 2%;
}
.hp .pp-cta{
    padding: 8px 20px;
}
.hp_sticky_section{
    padding: 8px 2%!important;
}
.hp_sticky_section .section-container{
    padding: 0!important;
}
.om-body p{
    margin-bottom: 1.3em;
    line-height: 1.9;
}

.wpcf7 form .wpcf7-response-output{
    margin: 2rem 0 0 0;
    border: 0px;
    color: #faf8f4;
    background-color: #c34239;
    font-size: 0.88rem;
}
.wpcf7-not-valid-tip{
    color: #c34239;
    font-size: 0.88rem;
}
.wpcf7-form-control-wrap {
  margin-bottom: 14px;
  display: block;
}
.form-inp, .form-ta{
    margin-bottom: 5px;
}
.grecaptcha-badge{
    z-index: -1;
}

#backToTop {
    position: fixed;
    bottom: 170px;
    right: 30px;
    width: 50px;
    height: 50px;
    border: 1px solid #C4A24B;
    border-radius: 50%;
    background: none;
    color: #C4A24B;
    font-size: 22px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
    display: none !important;
}

#backToTop:hover {
    background: #C4A24B;
    color: #faf8f4;
    transform: translateY(0) scale(1.08);
    display: none !important;
}

#backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.three-column-wrap{
    
}
.three-column-wrap .three-col-one{ width: 38%;}
.three-column-wrap .three-col-two{ width: 2%;}
.three-column-wrap .three-col-three{ width: 60%;}

.mobile-menu{
    width: 100%;
}
.mobile-menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.mobile-menu ul li.menu-item{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.mobile-menu ul li.menu-item a{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #111827;
    text-shadow: 0px 1px 6px #11100987;
    text-decoration: none;
    text-align: center;
}
.mobile-menu ul li.menu-item.medium-menu a{
    font-size: 1.3rem;
}
.mobile-menu ul li.menu-item.small-menu a{
    font-size: 1rem;
}

.mobil-menu nav ul li a{
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #111827;
    text-shadow: 0px 1px 6px #11100987;
    text-decoration: none;
    text-align: center;
}
.mobil-menu nav ul li.mobil-menu-parent a{
    font-size: 1.6rem!important;
}
.mobil-menu nav ul li.mobil-menu-child a{
    font-size: 1.3rem!important;
}
.mobil-menu nav ul li.mobil-menu-grandchild a{
    font-size: 1rem!important;
}


@media (max-width: 1440px){
    .hero-content{
        width: 50%;
    }
}

@media (max-width: 1100px) {
    .nav-links{
        gap: 15px;
    }
    .nav-links a{
        font-size: 0.7rem;
    }
    .nav-cta {
        font-size: 0.65rem;
        padding: 6px 20px;
    }
    .three-column-wrap{
        
    }
    .three-column-wrap .three-col-one{ width: 38%!important;}
    .three-column-wrap .three-col-two{ width: 2%!important;}
    .three-column-wrap .three-col-three{ width: 60%!important;}
    .hero-content{
        width: 50%;
    }
}

@media (max-width: 1024px) {

    /* Always show submenus */
    .breakdance-menu .sub-menu,
    .breakdance-menu .breakdance-dropdown-links, .breakdance-menu--dropdown-accordion .breakdance-dropdown-floater:not(.is-visible):not(.is-collapsing) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
        
    }

    /* Keep dropdown toggles visible if needed */
    .breakdance-menu .breakdance-dropdown-toggle {
       /* display: none !important;*/
    }
    li.small-meny a.breakdance-menu-link{
        font-size: 1rem!important;
        line-height: 1rem;
    }

    .three-column-wrap{
        
    }
    .three-column-wrap .three-col-one{ width: 38%!important;}
    .three-column-wrap .three-col-two{ width: 1%!important;}
    .three-column-wrap .three-col-three{ width: 60%!important;}
    .hero-content{
        width: 60%;
    }
}
@media (max-width: 768px) {
    #backToTop {
        display: none !important;
    }
    .nav-links{
        display: none;
    }
    .hero{
        height: 60vh;
        min-height: 640px;
    }
    .three-column-wrap{
        
    }
    .three-column-wrap .three-col-one{ width: 30%!important;}
    .three-column-wrap .three-col-two{ width: 1%!important;}
    .three-column-wrap .three-col-three{ width: 70%!important;}
    .hero-content{
        width: 70%;
    }
    .pp-back-arrow-mobile{
        font-size: 30px;
    }
    .houses-head-col-two{
        width: 50%!important;
    }
    .houses-head-col-three{
        width: 50%!important;
    }

}
@media (max-width: 640px){
    .three-column-wrap{
        
    }
    .three-column-wrap .three-col-one{ width: 100%!important;}
    .three-column-wrap .three-col-two{ width: 100%!important;}
    .three-column-wrap .three-col-three{ width: 100%!important;}
    .hero-content{
        width: 100%;
    }
    .pp-back{
        font-size: 0.7rem;
        letter-spacing: 0.15em;
    }
    .filter-bar{
        flex-direction: column!important;
    }
}


.js-lightbox-overlay {
    position: fixed;
    inset: 0;

    z-index: 999999;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.9);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}

.js-lightbox-overlay.active {
    opacity: 1;
    visibility: visible;
}


/* Image wrapper */

.js-lightbox-wrapper {
    position: relative;

    width: 90vw;
    height: 85vh;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    touch-action: none;
}


/* Image */

.js-lightbox-image {
    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;

    cursor: zoom-in;

    user-select: none;
    -webkit-user-drag: none;

    transform-origin: center center;

    transition: transform 0.25s ease;
}


/* Zoomed */

.js-lightbox-image.zoomed {
    cursor: grab;

    max-width: none;
    max-height: none;
}


/* Dragging */

.js-lightbox-image.dragging {
    cursor: grabbing;

    transition: none;
}


/* Close button */

.js-lightbox-close {
    position: absolute;

    top: 15px;
    right: 20px;

    z-index: 10;

    border: 0;
    background: none;

    color: #fff;

    font-size: 42px;
    line-height: 1;

    cursor: pointer;
}


/* Open image */

.js-lightbox-open {
    position: absolute;

    bottom: 20px;
    left: 50%;

    transform: translateX(-50%);

    color: #fff;

    font-size: 14px;
    font-family:'Jost',sans-serif;
    font-weight:300;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: underline;

    z-index: 10;
}


/* Disable page scrolling */

body.lightbox-open {
    overflow: hidden;
}


/* Mobile */

@media (max-width: 768px) {

    .js-lightbox-wrapper {
        width: 95vw;
        height: 85vh;
    }

    .js-lightbox-close {
        top: 10px;
        right: 15px;

        font-size: 36px;
    }

}


.gvity-form{
    
}
.gvity-form .gform-field-label{
    font-family:'Jost',sans-serif;font-weight:300!important;
    color:var(--dark-bg)!important;
    text-transform: uppercase;
    font-size: 0.66rem!important;
    letter-spacing: 0.24em!important;
    margin-bottom: 3px!important;
}
.gvity-form .ginput_container_text input[type=text], .gvity-form .ginput_container_phone input[type=tel]{
    font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 15px 15px!important;
  border-radius: 0px!important;  
  background: #fff!important;
  border: 1px solid rgba(196,162,75,0.4)!important;
  transition: border-color 0.3s!important;
}
.gvity-form .ginput_container_email input[type=email]{
    font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 15px 15px!important;
  border-radius: 0px!important;  
  background: #fff!important;
  border: 1px solid rgba(196,162,75,0.4)!important;
  transition: border-color 0.3s!important;
}
.gvity-form .ginput_container_textarea textarea{
    font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 15px 15px!important;
  border-radius: 0px!important;  
  background: #fff!important;
  border: 1px solid rgba(196,162,75,0.4)!important;
  height: 200px!important;
  min-height: 200px!important;
  transition: border-color 0.3s!important;
}

.gvity-form .ginput_container_text input[type=text]::placeholder,
.gvity-form .ginput_container_phone input[type=tel]::placeholder,
.gvity-form .ginput_container_email input[type=email]::placeholder,
.gvity-form .ginput_container_textarea textarea::placeholder{
   color: #888888 !important; /* Your custom color */
    opacity: 1;
}
.gvity-form .ginput_container_text input[type=text]:focus,
.gvity-form .ginput_container_phone input[type=tel]:focus,
.gvity-form .ginput_container_email input[type=email]:focus,
.gvity-form .ginput_container_textarea textarea:focus{
    border-color:rgba(196,162,75,0.45)!important;
    --gf-ctrl-border-color-focus: rgba(196,162,75,0.45)!important;
    box-shadow: none !important; 
    outline: none !important;
    }

.gvity-form .gform_fields{
    grid-row-gap: 1rem!important;
}
.gvity-form .gform_button{
    background-color: #C4A24B!important;
  padding: 15px 15px!important;
  border-radius: 0px!important;  
font-family: 'Jost',sans-serif!important;
color: #1C1A17!important;
font-weight: 300!important;
letter-spacing: 0.18em!important;
text-transform: uppercase!important;
}
.gvity-form .gform_footer{
    justify-content: end;
    align-items: flex-end;
}
h2#my-hus-title{
    color: #C4A24B!important;
    margin-bottom: 10px!important;
}

/**Gravity form front**/
.gvity-form-outside{
    
}
.gvity-form-outside .gform-field-label{
 font-size: 0.7rem!important;
  letter-spacing: 0.22em!important;
  text-transform: uppercase!important;
  color: var(--stone-light)!important;
  display: block!important;
  margin-bottom: 7px!important;
  font-weight: 300!important;
}

.gvity-form-outside .ginput_container_text input[type=text]{
  width: 100%!important;
  background: rgba(255,255,255,0.04)!important;
  border: 1px solid rgba(196,162,75,0.16)!important;
  border-radius: 0!important;
  color: var(--sand)!important;
  font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 22px 15px!important;
  margin-bottom: 14px!important;
  outline: none!important;
  transition: border-color 0.3s!important;
  
}
.gvity-form-outside .ginput_container_text input[type=text]::placeholder,
.gvity-form-outside .ginput_container_email input[type=email]::placeholder,
.gvity-form-outside .ginput_container_textarea textarea::placeholder{
   color: #888888 !important; /* Your custom color */
    opacity: 1;
}
.gvity-form-outside .ginput_container_text input[type=text]:focus,
.gvity-form-outside .ginput_container_email input[type=email]:focus,
.gvity-form-outside .ginput_container_textarea textarea:focus{
    border-color:rgba(196,162,75,0.45)!important;
    --gf-ctrl-border-color-focus: rgba(196,162,75,0.45)!important;
    box-shadow: none !important; 
    outline: none !important;
    }

.gvity-form-outside .ginput_container_email input[type=email]{
  width: 100%!important;
  background: rgba(255,255,255,0.04)!important;
  border: 1px solid rgba(196,162,75,0.16)!important;
  border-radius: 0!important;
  color: var(--sand)!important;
  font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 22px 15px!important;
  margin-bottom: 14px!important;
  outline: none!important;
  transition: border-color 0.3s!important;
}
.gvity-form-outside .ginput_container_textarea textarea{
  width: 100%!important;
  background: rgba(255,255,255,0.04)!important;
  border: 1px solid rgba(196,162,75,0.16)!important;
  border-radius: 0!important;
  color: var(--sand)!important;
  font-family: 'Jost',sans-serif!important;
  font-size: 1rem!important;
  font-weight: 300!important;
  padding: 22px 15px!important;
  margin-bottom: 14px!important;
  outline: none!important;
  transition: border-color 0.3s!important;
  height: 200px!important;
  min-height: 200px!important;
}
.gvity-form-outside .gform_fields{
    grid-row-gap: 1rem!important;
}
.gvity-form-outside .gform_button{
    background-color: #C4A24B!important;
  padding: 15px 15px!important;
  border-radius: 0px!important;  
font-family: 'Jost',sans-serif!important;
color: #1C1A17!important;
font-weight: 300!important;
letter-spacing: 0.18em!important;
text-transform: uppercase!important;
}
.gvity-form-outside .gform_footer{
    justify-content: end;
    align-items: flex-end;
}


.gform_confirmation_message_2{
    color: #C4A24B!important;
    font-family: 'Cormorant Garamond',serif!important;
    font-size: clamp(1.9rem,3.2vw,2.8rem)!important;
    font-weight: 300!important;
    font-style: italic!important;
    line-height: 1.18!important;
}



.hus_btn_header.open-be-om-tilbud{
    background-color:#d4b05c!important;
    color: #111009!important;
  font-weight: 300!important;
  font-size: 0.9rem!important;
  letter-spacing: 0.12em!important;
  text-transform: uppercase!important;
  padding-top: 0.5rem!important;
  padding-right: 0.8rem!important;
  padding-bottom: 0.5rem!important;
  padding-left: 0.8rem!important;
}
.hus_btn_header.open-be-om-tilbud:hover{
    background-color: #C4A24B!important;
}


.cta-group .open-be-om-tilbud{
    
    color: #fff!important;
  font-weight: 300!important;
  font-size: 0.9rem!important;
  letter-spacing: 0.12em!important;
  text-transform: uppercase!important;
  padding-top: 0.5rem!important;
  padding-right: 1rem!important;
  padding-bottom: 0.5rem!important;
  padding-left: 1rem!important;
}
.cta-group .open-be-om-tilbud:hover{
    background-color: #C4A24B!important;
}