/* search button outside */
.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper {
    align-items: center;
}

.wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {
    min-width: 0;
    margin: 0;
    margin-left: 0.5em;
}

/* search button inside */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border: 1px solid var(--theme--form--border-color);
    border-radius: var(--theme--form--border-radius);
    padding: 1em 1em;
}

.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__inside-wrapper .wp-block-search__input {
    padding-right: 6em;
}

.wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__inside-wrapper .wp-block-search__input {
    padding-right: 3.5em;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:hover {
    border-color: var(--theme--color--primary);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    border-color: var(--theme--color--primary);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    min-width: 0;
    margin: 0;
    background: none;
    color: var(--theme--color--text);
    padding: 0;
    box-shadow: none;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translate(0, -50%);
    z-index: 1;
    border: 0;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:hover,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:hover + .wp-block-search__button {
    color: var(--theme--color--primary);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus + .wp-block-search__button {
    color: var(--theme--color--primary);
}

/* search icon */
.wp-block-search .wp-block-search__button.has-icon {
    position: relative;
    font-size: var(--theme--font-size--normal);
}

.wp-block-search .wp-block-search__button.has-icon::before {
    content: '\f002';
    font-family: var(--theme--font-family--font-awesome);
    font-weight: 400;
}

.wp-block-search .wp-block-search__button.has-icon svg {
    display: none;
}

/* searchform */
#searchform .wp-block-search__input {
    font-size: var(--theme--font-size--small);
    padding: 0.5em 1em;
    margin-right: 0;
    border-width: 2px;
    text-align: left;
    min-width: 320px;
}

#searchform .wp-block-search__input::placeholder {
    color: rgba(170, 170, 170, 1);
}

#searchform .wp-block-search__button {
    font-size: var(--theme--font-size--normal);
}

#searchform .wp-block-search__button::before {
    
}

@media (max-width: 575.98px) {
    #searchform .wp-block-search__input {
        font-size: var(--theme--font-size--normal);
        padding: 0.5em 1em;
        min-width: auto;
    }
}