/* HEADER */
.banner {
    background-size: cover;
    padding: 30px;
    margin: 15px 0;
    position: relative;
}

.banner .background-overlay {
    position: absolute;
    background-color: #000000a6;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.banner h1 {
    font-family: "Gilroy-Bold";
    margin: 0 0 20px 0;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
}

.banner h2 {
    margin: 0 0 20px 0;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
}

.banner a {
    color: var(--color-white);
    font-weight: 600;
    display: block;
}

.banner a:hover {
    color: var(--color-orange);
}

.banner a.view-concert-btn {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0 5px 0;
    display: inline-block;
    color: var(--color-orange);
}

.banner a.view-concert-btn:hover {
    color: var(--color-orange);
    text-decoration: none;
    border-bottom: 2px solid var(--color-orange);
}

.header-event-details {
    margin: 50px auto 0 auto;
    display: flex;
}

.header-event-details>div {
    display: grid;
    width: 33.33%;
}

.header-event-details div .header-event-details-top {
    width: 100%;
    padding: 10px;
}

.header-event-details div .header-event-details-bottom {
    width: 100%;
    align-self: flex-end;
    padding: 10px;
}

.header-event-details h2 {
    margin: 0 0 10px 0;
    color: var(--color-white);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
}

.header-event-details h4 {
    margin: 0 0 20px 0;
    color: var(--color-white);
    font-style: normal;
    font-weight: 500;
}

.header-event-details h4 a {
    color: var(--color-white);
    font-weight: 500;
}

.banner .btn {
    padding: 12px 45px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    text-transform: uppercase;
    border: 2px solid;
    text-align: center;
}

.banner .btn-orange {
    background: var(--color-orange);
    color: var(--color-white);
    border-color: var(--color-orange);
}

.banner .btn-white {
    border: 2px solid rgba(255, 255, 255, 0.1);
    background: none;
    color: var(--color-white);
    transition: all ease 0.3s;
}

.banner .btn-white:hover {
    border: 2px solid rgba(255, 255, 255, 0.1);
    background: none;
    color: var(--color-orange);
}

.banner .btn-orange-border {
    border: 1px solid var(--color-orange);
    background: none;
    color: var(--color-white);
    transition: all ease 0.3s;
    text-transform: uppercase;
    border-radius: 5px;
}

.banner .btn-orange-border:hover {
    color: var(--color-orange);
}

.icon-bell {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/icon-bell.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: middle;
    transition: background-image 0.3s ease;
}

.followButton:hover .icon-bell {
    background-image: url("../images/icon-bell-hover.png");
}

.banner .btn-orange-fill {
    border: 1px solid var(--color-orange);
    background: var(--color-orange);
    color: var(--color-white);
    transition: all ease 0.3s;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 11px 45px;
}

.banner .btn-orange-fill:hover {
    border: 1px solid var(--color-white);
    background: var(--color-white);
    color: var(--color-orange);
}

.banner .btn-orange-fill span {
    display: flex;
    align-items: center;
}

.banner .btn-orange-fill svg {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
}

.banner .btn-orange-fill:hover svg {
    fill: var(--color-orange);
}

.banner form label {
    color: var(--color-white);
}

.banner figure {
    position: relative;
    height: 230px;
}

.banner figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    border-radius: 5px;
}

.banner figure .on-sale {
    position: absolute;
    top: -15px;
    right: -30px;
    z-index: 1;
}

.banner figure .sale-badge {
    background: var(--color-orange);
    padding: 10px 20px;
    border-radius: 5px 0px 0px 5px;
}

.banner figure .sale-badge h2 {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-white);
    margin: 0;
}

/* GET TICKETS */
.get-tickets {
    background: var(--color-white);
    padding: 0px;
    margin-bottom: 20px;
}

.get-tickets h2 {
    margin: 0 0 10px 0;
    color: var(--color-blue);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    padding: 0 0 10px 0;
    background: url("../images/get-tickets-txt-bkg.jpg") left bottom no-repeat;
}

.get-tickets h3 {
    margin: 0;
    color: var(--color-orange);
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
}

.get-tickets h3 span,
.subtext {
    display: block;
    margin: 0;
    color: #666;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    text-align: right;
}

a.ticket-master-btn {
    display: block;
}

a.ticket-master-btn img {
    max-width: 110px;
    width: 100%;
    margin: 0;
}

.get-ticket-img {
    width: 100%;
}

