.banner-artist {
    background: var(--color-blue);
    background-size: cover;
    height: 350px;
    position: relative;
    margin-bottom: 50px;
}

.banner-artist.taylo-swift {
    background: url('../images/artist-banner.webp') top center no-repeat;
    background-size: cover;
}

/* ARTIST HEADER */
.artist-header {
    margin: 0 0 20px 0;
}

.artist-header h1 {
    font-family: 'Gilroy-Bold';
    font-size: 32px;
    font-weight: 400;
    color: var(--color-blue);
    margin: 0 0 10px 0;
}

.artist-header .bell-icon {
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44784 8.96942C6.76219 6.14032 9.15349 4 12 4V4C14.8465 4 17.2378 6.14032 17.5522 8.96942L17.804 11.2356C17.8072 11.2645 17.8088 11.279 17.8104 11.2933C17.9394 12.4169 18.3051 13.5005 18.8836 14.4725C18.8909 14.4849 18.8984 14.4973 18.9133 14.5222L19.4914 15.4856C20.0159 16.3599 20.2782 16.797 20.2216 17.1559C20.1839 17.3946 20.061 17.6117 19.8757 17.7668C19.5971 18 19.0873 18 18.0678 18H5.93223C4.91268 18 4.40291 18 4.12434 17.7668C3.93897 17.6117 3.81609 17.3946 3.77841 17.1559C3.72179 16.797 3.98407 16.3599 4.50862 15.4856L5.08665 14.5222C5.10161 14.4973 5.10909 14.4849 5.11644 14.4725C5.69488 13.5005 6.06064 12.4169 6.18959 11.2933C6.19123 11.279 6.19283 11.2645 6.19604 11.2356L6.44784 8.96942Z' stroke='%23666666'/%3E%3Cpath d='M9.10222 18.4059C9.27315 19.1501 9.64978 19.8077 10.1737 20.2767C10.6976 20.7458 11.3396 21 12 21C12.6604 21 13.3024 20.7458 13.8263 20.2767C14.3502 19.8077 14.7269 19.1501 14.8978 18.4059' stroke='%23666666' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 70%;
    position: relative;
}

.artist-header .bell-icon span {
    width: 8px;
    height: 8px;
    background-color: var(--color-orange);
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 50%;
}

.artist-header a.btn-on-apple-music {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    display: inline-block;
    margin: 0;
    padding: 6px 0 6px 40px;
    background: url('../images/btn-on-apple-music.png') center left no-repeat;
    background-size: contain;
    text-decoration: none;
}

.artist-header a.btn-artist {
    color: var(--color-black);
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 6px 0 6px 40px;
    text-decoration: none;
}

.artist-header a.btn-on-apple-music:hover {
    background: url('../images/btn-on-apple-music.png') center left no-repeat;
    background-size: contain;
}

.artist-header a.btn-like {
    padding: 60px 6px 0px 6px;
    background: url('../images/icon-like.png') center top no-repeat;
    background-size: contain;
    text-align: center;
    width: 50px;
    float: right;
}

.artist-header a.btn-follow {
    padding: 60px 6px 0px 6px;
    background: url('../images/icon-follow.png') center top no-repeat;
    background-size: contain;
    text-align: center;
    width: 50px;
    float: right;
    margin: 0 0 0 10px;
}

.artist-header a.btn-like:hover,
.artist-header a.btn-follow:hover {
    color: var(--color-orange);
}

.artist-header p {
    margin: 10px 0 30px 0
}

/* ARTIST GENRES */
ul.artist-genres {
    margin: 0;
}

ul.artist-genres li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.artist-genres li a {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    color: var(--color-black);
    text-decoration: none;
    transition: all ease 0.3s;
    margin: 0 5px 5px 0
}

ul.artist-genres li a:hover {
    color: var(--color-orange);
}

.filter-box {
    float: right;
}

/* Artists Filter Results */
.artist-filter-results {
    padding: 20px;
    background: var(--color-white);
    border-radius: 10px;
}

.artist-filter-results h2 {
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px 0;
}

.artist-filter-results h2 span {
    color: var(--color-orange);
}

