/*
 *  BOOTSTRAP OVERRIDES
 */
/* There's a lot of white space separating the menu from the content already. */
.jobswtcust .navbar-default {
    margin-bottom: 0;
}
/* This sibling rule is keeping the menus from aligning to the same right margin. */
@media screen and (min-width: 768px){
    .jobswtcust .navbar-right ~ .jobswtcust .navbar-right {
        margin-right: -15px;
    }
} 
@media screen and (max-width:  767px) {
    .nav>li>a {
        padding-left: 32px;
        /* line-height:  normal; */
    }
    
    .small-buttons {
        display: none;
    }    
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
/*         margin-right: 15px; */
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid red !important;
        border-radius: 4px;
    }
    .toggle-text {
        font-size: 10px;
        color: red;
        padding: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: red;
    }
    .navbar-toggle .icon-bar {
        width: 25px;
    }
    #navbarCollapse[aria-expanded=true]>#localNav {
        display: block;
    }
    #navbarCollapse>#localNav {
        display: none;
    }

}
@media screen and (min-width: 768px){
    .navbar-toggle-X {
        display:none;
        visibility: hidden;
    }
}
@media screen and (max-width:  767px) {
    h1 {
        font-size: 1.8em;
    }
    .navbar-default .navbar-nav>.open>a, 
    .navbar-default {
        
    }
    .navbar-nav>.open>a:focus{
        
    }
    .navbar-default .navbar-nav>.open>a:hover {
        display: inherit;
        visibility: inherit;
    }
    hr {
        margin-top: 42px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        border: 0;
        border-top: 1px solid #ccc;
    }
    .navbar-toggle-X {
        display: inline-block !important;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -10px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 0;
        border-radius: 4px;
        font-weight: 100;
        font-size: 30px;
    }

    .navbar-collapse {
        /*db - this is the blue menu toggle menu
        -we need to have a navbar collapse for when it is closed*/
        background: #062f6e;
        padding: 20px;
        position: relative; 
/*         bottom:0; */
        margin-top: -122px;
        z-index: 0;
        width: 100%; 
        margin-left: 0;
        color: white;
        height: 41px;
    }
    .navbar-collapse.collapse.in{
        /*db - we expand this when it is visible because there is a gutter*/
        width: 110%; 
        margin-left: -20px;
    }
    .collapse {
        /*we change to visibility so we can show sign-in (can't make a child of a 
        display:none element visible, but you can make the child of a 
        visibility: hidden element visible*/
        display: block;
        visibility: hidden;
    }
    .collapse.in {
        visibility: visible;
        height: 100%;
    }
    .collapse.in .nav>li{
        visibility: visible;
        height: 100%;
    }
    .collapse.signinDropdown {
        visibility:
        visible;
        float:
        right;
        margin-top: -35px;
        margin-right: 0;
        position: relative;
        /* z-index: -1; */
    }
    
    #localNav.collapsed .nav {
        display: none;
    }
    #localNav.collapsed .in .nav {
        display: block;
        visibility: visible;
    }
    .nav>li {
        display: block;
        visibility: hidden;
        height: 1px;
    }
    .nav>li.signinDropdown {
        visibility: visible;
        height: 35px;
        float: right;
    }
/*     .navbar-nav .open .dropdown-menu {
        background-color: #777;
    } */
    .navbar-nav>li.open {
        background-color: #666;
        height:100%;
        margin-right: -20px;
    }
/*     .signinDropdown.open {
        margin-right: -2px;
        margin-top: -7px;
    } */
    .signinDropdown>#dropdownLink {
        color: grey;
		margin-top: -7px;
    }
    .navbar-collapse.collapse.in #dropdownLink {
        color: white;
    }
    .signinDropdown.open>#dropdownLink {
        background-color: #777;
        color: white;
        
