:root {
    /*Header*/
--logo-header-bg-color: #602a30;
--banner-bg-color: #602a30;
--user-actions-bg-color: #602a30;
--ad-slug-color: #333333;
--search-icon-color: #004c91;
    /*submit/save buttons*/
--submit-button-bg-color: #602a30;
    /*navigation*/
--sticky-nav-bg-color: #602a30;
--nav-bg-color: #452125;
--nav-bg-hover-color: #34181a;
--nav-dropdown-tab-bg-color: #452125;
--nav-dropdown-link-bg-color: #34181a;
--mob-nav-useroptions-hover-bg-color: #34181a;
--mob-nav-dropdown-bg-color: #452125;
--mob-nav-dropdown-item-bg-color: #2440b9;
    /*Footer section*/
--footer-bg-color: #602a30;
--back-to-top-link-bg-color: #602a30;
--back-to-top-color: #ffffff;
    /*Content headers style*/
--mob-content-header-bg-color: #004;
--mob-content-header-color: #ffffff;
--content-header-bg-color: #602a30;
--content-header-color: #ffffff;
--content-header-rss-icon-color: #ffffff;
    /*Webparts related*/
--tabs-bg-color: #602a30;
--tabs-border-color: #602a30;
--mostpopular-tab-bg-color: #602a30;
--mostpopular-tab-border-color: #602a30;
--list-item-before-color: #0069aa;
}

body {
    background: #ccc
}

#main-container {
    background: #fff
}

.wk-main-header {
    background-color: #4462b0;
    border-bottom: 2px solid #fff
}

    .wk-main-header .user-info-dropdown {
        background-color: #4462b0
    }

@media(min-width:992px) {
    .wk-main-header .user-info > ul > li > a, .wk-main-header .user-info-dropdown a {
        border-right: 1px solid #fff;
        color: #fff !important
    }

        .wk-main-header .user-info > ul > li > a:hover {
            background-color: transparent
        }

    .wk-main-header .user-info > ul > li:last-child > a {
        border-right: none
    }
}

#main-container #main-footer {
    background-color: #0067ac;
    color: #fff
}

#main-container #main-nav-container #main-footer {
    background-color: #0067ac;
    color: #fff
}

#main-footer .footer-social li a i {
    color: #fff
}

#main-container #main-nav-container {
    background-color: #afa5d1
}

    #main-container #main-nav-container .navbar-nav > li {
        border-right: 1px solid #fff
    }

        #main-container #main-nav-container .navbar-nav > li a {
            color: #333
        }

        #main-container #main-nav-container .navbar-nav > li ul {
            background-color: #afa5d1
        }

            #main-container #main-nav-container .navbar-nav > li ul > li > a {
                color: #333
            }

@media(min-width:992px) {
    .main-nav-hover-overlay-hover {
        display: block;
        background-color: #beb4e0
    }
}

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
    background-color: #beb4e0
}

nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li {
    background-image: -webkit-linear-gradient(top,transparent 50%, #beb4e0 50%, #beb4e0 95%, #beb4e0 95%);
    background-image: linear-gradient(to bottom,transparent 50%, #beb4e0 50%, #beb4e0 95%, #beb4e0 95%)
}

    nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover {
        background-color: #141112;
    }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover > a > i.fa {
            color: #fff;
        }

    nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open > a {
        background-color: #beb4e0 !important;
        color: #333
    }

nav#main-nav div#navActionButtons {
    background-color: #afa5d1;
    border-bottom: 1px solid #afa5d1
}

    nav#main-nav div#navActionButtons > a {
        color: #fff;
        border-right: 1px solid #fff !important
    }

        nav#main-nav div#navActionButtons > a:last-child {
            border-right: none !important
        }

nav#main-nav div[id$=TopNavigationMenu] {
    background-color: #afa5d1;
    flex: 2 0 100%;
    order: 3
}

    nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] > li > a > i.fa:before {
        content: "\f078";
        margin-left: .5rem
    }

    nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .open > a > i.fa:before {
        content: "\f077";
        margin-left: .5rem
    }

    nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] > li > a {
        color: #333;
        font-weight: 700
    }

    nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] > li.active > a {
        background-color: transparent !important;
        color: #333
    }

@media(max-width:1200px) {
    nav#main-nav div[id$=TopNavigationMenu] {
        padding-bottom: 1rem
    }

        nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown > a > i {
            position: relative;
            margin-top: -.9rem;
            float: right;
            padding: 1.5rem 1.5rem 1.5rem 1rem
        }

        nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown ul {
            background-color: #afa5d1;
            padding-top: 0;
            border-radius: 0
        }

            nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown ul li {
                background-color: var(--mob-nav-dropdown-item-bg-color);
            }

                nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown ul li a {
                    color: #333
                }

        nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown, nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .open > a {
            background-color: var(--nav-dropdown-tab-bg-color);
        }

            nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown > i, nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .open > a > i {
                background-color: transparent
            }
}

