/* Added on 03.12.2024 */

#malukoa-navbar {
    background-color: #1b6789;
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/bkgrd-navbar.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.videoclips-caption {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/bkgrd-masthead.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.section-malukoa-intro {
    background-color: #fff;
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/bkgrd-section1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    color: #000;
}

    .section-malukoa-intro h3 {
        color: #676767;
    }

.btn-outline-info,
.btn-outline-info-1 {
    background-color: #fff;
    border: 1px solid #146889 !important;
    color: #146889;
}

    .btn-outline-info:hover,
    .btn-outline-info:focus {
        background-color: #146889;
    }

    .btn-outline-info-1:hover,
    .btn-outline-info-1:focus {
        background-color: #146889;
        color: #fff;
        border: 1px solid #fff !important;
    }

.section-malukoa-intro .btn-outline-info,
.btn-outline-info-1 {
    min-width: 300px;
}

.home-stories-malukoa {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/bkgrd-homeownerstories.jpg);
    background-color: #282d3c;
}

#carouselAmenities .carousel-indicators li {
    background-color: rgba(255, 255, 255, .5);
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 9px;
    opacity: 1;
}

    #carouselAmenities .carousel-indicators li.active {
        background-color: #1b6789;
    }

#carouselAmenities .carousel-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    text-align: left;
    transform: translateY(-50%);
}

    #carouselAmenities .carousel-caption h1,
    .h1-lg {
        font-size: 3rem;
    }

.text-secondary {
    color: #676767;
}

.section-divider {
    border-top: 1px solid #1b6789;
}

#malukoa-floorplate h2 {
    color: #1b6789;
}

#malukoa-floorplate .sitemap-nav .btn {
    background-color: #1b6789;
    border: 1px solid #014f6e;
}

.embed-malukoa::before {
    padding-top: 30%;
}

.bkgrd-img-none {
    background-image: none;
}

.hover-zoom-in img {
    transition: transform 1s ease-in-out;
}

.hover-zoom-in:hover img,
.hover-zoom-in:focus img {
    transform: scale(1.2);
}

#malukoa-zoom-1 {
    padding-bottom: 65%;
}

#malukoa-floorplate #icon-sitemap-enlarge {
    top: auto;
    bottom: 20%;
    right: 6%;
}

.mini-map-controls {
    margin-top: 1rem;
    border-top: 1px solid #000;
    max-width: 197px;
    padding: 1rem 0;
}

    .mini-map-controls .btn {
        background-color: #f2ede5;
        border: 1px solid #000;
        color: #000;
        font-size: 1rem;
    }

#malukoa-floorplate .container-fluid {
    max-width: 1920px;
    margin: 0 auto;
}

.header-color-1 {
    color: #014f6e;
}

.link-color-1,
.link-color-1:hover,
.link-color-1:focus {
    color: #014f6e !important;
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .embed-malukoa::before {
        padding-top: 56.25%;
    }

    .section-malukoa-intro.d-lg-none {
        background-size: 1600px auto;
    }

    .bkgrd-features-mobile {
        background-color: #f3f2e8;
        background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/residences/bkgrd-features-mobile.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto;
    }
}

@media (max-width: 575.98px) {
    #carouselAmenities .carousel-caption h1 {
        font-size: 7vw;
    }

    .embed-malukoa::before {
        padding-top: 80%;
    }
}

/* Added on 03.18.2024 */

#malukoa-floorplate .sitemap-nav .btn {
    background-color: #1b6789;
    border: 2px solid #014f6e;
    color: #ffffff;
}

#malukoa-floorplate .sitemap-nav .btn:hover {
    text-decoration:underline;
}

#malukoa-floorplate-nav .btn {
    background-color: #fff !important;
    color: #014f6e;
}

    #malukoa-floorplate-nav .btn.active {
        background-color: #1b6789 !important;
        color: #fff !important;
    }

#malukoa-price-nav .btn {
    background-color: #fff !important;
    color: #014f6e !important;
}

    #malukoa-price-nav .btn.active {
        background-color: #1b6789 !important;
        color: #fff !important;
    }

