/*@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/
@import url('https://use.typekit.net/iqp8axq.css');
    *{
        box-sizing: border-box;
    }
    
    body{margin-left:0;margin-right:0;font-size: 16px;font-weight: 400;color: #000;font-family: Helvetica;
        line-height: 1.8em;}
     
    h1,h2,h3,h4,h5,h6{font-family: "neue-haas-grotesk-text",sans-serif;}   
    
    table {
        font-family: Helvetica, Sans-Serif;
        border-collapse: collapse;
        font-size: 15px;
        border: 1px solid #dedede;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
        box-sizing: border-box
    }
    
    table td,
    table th {
        margin: 0;
        padding: 9px;
        font-size: 14px
    }
    
    table td {
        border-top: 1px solid #f3f3f3
    }
    
    table tr:nth-child(2n)>td {
        background: #f9f9f9
    }
    
    table tr:nth-child(odd)>td {
        background: #fff
    }
    
    table th {
        background-color: #efefef;
        font-size: 14px;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    dl {
        font-size: 15px;
        border: 1px solid #dedede;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
        margin-top: 18px;
        margin-bottom: 36px
    }
    
    dl,
    dl dd,
    dl dt {
        position: relative
    }
    
    dl dd,
    dl dt {
        margin: 0;
        padding: 9px;
        font-size: 16px
    }
    
    dl dt {
        border-top: 1px solid #f3f3f3
    }
    
    dl dt:nth-child(4n+1) {
        background: #f9f9f9
    }
    
    dl dd {
        padding-top: 0;
        padding-bottom: 6px
    }
    
    dl dd:nth-child(4n+2) {
        background: #f9f9f9
    }
    
    dl dt.Header {
        background-color: #efefef;
        color: #000;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase
    }
    
    dl dd.Header {
        border: 0
    }
    
    dl dt.Footer {
        width: 200px;
        position: absolute;
        right: -1px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
        background: #444;
        border: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .3px
    }
    
    @media (max-width:570px) {
        dl dt.Footer {
            box-sizing: border-box;
            width: 100%;
            box-shadow: none;
            position: static;
            margin: 0 auto!important;
            text-align: center;
            font-size: 18px;
            font-weight: 700
        }
    }
    
    dl dd.Footer {
        width: 200px;
        position: absolute;
        right: -1px;
        bottom: -39px;
        background: #444;
        color: #fff;
        border: none
    }
    
    @media (max-width:570px) {
        dl dd.Footer {
            box-sizing: border-box;
            width: 100%;
            position: static;
            padding: 9px 0!important;
            margin: 0 auto!important
        }
        dl dd.Footer .Breakdown {
            padding: 0!important;
            border: none!important
        }
        dl dd.Footer .Breakdown li {
            position: static!important;
            float: right!important;
            width: 50%!important;
            font-size: 15px!important
        }
    }
    
    
    h1 span{}
    h2 span{}
    h2{
        font-size: 24px;
        font-size: 1.3rem;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    
    
    input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="number"], input[type="tel"]
    {
        border: 1px solid #000;
        box-shadow:none;
        min-height: 40px;
        height:30px;
        font-size:15px;
        padding:0 10px;
        overflow:hidden;
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none;
        width:100%;
        display:block;
        box-sizing:border-box;
        margin-bottom: 5px;
    }
    select {
        border: 1px solid #000;
        box-shadow:none;
        min-height: 40px;
        height:30px;
        font-size: 14px;
        padding: 0 10px;
        overflow:hidden;
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.383.818c-.44.44-.44 1.151 0 1.59l4.773 4.774a1.125 1.125 0 1 0 1.59-1.591L1.975.818a1.125 1.125 0 0 0-1.591 0Z' fill='%23000'/%3E%3Cpath d='M11.617.818a1.125 1.125 0 0 0-1.591 0L5.253 5.59a1.125 1.125 0 1 0 1.591 1.59l4.773-4.772c.44-.44.44-1.152 0-1.591Z' fill='%23000'/%3E%3C/svg%3E");
        background-position: right 12px top 50%;background-repeat: no-repeat;background-size: .6875em auto;
        width:100%;
        display:block;
        box-sizing:border-box;
        margin-bottom: 5px;
        border-radius: 0;
    }
    textarea{
       border:1px solid #000;
        box-shadow:none;
        min-height:50px;
        font-size:14px;
        padding:0 20px;
        overflow:hidden;
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none; 
        width:100%;
        display:block;
        box-sizing:border-box; 
        margin-bottom: 5px;
    }
    .SpektrixFooter {
        display: none;
    }
    /*.custom_iframes{
        max-width:1920px;
        margin:0 auto;
        width: 80%;
    }*/
    #aspnetForm{padding-bottom: 1px;
        max-width:1320px;
        margin:0 auto;
        width:100%;
    }
    
    h1{color: #000;font-size:32px;line-height: 1;}
    
    h3{
     
    }
    .PlanControls.ignorefordeselect {background: #000;width: auto;padding: 8px 10px;}
    a{
        text-decoration: underline;
        color:#000;
    }
    a:hover,a:focus{color:#000;}
    .Button{
        background:none;
        color:#000;
        padding: 2px 18px 0;
        min-width: 100px;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-align: center;
        font-size: 16px;
        font-size: 1.06667rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;
        cursor: pointer;
        border: 1px solid #000;
        margin: 0;
        line-height: 2.3;
        padding: 1px .75em 0;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }
    .Button:hover,.Button:focus{background:#F2C14E;border-color:#F2C14E;color: #000;text-decoration: none;}
    .Button.Continue,#ctl00_ContentPlaceHolder_ContinueToBasketButton{background:#F2C14E;border-color:#F2C14E;color: #000;}
    .Button.Continue:hover,.Button.Continue:focus,
    #ctl00_ContentPlaceHolder_ContinueToBasketButton:hover{background:#3D667B;border-color:#3D667B;color:#fff;}
    .BestAvailableLink a {
        color:black;
    }
    
    .AddGiftVoucher .Button{background:#F2C14E;border-color:#F2C14E;color: #000;}
    
    .Container {position:relative;}
    .Container .right{position:absolute;top:0;right:0;}
    .Container .left{display:block;}
    .Container.DateOfBirth select {width:25%;display:inline-block;}
    .Container.DateOfBirth input{display:inline-block;width: 80px !important;}
    .NewAccount .Progress ol{margin: 0 -8px;display: flex;flex-wrap: wrap;}
    .NewAccount .Progress li {display:inline-block;width: 25%;padding: 0 8px;}
    .Container.Postcode .Input_Text {display:inline-block;width:70%;}
    .Container.Postcode .Button{display:inline-block;width:29%;}
    
    .SpektrixPage .Container {position:relative;padding-bottom:10px;}
    .SpektrixPage .Container .right {position:absolute;top:0;right:0;color:#aaa;}
    /* Login Page */
    .LoginHeading span,.FundHeading span{color: #000;}
    .LoginForm .Container{padding-bottom: 15px;}
    .LoginForm .Input_Text {border: 1px solid #000;box-shadow:none;min-height: 40px;height:30px;font-size:12px;padding:0 20px;overflow:hidden;-moz-appearance:none;-webkit-appearance:none;appearance:none;width: 335px;display:block;box-sizing:border-box;}
    .LoginLogout, .Donations {margin:0 auto;}
    .LoginLogout .OptionalMessage h2{font-size:16px;font-weight:normal;text-transform: none;}
    .LoginForm {padding-top:20px;}
    
    .LoginForm .left {display: inline-block;float: left;width: 150px;font-weight: 600;font-size: 20px;text-align: right;margin-right: 15px;}
    .LoginForm .Container .right {position:absolute;top: 22px;width: 150px;text-align: right;left: 0;color: #000;font-size: 14px;}
@media (max-width: 600px) {
.LoginForm .left{text-align:left;}	
.LoginForm .Container .right{top: 0px;left:auto;}
.LoginForm .Input_Text{width:100%;}	
}	
    .LoginLogout .ExtraDiv1:after{content:"";/*content:"If you don't receive the link within minutes, then please check your spam folder!";margin-top: -20px;
        display: block;font-size: 12px;*/}
    .Button.Login{margin-left: 165px;background: #F2C14E;color: #000;border-color: #F2C14E;min-width: 150px;margin-bottom: 20px;}
    .Button.Login:hover,.Button.Login:focus{background:#3D667B;border-color:#3D667B;color: #fff;}
    .LoginLogout .Account_Link{position: relative;min-height: 40px;width: 165px;line-height: normal;display: flex;align-items: center;}
    .LoginLogout .Account_Link a{position: absolute;left: 100%;margin-left: 0;white-space: nowrap;line-height: 24px;}
    .Account_Link .Link{font-weight: 500;text-decoration: none;display: inline-block;margin-left: 10px;border: 1px solid #000;padding: 5px 15px;text-transform: uppercase;}
    .Account_Link .Link:hover{background:#F2C14E;border-color:#F2C14E;color:#000;text-decoration:none;}
    
    .NewAccount .View{max-width:640px;}
    .NewAccount .Container label.left,.ForgotPassword .Container label.left{font-weight:700;}
    .NewAccount .NextButton,.ResetPasswordButton,.ResetTokenButton,.MyAccount .Button{background: #F2C14E;color: #000;min-width: 150px;border-color:#F2C14E;}
    .NewAccount .NextButton:hover,.NewAccount .NextButton:focus
    .ResetPasswordButton:hover,.ResetTokenButton:hover,
    .MyAccount .Button:hover{background:#3D667B;border-color:#3D667B;color:#fff;}
    
    /* Donation */
    .DonationAmount .MoneyTextBox{border:2px solid #ededed;box-shadow:none;min-height:35px;height:30px;font-size:12px;padding:0 20px;overflow:hidden;-moz-appearance:none;-webkit-appearance:none;appearance:none; box-sizing:border-box;}
    .DonationAmount {padding:20px 0;}
    .DonationAmount .MoneyTextBox{
        display: inline-block;
        width: 100px;
    }
    
    .spx-header-container,
    .spx-main-container {max-width:640px;}
    
    
    
    /* ChooseSeats Page*/
    .DropDownCalendar .DropDownSection{right: -34px;}
    .DropDownCalendar .DropDownSection .TitleArea {width: 100%;}
    .DropDownCalendar .DropDownSection .PrevArrow,.DropDownCalendar .DropDownSection .NextArrow{width:25px;}
    @media (min-width: 600px){
    .ChooseSeats {margin-bottom:40px;position:relative;min-height:550px;}
    }
    .ChooseSeats .UpdateButton{float:right;}
    .ChooseSeats .AddditionalsContainer {float:left;}
    .ChooseSeats .EventDetails {font-weight:bold;font-size: 25px;font-family: "neue-haas-grotesk-text",sans-serif;}
    .ChooseSeats .TicketType{clear:both;display:block;}
    .InstanceCalendar{background-color: #fff;border: 1px solid #000;padding: 10px 40px 10px 5px;}
    .InstanceCalendar .CurrentDate{font-weight:bold;}
    
    .ChooseSeats .TransactionCommissionNote{width: auto;float: left;}
    .ChooseSeats .SeatingArea {display: inline-block;width: 100%}
    
    .ChooseSeats .SeatingArea>div {box-sizing: content-box;
        margin: 0 auto
    }
    .SeatingSelector .SeatingAreaControlParent{border: 1px solid #000;padding: 15px;padding-bottom: 50px;}
    @media (min-width: 600px){
.SeatingSelector .SeatingAreaControlParent{width: 68%;float: left;margin-bottom:35px;}
    }
    @media (max-width: 600px){
.SeatingSelector .SeatingAreaControlParent{margin-bottom:10px;padding-bottom:0;}
    }
    .ChooseSeats .SeatingArea .Container {
        max-width: 600px;
        margin: 9px 0;
        position: relative;
        text-align: left
    }
    
    .ChooseSeats .SeatingArea .Container .Price,
    .ChooseSeats .SeatingArea .Container label.left {
        /*width: 33.333%;*/
        float: left;
        color: #121212;
        padding: 11px 0;
        text-align: left;
    }
    
    .ChooseSeats .SeatingArea .Container label.left {
        margin: 0
    }
    
    @media (max-width:570px) {
        .ChooseSeats .SeatingArea .Container label.left {
            width: 100%;
            padding: 20px 0 0 20px;
            text-align: left;
            font-weight: 700
        }
    }
    
    .ChooseSeats .SeatingArea .Container label.right {
        color: #FFC145;
        font-size: 11px;
        text-align: left;
        position: absolute;
        top: 15px;
        right: 4.5px
    }
    
    @media (max-width:570px) {
        .ChooseSeats .SeatingArea .Container label.right {
            text-align: left
        }
    }
    
    .ChooseSeats .SeatingArea .Container input {
        /*width: 33.333%;*/
        /*float: left;*/
        padding-right: 80px
    }
    
    
    
    @media (max-width:570px) {
        .ChooseSeats .SeatingArea .Container input.Input_Text {
            margin-left: 20px;
            width: 94%;
        }
    }
    
    .ChooseSeats .SeatingArea .Container input[type=submit] {
        max-width: 120px;
        margin: 9px 0;
        float: right
    }
    
    .ChooseSeats .SeatingAreaHeading {font-size:18px;font-weight: 600;margin-top: 15px;position: relative;width:280px;}
    .ChooseSeats .SeatingAreaHeading span{margin-bottom: 10px;display: inline-block;}
    /*.ChooseSeats .SeatingAreaHeading:before{content:"";background: url(https://tickets.theatresevern.co.uk/theatresevern/website/Images/calendar-arrow-right.gif);
     position: absolute;right: 10px;bottom:5px;width: 20px;height: 20px;rotate: 90deg;background-repeat: no-repeat;background-size: 9px;}*/
    .SeatingAreaHeading select {border: 1px solid #000;min-height: 40px;font-size: 18px;font-weight:700;-webkit-appearance: none;background:none;position: relative;
background-image: url(calendar-arrow-right.png);background-repeat: no-repeat;background-position: center right;background-size: 20px;min-width: 270px;}    
    @media (max-width:570px) {
        .ChooseSeats .SeatingAreaHeading {
            /*margin: 0 auto;*/
            display: block;
            text-align: center
        }
    }
    
    * html .ChooseSeats .SeatingArea {
        display: inline
    }
    
    .ChooseSeats .PlanControls {
        padding-left: 9px
    }
    .ChooseSeats .Buttons{margin-bottom:10px;}
    .ChooseSeats .Savings{padding-bottom:40px;}
    @media (min-width: 600px) {
    .ChooseSeats .Buttons {min-height: 42px;position: absolute;bottom:60px;left:25px;display: block;clear: both;margin-bottom:0;}
    }
    .ChooseSeats .Savings+.Buttons{left:0;}
    .ChooseSeats .RefreshButton{margin-right:10px;}
    
    .ChooseSeats .Buttons .UpdateButton {float: right;background: #F2C14E;border-color: #F2C14E;color: #000;}
    .ChooseSeats .Buttons .UpdateButton:hover{background:#3D667B;border-color:#3D667B;color: #fff;}
     .ChooseSeats .PricesContainer{border: 1px solid #000;padding: 0 15px}
     .ChooseSeats .PricesHeading {background: #2E6F95;color: #fff;margin:-1px -16px;z-index: 11;display: block;font-weight: 500;
padding: 9px 15px;text-align: left;font-size: 18px;}
@media (min-width: 600px) {
    .ChooseSeats .PricesContainer{float: right;width: 28%;}
}
    .ChooseSeats .PriceListTable {width: 100%;border: 0; box-shadow: none;margin-bottom: 35px;}
    .ChooseSeats .PriceListTable thead{display:none;}
    .ChooseSeats .PriceListTable td * {
        vertical-align: middle
    }
    table.PriceListTable tr:nth-child(2n)>td {background: none;}
     .ChooseSeats .PriceListTable td{border-top-color:#000;padding: 9px 0;}
    
    .ChooseSeats .PriceListTable .UnavailableLegend td:first-child span {
        margin-left: 6px
    }
    
    .ChooseSeats .PriceListTable td img {
        position: relative;
        top: -2px;
        margin-right: 6px
    }
    
    .ChooseSeats .PriceListTable .TicketType {text-align: right;
        width: 90px;
        display:table-cell;
        clear:none;
    }
    
    .ChooseSeats .PriceListTable .PriceBand {
        width: 150px
    }
.ChooseSeats .PriorityBookingWikiText{clear:both;}
@media (min-width: 600px) {
    .ChooseSeats .PromoCode {position:absolute;bottom:-80px;left:0;width:100%;}
}   
    .ChooseSeats .PromoCode {
        background: #e7e7e7;
        padding: 10px;
        color: #888;
        margin: 10px auto 0;
        border-radius: 4px;
        font-size: 14px;
        text-align: center
    }
    
    @media (max-width:570px) {
        .ChooseSeats .PromoCode {
            margin: 10px auto 0;
        }
    }
    
    h1.EditTicketsHeading{font-size:25px;}
    h2.EditTicketsHeading{font-size:16px;}
    #ctl00_ContentPlaceHolder_ChangeMySeatsLink{border: 1px solid #000;display: inline-block;font-weight: 500;padding: 4px 10px;text-decoration:none;}
    #ctl00_ContentPlaceHolder_ChangeMySeatsLink:hover{background:#F2C14E;border-color:#F2C14E;color: #fff;text-decoration: none;color:#000;}
    .Details table{width:100%;max-width: 700px;background: none;border: 0;border-bottom: 1px solid #000;box-shadow: none;}
    .Details table tr{}
    .Details table th{background: #DBDBDB;font-size: 16px;display: none;}
    .Details table td{background: #fff !important;border-color: #000;font-weight: 600;font-size: 16px;padding: 9px 0;}
    .Details .Type select{border: 1px solid #000;background:none;font-weight: 700;-webkit-appearance: none;font-size: 16px;
                          background-image: url(calendar-arrow-right.png);background-repeat: no-repeat;background-position: center right;
                          background-size: 20px;margin: 0;}
    #ctl00_ContentPlaceHolder_EventsRepeater_ctl00_EventWikiTextViewer h2{font-weight:400;text-transform:none;font-size:16px;line-height: 24px;}
    .Event_Text a{text-decoration: underline;font-weight: 700;}
    .Event_Text a:hover{text-decoration: none;}
    #SimpleSeatingDiv .TicketType{padding-bottom:25px;}
    .Event_Dates.Event_Detail{font-weight:700;font-size:20px;}
    #ctl00_ContentPlaceHolder_EventsRepeater_ctl00_TicketTypesRepeater_ctl01_TicketNumber{display: inline-block;width: 40px;border: 1px solid #000;
min-height: 42px;font-weight: 700;font-size: 16px;padding: 5px;text-align: center;border-radius: 0;}
    #ctl00_ContentPlaceHolder_EventsRepeater_ctl00_TicketTypesRepeater_ctl01_AddTicketsButton{display: block;min-width: 220px;margin-top: 13px;}
    
    /* check Out */
    
    .MoneyTextBox {display:inline;width:30%;}
    .Checkout .Progress li {display:inline-block;width:24%}
    .Progress ol{margin:0;padding:0;}
    
    .Basket2 .Buttons a{
        background-color: #FFC145;
        color: #000;
        padding: 2px 18px 0;
        min-width: 100px;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-align: center;
        font-size: 16px;
        font-size: 1.06667rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius:0;
        cursor: pointer;
        border: none;
        margin: 0;
        line-height: 2.3;
        padding: 1px .75em 0;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        text-decoration: none;
    }
    .Basket2 .Buttons a:hover,.Basket2 .Buttons a:focus{background:#B3272D;color: #fff;text-decoration: none;}
    
    
    
    
    .Basket2 {
        position: relative;
        padding-bottom: 53px;
        margin-bottom: 20px
    }
    
    .Basket2 .Items{
        position: relative;
    }
    .Basket2 .Items .AddAnotherGiftVoucher {
        position: absolute;
        bottom: 7px;
        right: 220px
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .AddAnotherGiftVoucher {
            position: static;
            margin: 0 10px 10px
        }
    }
    
    .Basket2 .Items .GiftVoucher .Buttons,
    .Basket2 .Items .GiftVoucher .ViewDetails {
        top: auto;
        bottom: 7px
    }
    
    .Basket2 div.Items {
        margin: 36px auto;
        font-size: 20px;
        text-align: center
    }
    
    .Basket2 .Items p {
        margin: 0 0 4.5px
    }
    
    .Basket2 .Items a {
        font-size: 75%
    }
    
    .Basket2 .Items .Breakdown li {
        position: absolute;
        top: -30px;
        color: #000;
        display: block;
        width: 65px;
        text-align: right
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .Breakdown li {
            position: static
        }
    }
    
    .Basket2 .Items .Breakdown li.To {
        width: auto;
        text-align: left;
        top: auto;
        color: #888;
        margin-bottom: 10px;
        position: static
    }
    
    .Basket2 .Items .Breakdown li.To .ToDate,
    .Basket2 .Items .Breakdown li.To .ToEmail {
        display: block
    }
    
    .Basket2 .Items .Saving {
        right: 106px;
        font-weight: 700;
        color: #f66!important
    }
    
    .Basket2 .Items .Total {
        right: 18px;
        font-weight: 700
    }
    
    .Basket2 .Items .Quantity {
        right: 210px
    }
    
    .Basket2 .Items .Commission {
        right: 110px;
        display:none !important;
    }
    
    .Basket2 .Items .Label {
        display: none
    }
    
    .Basket2 .Items dd ul.Breakdown {
        padding: 0;
        list-style-type: none
    }
    
    @media (max-width:570px) {
        .Basket2 .Items dd ul.Breakdown {
            position: relative;
            min-height: 20px;
            border-top: 1px solid #e7e7e7;
            border-bottom: 1px solid #e7e7e7;
            padding: 10px 0
        }
    }
    
    .Basket2 .Items .ViewDetails {
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
        position: absolute;
        top: 3px;
        right: 164px;
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .ViewDetails {
            right: auto;
            left: 18px;
            top: auto;
            bottom: 9px
        }
    }
    
    .Basket2 .Items .ViewDetails a {
        display: inline-block;
        font-size: 12px;
        border-radius:0;
        height: 10px;
        line-height: 1;
        padding: 7px 10px;
        background: #efefef;
        color:#242424;
        width: 92px;
        box-sizing: content-box;
        text-decoration: none;
        text-align: center
    }
    
    .Basket2 .Items .ViewDetails a:hover {
        background: #2b2b2b;color: #fff;
    }
    
    .Basket2 .Items .Buttons {
        position: absolute;
        top: 0;
        right: 16px;
        margin: 0;
        padding: 0;
        width: auto;
        bottom: auto
    }
    
    .Basket2 .Items .Buttons input {
        padding: 7px 12px;
        line-height: 1;
        display: inline-block;
        height: 10px;
        width: 45px;
        box-sizing: content-box;
        min-width: 45px;
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .Buttons {
            top: auto;
            bottom: 9px
        }
    }
    
    .Basket2 .Items .BestAvailableLink a,
    .Basket2 .Items .Button,
    .Basket2 .Items .Checkout .Attribute.PaymentView .Buttons input,
    .Basket2 .Items .Checkout .View.PaymentView .Buttons input,
    .Basket2 .Items .EditTickets [id*=ChangeMySeatsLink],
    .Basket2 .Items .NewAccount .View .Container input[type=submit],
    .Basket2 .Items .SelectSeatsLink a,
    .BestAvailableLink .Basket2 .Items a,
    .Checkout .Attribute.PaymentView .Buttons .Basket2 .Items input,
    .Checkout .View.PaymentView .Buttons .Basket2 .Items input,
    .EditTickets .Basket2 .Items [id*=ChangeMySeatsLink],
    .NewAccount .View .Container .Basket2 .Items input[type=submit],
    .SelectSeatsLink .Basket2 .Items a {color:#242424;
        font-size: 12px;
        padding: 7px 12px;
        line-height: 1;
        background: #efefef
    }
    
    .Basket2 .Items .BestAvailableLink a:hover,
    .Basket2 .Items .Button:hover,
    .Basket2 .Items .Checkout .Attribute.PaymentView .Buttons input:hover,
    .Basket2 .Items .Checkout .View.PaymentView .Buttons input:hover,
    .Basket2 .Items .EditTickets [id*=ChangeMySeatsLink]:hover,
    .Basket2 .Items .NewAccount .View .Container input[type=submit]:hover,
    .Basket2 .Items .SelectSeatsLink a:hover,
    .BestAvailableLink .Basket2 .Items a:hover,
    .Checkout .Attribute.PaymentView .Buttons .Basket2 .Items input:hover,
    .Checkout .View.PaymentView .Buttons .Basket2 .Items input:hover,
    .EditTickets .Basket2 .Items [id*=ChangeMySeatsLink]:hover,
    .NewAccount .View .Container .Basket2 .Items input[type=submit]:hover,
    .SelectSeatsLink .Basket2 .Items a:hover {
        background: #2b2b2b;
        color: #fff;
    }
    
    .Basket2 .Items .Promo {
        background-color: #e7e7e7;
        color: #888
    }
    
    .Basket2 .Items .Promo a {
        font-size: inherit
    }
    
    .Basket2 .Items dd.Promo {
        padding-left: 8px;
        padding-top: 0;
        border: none
    }
    
    .Basket2 .Items .Promo ul {
        padding-left: 5px
    }
    
    .Basket2 .Items .PromoItems li a {
        opacity: 1!important
    }
    
    .Basket2 .Items .PromoItems li .AddButton {
        bottom: 0;
        position: relative;
        right: 0;
        text-align: right;
        float: right
    }
    
    .Basket2 .Items dd.Footer,
    .Basket2 .Items dd.Header {
        padding: 0;
        margin: 0;
        min-height: 0
    }
    
    .Basket2 .Items dd.Footer li {
        color: #fff
    }
    .Total.GrandTotal span{
        color: #ffffff !important;
    }
    .Basket2 .Items dd {
        min-height: 18px;
        _height: 18px
    }
    
    @media (max-width:570px) {
        .Basket2 .Items dd {
            text-align: center;
            padding-bottom: 50px
        }
    }
    
    .Basket2 .Items .Header {
        text-transform: uppercase;
        font-weight: 700!important
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .Header {
            display: none
        }
    }
    
    .Basket2 .Items .Header * {
        font-weight: 700!important
    }
    
    .Basket2 .Items .Header .Breakdown li {
        top: -31px
    }
    
    @media (max-width:570px) {
        .Basket2 .Items .Breakdown li {
            width: 33.333%;
            float: left;
            text-align: center;
            font-size: 12px
        }
        .Basket2 .Items .Breakdown li.Quantity:before {
            display: inline;
            content: "Quantity: "
        }
        .Basket2 .Items .Breakdown li.Saving:before {
            display: inline;
            content: "Savings: "
        }
        .Basket2 .Items .Breakdown li.Total {
            position: absolute;
            top: 10px;
            right: 0
        }
        .Basket2 .Items .Breakdown li.Total:before {
            display: inline;
            content: "Total: "
        }
    }
    
    .Basket2 ul {
        margin: 0
    }
    
    .Basket2 .Items dd.Total,
    .Items dd.Fee {
        padding: 0
    }
    
    @media (max-width:570px) {
        .Basket2 .Items dd.Fee {
            padding: 9px
        }
        .Basket2 .Items dd.Fee .Breakdown {
            border: none!important;
            position: absolute;
            right: 18px;
            top: -40px
        }
    }
    
    .Basket2 .Items dt.Item {
        font-size: 18px
    }
    
    @media (max-width:570px) {
        .Basket2 .Items dt.Item {
            text-align: center;
            font-weight: 700;
            padding-top: 25px
        }
    }
    
    @media (max-width:570px) {
        .Basket2 .Items dd.Item {
            text-align: center;
            padding-bottom: 50px
        }
    }
    
    .Basket2 .Items dd.Item.Merchandise {
        padding-bottom: 40px
    }
    
    .Basket2 .Items dd.Item.Merchandise .Buttons {
        bottom: 30px
    }
    
    .Basket2 .Details {
        color: gray;
        font-size: 12px
    }
    
    @media (max-width:570px) {
        .Basket2 .Details {
            text-align: center
        }
    }
    
    .Basket2 .Details table td,
    .Details table th {
        padding-right: 10px;
        text-align: left
    }
    
    
    
    .Basket2 .Buttons {
        position: absolute;
        bottom: 0;
        width: 100%
    }
    
    @media (max-width:570px) {
        .Basket2 .Buttons a {
            font-size: 14px;
            padding: 9px
        }
    }
    
    .Basket2 .CheckoutLink {
        float: right
    }
    
    .Basket2 .OptionalMessage {
        text-align: center
    }
    
    
    /* Progress */
    
     .Progress {
    padding-top: 15px;
    }
    
    .Progress ul {
        z-index: 9
    }
    
    .Progress li {
        padding: 0;
        margin: 0
    }
    
    .Progress li:last-child .NotDone:after,
    .Progress li:last-child>span:after,
    .Progress li:last-child a>span:after {
        display: none!important
    }
    
    .Progress li:first-child:last-child {
        width: 100%
    }
    
    .Progress li:first-child:nth-last-child(2),
    .Progress li:first-child:nth-last-child(2)~li {
        width: 50%
    }
    
    .Progress li:first-child:nth-last-child(3),
    .Progress li:first-child:nth-last-child(3)~li {
        width: 33%
    }
    
    .Progress li:first-child:nth-last-child(4),
    .Progress li:first-child:nth-last-child(4)~li {
        /* width: 25%; */
    }
    
    .Progress li:first-child,
    .Progress li:first-child a,
    .Progress li:first-child span,
    .Progress li:first-child span:after,
    .Progress li:first-child span:before {
        z-index: 8
    }
    
    .Progress li:nth-child(2),
    .Progress li:nth-child(2) a,
    .Progress li:nth-child(2) span,
    .Progress li:nth-child(2) span:after,
    .Progress li:nth-child(2) span:before {
        z-index: 7
    }
    
    .Progress li:nth-child(3),
    .Progress li:nth-child(3) a,
    .Progress li:nth-child(3) span,
    .Progress li:nth-child(3) span:after,
    .Progress li:nth-child(3) span:before {
        z-index: 6
    }
    
    .Progress li:nth-child(4),
    .Progress li:nth-child(4) a,
    .Progress li:nth-child(4) span,
    .Progress li:nth-child(4) span:after,
    .Progress li:nth-child(4) span:before {
        z-index: 5
    }
    
    .Progress li:nth-child(5),
    .Progress li:nth-child(5) a,
    .Progress li:nth-child(5) span,
    .Progress li:nth-child(5) span:after,
    .Progress li:nth-child(5) span:before {
        z-index: 4
    }
    
    .Progress li:nth-child(6),
    .Progress li:nth-child(6) a,
    .Progress li:nth-child(6) span,
    .Progress li:nth-child(6) span:after,
    .Progress li:nth-child(6) span:before {
        z-index: 3
    }
    
    @media (max-width:570px) {
        .Progress li {
            float: none;
            width: 100%!important
        }
    }
    
    .Progress li a:hover>span {
        background: #adb425!important
    }
    
    .Progress li a:hover>span:after {
        border-left-color: #adb425!important
    }
    
    .Progress li .NotDone,
    .Progress li>span,
    .Progress li a>span {
        padding: 6px 15px;
        margin: 0 0 18px;
        background: none;
        text-align: center;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        position: relative;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        border: 1px solid #000;
    }
    .Progress li>span b{font-weight:inherit;}

    .Progress li .NotDone:after,
    .Progress li .NotDone:before,
    .Progress li>span:after,
    .Progress li>span:before,
    .Progress li>a>span:after,
    .Progress li>a>span:before {
        display: block;
        content: "";
        height: 0;
        width: 0;
        border-left-width: 14px;
        position: absolute;
        border: 24px solid transparent;
        opacity: 0;
    }
    
    .Progress li .NotDone:before,
    .Progress li span:before,
    .Progress li>a>span:before {
        left: 0;
        top: 0px;
        border-width: 23px;
        border-left-width: 20px;
        border-left-color: #ffffff;
    }
    
    @media (max-width:570px) {
        .Progress li .NotDone:before,
        .Progress li span:before,
        .Progress li a>span:before {
            display: none
        }
    }
    
    .Progress li .NotDone:after,
    .Progress li>span:after,
    .Progress li a>span:after {
        top: 0;
        right: -39px;
        border-left-color: #f9f9f9;
    }
    
    @media (max-width:570px) {
        .Progress li .NotDone:after,
        .Progress li>span:after,
        .Progress li a>span:after {
            display: none
        }
    }
    
    @media (min-width:571px) and (max-width:840px) {
        .Progress li .NotDone,
        .Progress li>span,
        .Progress li a>span {
            margin: 0 0 18px;
            padding: 13px 5px 14px 8px!important
        }
    }
    
    @media (max-width:570px) {
        .Progress li .NotDone,
        .Progress li>span,
        .Progress li a>span {
            margin: 0 0 -1px;
        }
    }
    
    .Progress li .NotDone span,
    .Progress li>span span,
    .Progress li a>span span {
        margin: 0;
        padding: 0
    }
    
    .Progress li .Current {
        color: #000;
        background: #F2C14E;
        border-color: #F2C14E;
        margin-right: 0px;
    }
    
    .Progress li .Current:after {
        border-left-color: #FFC145
    }
    
    .Progress li .Done {
        color: #fff;
        background: #000;
        margin-right: 0
    }
    
    .Progress li .Done:after {
        top: 0;
        border-left-color: #cfd639
    }
    
    .Progress li:first-child>span:before,
    .Progress li:first-child a>span:before {
        display: none;
        padding-left: 18px
    }
    
    .Progress+h2 {
        display: none
    }
    
    
    
    .Checkout .Attribute.BillingView .AddressList li, .Checkout .Attribute.DeliveryView .AddressList li, .Checkout .View.BillingView .AddressList li, .Checkout .View.DeliveryView .AddressList li {
        background: #f6f6f6;
        border: 1px solid #d7d7d7;
        display: inline-block;
        list-style: none;
        margin-bottom: 4.5px;
        min-height: 210px;
        padding: 18px 18px 18px 45px;
        position: relative;
        width: 32%;
        box-sizing: border-box;
        vertical-align: top;
        text-align: left;
    }
    .Checkout .View.BillingView .AddressList li .Button{
          font-size: 12px;
        background: #b4b4b4;
        color: #fff;
        padding: 1px 0px;
        position: absolute;
        top: 18px;
        right: 18px;
        margin: 0;
        width: 40px;
        min-width: 40px;
    }
    
    
    .BestAvailableLink .Checkout>.Buttons a, .Checkout>.Buttons .Attribute.PaymentView .Buttons input, .Checkout>.Buttons .BestAvailableLink a, .Checkout>.Buttons .Button, .Checkout>.Buttons .EditTickets [id*=ChangeMySeatsLink], .Checkout>.Buttons .NewAccount .View .Container input[type=submit], .Checkout>.Buttons .SelectSeatsLink a, .Checkout>.Buttons .View.PaymentView .Buttons input, .EditTickets .Checkout>.Buttons [id*=ChangeMySeatsLink], .NewAccount .View .Container .Checkout>.Buttons input[type=submit], .SelectSeatsLink .Checkout>.Buttons a {
        float: right;
    }
    
    .Checkout .Attribute, .Checkout .View {
        border: 1px solid #d7d7d7;
        padding: 18px;
        clear: both;
        border-bottom: 0;
        margin-bottom: 0;
        position: relative;
        z-index: 10;
    }
    
    .Checkout>.Buttons {
        border: 1px solid #d7d7d7;
        padding: 0 18px 60px;
        clear: both;
        border-top: 0;
        margin-bottom: 18px;
    }
    
    
    
    
    
    /* Check Out SummaryView */
    
    .Checkout .Attribute.SummaryView h3,
    .Checkout .View.SummaryView h3 {
        font-weight: 700;
        padding-bottom: 9px;
        border-bottom: 1px solid #d7d7d7;
        margin: 18px 0;
        font-size: 18px;
        margin-bottom: 18px
    }
    
    .Checkout .Attribute.SummaryView .Buttons,
    .Checkout .View.SummaryView .Buttons {
        position: absolute;
        top: 52px;
        right: 0
    }
    
    @media (max-width:570px) {
        .Checkout .Attribute.SummaryView .Buttons,
        .Checkout .View.SummaryView .Buttons {
            position: static
        }
    }
    
    .Checkout .Attribute.SummaryView .SummarySection,
    .Checkout .View.SummaryView .SummarySection {
        position: relative;
        margin-bottom: 36px
    }
    
    .Checkout .Attribute.SummaryView .SummarySection+.Buttons,
    .Checkout .View.SummaryView .SummarySection+.Buttons {
        top: 80px;
        right: 18px
    }
    
    .Checkout .Attribute.SummaryView .SummarySection .EventList,
    .Checkout .Attribute.SummaryView .SummarySection .Info,
    .Checkout .View.SummaryView .SummarySection .EventList,
    .Checkout .View.SummaryView .SummarySection .Info {
        padding-right: 130px
    }
    
    @media (max-width:570px) {
        .Checkout .Attribute.SummaryView .SummarySection .EventList,
        .Checkout .Attribute.SummaryView .SummarySection .Info,
        .Checkout .View.SummaryView .SummarySection .EventList,
        .Checkout .View.SummaryView .SummarySection .Info {
            padding-right: 0
        }
    }
    
    .Checkout .Attribute.SummaryView .Summary,
    .Checkout .View.SummaryView .Summary {
        width: auto
    }
    
    .Checkout .Attribute.SummaryView .Summary table,
    .Checkout .View.SummaryView .Summary table {
        float: right
    }
    
    @media (max-width:570px) {
        .Checkout .Attribute.SummaryView .Summary table,
        .Checkout .View.SummaryView .Summary table {
            float: none;
            margin-bottom: 15px
        }
    }
    
    .Checkout .Attribute.SummaryView .TermsAndConditions,
    .Checkout .View.SummaryView .TermsAndConditions {
        position: relative
    }
    
    .Checkout .Attribute.SummaryView .TermsAndConditions input,
    .Checkout .View.SummaryView .TermsAndConditions input {
        left: 0;
        position: absolute;
        top: 0
    }
    
    .Checkout .Attribute.SummaryView .TermsAndConditions label,
    .Checkout .View.SummaryView .TermsAndConditions label {
        margin-left: 40px;
        display: block
    }
    .Summary.SummarySection{
        min-height: 150px;
    }
    
    /* Payment */
    .Checkout .Attribute.PaymentView iframe, .Checkout .View.PaymentView iframe {
        max-width: 500px;
        border: 1px solid #ddd;
        margin: 0 auto 36px;
        margin-left: 0;
        margin-right: 0;
        display: block;
        height: 710px!important;
        padding: 20px;
        box-sizing: border-box;
    }
    
    .Checkout .Attribute.PaymentView .FoxIFrameControl, .Checkout .View.PaymentView .FoxIFrameControl {
        height: auto!important;
    }
    .home .et_pb_row_2.et_pb_row {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .Account_Link a {font-weight: bold;text-decoration: underline;}
    
    .AddGiftVoucher #ctl00_ContentPlaceHolder_DateToSendDatePicker_DayDropDown{float:left;width:80px;margin-right:15px;}
    .AddGiftVoucher #ctl00_ContentPlaceHolder_DateToSendDatePicker_MonthDropDown{float:left;width:180px;margin-right:15px;}
    .AddGiftVoucher #ctl00_ContentPlaceHolder_DateToSendDatePicker_YearBox{float:left;width:80px !important;}
    .AddGiftVoucher #ctl00_ContentPlaceHolder_VoucherExpiryText{display:block;clear:both;}
    .AddGiftVoucher .DateToSend:after{content:"";display:block;clear:both;height:0;line-height:0;}
    
    /*My Account*/
    .MyAccount{padding: 0 10px;}
    .MyAccount .DetailsEditor{max-width:640px;}
    .MyAccount .DetailsEditor .Container .left{font-weight:700;}
    .MyAccount .Options{margin:0 auto 30px auto;width: 100%;padding-top:10px;}
    .MyAccount .Options ul{margin: 0 -5px;padding: 0;list-style-type:none;}
    .MyAccount .Options ul:after{content:"";display:block;clear:both;}
    .MyAccount .Options ul li{margin: 0 5px 10px;text-align: center;float:left;}
    #ctl00_ContentPlaceHolder_OrdersButtonPanel{float:left;}
    #ctl00_ContentPlaceHolder_OrdersButtonPanel li{float:none;}
    .MyAccount .Options ul li a{padding: 8px 15px;
        height: 46px;
        box-sizing: border-box;
        margin: 0;
        background: none;
        text-align: center;
        color: #000;
        text-decoration: none;
        font-size: 16px;
        position: relative;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        border: 1px solid #000;
    }
    .MyAccount .Options ul li a.Selected{
        color: #000;
        background: #F2C14E;
        border-color: #F2C14E;
        margin-right: 0;
    }
    .MyAccount .Options ul li a.Selected:hover{background: #F2C14E;}
    .MyAccount .Options ul li a:before,
    .MyAccount .Options ul li a:after {content:"";display: block;height: 0;width: 0;position: absolute;right: -29px;top: 0;border: 25px solid transparent;opacity:0;}
    .MyAccount .Options ul li a:before{
        border-left-color: #fff;
        right: -50px;
        z-index: 1;
        top: -1px;
    }
    .MyAccount .Options ul li a:after{
        border-left-color: #f9f9f9;
        right: -43px;
        z-index: 2;
        border-width: 24px;
    }
    .MyAccount .Options ul li a.Selected:after{border-left-color: #FFC145;}
    .MyAccount .Options ul li a.Selected:hover:after{border-left-color: #FFC145;}
    .MyAccount .Options ul li:last-child a:before,.MyAccount .Options ul li:last-child a:after{display:none;}
    .MyAccount .Address .Account_Detail{display:block;margin-bottom:-10px;}
    .MyAccount .Addresses a,.MyAccount .NewAddress,.MyAccount .ChangePassword,
    .EditContactPreferences{background-color: #fff;border:1px solid #000;color: #000;padding:8px 18px;display:inline-block;text-decoration:none;line-height: 22px;border-radius:0;}
    .MyAccount .NewAddress,.EditContactPreferences{background:#000;color: #fff;}
    .MyAccount .ChangePassword{margin-bottom:10px;}
    .MyAccount .Addresses a:hover,.MyAccount .NewAddress:hover,.MyAccount .ChangePassword:hover,
    .EditContactPreferences:hover{background:#F2C14E;color:#000;text-decoration: none;border-color:#F2C14E;}
    @media (max-width: 570px){
    .MyAccount .Options ul li,#ctl00_ContentPlaceHolder_OrdersButtonPanel{float:none;}
    .MyAccount .Options ul li a{margin-bottom:1px;}
    .MyAccount .Options ul li a:before,.MyAccount .Options ul li: a:after{display:none;}	
    }
    
    .PagerButton{background-color: #fff;border:1px solid #000;color: #000;padding:5px 18px;display:inline-block;text-decoration:none;line-height: 22px;border-radius:0;}
    .PagerButton:hover{background:#B3272D;color:#fff;text-decoration: none;}
    .Basket2 .PromoItems{list-style-type:none;}
    .Basket2 .PromoItems>li{overflow:hidden;padding-bottom:10px;display: flex;justify-content: space-between;border-top: 1px solid #cdcdcd;padding-top: 5px;align-items: center;}
    .Basket2 .PromoItems>li .AddButton{float: none !IMPORTANT;}
    .Basket2 .PromoItems>li .AddButton input[type="text"]{width: 60px;display:inline-block;margin: 0;min-height: 26px;border-radius: 8px;padding: 1px 5px;text-align: center;}
    @media (max-width:570px){
    .Basket2 .PromoItems>li{display:block;text-align:left;}
    .Basket2 .PromoItems>li .AddButton{display: block;text-align: left !important;}	
    }
    .OtherPreferences .Preferences br{display:none;}
    .OtherPreferences .Input_Checkbox{display: flex;align-items: center;gap: 10px;}
    .OtherPreferences .Input_Checkbox [type=checkbox]{margin-top:8px;}
    .MyOrders .OrderedItem{border-style:solid;}
    
    /*Express Checkout*/
    .spx-header-container__checkout,main.spx-main-container__checkout{max-width:none;}
    
    .spx-header-container__checkout{margin-bottom:20px;}
    h1.spx-heading-title__checkout{margin-bottom:10px;}
    p.spx-text-copy__checkout{margin-bottom:0;}
    p.spx-text-copy__checkout.spx-intent-distinguishable{font-weight:700;}
    .spx-label-field__checkout{font-weight:700;}
    .spx-label-field__checkout .spx-state-required{font-weight:500;}
    .spx-wikitext-container__checkout a{font-weight:700;text-decoration:none;}
    .spx-wikitext-container__checkout a:hover{text-decoration:underline;}
    .CheckoutLink.LinkButton,
    Button.spx-button-primary{font-family: "neue-haas-grotesk-text",sans-serif;
        background: #F2C14E;
        border:0;
        border-radius:0;
        color: #000;
        cursor:pointer;
        display:inline-block;
        font-weight:700;
        line-height:1;
        margin:0 auto 10px 1rem;
        font-size: 18px;
        text-transform:uppercase;
        padding: 13px 20px;
        width:auto;
        }
    Button.spx-button-primary{margin-left:0;margin-top:15px;}
    .CheckoutLink.LinkButton:focus,.CheckoutLink.LinkButton:hover
    ,Button.spx-button-primary:hover,Button.spx-button-primary:focus{background:#3D667B;border-color: #3D667B;color: #fff;}
    button.spx-button-secondary{
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto 10px 1rem;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #000;
    background: #fff;
    border-radius:0;
    font-family: "neue-haas-grotesk-text",sans-serif;
    }
    button.spx-button-secondary__checkout{margin-left:0;margin-top:15px;}
    button.spx-button-secondary:hover,button.spx-button-secondary:focus{background:#F2C14E; color:#000;border-color:#F2C14E;}
    button.spx-button-tertiary__checkout{background: 0px 0px;cursor: pointer;padding:8px 15px;font-size: 16px;border: 1px solid #000;font-weight: 600;}
    button.spx-button-tertiary__checkout:hover{background:#F2C14E; color:#000;border-color:#F2C14E;}
    #GiftVoucherCode.spx-input-text__checkout{max-width:640px;}
    .spx-field-container__checkout--personal-details{margin-top: 12px;}
    .spx-main-container__checkout input,
    .spx-main-container__checkout select{max-width:640px;}
    
    main.spx-main-container__checkout .spx-section-container__checkout{margin-bottom: 20px;border-top: 1px solid #3d2763;position:relative;padding-top: 20px;}
    .spx-main-container__checkout h2 {font-size: 22px;padding:0;color:#000;/*background: rgb(231, 232, 232)*/margin:0 0 15px;text-transform: none;}
    .spx-main-container__checkout h3 { font-size: 20px; padding-bottom: 10px; padding-top: 10px;/*border-top:1px solid #3d2763;*/margin:0;text-transform: none;}
    .spx-field-container__checkout input[type="radio" i], .spx-field-container__checkout input[type="checkbox" i] {padding: initial; }
    .spx-field-container__checkout input[type="radio" i] {/*appearance: radio;*/  }
    .spx-field-container__checkout input[type="checkbox" i] { /*appearance: checkbox;*/ }
    fieldset.spx-fieldset-container__checkout label { display: inline-block;}
    .spx-field-container__checkout--select-address label{font-weight:400;}
    section#order-summary .spx-subsection-container__checkout { margin-bottom: 15px;position: relative;}
    #StoreNewCardCheckBoxFieldContainer label { display: inline-block; }
    .spx-iframe__checkout--payment { height: auto; min-height: 680px; }
    fieldset.spx-fieldset-container__checkout{border:0;}
    fieldset.spx-fieldset-container__checkout .spx-field-container__checkout{display: flex;align-items: center;gap: 10px;margin-bottom:5px;}
    #AddressSubsection .spx-field-container__checkout{display: block;margin-bottom: 10px;max-width: 370px;}
    fieldset.spx-fieldset-container__checkout .spx-field-container__checkout input[type="checkbox" i],
    fieldset.spx-fieldset-container__checkout .spx-field-container__checkout input[type="radio" i]{margin-top:8px;}
    .spx-main-container__checkout ul{margin:0;padding-left: 0;list-style-type: none;font-weight: 600;}
    form>ul.spx-list-contact-preferences__checkout,ul.spx-list-contact-preference-groups__checkout{margin:0;padding:0;list-style-type:none;}
    ul.spx-list-contact-preferences__checkout .spx-field-container__checkout{list-style-type:none;margin-left: -30px;}
    .spx-list-contact-preference-groups { list-style-type: none; }
    .spx-list-contact-preference-groups .spx-list-contact-preferences__checkout--contact-preferences { list-style-type: circle; }
    .spx-field-container__checkout--credit input.spx-input-checkbox, .spx-field-container__checkout--order-summary input.spx-input-checkbox { float: left;
    margin-top:8px;margin-right:5px;}
    .spx-validation-copy__checkout { color: rgb(230, 74, 20); }
    button.spx-button-tertiary__checkout--new-address, a.spx-link__checkout--new-address { margin-top: 10px; display: inline-block; font-weight: normal; }
    a.spx-link__checkout--new-address {color: rgb(0, 0, 0);text-decoration: underline;font-weight: 500;margin-top: 0;}
    button.spx-button-tertiary__checkout--new-address {background: none;color: #000;padding: 12px 15px;border-radius: 0;font-weight: 600;display:block;}
    .spx-main-container__checkout .spx-link-edit{color: #000;display:inline-block;padding: 0;font-size: 16px;position: absolute;right: 0;top: 16px;
    text-decoration: underline;}
    .spx-main-container__checkout .spx-link-edit:hover,.spx-main-container__checkout .spx-link-edit:focus{color: #000;text-decoration:none;}
    .PaymentOptions{max-width:370px;}
    .PaymentOptions label.left{font-weight:700;}
    .PaymentOptions select{width:100%;}
    .ContinueButton{background:#F2C14E;color:#000;border-color:#F2C14E;}
    .ContinueButton:hover{background: #3D667B;border-color: #3D667B; color:#fff;}


    .form-field--radio [role=tab] .input, [type=radio] {--check-scale: 1;border-radius: 50%;}
    .form-field--radio [role=tab] .input, [type=checkbox], [type=radio] {-webkit-appearance: none;-moz-appearance: none;appearance: none;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    font: inherit;
    height:20px;
    margin: 0;
    position: relative;
    transform: translateY(-6px);
    width:20px;
    }
    .SendTo [type=radio]{transform: translateY(3px); margin-right: 5px;}
    .SendTo label{margin-right:10px;}
    .SendTo input.Input_Text{margin-top:10px;}
    .form-field--radio [role=tab] .input:before, 
    [type=checkbox]:before, [type=radio]:before {background-color:#000;content: "";height:14px;left:2px;opacity: 0;
    position: absolute;top:2px;width:14px;}
    .form-field--radio [role=tab] .input:before, [type=radio]:before {border-radius: 50%;opacity: 0;transform: translate(-50%, -50%) scale(var(1, 0));}
    .form-field--radio [role=tab] .input:checked:after, .form-field--radio [role=tab] .input:checked:before, 
    [type=checkbox]:checked:after, [type=checkbox]:checked:before, [type=radio]:checked:after,
     [type=radio]:checked:before {opacity: 1;}
    
    /*Merchandise*/
    .Merchandise .Header{display:none;}
    .SpektrixPage.Merchandise{max-width:none; margin-top:0;}
     .Merchandise .Merchandise{position:relative;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom:20px}
     .Merchandise .Merchandis:last-child{border-bottom:0;padding-bottom:0;}
     .Merchandise .Merchandise:after{content:"";clear:both;display:block;}
      .Merchandise .Merchandise .WikiText{font-weight:700;font-size:18px;line-height:normal;}
      .Merchandise .Merchandise .WikiText span{font-weight:300;font-size:14px;}
     .Merchandise .Merchandise .WikiText h1{margin: 0 0 10px;font-weight: 700;text-transform:none;font-size:26px;padding-bottom: 0;border-bottom: 0;color: #000;}
     .Merchandise .Merchandise .WikiText h2{color: #999;font-size: 16px;text-transform: none;font-weight: 400;padding-bottom: 10px;
    margin-top: -7px;}
     .Merchandise .Merchandise .WikiText span br{display:none}
     .Merchandise .Merchandise .Details{margin-top:15px}
     .Merchandise .Merchandise .Details .Footer .Button{display:inline-block;margin-left:5px;width: auto;padding: 5px 15px;font-size: 15px;
     font-weight: 700;text-transform: uppercase; cursor: pointer;}
    
     .Merchandise .Merchandise .WikiText img{display: block;margin-bottom:5px;max-height: 200px;}
     @media (min-width: 600px) {
     .Merchandise .Merchandise .WikiText img{float: right;margin-left: 0px;margin-top: 20px;}
     }
    .Merchandise .WikiText span{display:inline-block;}
    .Merchandise .WikiText span.BoldText{display:block;margin-bottom:10px;}
    .Merchandise .WikiText br{display:none;}
    .Merchandise .Details{padding-top:15px;}
    .Merchandise .Details .Footer{}
    .Merchandise .Merchandise .Details .Footer span{display:inline-block;font-weight: 700;font-size: 15px;}
    .Merchandise .Details .Footer .Label{}
    .Merchandise .Details .Footer .Money{display:inline-block;margin-right:10px;}
    .Merchandise .Details  input[type=submit]{display: inline-block;width: auto;padding: 8px 15px;}

    .LoginForRenewalMessage{margin-bottom:60px;}
    .Memberships .Membership{margin-bottom:70px;}
    #ctl00_ContentPlaceHolder_MembershipsRepeater_ctl01_MembershipWikiText span:first-child br{display:none;}
    .Memberships .Membership h2{text-transform:none;font-size:26px;margin-top: 0;margin-bottom: 5px;}

    /* Added on 02-10-2025 for seats zoon in/out */
    .ChooseSeats .PlanControls.ignorefordeselect {
        background: none;
    }
    .ChooseSeats .PlanControls .Control {
        margin-right: 10px;
        background-position: center;
        background-size: contain;
    }
    .ChooseSeats .PlanControls .Control.Zoom {
        height: 40px;
        width: 40px;
    }
    .ChooseSeats .PlanControls .Control.Zoom.Zero {
        display: none;
    }
    .ChooseSeats .PlanControls .MoveControls {
        display: none;
    }
    .ChooseSeats .PlanControls .Control.Zoom.In {
        background-image: url('https://theatresevern.suredigital.uk/spektrix-assets/images/zoom-in.png');
    }
    .ChooseSeats .PlanControls .Control.Zoom.Out {
        background-image: url('https://theatresevern.suredigital.uk/spektrix-assets/images/zoom-out.png');
    }
    /* End - Added on 02-10-2025 for seats zoon in/out */