.artist-filter-results .events-near-me-box .no-events-found {
    margin-bottom: 40px;
}

/* Artists Filter Box */
.artist-filter-box {
    margin: 0 0 30px 0;
    width: 50%;
}

.artist-filter-box h3 {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.artist-filter-box h3 span {
    color: var(--color-orange);
}

/* Artists Search Result Box */
.artist-search-box {
    margin: 0 0 30px 0;
}

.artist-search-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.artist-search-box h3 span {
    color: var(--color-orange);
}

h3.filter-heading {
    font-size: 18px;
    font-weight: 600;
}

h3.filter-heading span {
    color: var(--color-orange);
}


/* VENUE BOX LIST VIEW */
.venue-list-view {
    padding: 0;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 0 10px 0;
    transition: all ease 0.3s;
    border: 1px solid #e0dfdf;
    padding: 10px;
    border-radius: 10px;
}

.venue-list-view:hover {
    background: rgba(255, 255, 255, 1);
}

.venue-list-view img {
    border-radius: 10px;
}

.venue-list-view h2 {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 0 0 10px 0;
}

.venue-list-view span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0;
    display: flex;
    margin: 0 0 2px 0;
}

.venue-list-view span.venue-miles {
    padding: 5px 10px 5px 25px;
    background: var(--color-blue);
    color: var(--color-white);
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    position: relative;
}

.venue-list-view .venue-list-dt-box {
    display: block;
}

.venue-list-view span.venue-miles:before {
    width: 16px;
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0H11L16 5L11 10H10V6H4V15H2V4H10V0Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 8px;
    width: 10px;
    height: 10px;
}

.venue-list-view span.venue-location {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21.25C11.853 21.2514 11.7093 21.2059 11.59 21.12C11.29 20.93 4.25 16.2 4.25 10.45C4.25 8.39452 5.06652 6.42328 6.51992 4.96987C7.97333 3.51647 9.94457 2.69995 12 2.69995C14.0554 2.69995 16.0267 3.51647 17.4801 4.96987C18.9335 6.42328 19.75 8.39452 19.75 10.45C19.75 16.2 12.75 20.93 12.41 21.12C12.2907 21.2059 12.147 21.2514 12 21.25ZM12 4.24995C10.3494 4.24463 8.7642 4.89454 7.59238 6.05699C6.42056 7.21943 5.75794 8.79939 5.75 10.45C5.75 14.66 10.54 18.51 12 19.58C13.46 18.51 18.25 14.66 18.25 10.45C18.2421 8.79939 17.5794 7.21943 16.4076 6.05699C15.2358 4.89454 13.6506 4.24463 12 4.24995Z' fill='%23000000'/%3E%3Cpath d='M12 12.75C11.4561 12.75 10.9244 12.5887 10.4722 12.2865C10.0199 11.9844 9.66747 11.5549 9.45933 11.0524C9.25119 10.5499 9.19673 9.99695 9.30284 9.4635C9.40895 8.93006 9.67086 8.44005 10.0555 8.05546C10.4401 7.67086 10.9301 7.40895 11.4635 7.30284C11.997 7.19673 12.5499 7.25119 13.0524 7.45933C13.5549 7.66747 13.9844 8.01995 14.2865 8.47218C14.5887 8.92442 14.75 9.4561 14.75 10C14.75 10.7293 14.4603 11.4288 13.9445 11.9445C13.4288 12.4603 12.7293 12.75 12 12.75ZM12 8.75C11.7528 8.75 11.5111 8.82331 11.3055 8.96066C11.1 9.09802 10.9398 9.29324 10.8452 9.52165C10.7505 9.75005 10.7258 10.0014 10.774 10.2439C10.8223 10.4863 10.9413 10.7091 11.1161 10.8839C11.2909 11.0587 11.5137 11.1778 11.7561 11.226C11.9986 11.2742 12.2499 11.2495 12.4784 11.1549C12.7068 11.0602 12.902 10.9 13.0393 10.6945C13.1767 10.4889 13.25 10.2472 13.25 10C13.25 9.66848 13.1183 9.35054 12.8839 9.11612C12.6495 8.8817 12.3315 8.75 12 8.75Z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 5px;
    opacity: 0.5;
}