@media(min-width:768px) {
    nav#main-nav div[id$=TopNavigationMenu] {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:992px) {
    nav#main-nav div[id$=TopNavigationMenu] {
        width: 32rem;
        position: absolute;
        margin-top: 5rem
    }
}

@media screen and (min-width:992px) and (-webkit-min-device-pixel-ratio:0) {
    nav#main-nav div[id$=TopNavigationMenu] {
        order: 3
    }
}

@media(min-width:1200px) {
    nav#main-nav div[id$=TopNavigationMenu] {
        padding-bottom: 0;
        background-color: transparent;
        position: static;
        margin: 0;
        order: 1;
        flex: 2;
        width: auto
    }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li {
            border-right: 1px solid #fff;
            background-image: linear-gradient(to bottom,transparent 50%, #afa5d1 50%, #afa5d1 95%, #afa5d1 95%);
            background-size: 100% 200%;
            background-position: top center;
            outline: none
        }

            nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover {
                background-position: bottom center;
                background-color: #beb4e0
            }

                nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover > a {
                    color: #fff
                }

                    nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover > a > i.fa {
                        color: #fff
                    }

            nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li > a {
                color: #afa5d1;
                font-weight: 400
            }

            nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.active > a {
                background-color: transparent !important;
                color: #333;
                font-weight: 700
            }

                nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.active > a:hover {
                    color: #beb4e0
                }

            nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open > a {
                background-color: #afa5d1 !important;
                color: #333
            }
}

nav#main-nav div[id$=TopNavigationMenu] {
    background-color: transparent;
    position: static;
    margin: 0;
    width: auto
}

    nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li {
        border-right: 1px solid #fff;
        background-image: linear-gradient(to bottom,transparent 50%, #afa5d1 50%, #afa5d1 95%, #afa5d1 95%);
        background-size: 100% 200%;
        background-position: top center;
        outline: none
    }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li a:hover {
            background-position: bottom center;
            background-color: var(--nav-dropdown-link-bg-color);
        }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover > a {
            color: #333
        }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li > a > i.fa:hover {
            background-color: transparent
        }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li > a {
            color: #333;
            font-weight: 400
        }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.active > a {
            background-color: transparent !important;
            color: #333;
            font-weight: 700
        }

            nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.active > a:hover {
                color: #beb4e0 !important
            }

        nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open > a {
            background-color: #afa5d1;
            color: #333
        }

@media(min-width:992px) {
    .main-nav-hover-overlay {
        border-top: 1px solid #fff
    }

    .main-nav-hover-overlay-hover {
        background-color: #141112;
    }
}

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
    background-color: #beb4e0 !important;
    background-color: #beb4e0 !important
}

nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open > ul > li a:hover {
    background-color: var(--nav-dropdown-link-bg-color);
}

#main-container #main-nav-container .search {
}

    #main-container #main-nav-container .search .input-group input[type=text] {
        background-color: transparent;
        border-color: #bababa
    }

    #main-container #main-nav-container .search .input-group button {
        background-color: #79bdeb;
        color: #fff;
        border-color: #bababa
    }

    #main-container #main-nav-container .search .advance-search a {
        color: #333
    }


#main-container .content-box .content-box-body-list ul > li:before {
    color: var(--list-item-before-color);
}

#wpMagazineArtcleNav .magzine-tabs > li > a {
    background-color: #eaeaeb !important
}

#wpMagazineArtcleNav .magzine-tabs > li.active > a {
    background-color: #0067ac !important;
    color: #fff !important
}

#main-container .webpart-title {
    color: #fff
}

.theme-title {
    color: #fff
}

.theme-color {
    background-color: #0067ac
}

    .theme-color:hover {
        background-color: #0067ac
    }

.theme-font-color {
    color: #0067ac
}

nav#main-nav div.navbar-header > button .icon-bar {
    background-color: #fff !important
}

.wpVideoGallery .vgTab.vgActiveTab, .wpVideoGallery .vgTab:hover {
    background-color: #afa5d1;
    color: #333
}

.wpVideoGallery .vgIcon.vgIconActive, .wpVideoGallery .vgIcon:hover {
    background-color: #afa5d1;
    color: #333
}

.wk__video-gallery__pager > li > a:hover, .wk__video-gallery__pager > li.active > a, .wk__video-gallery__pager > li.active > a:hover, .wk__video-gallery__pager > li.active > a:focus, .wk__video-gallery__pager > li.active > a:visited {
    color: #333;
    background-color: #afa5d1;
    border: 1px solid #afa5d1
}

