/* This file is used as dependency in:
   ../../modules/search-results.module/module.html  */




#pwr-search-results__input {
    font-size: 18px;
    font-weight: 500;
}

.pwr-search-results__listing {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pwr-search-results__listing li {
    margin: 0;
    padding: 0;
}

.pwr-search-results__listing li:not(:last-of-type) {
    margin-bottom: 20px;
}

.pwr-search-results__entry {
    background-color: var(--clr-background-lt);
    display: inline-block;
    padding: 30px 40px;
    width: 100%;
}

.pwr-search-results__entry:hover {
    background-color: var(--clr-primary);
}

.pwr-search-results__title {
    color: var(--clr-text-lt);
    margin: 0;
}

.hs-search-field__suggestions {
    position: relative;
    display: contents;
}

.hs-search-field__suggestions .pwr-suggestions-panel {
    width: 100%;
    position: absolute;
    display: none;
    background-color: var(--clr-background-lt);
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
    z-index: 1005;
    border-radius: var(--br-menu);
    padding: 20px 20px 45px;
}

.pwr--dark .pwr-suggestions-panel {
    background-color: var(--clr-background-dk);
}


.hs-search-field--open .hs-search-field__suggestions  .pwr-suggestions-panel {
    display: block;
    margin-top: 50px;
}

.pwr-header-search__inner .hs-search-field__suggestions {
    padding: 15px 52px 15px 0;
}

.pwr-header--dark-on-scroll.scroll .pwr-header-search__inner .hs-search-field__suggestions .pwr-suggestions-panel {
    background-color: var(--clr-background-dk);
}

@media (max-width: 1199px ) {
    .pwr-header-search__inner .hs-search-field__suggestions {
        padding: 15px 150px 15px 40px;
    }
}

/* Site Search Input */

.hs-search-field__suggestions {
    margin: 0;
    padding: 0;
    text-transform: none;
    list-style: none;
}

.hs-search-field__suggestions li {
    display: block;
    margin: 0;
    padding: 0;
}

.hs-search-field__suggestions #results-for {
    font-weight: 700;
    margin-bottom: 10px;
}

.pwr-suggestions--title {
    color: rgba(var(--clr-text-lt-rgb), .4);
    margin-bottom: 10px;
    padding: 0 15px;
}

.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
    display: block;
}
.hs-search-field__suggestions li a {
    border: 2px solid transparent;
    border-radius: var(--br-menu);
    color: rgba(var(--clr-text-lt-rgb), .66);
    padding: 10px 15px 7px;
    position: relative;
}
.hs-search-field__suggestions li a:not(:hover),
.hs-search-field__suggestions a:not(:hover) .hs-search-highlight {
    font-weight: 500;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
    background-color: var(--clr-background-accent-lt);
    border-color: var(--clr-primary);
    color: rgba(var(--clr-text-lt-rgb), 1);
}

.hs-search-field__suggestions a:before,
.hs-search-field__suggestions a:after {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 50%;
}
.hs-search-field__suggestions a:focus:before,
.hs-search-field__suggestions a:focus:after {
    opacity: 1;
}
.hs-search-field__suggestions a:before {
    content: 'Select';
    color: rgba(var(--clr-text-lt-rgb), .4);
    font-weight: bold;
    right: 50px;
    transform: translateY(-50%);
}
.hs-search-field__suggestions a:after {
    background-color: rgba(var(--clr-text-lt-rgb), .4);;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23eee'%3E%3Cpath d='M350 334.5c3.8 8.8 2 19-4.6 26l-136 144c-4.5 4.8-10.8 7.5-17.4 7.5s-12.9-2.7-17.4-7.5l-136-144c-6.6-7-8.4-17.2-4.6-26s12.5-14.5 22-14.5h88l0-192c0-17.7-14.3-32-32-32H32C14.3 96 0 81.7 0 64V32C0 14.3 14.3 0 32 0l80 0c70.7 0 128 57.3 128 128l0 192h88c9.6 0 18.2 5.7 22 14.5z'/%3E%3C/svg%3E");
    background-position: 55% 52%;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 3px;
    height: 20px;
    transform: rotate(90deg) translateX(-50%);
    width: 20px;
}

.pwr--dark .pwr-suggestions--title,
.pwr-header--dark-on-scroll.scroll .pwr-suggestions--title {
    color: rgba(var(--clr-text-dk-rgb), .4);
}

