.elementor-kit-1153{--e-global-color-primary:#663126;--e-global-color-secondary:#C09C83;--e-global-color-text:#663126;--e-global-color-accent:#3F422A;--e-global-color-88d8e11:#F7F5F4;--e-global-color-b6c0614:#EFE8E2;--e-global-color-05f645a:#487A7B;--e-global-typography-primary-font-family:"futura-pt";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"futura-pt";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"futura-pt";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"futura-pt";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:normal;--e-global-typography-7b1f49b-font-family:"BergmanRegular";--e-global-typography-7b1f49b-font-weight:400;--e-global-typography-222cc57-font-family:"futura-pt";--e-global-typography-222cc57-font-weight:600;color:var( --e-global-color-primary );font-family:"futura-pt", Sans-serif;font-size:20px;line-height:26px;}.elementor-kit-1153 button,.elementor-kit-1153 input[type="button"],.elementor-kit-1153 input[type="submit"],.elementor-kit-1153 .elementor-button{background-color:#FFFFFF00;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:12px 24px 12px 22px;}.elementor-kit-1153 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1153 p{margin-block-end:1.5;}.elementor-kit-1153 a{color:var( --e-global-color-primary );line-height:1em;}.elementor-kit-1153 a:hover{color:#525543;}.elementor-kit-1153 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-kit-1153 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-kit-1153 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-kit-1153 h4{color:#663126;font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-kit-1153 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-kit-1153 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-7b1f49b-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b1f49b-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:300px;}.e-con{--container-max-width:300px;}}/* Start custom CSS *//*
    CONTACT FORM
    -------------------------------------------
*/
.edge-form {
    & .elementor-form-fields-wrapper .elementor-field-group {
        & .elementor-field {
            background-color: transparent !important;
            min-height: max-content;
            border: none;
            padding: 0;
            
            &:focus {
                box-shadow: none;
            }
            
            &::placeholder {
                text-transform: uppercase;
                
            }
            
        }
        
        &.elementor-column {
            display: grid;
            padding: 12px 8px;
            grid-template-columns: 180px 1fr;
            margin-bottom: 0 !important;
        }

        &:nth-last-child(1),
        &:nth-last-child(2) {
            grid-template-columns: 1fr;
        }
        
        & .elementor-button {
            width: 100%;
            display: flex;
            border-radius: 0;
            text-transform: uppercase;
            justify-content: space-between;
            align-items: center;
            background-color: #663126;

            &:hover,
            &:focus {
                background-color: #525543;
            }
        
            & .elementor-button-text {
                font-weight: 600;
            }
        
            &::after {
                content: "→";
            }
        }
        
        &.elementor-field-type-checkbox {
            &:not(.elementor-field-group-broker) {
                grid-template-columns: 1fr;
                gap: 10px;
            }
        
            &>label {
                width: 100%;
                padding-bottom: 6px;
            }
        
            &:not(.elementor-field-group-broker) .elementor-field-subgroup {
                display: none;
                flex-direction: column;
                gap: 4px;
                flex-wrap: nowrap;
            }
        
            & .elementor-field-subgroup {
                & span {
                    display: flex;
                }

                & label {
                    cursor: pointer;
                    width: 100%;
               font-size: 12px;
                    &:hover {
                        color: #525543;
                    }
                }
            }
        
        
            &:not(.elementor-field-group-broker) {

                &>label {
                    display: flex;
                    align-items: center;
                    position: relative;
                    padding: 0px;

                    &::before {
                        content: "↑";
                        color: #663126;
                        transform: rotate(180deg);
                        width: 16px;
                        height: 16px;
                        position: absolute;
                        right: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            
                &.active>label::before {
                    transform: rotate(0deg);
                }
            
            }
        
            &.active>label+.elementor-field-subgroup {
                display: flex;
            }
        }

        &.elementor-field-type-radio {
            &:not(.elementor-field-group-broker) {
                grid-template-columns: 1fr;
                gap: 10px;
            }
        
            &>label {
                padding-bottom: 6px;
            }
        

            &:not(.elementor-field-group-broker) .elementor-field-subgroup {
                display: none;
                flex-direction: column;
                gap: 4px;
                flex-wrap: nowrap;
                max-height: 400px;
                overflow-y: auto;
            }
        
  
            &.elementor-field-group-broker .elementor-field-subgroup {
                display: flex;
                flex-direction: row;
                align-items: center;

                & .elementor-field-option {
                    display: flex;
                    flex-basis: initial;
                    align-items: center;
                    gap: 12px;

                    &:first-child {
                        margin-left: auto;
                    }

                    &:last-child {
                        margin-left: 36px;
                    }

                    & input:checked+label {
                        text-decoration: none;
                        color: #663126;
                    }
                
                    & label {
                        padding: 0;
                    }
                }
                
                & label {
                    width: max-content;
                }
            }
        
            & .elementor-field-subgroup {
                & span {
                    display: flex;
                }

                & label {
                    cursor: pointer;
                    padding: 6px 24px;
                    width: 100%;

                    &:hover {
                        color: #525543;
                    }
                }
            }
        
        
            &:not(.elementor-field-group-broker) .elementor-field-subgroup {
                & input {
                    display: none;

                    &:checked+label {
                        background-color: #663126 !important;
                        color: #E3DED9 !important;
                    }
                }
            }
        
            &:not(.elementor-field-group-broker) {

                &>label {
                    display: flex;
                    align-items: center;
                    position: relative;
                    padding: 0px;

                    &::before {
                        content: "↑";
                        color: #663126;
                        transform: rotate(180deg);
                        width: 16px;
                        height: 16px;
                        position: absolute;
                        right: 0;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            
                &.active>label::before {
                    transform: rotate(0deg);
                }
            
            }
        
            &.active>label+.elementor-field-subgroup {
                display: flex;
            }
        
            &+.elementor-field-type-text {
                border: none;
                padding: 0 5px;
                grid-template-columns: 1fr;
                display: none;

                & input {
                    padding: 12px 24px;
                }
            }
        
            &.elementor-field-group-broker.other_field+.elementor-field-type-text,
            &.active.other_field+.elementor-field-type-text {
                display: flex;
            }
        }

    }

    & .elementor-field-group-type_home,
    & .elementor-field-group-type_home2,
    & .elementor-field-group-type_home__popup {
        display: flex !important;

        & .elementor-field-option {
            display: flex;
            flex-direction: row;
            gap: 8px;
            align-items: center;
            margin-left: 24px;
    
            input[type="checkbox"] {
                all: unset;
                width: 16px;
                height: 16px;
                background-color: transparent;
                border-radius: 0;
                border: 1px solid #663126;
                cursor: pointer;
    
                &:checked {
                    background-color: #663126;
                }
            }
    
            & + .elementor-field-option {
                margin-top: 8px;
            }
    
            &:first-child {
                margin-top: 24px;
            }
        }
    }


    & .elementor-field-group {
        border-top: 1px solid #E3DED9;

        &.elementor-column label {
            text-transform: uppercase;
            align-self: center;
        }
    }

    & input[type="radio"] {
        all: unset;
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 1.5px solid #663126;
        border-radius: 50%;

        &:checked {
            background-color: #663126;
        }
    }
}

.white .edge-form {
    & .elementor-field-group.elementor-column label,
    & .elementor-field-group.elementor-column input,
    & .elementor-field-group.elementor-column textarea,
    & .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-radio:not(.elementor-field-group-broker)>label::before {
        color: #E3DED9 !important;
    }
    
    & .elementor-message:not(.elementor-message-danger) {
        color: #72ec72 !important
    }
    
    & input[type="radio"] {
        border-color: #E3DED9 !important;
        
        &:checked {
            background-color: #E3DED9 !important;
        }
    }
    & .elementor-form-fields-wrapper .elementor-field-group {
        &.elementor-field-type-checkbox {
            &:not(.elementor-field-group-broker) > label {
                display: flex;
                align-items: center;
                position: relative;
                padding: 0px;
    
                &::before {
                    color: #E3DED9 !important;
                }
            }
        }
    }

    & .elementor-field-group-type_home {
        & .elementor-field-option {
            input[type="checkbox"] {
                background-color: transparent;
                border: 1px solid #E3DED9;
    
                &:checked {
                    background-color: #E3DED9;
                }
            }
        }
    }

    
    & .elementor-form-fields-wrapper .elementor-field-group {
        & .elementor-button {
            background-color: #E3DED9 !important;
            transition: filter 100ms ease;

            &:hover {
                filter: brightness(0.75);
            }
            
            & .elementor-button-text,
            &::after {
                color: #663126 !important;
            }
        }
        
        
        &.elementor-field-type-radio:not(.elementor-field-group-broker) .elementor-field-subgroup input:checked+label {
            background-color: #E3DED9 !important;
            color: #663126 !important;
        }
    }
}



.elementor-menu-toggle.elementor-active {
    position: relative;
    z-index: 10000;
}


/*
    FLOORPLAN
    -------------------------------------------
*/
.floorplan {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;

    & aside {
        display: flex;
        flex-direction: column;

        &>h2 {
            margin-bottom: 48px;
        }

        & details {
            border-top: 1px solid #e3ded9;

            & summary {
                text-transform: uppercase;
                padding: 12px 16px;
                list-style: none;
                font-family: var(--e-global-typography-7b1f49b-font-family), Sans-serif;
                font-weight: var(--e-global-typography-7b1f49b-font-weight);
                color: #9E8E82;
                cursor: pointer;
                font-size: 24px;

                &::-webkit-details-marker {
                    display: none;
                }
            }

            &:last-child {
                border-bottom: 1px solid #e3ded9;
                margin-bottom: 72px;
            }
        }

        & .interior,
        & .exterior,
        & .title {
            margin-top: 0px;
            margin-bottom: 12px;
        }

        & .level,
        & .rooms {
            margin-top: 0px;
            margin-bottom: 24px;
        }

        & .total {
            margin-top: 0;
        }

        & a[download] {
            display: flex;
            margin: 0px;
            width: 100%;
            margin-top: 60px;
            text-transform: uppercase;
            padding: 12px 24px;
            border: 1px solid #9E8E82;
            transition: color 200ms, background-color 200ms;
            text-align: center;
            justify-content: center;

            &:hover {
                background-color: #9E8E82;
                color: #FFFFFF;
            }
        }
    }


    & .viewer {
        display: flex;
        flex-direction: column;
        grid-column: span 3 / span 3;

        & h3 {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 48px;
            margin-top: 0;
        }
    }

    svg .floor {
        & .bg {
            fill: #FFFFFF;
            transition: fill 200ms ease;
            cursor: pointer;
        }

        &.active .bg,
        &:hover .bg {
            fill: #C09C83;
        }
    }

    @media (max-width: 1020px) {
        display: flex;
        flex-direction: column;

        & aside {
            display: flex;
            flex-direction: row;
            gap: 10rem;
        }
    }

    @media (max-width: 650px) {
        & aside {
            gap: 3rem;
            flex-direction: column;

            details:last-child {
                margin-bottom: 0px;
            }
        }

        & .viewer {
            display: none;
        }
    }
}

/* 
    OTHERS
    -------------------------------------------
*/
.mobile-viewer-container {
    display: none;
}

@media (max-width: 1020px) {

    .floorplan-container,
    .residence-info-container {
        width: 50%;
    }
}

@media (max-width: 520px) {
    .mobile-viewer-container {
        display: block;
    }

    .mobile-viewer-container .mobile-viewer {
        display: block;
    }

    .floorplan-container,
    .residence-info-container {
        width: 100%;
    }
}

#residenceInfo {
    margin-bottom: 38px !important;
}

.elementor-element-98cf482 {
    flex-wrap: nowrap;
}

.elementor-field-type-hidden {
    display: none !important;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp;
    animation-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft;
    animation-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight;
    animation-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BergmanRegular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('../../../../wp-content/uploads/2024/07/f37_bergman_regular.woff2') format('woff2'),
		url('../../../../wp-content/uploads/2024/07/f37_bergman_regular.woff') format('woff');
}
/* End Custom Fonts CSS */