﻿
@media (min-width: 1280px) {
    .custom-navbar-wrapper {
        display: flex;
        justify-content: space-between;
    }
}

#search-box {
    position: relative;
}

.search-box-desktop {
    width: 320px;
    max-width: 90%;
    height: 86px;
    float: left;
}

.search-box-mobile {
    margin-top: 35px;
    background-color: black;
}

@media(max-width:1279px) {
    #navbarCollapse {
        padding-top: 50px;
    }

    .search-box-desktop {
        position: absolute;
        top: 95px;
        /*left: 150px;*/
    }
}

@media(max-width:767px) {
    .search-box-desktop {
        top: 70px;
    }
}

.header__sticky .search-box-desktop {
    height: 50px;
}

#search-form {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.12);
    z-index: 1;
    border: 2px solid #dfe4e7;
    border-color: #aaff01;
    overflow: hidden;
}

.search-box-desktop #search-form {
    margin: 22px 0px;
}

.search-box-mobile #search-form {
    margin: 5px 0px;
}

.header__sticky #search-form {
    margin: 5px 0px;
}

#input-search {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    background: 0;
    box-shadow: none;
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: .015em;
    padding-bottom: 0px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    padding-left: 10px;
}

#button-search-cancel {
    display: block;
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    width: 22px;
    height: 26px;
    padding: 0 !important;
    line-height: 27px;
    border: 0 !important;
    cursor: pointer;
    background: 0 !important;
    /* margin-top: 30px !important; */
    float: right;
    margin-top: -33px !important;
    margin-right: 30px;
    color: #fff;
}

.searchsubmitwrap {
    width: 28px;
    height: 39px;
    float: right;
    margin-top: -39px;
    margin-right: 0px;
    border-radius: 4px;
}

#button-search-submit {
    border: none;
    background: url(/Content/images/search_icon_v2.png) center;
    background-repeat: no-repeat;
    background-size: 64%;
    float: left;
    /* margin-top: 6px; */
    /* margin-right: 4px; */
    width: 27px;
    border-radius: 4px;
    height: 100%;
    /* padding-top: 19px; */
    /* line-height: 22px; */
    margin-top: 0px;
    /* text-align: center; */
    cursor: default;
}

    #button-search-submit:hover {
        /*background-color: #9601FF;*/
    }

button.hidden {
    display: none;
}

.search_container {
    position: absolute;
}

.search-box-desktop .search_container {
    top: 52px;
    left: 105px;
    position: absolute;
    left: 0;
    width: 100%;
}

.header__sticky .search-box-desktop .search_container {
    top: 38px !important;
}

.search-box-mobile .search_container {
    top: 35px;
    left: 0;
    right: 0;
    z-index: 10;
}

.search_container ul {
    padding-left: 0 !important;
    width: 100%;
}

@media (max-width: 769px) {
    .search_container {
        /*top: 84px;*/
        /*width: 99%;*/
        /*left: 2px;*/
    }
}

#search-result-list {
    display: none;
    max-height: 400px;
    overflow-y: auto;
    border: 2px solid #9601FF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#search-box-desktop #search-result-list {
    top: -151.2px;
    left: -0.200012px;
    width: 317px;
    max-height: 500px;
    overflow-y: auto;
}

.search-result-group-title {
    font-family: 'Gilroy Bold' !important;
    color: #fff !important;
    background-color: #9601FF !important;
    cursor: auto !important;
    text-transform: uppercase;
}

#search-result-list .no-result-container {
    padding: 13px 0;
    text-align: center;
    cursor: default !important;
}

#search-result-list ul li:first-child {
    /*padding-top: 0;*/
}

#search-result-list ul li:last-child {
    padding-bottom: 0;
    border-bottom: unset;
}

#search-result-list li {
    background-color: #ffffff;
    list-style-image: none !important;
    /*min-height: 36px;*/
    padding: 10px 0 10px 0;
    /*border-bottom: 1px solid #dfe4e7;*/
    border-bottom: 2px solid #9601FF;
    color: #353c42;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#event-results, #event-group-results, #venue-results, #artist-results {
    padding-top: 0 !important;
}

#search-result-list .event-search-results-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    margin-left: 7px;
}

.search-result-event-text {
    font-family: 'Gilroy Bold' !important;
}

#search-result-list li a {
    cursor: pointer;
    color: #000 !important;
    font-family: 'Gilroy Bold' !important;
}

    #search-result-list li a label {
        cursor: pointer;
    }

    #search-result-list li a:hover {
        color: #9601FF !important;
    }

.search-text {
    margin-left: 7px;
}
