.search-form-vue {
    border-color: var(--e-global-color-7e90c2e );
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    display:flex;
}

.search-form-vue input {
    width: 100%;
}

/* Form is only for mobile search */
.search-form-vue form {
    display: flex;
    width: 100%;
}

.search-form-vue input,
.search-form-vue button {
    background: transparent;
    border:none;
    color: var(--e-global-color-7e90c2e );
    font-size: 15px;
    box-shadow: none;
}

.search-form-vue ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--e-global-color-7e90c2e );
    opacity: 1; /* Firefox */
}
.search-form-vue ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--e-global-color-7e90c2e );
}

#search-results-vue h2 {
    font-weight: bold;
}

#search-results-posts, #search-results-ressources, #search-results-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}


@media (min-width: 768px) {
    #search-results-vue  .result {
        width: 50%;
        display: flex;
    }

    #search-results-vue .result>div {
        margin: 15px;
    }

    #search-results-events .result>div {
        width: 100%;
    }

    #search-results-vue section.ressource {
        height: 100%;
    }
}

@media (min-width: 1024px) {
    #search-results-vue .result>div {
        /*margin: 25px;*/
    }

}

@media (min-width: 1200px) {
    #search-results-posts .result {
        width: 33%;
    }

    #search-results-events .result {
        width: 50%;
    }

}