body.napha-white-bg {
    background-color: var(--napha-white);

    #footerwrapper {
        background: var(--napha-white);
    }

    @media (max-width: 767px) {
        height: auto;
    }
}

.global-search-body {
    .napha-breadcrumbs-container {
        background: var(--napha-orange-200);

        .breadcrumbs-col {
            color: var(--napha-black-500);
            font-weight: 400;
        }
    }
}

.normal-container {
    margin-top: 50px;

    @media (max-width: 767px) {
        margin-top: 100px;
    }
}

#global-search-form-container {
    width: 100%;
    background: var(--napha-orange-200);
    margin-bottom: -15px;
    padding: 15px 0;

    h1 {
        font-weight: 500;
        font-size: 38px;
        line-height: 44px;
        letter-spacing: 0.40992px;
        color: var(--napha-black-600);
        margin-top: 30px;
        margin-bottom: 20px;

        @media (max-width: 767px) {
            font-size: 26px !important;
            letter-spacing: 0.29px;
            line-height: 34px;
            margin-top: 20px;
        }
    }

    #search-form-wrapper {
        display: flex;
        margin-bottom: 25px;

        #global-search-form {
            display: flex;
            justify-content: center;
            background: var(--napha-white);
            border: 1px solid var(--napha-black-600);
            border-radius: 8px;
            padding: 8px 16px;
            flex-grow: 1;

            #search-input {
                background: var(--napha-white);
                font-size: 17px;
                padding: 0;
                line-height: 25px;
                text-align: left;
                color: var(--napha-black-600);
                outline: none;
                border: none;
                flex-grow: 1;
            }

            #search-input::placeholder {
                color: var(--napha-black-500);
            }

            #search-btn {
                width: 36px;
                height: 36px;
                background: none;
                border: none;
                box-shadow: none;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 5px;

                #search-btn-icon {
                    height: 36px;
                    width: 36px;
                    display: inline-block;
                    background: url("../../napha2015/gfx/icons/icon_search_gray.svg") no-repeat center;
                }
            }
        }
    }

    #search-results-count {
        font-weight: 700;
        font-size: 15px;
        line-height: 140%;
        letter-spacing: 0.15372px;
        color: var(--napha-black-600);
        margin-bottom: 30px;

        @media (max-width: 767px) {
            margin-bottom: 15px;
        }
    }
}

#global-search-results-container {
    .search-result-type-container {
        &:not(:first-of-type) {
            margin-top: 55px;
        }

        .search-result-type-header {
            h2 {
                font-weight: 500;
                font-size: 30px;
                line-height: 120%;
                letter-spacing: 0.40992px;
                color: var(--napha-black-600);
                margin-bottom: 10px;
            }

            .type-count {
                font-weight: 700;
                font-size: 15px;
                line-height: 140%;
                letter-spacing: 0.15372px;
                color: var(--napha-black-300);
                margin-left: 10px;
                display: inline-block;
            }
        }

        ul.global-search-results-type-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 15px;

            li {
                border-bottom: 1px solid var(--napha-black-200);

                a {
                    display: block;
                    font-weight: 700;
                    font-size: 17px;
                    line-height: 160%;
                    letter-spacing: 0.15372px;
                    color: var(--napha-black-600);
                    text-decoration: none;
                    padding: 10px 0;

                    &:hover, &:focus, &:active {
                        text-decoration: underline;
                    }

                    em {
                        background: var(--napha-orange-200);
                    }

                    .global-search-single-result-date {
                        font-weight: 700;
                        font-size: 15px;
                        line-height: 140%;
                        letter-spacing: 0.15372px;
                        color: var(--napha-black-300);
                        margin-left: 10px;
                        display: inline-block;
                    }
                }
            }
        }

        .show-more-results-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            padding: 8px 14px;
            background: var(--napha-black-100);
            border-radius: 8px;
            font-weight: 400;
            font-size: 17px;
            line-height: 160%;
            letter-spacing: 0.15372px;
            color: var(--napha-black-600);

            span.icon.icon-round-expand {
                margin-left: 8px;
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url("../gfx/icons/icon_round_expand.svg") 0 0 no-repeat;
                align-self: center;
            }

            &:hover, &:focus {
                background: var(--napha-orange-200);
            }
        }
    }
}