.get-tickets-inner {
    padding: 10px;
}

.tickets-holder {
    display: flex;
    align-items: center;
}

.tickets-holder img {
    margin-right: 20px;
}

/* TICKET DETAILS */
.ticket-details {
    margin-top: 20px;
}

.ticket-details h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-white);
    margin: 0 0 10px 0;
    display: block;
}

.ticket-details h2 {
    font-size: 26px;
    font-weight: 600;
    color: #66b6dd;
    margin: 0 0 20px 0;
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.203613 15.6177L12.6372 3.18408C12.7446 3.19775 12.8579 3.16455 12.9399 3.08252C13.022 3.00049 13.0571 2.88721 13.0415 2.77978L15.6177 0.203613C15.8892 -0.0678711 16.3325 -0.0678711 16.604 0.203613L18.6411 2.24268C18.106 3.11572 18.2173 4.27197 18.9731 5.02783C19.729 5.78369 20.8853 5.89307 21.7583 5.35986L23.7954 7.39697C24.0669 7.66846 24.0669 8.11182 23.7954 8.3833L21.2192 10.9595C21.1118 10.9458 21.0005 10.979 20.9165 11.061C20.8345 11.1431 20.7993 11.2563 20.8149 11.3638L8.3833 23.7954C8.11182 24.0669 7.66846 24.0669 7.39697 23.7954L5.37158 21.772C5.95361 20.8911 5.85596 19.6958 5.08252 18.9204C4.30713 18.145 3.11182 18.0493 2.23096 18.6313L0.203613 16.604C-0.0678711 16.3325 -0.0678711 15.8892 0.203613 15.6177ZM19.9751 10.1196C20.1157 9.979 20.3442 9.979 20.4849 10.1196C20.6255 10.2603 20.6255 10.4888 20.4849 10.6294C20.3442 10.77 20.1157 10.77 19.9751 10.6294C19.8345 10.4888 19.8345 10.2603 19.9751 10.1196ZM19.0317 9.17627C19.1724 9.03564 19.4009 9.03564 19.5415 9.17627C19.6821 9.31689 19.6821 9.54541 19.5415 9.68604C19.4009 9.82666 19.1724 9.82666 19.0317 9.68604C18.8911 9.54541 18.8911 9.31689 19.0317 9.17627ZM18.0884 8.23291C18.229 8.09229 18.4575 8.09229 18.5981 8.23291C18.7388 8.37354 18.7388 8.60205 18.5981 8.74267C18.4575 8.8833 18.229 8.8833 18.0884 8.74267C17.9478 8.60205 17.9478 8.37354 18.0884 8.23291ZM17.145 7.28955C17.2856 7.14893 17.5142 7.14893 17.6548 7.28955C17.7954 7.43018 17.7954 7.65869 17.6548 7.79932C17.5142 7.93994 17.2856 7.93994 17.145 7.79932C17.0044 7.65869 17.0044 7.43018 17.145 7.28955ZM16.2017 6.34619C16.3423 6.20557 16.5708 6.20557 16.7114 6.34619C16.8521 6.48682 16.8521 6.71533 16.7114 6.85596C16.5708 6.99658 16.3423 6.99658 16.2017 6.85596C16.061 6.71533 16.061 6.48682 16.2017 6.34619ZM15.2583 5.40283C15.3989 5.26221 15.6274 5.26221 15.7681 5.40283C15.9087 5.54346 15.9087 5.77197 15.7681 5.9126C15.6274 6.05322 15.3989 6.05322 15.2583 5.9126C15.1177 5.77197 15.1177 5.54346 15.2583 5.40283ZM14.3149 4.45947C14.4556 4.31885 14.6841 4.31885 14.8247 4.45947C14.9653 4.6001 14.9653 4.82861 14.8247 4.96924C14.6841 5.10986 14.4556 5.10986 14.3149 4.96924C14.1743 4.82861 14.1743 4.6001 14.3149 4.45947ZM13.3716 3.51611C13.5122 3.37549 13.7407 3.37549 13.8813 3.51611C14.022 3.65674 14.022 3.88525 13.8813 4.02588C13.7407 4.1665 13.5122 4.1665 13.3716 4.02588C13.231 3.88525 13.231 3.65674 13.3716 3.51611ZM4.97119 14.6313L12.6626 6.93994C12.979 6.62353 13.4966 6.62353 13.813 6.93994L17.3481 10.4751C17.6646 10.7915 17.6646 11.3091 17.3481 11.6255L9.65674 19.3169C9.34033 19.6333 8.82275 19.6333 8.50635 19.3169L4.97119 15.7817C4.65479 15.4653 4.65479 14.9478 4.97119 14.6313Z' fill='%2366B6DD'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px 0 10px 50px;
}

