.searchform {
    height: 30rem;
    background-color: var(--blue);
    color: var(--white);
}

    .searchform .container,
    .searchform .row,
    .searchform .row > div,
    .searchform form {
        height: 100%;
    }

    .searchform form {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }

    .searchform label {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .searchform form > div {
        width: 100%;
        position: relative;
    }


    .searchform .input__text {
        width: 100%;
        font-family: var(--font-heading);
        font-size: 3.6rem;
        line-height: 4rem;
        color: var(--yellow);
        font-weight: 700;
        padding-left: 0;
        padding-right: 6rem;
        background-color: transparent;
        border-radius: 0;
        border-bottom: .2rem solid var(--white);
    }

        .searchform .input__text:focus:focus-visible {
            outline: none;
        }

        .searchform .input__text::placeholder {
            color: var(--white);
        }

    .searchform .button {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
        transform: translateX(1.5rem);
    }

        .searchform .button:focus-visible {
            outline-color: var(--yellow);
        }

        .searchform .button:hover {
            background-color: transparent !important;
        }

            .searchform .button:hover:after {
                transform: scale(1.1);
            }

    .searchform .button--reset {
        right: 4.8rem;
    }

        .searchform .button--reset:after {
            width: 3.1rem;
            height: 3.1rem;
            top: calc(50% - 1.6rem);
            right: .8rem;
            background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.50781 7.51001L22.5278 22.53' stroke='%23FFFF5D' stroke-width='2'/%3E%3Cpath d='M7.50781 22.53L22.5278 7.51003' stroke='%23FFFF5D' stroke-width='2'/%3E%3C/svg%3E%0A");
        }

    .searchform .button--search:after {
        width: 2rem;
        height: 2.4rem;
        top: calc(50% - 1.4rem);
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5757' cy='10.8337' r='6.74194' transform='rotate(-30 10.5757 10.8337)' stroke='%23FFFF5D' stroke-width='2'/%3E%3Cline x1='14.8521' y1='16.7348' x2='19.5536' y2='24.3906' stroke='%23FFFF5D' stroke-width='2'/%3E%3C/svg%3E%0A");
    }

.entities__filterbody > form {
    position: absolute;
    top: 0;
    right: 0;
}

.body--searchresults .entities__results {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

    .body--searchresults .entities__results .tile {
        width: 100%;
    }

        .body--searchresults .entities__results .tile + .tile {
            margin: 2.5rem 0 0;
        }

    .body--searchresults .entities__results .tile--blue p svg {
        margin-right: .5rem;
        transform: translateY(-.2rem);
    }

        .body--searchresults .entities__results .tile--blue p svg path {
            fill: var(--white);
        }

    .body--searchresults .entities__results > .button {
        margin-left: auto;
        margin-right: auto;
    }

    .body--searchresults .entities__results .ad {
        text-align: center;
    }

.body--searchresults .entities__filterbody > form {
    bottom: 0px;
    top: auto;
}

.body--searchresults .tabs {
    background-color: transparent;
    margin-bottom: 0px;
}

    .body--searchresults .tabs button {
        background-color: var(--lilac);
    }

        .body--searchresults .tabs button.active {
            background-color: var(--purple);
        }

        .body--searchresults .tabs button .count {
            padding-left: 7px;
            padding-right: 7px;
            display: inline-block;
            position: relative;
        }

        .body--searchresults .tabs button .count span {
            display: inline-block;
            color: var(--purple);
            font-size: 1.5rem;
            position: relative;
            
        }

        .body--searchresults .tabs button .count:before {
            content: "";
            display: inline-block;
            background-color: var(--white);
            width: 100%;
            height: 100%;
            border-radius: 22px;            
            position: absolute;
            top: -1px;
            left: 0px;
        }
        .body--searchresults .tabs button.disabled {
            display: none;
        }

        .body--searchresults h2 sup {
            position: relative;
            left: 0px;
            display: block;
            margin-top: 1rem;
        }
@media(max-width: 1200px) {
    .body--searchresults .entities__filterbody h2 {
        margin-bottom: 0rem;
    }

    .body--searchresults .entities__filterbody > form {
        position: relative;
        margin-bottom: 3.5rem;
    }

        .body--searchresults .entities__filterbody > form .tabs label {
            position: relative;
            right: auto;
        }
}

@media(max-width: 991px) {

    .body--searchresults .entities__filterbody > form .tabs label { 
        padding-right: 1rem;
    }

    .body--searchresults .entities__filterbody > form { 
        margin-bottom: 0rem;

    }
    .searchform {
        height: 15rem;
    }

    .entities__filterbody > form {
        position: relative;
        top: unset;
        left: unset;
    }

    .entities__filterbody h2 {
        margin-bottom: 2.5rem;
    }

    .entities__filterbody .tabs {
        margin-bottom: 3rem;
        width: 100%;
        display: inline-block;
    }

        .entities__filterbody .tabs button {
            font-size: 1.6rem;
            padding-left: .7rem;
            padding-right: .7rem;
            margin-bottom: .7rem;
        }

    .body--searchresults .tile__content {
        flex-flow: column;
    }

    .body--searchresults .tile--card-horizontal .tile__footer {
        width: 100%;
        position: relative;
    }

    .body--searchresults .tile--card-horizontal .tile__image {
        max-width: 100%;
       min-width: 100%;
    }
}


@media(max-width: 700px) {
    .body--searchresults .entities__filterbody > form .tabs label {
        display: block;
    }

    .body--searchresults .tabs button + button {
        margin-left: 0px;
    }

    .body--searchresults .tabs button {
        margin-right: 0.5rem;
    }

    .body--searchresults .entities__results .ad {
        padding: var(--spacing-lg) 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .body--searchresults .search .col-lg-8 {
        width: auto;
    }
}