@import "base";
@import "colors";
@import "headings";
@import "splash";
@import "components/places";
@import "components/place-map";
@import "components/button";
@import "components/signin";

a {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.decorated-section {
    // background-color: white;
    // border-top: 1px solid $mggg-blue;
    // border-bottom: 1px solid $mggg-blue;
    background-color: $districtr-light-grey;
}

.landing-page .place-map__search[value=""] {
    display: none;
}

ul#nav {
    display: block;
    width: 100%;
    border: none;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

    hr {
        border-top: 1px solid #ddd;
    }

    img {
        display: inline-block;
        max-width: 180px;
    }

    button {
        float: right;
        .material-icons {
            font-size: 34px;
        }
    }

    li {
        display: inline-block;
        list-style-type: none;
        float: right;
        background: $mggg-dark-blue;
        margin-left: 7px;
        border-radius: 10px;

        a {
            display: block;
            color: #fff;
            font-size: 16px;
            padding: 10px 10px;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    @media (min-width: 800px) {
        button {
            display: none;
        }
    }
    @media (max-width: 800px) {
        li {
            display: none;
        }
    }
}