.pwr--dark .hs-search-field__suggestions li a,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions li a {
    color: var(--clr-text-dk);
}

.pwr--dark .hs-search-field__suggestions a:hover,
.pwr--dark .hs-search-field__suggestions a:focus,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions a:hover,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions a:focus {
    background-color: rgba(var(--clr-base-lt-rgb), .075);
}

.pwr--dark .hs-search-field__suggestions li a .hs-search-highlight,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions li a .hs-search-highlight {
    color: var(--clr-text-dk);
    font-weight: bold;
}

.pwr--dark .hs-search-field__suggestions a:before,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions a:before {
    color: rgba(var(--clr-text-dk-rgb), .4);
}
.pwr--dark .hs-search-field__suggestions a:after,
.pwr-header--dark-on-scroll.scroll .hs-search-field__suggestions a:after {
    background-color: rgba(var(--clr-text-dk-rgb), .4);;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23411e82'%3E%3Cpath d='M350 334.5c3.8 8.8 2 19-4.6 26l-136 144c-4.5 4.8-10.8 7.5-17.4 7.5s-12.9-2.7-17.4-7.5l-136-144c-6.6-7-8.4-17.2-4.6-26s12.5-14.5 22-14.5h88l0-192c0-17.7-14.3-32-32-32H32C14.3 96 0 81.7 0 64V32C0 14.3 14.3 0 32 0l80 0c70.7 0 128 57.3 128 128l0 192h88c9.6 0 18.2 5.7 22 14.5z'/%3E%3C/svg%3E");
}

.pwr-header--light-on-scroll.scroll .pwr-suggestions-panel {
    background-color: var(--clr-background-lt);
}
.pwr-header--light-on-scroll.scroll .pwr-suggestions--title {
    color: rgba(var(--clr-text-lt-rgb), .4);
}

.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions li a {
    color: rgba(var(--clr-text-lt-rgb), .66);
}

.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions a:hover,
.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions a:focus {
    background-color: var(--clr-background-accent-lt);
}

.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions li a .hs-search-highlight {
    color: var(--clr-text-lt);
    font-weight: 500;
}

.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions a:before {
    color: rgba(var(--clr-text-lt-rgb), .4);
}
.pwr-header--light-on-scroll.scroll .hs-search-field__suggestions a:after {
    background-color: rgba(var(--clr-text-lt-rgb), .4);;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23eee'%3E%3Cpath d='M350 334.5c3.8 8.8 2 19-4.6 26l-136 144c-4.5 4.8-10.8 7.5-17.4 7.5s-12.9-2.7-17.4-7.5l-136-144c-6.6-7-8.4-17.2-4.6-26s12.5-14.5 22-14.5h88l0-192c0-17.7-14.3-32-32-32H32C14.3 96 0 81.7 0 64V32C0 14.3 14.3 0 32 0l80 0c70.7 0 128 57.3 128 128l0 192h88c9.6 0 18.2 5.7 22 14.5z'/%3E%3C/svg%3E");
}

.pwr-search-results__img {
    width: 200px;
    height: 112px;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 40px;
}

.pwr-search-results__description {
    color: var(--clr-text-lt);
    margin: 10px 0 0;
}

.pwr-search-results__entry:hover .pwr-search-results__title {
    color: var(--clr-text-dk);
}

.pwr-search-results__entry:hover .pwr-search-results__description {
    color: var(--clr-text-dk);
}

.pwr-search-results__entry:hover .hs-search-highlight {
    color: var(--clr-text-dk);
}

.pwr-search-results__prev-page {
    margin-top: 50px;
}

.pwr-search-results__next-page {
    margin-top: 50px;
}

.pwr-search-results__prev-page {
    float: left;
}

.pwr-search-results__next-page {
    float: right;
}

.pwr--dark .pwr-search-results__title {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-search-results__description {
    color: var(--clr-text-dk);
}

@media (max-width: 767px ) {
    #pwr-search-results__input {
        font-size: 18px;
        font-size: max(var(--fs-min), calc(18px * var(--fs-reduction-factor)));
    }

    .pwr-search-results__prev-page {
        margin-top: calc(50px * var(--sp-reduction-factor));
    }

    .pwr-search-results__next-page {
        margin-top: calc(50px * var(--sp-reduction-factor));
    }
}

@media (max-width: 575px ) {
    .pwr-search-results__img {
        float: none;
        margin-bottom: 25px;
    }
}