/*  Universal placeholder for implementing page container on an element  */
/*  This ensures that field items remain active while not being visible */
/*! typey | GPLv2 License | https://github.com/jptaranto/typey */
.chorus-header-search-form {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #1a2736;
  color: #fff;
  padding: 20px 24px 60px;
  text-align: center; }
  .chorus-header-search-form .form-type-textfield {
    margin: 2.75rem 0 0.75rem 0; }
  .chorus-header-search-form #edit-actions, .chorus-header-search-form #edit-actions--2 {
    display: none; }
  .chorus-header-search-form .close {
    position: absolute;
    top: 88px;
    font-size: 30px;
    cursor: pointer;
    right: 40px;
    color: #FFF;
    height: 30px;
    overflow: hidden;
    opacity: 1;
    font-weight: 100;
    z-index: 9999;
    text-indent: -9999999999px;
    width: 30px; }
    .chorus-header-search-form .close:before {
      background: url(/themes/chorus_bootstrap/chorus/dist/components/header/img/icon-close.svg) no-repeat;
      content: "";
      display: block;
      height: 40px;
      width: 40px; }
  .chorus-header-search-form #edit-keyword {
    background: none;
    border: none;
    border-bottom: 2px solid #36A8FC;
    border-radius: 0;
    box-shadow: none;
    width: 900px;
    font-size: 32px;
    padding: 40px 60px 25px 0;
    color: #FFF !important;
    outline: 0;
    font-family: 'MuseoSans100';
    height: auto;
    margin: 0 auto;
    float: none; }
    .chorus-header-search-form #edit-keyword::-webkit-input-placeholder {
      color: #ffffff !important; }
    .chorus-header-search-form #edit-keyword:-moz-placeholder {
      /* Firefox 18- */
      color: #ffffff !important; }
    .chorus-header-search-form #edit-keyword::-moz-placeholder {
      /* Firefox 19+ */
      color: #ffffff !important; }
    .chorus-header-search-form #edit-keyword:-ms-input-placeholder {
      color: #ffffff !important; }
  .chorus-header-search-form .fa-search {
    position: absolute;
    top: 88px;
    font-size: 30px;
    color: #01aeef;
    cursor: pointer;
    background: url(/themes/chorus_bootstrap/chorus/dist/components/header/img/search-blue.svg) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%; }
  @media (min-width: 768px) {
    .chorus-header-search-form .close {
      right: 20px;
      top: 20px; }
    .chorus-header-search-form .fa-search {
      right: calc(50% - 434px); } }
  .chorus-header-search-form button {
    color: #4e4e4e; }

.user-logged-in #chorus-solr-search-form {
  top: 80px; }

.search-form-container {
  position: absolute;
  right: 36px;
  background-color: #36A8FC;
  border-radius: 50px;
  width: 66%;
  height: 40px; }
  .search-form-container .header-search-trigger {
    background-image: none;
    display: inline-block;
    text-align: left;
    color: #fff;
    transition: opacity .2s ease;
    position: relative;
    padding: 11px 15px 11px 20px;
    width: 100%; }
    .search-form-container .header-search-trigger span {
      background: url(/themes/chorus_bootstrap/chorus/dist/components/header/img/search-white.svg) no-repeat right;
      width: 18px;
      height: 15px;
      display: inline-block;
      float: right; }
    .search-form-container .header-search-trigger:hover {
      opacity: .5; }

/*# sourceMappingURL=header-search.css.map */