/* FIGURE MOBILE AND DESKTOP */
.figure-mobile {
    display: none;
}

.figure-desktop {
    display: block;
}

/* Event Details */
.event-details h2,
.event-details address {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
}

.event-details .col-2,
.event-details .col-33 {
    padding: 20px;
    margin: 0 5px;
    border: 1px solid #ddd;
    transition: all ease 0.6s;
}

.event-details .col-2:hover,
.event-details .col-33:hover {
    box-shadow: 1px 15px 15px #ddd;
}

.event-details .icon-map {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,14 C9.790861,14 8,12.209139 8,10 C8,7.790861 9.790861,6 12,6 C14.209139,6 16,7.790861 16,10 C16,12.209139 14.209139,14 12,14 Z M12,13 C13.6568542,13 15,11.6568542 15,10 C15,8.34314575 13.6568542,7 12,7 C10.3431458,7 9,8.34314575 9,10 C9,11.6568542 10.3431458,13 12,13 Z M12.3391401,20.8674017 C12.1476092,21.0441994 11.8523908,21.0441994 11.6608599,20.8674017 C7.23483091,16.7818365 5,13.171725 5,10 C5,6.13400675 8.13400675,3 12,3 C15.8659932,3 19,6.13400675 19,10 C19,13.171725 16.7651691,16.7818365 12.3391401,20.8674017 Z M18,10 C18,6.6862915 15.3137085,4 12,4 C8.6862915,4 6,6.6862915 6,10 C6,12.7518356 7.98660341,16.0353377 12,19.8163638 C16.0133966,16.0353377 18,12.7518356 18,10 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    opacity: 0.5;
}

.event-details .icon-genre {
    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%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M9 20C9 21.1046 7.65685 22 6 22C4.34315 22 3 21.1046 3 20C3 18.8954 4.34315 18 6 18C7.65685 18 9 18.8954 9 20ZM9 20V10M20 18V6M20 6V3.4277C20 2.73374 19.3104 2.25075 18.6583 2.48791L9.65826 5.76063C9.26307 5.90434 9 6.27992 9 6.70043V10M20 6L9 10' stroke='%23999999' stroke-linejoin='round'/%3E%3Cellipse cx='17' cy='18' rx='3' ry='2' stroke='%23999999' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    opacity: 0.5;
}

.event-details .icon-cat {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' width='800px' height='800px' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960.315 96.818c-186.858 0-338.862 152.003-338.862 338.861v484.088c0 186.858 152.004 338.862 338.862 338.862 186.858 0 338.861-152.004 338.861-338.862V435.68c0-186.858-152.003-338.861-338.861-338.861M427.818 709.983V943.41c0 293.551 238.946 532.497 532.497 532.497 293.55 0 532.496-238.946 532.496-532.497V709.983h96.818V943.41c0 330.707-256.438 602.668-580.9 627.471l-.006 252.301h242.044V1920H669.862v-96.818h242.043l-.004-252.3C587.438 1546.077 331 1274.116 331 943.41V709.983h96.818ZM960.315 0c240.204 0 435.679 195.475 435.679 435.68v484.087c0 240.205-195.475 435.68-435.68 435.68-240.204 0-435.679-195.475-435.679-435.68V435.68C524.635 195.475 720.11 0 960.315 0Z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    opacity: 0.5;
}

