body.modal-open #site-branding {
  z-index: 2000;
}
.block-kwall-search-autocomplete {
  display: inline-block;
  margin-left: 7px;
}
.block-kwall-search-autocomplete i {
  background-color: transparent;
  border: none;
  padding: 4px 0 0 0;
  margin-left: 5px;
  cursor: pointer;
  font-weight: 900;
  color: #fff;
  font-size: 30px;
}
@media screen and (min-width: 1024px) {
  .block-kwall-search-autocomplete i {
    font-size:1rem;
    padding: 5px;
  }
}
.modal-backdrop.show {
  opacity: .9 !important;
}
body.modal-open .modal {
  z-index: 9999 !important;
}
body.modal-open .modal .modal-dialog {
  max-width: none;
  margin: 0;
  width: 100% !important;;
  height: 100% !important;;
  z-index: 9999 !important;
  background: #4F0000;
  opacity: .95;
  padding: 5rem;
}
body.modal-open {
  overflow: hidden;
}
body.modal-open .modal {
  display: block;
}
body.modal-open .modal-backdrop {
  background-color: transparent;
  z-index: 999 !important;
  right: 0;
  bottom: 0;
}
.modal .modal-content {
  height: 100%;
  width: 100%;
  background: none;
  max-width: 70%;
  margin: auto;
  border: none;
}
.modal .modal-header,
.modal .modal-body {
  padding: 0;
  border: none;
}
.modal .modal-header .close,
.modal .modal-header .close:hover {
  opacity: 1 !important;
  text-shadow: none;
  outline: none;
}
.modal .modal-header .close i {
  color: #fff;
  font-weight: 300 !important;
  font-size: 2.5rem !important;
  position: relative;
  letter-spacing: normal;
  border-radius: 50%;
  border: 0.0625rem solid #ff5d43 !important;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1;
  outline-offset: 0.125rem;
  transition-duration: .2s;
  transition-property: border, background, color, opacity;
}
.modal .modal-header .close i:before {
  top: -0.0625rem;
  right: -0.0625rem;
  border-radius: 50%;
  box-sizing: inherit;
  content: '';
  position: absolute;
  border: 0.125rem solid transparent;
  transition: border .8s;
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.125rem);
  transform: rotate(-45deg);
  transition: none;
}
.modal .modal-header .close i:after {
  bottom: -0.0625rem;
  left: -0.0625rem;
  border-radius: 50%;
  box-sizing: inherit;
  content: '';
  position: absolute;
  border: 0.125rem solid transparent;
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.125rem);
  transform: rotate(-45deg);
  transition: none;
}
.modal .modal-header .close:hover i:before,
.modal .modal-header .close:active i:before,
.modal .modal-header .close:focus i:before {
  transition: border-top-color 150ms,border-left-color 150ms 75ms,border-bottom-color 150ms .2s,border-right-color 0s 650ms;
  border-color: #FF5D43;
  border-color: #fff;
}
.modal .modal-header .close:hover i:after,
.modal .modal-header .close:active i:after,
.modal .modal-header .close:focus i:after {
  transform: rotate(-315deg);
  transition: transform 650ms;
  transition: transform 650ms, -webkit-transform 650ms;
  border-top-color: #fff;
}
#kwall-search-autocomplete-form .form-title {
  color: #fff;
  font-family: acumin-pro-condensed,"Helvetica Neue Condensed","Helvetica Condensed","Arial Narrow","Open Sans Condensed",sans-serif;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  margin-left: -5rem;
}

#kwall-search-autocomplete-form .js-form-item-title label {
  position: absolute;
  left: -9999px;
  height: 0px;
  width: 0px;
}

