
/* VOIR ÉGALEMENT LE CUSTOMISEUR DU PLUGIN pour les couleurs dans la boite de résultat */
/* Style the input field */
.is-form-style.is-form-style-3 input.is-search-input {
    border-radius: 18px; /* Rounded corners */
    border: 1px solid var(--pri-500) !important; /* primary color border */
    box-sizing: border-box;
}
/* Style the search button */
.is-form-style.is-form-style-3 button.is-search-submit {
    background-color: transparent !important; /* primary color background */
    border: 1px solid transparent !important; /* primary color border */
}
.is-form-style.is-form-style-3 button.is-search-submit:hover{
    cursor: pointer;
}
.is-form-style.is-form-style-3 .is-search-icon {
    border: none !important;
    transition: 0.5s ease-out 0.1s;
}
.is-form-style.is-form-style-3 .is-search-icon:hover {
    margin-top: 3px;
    transition: 0.5s ease-in 0.1s;
}
/* Style the search icon inside the button */
.is-form-style.is-form-style-3 button.is-search-submit .is-search-icon,
.is-form-style.is-form-style-3 button.is-search-submit svg {
    background-color: transparent !important; /* Remove any background */
}
/* Specifically target the path inside the SVG */
.is-form-style.is-form-style-3 button.is-search-submit svg path {
    fill: var(--gray-900) !important; /* color of the lens */
}
/*** boite de résultats de recherche AJAX ***/
/** ombre **/
.is-ajax-search-result {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
/** texte description **/
.is-ajax-result-description {
    font-weight: 300 !important;
}
/** lien (titre) **/
.is-ajax-search-result .is-title a {
    font-family: var(--font-primary);
    text-decoration: none !important;
}
/** transition de couleur de fond au survol **/
.is-ajax-search-post, .is-show-more-results {
    transition: 0.5s ease-out 0.1s;
}
.is-ajax-search-post:hover, .is-show-more-results:hover {
    background-color: var(--ter-500) !important;
    transition: 0.5s ease-in 0.1s;
}
/** hauteur ligne "voir plus" **/
.is-show-more-results-text {
    line-height: 4em !important;
}