header.no_featured_image{} @media (min-width: 760px) { header#site-header.fixed{background: #e0e2db;} header.fixed .MainLogo img{filter:brightness(0%);} header.fixed .TopMain_menu ul li a {color: #000 !important;} #site-header.fixed .toggle .toggle-icon {color: #000;} header.fixed .toggleMenu .button_res span{background: #000;} header.fixed .active .TopMain_menu ul li a {color: #fff !important;} #site-header.fixed .active .toggle .toggle-icon {color: #fff;} header.fixed .active .toggleMenu .button_res span{background: #fff;} #site-header.fixed .cartBasket a {color: #000 !important;} #site-header.fixed .active .cartBasket a {color: #fff !important;} } header .topHeader.active {background: none;} .no_featured_image .MainLogo img {filter: brightness(0%);} .no_featured_image.fixed .MainLogo img {filter:normal;} .no_featured_image .TopMain_menu ul li a {color: #000 !important;} /*.no_featured_image.fixed .TopMain_menu ul li a {color: #fff !important;}*/ .no_featured_image .cartBasket a {color: #000 !important;} .no_featured_image.fixed .cartBasket a {color: #000 !important;} #site-header.no_featured_image .active .cartBasket a {color: #fff !important;} #site-header.no_featured_image .toggle .toggle-icon {color: #000;} /*#site-header.no_featured_image.fixed .toggle .toggle-icon,*/ #site-header.no_featured_image .active .toggle .toggle-icon{color: #fff;} .no_featured_image .toggleMenu .button_res span{background: #000;} /*.no_featured_image.fixed .toggleMenu .button_res span,*/ .no_featured_image .toggleMenu.active .button_res span{background: #fff;} .nevigation {background: #2B649C;width: 415px;right: -415px;transform: translateY(0);border-bottom-left-radius: 150px;} .nevigation.Showactive {transition: all .2s ease-in-out;right: 0px;} .nevigation .section-inner{width:auto;padding:0 40px;} .nevigation ul.primary-menu {margin: 0 auto;display: block;font-weight: 600;max-width: 200px;} @media (min-width:1700px){ .nevigation{width: 600px;right: -600px;} .nevigation .section-inner{padding:0 100px;} .nevigation ul.primary-menu{margin:0;} } .nevigation .primary-menu > li{float:none;width:auto;padding: 0 0 10px;border-bottom: 1px solid #fff;margin-bottom: 10px;} .nevigation .primary-menu > li:last-child{border-bottom:0;margin-bottom:0;} .nevigation ul.primary-menu li .dropdown-menu {display: none;} .homeslider {background: #2B649C;} .CommonBtn.BookBtn {background: #00171F;border-color: #00171F;color:#FFF;} .CommonBtn.Sold{background: #853550;border-color: #853550;} .CommonBtn.Few{background: #DC9438;border-color: #DC9438;color:#000;} .CommonBtn:hover,.CommonBtn:focus{background: #2B649C;border-color: #2B649C;color:#fff;} .SliderBtn .CommonBtn{ background:#2B649C;border-color: #2B649C;} .footer-widget-newsletter {background: #132F65;color: #fff;} .footer-widget-newsletter input{text-transform:none;} .EventDetail_banner {margin-bottom: 0;} .WhatsOnBanner_img{background-color: #E0E2DB;} .MobFilterBtn {display: none;} .event-right-form {background: #e0e2db;color:#000;} .EventDetailHeading_Title.fixed{position:fixed;top:55px;left:0;width:100%;background: #2B649C;height:100px;z-index: 10;padding-top: 20px;} .admin-bar .EventDetailHeading_Title.fixed{top:86px;} .EventDetailHeading_Title .BannerBookBtn{border-color: #2B649C;background: #2B649C;} .EventDetailHeading_Title .BannerBookBtn:hover{border-color: #fff;background: #fff;color:#000;} @media (min-width: 760px) { .EventDetailHeading_Title.fixed .whatson-event-detailsHeading-title{margin-bottom:0;} .EventDetailHeading_Title.fixed .BannerBookBtn{border-color: #B8BDB5;background: #B8BDB5;color:#000;padding: 12px 20px;bottom: 35px;} .EventDetailHeading_Title.fixed .BannerBookBtn:hover{border-color: #132F65;background: #132F65;color:#fff;} .EventDetailHeading_Title.fixed .whatson-event-detailsHeading-title h1 {font-size: 3em;} .EventDetailHeading_Title.fixed .whatson-event-detailsHeading-title .EventpostDate{font-size: 1.6em;} .EventDetailHeading_Title.fixed .whatson-event-detailsHeading-title .EventBanner_Venue:after{top:3px;} .EventDetailHeading_Title.fixed .EventCategory_Banner{display:none;} } .EventCategory_Banner{} .EventCategory_Banner span{display:inline-block;margin-right:10px;margin-top: 10px;} .EventCategory_Banner span a{font-size: 12px;border-radius: 14px;display:block;padding: 3px 15px;border:1px solid #fff;color: #fff !important;font-weight: 600;} .EventDetail_containt{padding-top:0;} .whatson-event-details-main-post-div .section-inner {max-width: 1120px;} .sectionTabs{margin:0;background:#D9D9D9;padding:0 !important;} @media (min-width: 760px) { .sectionTabs.fixed{position: fixed;z-index: 2;top: 155px;} .admin-bar .sectionTabs.fixed{top: 185px;} } .sectionTabs .nav-tabs{margin: 0 -10px;padding:0;list-style-type:none;border: 0;display: flex;gap: 30px;} .sectionTabs .nav-tabs li{margin:0;float: none;} .sectionTabs .nav-tabs li a{color:#000;font-size: 1.6em;font-weight: 700;background: none;border: 0;padding: 15px 10px;display: block;} .sectionTabs .nav-tabs li a:focus,.sectionTabs .nav-tabs li a:hover{background:none;border:0;color:#000;} .sectionTabs .nav-tabs li.active a{color: #000;} .EventDetail_Discip section{padding-top: 70px;padding-bottom: 25px;} .BookingList_btn .CommonBtn{background: #DC9438;border-color: #DC9438;color:#000;} .BookingList_btn .CommonBtn.BookBtn_Sold{background: #853550;border-color: #853550;} .BookingList_btn .CommonBtn.BookBtn_Few{background: #DC9438;border-color: #DC9438;color:#fff;} .BookingList_btn .CommonBtn.BookBtn_Limited{background:#EB706B;border-color: #EB706B;color:#000;} .BookingList_btn .CommonBtn:hover,.BookingList_btn .CommonBtn:focus{background: #2B649C;border-color: #2B649C;color:#fff;} .whatson-event-details-content{display:flex;justify-content: space-between;} .whatson-event-details-content .MobileAccordian_info{max-width:600px;} .EventDetail_Discip .ShortInfoLeft{width: auto;border:0;font-size: inherit;padding: 0;float: none;padding-top: 82px;padding-left: 125px;position: relative;min-height: 250px;margin-bottom: 20px;} .EventDetail_Discip .ShortInfoLeft:before{display:none;} .EventDetail_Discip .ShortInfoLeft .TicketFrom, .EventDetail_Discip .ShortInfoLeft .FriendOff, .EventDetail_Discip .ShortInfoLeft .Offer{display: flex;background:#00171F;padding: 27px;border-radius:50%;color: #000;justify-content: center;align-items: center;flex-direction: column;position: relative;font-family: "Golos Text", sans-serif;} .EventDetail_Discip .ShortInfoLeft .TicketFrom{background:#EB706B;z-index:1;width: 144px;height: 144px;position: absolute;top: -3px;left: 75px;font-size: 20px;font-weight: 700;text-align:center;} .EventDetail_Discip .ShortInfoLeft .FriendOff{background:#ABBD3C;width: 187px;height: 187px;position: absolute;left: 0;top: 88px;font-size: 20px;font-weight: 700;text-align:center;} .EventDetail_Discip .ShortInfoLeft .Offer{z-index:1;width: 258px;height: 258px;color: #fff;} .EventDetail_Discip .ShortInfoLeft .Offer h4{font-size: 32px;margin-top: 0;padding: 0 5px;text-align: center;margin-bottom: 5px;text-transform: none;} .EventDetail_Discip .ShortInfoLeft .Offer span{font-size:16px;display: block;text-align: center;text-transform: none;} .EventDetail_Discip .ShortInfoLeft .Offer a{color:#fff;} .whatson-event-details-main-post-div .Gallery .section-inner{max-width: 1400px;width: auto;} .gallery_list .slick-list{} .gallery_list .slick-list{padding: 50px 0 !important;} .gallery_list .slick-slide{display: block;transform: scale(.6);transition: all .4s ease-out;height: auto;border: 1px solid transparent;padding: 5px;margin: 0;} .gallery_list .slick-slide.slick-current{transform: scale(1.40);transition: all .4s ease-in;} .slick-arrow.slick-hidden {display: none;} .slick-dots {position: absolute;bottom: -18px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;} .slick-dots li {position: relative;display: inline-block;width: 9px;height: 9px;border-radius: 50%;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 8px;height: 8px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-arrow{position:absolute;top:50%;height:100%;width:50px;margin-top:-25px;height:50px;z-index: 1;background: none;outline:none;text-indent: -9999px;font: normal normal normal 14px/1 FontAwesome;color: #000;border-radius:0;padding:0;} .slick-arrow:hover{background:none;} .slick-arrow.slick-next{right: 35px;} .slick-arrow.slick-next:before {content: "\f105";} .slick-arrow.slick-prev{left: 35px;} .slick-arrow.slick-prev:before {content: "\f104";} .slick-arrow.slick-next:before,.slick-arrow.slick-prev:before{font-size: 53px;position: absolute;width: 100%;text-align: center;top: -3px;text-indent: -1px;display: block;} .GalleryItems_Img a{border-radius:0;} #html5-lightbox{} #html5-lightbox-box{position:static !important;} #html5-elem-box,#html5-elem-wrap{background:none !important;} #html5-image{padding:0 !important;width: 100% !important;height: 100% !important;} #html5-elem-data-box{position: absolute !important;padding: 5px 10px !IMPORTANT;bottom:5px;background: rgba(35, 35, 35, .65) !important;} #html5-elem-data-box #html5-text{color:#fff;} #html5-close{margin-top: 0!important;margin-right: 0!important;padding: 10px;background: rgba(35, 35, 35, .65);} #html5-close img{max-width:24px;} #html5-next,#html5-prev{display:block !important;top: auto !important;bottom: 20px;left: auto !important;right: 30px !important;opacity:0.5 !important;color: #fff;margin: 0 !important;} #html5-prev{right: 60px !important;} #html5-next:hover,#html5-prev:hover{opacity:1 !important;} #html5-next img,#html5-prev img{display:none;} #html5-next:before,#html5-prev:before{font-family: FontAwesome;font-size:40px;} #html5-prev:before {content: "\f104";} #html5-next:before {content: "\f105";} .StandardBanner{background:#E0E2DB;padding-top: 120px;} .StandardBannerText{background: #E0E2DB;padding-top: 20px;} .StandardBannerText h1{color:#000;} .StandardSub_Menu {background: #E0E2DB;} .StandardSub_Menu.BlackBg{background: #000;} .BlackBg .StandardSub_MenuInner {margin-top: -25px;margin-bottom: 10px;} .StandardSub_MenuList li {margin-right:2px;} .StandardSub_MenuList a {display: block;padding: 10px 20px;color:#000;} .StandardSub_MenuList a:hover, .StandardSub_MenuList li.current_page_item a {color: #fff;background: #2B649C;} .StandardSub_MenuList a:focus{text-decoration:none;} .BlackBg .StandardSub_MenuList a{color:#fff;} .BlackBg .StandardSub_MenuList a:hover,.BlackBg .StandardSub_MenuList li.current_page_item a {color: #000;background: #E0E2DB;} .searchHead:before{background:#E0E2DB;} @media (max-width: 992px) { .StandardSub_Menu.BlackBg {padding: 0;} .BlackBg .StandardSub_MenuInner {margin-top: 0;} .BlackBg .StandardSub_MenuList a {color: #000;} .StandardSub_MenuList a:hover, .StandardSub_MenuList li.current_page_item a {color: #000;} .StandardSub_MenuList a:hover, .StandardSub_MenuList li.current_page_item a {color: #000 !important;background:#B8BDB5 !important; text-decoration: none;} } @media (max-width: 760px) { /*header#site-header.fixed{background:none;} header.fixed .MainLogo img {filter: none;} #site-header.fixed .toggle .toggle-icon {color: #fff;} header.fixed .toggleMenu .button_res span {background: #fff;}*/ .no_featured_image .active .MainLogo img {filter: none;} .nevigation {width: 100%;right: -100%;border-radius: 0;} .nevigation ul.primary-menu{max-width: none;} .EventDetail_banner{background: #E0E2DB;} .EventDetailHeading_Title.fixed{position:relative;top:0;background:none;height: auto;} .admin-bar .EventDetailHeading_Title.fixed{top:0;} .whatson-event-detailsHeading-title {margin-top: 20px;margin-bottom: 15px;} .whatson-event-detailsHeading-title h1{color: #000 !important;font-size: 2.5em;} .whatson-event-detailsHeading-title .EventpostDate {color: #000;font-size: 1.6em;padding-bottom: 26px;position: relative;} .whatson-event-detailsHeading-title .EventBanner_Venue {color: #000 !important;position: absolute;bottom: 0;} .whatson-event-detailsHeading-title .EventBanner_Venue:after{display:none;} .EventDetailHeading_Title .EventCategory_Banner span a{border: 1px solid #000;color: #000 !important;} .EventDetailHeading_Title .BannerBookBtn {padding: 10px 20px;font-size: 1.4em;bottom: 0;} .EventDetailHeading_Title .SoldOutBtn_div .BannerBookBtn{bottom:20px;} .SoldOutBtn_div .JoinLink{color:#000;} .sectionTabs .nav-tabs{gap:0;} .sectionTabs .nav-tabs li a{font-size: 1.5em;word-break: keep-all;} .whatson-event-details-content {display: block;} .whatson-event-details-content .MobileAccordian_info {margin-bottom: 35px;} .EventDetail_Discip section {padding-top: 50px;padding-bottom: 0;} .Creatives .TabsSec_Title{font-size: 2.5em;} .cast-creative-item {flex-wrap: wrap;justify-content: center;} .cast-creative-item:nth-child(even) {margin-left: 0;} .cast-creative-item .cast-info {text-align: center;} #whatson-testimonials-wrapper .cd-testimonials li{padding: 0 55px;} .cd-testimonials .slick-arrow{background:#D9D9D9;} .cd-testimonials .slick-arrow.slick-prev {left: 10px;} .cd-testimonials .slick-arrow.slick-next {right: 10px;} .MobileGallery_list{margin: 0 0 10px;padding:0;list-style-type:none;} .MobileGallery_list .GalleryItems_Img,.MobileGallery_list .GalleryItems_Video{padding:0;} .ThumpGallery_list{margin:0 -5px;padding:0;list-style-type:none;} .ThumpGallery_list li{margin:0;padding: 5px;} .ThumpGallery_list li img{aspect-ratio: 2/1.5;object-fit: cover;} .ThumpGallery_list li.slick-current img{border:4px solid #2B649C;} .ThumpGallery_list .slick-arrow{background:#D9D9D9;} .ThumpGallery_list .slick-arrow.slick-prev {left:-20px;} .ThumpGallery_list .slick-arrow.slick-next {right: -20px;} .TicketTimePopup .TicketTime_book{flex-direction: column;} .TicketTime_Title {max-width: none;padding-right: 0;margin-bottom:20px;} .TicketTime_Title .TabsSec_Title {font-size: 2.5em;margin-bottom: 5px;} .MobileDate_ticket{display:block;} .TicketTime_Title p{display:none;} } @media (max-width:600px) { header .topHeader.active {position: fixed;width: 100%;} .BookingList_btn .CommonBtn{background: #1961a8;border-color: #1961a8;color: #fff;} } @media (max-width:460px) { .EventDetailHeading_Title .BannerBookBtn {padding: 13px 15px;font-size: 2.5em;position: fixed;width: 100%;text-align: center;left: 0;border-top: 1px solid #fff;} .EventDetailHeading_Title .SoldOutBtn_div .BannerBookBtn {bottom: 0;text-align:right;} .EventDetailHeading_Title .BannerBookBtn span{display:inline-block;border: 1px solid #fff;padding: 10px 15px;} .SoldOutBtn_div .JoinLink{border: 1px solid #fff;padding: 10px 10px;color: #fff;position: fixed;left: 15px;right: auto;bottom: 13px;text-transform: uppercase;font-size:13px;} footer#site-footer {padding-bottom: 120px;} .footerlogo_Shrop{bottom: 54px;} } @media (min-width: 760px) { .SoldOutBtn_div .JoinLink{border: 1px solid #fff;padding: 7px 9px;bottom:0px;text-transform: uppercase;font-size: 13px;} .fixed .SoldOutBtn_div .JoinLink{bottom:-7px;} } @media (max-width: 390px) { .EventDetail_Discip .ShortInfoLeft .Offer{width: 220px;height: 220px;} } /*Home Slider control point loader*/ .sliderLoader {position: relative;margin: auto;background: #2B649C; width: 40px; height: 40px; border-radius: 50%; -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0); mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #fff 0); } .homeslider .flex-control-nav .sliderLoader{position:absolute;top:-1px;left:-1px;display:none;} .homeslider .flex-control-nav .flex-active .sliderLoader{display:block;} /*.sliderLoader .pie{ width: 50%; height: 100%; transform-origin: 100% 50%; position: absolute; background: #08C; border: 2px solid #fff; } .sliderLoader .spinner{left:0; border-radius: 100% 0 0 100% / 50% 0 0 50%; z-index: 200; border-right: none; animation: rota 5s linear 1 forwards; } .sliderLoader .filler{ border-radius: 0 100% 100% 0 / 0 50% 50% 0; left: 50%; opacity: 0; z-index: 100; animation: opa 5s steps(1, end) forwards 1 reverse; border-left: none; } .sliderLoader::after {content: ""; width: 50%; height: 100%; position: absolute; left:0; background: inherit; opacity: 1; z-index: 300; animation: opa 5s steps(1, end) 1 forwards; }*/ .sliderLoader .pie {left:0;top:0; position: absolute; width: 100%; height: 100%; clip: rect(0px, 40px, 40px, 20px); border-radius: 100%; background: #08C; background-color: #08C; } .sliderLoader .spinner::after,.sliderLoader .filler::after{content: "";left:0;top:0; background-color: #fff; position: absolute; width: 100%; height: 100%; border-radius: 100%; clip: rect(0px, 20px, 40px, 0px); } .sliderLoader .spinner::after{ z-index: 1; -webkit-animation: left 2.5s linear ; -moz-animation: left 2.4s linear ; animation: left 2.5s linear both; } @keyframes left { 0%{-webkit-transform:rotate(0deg);} 100%{transform:rotate(180deg);} } @-webkit-keyframes left { 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(180deg);} } .sliderLoader .filler { z-index: 3; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .sliderLoader .filler::after { z-index: 3; -webkit-animation: right 2.5s linear ; -moz-animation: right 2.5s linear ; animation: right 2.5s linear both ; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; } @keyframes right { 0%{-webkit-transform:rotate(0deg);} 100%{transform:rotate(180deg);} } @-webkit-keyframes right { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } /**/ @keyframes rota { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes opa { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } /***/ .SpektrixBookingPage{position:relative;padding-top:130px;} .SpektrixBookingPage:before{content:"";position:absolute;top:0;left:0;width:100%;height:120px;background: #E0E2DB;}