a.searchIcon { color: #404040; }
    a.searchIcon:hover { color: #FF733C; }


/* main menu (ddsmooth nav) */

.navbar-top { background-color: #007139; margin-bottom: 0; border-radius: 0; }
    .navbar-top .nav { float: none; padding: 18px 0; }
        .navbar-top .nav > li { float: none; display: inline-block; }
            /*.navbar-top .nav > li > a { padding-top: 32px; padding-bottom: 32px; }*/
            .navbar-top .nav > li > a:hover, .navbar-top .nav > li > a:focus { }
        .navbar-top .nav .dropdown li { border-bottom: solid 1px #2A8753; width: 100%; }
            .navbar-top .nav .dropdown li a { padding-left: 10px; }
            .navbar-top .nav .dropdown li:hover { border-bottom: solid 1px #2A8753; background-color: #00471E; }
                .navbar-top .nav .dropdown li:hover a { text-decoration: none; }
            .navbar-top .nav .dropdown li:last-of-type { border-bottom: none; }
            .navbar-top .nav .dropdown li a { text-align: left; padding-bottom: 4px; font-size: 14px; }

/* override ddsmoothmenu's styles - for top nav */
.ddsmoothmenu { background-color: inherit; }
    .ddsmoothmenu ul { padding: 0px; }
        .ddsmoothmenu ul li { padding: 0px; }
            .ddsmoothmenu ul li a { background-color: inherit; }
                .ddsmoothmenu ul li a:link { border: 0; text-transform: uppercase; font: normal normal 300 20px/28px Poppins; letter-spacing: 0.4px; }
                .ddsmoothmenu ul li a:hover { background-color: inherit; color: #fff; text-decoration: underline; }
            .ddsmoothmenu ul li ul { background-color: #007139; border-top: solid 3px #faa000; width: 200px; padding: 0px; }
                .ddsmoothmenu ul li ul li { white-space: nowrap; }
                    .ddsmoothmenu ul li ul li a:link { padding: 5px 0px 0px 0px; text-transform: none; }
                    .ddsmoothmenu ul li ul li a:hover { padding: 5px 0px 0px 0px; text-transform: none; text-decoration: underline; }
    .ddsmoothmenu .downarrowclass { display: none; }


/* reduce padding and font-size in sm format so that menu items don't wrap */
@media (max-width: 991px) {
    .ddsmoothmenu ul li a:link { font-size: 16px; }
    /* padding-right is !important because its width is set via ddsmoothmenu's javascript */
    .ddsmoothmenu ul li a { padding-right: 0 !important; }
}

/* mobile pop up menu */
div.ddsmoothmobile { border-radius: unset; height: 396px; }
    div.ddsmoothmobile div.topulsdiv { background-color: #007139; }
    div.ddsmoothmobile ul { background-color: #007139; }
        div.ddsmoothmobile ul li { border-bottom: 1px solid #378F5F; position: relative; font-weight: bold; }
            div.ddsmoothmobile ul li a:hover { background-color: #00471E }
            div.ddsmoothmobile ul li.breadcrumb { background-color: #00471E; border-bottom: 1px solid #fff; color: #fff; font-size: 14px; text-transform: uppercase; font-family: "Poppins", Arial; font-weight: normal; text-decoration: none; border-radius: 0px; }
            div.ddsmoothmobile ul li a { color: #fff; font-size: 14px; text-transform: uppercase; font-family: "Poppins", Arial; font-weight: normal; text-decoration: none; }
        div.ddsmoothmobile ul.submenu li a { color: #fff; font-size: 14px; text-transform: none; font-family: "Poppins", Arial; font-weight: normal; text-decoration: none; }

        /* alternate mobile menu item style */
        div.ddsmoothmobile ul li.alt { background-color: #fff; color: #000; }
            div.ddsmoothmobile ul li.alt a { color: #000; }
            div.ddsmoothmobile ul li.alt a:visited { color: #000; }
            div.ddsmoothmobile ul li.alt:hover { color: #fff; }
            div.ddsmoothmobile ul li.alt a:hover { color: #fff; }

    /* remove seperator in My MGA xs menu */
    div.ddsmoothmobile li.seperator { display: none; }


/* secondary nav - that weird "men's women's juniors seniors" thing.  To Do:  make this generic because it is in the footer as well. */
.navbar-second { text-align: center; font: italic normal normal 16px/25px Poppins; letter-spacing: 0.32px; color: #000000; text-transform: uppercase; margin: 10px 0; }
    .navbar-second .nav { display: inline-block; vertical-align: top; border-right: 1px solid #ddd; }
.header .navbar-second .nav:first-child { border-left: 1px solid #ddd; }

.navbar-second .nav { padding: 5px 40px; }
    .navbar-second .nav a { color: #000; }
        .navbar-second .nav a:hover { color: #007139; font: italic normal bold 15px/25px Poppins; }

.navbar-second .icon { padding: 7px 15px 0px 15px; border-right: none; }
    .navbar-second .icon a { color: #000; }
        .navbar-second .icon a:hover { color: #007139; }

.navbar-second .tip { max-width: 275px; padding: 10px 15px 0px 15px; border-left: 1px solid #ddd; }
    .navbar-second .tip p { padding: 0px; text-align: left; font: italic normal normal 12px/15px Poppins; letter-spacing: 0px; color: #000000; text-transform: none; line-height: 3px; }

#fadeinHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: none; background-color: #007139; color: #fff; padding: 10px; text-transform: uppercase; font-size: 16px; }
#fadeinHeader img { height: 50px; }
    #fadeinHeader a { color: inherit; text-decoration: none; }
    #fadeinHeader .search { padding: 10px; border-right: 1px solid #fff; }
    #fadeinHeader .postScore { padding: 10px; line-height: 12px; font-size: 12px; text-transform: none; }