/*#2a578d -primary*/
/*#224671  -secondary*/

/*Primary Color Picker Changes*/

.primary-color {
    background-color: #2a578d !important;
    border-color: #2a578d !important;
}

.seconday-color, .secondary-color , .morebutton.button.secondary-color {
    background-color: #224671 !important;
    border-color: #224671 !important;
}

.primary-hover:hover {
    background-color: #2a578d !important;
    color: #fafafa !important;
}

/*===================== ICONS AND ICON BAR =====================*/
/* Icons */
.feature [class^="icon-"]:before, .feature [class*=" icon-"]:before {
    color: #2a578d;
}
/* Dashboard Icons */
.dashboard-col [class^="icon-"]:before, .feature [class*=" icon-"]:before {
    color: #2a578d;
}

/* Icon Bar */
.agency-footer-right span > i {
    color: #2a578d !important;
}
    .iconbar-tile a:hover {
        background: #fafafa !important;
    }
.Icon_Bar_Link > i:first-child {
    color: #2a578d;
}

.slick-prev:before,
.slick-next:before {
    color: #2a578d;
}

#s4-workspace .slick-next:hover, #s4-workspace .slick-next:active, #s4-workspace .slick-next:focus, .slick-prev:hover:before,
.slick-next:before, a:hover.Icon_Bar_Link > i:first-child {
    color: #224671;
}

#s4-workspace .slick-prev:hover, #s4-workspace .slick-prev:active, #s4-workspace .slick-prev:focus, .slick-prev:hover:before,
.slick-next:before {
    color: #224671;
}


/*===================== BUTTONS =====================*/
#s4-workspace button.fc-button, .morebutton a, read-more, a.col-btn, .read-more-recent a, .blog-feed .blog-pagination .current, .homeslide .morebutton a, .button, a.button:visited, a.button:active, a.button.focus, #s4-workspace button.fc-button {
    background-color: #2a578d !important;
    border-color: #2a578d !important;
    color: #fff !important;
    border: solid !important;
    border-color: #2a578d !important;
}

    #s4-workspace button:hover.fc-button, #s4-workspace .read-more-recent a:hover, a.col-btn:hover, #s4-workspace .read-more a:hover, #s4-workspace a.button:hover, #s4-workspace a.button:focus, #s4-workspace a.button:active, .homeslide .morebutton a:hover, .morebutton a:hover, .blog-feed .blog-pagination .current:hover, .button:hover, a.button:hover, #s4-workspace button.fc-button:hover, .reveal a.button:focus, .reveal a.button:hover, .reveal a.button:active, #s4-workspace a:focus.nav-tile, .fp-btn:active, .fp-btn:focus {
        color: #2a578d !important;
        background-color: #fff !important;
        border-color: #2a578d !important;
        border: solid;
    }

     #s4-workspace .homeslide .secondary-color:hover{
        color: #224671 !important;
        background-color: #fff !important;
        border-color: #224671 !important;
        border: solid;
    }
/* Search Button */
.gsc-search-button .gsc-search-button-v2, a.search-button, .portal-search input.gsc-search-button-v2 {
    background-color: #2a578d !important;
    border-color: #2a578d !important;
}
.gsc-search-button .gsc-search-button-v2:hover svg, .gsc-search-button .gsc-search-button-v2:focus svg, .gsc-search-button .gsc-search-button-v2:active svg{
    fill:#2a578d !important;
}

/*PennDOT News Search*/
.SearchNewsButton input[type=submit] {
    background-color: #2a578d !important;
    border-color: #2a578d !important;
    color: #fff !important;
    border: solid !important;
    border-color: #2a578d !important;
}

    .SearchNewsButton input[type=submit]:hover {
        color: #2a578d !important;
        background-color: #fff !important;
        border-color: #2a578d !important;
        border: solid;
    }
/*===================== HEADER AND NAVIGATION =====================*/

/* Header */
.contain-to-grid.navigation, .rmRootGroup, .rmHorizontal, ul.secondary-features.expanded a, #navShow {
    background: #2a578d !important;
}

/* Top Nav */
.top-bar .submenu a:hover {
    background-color: #2a578d !important;
    color: #fafafa !important;
}

.top-bar .mobile-accordion,
.top-bar .mobile-accordion:hover,
.top-bar .mobile-accordion .accordion-title:hover,
.top-nav .mobile-accordion .accordion-title:focus {
    background-color: #2a578d;
}
@media screen and (min-width: 1024px) {
    .dropdown > li > a:hover, .dropdown > li > a:hover > i.fa {
        color: #2a578d;
    }
}

.top-bar a.top-nav-top-item:hover {
    color: #2a578d !important;
}

/* Nav Tiles */
#s4-workspace .nav-tiles-container a:hover span, #s4-workspace .nav-tiles-container a:hover i, #s4-workspace .nav-tiles-container a:hover {
    color: #2a578d !important;
}

.nav-tile:hover {
    background-color: #fafafa !important;
    border: 0.1875rem solid #2a578d !important;
}
/* Custom Tiles */
a.contentTile {
    background: #2a578d;
}
/* Tiles - from SP2010 */
.RadSiteMap .rsmItem {
    background: #2a578d !important;
}

/*===================== IMAGE SLIDER =====================*/

.wrapper {
    background: #2a578d;
}

    .wrapper .morebutton a {
        border: .15rem solid white;
    }

button.slick-prev, button.slick-next {
    background-color: initial !important;
}

/* Blog 
.tags-box a:visited, .blog-feed a:visited {
    color: #2a578d;
}*/


/*===================== Back to Top =====================*/
.back-to-top {
    background-color: #2a578d;
    border: 0.1875rem solid #FAFAFA !important;
}

div:hover.back-to-top {
    background-color: #FAFAFA !important;
    color: #2a578d;
    border: 0.1875rem solid #2a578d !important;
}

/*===================== Training Site Button Icon =====================*/
#s4-workspace .live-chat-wrapper:hover > a.close-button > span {
    color: #2a578d !important;
}