.hero{background:#fff;} .hero .wrapper {max-width:none;} .hero__item{padding:0;text-decoration: none;} .hero__item__image {width: 50%;margin: 0;background-size: cover;background-position: center;height: auto;} .slick-slide img{max-height:700px;opacity:0;aspect-ratio: 1.478 / 1;} .hero__item__text{filter: none;background: #EEE;padding: 30px 50px;justify-content: flex-end;width: 50%;} .hero__item__text__inner{clip-path: none;background: #EEE;max-width:90%;text-align: left;padding: 0;} @media (min-width: 760px){ .hero__item__text .container {width: 100%;} } @media (min-width: 1900px){ .hero__item__text__inner{max-width:82%;} } .homeslider_Title{margin-bottom: 25px;} .homeslider_Title .CategoryName{text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;margin-bottom:15px;} .homeslider_Title h1{line-height: 1;} .homeslider_Title p{font-size:20px;line-height: 1.1;} .homeslider_Title .SliderDate{text-transform: uppercase;font-size:30px;font-family: alternate-gothic-atf, sans-serif;} .SliderBtn{display:flex;gap:10px;} .homeslider .slick-next,.homeslider .slick-prev{display:none !important;} .slick-dots {text-align: center;padding-top:10px;} .slick-dots li button, .slick-dots li a.dot{clip-path: none;background:#D9D9D9;border-radius:50%;width:16px;} .slick-dots li.slick-active button, .slick-dots li.slick-active a.dot {background: #cc0133;} .CommonBtn,.SliderBtn .CommonBtn{display:inline-block;padding: 7px 15px;font-size: 18px;color: #000;font-weight: 700;border: 1px solid #000;text-transform:uppercase;background:none;font-family: alternate-gothic-atf, sans-serif;letter-spacing: 0.3px;text-decoration: none;min-width: 120px;text-align: center;} .SliderBtn .CommonBtn{margin-right:10px;padding: 12px 20px;} .CommonBtn.BookBtn{background: #cc0133;border-color: #cc0133;color:#fff;} .CommonBtn:hover,.CommonBtn:focus{background:#cc0133 !important;border-color: #cc0133;color:#fff !important;text-decoration:none;} .comingSoon{padding-top:50px;} .comingSoon .container {display: block;} .upcoming__title {width: auto;position: relative;} .upcoming__title h2{font-size: 40px;font-weight: 700;text-align: center;} .upcoming__title p{position:absolute;right:0;top: 0;} .upcoming__title p a{border: 1px solid #000;padding: 6px 20px;font-weight:500;text-decoration: none;background: none;font-family: alternate-gothic-atf, sans-serif;} .upcoming__title p a:hover{background: #cc0133;border-color: #cc0133;color: #FFF;} .upcoming__events{margin: 30px -15px 0;width: auto;} .comingSoonList{-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;position: relative;/*justify-content: center;*/width: 100%;height: auto !important;float: none;padding: 0;} .comingSoonList .WhatsonItem{margin-left:0;border: 0;width: 33.33%;padding: 0 15px;background: none;margin-bottom: 35px;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top:0;position: static !important;} .comingSoonList .WhatsonItem_inner{position: relative;padding-bottom: 40px;width: 100%;} .comingSoonList .WhatsonItem_img{overflow: hidden;position: relative;} .comingSoonList .WhatsonItem_inner:hover .WhatsonItem_img{padding:5px;} .comingSoonList .WhatsonItem_img:before { content: ""; background: conic-gradient(transparent 270deg, #cc0133, transparent); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1; width: 100%; animation: border-rotate 2s linear infinite; } @keyframes border-rotate { 0% { transform: translate(-50%,-50%) scale(1.4) rotate(0) } to { transform: translate(-50%,-50%) scale(1.4) rotate(1turn) } } .comingSoonList .WhatsonItem_img a{position:relative;overflow: hidden;display:block;background:#fff;} .comingSoonList .WhatsonItem_img .BlankItem_img{width:100%;height:auto;aspect-ratio: 1.444 / 1;} .comingSoonList .whatson-event-listing-img-area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;} .comingSoonList .WhatsonItem_img:hover .whatson-event-listing-img-area{transform: scale(1.03);} .comingSoonList .whatson-event-listing-img-area img {height:auto;opacity:0;} .comingSoonList .WhatsonItem_text{padding: 15px 0;} .comingSoonList .WhatsonItem_inner:hover .WhatsonItem_text{padding-top:11px;} .comingSoonList .WhatsonItemTitle{margin-bottom: 10px;} .comingSoonList .CategoryTag{margin-bottom:10px;} .comingSoonList .CategoryTag a{font-weight:300;text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;} .comingSoonList .WhatsonItem_text h3{margin-top:0;font-size:40px;margin-bottom: 10px;} .comingSoonList .WhatsonItem_text h3 a{color: #000;text-decoration:none;} .comingSoonList .WhatsonItem_text h3 a:hover{text-decoration: none;color: #000;opacity:0.8;} .comingSoonList .WhatsonItemTitle .EV_ListDate {margin-bottom:0;font-size:16px;font-weight:500;} .comingSoonList .WhatsonItemTitle .event-date{font-size:20px;} .comingSoonList .WhatsonItemTitle .event-runtime{font-size:20px;text-transform: uppercase;} .comingSoonList .whatson_event_certificate{} .comingSoonList .whatson_event_certificate img{width:60px;} .comingSoonList .WhatsonItemText_info{margin-bottom: 0;} .comingSoonList .ItmesVenue_name{} .comingSoonList .ItmesVenue_name a{color:#000;font-size:12px;text-transform: uppercase;font-weight:500;} /*.comingSoonList .upcoming__events__item{margin-top:0;width: 33.33%;padding: 0 15px;margin-bottom:35px;display: -webkit-flex;display: -ms-flexbox;display: flex;} .comingSoonList .WhatsonItem_inner{position: relative;padding-bottom: 45px;width: 100%;} .upcoming__events__item__text {padding: 15px 0;margin: 0;box-shadow: none;position: static;} .upcoming__events__item__text h3 {max-width: none;font-size: 40px;line-height: 1;margin-bottom: 15px;} .EV_ListDate{margin-bottom:0;}*/ .WhatsOnDateBnt {position: absolute;bottom: 0;left: 0;z-index: 1;width: auto;} .WhatsOnDateBnt a{margin-right: 10px;} .WhatsOnDateBnt a:last-child{margin-right:0;} .tag--christmas, .tag--seasonal {color: #000 !important;} .SubscribeRowList{} .SubscribeRowList section{filter: none;padding: 40px 0;background: #cc0133 !important;} .SubscribeRowList section.subscribe{background:#793282 !important;} .SubscribeRowList section:after{clip-path: none;background: none;} .subscribe .container,.guide .container{width: 70%;display: flex;justify-content: space-between;align-items: center;flex-direction: unset;} .SubscribeRowList section:nth-child(odd) .container{flex-direction:row-reverse;} .SubscribeRowList .subscribe__image,.SubscribeRowList .guide__image{margin:0;width:50%;} .SubscribeRowList .subscribe__image img,.SubscribeRowList .guide__image img{max-height:500px;width: auto;} .SubscribeRowList .subscribe__text,.SubscribeRowList .guide__text{width:50%;display:block;max-width: 400px;} .SubscribeRowList .subscribe__text.ForMobileVeiw, .SubscribeRowList .guide__text.ForMobileVeiw{display:none;} .SubscribeRowList .subscribe__text h2,.SubscribeRowList .guide__text h2{font-weight:700;font-size:60px;} .SubscribeRowList .button{border:1px solid #fff;background:none;padding: 10px 20px;text-align: center;font-family: alternate-gothic-atf, sans-serif;font-size: 21px;font-weight: 700;text-transform: uppercase;width: auto;margin-top: 15px;} .SubscribeRowList .button:hover,.SubscribeRowList .button:focus{background:#fff;color:#000;} .SubscribeForm{} .SubscribeForm .form-control{margin-bottom:15px;display:block;} .SubscribeForm .fieldBox{border:1px solid #fff;font-family: alternate-gothic-atf, sans-serif;padding: 5px 10px;height: 46px;font-weight: 700;color:#fff;} .SubscribeForm input::-webkit-input-placeholder {color:#fff;} .SubscribeForm input:-moz-placeholder {color:#fff;opacity:1;} .SubscribeForm input:-ms-input-placeholder {color:#fff;} footer.footer{padding-top:50px;filter:none;} footer.footer:after{clip-path: none;} /*Whats On List*/ /*Fliter*/ .MobFilterBtn{display: none;} .event-right-form{background:#EEEEEE;padding: 30px 0 30px;margin-bottom: 40px;position:relative;z-index:2;} .event-right-form div{margin-bottom:0;} .events-search-form{margin:0;} #event_filter_form .whats-on-event-listing{background:none;padding:0;} .SearchFilterWhatsOn{max-width: 780px;margin: auto;} .event-right-form .SearchFilterWhatsOn{justify-content: center;position: relative;padding-top: 15px;flex-direction: unset;} .event-right-form .SearchFilterWhatsOn:before{content:"";border-top: 1px solid #000;width: 250px;position: absolute;top: 0;} .SearchFieldWhatsOn {width: 100%; max-width: 400px;margin: 0 auto;position: relative;padding-left: 20px;display:none;} .SearchFieldWhatsOn.Show{display:block;} .SearchDate_GenreDrop{width:auto;position: relative;} .filterTitle{font-size: 22px;text-transform:uppercase;padding-right:0;white-space: nowrap;font-family: alternate-gothic-atf, sans-serif;} .SearchInputField{position: relative;text-align: center;margin-bottom: 0;} .SearchFieldWhatsOn .SearchInputField {border: 1px solid #000;} .FilterSearch_calender button, .SearchInputField button{background:none;font-size: 25px;font-family: alternate-gothic-atf, sans-serif;text-transform: uppercase;padding: 0;color: #000;display: block;border: 0;min-width: inherit;margin: 0;font-weight: 700;cursor: pointer;} .FilterSearch_calender button:hover,.FilterSearch_calender button:focus, .SearchInputField button:hover,.SearchInputField button:focus{background:none;color: #000;} .DropDownFilter_sec{padding-top: 15px;} .DropDownGenreList{display:none;width: 100%;margin: 0;list-style-type: none;text-align: center;} .DropDownGenreList.Show{display:block;} .DropDownGenreList li{margin: 0;display: inline-flex;padding: 5px;} .DropDownGenreList li a{color:#000;border:1px solid #000;font-size: 18px;text-transform: uppercase;padding: 4px 13px;line-height: normal;font-family: alternate-gothic-atf, sans-serif;text-decoration:none;} .DropDownGenreList li a:hover,.DropDownGenreList li a.selected{background:#cc0133;color:#fff;border-color:#cc0133;} /*.SearchInputField:before{content: "\f107";font-family:FontAwesome;position: absolute;left: 185px;top:9px;font-size: 24px;} .SearchFieldWhatsOn .SearchInputField:before{content: "\f002";font-size: 18px;width: 21px;text-align: center;border-radius: 50%;top: 12px;left: -23px;}*/ .event-right-form .SearchInputField input, .SearchInputField select, .event-right-form #datepicker_from{height: 40px!important;font-size:18px;width:100%;border:0 !important;border-radius:0 !important;padding: 3px 10px !important;position: relative;background:none;font-weight: 500;text-transform: uppercase;font-family: alternate-gothic-atf, sans-serif;} #SearchFieldFull .SearchInputField button{position: absolute;right: 0;top: 0;height: 100%;width: 60px;border-left: 1px solid #000;} .SearchInputField select{-webkit-appearance:none;text-align: center;} .SearchInputField select option{background:#fff;font-size:16px;text-align: left;} .SearchInputField select option:first-child{text-align: center;} .SearchFieldWhatsOn label,.SearchDate_GenreDrop label{font-size:12px;padding-left: 15px;display:none;} .event-right-form .event_list_filter_calender, .event-right-form .event_list_filter_keyword{width:auto;padding-left: 0;margin-left: 20px;float: left;} .event-right-form .event_list_filter_calender{padding-left: 0;} .SearchFieldWhatsOn input[type="submit"]{background:#4D4F52!important;color: #fff!important;padding: 7px 13px !important;height: 40px;font-size: 1.5em;position: absolute;right: 0;top:0px;border-radius:0 !important;} .recite-swatch .SearchFieldWhatsOn input[type="submit"] {background: rgb(255 255 255 / 52%)!important;color: #fff!important;} .SearchFieldWhatsOn input[type="submit"]:hover,.SearchDate_GenreDrop input[type="submit"]:focus{background:#D3DB2C!important;color:#000!important;text-decoration:none;} .DatePickerDiv {padding: 10px;max-width: 290px;border: 10px solid #000 !important;background: #fff;margin: 2px auto 0;position: relative;float: none;} .DatePickerDiv .datepicker-days{background: #E4F2FF;} .DatePickerDiv .table-condensed{margin-top:0;margin-bottom: 0;} /*Dropdown Calender*/ .FilterSearch_calender{position:relative;z-index: 1;margin: 0;} .FilterSearch_calender .SearchInputField a{background:#E0F2E9;border:0;height: 40px;padding: 8px 15px;color: #000;font-size: 1.8em;font-weight: 500;position: relative;border-radius:0;display:block;text-transform: uppercase;} .FilterSearch_calender .SearchInputField a:hover{background:#E0F2E9;text-decoration:none;} .FilterSearch_calender .SearchInputField a:after{content: "\f107";font-family:FontAwesome;right: 10px;font-size: 24px;top:8px;margin-left:20px;display: inline-block;} .FilterSearch_calender .ByDateDrop{display:none;position: absolute;top: 39px;left: 0;width: 100%;} .FilterSearch_calender .ByDateDrop.Show{display:block;} .FilterSearch_calender .ByDateDrop>ul{display:block !important;background: #fff;border: 1px solid #707070;border-bottom: 0;list-style-type: none;margin: 0;} .ByDateDrop ul li{border-bottom: 1px solid #707070;margin: 0;} .ByDateDrop ul li a{display: block;padding:4px 10px;font-weight: normal;color: #000;font-size: 1.5em;} .ByDateDrop ul li a:hover{text-decoration:none;background:#dadada;} .ByDateFromBox{background:#fff;padding:10px;border: 1px solid #707070;border-top: 0;} .ByDateFromBox:after{content:""; clear:both;display:block;} .ByDateFromBox .EnterDate_title{font-weight:700;font-size: 2em;margin-bottom: 10px;}} .ByDateFromBox .ByDateFrom{} .ByDateFrom input.searchDate{width: 100%;border: 2px solid #707070!important;height: 38px;padding: 3px 10px!important;margin-bottom: 10px!important;background:url(../images/celendar-icon.png);background-size: 26px;background-position: center right;background-repeat: no-repeat;font-size: 1.6em;} .ByDateFromBox .btn-primary{background:#fb0013;border-color:#fb0013;color: #fff;margin-bottom: 15px;float: right;border-radius:0;padding: 10px 20px;text-transform: uppercase;font-size: 1.4em;font-weight:700;} .ByDateFromBox .btn-primary:hover,.ByDateFromBox .btn-primary:focus{background:#fb0013;border-color:#fb0013;color: #fff;opacity:0.8;} .DatePickerDiv .ui-widget{font-family: "futura-pt", sans-serif;} #ui-datepicker-div,.datepicker-dropdown{padding:3px;width: 270px;border: 1px solid #aaa !important;} .ui-datepicker .ui-datepicker-header{background: #fff!important;border: 0 !important;color: #000;font-weight: bold;border-radius: 3px !important;} .ui-datepicker .ui-datepicker-title{font-size: 15px;} .ui-datepicker .ui-datepicker-prev {left: -4px!important;top: 6px !important;} .ui-datepicker .ui-datepicker-next{right: -4px!important;top: 6px !important;} .ui-datepicker-header .ui-datepicker-next::after,.ui-datepicker-header .ui-datepicker-prev::after {display:none;} .ui-datepicker .ui-widget-header .ui-datepicker-prev span, .ui-datepicker .ui-widget-header .ui-datepicker-next span {margin-left: 0;margin-top: 0;height: 17px;width: 17px;cursor: pointer;background-size: 22px;background-position: bottom;visibility:visible;top:0;left:0;} .ui-datepicker-calendar {color: #000;border: 0 !important;} .ui-datepicker-calendar thead tr {background: none;} .ui-datepicker-calendar tr:first-child th {padding: 8px 0;font-size: 14px;font-weight: 400;} .ui-datepicker td {border-color: #fff!important;font-size:14px;background: #fff;padding:0;} .ui-datepicker .ui-datepicker-calendar td a{color:#000;font-size:14px;border-radius:0% !important;border:1px solid transparent !important;padding: 5px 4px;font-family: "futura-pt", sans-serif;} .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight, .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight:hover{border-color: #cc0133 !important;background: #cc0133!important;color: #fff !important;} .ui-datepicker .ui-datepicker-calendar td a:hover{border-color:#000 !important;background:#000 !important;border-radius: 0% !important;color:#fff!important;} .ui-datepicker .table-condensed{margin-top:0;margin-bottom: 0;} .ui-datepicker .table-condensed thead th{font-size:15px;text-align: center;border: 0;} .ui-datepicker .table-condensed thead tr:first-child th{background:#FF7801;text-transform: uppercase;color: #000;} .ui-datepicker .table-condensed thead th.prev,.datepicker-dropdown .table-condensed thead th.next{font-size:20px;} .ui-datepicker .table-condensed tbody td{font-size:15px;text-align: center;cursor: pointer;} .ui-datepicker .table-condensed tbody td.old,.datepicker-dropdown .table-condensed tbody td.new{pointer-events: none;color:#999;} .ui-datepicker .table-condensed tbody td:hover,.datepicker-dropdown .table-condensed tbody td.active{background:#FF7801;} /**/ .WhatsOnHeading{background:#E0F2E9;color:#000;padding:15px 0;} .WhatsOnPageTitle{margin: 0 0 14px;font-size: 50px;text-transform: none;text-align: center;font-weight: 700;} .TopAdsBanner{position:relative;z-index:1;margin-bottom:-1px;} .WhatsOn_PageBanner{} .WhatsOn_PageBanner .tobAds,.BottomAds{background:#E8E9E5;padding: 15px 0;text-align: center;} .tobAds .AdsO2_in,.BottomAds .BottomAds_in{max-width: 970px;margin: 0 auto;} .WhatsOn_PageBanner .tobAds img,.BottomAds img{display:inline-block;} .event-list-wrapper{padding-top:0px;background: none;} .WhatonList_page{padding: 0;} .WhatonList_page .event-list-outer{padding-top:0;padding-left:0;} .AllPageSec_Title{font-size:50px;margin:30px 0 20px;font-weight: 700;} .WhatonList_page .AllPageSec_Title{margin:0 0 25px;} .FilterTitle_cat{margin: 0 0 25px;} .WhatsOnList{margin-left: -15px;margin-right:-15px;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;position: relative;/*justify-content: center;*/width: auto;height: auto !important;float: none;padding: 0;} .WhatsOnList .WhatsonItem{margin-left:0;border: 0;width: 33.33%;padding: 0 15px;background: none;margin-bottom: 35px;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top:0;position: static !important;} .WhatsOnList .WhatsonItem_inner{position: relative;padding-bottom: 40px;width: 100%;} .WhatsOnList .WhatsonItem_img{overflow: hidden;position: relative;} .WhatsOnList .WhatsonItem_inner:hover .WhatsonItem_img{padding:5px;} .WhatsOnList .WhatsonItem_img:before { content: ""; background: conic-gradient(transparent 270deg, #cc0133, transparent); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1; width: 100%; animation: border-rotate 2s linear infinite; } @keyframes border-rotate { 0% { transform: translate(-50%,-50%) scale(1.4) rotate(0) } to { transform: translate(-50%,-50%) scale(1.4) rotate(1turn) } } .WhatsOnList .WhatsonItem_img a{position:relative;overflow: hidden;display:block;background:#fff;} .WhatsOnList .WhatsonItem_img .BlankItem_img{width:100%;height:auto;aspect-ratio: 1.444 / 1;} .WhatsOnList .whatson-event-listing-img-area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;} .WhatsOnList .WhatsonItem_img:hover .whatson-event-listing-img-area{transform: scale(1.03);} .WhatsOnList .whatson-event-listing-img-area img {height:auto;opacity:0;} .WhatsOnList .WhatsonItem_text{padding: 15px 0;} .WhatsOnList .WhatsonItem_inner:hover .WhatsonItem_text{padding-top:11px;} .WhatsOnList .WhatsonItemTitle{margin-bottom: 10px;} .WhatsOnList .CategoryTag{margin-bottom:10px;} .WhatsOnList .CategoryTag a{font-weight:300;text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;} .WhatsOnList .WhatsonItem_text h3{margin-top:0;font-size:40px;margin-bottom: 10px;} .WhatsOnList .WhatsonItem_text h3 a{color: #000;text-decoration:none;} .WhatsOnList .WhatsonItem_text h3 a:hover{text-decoration: none;color: #000;opacity:0.8;} .WhatsOnList .WhatsonItemTitle .EV_ListDate {margin-bottom:0;font-size:16px;font-weight:500;} .WhatsOnList .WhatsonItemTitle .event-date{font-size:20px;} .WhatsOnList .WhatsonItemTitle .event-runtime{font-size:20px;text-transform: uppercase;} .WhatsOnList .whatson_event_certificate{} .WhatsOnList .whatson_event_certificate img{width:60px;} .WhatsOnList .WhatsonItemText_info{margin-bottom: 0;} .WhatsOnList .ItmesVenue_name{} .WhatsOnList .ItmesVenue_name a{color:#000;font-size:12px;text-transform: uppercase;font-weight:500;} .WhatsonItem .img_availability_small,.Search_whatsOnListItem .img_availability_small{background: rgba(0, 0, 0, 0.73); padding: 0;left:0;bottom:0;width: 100%;text-align: center;position: absolute;/*-webkit-transform: rotate( -20deg);-moz-transform: rotate(-20deg);-ms-transform: rotate(-20deg);-o-transform: rotate(-20deg);*/} .WhatsonItem .img_availability_small span,.Search_whatsOnListItem .img_availability_small span{;display:inline-block;padding:6px;border-radius: 0 20px;font-size:16px;color:#fff;} .listingpagination{text-align: center;margin-top: 30px;} .listingpagination:before{content:"";height: 1px;background:rgb(77 79 82 / 15%);width: 100%;position: absolute;margin-top: 15px;left: 0;} .listingpagination .whatson-event-listing-pager{display: inline-block;background: #fff;padding: 0 5px;position: relative;} .listingpagination .whatson-event-listing-page-link{display:inline-block;margin: 0 2px;} .listingpagination .whatson-event-listing-page-link a{display:block;border: 1px solid #4d4f52;color: #4d4f52;line-height: 28px;width: 30px;font-size: 16px;} .listingpagination .whatson-event-listing-page-link a:hover{text-decoration:none;} .listingpagination .whatson-event-listing-page-link.selected a{background: #4d4f52;color: #fff;} /*WhatsOn Detail page*/ .EventDetail_wrap{padding-top: 0;padding-bottom:0;background: none;} .whatson-event-details-main-post-div{float:none;} .EventDetail_banner{margin-bottom:40px;min-height: 200px;background:#eee;display: flex;justify-content: space-between;flex-direction: row-reverse;} .Event_detailsBannerImg{overflow: hidden;margin-top: 0;position: relative;width: 50%;} @media (min-width:996px){ .Event_detailsBannerImg{min-height: 411px;} } .Event_detailsBannerImg .img_availability_big {background: rgba(0, 0, 0, 0.73); padding: 0;left: 0%;bottom: 0;width: 100%;text-align: center;position: absolute;/*-webkit-transform: rotate( -30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);-o-transform: rotate(-30deg);*/} .Event_detailsBannerImg .img_availability_big span{;display:inline-block;padding:15px 20px;border-radius: 0 20px;font-size:30px;color:#fff;} .Blankbanner_Img{display:none;} .Event_detailsBannerImg .Blankbanner_Img img{width:100%;height:auto;} .Event_detailsBannerImg .Blankbanner_Img .BlankbannerMob_img{display:none;} @media (max-width:600px){ .Event_detailsBannerImg .Blankbanner_Img .BlankbannerMob_img{display:block;} .Event_detailsBannerImg .Blankbanner_Img .Blankbanner_img{display:none;} } .Event_detailsBannerImg .EvntD_img{overflow:hidden;background-size: cover;background-position: center;position:relative;top: 0;left: 0;width: 100%;height: 100% !important;} .Event_detailsBannerImg .EvntD_img img{opacity:0;height: 100% !important;max-height:700px;aspect-ratio: 1.478 / 1;} .EventDetailHeading_Title{float: none;width:50%!important;background: #EEE;padding: 30px 50px;justify-content: flex-end;display:flex;} .EventDetailHeading_Title .container {margin: 0;height: 100%;padding:0;position: relative;width:90%;} @media (min-width: 1900px) { .EventDetailHeading_Title .container{width:82%;} } .Event_detailsBannerImg .EvntD_img .WatchIcon{z-index:2;display: none;} .Event_detailsBannerImg .VideoHolder_Play{z-index:10;} .VideoHolder_Play .BannerVideo_close{width:40px;height:40px;position: absolute;right:2px;top:2px;background: #000;z-index: 10;text-indent: -9999px;overflow: hidden;border-radius: 50%;cursor: pointer;color: #fff;font-size: 16px;} .EventDetailHeading_Title .BannerBookBtn{padding: 7px 15px;font-size:18px;position:absolute;bottom:35px;} .EventDetailHeading_Title .BannerBookBtn:hover{} .VideoHolder_Play .BannerVideo_close:before,.VideoHolder_Play .BannerVideo_close:after{content:"";width: 20px;height: 2px;background: #fff;position: absolute;right: 10px;top: 18px;} .VideoHolder_Play .BannerVideo_close:before{-ms-transform: rotate(45deg);transform: rotate(45deg);} .VideoHolder_Play .BannerVideo_close:after{-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .whatson-event-detailsHeading-title{position: relative;margin-bottom: 20px;} .whatson-event-detailsHeading-title .CategoryTag{margin-bottom:10px;} .whatson-event-detailsHeading-title .CategoryTag a{font-weight:700;text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;} .whatson-event-detailsHeading-title h1{font-size: 4em;color: #000 !important;margin: 0 0 15px;font-weight: 700;/*display: inline;margin-right: 10px;*/} .whatson-event-detailsHeading-title .whatons-event-cancelled{display:none;} .whatson-event-detailsHeading-title .EventpostDate{color:#000;font-size:30px;font-weight:700;font-family: alternate-gothic-atf, sans-serif;} .whatson-event-detailsHeading-title .EventpostDate a{font-size:1em;color:#fff!important;} .sortTicketTime{display: inline-block;} .sortTicketTime:before,.sortTicketTime:after{content:"";border-top:1px solid #000;width:auto;margin:5px 0;display:block;} .sortTicketTime span{font-weight:700;font-family: alternate-gothic-atf, sans-serif;font-size:20px;display:block;} .whatson-event-detailsHeading-title .event_certificate{display: inline-block;font-size:20px;} .whatson-event-detailsHeading-title .event_certificate img{width:32px;} .EventDetailHeading_Title .whatson-single-page-date-time {float: none;font-size:18px;} .EventDetailHeading_Title .whatson-single-page-date-time .info{margin-bottom:15px;} .EventDetailHeading_Title .whatson-single-page-date-time p{font-size:inherit;} .EventDetailHeading_Title .whatson-single-page-date-time strong{font-weight:600;} .EventDetailHeading_Title .whatson-single-page-date-time h4{float: none;font-size:16px;color: #fff!important;line-height: 26px !important;font-weight: 300;margin: 0;} .whatson-event-details-main-post-div .container{/*display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;*/} .whatson-event-details-main-post-div .container:after{content:"";clear:both;display:block;} .EventDetail_containt{padding-right:0;margin-bottom: 50px;padding-top: 0;} .EventDetail_DiscipR{width: 35%;display:none;} .Details_Tabs{} .Tabstoggle{display:none;} .Tabstoggle button{display:block;font-family: "futura-pt", sans-serif;font-weight:700;font-size: 20px;width: 100%;text-align: left;background:#E3E3E3;color: #000;position: relative;padding: 16px 15px;text-transform: uppercase;} .Tabstoggle button:after{content: "\f107";font-family:FontAwesome;position: absolute;right: 20px;font-size: 30px;} .Tabstoggle button:hover,.Tabstoggle button:focus{text-decoration:none;background:#E3E3E3;} .Details_Tabs .nav-tabs{margin: 0;border: 0;} .Details_Tabs .nav-tabs > li{margin: 0 20px 0 0;} .Details_Tabs .nav-tabs > li > a{font-weight:700;font-size: 2.5em;color: #000;border-radius: 0;padding: 0;border:0;font-family: "futura-pt", sans-serif;text-transform: uppercase;} .Details_Tabs .nav-tabs>li a:hover,.Details_Tabs .nav-tabs>li a:focus{box-shadow:none;background:none;} .Details_Tabs .nav-tabs>li.active>a,.Details_Tabs .nav-tabs>li.active>a:hover,.Details_Tabs .nav-tabs>li.active>a:focus{background: none;color: #000;border:0;text-decoration: underline;} .Details_Tabs .tab-content{padding-top: 0;} .Details_Tabs .tab-content a{text-decoration:underline;font-weight:500;} .Details_Tabs .tab-content a:hover{color:#FFC145;} .Details_Tabs .tab-content a u{text-decoration:none;} .Details_Tabs .tab-content section{padding:0;} .tab-content .map .container{width:auto;} .tab-content .map .acf-map{margin-bottom:15px;} .EventDetail_Discip .ShortInfoLeft{width: 330px;float:left;font-size: 18px;border: 1px solid #A98348;padding: 15px 15px;position: relative;text-transform: uppercase;} .EventDetail_Discip .ShortInfoLeft:before{content:"";border: 1px solid #A98348;width: 100.8%;height: 101%;position: absolute;left: 3px;top: 3px;} .EventDetail_Discip .ShortInfoLeft p{margin-bottom:15px;} .EventDetail_Discip .ShortInfoLeft p:last-child{margin-bottom:0;} .EventDetail_Discip .whatson-event-details-content{padding-top:0;font-size: inherit;} .EventDetail_Discip strong{} .EventDescriptionLeft p{} .EventDetail_Discip h1,.EventDetail_Discip h2,.EventDetail_Discip h3{margin-top:0;font-weight:700;} .EventDetail_Discip h2{font-size:36px;} .EventDetail_Discip h3{font-size:32px;} .EventDetail_containt .TicketSec{padding-top:0;} .TicketTime_book{background: #eee;color: #000;margin-bottom:15px;padding:30px;} @media (max-width: 992px){ .TicketTime_book{padding:20px 15px;display:none;} .TicketTime_bookMobile {display: block;} } .TicketTime_bookMobile{display:none;margin-bottom:0;} .TicketTime_book .whatson-event-details-list{margin: 0;/* background: #fff; */border-top: 1px solid #000 !important;} .TicketTime_book table {border-collapse: collapse;border-spacing: 0} .TicketTime_book .whatson-event-details-list thead{display:none;} .TicketTime_book .whatson-event-details-list > tbody > tr{border-spacing:0;} .TicketTime_book .whatson-event-details-list > tbody > tr > td{border: 0 !IMPORTANT;border-bottom: 1px solid #000!important;font-weight:300;font-size: 18px;color: #000;border-radius: 0;padding: 5px 0px;} .TicketTime_book .whatson-event-details-list > tbody > tr:nth-child(odd)> td{} .TicketTime_book .whatson-event-details-list > tbody > tr > td:first-child{padding-left: 0;/*width:105px;*/} @media (max-width:760px){ .TicketTime_book .whatson-event-details-list > tbody > tr > td:first-child{width: auto;} } .TicketTime_book .whatson-event-details-list > tbody > tr > td:last-child{padding-right: 0;} .TicketTime_book .whatson-event-details-list > tbody > tr:last-child > td{} .whatson-event-details-list .BookingList_btn{white-space: nowrap;} .TicketTime_book .accessibility_column{padding-left: 10px;} .TicketTime_book .accessibility_column img{width:25px;} .accessibility_icon_img{border: 2px solid #cc0133;font-size: 9px;font-weight: 700;width: 28px;height: 28px;line-height: 22px;display: inline-block;margin-right: 5px;text-align: center;border-radius: 50%;} .BookingList_btn .CommonBtn{font-size:1em;font-size: 16px;background: #cc0133;border-color: #cc0133;padding: 7px 10px;color: #fff;min-width: 80px;text-decoration:none !important;} .BookingList_btn .CommonBtn.SoldOut{/*background:#C1C1C1;*/} .BookingList_btn .CommonBtn:hover{background:#a00229;color:#fff;} .BookingList_btn .JoinLink{display: inline-block;margin-top: 3px;font-size: 14px;text-decoration: underline;} .BookingList_btn .JoinLink:hover,.BookingList_btn .JoinLink:focus{text-decoration:none;} .chnageViewMoreBtn{background:none;color: #000;border: none;padding: 0;font-size: 16px;text-decoration: underline;-webkit-appearance: none;} .chnageViewMoreBtn:hover,.chnageViewMoreBtn:focus{background:none;box-shadow:none;} .chnageViewMoreBtn:hover{color:#cc0133;} .Details_Tabs .tab-content .tab-pane {margin-bottom: 70px;} .Details_Tabs .tab-content .tab-pane#media_gallery_1_in{margin-bottom:20px;} .Details_Tabs .tab-content .tab-pane.standard_page_quote, .Details_Tabs .tab-content .tab-pane.enquiry_section, .Details_Tabs .tab-content .tab-pane.donation_componant {margin-bottom:0;margin-top:0 !important;} .standard_page_quote>.container,.enquiry_section>.container, .donation_componant>.container{max-width: none;padding:0; width: auto;} .standard_page_quote .TabsSec_Title,.enquiry_section .TabsSec_Title{display:none;} .EventDetail_Discip #Details_in {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .EventDescriptionLeft iframe{aspect-ratio: 16 / 9; height: 100%;} .VideoEmbaded{padding-top:30px;} .Details_Tabs .EventDescriptionLeft {width: 65%;padding-right: 30px;} .EventDescriptionRight{/*position: sticky;top: 170px;*/width: 35%;} .tab-content .MobileAccordian_info{float:none;} .tab-content .MobileAccordian_info section{padding:0;} .MobileAccordian_info .video-embed iframe{width:100% !important; max-width:580px; height:326px !important;} .TabsSec_Title,.cetogaryTitle{margin:0;font-size: 2.5em;position: relative;margin-bottom: 15px;font-weight: 700;} .TabsSec_Title{text-transform:none;} .tab-content #Tickets_in{position: relative;padding:0px 0 30px;z-index: 1;} .VenueLevyText{max-width: 72%;margin-top: 30px;} .VenueLevyText h3{margin-top:0;font-size:1.6em;margin-bottom: 5px;} .VenueLevyText p{font-size:1.4em;line-height: 1.4em;} .EventDetails_Video{background-position: top center;background-repeat: no-repeat;position: relative;padding: 1px 0;margin-bottom: 60px;} .EventDetailsVideo_inner{margin: 0 auto 0;position: relative;overflow: hidden;border-radius: 6px;} .EventDetailsVideo_inner img{width:100%;height:auto;} .EventDetailsVideo_inner iframe{position: absolute;top: 0;left: 0; width: 100% !important; height: 100%;} .gallery_list{list-style-type: none;margin:0 -10px;padding: 0;display: flex;flex-wrap: wrap;width: 100%;} .GalleryItems_Img{width:25%;display: table-cell;padding: 10px;margin: 0;position:relative;} .GalleryItems_Img a{display:block;background-size: cover;background-position: center;position:relative;} .GalleryItems_Img img{width:100%;height:auto;} .GalleryItems_Img img.RealImg{position:absolute;top:0;left:0;opacity:0;} .GalleryItems_Img span{position:absolute;bottom:0;left:0;width:100%;background: rgb(0 0 0 / 65%);color:#fff;padding:10px;font-size: 13px;text-align:left;line-height: 14px;} .fslightbox-container .fslightbox-slide-btn-container{top:auto;bottom: 20px;transform: none;padding: 0;} .fslightbox-container .fslightbox-slide-btn-container-next{right:30px;} .fslightbox-container .fslightbox-slide-btn-container-previous{right:60px;left:auto;} .fslightbox-container .fslightbox-slide-btn{font-family:FontAwesome;background: none;color: #fff;font-size: 40px;} .fslightbox-slide-btn-container-next .fslightbox-slide-btn:before{content: "\f105";} .fslightbox-slide-btn-container-previous .fslightbox-slide-btn:before{content: "\f104";} .fslightbox-container .fslightbox-slide-btn svg{display:none;} .currentRate{background: #B50A36;padding: 30px;color: #fff;position: relative;min-height: 176px;} .currentRate .helpTitle{margin: 0 0 15px;font-size: 30px;font-weight: 700;} .currentRate h5{ margin:0 0 30px;font-size:1.8em; font-weight:600;} .currentRate p{font-size: 16px;font-weight: 400;line-height: 22px;} .currentRate p a{color:#fff;text-decoration:underline;} .currentRate p a:hover{text-decoration:none;} .currentRate .Donate_link{color:#fff;background: none;display: inline-block;font-size: 16px;font-weight: 300;text-transform: uppercase;padding: 11px 25px;border: 1px solid #fff;margin-top: 20px;text-decoration:none !important;font-family: alternate-gothic-atf, sans-serif;} .currentRate .Donate_link:hover,.currentRate .Donate_link:hover{text-decoration:non;background: #fff;color: #000 !important;} /*Flax Slider for detail page testimonials*/ .whats_on_quotes{} .whats_on_quotes .section-inner{position:relative;} .whats_on_quotes .descriptionTabs{max-width:none;} .whatsonDetail_testimonial{margin-top: 20px;padding: 15px 0;} .whatsonDetail_testimonial .flex-viewport {} .testimonialsSlider{/*opacity:0;transition: opacity 0.2s ease-in-out;*/} .testimonialsSlider.slick-slider{opacity:1;} #whatson-testimonials-wrapper ul{font-size:inherit;list-style-type:none;margin: 0;display: flex;width: 100%;} .whatsonDetail_testimonial li{width:33.33%;margin:0;text-align: center;padding: 0 20px;} .whatsonDetail_testimonial li h3{margin-top:0;margin-bottom: 15px;font-size:22px;text-transform:uppercase;} .whatsonDetail_testimonial li span{font-size:18px;display:block;margin-bottom: 10px;} .whatsonDetail_testimonial li span.quote_stars{color:#B50A36;letter-spacing: 4px;font-size: 22px;} .whats_on_quotes .customNav_Wrap{top:-5px;} @media (max-width:780px){ .whats_on_quotes .customNav_Wrap{top: -37px;} } @media (max-width:490px){ .EventDetail_Discip section.whats_on_quotes {margin-top: -40px;padding: 20px 0 40px;background: #262626;color: #fff;} .whats_on_quotes .customNav_Wrap{top: auto;bottom: -15px;} .whats_on_quotes .custom-nav{text-align:center;} .whats_on_quotes .custom-nav .slick-arrow{color:#fff;} .whats_on_quotes .custom-nav .slick-arrow.slick-next:after, .whats_on_quotes .custom-nav .slick-arrow.slick-prev:after{background: #fff;} } /*.testimonials-nav .slick-arrow{color:#fff;} .testimonials-nav .slick-arrow.slick-next:after,.testimonials-nav .slick-arrow.slick-prev:after{background:#fff;}*/ .WarningSms_drop{background:#EAEAEA;padding: 0 30px;margin-top: 30px;} .WarningSms_drop button{display:block;font-weight: 600;font-size: 20px;width: 100%;text-align: left;background: none;color: #000;position: relative;padding: 16px 0;border:0;} .WarningSms_drop button:after{content: "\f107";font-family:FontAwesome;position: absolute;right: 0px;} .WarningSms_drop button:hover,.WarningSms_drop button:focus{text-decoration:none;background:none;} .WarningSms_dropText{overflow:hidden;max-height:0;transition: all .2s ease-in-out;} .show .WarningSms_dropText{max-height:300px;} /*Also Like*/ .alsoLike_wrapp{display:block;color:#000;margin: 50px 0;} .alsoLike_wrapp .whatson-event-sidebar{position: relative;} .alsoLikeBox h2.cetogaryTitle{font-size: 50px;font-weight: 700;text-align: center;margin: 0 0 30px;} .alsoLikeBox h2.cetogaryTitle span {color:#5E338A;} .alsoLike_list{width:auto;float: none;} .alsoLike_list .row{margin-left: -15px;margin-right:-15px;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;position: relative;/*justify-content: center;*/} .alsoLike_list .WhatsonItem{margin-left:0;border: 0;width: 33.33%;padding: 0 15px;background: none;margin-bottom: 20px;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top:0;} .alsoLike_list .WhatsonItem_inner{position: relative;padding-bottom: 40px;width: 100%;} .alsoLike_list .WhatsonItem_img{overflow: hidden;position: relative;} .alsoLike_list .WhatsonItem_inner:hover .WhatsonItem_img{padding:5px;} .alsoLike_list .WhatsonItem_img:before { content: ""; background: conic-gradient(transparent 270deg, #cc0133, transparent); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1; width: 100%; animation: border-rotate 2s linear infinite; } @keyframes border-rotate { 0% { transform: translate(-50%,-50%) scale(1.4) rotate(0) } to { transform: translate(-50%,-50%) scale(1.4) rotate(1turn) } } .alsoLike_list .WhatsonItem_img a{position:relative;overflow: hidden;display:block;background:#fff;} .alsoLike_list .WhatsonItem_img .BlankItem_img{width:100%;height:auto;aspect-ratio: 1.444 / 1;} .alsoLike_list .whatson-event-listing-img-area{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;} .alsoLike_list .WhatsonItem_img:hover .whatson-event-listing-img-area{transform: scale(1.03);} .alsoLike_list .whatson-event-listing-img-area img {height:auto;opacity:0;} .alsoLike_list .WhatsonItem_text{padding: 15px 0;} .alsoLike_list .WhatsonItem_inner:hover .WhatsonItem_text{padding-top:11px;} .alsoLike_list .WhatsonItemTitle{margin-bottom: 10px;} .alsoLike_list .CategoryTag{margin-bottom:10px;} .alsoLike_list .CategoryTag a{font-weight:300;text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;} .alsoLike_list .WhatsonItem_text h3{margin-top:0;font-size:40px;margin-bottom: 10px;} .alsoLike_list .WhatsonItem_text h3 a{color: #000;text-decoration:none;} .alsoLike_list .WhatsonItem_text h3 a:hover{text-decoration: none;color: #000;opacity:0.8;} .alsoLike_list .WhatsonItemTitle .EV_ListDate {margin-bottom:0;font-size:16px;font-weight:500;} .alsoLike_list .WhatsonItemTitle .event-date{font-size:20px;} .alsoLike_list .WhatsonItemTitle .event-runtime{font-size:20px;text-transform: uppercase;} .alsoLike_list .whatson_event_certificate{} .alsoLike_list .whatson_event_certificate img{width:60px;} .alsoLike_list .WhatsonItemText_info{margin-bottom: 0;} .alsoLike_list .ItmesVenue_name{} .alsoLike_list .ItmesVenue_name a{color:#000;font-size:12px;text-transform: uppercase;font-weight:500;} .AllListShowLink{text-align:center;margin-top: 20px;} .AllListShowLink a{display:inline-block;padding: 10px 20px;font-size: 30px;color: #000;font-weight: 300;border: 1px solid #000;background:none;font-family: alternate-gothic-atf, sans-serif;letter-spacing: 0.3px;text-decoration: none;min-width: 120px;text-align: center;} .AllListShowLink a:hover{background:#cc0133;border-color:#cc0133;color:#fff;} .results{} .results h2{font-size: 40px;font-weight: 700;margin-bottom:25px;} .resultsList{display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;position: relative;/*justify-content: center;*/width: 100%;height: auto !important;float: none;padding: 0;} .resultsList .results__item{margin: 0;border: 0;width: 33.33%;padding: 0 15px;background: none;margin-bottom: 35px;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top:0;position: static !important;align-items: normal;} .resultsList .resultsItem_in{position: relative;padding-bottom: 40px;width: 100%;} .resultsList .results__item__image{overflow: hidden;position: relative;width:auto;} .resultsList .resultsItem_in:hover .results__item__image{padding:5px;} .resultsList .results__item__image:before { content: ""; background: conic-gradient(transparent 270deg, #cc0133, transparent); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1; width: 100%; animation: border-rotate 2s linear infinite; } @keyframes border-rotate { 0% { transform: translate(-50%,-50%) scale(1.4) rotate(0) } to { transform: translate(-50%,-50%) scale(1.4) rotate(1turn) } } .resultsList .results__item__image a{position:relative;overflow: hidden;display:block;background:#fff;transition: 0.5s;background-position: center;background-size: cover;} .resultsList .results__item__image img{width:100%;height:auto;aspect-ratio: 1.444 / 1; opacity:0;} .comingSoonList .whatson-event-listing-img-area img {height:auto;opacity:0;} .resultsList .results__item__text{padding: 15px 0;width:auto;} .resultsList .resultsItem_in:hover .results__item__text{padding-top:11px;} .resultsList .resultsIem_text{margin-bottom: 10px;} .resultsList .CategoryTag{margin-bottom:10px;} .resultsList .CategoryTag a{font-weight:300;text-transform:uppercase;font-family: alternate-gothic-atf, sans-serif;} .resultsList .results__item__text h3{margin-top:0;font-size:40px;margin-bottom: 10px;} .resultsList .results__item__text h3 a{color: #000;text-decoration:none;} .resultsList .results__item__text h3 a:hover{text-decoration: none;color: #000;opacity:0.8;} .resultsList .results__item__text .EV_ListDate {margin-bottom:0;font-size:16px;font-weight:500;} .title.Support{margin-bottom:0;} /*RESPONSIVE STYLE*/ @media (max-width: 992px){ .comingSoonList .WhatsonItem{width:50%;} .WhatsOnList .WhatsonItem{width:50%;} .EventDetail_banner {margin-bottom: 0;} .MobileTicketsList{margin-bottom:30px;background:#D9D9D9;} .TicketTime_bookMobile {display: block;background: none;width: 85%;margin: 0 auto;padding: 20px 0;} .EventDetail_containt{margin-bottom:0;} .Details_Tabs .tab-content .tab-pane {margin-bottom: 50px;} .Details_Tabs .EventDescriptionLeft {width: 100%;padding-right: 0;} .EventDescriptionRight {width: 100%;} .alsoLike_wrapp{margin-top:0;} .alsoLike_list .WhatsonItem{width:50%;} .resultsList .results__item{width:50%;} } @media (max-width: 760px){ .hero__item__image {width: 100%;} .slick-slide img {max-height: none;aspect-ratio: 1.444 / 1;} .hero__item__text{width:100%;max-width: none;padding:15px 0;} .hero__item__text__inner{max-width: none;} .homeslider .slick-next, .homeslider .slick-prev {display: block !important;top: 50%;margin-top: -25px;width: 40px;height: 40px;} .homeslider .slick-dots{display:none !important;} .comingSoon{padding-bottom: 50px;} .upcoming__title{position:static;} .upcoming__title p {right: 7.5%;top: auto;bottom: 20px;width: 85%;} .upcoming__title p a {display: block;text-align: center;} .upcoming__title h2 {font-size: 30px;} .comingSoonList{margin-left:0;margin-right:0;} .comingSoonList .WhatsonItem{width:100%;} .subscribe .container, .guide .container {width: 85%;} .subscribe .container{display: block;} .guide .container{flex-direction: column-reverse;padding-bottom: 110px;} .SubscribeRowList .subscribe__image, .SubscribeRowList .guide__image {width: 100%;} .SubscribeRowList .subscribe__text, .SubscribeRowList .guide__text {width: 100%;margin-bottom: 10px;} .SubscribeRowList .subscribe__text .ForDesktopVeiw{display:none;} .SubscribeRowList .subscribe__text.ForMobileVeiw{display:block;} .GuideButtonDiv{position: absolute;bottom: 0;} .WhatsOnList .WhatsonItem{width:100%;} .EventDetail_banner{display:block;} .Event_detailsBannerImg{width:100%;} .EventDetailHeading_Title{width: 100% !important;padding: 20px 0px;} .EventDetailHeading_Title .container {margin: 0 auto;width: 85%;} .whatson-event-detailsHeading-title h1{text-transform:none;font-size:50px;} .alsoLike_list .WhatsonItem{width:100%;} } @media (max-width: 500px){ .footer__supporters li {min-width:45%;} .resultsList .results__item{width:100%;} } /*********/ /*Booking Processe*/ .SpektrixBookingPage,.customBasket_page{border-top: 1px solid rgb(77 79 82 / 15%);} .SpektrixBookingPage .BookingItemDetails{margin-top:0;} /*Custom Basket Design*/ .customBasket_page .row{margin-right: -15px;margin-left: -15px;} .customBasket_page .row:after{content:"";clear:both;display:block;} .customBasket_page .col-sm-8,.customBasket_page .col-sm-4{padding-right: 15px;padding-left: 15px;} @media(min-width: 768px) { .customBasket_page .col-sm-8,.customBasket_page .col-sm-4{float: left;} .customBasket_page .col-sm-8 { width: 66.66666666666666%;} .customBasket_page .col-sm-4 {width: 33.33333333333333%;} } .customBasket_page{padding:40px 0;} .customBasket_page .container{/*width:100%;width: calc(100% - 8rem);max-width: 168rem;*/} .BookingItemDetails{border:5px solid #e0e0e0;padding:20px; margin-top:25px;margin-bottom:25px;} .BookingItemDetails:after{content:"";display:block;clear:both;} .BookingItemDetails_img{float:left;width:30%;background-size:cover;background-position:center; position:relative;} .BookingItemDetails_img img{width:100%;} .BookingItemDetails_img img.BookingItem_img{position: absolute;left: 0;top: 0;height: 100%;opacity: 0;z-index: 1;} .BookingItemDetails_info{float:left;width:70%;padding-left:20px;font-weight:700;font-size:20px;} .BookingItemDetails_info h2{margin-top:0;font-size:32px;margin-bottom:6px;} .BookingItemDetails_info .VenueName{} .BasketTitle{} .BasketTitle h1,.BasketRight_Title h2{margin: 0 0 10px;font-size: 26px;text-transform: uppercase;font-weight:700;} .BasketBorder_box{border:1px solid #3b445d;padding:20px;margin-bottom:20px;width:100%;background:#fff;font-size: 16px;font-weight:400;} .BasketTitle p{line-height:18px;margin-bottom: 15px;} .BasketBorder_box a{color:#3b445d;} .BasketBorder_box:after{content:"";display:block;clear:both;} .BasketBorder_box h3{margin-top:0;font-size:28px;margin-bottom:15px;} .RightPromoCode{position:relative;padding-left: 80px;} .RightPromoCode label{position: absolute;left: 0;} .RightPromoCode input{width: 100% !important;margin-left: 0 !important;border: 1px solid #bbb;background: none;box-shadow: 0 0 0 #fff;height: 27px !important;padding: 0px 10px;} .BasketBorder_box p{white-space: normal !important;font-size: inherit;margin-bottom: 20px;} .BasketBorder_box button{font-weight:700;} .BasketItemDetails{margin-bottom:20px;} .BasketItemDetails:after{content:"";display:block;clear:both;} .BasketItemDetails_img{float:left;width:40%; background-size:cover;background-position:center; position:relative;} .BasketItemDetails_img img{width:100%;} .BasketItemDetails_img .BasketItem_img{position: absolute;left: 0;top: 0;height: 100%;opacity: 0;z-index: 1} .BasketItemDetails_info{float:left;width:60%;padding-left:20px;} .BasketItemDetails_info h2{margin-top:0;font-size: 24px;margin-bottom: 2px;font-weight: 700;text-transform: uppercase;} .BasketItemDetails_info .VenueName{margin-top:25px;} .TicketType_list{width:100%;} .TicketType_list table{width:100%;border: 0;} .TicketType_list table tr{} .TicketType_list table th,.TicketType_list table td{border: 0;border-bottom:1px solid #3b445d;padding: 8px 5px;background: none !important;font-size: 16px;} .TicketType_list table th{} .TicketType_list table td{font-weight:300;} .TicketType_list table td:first-child{} .TicketType_list table td:last-child{text-align:right;} .TicketType_list .Edit{padding-right:10px;border-right:1px solid #000;margin-right:10px;} .TicketType_list .removeLink{color:#000;text-decoration:underline;} .TicketType_list .removeLink:hover{text-decoration:none;color:#3b445d;} .TicketType_list a{color:#000;display:inline-block;line-height:16px;} .TicketType_list a:hover{color:#3b445d;text-decoration:underline;} .BasketRight{min-height:431px;} @media (min-width: 768px){.BasketRight{padding-top: 39px;}} .BasketSummaryBox{max-width:431px;z-index:2;} .BasketPromo_drop{background:none;border:0;width:100%;padding: 5px 0 10px;color: #000;text-align: left;font-weight: 500 !IMPORTANT;font-size: 16px;} .BasketPromo_drop:after{font-family:FontAwesome;content: "\f078";float: right;color: #3b445d;font-size: 18px;} .BasketPromoCodeBx label{font-size: 14px;font-weight: 500;} .BasketPromoCodeBx input{padding: 5px;height: 42px;border: 1px solid #3b445d;margin-bottom: 5px;} .BasketPromoCodeBx button{width: auto !important;} .BasketBoxItemsList{margin-left:-15px;margin-right:-15px; /*display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;*/} .BasketBoxItemsList h3,.BasketBoxItemsList1 h3{font-size:22px;text-transform:uppercase;} .BasketBoxItemsList1{margin-left:-15px;margin-right:-15px;} .BasketBoxItems_add{padding: 0 15px;/*width: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;*/} .BasketMembership{margin-top:15px;} .BasketMembership strong{font-size:20px;} .BasketBorder_box ol{padding-left:20px; list-style-type:disc;margin-bottom:10px;} .basketBtnDiv{padding-top:5px;} .basketBtnDiv span{display:inline-block;padding:0 5px;} .basketBtnDiv span a{text-decoration:underline;} .basketBtnDiv span a:hover{text-decoration:none;} .BasketBorder_box button.basketBtn{font-weight: 500;font-size: 15px;color: #fff;background: #cc0133;padding: 10px 15px;margin-right:10px;text-transform: uppercase;border:0;} .BasketBorder_box button.basketBtn:hover,.BasketBorder_box button.basketBtn:focus{text-decoration:none;color:#fff;background: #a9022b;} .DonateShowOutAmount{margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;overflow: hidden;} .DonateShowOutAmount span{font-weight: 700;float: left;padding-top: 10px;} .DonateShowOutAmount input{ width: 100px; float: left; height: 40px; margin-right: 10px;} .DonateShowOutAmount button{padding: 11px 20px !important;} .DonateShowOutAmount a{float:right;margin-top:10px;color:#000} .BasketBorder_box .AddItem_OrderBox{text-align:center;overflow: hidden;} .BasketBorder_box .AddItem_OrderBox img{} .BasketBorder_box .AddItem_Order{padding:15px 0;font-size:16px;font-weight:700;display: flex;align-items: center;} .BasketBorder_box .AddItem_Order span{display:inline-block;width: 30px;} .BasketBorder_box .AddItem_Order button.basketBtn{font-size:30px;max-height: 40px;line-height: 18px;background: #fff;border:0;padding: 10px;width: 46px;color: #cc0133;} .BasketBorder_box .AddItem_OrderBox .basketBtnDiv{} @media (max-width:760px){ /*.customBasket_page .container{width:auto;}*/ .BasketSummaryBox {position: static !important;max-width: none !important;} } @media (min-width:600px){ .BasketBorder_box .AddItem_OrderBox img{float:left;margin-right:15px;max-width: 125px;} .BasketBorder_box .AddItem_Order{float:left;} .BasketBorder_box .AddItem_OrderBox .basketBtnDiv{float:left;margin-left:20px;padding-top:14px;} } .BasketBookingList{margin: 0 0 10px;} .BasketBookingList li{border-bottom:1px solid #3b445d;padding:8px 0;overflow: hidden;margin: 0; font-size:15px;} .BasketBookingList li:last-child{border-bottom:0;} .BasketBookingList li span{} .BasketBookingList li span.AmountR{float:right;} .DonateAddBasket .DonateAddBasket_in{border-bottom:1px solid #bbb;padding:15px 0;position: relative;padding-right: 70px;min-height: 40px;} .DonateAddBasket .AddBasketBtn,.BasketSummaryBox button.AddBasketBtn{font-weight: 700;width:100%;color: #fff;background: #cc0133;padding: 10px 15px;border: 0;font-family: alternate-gothic-atf, sans-serif;} .DonateAddBasket .AddBasketBtn:hover,.BasketSummaryBox button.AddBasketBtn:hover, .DonateAddBasket .AddBasketBtn:focus,.BasketSummaryBox button.AddBasketBtn:focus{box-shadow:0 0 0 #fff;text-decoration:none;color:#fff;background: #a9022b;} .DonateAddBasket_in .AddBasketBtn{position: absolute;right: 0;top: 20px;width:auto;} .DonateAddBasket h3{margin:20px 0;} .DonateAddBasket h3 span{float:right;} .BasketBorder_box .AcceptCard{text-align:center;margin:10px 0;} .BasketBorder_box .AcceptCard img{display:inline-block;} .TotalPay_box_summary{} .TotalPay{font-size:26px;text-transform:uppercase;text-align:center;} .BasketSummaryBox button.AddBasketBtn{font-size:16px;margin-bottom:15px;} .ContinueBrowseBtn{} .ContinueBrowseBtn .BtnLink, .membership_basket_remove_link a{display:inline-block;padding: 5px 15px 10px;font-size: 18px;color:#000; border: 1px solid #000;background: none;width:100%;text-align:center;font-weight:700;font-family: alternate-gothic-atf, sans-serif;text-decoration:none;} .membership_basket_remove_link a{width:auto;margin-top:10px;} .ContinueBrowseBtn .BtnLink:hover,.membership_basket_remove_link a:hover{background:#cc0133;color:#fff;text-decoration:none;border-color:#cc0133;} .MerchandiseBasket{} .MerchandiseBasket h2{text-transform:uppercase;font-size:22px;margin-top: 0;margin-bottom:20px;} .MerchandiseBasket_Items{padding-left:140px;position:relative;font-size:16px;font-weight:300;} .MerchandiseBasket_Items img{position:absolute;left:0;top:0;width:120px;height:auto;} .MerchandiseBasket_Items h3{font-size:18px;font-family: museo-sans,sans-serif;font-weight: 700;margin-bottom:2px;text-transform:none;} .RoundDonationBox_InMobile{display:none;} .FoundDonationBox p{font-weight:300;} .FoundDonate_Items{margin: 0;list-style-type: none;padding: 0;} .FoundDonate_Items li{margin: 0 0 10px;display: flex;align-items: center;} .FoundDonate_Items span{padding-right: 10px;width: 30%;} .FoundDonateItems_field{display: flex;align-items: center;} .FoundField_input{background: #cc0133;padding: 5px;margin-right: 5px;} .FoundField_input b{color: #fff;} .FoundField_input input{width: 60px;border: 0;background: none;margin-right: 5px;height: 24px;} .FoundDonateItems_field button.basketBtn{padding:8px 12px;} .BecomeMember_Summary{background:#F0F0F0;padding:20px;margin:0 0 20px;;} .BecomeMember_InMobile{display:none;} .BecomeMember_Summary h3{font-size:25px;text-transform:uppercase;margin:0 0 15px;} .BecomeMember_Summary button.basketBtn, .BecomeMember_Summary a.basketBtn{font-weight: 500;font-size: 15px;color: #fff;background: #cc0133;padding: 10px 15px;margin-right:10px;text-transform: uppercase;} .BecomeMember_Summary button.basketBtn:hover, .BecomeMember_Summary button.basketBtn:focus, .BecomeMember_Summary a.basketBtn:hover, .BecomeMember_Summary a.basketBtn:focus{color:#fff;background: #a9022b;box-shadow:0 0 0 #fff;text-decoration:none;} .BecomeMember_Summary .basketBtnDiv{font-size:16px;} @media (max-width:760px){ .BasketTitle h1, .BasketRight_Title h2{text-align:center;} .BasketItemDetails_img{width:100%;margin-bottom:15px;} .BasketItemDetails_info{width:100%;padding-left:0;} .BasketBorder_box p{margin-bottom:0;} .TicketType_list table{margin:0;} .TicketType_list table td:last-child {text-align: center;} .TicketType_list .Edit{border:0;margin:0;padding:0;} .TicketType_list a{text-decoration:underline;} .MerchandiseBasket_Items{padding-left:130px;} .BasketBorder_box .MerchandiseBasket_Items .AddItem_OrderBox{overflow:unset} .MerchandiseBasket_Items .basketBtnDiv{margin-left:-130px;} .MerchandiseBasket_Items button.basketBtn{width:100%;} .FoundDonate_Items{margin-top:10px;} .FoundDonate_Items li{display:block;} .FoundDonate_Items span{width:auto;} .TotalPay{text-align:right;} .BecomeMember_Summary{display:none;} .BecomeMember_InMobile{display:block;} .RoundDonationBox_InDekstop{display:none;} .RoundDonationBox_InMobile{display:block;} } /**/