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

    &.inline {
        padding: 0;
    }

    &.cover {
        position: static;
    }
}

.ast-search-box.header-cover {
    top: 0;
    left: 0;
    right: 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 {
    right: auto;
    left: -1em;
    padding: 0 0 0 2em;
}


/**
 * 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;
}