#forgotpwd-input input[type=submit],
#wpLoginBox #login-box #login-actions > .btn-login,
#advancedSearch .buttonsDiv > input[type=submit],
#wpSearchResults .searchMain .searchFacets .filtersMain .ulfilters .savedSearchClass .searchButtonCenter > input,
#wpHealthJobPlus button[aria-controls=jobSearchForm], .ej-feedback-btns input[type=submit],
#ej-box-search-similar input[type=submit], .primary-button,
#forgotpwd-input input[type=submit]:active,
#wpLoginBox #login-box #login-actions > .btn-login:active,
#advancedSearch .buttonsDiv > input[type=submit]:active,
#wpSearchResults .searchMain .searchFacets .filtersMain .ulfilters .savedSearchClass .searchButtonCenter > input:active, input[type=button].user-registration__submit-btn, input[type=reset].user-registration__submit-btn, input[type=submit].user-registration__submit-btn, button.user-registration__submit-btn,
#wpHealthJobPlus button[aria-controls=jobSearchForm]:active, .ej-feedback-btns input[type=submit]:active,
#ej-box-search-similar input[type=submit]:active, .primary-button:active {
    background-color: var(--submit-button-bg-color);
}

#forgotpwd-input input[type=button],
#advancedSearch .buttonsDiv input[type=reset],
#wpHealthJobPlus input[type=button], .ej-feedback-btns input[type=button],
#ej-box-search-similar input[type=button], .secondary-button,
#forgotpwd-input input[type=button]:active,
#advancedSearch .buttonsDiv input[type=reset]:active,
#wpHealthJobPlus input[type=button]:active, .ej-feedback-btns input[type=button]:active,
#ej-box-search-similar input[type=button]:active, .secondary-button:active {
    border: .1rem solid #0067ac
}

.ej-advertisement-title {
    color: var(--ad-slug-color);
}

.ej-tabs--default .ej-tabs__item {
    background-color: var(--tabs-bg-color);
    border-color: var(--tabs-border-color);
}

.ej-tabs--most-popular .ej-tabs__item {
    background-color: var(--mostpopular-tab-bg-color);
    border-color: var(--mostpopular-tab-border-color);
}

.user-action-toolbar {
    color: #fff !important
}

.header {
    background-color: var(--logo-header-bg-color);
}

.top-banner {
    background-color: var(--banner-bg-color);
    color: #fff !important
}

.top-banner--low-opacity {
    background-color: rgba(0,0,0,.1);
}

.user-action-toolbar__dropdown {
    background-color: var(--user-actions-bg-color);
}

#footer-wrapper {
    background-color: #0067ac;
    color: #fff
}

.footer-list-item a::before {
    color: #fff
}

.footer-dotted-line--bg-image {
    background-image: linear-gradient(to right,transparent 50%, #ffffff 50%)
}

#footer-wrapper .footer-top-content-wrapper .footer-back-to-top-button {
    background-color: #0067ac
}

#main-container #main-nav-container-v2 #main-footer {
    background-color: #0067ac;
    color: #fff
}

#main-container #main-nav-container-v2 {
    background-color: var(--nav-bg-color);
}

    #main-container #main-nav-container-v2 .navbar-nav > li {
        border-right: 1px solid #fff
    }

        #main-container #main-nav-container-v2 .navbar-nav > li a {
            color: #fff
        }

        #main-container #main-nav-container-v2 .navbar-nav > li ul {
            background-color: var(--mob-nav-dropdown-bg-color);
        }

            #main-container #main-nav-container-v2 .navbar-nav > li ul > li > a {
                color: #fff
            }

#main-nav-container-v2 ~ .main-nav-hover-overlay-hover {
    background-color: #beb4e0
}

.navbar-hamburger-button__text {
    color: #fff
}

.search-v2 .fa {
    color: var(--search-icon-color);
}

.search-v2 .advance-search a, .search-v2 .advance-search a:visited {
    color: #fff !important
}

.navbar-hover-color {
    background-color: var(--mob-nav-useroptions-hover-bg-color) !important;
}

nav#main-nav div[id$=TopNavigationMenu].in ul[id$=RootAspMenu] > li > a {
    background-color: #afa5d1 !important
}

.ej-tabs--default .ej-tabs__item .ej-tabs__link, .ej-tabs--default .ej-tabs__item .ej-tabs__text {
    color: #fff;
}

.ejp-footer {
    background-color: var(--footer-bg-color);
}

.ejp-footer__back-to-top-link {
    background-color: var(--back-to-top-link-bg-color);
    color: var(--back-to-top-color);
}

.header.fixed {
    background: var(--sticky-nav-bg-color);
}

.fixed .header__layout-bottom .search-v2 {
    background-color: #4462b0;
    border: 1px solid #afa5d1
}

.fixed .header__layout-top .sticky-search {
    color: #fff !important
}

.header__layout-top .sticky-search.active {
    border-top: 1px solid #afa5d1;
    border-left: 1px solid #afa5d1;
    border-right: 1px solid #afa5d1;
    background-color: #4462b0
}

    .header__layout-top .sticky-search.active:before, .header__layout-top .sticky-search.active:after {
        background-color: #fff !important
    }

nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open, nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li.open a.dropdown-toggle, nav#main-nav div[id$=TopNavigationMenu] ul[id$=RootAspMenu] > li:hover, nav#main-nav div[id$=TopNavigationMenu] > ul[id$=RootAspMenu] .dropdown ul li:hover {
    background-color: var(--nav-bg-hover-color) !important;
}