.site-notice {

text-align: center;

color: $color-text;

a {
    font-size: .95em;

    padding-right: 3px;
    padding-left: 3px;

    color: #0077CC;
    border-bottom: 1px dotted #FFD18D;

    &:hover {
        -webkit-transition: all .3s ease-out;
           -moz-transition: all .3s ease-out;
             -o-transition: all .3s ease-out;
                transition: all .3s ease-out;

        color: $color-text;
        background-color: $color-hover;
    }

    &:visited {
        color: #4A6B82;
    }
}

}

body.nav-overlay, body.search-overlay {

overflow: hidden;

&:after {
    position: fixed;
    z-index: 9001;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    min-height: 100%;

    content: '';

    background-color: rgba(25, 25, 25, .95);
}

}

.overlay-wrapper {

position: absolute;
top: 50px;

display: none;
zoom: 1;

width: 90%;
padding-right: 5%;
padding-left: 5%;

}

.overlay-form {

position: relative;
z-index: 9002;
top: 0;
left: -200px;

width: 100%;

opacity: 0;

&.active {
    top: 0;
    left: 0;

    opacity: 1;
}

a,
h1,
h2,
h3,
h4,
li,
ol,
dl,
p,
span,
button,
input {
    color: #FFFFFF;
}

.overlay-header {
    font-size: 2em;

    border: none;
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
}

.search-field {
    width: 100%;
    padding-bottom: 12px;

    background-clip: padding-box;
    box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.menu {
    display: block;

    margin-left: 18px;
    padding-bottom: 16px;

    text-align: center;
}

.btn-close {
    position: absolute;
    z-index: 1;
    top: .6rem;
    right: 1rem;

    display: block;

    width: auto;
    height: auto;

    cursor: pointer;
    text-align: center;

    &:hover {
        font-weight: bold;

        -webkit-transition: all .3s ease-in-out;
           -moz-transition: all .3s ease-in-out;
             -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }
}

.results {
    position: absolute;

    width: 100%;
    margin: 0;
    padding: 0;

    outline: 0;
    text-shadow: none;

    .entry-date {
        display: none;
        float: right;
    }

    li {
        font-size: 1em;

        margin-left: 12px;
        padding: 3px;

        &:hover {
            -webkit-transition: all .3s ease-in-out;
               -moz-transition: all .3s ease-in-out;
                 -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;

            border: 1px dashed #FFFFFF;
        }
    }
}

}

.nav-form .results {

ul {
    padding: 0;
    li {
        list-style: none;
        a {
            display: block;

            margin-right: auto;
            margin-left: auto;

            text-align: center;
        }
    }
}

}