.astra-search-shortcode {
  position: relative;
  display: inline-block;
  padding: 0 1em;
}

.astra-search-shortcode.inline {
  padding: 0;
}

.astra-search-shortcode.cover {
  position: static;
}

.ast-search-box.header-cover {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.ast-inline-search.ast-search-menu-icon .search-field {
  width: 100%;
}

.ast-header-break-point .astra-search-shortcode .ast-search-icon {
  display: block;
}

.astra-search-shortcode.slide.right form {
  left: auto;
  right: -1em;
  padding: 0 2em 0 0;
}

/**
 * iPhone/iPad fix
 *
 * Full screen search input cursor position not looks on expected place.
 * So, We add the `fixed` to body when it full-screen search is open.
 */
.ipod.full-screen,
.iphone.full-screen {
  position: fixed !important;
}

/**
 * Full screen search
 */
#secondary .ast-search-box.full-screen .search-submit {
  font-size: 2em;
}

#secondary .ast-search-box.full-screen .search-field {
  font-size: 2.6em;
}