/*         margin-left: 20%; */
    }
    .signinDropdown.open>#dropdownLink[aria-expanded=true] {
        padding-left:100px;
    }
    .collapse.in .signinDropdown {
        visibility: inherit;
        float: inherit;
        margin-top: inherit;
        color: inherit;
        border-bottom: inherit;
        margin-right:inherit;
    }
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #FFF;      
    }
    
    .navbar-default .navbar-nav>li.signinDropdown>a {
        /*db - this is the sign in button*/
        FONT-WEIGHT: 100;
        color: #777;
        float: right;
        /* margin-left: -9%; */
        background-color: transparent;
        width: 100%;
    }

    .navbar-default .collapse.in>.navbar-nav>li.signinDropdown>a {
        color: white;
        float: left;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #2289bc;
    }
    .jobswtcust .navbar-main {
        font-size: 14px;
    }
    #localNav>li>div>ul>li div[aria-expanded=false].collapse ul.nav {/*don't show nested menus*/
        display: none; 
    }
}

@media screen and (max-width:  767px) {
    #navbarCollapse[aria-expanded=false] a.sideMenuCurrent {
        visibility:hidden;
    }

    /*hide the hover dropdown in mobile*/
    /*.signinDropdown>#dropdownLink:hover .dropdown-menu{
        visibility: hidden;
    }*/
    .dropdown-menu {
    	display: none !important;
    }
    
    .open .dropdown-menu {
        display: block !important;
    }

}
/*Terciary Nav*/
.text-toggle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toggle[aria-expanded=true] .text-collapsed {
  display: none;
}

.close-right {
    float: right;
}
.white-logo {
    display:  inline-block !important;
    
}
/*
 *  HEADER STYLES
 */
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
nav.extra-height li {
    line-height: 1.7em;
}
.jobswtcust .link:hover {
    text-decoration: none;
}

.jobswtcust .navbar-default {
    background-color: white;
    border-color: white;
    min-height: 70px;
}

.jobswtcust .small-buttons {
    background-color: #777777;
    color: #ffffff;
    font-size: .8em;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.jobswtcust .small-buttons > div {
    border-right: 1px solid #ccc;
}
.jobswtcust .small-buttons > div:last-child {
    border-right: 0;
}
.jobswtcust .small-buttons a {
    color: #ffffff;
    text-decoration: none;
}
.jobswtcust .navbar-brand {
    min-height: 25px;
    max-width: 200px;
    height: auto;
    padding: 5px 5px;
    margin: 5px 5px;
}
.jobswtcust .navbar-main {
    /* visibility: hidden; */
    font-size: 16px;
    clear: right;
    margin-right: -15px;
}
.jobswtcust .search-box #jobs-search-button {
    padding-right: 0;
}
/* Vertically align logo and hamburger menu. */
.jobswtcust table.navbar-header {
    width: 100%;
}
@media screen and (min-width: 768px){
    .jobswtcust table.navbar-header {
        width: auto;
    }
}
/* Make the top menu smaller. Add separators. */
.jobswtcust .navbar-small > li > a {
    font-size: 12px;
    padding: 5px;
}
.jobswtcust .navbar-small > li > a:after {
    content: "|";
    padding-left: 10px;
}
.jobswtcust .navbar-small > li:last-child > a:after {
    content: '';
    padding-left: 0;
}
/* Make the search icon flush right. */
.jobswtcust #subNav li:last-child a {
    padding-right: 0;
}
.jobswtcust #dws-breadcrumbs a {
    color: #777;
}
.jobswtcust #dws-breadcrumbs li {
    display: block;
    float: left;
    font-size: 12px;
    padding: 2px;
}
.jobswtcust #dws-breadcrumbs li:after {
    content: "/";
    padding-left: 4px;
}
.jobswtcust #dws-breadcrumbs li:last-child:after {
    content: '';
    padding-right: 0;
}
.nav > li.search-box > a {
    display: inline-block;
}
.nav > li.search-box > button {
    padding-top: 15px;
    padding-bottom: 15px;
    outline: none;
}
.nav > li.search-box > button:active {
    outline: none;
}
.nav > li.search-box > .hidden-box {
    display: inline-block;
    margin-left: 0.5em;
}
.nav > li.search-box > .hidden-box input {
    position: relative;
    border: 1px solid #999;
    padding: .1em .25em;
	color: #515151
}
.white-logo {
    display:  none;
}
.navbar-toggle-X {
    display: none;
}

