/* for ResultList.html */

.tx-kesearch-pi1 .info-box {
    padding: 1rem 2rem; /* 16px 32px */
    margin-bottom: 2rem; /* 32px */
    position: relative;
    background: var(--ji-light-grey);
}

.tx-kesearch-pi1 .info-box span {
    font-weight: bold;
    color: var(--ji-red);
}

.tx-kesearch-pi1 .info-box a {
    color: var(--ji-anthracite);
    font-weight: bold;
}

/* for SearchForm.html */

.icon-spin {
    display: inline-block;
    animation: icon-spin 2s infinite linear;
}

@keyframes icon-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.tx-kesearch-pi1 .search {
    border-bottom: 0.1875rem solid var(--ji-red); /** 3px */
    padding-top: 5rem; /* 80px */
    margin: 0 10% 2rem; /* 32 px */
}

.tx-kesearch-pi1 .magnifying-glass {
    margin-bottom: 0.5rem; /* 8 px */
    border: none;
    background: none;
    width: auto;
}

.tx-kesearch-pi1 .searchbar label {
    width: 100%;
}

.tx-kesearch-pi1 .searchbar input {
    border: none;
}

.tx-kesearch-pi1 .searchbar input:focus {
    box-shadow: none;
}

/* for ResultRow.html */

.tx-kesearch-pi1 .result-title a {
    font-size: 1.25rem; /* 20px */
}

.tx-kesearch-pi1 .result-title a span {
    font-size: 1.25rem; /* 20px */
}

.tx-kesearch-pi1 .hit {
    color: unset !important;
    font-weight: bolder !important;
}

.tx-kesearch-pi1 .result-list-item .link a {
    color: var(--ji-anthracite) !important;
    font-weight: bold;
}

.tx-kesearch-pi1 .result-list-item .link a:hover {
    color: var(--ji-red) !important;
}

.tx-kesearch-pi1 .result-list-item .link a::after {
    content: '';
    border-style: solid;
    border-width: 0.1rem 0.1rem 0 0; /* 1.6px 1.6px 0 0 */
    display: inline-block;
    height: 0.5rem; /* 8px */
    width: 0.5rem; /* 8px */
    margin-left: 0.2rem; /* 3.2px */
    transform: rotate(45deg);
    vertical-align: middle;
    color: var(--ji-red);
}

.tx-kesearch-pi1 .result-list-item {
    border-top: 1px solid var(--ji-anthracite); /** 1px */
    padding: 2rem 0 !important; /* 32px */
    margin: 0 !important;
}

/* for ResultRow.html */

.tx-kesearch-pi1 #kesearch_results h2 {
    color: var(--ji-red);
}

.tx-kesearch-pi1 #kesearch_results h2 span {
    color: var(--ji-red);
    font-weight: 600;
    font-size: 1.5625rem; /* 25px */
    line-height: 1.875rem; /* 30ox */
}

/* for PageBrowser.html */

.tx-kesearch-pi1 {
    .pages_total {
        border-top: 1px solid var(--ji-light-grey); /** 1px */
        border-radius: 0;
        padding: 0.5rem 0; /* 8px */

        .result_txt {
            text-align: center;
            color: var(--ji-anthracite);
        }

        .kesearch_pagebrowser {
            ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                padding: 0.5em;
                width: 100%;
                margin-bottom: 4rem; /* 64 px */
            }

            li {
                display: inline;
                margin: 0;
                height: 100%;

                a {
                    padding: 0.5em;
                    font-weight: normal;

                    &:hover {
                        color: var(--ji-red);
                    }

                    &.current {
                        color: white !important;
                        background: var(--ji-red);
                    }
                }

                a.page-link:focus {
                    outline: none;
                    box-shadow: 0.4375rem 0.4375rem 0.9375rem 0 rgba(0, 0, 0, 0.25); /* 7px 7px 15px 0px */
                    color: var(--ji-red);
                }

                &.active span {
                    background: var(--ji-red);
                    border-color: var(--ji-red);
                }
            }
        }
    }

    .kesearch_pagebrowser .pagination .page-item.disabled {
        opacity: 1;

        .page-link {
            color: var(--ji-red);
            background-color: white;
            cursor: not-allowed;

            &:hover {
                text-decoration: none;
            }
        }
    }
}