﻿@media screen and (min-width: 1024px) {

    #primaryNav {
        /*background-color: #99deea !important;*/
        background-color: #e1f3f8 !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    }

    #primaryNav:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    }

    .search-results tbody tr:nth-child(4n+3) td, .search-results tbody tr:nth-child(4n+4) td {
        background-color: #e7f6f8;
    }

    .searchResultsLeft {
        float: left;
        margin-right: 20px;
    }

    .searchResultsRight {
        float: right;
    }

    .usa-banner {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    }

    .usa-breadcrumb {
        padding-bottom: 0 !important;
    }

    .usa-header--extended .usa-logo {
        font-size: 2.13rem;
        margin: 0.5rem 0 1.5rem;
        max-width: 50%;
    }

    .usa-nav__primary > .usa-nav__primary-item > a {
        color: black;
        font-weight: normal;
        font-size: 1.06rem;
    }

    .usa-nav__primary li a {
        text-decoration: none;
        color: white;
        position: relative;
    }

    .usa-nav__primary li a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 5px;
        bottom: 0;
        left: 0;
        background-color: #1D3463;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .usa-nav__primary li a:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

    .usa-nav__primary > .usa-nav__primary-item > a:hover {
        text-decoration: none;
        color: #1D3463;
        position: relative;
    }

    .usa-nav__secondary {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .usa-nav__secondary:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    }
}