// Page shadow
#page {
    &::before {
        $page-margin: 20px;
        content: "";
        width: $width + ($page-margin * 2);
        height: 100vh;
        margin: auto;
        position: fixed;
        top: 0;
        left: calc(50% - (#{$width} / 2) - #{$page-margin});
        z-index: -1;
        box-shadow: 0px 0px 10px 0px #656565;
    }
}

div#header-wrapper {
    #logo {
        padding-top: 15px;
        a {
            display:inline-block;
            background: url(img/logo.png) top center no-repeat;
            height: 115px;
            width: 100%;
			text-indent: -1000px;
			overflow: hidden;
            @media screen and ($max-mobile-viewport) {
                background-size: 120px;
                height: 144px;
            }
        }
    }
}

div#nav {
    font-size: 0.867rem;
    font-weight: 700;
	text-align: center;
	padding-top: 1px;
    border-bottom: 4px solid #dbdbdb;
	text-transform: uppercase;

    // nav desktop only
    @media (min-width: $nav-mobile-limit + 1) {
        > ul {
            margin-bottom: 5px;
            // Item separator
            > li::before, > li:last-child::after {
                content: '';
                width: 1px;
                height: 24px;
                background: $gray-lighter;
                display: inline-block;
                vertical-align: middle;
                margin: 1px;
            }
            > li > a {
                border-top: 2px solid $nav-active-color;
            }
        }
    }
    // nav mobile only
	@media screen and (max-width: $nav-mobile-limit) {
		text-align: left;
	}
}

// Links list
#main-content {
    %cell-links-list {
        background-color: $gray-lighter;
        & > li {
            border-bottom-width: 3px !important;
        }
    }
}

div#footer-wrapper {
    margin-top: 0;
    font-size: 0.867rem;
    a {
        text-decoration: underline;
        color: white;
    }
}


div.submit-button button, div.submit-button button:hover {
    background: $primary-color-clearer;
}
