/* Styles for search header */

.c-search-form{
    position: relative;
}

.c-searh-form__btn-submit , .c-searh-form__btn-button{
    position: absolute;
    right: 5px;
    background: transparent;
    border: none;
    top: 24%;
}

.c-search-form__text {
    width: 100%;
    height: 35px;
    border-radius: 7px;
    border: solid 1.4px var(--wp--preset--color--azul-pintuco);
    color: var(--wp--preset--color--azul-pintuco);
    font-weight:600;
    font-size: clamp(15px, 2vw, 16px);
    padding: 12px 30px;
}

.c-search-form__text::placeholder{
    color: var(--wp--preset--color--azul-pintuco);
}

.c-search-form__text[type="search"]::-webkit-search-cancel-button,
.c-search-form__text[type="search"]::-webkit-search-decoration,
.c-search-form__text[type="search"]::-webkit-search-results-button,
.c-search-form__text[type="search"]::-webkit-search-results-decoration {
    display: none;
}



.c-search-fixed{
    display: none;
}

input#wp-block-search__input-3 {
    border-radius: 25px;
    font-size: 24px;
}

form.wp-block-search__button-outside.wp-block-search__icon-button .wp-block-search__inside-wrapper{
    max-width: 80%;
    margin: auto;
}

@media(max-width:780px) {

    .c-search-fixed{
        display: block;
    }

    .c-search-fixed {
        height: 100vh;
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100vw;
        top: 0;
        left: -100%;
        bottom: 0;
        z-index: 1;
        transition: 0.35s;
    }
    .c-search-form__mobil{
        position: relative;
    }
    .c-search-fixed.has-to-search{
        left: 0;
    }

    .c-search__content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        max-width: 80%;
        margin: auto;
    }

   

   

    .c-search-fixed .c-search-form{
        display: block;
    }

    .dashicons.dashicons-no-alt {
        color: white;
        top: -42vh;
        position: absolute;
        right: -4px;
        opacity: 0;
        transition: 1.5s;
    }

    .dashicons-no-alt:before {
        content: "\f335";
        font-size: 44px;
    }

    .has-to-search .dashicons.dashicons-no-alt{
        opacity: 1;
        transition: 1.5s;
    }
    .c-searh-form__btn-submit, .c-searh-form__btn-button{
        top: -8px !important;
        right: -30px;
    }
}


@media(max-width:1023px){
   
    input.c-search-form__text {
        display: none;
    } 
    .c-searh-form__btn-submit, .c-searh-form__btn-button{
        top: -13px;
        right: -30px;
    }
}