.venue-list-view span.venue-artist {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='800px' height='800px' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Mic'%3E%3Cpath d='M20,50.45a1,1,0,0,1-.71-.3L13.64,44.5a1,1,0,0,1,0-1.42L34.86,21.87a1,1,0,0,1,1.41,0l5.66,5.66a1,1,0,0,1,.29.7,1,1,0,0,1-.29.71L20.72,50.15A1,1,0,0,1,20,50.45Zm-4.24-6.66L20,48l19.8-19.8L35.56,24Z'/%3E%3Cpath d='M45.46,29.33a11,11,0,1,1,7.78-3.22h0A10.94,10.94,0,0,1,45.46,29.33Zm0-20A9,9,0,1,0,51.83,24.7h0A9,9,0,0,0,45.46,9.34Z'/%3E%3Cpath d='M35.56,34.89h0a1,1,0,0,1-.7-.29L29.2,28.94a1,1,0,0,1,0-1.41l5.66-5.66a1,1,0,0,1,1.41,0l5.66,5.66a1,1,0,0,1,.29.7,1,1,0,0,1-.29.71L36.27,34.6A1,1,0,0,1,35.56,34.89Zm-4.24-6.66,4.24,4.25,4.25-4.25L35.56,24Z'/%3E%3Cpath d='M16.12,50.8a1,1,0,0,1-.71-.29l-2.12-2.12a1,1,0,0,1,0-1.42l2.12-2.12a1,1,0,0,1,1.42,0L19,47a1,1,0,0,1,0,1.42l-2.12,2.12A1,1,0,0,1,16.12,50.8Zm-.71-3.12.71.71.71-.71L16.12,47Z'/%3E%3Cpath d='M17.45,56.86a2.65,2.65,0,0,1-1.81-.7c-2-1.79-1.66-6.57-1.58-7.51a1,1,0,0,1,1.09-.91,1,1,0,0,1,.9,1.09c-.17,1.93,0,5,.93,5.85a.73.73,0,0,0,.71.15c3.3-.66,7.38-3.36,7.42-3.39,1-.78,4.73-3.39,6.68-2.78A1.82,1.82,0,0,1,33,49.84a1,1,0,0,1-1.87.71c-.68-.06-2.93,1.09-4.85,2.53-.22.15-4.49,3-8.18,3.71A3.47,3.47,0,0,1,17.45,56.86Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 5px;
    opacity: 0.5;
}

.venue-list-view span.venue-date {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14C7 13.4477 7.44772 13 8 13C8.55229 13 9 13.4477 9 14C9 14.5523 8.55229 15 8 15C7.44772 15 7 14.5523 7 14Z' fill='%230F0F0F'/%3E%3Cpath d='M8 17C7.44772 17 7 17.4477 7 18C7 18.5523 7.44772 19 8 19C8.55229 19 9 18.5523 9 18C9 17.4477 8.55229 17 8 17Z' fill='%230F0F0F'/%3E%3Cpath d='M11 14C11 13.4477 11.4477 13 12 13C12.5523 13 13 13.4477 13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14Z' fill='%230F0F0F'/%3E%3Cpath d='M12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z' fill='%230F0F0F'/%3E%3Cpath d='M15 14C15 13.4477 15.4477 13 16 13C16.5523 13 17 13.4477 17 14C17 14.5523 16.5523 15 16 15C15.4477 15 15 14.5523 15 14Z' fill='%230F0F0F'/%3E%3Cpath d='M16 17C15.4477 17 15 17.4477 15 18C15 18.5523 15.4477 19 16 19C16.5523 19 17 18.5523 17 18C17 17.4477 16.5523 17 16 17Z' fill='%230F0F0F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2C6 1.44772 6.44772 1 7 1C7.55228 1 8 1.44772 8 2V3H16V2C16 1.44772 16.4477 1 17 1C17.5523 1 18 1.44772 18 2V3H19C20.6569 3 22 4.34315 22 6V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V6C2 4.34315 3.34315 3 5 3H6V2ZM16 5V6C16 6.55228 16.4477 7 17 7C17.5523 7 18 6.55228 18 6V5H19C19.5523 5 20 5.44772 20 6V9H4V6C4 5.44772 4.44772 5 5 5H6V6C6 6.55228 6.44772 7 7 7C7.55228 7 8 6.55228 8 6V5H16ZM4 11V20C4 20.5523 4.44772 21 5 21H19C19.5523 21 20 20.5523 20 20V11H4Z' fill='%230F0F0F'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-right: 5px;
    opacity: 0.5;
}