.border-bottom-bold {
    border-bottom: 55px solid #1b6789;
    padding-bottom: 1rem;
}

.icon-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #afafaf;
    vertical-align: middle;
}

.bgc-available {
    background-color: #fff;
}

.bgc-future {
    background-color: #a3dbdb;
}

.bgc-reserved {
    background-color: #d6d3d3;
}

.bgc-sold {
    background-color: #f9f399;
}

.fs-large {
    font-size: 120%;
}

#malukoa-legend {
    background-color: #fcf7e5;
    max-width: 800px;
    margin: 0 auto;
}

.table-info-1 th,
.table-info-1 td {
    background-color: #0e4f6e;
}

.table-prices-malukoa {
    font-size: 17px;
    line-height: 1.2;
}

    .table-prices-malukoa th {
        vertical-align: middle;
    }

    .table-prices-malukoa td {
        vertical-align: middle;
        padding: .5rem;
    }

    .table-prices-malukoa .table-secondary td {
        background-color: #edeff0;
    }

    .table-prices-malukoa td,
    .table-prices-malukoa th {
        border-color: #b6b7b7;
    }

.table-success-1 th,
.table-success-1 td {
    background-color: #7b9e3e;
}

.table-auto {
    width: auto;
}

.map-prices {
    position: relative;
}

.map-price-box {
    background-color: #f1f1f1;
    text-align: center;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 10px 2px;
    font-stretch: condensed;
}

    .map-price-box#u01 {
        left: 3.75%;
        bottom: 10%;
    }

    .map-price-box#u02 {
        left: 23.5%;
        bottom: 10%;
    }

    .map-price-box#u03 {
        left: 3.75%;
        bottom: 20%;
    }

    .map-price-box#u04 {
        left: 23.5%;
        bottom: 22%;
    }

    .map-price-box#u05 {
        left: 3.75%;
        bottom: 31%;
    }

    .map-price-box#u06 {
        left: 23.5%;
        bottom: 29%;
    }

    .map-price-box#u07 {
        left: 23.5%;
        bottom: 34.5%;
    }

    .map-price-box#u08 {
        left: 3.75%;
        bottom: 39%;
    }

    .map-price-box#u09 {
        left: 3.75%;
        bottom: 44.5%;
    }

    .map-price-box#u10 {
        left: 23.5%;
        bottom: 42%;
    }

    .map-price-box#u11 {
        left: 3.75%;
        bottom: 53%;
    }

    .map-price-box#u12 {
        left: 23.5%;
        bottom: 53%;
    }

    .map-price-box#u13 {
        left: 3.75%;
        top: 32%;
    }

    .map-price-box#u14 {
        left: 23.5%;
        top: 32%;
    }

    .map-price-box#u15 {
        left: 26%;
        top: 5.25%;
    }

    .map-price-box#u16 {
        left: 28%;
        top: 35%;
    }

    .map-price-box#u17 {
        left: 32.5%;
        top: 5.25%;
    }

    .map-price-box#u18 {
        left: 32.25%;
        top: 35%;
    }

    .map-price-box#u19 {
        left: 38%;
        top: 5.25%;
    }

    .map-price-box#u20 {
        left: 36.25%;
        top: 35%;
    }

    .map-price-box#u21 {
        left: 40.25%;
        top: 35%;
    }

    .map-price-box#u22 {
        left: 45%;
        top: 5.25%;
    }

    .map-price-box#u23 {
        left: 45.1%;
        top: 35%;
    }

    .map-price-box#u24 {
        left: 52.5%;
        top: 5.25%;
    }

    .map-price-box#u25 {
        left: 52.5%;
        top: 35%;
    }

    .map-price-box#u26 {
        left: 60%;
        top: 5.25%;
    }

    .map-price-box#u27 {
        left: 60%;
        top: 35%;
    }

    .map-price-box#u28 {
        right: 28.75%;
        top: 5.25%;
    }

    .map-price-box#u29 {
        right: 28.75%;
        top: 35%;
    }

    .map-price-box#u30 {
        right: 21%;
        top: 5.25%;
    }

    .map-price-box#u31 {
        right: 23.5%;
        top: 35%;
    }

    .map-price-box#u32 {
        right: 19.5%;
        top: 35%;
    }

    .map-price-box#u33 {
        right: 16.5%;
        top: 5.25%;
    }

    .map-price-box#u34 {
        right: 15.5%;
        top: 35%;
    }

    .map-price-box#u35 {
        right: 12%;
        top: 5.25%;
    }

    .map-price-box#u36 {
        right: 11.5%;
        top: 35%;
    }

    .map-price-box#u37 {
        right: 5%;
        top: 5.25%;
    }

    .map-price-box#u38 {
        right: 6%;
        top: 35%;
    }

