/*
---------------
    NAV MENU
---------------
*/
nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    grid-gap: 1em;
    align-items: center;
    text-align: right;
    border-bottom: 4px solid black;
    background: black;
    color: white;
    height: 77px;
    z-index: 0;
}

.add-list {
    float: right;
    padding: 13px 32px;
    position: relative;
    /*top: 20px;*/
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    color: white;
    background: #d8252f;
    margin-right:20px;
}

    .add-list:hover {
        color: #d8252f;
        background: white;
    }

    .navLinks {
    /* font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;*/
    text-decoration: none;
    color: white;
    line-height:44px;
    padding-right:20px;
    font-weight:bold;

    }

        .navLinks:hover {
            color: #d8252f;
           
        }


    @media screen and (max-width: 900px) {
        nav {
            grid-template-columns: 100%;
            grid-template-rows: auto;
            grid-gap: 1em;
        }
    }

    .nav-logo {
    grid-column: 1;
    background-image: url("/images/logo.png");
    background-origin: content-box;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    padding-left: 10px;
}

.nav-middle {
    grid-column: 2/ span 2;
}

.nav-right {
    grid-column: 4/span 2;
}



.nav-search-container {
    height: 28px;
}

.nav-search-box {
    padding: 3px 10px 3px 26px;
    border-radius: 3px;
    border: solid 1px silver;
    line-height: 18px;
    background-color: #fafafa;
}

/*
---------------
    LOGIN FORM SECTION
---------------
*/




.login-form{
    background-color:white;

}