html { scroll-behavior: smooth; } body { padding: 0 24px 49px; } @media all and (min-width: 767px) and (max-width: 1400px) { body { padding: 0 10px 40px; } } @media all and (max-width: 767px) { body { padding: 0 15px 15px; } } .mpspx-breadcrumbs { position: relative; z-index: 10; } .brxe-block p a, .brxe-text a { color: var(--red) !important; transition: var(--cubic-bezier-1); } .brxe-block p a:hover, .brxe-text a:hover { color: var(--black) !important; } .brxe-block.dark-bg p a:hover, .brxe-text.dark-bg a:hover { color: var(--white) !important; } .grab-cursor .splide__track:hover { cursor: grab; } .grab-cursor .splide__track.is-dragging { cursor: grabbing; } .icon-menu-item a { width: 32px !important; height: 30px !important; opacity: 0; overflow: hidden; } .icon-menu-item.account-btn a { width: 30px !important; } .icon-menu-item:after { content: ''; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; height: 30px; display: flex; align-items: center; transform: translateY(-50%); pointer-events: none; transition: var(--cubic-bezier-1); } .icon-menu-item:hover:after { filter: invert(43%) sepia(33%) saturate(1496%) hue-rotate(324deg) brightness(86%) contrast(87%); } .icon-menu-item.account-btn:after { background: url(/wp-content/uploads/2024/08/account-icon.svg); height: 30px; } .icon-menu-item.cart-btn:after { background: url(/wp-content/uploads/2024/08/cart-icon.svg); } .mpspx-breadcrumbs { margin-bottom: var(--gap-xs); } .mpspx-breadcrumbs span { font-weight: 400; } .mpspx-page-wrapper { max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: var(--gap-s); padding-bottom: 0; } .mpspx-breadcrumbs .mpspx-breadcrumb-item .breadcrumb-leaf { font-weight: 600; } .mpspx-event-single .obj-section.gradient-banner { background-image: linear-gradient( 110deg, var(--blue), var(--light-blue), var(--green), var(--orange), var(--red)); background-color: var(--black); padding: var(--gap-s); } .mpspx-event-single .obj-section .obj-row .obj-col .mpspx-event-title { font-size: var(--font-h2); letter-spacing: 6px; } .mpspx-event-single .obj-section.gradient-banner .obj-col.dark-bg:last-child { padding-top: var(--gap-m); padding-bottom: var(--gap-ml); padding-left: var(--gap-ml); padding-right: var(--gap-ml); } .mpspx-event-single .obj-section .obj-row .obj-col .mpspx-event-single-image .mpspx-event-single-image-portrait { display: none; } .mpspx-event-single .obj-section .obj-row .obj-col .mpspx-event-single-image { position: relative; padding-bottom: 60%; height: 100%; overflow: hidden; } .mpspx-event-single .obj-section .obj-row .obj-col .mpspx-event-single-image img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; object-position: right center; transform: translate(-50%, -50%) scale(1.005); z-index: 1; } .mpspx-event-single .obj-section .obj-block { margin-bottom: var(--gap-ml); } .mpspx-event-single .obj-section .obj-col.dark-bg { background: var(--black); } .mpspx-event-single .obj-section .obj-col.dark-bg h1, .mpspx-event-single .obj-section .obj-col.dark-bg h2, .mpspx-event-single .obj-section .obj-col.dark-bg h3, .mpspx-event-single .obj-section .obj-col.dark-bg p, .mpspx-event-single .obj-section .obj-col.dark-bg span, .mpspx-event-single .obj-section .obj-col.dark-bg a { color: var(--white); } .mpspx-event-single .obj-section .obj-col.dark-bg .obj-row { display: flex; flex-direction: column; justify-content: space-between; height: 100%; row-gap: var(--gap-2xl); } .mpspx-event-single .obj-section .obj-block.price p, .mpspx-event-single .obj-section .obj-date { font-family: "Heathergreen", Arial, Helvetica, sans-serif; font-size: var(--font-h4); text-transform: uppercase; line-height: 1; letter-spacing: 1px; } .mpspx-event-single .brxe-button.gradient-btn { background-image: linear-gradient(110deg, var(--dark-pink), var(--red), var(--orange), var(--blue) 90%); border: 0; padding-top: 15px; padding-bottom: 15px; } .mpspx-event-single .multi-btn { display: flex; gap: var(--gap-s); margin-top: var(--gap-ml); } .mpspx-event-single .multi-btn .brxe-button.gradient-hover { border-color: var(--black); } .mpspx-event-single .spacing-md { padding-top: var(--gap-2xl); padding-bottom: var(--gap-2xl); } .mpspx-event-single .obj-section .spacing-bottom-sm { margin-bottom: var(--gap-l); } .mpspx-event-single .obj-section.middle-section .obj-col:first-child { padding-right: var(--gap-xl); } .mpspx-event-single .obj-section.middle-section h2 { font-size: var(--font-h4); margin-bottom: var(--gap-m); letter-spacing: 1.7px; } .mpspx-event-single .obj-section.middle-section h3 { font-size: var(--font-h4); margin-bottom: var(--gap-m); letter-spacing: 1.7px; } .mpspx-event-single .credits br { content: ''; display: block; height: 6px; } @media all and (max-width: 767px) { .mpspx-page-wrapper { padding: 0; } } @media all and (min-width: 991px) { .mpspx-event-single .obj-row.d-grid { display: grid; grid-template-columns: 1.7fr 1fr; } .mpspx-event-single .obj-row.d-grid.grid-xl { grid-template-columns: 2.3fr 1fr; } .mpspx-event-single .middle-section .obj-row.d-grid { grid-template-columns: 2fr 1fr; grid-column-gap: var(--gap-ml); } .mpspx-event-single .obj-section .bottom-col { display: grid; grid-template-columns: 1.2fr 1fr; grid-gap: var(--gap-m); } .mpspx-event-single .obj-section .dark-bg .event-buy-btn { display: flex; justify-content: flex-end; align-items: flex-end; min-width: 216px; } } @media all and (min-width: 991px) { .event-grid .events-wrap { grid-template-columns: var(--grid-two) !important; } } .event-grid .events-wrap { display: grid; grid-template-columns: var(--grid-one); grid-gap: var(--gap-m); column-gap: var(--gap-m); } .event-grid .event-card { position: relative; padding: var(--gap-2xs); background-image: linear-gradient(110deg, var(--orange), var(--red), var(--dark-pink)); } .event-grid .event-card.custom:hover .gradient-hover { background-position: top left 100%; border-color: transparent !important; transition-delay: .1s; } .event-grid .event-card.custom:hover .gradient-hover:before { background: linear-gradient(110deg, var(--red) 0%, var(--orange) 40%, var(--blue) 100%) border-box; opacity: 1; transition-delay: 0s; } .event-grid .event-card.custom:hover .image-block:before { opacity: .7; } .event-grid .event-card.custom { background-image: linear-gradient(110deg, var(--green), var(--light-blue), var(--blue)); } .event-grid .event-card.custom.freefest { background-image: linear-gradient(130deg, var(--dark-pink), var(--blue), var(--green), var(--orange), var(--light-blue)); } .event-grid .event-card.custom .obj-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .event-grid .event-card .card-inner { position: relative; background: var(--black); } .event-grid .event-card .infobox p a:hover { color: var(--red) !important; text-decoration: underline; } .event-grid .event-card .image-block { position: relative; height: 0; padding-bottom: 64%; } .event-grid .event-card .image-block:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: var(--black); opacity: .21; pointer-events: none; z-index: 1; transition: var(--cubic-bezier-1); } .event-grid .event-card .image-block img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center 35%; } .event-grid .event-card .title-block { position: absolute; top: var(--gap-xs); left: var(--gap-xs); max-width: 400px; z-index: 2; } .event-grid .event-card .obj-title { color: var(--white); margin-bottom: 0; } .event-grid .event-card .obj-item-body { padding: var(--gap-m) var(--gap-s); padding-top: var(--gap-2xs); } .event-grid .event-card .obj-item-body .infobox p { font-size: var(--font-body-sm3); } .event-grid .event-card .btn-wrapper { display: flex; flex-wrap: wrap; gap: var(--gap-m); } .event-grid .event-card .gradient-text { margin-bottom: var(--gap-m); } .event-grid .event-card .gradient-text.on-sale-now span { font-family: "Heathergreen", Arial, Helvetica, sans-serif; font-size: var(--font-h4); line-height: 1; letter-spacing: 1.7px; text-transform: uppercase; background: linear-gradient(110deg, var(--orange), var(--red), var(--dark-pink)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .event-grid .event-card .gradient-text.coming-soon span { font-family: "Heathergreen", Arial, Helvetica, sans-serif; font-size: var(--font-h4); line-height: 1; letter-spacing: 1.7px; text-transform: uppercase; background: linear-gradient(110deg, var(--green), var(--light-blue), var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .event-grid .dates-wrap span { color: #fff; } body.sidebar-active .events-sidebar { transform: translateX(0); box-shadow: -10px 0px 19px 5px #0000000f; pointer-events: all; } body.sidebar-active .underlay { opacity: 0.6; pointer-events: all; } .events-sidebar { display: flex; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; z-index: 10001; width: 100%; height: 100%; background: var(--white); transition: cubic-bezier(0.45, 0.25, 0.25, 1) all 0.46s; transform: translateX(100%); pointer-events: none; overflow: hidden; } @media all and (min-width: 999.98px) { .events-sidebar { width: 45%; min-width: 620px; } } .events-sidebar .close { position: absolute; right: 55px; top: 80px; z-index: 1; display: inline-block; width: 32px; height: 32px; cursor: pointer; opacity: 1; transition: ease transform 0.3s; } @media all and (max-width: 999.98px) { .events-sidebar .close { width: 30px; height: 30px; right: 20px; top: 20px; } } .events-sidebar h3 { font-size: var(--font-h4); } .events-sidebar .close:hover { transform: rotate(90deg); } .events-sidebar .close:hover:before, .events-sidebar .close:hover:after { background: #cccccc; } .events-sidebar .close:before, .events-sidebar .close:after { content: ""; position: absolute; width: 100%; top: 50%; left: 0; height: 3px; border-radius: 50px; margin-top: -1px; background: #000; transition: ease all 0.35s; } @media all and (max-width: 999.98px) { .events-sidebar .close:before, .events-sidebar .close:after { height: 3px; } } .events-sidebar .close:before { transform: rotate(45deg); } .events-sidebar .close:after { transform: rotate(-45deg); } .events-sidebar .obj-inner { width: 100%; height: 100%; padding: 110px 25px 25px; overflow: auto; } @media all and (min-width: 999.98px) { .events-sidebar .obj-inner { padding: 130px 60px 60px; } } .events-sidebar .obj-inner .mpspx-event-single-more-dates { padding-top: 30px; } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; padding: 0 0 20px; border-bottom: 2px solid #E4E4E4; gap: 3%; } @media all and (min-width: 576px) { .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li { padding: 0 10px 20px; gap: 20%; } } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .date-time { width: 100%; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .date-time .obj-date { display: block; margin-bottom: var(--gap-3xs); font-size: var(--font-h6); } @media all and (min-width: 576px) { .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .date-time .obj-date { font-size: var(--font-h6); } } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .date-time .obj-time { font-size: var(--font-body); } @media all and (min-width: 576px) { .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .date-time .obj-time { font-size: var(--font-body); } } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .mpspx-event-single-button-wrap { width: 100%; max-width: 300px; text-align: right; } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .mpspx-event-single-button-wrap a { text-transform: uppercase; font-weight: 600; border-bottom: 2px solid var(--black); padding-bottom: 5px; transition: var(--cubic-bezier-1); max-width: 218px; } .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .mpspx-event-single-button-wrap a:hover { border-color: var(--red); color: var(--black); } @media all and (max-width: 576px) { .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .mpspx-event-single-button-wrap a { min-width: 180px; max-width: 180px; } } @media all and (min-width: 576px) and (max-width: 999.98px) { .events-sidebar .obj-inner .mpspx-event-single-more-dates ul li .mpspx-event-single-button-wrap a { min-width: 210px; max-width: 210px; } } .underlay { background: var(--black); position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; display: block; z-index: 10001; transition: cubic-bezier(0.45, 0.25, 0.25, 1) all 0.46s; opacity: 0; pointer-events: none; }  .mpspx-month { display: block !important; } .mpspx-month .mpspx-month-header { justify-content: space-between; } .mpspx-month .mpspx-month-header .mpspx-month-nav { position: relative; } .mpspx-month-nav.mpspx-month-nav-prev svg { transform: rotate(90deg); margin-left: 15px; } .mpspx-month .mpspx-month-header .prevMonth img, .mpspx-month .mpspx-month-header .nextMonth img { object-fit: contain; } .mpspx-month-nav.mpspx-month-nav-next { transform: rotate(-90deg); margin-right: 15px; } .mpspx-calendar-year-month-inner svg { width: 21px; } .mpspx-calendar-year-month-inner svg path { fill: var(--white); } .mpspx-page-wrapper .mpspx-cart-basket h1, .mpspx-page-wrapper .mpspx-cart-checkout h1{ margin-bottom: var(--gap-l); } .mfp-figure:after { display: none; } .mfp-fade.mfp-bg { opacity: 0; transition: opacity 0.3s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform: scale(0.95); transition: all 0.3s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; transform: scale(1); } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; transform: scale(0.95); } .event-single .image-gallery .obj-item { overflow: hidden; } .event-single .image-gallery .obj-item:hover img { transform: scale(1.06) translate(-50%, -50%) !important; } .event-single .image-gallery .obj-item:hover .image-caption { transform: translateY(0) !important; } .event-single .image-gallery .swiper-slide img { transform: scale(1.01) translate(-50%, -50%) !important; transition: var(--cubic-bezier-2); } .mpspx-event-single .obj-section.middle-section p a { color: var(--red); transition: var(--cubic-bezier-1); } .mpspx-event-single .obj-section.middle-section p a:hover { color: var(--black); }  #brx-header { position: fixed; top: 0; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); padding: 0 24px; } body.logged-in { padding-top: 109px; } body { padding-top: 141px; } @media all and (max-width: 768px) { #brx-header { padding: 0 15px; } body.logged-in { padding-top: 35px; } body { padding-top: 81px; } } @media all and (min-width: 991px) { #brx-header #brxe-740e73 { transition-delay: 0s; transition: var(--cubic-bezier-2); } body.scrolled #brx-header #brxe-740e73 { padding: 0; transition-delay: .4s; }  #brx-header #brxe-rekuwq { transition-delay: .2s !important; transition: var(--cubic-bezier-2); } body.scrolled #brx-header #brxe-rekuwq { opacity: 0; transition-delay: .3s; }  #brx-header .brxe-nav-menu { transition-delay: 0s; transition: var(--cubic-bezier-2); } body.scrolled #brx-header .brxe-nav-menu { transform: translateY(-35px); transition-delay: .4s; }  #brx-header .brxe-logo img { transition-delay: 0s; transition: var(--cubic-bezier-2); } body.scrolled #brx-header .brxe-logo img { width: 124px !important; transform: translateY(0px); transition-delay: .4s; } } .mpspx-event-seats .mpspx-shortcode-login-wrapper { display: none; } #SpektrixIFrame { max-width: 1260px; margin: 0 auto; } @media all and (min-width: 991px) { .mpspx-cart { padding-bottom: var(--gap-2xl); } }  @media all and (max-width: 991px) { .mpspx-shortcode-membership-select-wrapper spektrix-memberships { flex-direction: column; gap: var(--gap-m) !important; } } .mpspx-shortcode-membership-select-wrapper spektrix-memberships { position: relative; display: flex; justify-content: space-between; gap: var(--gap-xl) } .select-wrapper { position: relative; width: 100%; } .mpspx-shortcode-membership-select-wrapper spektrix-memberships div:nth-last-child(2), .mpspx-shortcode-membership-select-wrapper spektrix-memberships div:last-child { color: #fff; position: absolute; bottom: -27px; right: 0; } .mpspx-shortcode-membership-select-wrapper svg { position: absolute; right: 10px; width: 19px; height: 19px; pointer-events: none; background: var(--black); pointer-events: none; } .mpspx-shortcode-membership-select-wrapper svg path { fill: var(--white); } .mpspx-shortcode-membership-select-wrapper div { display: flex; align-items: center; gap: var(--gap-xl) } .mpspx-shortcode-membership-select-wrapper div select { color: var(--white); font-weight: 500; text-align: left; border: 0; border-bottom: 2px solid; padding: 0; outline: none !important; } .mpspx-shortcode-membership-select-wrapper div button { position: relative; display: block !important; background: transparent; min-width: 210px; } .mpspx-shortcode-membership-select-wrapper div button span { display: block; position: relative; line-height: 1; font-weight: 600; color: var(--white); font-size: var(--font-body-sm3); background-size: 260% 100%; background-image: linear-gradient(to right, var(--white), var(--white) 33.33333%, var(--red), var(--orange), var(--blue) 93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition-delay: 0s; transition: ease all .3s; border: 2px solid var(--white); padding-top: 12px; padding-right: 45px; padding-bottom: 10px; padding-left: 45px; border-radius: var(--radius-btn); text-transform: uppercase; z-index: 99; } .mpspx-shortcode-membership-select-wrapper div button span:hover { background-position: top left 100%; border-color: transparent !important; transition-delay: .1s; } .mpspx-shortcode-membership-select-wrapper div button span:hover:before { opacity: 1; transition-delay: 0s; } .mpspx-shortcode-membership-select-wrapper div button span:before { content: ''; position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50px; transition: var(--cubic-bezier-2); transition-delay: .1s; pointer-events: none; opacity: 0; border: 2px solid transparent; background: linear-gradient(110deg, var(--red) 0%, var(--orange) 40%, var(--blue) 100%) border-box; mask-composite: exclude; } .mpspx-shortcode-membership-select-wrapper div button:before { content: 'Add To Cart'; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; line-height: 1; font-weight: 600; color: var(--white); transform: translateY(-50%); font-size: var(--font-body-sm3); z-index: 999; display: flex; align-items: center; justify-content: center; pointer-events: none; text-transform: uppercase; background-size: 260% 100%; background-image: linear-gradient(to right, var(--white), var(--white) 33.33333%, var(--red), var(--orange), var(--blue) 93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: var(--cubic-bezier-2); transition-delay: .1s; } .mpspx-shortcode-membership-select-wrapper div button:hover:before { background-position: top left 100%; border-color: transparent !important; transition-delay: .1s; } .mpspx-shortcode-membership-select-wrapper div button:after { content: ''; position: absolute; top: 2px; left: 2px; right: 0; bottom: 0; z-index: 99; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50px; transition: var(--cubic-bezier-2); pointer-events: none; background: var(--black); }  .event-single.annual-gala .brx-grid { display: grid; align-items: initial; grid-gap: var(--gap-2xl); grid-template-columns: 2.7fr 1fr; width: 100%; } .mpspx-ribbon-expired { background: var(--red); font-size: var(--font-body-sm3); font-weight: 700; color: var(--white) !important; } @media all and (max-width: 991px) { .event-single.annual-gala .brx-grid { grid-template-columns: 1fr; } .event-single .location { margin-bottom: var(--gap-l-m); } } .event-single .sponsors { max-width: 1030px; margin: 0 auto; } .event-single .sponsors .mpspx-sponsor-list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -16px; } .event-single .sponsors .mpspx-sponsor-list:before, .event-single .sponsors .mpspx-sponsor-list:after { display: none; } .event-single .sponsors .sponsor { width: 20%; padding: 0 16px; } .event-single .sponsors .mpspx-sponsor-item { display: block; padding: 0; padding: 8px 8px var(--gap-s) 8px; } .event-single .sponsors .sponsor-text { margin-bottom: var(--gap-l-m); } .event-single .sponsors .sponsor-text p { font-weight: 400; } .event-single .sponsors .mpspx-sponsor-text { font-weight: 900; text-transform: uppercase; } .event-single .sponsors .mpspx-sponsor-image img { max-width: 200px; display: flex; margin: 0 auto var(--gap-s); width: 100%; height: 100%; margin-bottom: var(--gap-s); } .event-single .cast-crew { padding-top: var(--gap-xl); max-width: 85%; } .event-single .cast-crew .header-wrap { display: flex; justify-content: space-between; padding: 20px 8px var(--gap-xs); cursor: pointer; border-bottom: 2px solid var(--black); } .event-single .cast-crew .header-wrap.active svg path { fill: var(--red) } .event-single .cast-crew .header-wrap.active svg { transform: rotate(180deg); } body .event-single .cast-crew .section-title { font-family: "Gotham", Arial, Helvetica, sans-serif; letter-spacing: .15px; line-height: 1.3; font-size: var(--font-h6); font-weight: 500; margin-bottom: 0; }.event-single .cast-crew .header-wrap svg { width: 22px; transition: var(--cubic-bezier-1); } .cast-crew .header-wrap svg path { transition: var(--cubic-bezier-1); } .cast-crew .row-inner { display: none; } .cast-crew .row-inner .inner-wrapper { padding: 12px 0; } .cast-crew .row-inner .accordion-item { padding: 12px 0; } .cast-crew .row-inner .img-block img { max-width: 115px; } .event-single .image-gallery { position: relative; } .event-single .image-gallery .swiper-slide { position: relative; height: 0; padding-bottom: 18%; } .event-single .image-gallery .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; object-fit: cover; } .event-single .image-gallery .swiper-arrows { position: absolute; right: 0; } .event-single .image-gallery .swiper-arrows .swiper-button-prev:after, .event-single .image-gallery .swiper-arrows .swiper-button-next:after { display: none; } .event-single .image-gallery .swiper-arrows .swiper-pagination { position: initial; } .event-single .image-gallery .swiper-arrows .swiper-button-prev, .event-single .image-gallery .swiper-arrows .swiper-button-next { position: initial; height: auto; width: auto; margin: 0; color: var(--black); text-transform: uppercase; font-weight: 600; font-size: var(--font-body-sm3); padding-top: 7px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; border: 2px solid var(--black); border-radius: 50px; background-color: var(--white); transition: var(--cubic-bezier-1); } .event-single .image-gallery .swiper-arrows .swiper-button-prev:hover, .event-single .image-gallery .swiper-arrows .swiper-button-next:hover { background: var(--black); color: var(--white); } .event-single .image-gallery .swiper-arrows .swiper-button-prev { left: auto; } .event-single .image-gallery .swiper-arrows .swiper-button-next { right: auto; } .swiper-pagination-bullet { position: relative; border: 2px solid #000; border-radius: 50%; cursor: pointer; display: inline-block; height: 24px; margin: 0 6px; width: 24px; overflow: hidden; background: #fff; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1.12); } .swiper-pagination-bullet:after { content: ''; background: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: scale(0); border-radius: 50%; opacity: 0; transition: var(--cubic-bezier-3); } @media all and (min-width: 991px) { .cast-crew .row-inner .img-block img { max-width: 180px; } .cast-crew .row-inner .item-wrapper p { font-size: var(--font-body-md); }  }  .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-label input[type=radio] { display: none; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button { display: flex; align-items: center; justify-content: center; position: relative; font-family: Montserrat, Sans-Serif; padding: 10px; font-weight: 600; font-size: 16px; height: 50px; border: 2px solid var(--black); color: var(--black); border-radius: 50px; text-align: center; cursor: pointer; transition: var(--cubic-bezier-1); } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button .number { position: relative; z-index: 2; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-label input[type=radio]:checked + .amount-button { color: #fff; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-label input[type=radio]:checked + .amount-button:before { opacity: 1; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button:before { content: ''; background-image: linear-gradient(110deg, var(--dark-pink), var(--red), var(--orange), var(--blue) 90%); border-radius: 50px; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: 1; opacity: 0; transition: var(--cubic-bezier-1); pointer-events: none; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button .amount-text { text-transform: uppercase; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button .amount-input-wrapper { position: relative; z-index: 2; display: none; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-button .amount-input-wrapper input { background: none; border: 0; color: #fff; font-weight: 600; outline: none; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-label input[type=radio]:checked + .amount-button .amount-input-wrapper { display: flex; align-items: center; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-amount .amount-label input[type=radio]:checked + .amount-button .amount-input-wrapper input { width: 80px; } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-recog input, .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-tribute select, .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-tribute input { background: #fff; border: 0; border-bottom: 2px solid var(--black); width: 100%; line-height: 1; padding: 15px 0 6px; outline: none; font-weight: 500; } .mpspx-shortcode-fund-anony input[type=checkbox], .mpspx-shortcode-fund-honour input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 27px; border: 2px solid var(--black); border-radius: 4px; margin-right: 6px !important; position: relative; top: 7px; background: #fff; cursor: pointer; } .mpspx-shortcode-fund-inner label { color: var(--black); font-weight: 500; line-height: 1.8; } .mpspx-shortcode-fund-anony input[type=checkbox]:checked::after, .mpspx-shortcode-fund-honour input[type=checkbox]:checked::after { content: ""; position: absolute; top: 1px; left: 7px; width: 10px; height: 17px; border: solid var(--red); border-width: 0 3px 3px 0; transform: rotate(45deg); } .mpspx-shortcode-fund-inner .mpspx-shortcode-fund-tribute .select-wrapper { position: relative; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-tribute svg { position: absolute; top: 50%; right: 10px; width: 19px; transform: translateY(-50%); pointer-events: none; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-amount { margin-bottom: var(--gap-l-m); } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit { display: inline-block; position: relative; height: 100%; background-size: 260% 100%; background-image: linear-gradient(to right, var(--black), var(--black) 33.33333%, var(--blue) 55%, var(--orange), var(--red)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 2px solid var(--black); border-radius: var(--radius-btn); transition-delay: 0s; transition: ease all .3s; margin-top: var(--gap-l-m); } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit:before { content: ''; position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50px; transition: var(--cubic-bezier-2); transition-delay: .1s; pointer-events: none; opacity: 0; border: 2px solid transparent; background: linear-gradient(110deg, var(--blue) 0%, var(--orange) 50%, var(--red) 100%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit:hover { background-position: top left 100%; border-color: transparent !important; transition-delay: .1s; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit:hover:before { opacity: 1; transition-delay: 0s; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit:hover button { border-color: transparent; } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-submit button { font-weight: 600; font-size: var(--font-body); font-family: "Gotham", Arial, Helvetica, sans-serif; color: var(--black); background: transparent; padding-top: 12px; padding-right: 50px; padding-bottom: 10px; padding-left: 50px; text-transform: uppercase; } .mpspx-shortcode-fund-wrapper ::placeholder { color: #b9b9b9; opacity: 1;  } .mpspx-shortcode-fund-wrapper ::-ms-input-placeholder {  color: #b9b9b9; } @media all and (max-width: 1200px) { .event-single .image-gallery .swiper-slide { padding-bottom: 30%; } } @media all and (max-width: 991px) { .mpspx-custom-grid-wrapper { grid-template-columns: 1fr !important; } .event-single .sponsors .mpspx-sponsor-list { margin: 0 -10px; } .event-single .sponsors .sponsor { width: 50%; padding: 0 10px 20px; } .event-single .cast-crew { max-width: 100%; } .cast-crew .row-inner .img-block img { max-width: 90px; } .event-single .image-gallery .swiper-slide { padding-bottom: 60%; } .mpspx-event-single .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day { height: 11vw; } } @media all and (min-width: 991px) { .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-amount { display: grid; grid-auto-flow: column; column-gap: var(--gap-ml); } .mpspx-shortcode-fund-wrapper .mpspx-shortcode-fund-amount label { min-width: 80px; } } .mpspx-login-popup { min-width: 340px; border-radius: 0; border: 0; } .mpspx-panels .mpspx-panel, .mpspx-panels .mpspx-panel form { width: 100%; } .mpspx-panels .mpspx-form-row:nth-child(4) { margin-top: var(--gap-s); } .mpspx-panels .mpspx-account-login-form .mpspx-form-row:first-child .mpspx-form-input { justify-content: flex-end; } .mpspx-panels .mpspx-account-new-form .mpspx-form-row:first-child .mpspx-form-input:last-child { justify-content: flex-end; } .mpspx-panels .mpspx-account-new-form .mpspx-form-row:nth-child(6) .mpspx-form-label label { display: flex; min-width: 115px; } .mpspx-panels .mpspx-panel form input, .mpspx-panels .mpspx-panel form select { border: 0; border-bottom: 2px solid var(--black); text-align: left; outline: none; padding: 0; width: 100% !important; } .mpspx-panels .mpspx-panel form input[type="checkbox"] { width: auto !important; } .mpspx-panels .mpspx-panel form label { text-align: left; } .mpspx-panels .mpspx-panel form .mpspx-shipping-select { text-align: left; display: flex; align-items: baseline; } .mpspx-panels .mpspx-panel form .mpspx-shipping-select input { margin-right: 6px; } .mpspx-login-popup h2 { font-size: var(--font-h4); line-height: 1; letter-spacing: 2px; } .mpspx-login-popup .mpspx-panels .mpspx-form-input { width: 100%; } .mpspx-login-popup .mpspx-form-submit { display: inline-block; position: relative; height: 100%; background-size: 260% 100%; background-image: linear-gradient(to right, var(--black), var(--black) 33.33333%, var(--blue) 55%, var(--orange), var(--red)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 2px solid var(--black); border-radius: var(--radius-btn); transition-delay: 0s; transition: ease all .3s; } .mpspx-login-popup .mpspx-form-submit:hover { background-position: top left 100%; border-color: transparent !important; transition-delay: .1s; } .mpspx-login-popup .mpspx-form-submit:hover:before { opacity: 1; transition-delay: 0s; } .mpspx-login-popup button:hover { border-color: transparent; background: transparent; color: initial; } .mpspx-login-popup .mpspx-form-submit:before { content: ''; position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; z-index: -1; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 50px; transition: var(--cubic-bezier-2); transition-delay: .1s; pointer-events: none; opacity: 0; border: 2px solid transparent; background: linear-gradient(110deg, var(--blue) 0%, var(--orange) 50%, var(--red) 100%) border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; } .mpspx-login-popup button { font-weight: 500; font-size: var(--font-body); font-family: "Gotham", Arial, Helvetica, sans-serif; color: var(--black); border-color: var(--black); border-radius: 50px; background: transparent; padding-top: 14px; padding-right: 50px; padding-bottom: 12px; padding-left: 50px; text-transform: uppercase; transition: var(--cubic-bezier-2); width: 100%; border: 0; } .mpspx-login-popup button i { display: none; } .mpspx-form-progress li { border-radius: 50px; padding: 6px 15px 4px; } .mpspx-month .mpspx-month-header { padding: 7px 0 12px; background: var(--black); } .mpspx-month .mpspx-month-header .mpspx-month-title h3 { display: flex; margin: 0; line-height: 1.1; color: var(--white); } .mpspx-month .mpspx-month-header .mpspx-month-title h3 a { font-size: 38px; } .mpspx-month .mpspx-weekdays .mpspx-weekday { padding: 4px 0 0; font-weight: 600; font-size: 12px; } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day { height: 3.75vw; transition: var(--cubic-bezier-2); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day:last-child { border-right: none; } .mpspx-month .mpspx-weeks .mpspx-week:last-child .mpspx-day:last-child { border-right: 1px solid; } .mpspx-month .mpspx-weeks .mpspx-week:last-child .mpspx-day { border-bottom: 0; } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day .mpspx-day-num { position: relative; padding-top: 4px; padding-right: 5px; text-align: right; font-weight: 500; font-size: 12px; z-index: 1; } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day .mpspx-day-count { height: calc(100% - 4px); width: calc(100% - 4px); border-radius: 0; border: 0; box-shadow: none; text-shadow: none; background: var(--blue); z-index: 0; transition: var(--cubic-bezier-2); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day.today { background: var(--black); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day.today span { color: var(--white); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day.expired { background: var(--white); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day .mpspx-day-count span { display: none; } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day:hover:not(.mpspx-day-empty) a, .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day.active:not(.mpspx-day-empty) a { background: var(--light-blue); } .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day:hover:not(.mpspx-day-empty), .mpspx-month .mpspx-weeks .mpspx-week .mpspx-day.active:not(.mpspx-day-empty) { background: transparent; color: var(--black); } .mpspx-month .mpspx-month-footer .mpspx-day-list { position: initial; width: calc(100% + 2px); border: 0; } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-item > a { padding: 4px 10px; transition: var(--cubic-bezier-1); } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-longname { padding: 10px 0; } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-close { top: 5px; right: 5px; } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-item > a > span { background: var(--blue); border-radius: 0; padding: 4px 6px 1px; margin-right: 5px; transition: var(--cubic-bezier-1); } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-item > a:hover { background: var(--blue); } .mpspx-month .mpspx-month-footer .mpspx-day-list .mpspx-day-event-list .mpspx-day-event-list-item > a:hover > span { background: var(--white); color: var(--black); } .mpspx-event-single .mpspx-event-single-sponsors ul li img { height: auto; } .mpspx-custom-grid-wrapper { display: grid; grid-template-columns: var(--grid-two); grid-gap: var(--gap-m); column-gap: var(--gap-m); } .mpspx-custom-grid-wrapper:before { display: none; } .single-job main .brxe-section a { color: var(--red); transition: var(--cubic-bezier-1); } .single-job main .brxe-section a:hover { color: var(--black); }