/* header background color */
.sePageHeader {
  background-color: #000000;
}

.sePageHeader .sePageHeaderWrapper.container {
  width: 100%;
  padding: 0 15px;
}
.seUserAction .list-inline {
  margin-left: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  /* navigation width */
  .sePageHeader .seHeaderActions,
  .sePageLayout .seNavbar .seSiteNavigatorWrapper {
    width: 970px;
    margin: auto;
  }
  .sePageHeader .sePageHeaderWrapper.container {
    width: 100%;
    padding: 0;
  }
  .sePageHeader .seHeaderActions {
    padding: 22px 15px;
  }

  .seSiteSearchForm span.twitter-typeahead .tt-dropdown-menu,
  .seSiteSearchForm span.twitter-typeahead .tt-menu {
    left: -23px !important;
    top: 100% !important;
  }

  .seSiteSearchForm span.twitter-typeahead .tt-dropdown-menu,
  .seSiteSearchForm span.twitter-typeahead .tt-menu {
    min-width: 200px;
    margin: 0;
  }

  .sePageHeader .sePageHeaderWrapper > .row,
  .sePageHeader .sePageHeaderWrapper > .row:last-child {
    padding: 0;
    margin: 0;
  }

  .sePageLayout .seNavbar .navbar-nav > li:not(.seMobiActions) > a:after {
    margin-top: 0;
    top: 100%;
  }

  /* border above navigator */
  .sePageHeader .sePageHeaderWrapper > .row:first-child {
    border-bottom: 3px solid #cecece;
  }

  /* header actions and search underline color */
  .sePageHeader .seHeaderActionsSearch:after {
    background-color: #cecece;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .sePageLayout .seNavbar .navbar-nav > li:not(.seMobiActions).open > a:after,
  .sePageLayout .seNavbar .navbar-nav > li:not(.seMobiActions) > a:focus:after,
  .sePageLayout .seNavbar .navbar-nav > li:not(.seMobiActions) > a:hover:after {
    background-color: #cecece;
  }
  .sePageHeader .seUserActionsList > li:after {
    content: '';
    display: block;
    height: 3px;
    background-color: #cecece;
    width: 100%;
    bottom: -7px;
    left: 0;
    position: absolute;
  }
  /* search icon color */
  .sePageLayout
    .seSiteSearchForm
    .input-group
    > .input-group-btn
    > .btn.seSearchButton {
    color: #ffffff;
  }

  /* search text color */
  .seSearchBox {
    color: #ffffff;
  }
  .sePage input#seHeaderSearchBox {
    color: #ffffff;
  }

  .sePageLayout
    .seSiteSearchForm
    .input-group
    .form-control::-webkit-input-placeholder {
    color: #ffffff;
  }
  .sePageLayout
    .seSiteSearchForm
    .input-group
    .form-control::-ms-input-placeholder {
    color: #ffffff;
  }
  .sePageLayout
    .seSiteSearchForm
    .input-group
    .form-control:-ms-input-placeholder {
    color: #ffffff;
  }
  .sePageLayout .seSiteSearchForm .input-group .form-control::-moz-placeholder {
    color: #ffffff;
  }
  .sePageLayout .seSiteSearchForm .input-group .form-control::placeholder {
    color: #ffffff;
  }

  .seSiteSearchForm label.sr-only {
    background: #000000;
    color: #ffffff;
  }

  .sePageLayout
    .sePageHeader
    .seHeaderActions
    .seSiteSearchForm
    .twitter-typeahead
    pre {
    color: #ffffff !important;
  }
  .sePageLayout
    .sePageHeader
    .seHeaderActions
    .seSiteSearchForm.input-group
    .form-control {
    color: #ffffff;
  }
}

@media (min-width: 1200px) {
  /* navigation width */
  .sePageHeader .seHeaderActions,
  .sePageLayout .seNavbar .seSiteNavigatorWrapper {
    width: 1170px;
    margin: auto;
  }
}

@media only screen and (max-width: 991px) {
  .sePageHeader .seHeaderActions .seHeaderMobileActions {
    padding: 0 3px 3px;
    border-bottom: none;
  }
  /* mobile header border color */
  .sePageLayout .wsmobileheader {
    border-color: #000000;
  }
  /* mobile navigation border color */
  .seSiteNavigator .navbar-nav {
    border-top: 1px solid #ffffff;
  }
  /* mobile subnav background color */
  .seSiteSearchForm fieldset {
    background-color: #cecece;
  }

  .sePageHeader .seHeaderActionsSearch:after {
    background-color: transparent;
  }

  .sePageHeader .seHeaderActions .seSiteLogo {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .sePageLayout .wsmobileheader .navbar-toggle {
    width: 60px;
    height: 45px;
  }
  .seSiteSearchForm span.twitter-typeahead .tt-dropdown-menu,
  .seSiteSearchForm span.twitter-typeahead .tt-menu {
    margin: 6px 0 0;
  }
  .seSiteSearchForm span.twitter-typeahead .tt-dropdown-menu,
  .seSiteSearchForm span.twitter-typeahead .tt-menu {
    left: 50% !important;
    margin-left: -webkit-calc(-50vw - 17px);
    margin-left: calc(-50vw - 22px);
    min-width: 260px;
    top: 100% !important;
    width: calc(100vw - 6px);
  }
  .seSiteNavigator .navbar-nav li a:active,
  .seSiteNavigator .navbar-nav li a:focus,
  .seSiteNavigator .navbar-nav li a:hover {
    text-decoration: none;
    background-color: transparent;
  }
  .seSiteNavigator .navbar-nav li a:active,
  .seSiteNavigator .navbar-nav li a:focus,
  .seSiteNavigator .navbar-nav li a:hover {
    text-decoration: none;
    background-color: transparent;
  }
  .wsoffcanvasopener .seSiteNavigator {
    width: 100%;
    left: 50%;
    transform: translate(-50%);
  }
}