.container-prices {
    max-width: 2100px !important;
}

/*.mini-map-controls {
    margin-left: auto;
}*/

.pr-6 {
    padding-right: 5rem;
}

#malukoa-navbar .nav-link {
    border-bottom: 3px solid transparent;
    padding: .5rem 0 .25rem;
    margin: 0 1rem .25rem;
}

    #malukoa-navbar .nav-link:hover,
    #malukoa-navbar .nav-link:focus {
        border-bottom-color: #fff;
    }

.text-sold {
    color: #bd222f;
    padding-left: .5rem;
    padding-right: .5rem;
}

.text-reserved {
    color: #9fa0a3;
}

.text-black {
    color: #000;
}

.sort-residences {
    vertical-align: middle;
}

    .sort-residences .btn {
        font-size: 75px;
        line-height: 130px;
        font-weight: normal;
        padding: 0;
        width: 130px;
        height: 130px;
        text-align: center;
        border-radius: 1rem;
        margin: 0 .5rem;
        border: 1px solid #fff;
    }

        .sort-residences .btn.active {
            border: 6px solid #014f6e;
        }

    .sort-residences small {
        font-size: 35px;
    }

.btn-studio {
    background-color: #c8eaf9;
}

.btn-1bd {
    background-color: #e6edc9;
}

.btn-2bd {
    background-color: #fef7c6;
}

.btn-3bd {
    background-color: #ffe7c8;
}

.box-unit {
    background-color: #fff;
    color: #442010;
    font-size: 31px;
    line-height: 1.1;
    border-bottom: 3px solid #f2ede5;
}

    .box-unit small {
        font-size: 20px;
    }

.unit-info {
    line-height: 20px;
}

    .unit-info .btn {
        width: 90px;
        height: 90px;
        line-height: 55px;
        border-radius: 1rem;
        padding-left: 8px;
    }

@media (min-width: 992px) {
    .table-auto td {
        padding: .5rem 1rem;
    }

    .map-price-box {
        font-size: 0.75vw;
    }
}

@media (min-width: 1200px) {
    .table-auto td {
        padding: .5rem 1.5rem;
    }

    .container-prices .col-xl-2,
    .container-prices .col-xl-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container-prices .order-xl-1,
    .container-prices .order-xl-2 {
        order: unset;
    }
}

@media (min-width: 1600px) {
    .map-price-box {
        font-size: 0.6vw;
    }

    .container-prices .col-xl-2 {
        -ms-flex: 0 0 13%;
        flex: 0 0 13%;
        max-width: 13%;
        text-align: left !important;
    }

    .container-prices .col-xl-8 {
        -ms-flex: 0 0 74%;
        flex: 0 0 74%;
        max-width: 74%;
    }

    .container-prices .order-xl-1 {
        order: 1;
    }

    .container-prices .order-xl-2 {
        order: 2;
    }
}

@media (min-width: 1800px) {
    .map-price-box#u01,
    .map-price-box#u03,
    .map-price-box#u05,
    .map-price-box#u08,
    .map-price-box#u09,
    .map-price-box#u11,
    .map-price-box#u13 {
        left: 4.25%;
    }

    .map-price-box#u15,
    .map-price-box#u17,
    .map-price-box#u19,
    .map-price-box#u22,
    .map-price-box#u24,
    .map-price-box#u26,
    .map-price-box#u28,
    .map-price-box#u30,
    .map-price-box#u33,
    .map-price-box#u35,
    .map-price-box#u37 {
        top: 6%;
    }
}

