{#*******************************************

Fancy base css

********************************************#}

{# Fancy css #}
{{ include ("suggestions/fancy-5/suggestions-css.twig") }}

<style>
    .wpsolr_suggestions{
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpsolr_suggestions li {
        align-items: center;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(29,29,29,.07);
        box-sizing: border-box;
    }

    .wpsolr_suggestions li .flex{
        width: 100%;
        margin: 0;
    }

    .wpsolr_suggestions li .flex .result-image {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wpsolr_suggestions li .flex .result-image img{
        max-width: 70%;
        margin: 0 auto;
    }

    .wpsolr_suggestions li .flex .result-text{
        font-size: 12px;
        font-weight: 400;
    }

    .wpsolr_suggestions li .flex .result-text .title-wrap{
        color: #232323;
        font-size: 14px;
        margin: 5px 0;
        display: block;
        font-weight: 700;
    }

    .wpsolr_suggestions li .flex .result-text a{
        color: #212121;
        text-decoration: none;
        background-color: transparent;
    }

    .wpsolr_suggestions li .flex .result-text .subhead{
        font-size: 24px;
        font-family: sans-serif;
        font-weight: 700;
        line-height: 24px;
        color: #1d1d1d;
        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0 0 4% 0;
        padding: 0 0 0 0;
    }

    .wpsolr_suggestions li .flex .result-text .subhead .woocommerce-Price-amount{
        color: #424bb2;
        display: block;
        font-size: 2.5rem;
        margin: 1rem 0;
        font-weight: 800;
    }

    .wpsolr_suggestions li .flex .result-text .subhead .add_to_cart_button{
        align-items: center;
        border: 1px solid transparent;
        background: #424bb2;
        border-radius: 8rem;
        color: #ffffff;
        box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
        cursor: pointer;
        display: flex;
        font-size: 13px;
        height: 40px;
        justify-content: center;
        min-width: 40px;
        outline: none;
        padding: 0;
        position: relative;
        margin-bottom: 5%;
    }
</style>