.venue-list-view span.venue-time {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23000000' stroke-width='1.5'/%3E%3Cpath d='M12 8V12L14.5 14.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 5px;
    opacity: 0.5;
}

.venue-list-view .btn-venue-book-ticket {
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    padding: 12px;
    width: 50%;
    display: inline-block;
    text-decoration: none;
    transition: all ease 0.3s;
}

.venue-list-view .btn-venue-book-ticket:hover {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
}

/* RELATED ARTISTS */
h2.related-artist-heading {
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 20px 0;
}

.artist-related h4 {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
}

.artist-related a h4 {
    color: var(--color-black);
}

.artist-related a:hover h4 {
    color: var(--color-orange);
}

.artist-related img {
    max-width: 100%;
    border-radius: 100%;
    margin-bottom: 10px;
}

/* DISTANCE SLIDER */
.slider-container {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.slider-container .slider-label {
    font-weight: bold;
    color: #1a1a75;
    white-space: nowrap;
    width: 60px;
    text-align: right;
}

.slider-container .slider-input {
    position: relative;
    width: 95%;
}

.slider-container .custom-slider {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    padding: 0;
}

.slider-container .progress-bar-container {
    position: relative;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
}

.slider-container .progress-bar-container .progress-bar {
    position: absolute;
    border: 0;
    height: 100%;
    background: #242477;
}

/* Webkit thumb */
.custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: rgb(252, 95, 0);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-top: -12px;
}

/* Firefox thumb */
.custom-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: orange;
    border: none;
    border-radius: 50%;
}

/* ARTIST DETAILS BOX */
.artist-featured-img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: contain;
    margin: 0;
}

.artist-follow {
    padding: 20px;
    border-radius: 10px;
    background: var(--color-blue) url('../images/artist-follow-bkg-desktop.png') top center no-repeat;
    display: flex;
    margin: 0 0 20px 0;
}

.artist-follow p {
    width: 80%;
    color: var(--color-white);
    font-weight: 500;
    margin: 0;
}

.artist-follow .btn-follow {
    margin: 0;
    width: 20%;
    text-align: right;
}

.artist-follow .btn-follow a {
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    padding: 11px;
    display: inline-block;
    text-decoration: none;
    transition: all ease 0.3s;
    position: relative;
    text-transform: uppercase;
}

.artist-follow .btn-follow a:hover {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
}

