﻿html{
    overflow-y: scroll;
}

body {
   /* background-color: #fdfcfb;*/
}

#menu {
    z-index: 100;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}

    #menu .nav-link {
        font-size: 1.2rem;
        color: #000 !important;
        border-bottom: 3px solid #ffffff;
        margin: 0px 15px 0px;
        padding: 5px
    }

    #menu .nav-link:hover {
        text-decoration: none;
        border-color: #0f0ff0;
    }

.home-banner {
    background: url(images/sunrise-houses-cropped.jpg)center center no-repeat;
    background-size: cover;
    color: white;
    height: 540px;
    text-shadow: 3px 3px 3px #000000;
}

.overlay {
    background: rgba(0,0,0,0.4);
    height: 100%;
    display: flex;
    align-items: center;
}

.banner {
    background: rgb(226,229,233);
    background: linear-gradient(90deg, rgba(226,229,233,1) 0%, rgba(241,242,244,1) 50%, rgba(226,229,233,1) 100%);
    color: #0f0ff0;
}

.bg-gray {
    background: rgb(226,229,233);
    background: linear-gradient(90deg, rgba(226,229,233,1) 0%, rgba(241,242,244,1) 50%, rgba(226,229,233,1) 100%);
}

.text-blue{
    color: #0f0ff0;
}

.btn-custom {
    background-color: #fdc500;
    /*color: white;*/
    border-color: #fdc500;
}

    .btn-custom:hover, .btn-custom:disabled, .btn-custom:focus {
        background-color: #ffd500;
        /* color: white;*/
        border-color: #ffd500;
    }

.nested-nav {
    border-right: 1px solid #dee2e6;
    margin-bottom: 1.5rem;
}

    .nested-nav .nav-item {
        border-bottom: 1px solid #dee2e6;
    }

    .nested-nav .nav-link {
        color: #000000;
    }

    .nested-nav .active {
        background-color: #0f0ff0;
        color: #ffffff;
    }

    .nested-nav .nav-link:focus {
        outline: none !important;
    }

    .nested-nav .nav-item:hover {
        background-color: rgba(15,15, 240, 0.2);
    }

.card-links .card {
    border: 0px !important;
    height: 100%;
    box-shadow: 0px 8px 5px #cccccc;
    border-top: 10px solid #0f0ff0 !important;
}

    .card-links .card .card-body {
        display: flex;
        flex-direction: column;
    }

    .card-links i{
        color: #0f0ff0;
    }

.card-links a {
    text-decoration: none;
    color: #3c393c;
    font-size: 1.1em;
}

    .card-links a:hover {
        text-decoration: none;
    }

        .card-links a:hover .card {
            box-shadow: 0px 12px 12px #cccccc;
        }

.map {
    width: 100%;
    border: none;
    border: 0;
    min-height: 420px;
}