@media screen and (min-width: 768px) {
    .nav > li.search-box > .hidden-box {
        display: none;
        position: absolute;
        top: 12px;
        left: -500px;
    }
    .nav > li.search-box > .hidden-box input {
        width: 500px;
        top: -2px;
    }
}
/*
 *  GLOBAL FOOTER
 */
#footer-container.jobswtcust {
    color: #c9c9c9;
}
#footer-container.jobswtcust .row {
    margin: 0;
}
#footer-container.jobswtcust .content {
    background: #454545;
}
#footer-container.jobswtcust form {
    display: inline-block;
}
#footer-container.jobswtcust a {
    color: #a6a6a6;
}
#footer-container.jobswtcust button{
    border-style: solid;
}
.jobswtcust #footer-bottom {
    text-align: center;
}
.jobswtcust .input-city {
    width: 10em;
    line-height: 1.4285;
    font-size: 14px;
    padding: 3px;
    border: 1px solid #ccc;
    border-right-width: 0;
    color: #353839;
}
/* .input-append doesn't appear to exist in Bootstrap 3.
   This is to emulate behavior from Bootstrap 2 on the current site. */
.jobswtcust .input-append > * {
    display: block;
    float: left;
    height: 27px;
}
.jobswtcust .input-append > .hiddenLabel {
    position: relative;
    top: 2px;
    margin-right: 0.5em;
}
.jobswtcust .input-append > .btn {
    padding: 2px 12px;
}
/* This fixes a bootstrap class that centers images inside
   a .thubmnail container and pushes the Google logo out of line.*/
#footer-container.jobswtcust .thumbnail a > img {
    margin: 0;
    display: inline-block;
}
#footer-container.jobswtcust section.social-media {
    width: 290px;
    float: right;
}

@media screen and (max-width: 992px){
    .text-center-sm {
        text-align: center;
    }
    #footer-container.jobswtcust section.social-media {
        float: none;
        margin: 0 auto;
    }
}

/* CONTENT: Thumbnail Sections */
/* .thumbnail overrides a bootstrap class. */
.jobswtcust .thumbnail{
    background: inherit;
    overflow: hidden;
    border:none;
    border-radius: 0;
    box-shadow: none;
}
.jobswtcust .footer.blade .goog-logo-link img{
    display: inline-block;
}

/* Override styles from Google translate */
.jobswtcust footer .goog-te-combo {
    color: #333;
}
.jobswtcust footer .goog-te-gadget {
    color: #a6a6a6;
}

.jobswtcust footer ul.social{padding:0;margin:0 !important;}
.jobswtcust footer ul.social li{
    list-style-type:none;
    display: inline-block;
    text-align:center;
    margin-right: 8px;
}

/*mobile hamburger - show after dropdown*/
/* .navbar-default .navbar-toggle {
    z-index: 1;
} */
/*test stuff*/
@media (max-width: 767px){
  #navbarCollapse{ position: relative; z-index: 2000; }
  /* .navbar-default .navbar-toggle{ position: relative; z-index: 2050; }
 */
  /* Raise collapse only while Sign-in <li> is open */
  #navbarCollapse:has(li.signinDropdown.open){ z-index: 3000; }
  #navbarCollapse:has(li.signinDropdown.open)::before{
    content:""; position:absolute; inset:0; background:#666; z-index:2990;
  }
  #navbarCollapse li.signinDropdown.open{ position:relative; z-index:3001; }
  #navbarCollapse li.signinDropdown.open > .dropdown-menu{
    position:relative; z-index:3002; width:100%; background:transparent;
  }
}