.artist-follow .btn-follow a:before {
    width: 16px;
    content: " ";
    /*background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 12px;
    width: 16px;
    height: 16px;
}

.artist-details-right-box {
    margin: 0 0 30px 0;
}

.artist-details-right-box:last-child {
    margin: 0 0 0 0;
}

.artist-details-right-box h2 {
    font-size: 18px;
    color: var(--color-blue);
    margin: 0 0 10px 0;
}

.artist-details-right-box h3 {
    font-size: 16px;
    color: var(--color-orange);
    margin: 0 0 5px 0;
}

.artist-details-right-box p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.filter-list-view {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L4 7' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 12L4 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 17L4 17' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
}

.filter-list-view.active {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L4 7' stroke='%23fc5f00' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 12L4 12' stroke='%23fc5f00' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M20 17L4 17' stroke='%23fc5f00' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
}

.filter-grid-view {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.976C3 4.05476 4.05476 3 8.976 3H15.024C19.9452 3 21 4.05476 21 8.976V15.024C21 19.9452 19.9452 21 15.024 21H8.976C4.05476 21 3 19.9452 3 15.024V8.976Z' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M12 3V21' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12L3 12' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.filter-grid-view.active {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.976C3 4.05476 4.05476 3 8.976 3H15.024C19.9452 3 21 4.05476 21 8.976V15.024C21 19.9452 19.9452 21 15.024 21H8.976C4.05476 21 3 19.9452 3 15.024V8.976Z' stroke='%23fc5f00' stroke-width='2'/%3E%3Cpath d='M12 3V21' stroke='%23fc5f00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12L3 12' stroke='%23fc5f00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.filter-events-near-me-btn:not(.active),
.filter-other-artist-events-btn:not(.active) {
    cursor: pointer;
}

.venue-list-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
}

.venue-list-view .venue-list-view-col-left {
    width: 50%;
}

.venue-list-view .venue-list-view-col-mid {
    border-left: 2px solid #ededed;
    padding-left: 20px;
}

.venue-list-view .venue-list-view-col-mid,
.venue-list-view .venue-list-view-col-right {
    width: 25%;
}

.search-by-miles-result .loading .artist-search-box .event-details .event-image,
.search-by-miles-result .loading .artist-search-box .event-details h2,
.search-by-miles-result .loading .event-box .event-box-body .event-miles,
.search-by-miles-result .loading .event-box .event-box-footer .btn-event-book-ticket,
.search-by-miles-result .loading .artist-search-box .event-details .event-dt-box span .text,
.search-by-miles-result .loading .artist-search-box .event-details .event-box-body span .text {
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.search-by-miles-result .loading .artist-search-box .event-details .event-box-body span .text {
    width: 50%;
}

.search-by-miles-result .loading .artist-search-box .event-details .event-dt-box span .text {
    min-width: 100px;
}

.search-by-miles-result .loading .event-box .event-box-footer .btn-event-quick-view {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
}

.search-by-miles-result .loading .event-box .event-box-footer .btn-event-book-ticket {
    border-color: rgba(0, 0, 0, 0.1);
}

.search-by-miles-result .loading .artist-search-box .event-details .event-image::after,
.search-by-miles-result .loading .artist-search-box .event-details h2::after,
.search-by-miles-result .loading .event-box .event-box-body .event-dt-box .event-miles::after,
.search-by-miles-result .loading .event-box .event-box-footer .btn-event-book-ticket::after,
.search-by-miles-result .loading .artist-search-box .event-details .event-dt-box span .text::after,
.search-by-miles-result .loading .artist-search-box .event-details .event-box-body span .text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.7) 50%, rgba(250, 250, 250, 0) 100%);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.artist-related img.artist-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.other-artist-events-box h3 span {
    color: var(--color-orange);
}

/* RESPONSIVE */
@media screen and (max-width: 900px) {

    .artist-header a.btn-artist {
        font-size: 16px;
        font-weight: 500;
        color: var(--color-black);
        display: inline-block;
        margin: 0 20px 20px 0;
        padding: 8px 0 8px 45px;
        text-decoration: none;
        float: none;
        width: auto;
        text-align: left;
        background-position: center left;
    }

    .event-box .event-box-body span.event-dt-box {
        flex-wrap: wrap;
        display: flex !important;
    }

    .artist-featured-img {
        margin: 0 0 10px 0;
    }

    .artist-follow {
        display: block;
        text-align: center;
        background: var(--color-blue) url('../images/artist-follow-bkg-mobile.png') top center no-repeat;
        background-size: cover;
        margin: 0 0 10px 0;
    }

    .artist-follow p {
        width: 100%;
        margin: 0 0 20px 0;
    }

    /* LIST VIEW */
    .venue-list-view {
        display: block;
        margin: 0 0 30px 0;
    }

    .venue-list-view img {
        margin-bottom: 10px;
    }

    .venue-list-view .venue-list-view-col-left,
    .venue-list-view .venue-list-view-col-mid,
    .venue-list-view .venue-list-view-col-right {
        width: 100%;
    }

    .venue-list-view .venue-list-view-col-mid {
        border-left: none;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .venue-list-view .btn-venue-book-ticket {
        width: 100%;
    }

    .venue-list-view .venue-list-dt-box {
        display: flex !important;
        justify-content: space-between;
    }

    .event-box .event-box-body>span {
        min-height: auto;
    }

    .event-box .event-box-body h2 {
        height: auto;
    }

    .artist-filter-box {
        width: 90%;
    }
}

.event-box-header figure {
    position: relative;
}