.venue-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.layout-box {
    float: right;
    margin-bottom: 10px;
}

.list-view-btn {
    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;
}

.list-view-btn.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;
}

.grid-view-btn {
    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;
}

.grid-view-btn.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;
}

.list-view-btn:not(.active),
.grid-view-btn:not(.active) {
    cursor: pointer;
}

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

.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%;
}

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

.venue-list-view:hover {
    border: 1px solid var(--color-orange);
}

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

.venue-list-view h2 {
    font-size: 16px;
    font-weight: 500;
    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: 14px;
    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);
}

.banner-venue {
    background: var(--color-blue) url('../images/venue-banner-bkg.webp') top center no-repeat;
    background-size: cover;
    height: 350px;
    position: relative;
    margin-bottom: 50px;
}

.venue-title-box {
    background: var(--color-white);
    margin: -100px 0 0 0;
}

.venue-title-box .venue-details {
    width: 100%;
    max-width: 100%;
}

.venue-title-box .venue-details .venue-img-box {}

.venue-title-box .venue-details img {
    border-radius: 10px;
    border: 5px solid var(--color-orange);
    min-height: 180px;
    margin-bottom: 20px;
}

.venue-title-box .venue-details h1 {
    font-size: 26px;
    font-weight: 600;
    color: var(--color-blue);
    margin: 20px 0 10px 0;
}

.venue-title-box .venue-details span {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-black);
    margin: 20px 0 10px 0;
    display: flex;
}

.center-me {
    align-self: center;
}

.btn-follow img {
    margin: 0 !important;
    min-height: auto !important;
    border: none !important;
}

.btn-follow {
    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 25px;
    font-weight: bold;
    display: inline-block;
}

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

.btn-follow span {
    display: inherit !important;
    margin: 0 !important;
}

.btn-follow svg {
    width: 22px;
    height: 22px;
    margin: 0;
}

.followButton span.fbutton-text {
    color: var(--color-white);
    font-weight: inherit;
    font-size: inherit;
}

.venue-title-box .venue-details span.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='%23cccccc'/%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='%23cccccc'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-top: -4px;
    margin-right: 5px;
}

.venue-events {
    padding: 20px;
    background: var(--color-white);
    border-radius: 10px;
    margin: 20px 0;
}

.venue-events .tabs {
    padding: 30px 0;
}

.venue-events.no-padding {
    padding: 0 !important;
}

/* VENUE BOX */
.venue-box {
    padding: 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 0 30px 0;
    transition: all ease 0.3s;
}

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

.venue-box .venue-box-header {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.venue-box .venue-box-body {
    margin: 0 0 20px 0;
}

.venue-box .venue-box-body h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin: 0 0 10px 0;
}

.venue-box .venue-box-body span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    display: flex;
}

.venue-box .venue-box-body 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-box .venue-box-body 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-box .venue-box-body 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-box .venue-box-body 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-box .venue-box-footer {
    display: flex;
    justify-content: space-between !important;
}

.venue-box .venue-box-footer .btn-venue-quick-view {
    border: 1px solid var(--color-blue);
    color: var(--color-black);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    padding: 12px;
    width: 46%;
    display: inline-block;
    text-decoration: none;
    transition: all ease 0.3s;
}

.venue-box .venue-box-footer .btn-venue-quick-view:hover {
    border: 1px solid var(--color-orange);
    color: var(--color-orange);
}

.venue-box .venue-box-footer .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-box .venue-box-footer .btn-venue-book-ticket:hover {
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
}

/* VENUE GALLERY */
.venue-gallery {
    margin-bottom: 30px;
}

.venue-gallery img {
    border-radius: 10px;
    margin-bottom: 5px;
}

.venue-features p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 30px 0;
}

/* 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;
}

.container-venue {
    position: relative;
    height: 100%;
}

.btn-follow-text-alignment {
    text-align: right;
}

/* RESPONSIVE */
@media screen and (max-width: 900px) {
    .banner-venue {
        height: 180px;
        margin-bottom: 0;
    }

    .banner-venue .venue-details {
        bottom: -20px;
    }

    .banner-venue .venue-details h2 {
        font-size: 20px;
        margin: 10px 0;
    }

    .banner-venue .venue-details span {
        font-size: 12px;
        margin: 10px 0 10px 0;
    }

    .venue-events .tabs {
        padding: 0px;
    }

    .tabs label {
        padding: 0px 10px 10px 0;
    }

    .tab-content {
        padding: 0px 0;
    }

    .card-box {
        padding: 0;
    }

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

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

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

    .banner-venue .venue-details img {
        border: 2px solid var(--color-orange);
    }

    .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;
    }

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

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

    .venue-list-view h2 {
        margin: 0 0 15px 0;
    }

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

    .venue-title-box {
        margin: -30px 0 0 0;
        padding-bottom: 20px;
    }

    .venue-title-box .venue-details {
        width: 100%;
        max-width: 100%;
    }

    .venue-title-box .venue-details img {
        min-height: 120px;
        margin-bottom: 10px;
    }

    .venue-title-box .venue-details h1 {
        font-size: 22px;
        margin: 0 0 10px 0;
    }

    .venue-title-box .venue-details span {
        font-size: 12px;
        margin: 0px 0 10px 0;
    }

    .btn-follow span {
        margin: 0 !important;
    }

    .btn-follow-text-alignment {
        text-align: left;
    }

}

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

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

.event-box-header figure .on-sale {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.event-box-header figure .sale-badge h2 {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-white);
    margin: 0;
}