#kwall-search-autocomplete-form {
  padding: 6rem 5rem 0;
}
#kwall-search-autocomplete-form input.form-autocomplete {
  border: none;
  background: none;
  color: #fff;
  border-bottom: 0.0625rem solid #ff5d43;
  font-size: 2.5rem;
  box-shadow: none;
  height: 4.5rem;
  font-family: acumin-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 0 0 1rem;
  border-radius: 0;
  margin: 0;
  float: left;
  width: calc(100% - 160px);
}
#kwall-search-autocomplete-form .form-submit {
  color: #fff;
  background: transparent;
  border: 0.0625rem solid #fff;
  font-size: 1.25rem;
  padding: 8px 30px 10px 30px;
  line-height: 1.22;
  margin-top: 1rem;
  transition: all 0.15s linear;
  margin-left: 30px;
  font-family: acumin-pro-condensed, "Helvetica Neue Condensed", "Helvetica Condensed", "Arial Narrow", "Open Sans Condensed", sans-serif;
}

#kwall-search-autocomplete-form .form-submit:hover,
#kwall-search-autocomplete-form .form-submit:focus,
#kwall-search-autocomplete-form .form-submit:active {
  border-color: #FF5D43;
  color: #640D0D;
  background: #FFFFFF;
}

body.modal-open ul.ui-autocomplete {
  z-index: 3000;
  border: none;
  padding-top: 5rem;
  background: none;
}
body.modal-open ul.ui-autocomplete li {
  margin-bottom: 1.25rem;
  background: none !important;
  border: none;
}
body.modal-open ul.ui-autocomplete li:hover,
body.modal-open ul.ui-autocomplete li:focus,
body.modal-open ul.ui-autocomplete li:active {
  border: none;
}
body.modal-open ul.ui-autocomplete li a {
  text-decoration: none;
  font-size: 1rem;
  background: none;
  font-family: acumin-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  color: #fff;
  border: none;
}
body.modal-open ul.ui-autocomplete li a:hover,
body.modal-open ul.ui-autocomplete li a:focus,
body.modal-open ul.ui-autocomplete li a:active {
  background: none;
  border: none;
}
body.modal-open ul.ui-autocomplete a.ui-menu-item-wrapper span.title {
  color: #fff;
}
body.modal-open ul.ui-autocomplete a:hover span.title,
body.modal-open ul.ui-autocomplete a:focus span.title,
body.modal-open ul.ui-autocomplete a:active span.title {
  text-decoration: underline;
}
body.modal-open ul.ui-autocomplete a.ui-menu-item-wrapper span.type {
  color: #FF5D43;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  body.modal-open ul.ui-autocomplete {
    max-width: 350px;
  }
}
@media screen and (max-width: 767px) {
  body.modal-open .modal .modal-dialog {
    padding: 1rem;
  }
  .modal .modal-content {
    max-width: 100%;
  }
  #kwall-search-autocomplete-form {
    padding: 3rem 1rem 0;
  }
  #kwall-search-autocomplete-form .form-title {
    margin-left: -1rem;
    font-size: 2rem;
  }
  .modal .modal-header .close i {
    padding: 10px;
    font-size: 2rem !important;
  }
  #kwall-search-autocomplete-form input.form-autocomplete {
    font-size: 1.5rem;
    height: 3rem;
    margin-top: 1rem;
    padding-bottom: .5rem;
    width: calc(100% - 130px);
  }
  #kwall-search-autocomplete-form .form-submit {
    font-size: 1rem;
    padding: 8px 20px 10px 20px;
  }
  body.modal-open ul.ui-autocomplete {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #kwall-search-autocomplete-form .form-item {
    margin: 0;
  }
  #kwall-search-autocomplete-form .form-submit {
    margin-top: -.8rem;
  }
  #kwall-search-autocomplete-form input.form-autocomplete {
    height: 2rem;
    margin-top: 1rem;
  }
  #kwall-search-autocomplete-form {
    padding-top: 1rem;
  }
  body.modal-open ul.ui-autocomplete {
    padding-top: 2rem;
  }
  .modal .modal-header .close i {
    padding: 5px;
  }
  body.modal-open ul.ui-autocomplete li {
    margin-bottom: .5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.modal-open .modal .modal-dialog {
    padding: 3rem;
  }
  .modal .modal-content {
    max-width: 100%;
  }
  #kwall-search-autocomplete-form {
    padding: 6rem 4rem 0;
  }
  #kwall-search-autocomplete-form .form-title {
    margin-left: -4rem;
  }
  .modal .modal-header .close i {
    padding: 10px;
    font-size: 2rem !important;
  }
}