@media (min-width: 2000px) {
    .map-price-box {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    #malukoa-prices-mobile h1 {
        color: #7b1e27;
    }
}

@media (max-width: 660px) {
    .sort-residences .btn,
    .unit-info .btn {
        zoom: 0.6;
    }

    .box-unit {
        font-size: 21px;
    }

        .box-unit small {
            font-size: 16px;
            line-height: 16px;
        }

    #malukoa-navbar .nav-link {
        border-bottom: 3px solid transparent;
        padding: .5rem 0 .25rem;
        margin: 0 .5rem .25rem;
    }

    #malukoa-navbar .nav-item {
        padding-right: 0px !important;
    }

    .section-navbar .nav-link, .section-sub-nav .nav-link {
        font-size: 13px;
    }
}

/* Added on 03.18.2024 */

#malu-koa-featured-1 .embed-responsive-item {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-1a.jpg);
}

#malu-koa-featured-2 .embed-responsive-item {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-2a.jpg);
}

#malu-koa-featured-3 .embed-responsive-item {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-3a.jpg);
}

#malu-koa-featured-1 .embed-responsive-item:hover,
#malu-koa-featured-1 .embed-responsive-item:focus {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-1b.jpg);
}

#malu-koa-featured-2 .embed-responsive-item:hover,
#malu-koa-featured-2 .embed-responsive-item:focus {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-2b.jpg);
}

#malu-koa-featured-3 .embed-responsive-item:hover,
#malu-koa-featured-3 .embed-responsive-item:focus {
    background-image: url(https://cchh.blob.core.windows.net/media/koaridge/new/the-homes/malu-koa-west/featured-3b.jpg);
}


/* Added on 03.27.2024 */

@media (min-width: 992px) {
    .masthead-video-short {
        position: relative;
        overflow: hidden;
    }

    .masthead-video-short {
        height: calc(80vh - 100px);
    }

        .masthead-video-short .embed-responsive {
            position: absolute;
            top: 0;
            margin-top: calc((80vh - ((100vw * 9)/16))/2 - 50px);
        }
}


.floorplan-info {
    position: absolute;
    left: 2rem;
    top: 2rem;
    color: #333;
}

    .floorplan-info h2 {
        letter-spacing: .3rem;
        color: #1b6789;
    }

    .floorplan-info a {
        color: #333;
        text-decoration: underline;
    }

#floorplanModal button.close {
    background-color: #7b1e28;
    color: #fff;
    text-shadow: none;
    width: 40px;
    height: 40px;
    opacity: 1;
    font-size: 40px;
    line-height: 40px;
    font-weight: lighter;
    margin-bottom: .5rem;
    z-index: 9;
    cursor: pointer;
    pointer-events: initial;
}

    #floorplanModal button.close > span {
        transform: scale(1.3) translateY(-2px);
        display: block;
    }

@media (max-width: 1199.98px) {
    #floorplanModal .modal-dialog {
        max-width: 100%;
        padding-left: 17px;
    }

    .floorplan-info h2 {
        font-size: 3.5vw;
    }

    .floorplan-info h3 {
        font-size: 2.5vw;
    }

    .floorplan-info p {
        font-size: 2vw;
    }

        .floorplan-info p.lead {
            font-size: 2vw;
        }
}

@media (max-width: 991.98px) {
    .floorplan-info {
        left: 1rem;
        top: 1rem;
    }

    .floorplan-legend-width {
        width: 80%;
    }
}

@media (max-width: 640px) {
    .floorplan-info {
        left: 10px;
        top: 10px;
    }
}


/* Added on 04.02.2024 */

.section-subnav-btn {
    border-bottom: 1px solid #000;
}

    .section-subnav-btn .btn {
        font-size: 23px;
    }

        .section-subnav-btn .btn svg {
            vertical-align: bottom;
        }

#collapsibleSubnav .active {
    display: none;
}