.event-details .icon-promote {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23999999' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M412.626,290.038c-3.483,2.793-4.042,7.882-1.248,11.364c1.596,1.992,3.943,3.027,6.311,3.027 c1.774,0,3.561-0.581,5.053-1.777c22.474-18.022,35.364-44.849,35.364-73.599c0-28.75-12.89-55.576-35.362-73.599 c-3.482-2.795-8.571-2.233-11.364,1.248c-2.794,3.483-2.234,8.571,1.248,11.364c18.627,14.938,29.31,37.167,29.31,60.986 C441.937,252.872,431.254,275.1,412.626,290.038z'/%3E%3Cpath d='M483.302,137.925c-18.346-26.18-43.765-46.03-73.508-57.409c-4.167-1.594-8.843,0.49-10.439,4.662 c-1.594,4.17,0.493,8.844,4.662,10.439c54.918,21.006,91.815,74.63,91.815,133.435c0,58.805-36.897,112.429-91.815,133.435 c-4.169,1.594-6.257,6.268-4.662,10.439c1.232,3.22,4.299,5.198,7.552,5.198c0.961,0,1.937-0.172,2.888-0.536 c29.745-11.378,55.163-31.229,73.508-57.409C502.077,293.39,512,261.879,512,229.053 C512,196.226,502.077,164.715,483.302,137.925z'/%3E%3Cpath d='M342.232,26.947c-22.289,0-40.421,18.132-40.421,40.421v9.833l-147.915,48.233 c-15.216,4.963-26.836,16.496-32.149,30.861H72.758C32.639,156.295,0,188.933,0,229.053c0,40.119,32.639,72.758,72.758,72.758 h4.219l33.624,159.706c2.87,13.638,15.069,23.536,29.006,23.536h57.959c16.344,0,29.642-13.298,29.642-29.642v-98.833 l74.602,24.327v9.833c0,22.289,18.132,40.421,40.421,40.421c22.289,0,40.421-18.132,40.421-40.421V67.368 C382.653,45.08,364.52,26.947,342.232,26.947z M83.381,285.642H72.758c-31.203,0-56.589-25.387-56.589-56.589 c0-31.203,25.387-56.589,56.589-56.589h45.836c-0.017,0.548-0.026,1.097-0.026,1.648v109.883c0,0.55,0.008,1.101,0.026,1.648 H83.708C83.599,285.64,83.49,285.64,83.381,285.642z M211.039,351.305v104.105c0,7.43-6.044,13.474-13.474,13.474h-57.959 c-6.335,0-11.88-4.499-13.185-10.698L93.5,301.811h28.246c5.313,14.365,16.934,25.899,32.149,30.861l57.145,18.634H211.039z M301.811,363.898l-142.902-46.601c-14.458-4.715-24.172-18.099-24.172-33.305V174.111c0-15.206,9.714-28.59,24.172-33.306 l142.902-46.599V363.898z M366.484,390.737c0,13.372-10.88,24.253-24.253,24.253s-24.253-10.88-24.253-24.253v-15.513 c0.003-0.126,0.003-0.25,0-0.374V83.258c0.003-0.125,0.003-0.249,0-0.374V67.368c0-13.372,10.88-24.253,24.253-24.253 s24.253,10.88,24.253,24.253V390.737z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    opacity: 0.5;
}

.event-details .icon-status {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='8' stroke='%23999999' stroke-width='1.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: inline-block;
    opacity: 0.5;
}

/* HEADING */
h2.heading {
    font-size: 56px;
    font-weight: 600;
    margin: 0 0 100px 0;
}

h2.heading-sm {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

/* ARTIST BOX */
.artist-box {
    border: 10px solid rgba(255, 255, 255, 0.1);
    padding: 0px;
    text-align: center;
    transition: all ease 0.6s;
}

.artist-box:hover {
    border: 10px solid rgba(255, 255, 255, 0.3);
}

.artist-box h2 {
    display: block;
    margin: 0;
    color: var(--color-white);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

.artist-box h2 a {
    padding: 30px;
    display: block;
    color: var(--color-white);
    text-decoration: none;
}

.artist-box h2 a:hover {
    color: var(--color-orange);
}

.map-box {
    width: 100%;
    height: 650px;
    background-color: #999;
    margin: 50px 0 0 0;
}

/* CARD EVENTS */
.event-card {
    padding: 0;
    margin: 0 5px 30px 5px;
    border: 1px solid #ddd;
    transition: all ease 0.6s;
    background: var(--color-white);
}

.event-card:hover {
    box-shadow: 5px 15px 15px #ccc;
}

.event-card-header {
    padding: 15px 15px 0 15px;
}

.event-card-body {
    padding: 15px 15px 0 15px;
}

.event-card-footer {
    padding: 15px;
}

.event-card h2 {
    color: var(--color-black);
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    margin: 0 0 20px 0;
}

.event-card-details {
    margin: 0 0 15px 0;
}

.event-card-details h2 {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.event-card-details h2 span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #666;
}

.event-card-footer a {
    background: #ddd;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    margin: 0;
    width: 100%;
    border: none;
    border-radius: 5px;
    transition: all ease 0.3s;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.event-card-footer a:hover {
    background: var(--color-orange);
    color: var(--color-white);
}

/* ACCORDION */
.accordion {
    font-weight: 500;
    background: none;
    color: var(--color-black);
    cursor: pointer;
    padding: 15px 10px 15px 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #ccc;
    display: block;
    border-radius: 0;
    margin-bottom: 10px;
}

.accordion:after {
    font-size: 20px;
    color: #777;
    float: right;
    margin-left: 5px;

    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: "";
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(45deg);
    vertical-align: top;
    width: 0.45em;
}

.active:after {
    transform: rotate(135deg);
}

.card-box button.accordion:nth-last-child(2) {
    border: none;
}

.active,
.accordion:hover {
    border-width: 0 0 1px 0;
    background: none;
}

.panel {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.upcoming-concerts h2 a,
.other-artists-at-venue h2 a {
    color: inherit;
}

.sidebar-list h3 .upcoming-concert-date-day {
    font-size: 36px;
}

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

.latest-about-featured .artist-img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 640 / 427;
}

.line-up-box .artist-img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: auto;
    max-width: 100%;
    height: auto;
}

.line-up-box h2 .line-up-heart {
    background-image: url("../images/heart.png");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: 10px;
    cursor: pointer;
}

.line-up-box h2 .line-up-heart:hover {
    background-image: url("../images/heart-hover.png");
}

.owl-carousel .owl-item .live-photos {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 3 / 2;
}

.owl-live-photos .owl-nav {
    top: 45%;
}

.upcoming-dates {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-black);
    margin: 0 0 5px 0;
}

.line-up-box h2 .line-up-heart-fill {
    background-image: url("../images/heart-hover.png");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: 10px;
    cursor: pointer;
}

.line-up-box h2 .line-up-heart-fill:hover {
    background-image: url("../images/heart-hover.png");
}

/* RESPONSIVE */
/* RESPONSIVE */
@media screen and (max-width: 900px) {
    .banner {
        padding: 20px;
    }

    .banner h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .banner .header-event-details h2 {
        font-size: 20px;
    }

    .banner figure span {
        top: -10px;
        right: -20px;
    }

    .header-event-details {
        display: block;
        margin-top: 30px;
    }

    .header-event-details div .header-event-details-top,
    .header-event-details div .header-event-details-bottom {
        padding: 0;
    }

    .header-event-details>div {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    a.ticket-master-btn img {
        width: auto;
        margin: 0;
    }

    .get-tickets h2 {
        margin: 0 0 5px 0;
    }

    .get-tickets h3 {
        margin: 0 0 15px 0;
    }

    .get-tickets ul li:first-child {
        width: 100%;
        padding-bottom: 5px;
    }

    .get-tickets ul li a {
        padding: 6px 15px;
        font-size: 14px;
    }

    .tickets-holder img {
        margin-right: 10px;
    }

    .figure-mobile {
        display: block;
        margin: 0 0 20px 0;
    }

    .figure-desktop {
        display: none;
    }

    .line-up-box .artist-img {
        object-fit: inherit;
        aspect-ratio: inherit;
        width: 100%;
    }

    .ticket-details h2 {
        font-size: 20px;
        line-height: 20px;
        padding: 6px 0 6px 40px;
    }

    .banner figure .sale-badge h2 {
        font-size: 12px;
    }
}

/* Multi-day event cards */
.multi-day-event-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    transition: box-shadow 0.3s ease;
}

.multi-day-event-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.multi-day-event-card h3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
}

.multi-day-event-card h3 a {
    color: #333;
    text-decoration: none;
}

.multi-day-event-card h3 a:hover {
    color: #ff6b35;
}

.multi-day-event-card .event-date,
.multi-day-event-card .event-time {
    margin: 5px 0;
    font-weight: 600;
    color: #666;
}

.multi-day-event-card .event-source {
    margin: 10px 0;
    font-size: 14px;
    color: #888;
}

.multi-day-event-card .btn {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

/* GET TICKETS */
.get-tickets-section {
    display: flex;
    justify-content: space-between !important;
    align-items: center;
}

.get-tickets-section img {
    width: 120px !important;
    max-width: 120px !important;
}

@media only screen and (max-width: 600px) {
    .get-tickets-section {
        margin: 20px 0;
    }

    .get-tickets-section img {
        width: 120px !important;
        max-width: 120px !important;
    }
}