/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ /* =============================================== */ /* ! Fonts */ /* =============================================== */ @font-face { font-family: 'Silverstone Text'; src: url('../fonts/SilverstoneText-Bold.woff2') format('woff2'), url('../fonts/SilverstoneText-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Silverstone Text'; src: url('../fonts/SilverstoneText-Medium.woff2') format('woff2'), url('../fonts/SilverstoneText-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Silverstone Display'; src: url('../fonts/SilverstoneDisplay-Bold.woff2') format('woff2'), url('../fonts/SilverstoneDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Silverstone Display Extra'; src: url('../fonts/SilverstoneDisplay-ExtraBold.woff2') format('woff2'), url('../fonts/SilverstoneDisplay-ExtraBold.woff') format('woff'); font-weight: bolder; font-style: normal; font-display: swap; } /* =============================================== */ /* ! Custom Properties */ /* =============================================== */ :root { --brand-midnight: #120531; --brand-royal: #10069F; --brand-race: #e40033; --brand-stirling: #8C8C8A; --brand-black: #000000; --brand-white: #FFFFFF; --brand-cf-primary: #005670; --brand-cf-secondary: #63B1BC; --brand-cf-lime: #E2E868; --layout-max-width: 1240px; } /* =============================================== */ /* ! Reset */ /* =============================================== */ /* Eric Meyer's Reset Reloaded */ /* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* =============================================== */ /* ! Base */ /* =============================================== */ body { line-height: 1; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.05em; color: var(--brand-black); font-weight: 500; } .col-100p { width: 100%; clear: both; overflow: hidden; } .container { width: 100%; max-width: var(--layout-max-width); padding-left: 20px; padding-right: 20px; margin:0 auto; overflow:hidden; } .three-col { width: 721px; overflow:hidden; margin: 0 10px; } .two-col { width: 494px; margin: 0 10px; } .one-col { width: 227px; margin: 0 10px; float: left; } /* =============================================== */ /* ! Base Type Styles */ /* =============================================== */ a { text-decoration: none;} a:hover {text-decoration: underline;} p { font-weight: 500; line-height: 120%; } /* Apply Silverstone Display Font */ h1,h2,h3,h4, .stx-ProductCardTitle, .product_title_container .title, .product_right_img .title { font-family: "Silverstone Display", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: bold; text-transform: uppercase !important; letter-spacing: -.5px; overflow: hidden; white-space: normal; } h3 p { font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; text-transform: none !important; color: #8d8d8b; letter-spacing: 0; font-size: 16px !important; margin: 20px 0 0 0; } h3 p strong{ color: var(--brand-race); } h1, h2 { color: var(--brand-cf-primary) !important; font-size: 2em !important; } h3 { margin: 0 0 20px 0 !important; } h4 { margin: 0 0 20px 0 !important; } /* =============================================================================================================================================================================== */ /* ! START SECUTIX PAGE STYLING */ /* =============================================================================================================================================================================== */ /* Force the header height */ .isolated-container { overflow: hidden; width: 100%; clear: both; } #isolated_header_iframe, #stx-custom-header { height:148px !important; overflow: hidden; width: 100%; float: left; } /* =============================================== */ /* ! Buttons */ /* =============================================== */ #root .g-Button, .button a:not(.tickets_menu_logout a), .cs_product_brief_view .alternative_button a, .viewDetails a, #rootCrossSellingWidget .stx-cs-detail-btn, #rootCrossSellingWidget .stx-cs-quick-buy-btn, #rootCrossSellingWidget .stx-cs-quick-booking-add-item-section .stx-p-button, #rootPromoterOptInWidget .stx-promoter-opt-in-actions-container button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: var(--brand-cf-secondary) !important; color: var(--brand-white) !important; text-transform: uppercase !important; font-weight: normal !important; font-size: 1em !important; height: auto !important; padding: 13px 15px; border-radius: 2px; line-height: 110%; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #root .g-Button:after, .button:not(#specialOfferForm .button) a:after, .cs_product_brief_view .alternative_button a:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m67.3 0h-8.5l34.3 34.3h-93.1v6h107.6zm-67.3 46.2v6h93.1l-34.3 34.3h8.5l40.3-40.3zm84.3-46.2h-8.5l43.2 43.3-43.2 43.2h8.5l43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 30px auto; background-repeat: no-repeat; background-position: right center; width: 54px; height:22px; display: inline-block; } .alternative_button a:hover { text-decoration: none; } body.rwd .viewDetails a { padding: 14px 16px !important; } #root .g-Button:hover, .button a:hover:not(.tickets_menu_logout a:hover), .cs_product_brief_view .alternative_button a:hover, #rootCrossSellingWidget .stx-cs-detail-btn:hover, #rootCrossSellingWidget .stx-cs-quick-buy-btn:hover, #rootCrossSellingWidget .stx-cs-quick-booking-add-item-section .stx-p-button:hover { background-color: var(--brand-cf-primary) !important; text-decoration: none; } /* align these right */ .buttons_container .button a, .button_container .button a { float: right; } .buy_order a { margin-left: auto; margin-right: auto; } .button a .text { margin-top: 0 !important; } .cs_product_brief_view .alternative_button a .symbol, .alternative_button.plus .symbol, .alternative_button.less .symbol, .alternative_button.edit .symbol { display: none; } .alternative_button.less, .alternative_button.plus { float: right; margin-right:0 !important; } /* =============================================== */ /* ! Main Structure widen */ /* =============================================== */ #content_container { width:1300px; } #content { width: 1270px; padding: 2.5em 0; } .secondary_content, .secondary_content_group { width: 260px; } @media only screen and (min-width:0px) and (max-width:990px) { body.rwd #content_container { padding: 10px 20px; } } .breadcrumb {display: none !important} /* =============================================== */ /* ! Promo Code Bar */ /* =============================================== */ #root .stx-AdvantageCode { background-color: var(--brand-midnight); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; padding: 10px 20px; font-size: .8em; } #root .fQfBVz, #root .xGxOw { margin: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #root .stx-AdvantageCode input { background-color: var(--brand-white) !important; color: var(--brand-midnight) !important; text-transform: uppercase; border:0 !important; padding: 16px 12px !important; margin: 0 !important; } #root .stx-AdvantageCode ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #root .stx-AdvantageCode ::-moz-placeholder { /* Firefox 19+ */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #root .stx-AdvantageCode :-ms-input-placeholder { /* IE 10+ */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #root .stx-AdvantageCode :-moz-placeholder { /* Firefox 18- */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #root .stx-AdvantageCode button { background-color: var(--brand-race); color: var(--brand-white); text-transform: uppercase; position: relative; height: auto; padding:0 5px; } #root .stx-AdvantageCode button span { display: none; } #root .stx-AdvantageCode button:after { width: 25px; } #root .stx-CloseIconContainer { position: relative; float: none; right: auto; } /* =============================================== */ /* ! Promo Code Side Col */ /* =============================================== */ #specialOfferForm { width: 100%; margin: 20px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #promo_code_input { background-color: var(--brand-white) !important; color: var(--brand-midnight) !important; text-transform: uppercase; border: solid 1px #d9d9d8 !important; padding: 7px 12px !important; margin:0 !important; height: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #specialOfferForm .button a { background-color: var(--brand-race); color: var(--brand-white); position: relative; display: block; width:35px; height:100% !important; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m67.3 0h-8.5l34.3 34.3h-93.1v6h107.6zm-67.3 46.2v6h93.1l-34.3 34.3h8.5l40.3-40.3zm84.3-46.2h-8.5l43.2 43.3-43.2 43.2h8.5l43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 20px auto; background-repeat: no-repeat; } #secondary_content_special_offer .button a:before, #main_content_summary_vouchers #group_voucher_input .button a:before { content: ''; display: none; } #promo_code_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #promo_code_input::-moz-placeholder { /* Firefox 19+ */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #promo_code_input:-ms-input-placeholder { /* IE 10+ */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #promo_code_input:-moz-placeholder { /* Firefox 18- */ color: var(--brand-midnight); text-transform: uppercase; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } /* =============================================== */ /* ! /content page */ /* =============================================== */ .stx-ProductImage.mikvr { background-color: var(--brand-royal); padding:10px; } .stx-productLine .stx-mainContent { margin: 0; padding:20px; width: 100%; } .stx-SectionCluster { } .stx-ProductBox { margin: 10px 0; } .stx-ProductCard { } .stx-ProductImage { background: var(--brand-cf-primary) !important; margin-bottom:10px !important; } .stx-ProductImage .g-Figure-ImageContainer div { background-size: 100% auto; } .stx-ProductCard .stx-ProductActions-BoxWrapper, .stx-ProductCard .stx-ProductActions-BoxWrapper .g-Button-primary { width:100% !important; margin:0; } .stx-ProductCard .stx-AdvantageIndicator { background-color: var(--brand-race); border-radius: 15px; padding: 5px 10px; } #root .g-Tabs-list { margin-top:30px; border-color: var(--brand-cf-secondary); } #root .g-Tabs-item { margin:0 1px 0 0; } #root .g-Tabs-link { font-size: 1.1em; border: solid 1px var(--brand-cf-secondary); border-bottom:0; border-radius: 8px 8px 0 0; padding: 0 18px; margin:0; } #root .g-Tabs-link.is-active, #root .g-Tabs-link:hover { /*color: var(--brand-cf-secondary); text-decoration: none;*/ background-color: var(--brand-cf-secondary); color: #fff; } #root .g-Tabs-link::after { background: var(--brand-cf-secondary); background: var(--brand-cf-primary); bottom: -1px; } #root .g-Figure { padding:15px; } #root .stx-SectionHeading { line-height: 1em; } @media screen and (max-width: 500px) { #root .stx-Catalog { padding: .5rem; } #root .g-Tabs-item { margin:0 0 1px 0; width: 100%; } #root .g-Tabs-link { height: auto; line-height: 117%; padding:8px; } #root .g-Tabs-list { white-space: wrap; overflow: none; } } /* =============================================== */ /* ! /selection - Ticket Selection */ /* =============================================== */ #main_content_package_lines { /*display: none;*/ margin-bottom:0; } /* Hide all packages - only use on museum products */ #main_content_package_lines .content_title, #main_content_package_lines .total_package_content, .package_line_container { display: none; } /* Specify the museum packages and display them, Use Package Line ID's and specify PP and Live */ #pl_101644049732.package_line_container, #pl_101644049733.package_line_container, #pl_101644049730.package_line_container, #pl_101644049731.package_line_container, #pl_101695233096.package_line_container, #pl_101695233097.package_line_container, #pl_101695233098.package_line_container, #pl_101695233099.package_line_container, #pl_101695233100.package_line_container, #pl_101695233101.package_line_container, #pl_101695233102.package_line_container, #pl_101695233103.package_line_container, #pl_101695233106.package_line_container, #pl_101695233105.package_line_container { display: block; margin-bottom:30px; } .package_line_content .package_line_info { background-color: #11069e; } .package_line_content .product_title_container .title { color: var(--brand-midnight); } .package_line_content .content_product_info .location { color: var(--brand-royal); } .package_line_content div.description p { clear: both; font-family: "Silverstone Text" !important; } /* Pit Walk datepicker */ .package_line_content .package_line_performance_selector .datepicker_element .icon { display: none !important; } .package_line_content .package_line_performance_selector .datepicker_element input[type="text"] { font-size: 20px; } /* Hide promoter name and description */ .content_product_info .promoter_name {display: none;} @media screen and (max-width: 990px) { body.rwd .package_line_content .package_line_performance_selector .time_selection, body.rwd .package_line_content .package_line_performance_selector { margin-top: 0; margin-bottom:0; } .package_line_container .product { padding: 20px 0 0 0; } body.rwd .datepicker_element input[type="text"] { width: 100%; } } td.area, th.area { text-indent: -1000000px; font-size: 0; color: transparent; } /* =============================================== */ /* ! /cart reservation - Just Added */ /* =============================================== */ .performance { display: block; } .product_container .performance_SPORTING_EVENT { background: #fff; } .performance_SPORTING_EVENT .perf_secondary_info_table { width: 100%; display: flex; caption-side: top; background-color: unset; padding-bottom: 10px; } .performance_SPORTING_EVENT .product_info .product_name { font-family: 'Silverstone Display'; text-transform: uppercase; color: var(--brand-cf-primary); text-align: left; font-size: 23px; line-height: 26px; } .performance_SPORTING_EVENT .product_info .product_name h4 { margin:0 !important; } .performance_SPORTING_EVENT .perf_info { font-size: 16px; } .performance_SPORTING_EVENT .perf_info .match_round, .widget_SPORTING_EVENT .print_actions, .performance_SPORTING_EVENT .perf_info .venue_group_match, .main_content_file_details .table_container .event_header { display: none !important; } .performance_SPORTING_EVENT .perf_info .date_time { padding-left:0; } #main_content_cart .performance_SPORTING_EVENT .teams, #main_content_reservation .performance_SPORTING_EVENT .teams, #main_content_summary_products .performance_SPORTING_EVENT .teams, .main_content_summary_products .performance_SPORTING_EVENT .teams, #main_content_file_details .performance_SPORTING_EVENT .teams, .main_content_file_details .performance_SPORTING_EVENT .teams, #main_content_order_summary .performance_SPORTING_EVENT .teams, #main_content_beneficiaries .performance_SPORTING_EVENT .teams { display: none; } .main_content_file_details .table_container tr:not(.print_actions) th:first-child { padding: 15px 15px 15px 45px !important; } .main_content_file_details .table_container tr:not(.print_actions) td:last-child { padding: 15px 45px 15px 15px !important; } .product_container .product_title_container { margin-bottom:0; } #main_content_reservation .table_container .main-title { padding: 20px 0 0 0; } .main_content .main_content_file_delivery { margin-top:30px; } @media screen and (max-width: 990px) { body.rwd .performance_SPORTING_EVENT { padding-top:0; } body.rwd .performance_SPORTING_EVENT .date_time { margin-top:0; } body.rwd .performance_SPORTING_EVENT .perf_info .date_time { width: 100%; margin-left: 0; } .main_content_file_details .table_container tr:not(.print_actions) th:first-child { padding: 15px !important; } .main_content_file_details .table_container tr:not(.print_actions) td:last-child { padding: 15px !important; } } /* =============================================== */ /* ! /cart/changeSeat - Seat map */ /* =============================================== */ #seat-map-sub-container {margin-top:20px;} @media only screen and (max-width:700px) { .mapAction { flex-direction: column; } .mapAction > span { margin-bottom:10px; } } #seat_map_group #pre-cart #icons-and-arrows #ticket-icon-list ul li.selected-ticket .selected_ticket_icon { background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 431.6 431.6' viewBox='0 0 431.6 431.6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m431.6 215.8c0-119.3-96.5-215.8-215.8-215.8s-215.8 96.5-215.8 215.8 96.5 215.8 215.8 215.8 215.8-96.5 215.8-215.8zm-108.9-114.9-151 151-65.4-65.4-48.4 48.5 113.9 113.9 199.5-199.5z' fill='%2300fd4a' fill-rule='evenodd'/%3E%3C/svg%3E"); } .alternative_button.modify_seats .text { text-transform: uppercase; } .alternative_button.modify_seats .symbol { width: 24px; height: 24px; top: 50%; margin-top: -12px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 104.5 126.7' viewBox='0 0 104.5 126.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m51.5 0c-28.8.4-51.9 24.1-51.5 53 0 10.2 2.4 18.8 7.3 26.4 4.8 7.4 11 13.5 15.1 17.6 11.5 11.4 27.8 27.6 27.8 27.6l2.1 2.1 2.1-2.1s16.2-16.2 27.7-27.6c4.1-4.1 10.3-10.3 15.1-17.6 4.9-7.6 7.3-16.2 7.3-26.4 0-.5 0-1 0-1.4-.4-28.9-24.1-52-53-51.6zm40.7 76.1c-4.1 6.3-9.1 11.5-14.3 16.6-9 8.9-20.8 20.8-25.6 25.5-4.8-4.7-16.6-16.6-25.6-25.5-5.2-5.2-10.2-10.3-14.3-16.6-4.2-6.5-6.3-14.1-6.3-23.1 0-25.6 20.7-46.3 46.2-46.3 25.5.1 46.2 20.8 46.2 46.3 0 8.9-2.1 16.5-6.3 23.1zm-39.9-38.1c-8.3 0-14.9 6.7-14.9 14.9 0 8.3 6.7 14.9 14.9 14.9s14.9-6.7 14.9-14.9-6.6-14.9-14.9-14.9zm0 23.8c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9 8.9 4 8.9 8.9-4 8.9-8.9 8.9z' fill='%23ff0036'/%3E%3C/svg%3E"); } /* hide armchar*/ #seat-info-quality { display: none; } @media only screen and (min-width:0px) and (max-width:990px) { .alternative_button.modify_seats {display: block; clear: both; margin-top:10px !important;} .alternative_button.modify_seats a {padding-left: 25px !important;} .alternative_button.modify_seats .text {margin-left:15px; display: inline-block;} .alternative_button.modify_seats .symbol { width: 19px; height: 19px; margin-top: -9px; } } /* =============================================== */ /* ! Extras */ /* =============================================== */ #main_content_service { } #main_content_service .table_container tr.v2-alternative_bg_even, #main_content_service .table_container tr.v2-alternative_bg_odd { /*background:red;*/ } #main_content_service .table_container tr.group_start {/*background: green;*/} #main_content_service .table_container tr.advantage_new_tariff {/*background: lightgreen;*/} /* When there is a single row only Secutix will apply start and end classes */ #main_content_service .table_container tr.group_start.group_end {/*background: lightgreen;*/} #main_content_service .table_container .group_end {} .degressive_rate_panel {display: none;} #bookService { } #bookService .group_start th.item { min-width:112px; font-size: 14px; } #bookService .group_start th.item h3{ margin-bottom:0 !important; } #bookService td.unit_price {min-width: 70px; white-space: normal !important;} #bookService td.unit_price input[type='text'] { padding: 17px 10px !important; min-width: 100px !important; width: 30% !important; margin: 0 !important; color: var(--brand-midnight); font-size: 17px; font-weight: bold; } @media screen and (max-width: 990px) { #bookService td.unit_price input[type='text'] { min-width: 70px !important; } } /* BP Donations only */ /* BP Donations only */ #prod_10229090379268 { padding-bottom: 0 !important; } #prod_10229090379268 .product_image_container { margin-bottom: -1px !important; } #prod_title_10229090379268 p.title >span { text-transform: lowercase; } @media only screen and (min-width:0px) and (max-width:480px) { #prod_10229090379268 { display: flex; flex-direction: column; } #prod_10229090379268 .product_image_container { order: 2; } } #prod_10229096511890 p.title >span { text-transform: lowercase; } #prod_10229096511890 { /*padding-bottom: 0 !important;*/ } #prod_10229096511890 .product_image_container { margin-bottom: -1px !important; } #prod_10229096511890 p.title >span { text-transform: lowercase; } @media only screen and (min-width:0px) and (max-width:480px) { #prod_10229096511890 { display: flex; flex-direction: column; } #prod_10229096511890 .product_image_container { order: 2; } } /* =============================================== */ /* ! Product Cards */ /* =============================================== */ .stx-Section-LAND .stx-productLine, .main_content_list_products .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(33.33% - 40px); margin: 20px; padding:0; float: left; } .stx-Section-LAND .stx-productLine > div:first-child { width: 100% !important; max-width: none; } .stx-product-content > div { padding:0; width: 100%; } .stx-product-content, .g-DateRange-wrapper , .product .location , .product .range { color: var(--brand-royal); font-size: 15px; line-height: 140%; text-align: left; margin: 0 !important; } .stx-ProductDate, .product .range { margin-bottom:5px; display: inline-block; } .stx-productLine .stx-ProductCardTitle, .product .title, .product .title a { font-size: 27px; line-height: 110%; padding:0; color: var(--brand-midnight); text-align: left; } .stx-product-content svg path { fill: var(--brand-royal); } @media only screen and (min-width:0px) and (max-width:767px) { .stx-Section-LAND .stx-productLine, .main_content_list_products .product { width: calc(50% - 40px); } .cOZWKx { -ms-flex-item-align: start !important; align-self: flex-start !important; float: left !important; margin:0 !important } .eAWiuP { padding-top: 0 !important; padding-bottom: 0 !important; float: left !important; } } @media only screen and (min-width:0px) and (max-width:480px) { .stx-Section-LAND .stx-productLine, .main_content_list_products .product { width: 100%; margin: 20px 0 20px 0; } .cfAbBb { padding:0 !important; } .stx-TitleSpan { display: none; } } @media screen and (max-width: 40em) { .hXAbcK { margin-left: 0 !important; margin-right: 0 !important; text-align: left; } } /* =============================================== */ /* ! Cross Sell Items */ /* =============================================== */ .stx-quick-buy-article > div { max-width: 300px; } .cross-sell-title { padding:0 !important; } .stx-p-card-body .stx-p-card-content { padding: .9rem 0 !important; } #content #rootCrossSellingWidget .p-panel-content {margin-top:0 !important;} .stx-panel-title-caption { text-transform: none; color: #222; font-size: 1rem !important;} @media only screen and (min-width:0px) and (max-width:600px) { .stx-cs-quick-buy-item-select .stx-cs-quick-buy-tariff-article { flex-direction: column; } .stx-cs-quick-buy-item-select .stx-cs-quick-buy-tariff-article .stx-p-dropdown { width:100%; } .stx-quick-buy-article > div { max-width: 100%; } #content #rootCrossSellingWidget .stx-panel-title .stx-panel-title-header { font-size: 33px !important; } } .content_cross_selling { margin-top: -20px; clear: both; } .cross_selling_grids_panel { padding: 0; margin-top: 15px; } .cross_selling_product_image_container { padding:0 !important; min-height: 153px !important } .cross_selling_grids_panel .product_image_container { height: auto !important; background-color: rgb(18,5,49); background: linear-gradient(321deg, rgba(18,5,49,1) -46%, rgba(255,0,54,1) 36%); } .content_cross_selling .titlePriceContainer { padding-top:0 !important; } .content_cross_selling .content_title .title .main_title { font-size:40px !important; } .cross_selling_grids_panel .cs_product_brief_view .product .titlePriceContainer .multiLineEllipsisTitle { font-size: 22px; padding:0; color: var(--brand-midnight); text-transform: uppercase; margin: 10px 0; } .cross_selling_grids_panel .cs_product_brief_view .product .titlePriceContainer .priceLabel { padding:0; display: inline-block; margin-bottom:10px; } .expandQuickShopButton {float: left;} /* New STX Widgets */ /* Ticket cross sell */ #rootCrossSellingWidget{ margin-top: -20px; } #rootCrossSellingWidget button, #rootCrossSellingWidget div, #rootCrossSellingWidget a, #rootCrossSellingWidget p, #rootCrossSellingWidget span{ font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #rootCrossSellingWidget .stx-panel-title .stx-panel-title-header{ font-size: 42px !important; line-height: 1.05em !important; padding: 8px 0 !important; } #rootCrossSellingWidget .stx-p-button{ margin-bottom: 0; float: right; } #rootCrossSellingWidget .stx-p-button:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m67.3 0h-8.5l34.3 34.3h-93.1v6h107.6zm-67.3 46.2v6h93.1l-34.3 34.3h8.5l40.3-40.3zm84.3-46.2h-8.5l43.2 43.3-43.2 43.2h8.5l43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 30px auto; background-repeat: no-repeat; background-position: right center; width: 54px; height: 22px; display: inline-block; } #rootCrossSellingWidget .stx-panel-title-container.p-panel-header{ border: none; padding: 0; } #rootCrossSellingWidget .p-image { background: var(--brand-cf-primary); float: left; } #rootCrossSellingWidget .stx-cs-section{ border: none; } #rootCrossSellingWidget .stx-cs-section .stx-panel-title{ margin: 0; } #rootCrossSellingWidget .stx-p-card-body{ padding-left: 0; padding-bottom: 0; } #rootCrossSellingWidget .stx-p-card-body .stx-p-card-content .stx-cs-image-content-product{ min-height: unset !important; } #rootCrossSellingWidget .p-panel-content{ margin-top: 20px; } #rootCrossSellingWidget .p-panel-content .stx-cs-productCard-container{ padding: 0 15px 15px 0 !important; } #rootCrossSellingWidget .stx-cs-productCard-container .stx-cs-image-content-product img{ max-width: unset; } #rootCrossSellingWidget .stx-p-card-content [class^='crossSell_button_crossSellIdx']{ justify-content:left; margin-top: 1.5rem; } #rootCrossSellingWidget [class^='crossSellIdx_groupIdx_productIdx'] svg{ visibility: hidden !important; } #rootCrossSellingWidget [class^='crossSellIdx_groupIdx_productIdx']:has(svg):after{ content: ''; display: block; background: var(--brand-cf-primary); width: 69%; height: 10px; position: absolute; bottom: 0; left: 0; } #rootCrossSellingWidget [class^='crossSellIdx_groupIdx_productIdx']:has(.stx-cs-detail-btn):after{ display: none; } #rootCrossSellingWidget .stx-p-card-content .stx-cs-product-name{ line-height: 1.05; color: #120531; margin-bottom: 10px } #rootCrossSellingWidget .stx-p-card-content .stx-cs-product-name div{ font-size: 22px; } #rootCrossSellingWidget .stx-p-card-content .stx-cs-product-subtext .stx-cs-price{ font-size: 1.4em !important; font-weight: 600; color: #222; } #rootCrossSellingWidget .stx-cs-quick-booking-section .stx-p-card{ background: #f9f9f9; } #rootCrossSellingWidget .stx-cs-quick-booking-section .tw-text-right span{ color: #222; font-size: 1em !important; } #rootCrossSellingWidget .stx-cs-quick-booking-added-to-cart-section{ display: none; } #rootCrossSellingWidget .stx-cs-quick-booking-add-item-section .stx-p-card{ border-top: 0; } #rootCrossSellingWidget .stx-cs-quick-buy-item-select .stx-cs-quick-buy-unit-price, #rootCrossSellingWidget .stx-cs-quick-buy-item-select .stx-cs-quick-buy-tariff{ color: #222; } #rootCrossSellingWidget .stx-cs-quick-buy-item-select .stx-cs-quick-buy-unit-price .p-inputnumber-input { padding: 20px 5px !important; } #rootCrossSellingWidget .stx-cs-quick-booking-add-item-section div svg[data-icon="plus"]{ padding: 10px 64px; position: absolute; z-index: 9999; overflow: auto !important; margin-top: -10.5px; } #rootCrossSellingWidget .stx-cs-quick-booking-add-item-section div div:has(svg[data-icon="plus"]):after{ content: ''; display: block; z-index: 1; overflow: hidden; width: 125px; height: 21px; position: absolute; margin-top: -10.5px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 218.6 36.6' viewBox='0 0 218.6 36.6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2363b1bc'%3E%3Cpath d='m31 14.8h-12v-12h-7v12h-12v7h12v12h7v-12h12z'/%3E%3Cpath d='m52 29.6c0 .1-.1.2-.2.2h-5.9c-.1 0-.2-.1-.1-.2l7.8-21.4c0-.2.1-.2.1-.2h7.9c.1 0 .2 0 .2.2l7.8 21.4c0 .1 0 .2-.1.2h-6c-.1 0-.2 0-.2-.2l-1.2-3.5h-8.9zm8.6-8.3-2.7-7.9h-.4l-2.7 7.9z'/%3E%3Cpath d='m93.8 16.4v4.9c0 5.7-3.7 8.5-10.8 8.5h-10.5c-.1 0-.2-.1-.2-.2v-21.4c0-.1.1-.2.2-.2h10.6c7 0 10.7 2.7 10.7 8.4zm-10.7 8.3c4.8 0 4.8-1.1 4.8-8.4 0-2.2-1.5-3.6-4.8-3.6h-4.8v12z'/%3E%3Cpath d='m119.4 16.4v4.9c0 5.7-3.7 8.5-10.8 8.5h-10.5c-.1 0-.2-.1-.2-.2v-21.4c0-.1.1-.2.2-.2h10.6c7 0 10.7 2.7 10.7 8.4zm-10.7 8.3c4.8 0 4.8-1.1 4.8-8.4 0-2.2-1.5-3.6-4.8-3.6h-4.8v12z'/%3E%3Cpath d='m154.6 29.8h-6.8c-.1 0-.2-.1-.3-.1l-4.9-7.3-3.3.7v6.6c0 .1-.1.2-.2.2h-5.6c-.1 0-.2-.1-.2-.2v-21.5c0-.1.1-.2.2-.2h13.6c4.4 0 6.9 1.7 6.9 5.6v.9c0 3.8-1.8 5.7-5.6 6.7l6.2 8.3c.2.2.1.3 0 .3zm-15.4-16.9v5.3l6-1.1c2-.4 2.8-1.3 2.8-2.3v-.3c0-1.1-.5-1.6-1.9-1.6z'/%3E%3Cpath d='m180 16v5.6c0 5.7-4 8.6-11.5 8.6-7.4 0-11.3-2.8-11.3-8.6v-5.6c0-5.7 3.9-8.5 11.3-8.5 7.5 0 11.5 2.8 11.5 8.5zm-6.1.1c0-2.1-1.5-3.4-4.7-3.4h-1.5c-3 0-4.4 1.3-4.4 3.4v5.5c0 2.1 1.5 3.4 4.4 3.4h1.5c3.2 0 4.7-1.3 4.7-3.4z'/%3E%3Cpath d='m207.4 24.1 1.9-7.7 2-8.3c0-.1.1-.2.2-.2h6c.1 0 .2.1.2.2l-2.4 8.2-3.9 13.2c0 .1-.1.2-.2.2h-7.6c-.1 0-.2-.1-.2-.2l-2-8.5-1.5-7h-.1l-1.6 7-2.1 8.5c0 .1-.1.2-.2.2h-7.6c-.1 0-.2 0-.2-.2l-6.2-21.4c0-.2 0-.2.2-.2h5.9c.1 0 .2 0 .2.2l2.1 8.3 1.8 7.7h.2l1.6-7.4 2-8.6c0-.1.1-.2.2-.2h7.5c.1 0 .2.1.2.2l1.9 8.6 1.5 7.4z'/%3E%3C/g%3E%3C/svg%3E"); } @media screen and (max-width: 990px){ #rootCrossSellingWidget [class^='crossSellIdx_groupIdx_productIdx']:has(svg):after{ display: none !important; } #rootCrossSellingWidget .stx-p-card-content, #rootCrossSellingWidget .stx-cs-image-content-product{ display: block; } #rootCrossSellingWidget .stx-cs-image-content-product .stx-cs-product-image{ width: 100%; display: block; } #rootCrossSellingWidget .stx-cs-productCard-container .stx-cs-image-content-product img{ max-width: unset; } #rootCrossSellingWidget .stx-cs-body-container .stx-cs-product-name div{ font-size: 1.1rem; } #rootCrossSellingWidget [class^='crossSell_button_crossSellIdx_groupIdx_productIdx']{ display: none; } } /* 00325195 END */ /* 240730 */ #rootCrossSellingWidget .stx-p-dropdown-item { padding:5px; } #rootCrossSellingWidget .stx-p-dropdown-panel{ background: #f9f9f9 !important; } #rootCrossSellingWidget .p-dropdown { margin-bottom: 10px; } /* 240730 END*/ /* Quick Buy Section */ .cross_selling_grids_panel .cs_product_brief_view { padding-bottom: 0; width: 25%; min-height: auto !important; margin-top: 25px; } .cross_selling_grids_panel .cs_product_expand_view { background: #f9f9f9; margin: 0 !important; padding: 3%; border-bottom: solid 10px var(--brand-royal); } .cross_selling_grids_panel .open { } .close_expand_panel { font-size: 50px; top:10px; right:10px; color: #ababab; } .content_cross_selling .cs_product_brief_view .buttonRow { overflow: hidden; float: left; position: relative; z-index: 0; } .content_cross_selling .cs_product_brief_view .buttonRow:after { content: ''; display: block; background: var(--brand-royal); width: 100%; height: 10px; position: absolute; z-index: -1; bottom:0; left:0; } .product .quick_booking .service .item>span.article>select, .product .quick_booking .service .item>span.article input, .product_right_img .quick_booking .service .item>span.article>select, .product_right_img .quick_booking .service .item>span.article input, .product .quick_booking .service .item>span.quantity>select, .product .quick_booking .service .item>span.quantity input, .product_right_img .quick_booking .service .item>span.quantity>select, .product_right_img .quick_booking .service .item>span.quantity input, .main_content_up_sell .product .quick_booking .item select, .main_content_cross_sell_in .product .quick_booking .item select, .main_content_suggestion .product .quick_booking .item select, .secondary_content_up_sell .product .quick_booking .item select, .secondary_content_cross_sell_in .product .quick_booking .item select, .secondary_content_suggestion .product .quick_booking .item select { padding:10px; border-radius:1px; } .item select[name="serviceFormData[0].itemId"] option:disabled{ display: none !important; } .product .quick_booking .service .item>span, .product_right_img .quick_booking .service .item>span { padding: 9px 1px; border:0; } .product .quick_booking .service .item:last-child>span, .product_right_img .quick_booking .service .item:last-child>span { border-bottom: 1px solid #efefef; } .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .service { margin-bottom: 20px; } .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .service span.article { width: 45%; } .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .quickbookingForm table.subtotal { margin-bottom:15px; } /* Hide to off the shelf triangle */ .cross_selling_grids_panel .triangle_tip, .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .viewDetails { display: none !important; } .cross_selling_grids_panel .cs_product_brief_view .success_overlay span:before { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 431.6 431.6' viewBox='0 0 431.6 431.6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m431.6 215.8c0-119.3-96.5-215.8-215.8-215.8s-215.8 96.5-215.8 215.8 96.5 215.8 215.8 215.8 215.8-96.5 215.8-215.8zm-108.9-114.9-151 151-65.4-65.4-48.4 48.5 113.9 113.9 199.5-199.5z' fill='%2300fd4a' fill-rule='evenodd'/%3E%3C/svg%3E"); border-radius: 100%; } .main_content_up_sell .product:nth-child(odd), .main_content_cross_sell_in .product:nth-child(odd), .main_content_suggestion .product:nth-child(odd), .secondary_content_up_sell .product:nth-child(odd), .secondary_content_cross_sell_in .product:nth-child(odd), .secondary_content_suggestion .product:nth-child(odd) { padding:0; } /* Add row ICO*/ .cross_selling_grids_panel .alternative_button.add .symbol { width: 125px; height: 21px; margin-top: -10.5px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 218.6 36.6' viewBox='0 0 218.6 36.6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2363b1bc'%3E%3Cpath d='m31 14.8h-12v-12h-7v12h-12v7h12v12h7v-12h12z'/%3E%3Cpath d='m52 29.6c0 .1-.1.2-.2.2h-5.9c-.1 0-.2-.1-.1-.2l7.8-21.4c0-.2.1-.2.1-.2h7.9c.1 0 .2 0 .2.2l7.8 21.4c0 .1 0 .2-.1.2h-6c-.1 0-.2 0-.2-.2l-1.2-3.5h-8.9zm8.6-8.3-2.7-7.9h-.4l-2.7 7.9z'/%3E%3Cpath d='m93.8 16.4v4.9c0 5.7-3.7 8.5-10.8 8.5h-10.5c-.1 0-.2-.1-.2-.2v-21.4c0-.1.1-.2.2-.2h10.6c7 0 10.7 2.7 10.7 8.4zm-10.7 8.3c4.8 0 4.8-1.1 4.8-8.4 0-2.2-1.5-3.6-4.8-3.6h-4.8v12z'/%3E%3Cpath d='m119.4 16.4v4.9c0 5.7-3.7 8.5-10.8 8.5h-10.5c-.1 0-.2-.1-.2-.2v-21.4c0-.1.1-.2.2-.2h10.6c7 0 10.7 2.7 10.7 8.4zm-10.7 8.3c4.8 0 4.8-1.1 4.8-8.4 0-2.2-1.5-3.6-4.8-3.6h-4.8v12z'/%3E%3Cpath d='m154.6 29.8h-6.8c-.1 0-.2-.1-.3-.1l-4.9-7.3-3.3.7v6.6c0 .1-.1.2-.2.2h-5.6c-.1 0-.2-.1-.2-.2v-21.5c0-.1.1-.2.2-.2h13.6c4.4 0 6.9 1.7 6.9 5.6v.9c0 3.8-1.8 5.7-5.6 6.7l6.2 8.3c.2.2.1.3 0 .3zm-15.4-16.9v5.3l6-1.1c2-.4 2.8-1.3 2.8-2.3v-.3c0-1.1-.5-1.6-1.9-1.6z'/%3E%3Cpath d='m180 16v5.6c0 5.7-4 8.6-11.5 8.6-7.4 0-11.3-2.8-11.3-8.6v-5.6c0-5.7 3.9-8.5 11.3-8.5 7.5 0 11.5 2.8 11.5 8.5zm-6.1.1c0-2.1-1.5-3.4-4.7-3.4h-1.5c-3 0-4.4 1.3-4.4 3.4v5.5c0 2.1 1.5 3.4 4.4 3.4h1.5c3.2 0 4.7-1.3 4.7-3.4z'/%3E%3Cpath d='m207.4 24.1 1.9-7.7 2-8.3c0-.1.1-.2.2-.2h6c.1 0 .2.1.2.2l-2.4 8.2-3.9 13.2c0 .1-.1.2-.2.2h-7.6c-.1 0-.2-.1-.2-.2l-2-8.5-1.5-7h-.1l-1.6 7-2.1 8.5c0 .1-.1.2-.2.2h-7.6c-.1 0-.2 0-.2-.2l-6.2-21.4c0-.2 0-.2.2-.2h5.9c.1 0 .2 0 .2.2l2.1 8.3 1.8 7.7h.2l1.6-7.4 2-8.6c0-.1.1-.2.2-.2h7.5c.1 0 .2.1.2.2l1.9 8.6 1.5 7.4z'/%3E%3C/g%3E%3C/svg%3E"); } @media screen and (max-width: 990px) { .content_cross_selling { margin-top: -20px; } body.rwd .cross_selling_grids_panel .cs_product_brief_view { max-width: 33%; clear: none; border:0 !important; } body.rwd .product .product_image_container img { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: none; -ms-transform: none; transform: none; } body.rwd .product .product_image_container { margin: 0 0 20px 0; width: 100%; clear: both; overflow: hidden; display: block !important; } .main_content_up_sell .product .product_image_container .product_image, .main_content_cross_sell_in .product .product_image_container .product_image, .main_content_suggestion .product .product_image_container .product_image, .secondary_content_up_sell .product .product_image_container .product_image, .secondary_content_cross_sell_in .product .product_image_container .product_image, .secondary_content_suggestion .product .product_image_container .product_image { max-width: none; width:100%; } body.rwd .cross_selling_grids_panel .cs_product_brief_view .product .titlePriceContainer, body.rwd .cross_selling_grids_panel .cs_product_brief_view .product .viewDetailsButtonRow { clear: both; width: 100%; float: left; min-height: auto !important; } body.rwd .cross_selling_grids_panel .cs_product_brief_view .product .viewDetails { position: relative; bottom: auto; right: auto; left: auto; top: auto; } body.rwd .cross_selling_grids_panel .cs_product_brief_view .product .viewDetails a { padding-left:14px !important; } body.rwd .cross_selling_grids_panel .cs_product_brief_view .product .titlePriceContainer .mobileTitle { width: auto; } /* Mobile quick booking */ body.rwd .cross_selling_grids_panel .cs_product_expand_view { padding:15px !important; margin-top:10px !important; width: 100%; clear: both; float: left; } body.rwd .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .item { border:0; } body.rwd .cross_selling_grids_panel .cs_product_expand_view .product .quick_booking .quickbookingForm .horizontalLine { display: none; } } body.rwd .cross_selling_grids_panel .cs_product_brief_view { margin-top:25px; } @media screen and (max-width: 480px) { body.rwd .cross_selling_grids_panel .cs_product_brief_view { max-width: 100%; padding:0; } } /* Donations */ .product .quick_booking .service .item>span.article .free_amount_constraint, .product_right_img .quick_booking .service .item>span.article .free_amount_constraint { margin-top: 7px !important; } .product .quick_booking .service .item>span.unit_price input[type='text'], .product_right_img .quick_booking .service .item>span.unit_price input[type='text'] { width: 3em; height: 41px; min-width: 80px; font-size: 12px; margin: 0 10px !important; padding: 10px !important; } .product .quick_booking .service .item>span, .product_right_img .quick_booking .service .item>span { vertical-align: initial; } /* =============================================== */ /* ! Main Content Areas */ /* =============================================== */ .secondary_content, .main_content_group, .main_content { border: 0; } #main_content_container.main_content_only, #main_content_container.main_content_only .main_content { width: 100% !important; } .stx-Catalog-seeAllButton { display: none !important; } .item { white-space: normal !important; text-overflow: inherit !important; } /* =============================================== */ /* ! Tabbed Content Areas */ /* =============================================== */ .tabs_section {display: none;} .tabs li:first-child .nav_title { padding-left:0; } .tabs>.content_title.highlight>.title { padding-top:0; border-bottom: solid 4px var(--brand-royal); } /* =============================================== */ /* ! Filters */ /* =============================================== */ .filters { background: #f2f2f2; padding:25px; } .filters .criteria label, #main_content_list_products_OTHER_PRODUCTS #product_counter { color: var(--brand-black); text-transform: uppercase; font-size: .8em; } .filters .criteria select { border-color: var(--brand-black); } #main_content_list_products_OTHER_PRODUCTS #product_counter { padding-right:25px; margin-top: 8px; } /* =============================================== */ /* ! Collapsable boxes / Accordians */ /* =============================================== */ .main_content_list_products .group_main_title { padding:30px 25px; background-color: var(--brand-royal); color: var(--brand-white); } .main_content_list_products .group_foldable .group_main_title .group_count { margin: 0 5em; } /* Accordion arrow up/down*/ .main_content_list_products .group_foldable .group_main_title { opacity: 1; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 86.5 127.5' viewBox='0 0 86.5 127.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 60.2v8.5l34.3-34.3v93.1h6v-107.6zm46.2 67.3h6v-93.1l34.3 34.3v-8.5l-40.3-40.3zm-46.2-84.3v8.5l43.3-43.2 43.2 43.2v-8.5l-43.2-43.2z' fill='%23fff'/%3E%3C/svg%3E"); background-position: right 25px center; font-size: 2em !important; } .main_content_list_products .group_foldable .group_main_title.closed{ background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 86.5 127.5' viewBox='0 0 86.5 127.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m86.5 67.3v-8.5l-34.3 34.3v-93.1h-6v107.6zm-46.2-67.3h-6v93.1l-34.3-34.3v8.5l40.3 40.3zm46.2 84.3v-8.5l-43.3 43.2-43.2-43.2v8.5l43.2 43.2z' fill='%23fff'/%3E%3C/svg%3E"); } .main_content_list_products .group_foldable .group_main_title .group_title { padding-right:0; } .group_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main_content_list_products .product { border: 0; } .group_content .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content_product_info { padding: 0; overflow: hidden; } ul.semantic-no-styling {} th.semantic-no-styling { text-align: left !important; } /* =============================================== */ /* ! Product date select page */ /* =============================================== */ /* Product logo in header */ .product_right_img_header, .product_right_img, .product_description_header .main_content_group { width: 100% !important; max-width: 1290px; } #product_header .product_right_img, .product_right_img { padding: 25px 0; background-color: transparent; } .product_right_img .product_image_container .product_image { max-height: 195px !important } /*Fallback / default Gradient*/ .product_description_header { background-color: var(--brand-cf-primary); background: linear-gradient(90deg,rgba(99, 177, 188, 1) 0%, rgba(0, 86, 112, 1) 100%); } /* motogp .product_description_header.product_101536124066, .product_description_header.product_101536124067, .product_description_header.product_101536124068, .product_description_header.product_101536124069, .product_description_header.product_101536124070 { background: rgb(18,5,49); background: linear-gradient(45deg, rgba(18,5,49,1) 0%, rgba(16,6,159,1) 65%); } */ #product_header .content, .secondary_content_group>.content_element>.content, .product_description_header .content_element>.content { background: none !important; color: #fff !important; text-transform: uppercase; } .product_right_img .title .product_image, span.vs, span.opposing, .product_right_img .round_kind { display: none !important; } .product_title_container { margin: 0 0 30px 0; float: left; } .product_title_container .title, .product_right_img .title { font-weight: inherit; color: var(--brand-cf-lime); font-size: 2.4em; text-transform: uppercase; } .product.product_SPORTING_EVENT .subtitle, .product_right_img.product_SPORTING_EVENT .subtitle, .product_right_img.product_SPORTING_EVENT .round_kind { font-weight: inherit; color: #fff; font-size: 21px; text-transform: uppercase; margin: 0 0 20px 0; } .product_description_header .product_right_img .location, .product_right_img .location, .product_right_img .address, .product_right_img .show_map, .product.product_championship_seasonticket .location, .product_right_img.product_championship_seasonticket .location, .has_register_box .product_SEASONTICKET { display: none !important; } /* Hide the seat number for now .product_SEASONTICKET td.seat {display: none;} */ .product_description_header .product_right_img .range, .content_product_info .location, .product_right_img #content_product_info_content_101528350089 .description, .product_right_img .description { clear: left; display: block; margin-top:10px; float: left; font-size: 21px; color: #fff; } .product_right_img .description span { font-size: 19px !important; color: #fff !important; font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .product_description_header .product_right_img .space, .product_description_header .product_right_img .site:before, #content_product_info_content_101474929272 .space, #content_product_info_content_101474929270 .space, #content_product_info_content_101474929272 .site:before, #content_product_info_content_101474929270 .site:before, .product .season, .product_right_img .season, .description p:empty, { display: none !important; } .product_right_img .date, .product_right_img .location, .product_right_img .time, .product_right_img .not_final { font-size: 21px; font-weight: unset; color: #fff; text-transform: uppercase; float: left; clear: left; margin-right:15px; } .product.product_SPORTING_EVENT .not_final, .product_right_img.product_SPORTING_EVENT .not_final { font-size: 0.5em; color: #fff; } .main_content>.content_title>.title { padding: 0; border:0; font-family: "Silverstone Text"; } .main_content>.content_title>.title .main_title, .main_content_group>.content_title>.title, .secondary_content_group>.content_title>.title, .main_content_group>.content_title>.title .main_title, .secondary_content_group>.content_title>.title .main_title, .stx-panel-title { font-size: 42px; line-height: 1.05em; padding: 8px 0 !important; text-transform: uppercase; color: var(--brand-cf-primary); font-family: 'Silverstone Display'; } .stx-panel-title-header {font-size: 42px !important;} .main_content>.content_title>.title .main_title a { color: var(--brand-royal); } :focus:not(input) { outline: none !important; } .datepicker_container { padding: 0; margin: 0 0 30px 0; } @media only screen and (min-width:0px) and (max-width:991px) { .product_description_header .content { padding: 0 !important; } .product_right_img_header .product_right_img { padding: 25px !important; } body.rwd .product_right_img .product_image_container { float: right !important; } .main_content>.content_title>.title .main_title, .main_content_group>.content_title>.title, .secondary_content_group>.content_title>.title, .main_content_group>.content_title>.title .main_title, .secondary_content_group>.content_title>.title .main_title, .timeSlotsPassSelectedDate, .body.rwd .title3, .stx-panel-title-header { font-size: 30px !important; line-height: 110%; } .product_description_header .product_right_img .location, .product_description_header .product_right_img .range, .content_product_info .location { margin-top:0; } } @media only screen and (min-width:0px) and (max-width:761px) { .product_right_img .product_image_container .product_image { /*max-height: 100px !important*/ } .product_title_container { margin: 0 0 20px 0; } } @media only screen and (min-width:0px) and (max-width:480px) { body.rwd .product_right_img .product_image_container { float: none !important; margin: 0 auto } .product_title_container { width: 100%; margin: 0 0 5px 0; } body.rwd .product .title_with_button .title, body.rwd .product_right_img .title_with_button .title { padding-right: 0; } .product_description_header .product_right_img .location, .product_description_header .product_right_img .range { width: 100%; } .product_right_img .date, .product_right_img .location, .product_right_img .time { margin-right:0; font-size: 16px; } .product_right_img .unique .day { padding:0; } .product_right_img .unique .time { float: left; width: 100%; clear: both; } } .ui-datepicker { background-color: #fafafa; border-radius: 0; padding: 15px 10px; } .ui-datepicker-title { text-transform: uppercase; font-weight: bold; color: var(--brand-midnight); } .ui-datepicker-calendar thead { color: var(--brand-midnight); } .datepicker_legend .datepicker_legend_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; } .datepicker_legend .datepicker_legend_item .datepicker_legend_color_box { width: 30px; height: 30px; border-radius: 5px; border: 0; margin: 0 15px; } .datepicker_legend_text { color: #333; } @media only screen and (min-width:0px) and (max-width:990px) { body.rwd .datepicker_legend { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker_legend .datepicker_legend_item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; padding:0 !important; min-width: 145px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (min-width:0px) and (max-width:480px) { body.rwd .datepicker_legend { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .datepicker_legend .datepicker_legend_item { width: 100%; } } #timeSlotsContainer .timeslot_pass.header { border: none; background-color: var(--brand-royal); color: #ffffff; font-weight: 500; text-transform: uppercase; } @media only screen and (min-width:0px) and (max-width:990px) { #timeSlotsContainer .timeslot_pass.header { display: none; } } .timeSlotsPassSelectedDate { padding-left: 0; color: var(--brand-royal); font-size: 42px; } .timeslots_quantity_container { display: none !important; } .ui-datepicker a, .ui-datepicker a:link, .ui-datepicker a:active, .ui-datepicker a:visited { border: solid 2px transparent; } /* Space Avail*/ .ui-datepicker .datepicker_free a, .ui-datepicker .datepicker_free a:link, .ui-datepicker .datepicker_free a:active, .ui-datepicker .datepicker_free a:visited { color: var(--brand-midnight); background: #00fd4a; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ui-datepicker .ui-datepicker-current-day.datepicker_free a, .ui-datepicker .ui-datepicker-current-day.datepicker_free a:link, .ui-datepicker .ui-datepicker-current-day.datepicker_free a:active, .ui-datepicker .ui-datepicker-current-day.datepicker_free a:visited { border: solid 2px #00fd4a; background: #fff; color: var(--brand-midnight); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ui-datepicker .datepicker_free a:hover { text-decoration: none; background-color: #00fd4a; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: var(--brand-midnight); } /* Limited Avail*/ .ui-datepicker .datepicker_limited a, .ui-datepicker .datepicker_limited a:link, .ui-datepicker .datepicker_limited a:active, .ui-datepicker .datepicker_limited a:visited { color: var(--brand-midnight); background: #fd9827; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ui-datepicker .ui-datepicker-current-day.datepicker_limited a, .ui-datepicker .ui-datepicker-current-day.datepicker_limited a:link, .ui-datepicker .ui-datepicker-current-day.datepicker_limited a:active, .ui-datepicker .ui-datepicker-current-day.datepicker_limited a:visited { border: solid 2px #fd9827; background: #fff; color: var(--brand-midnight); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ui-datepicker .datepicker_limited a:hover { text-decoration: none; background-color: #fd9827; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: var(--brand-midnight); } body.rwd .datepicker_container { padding: 0; } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-unselectable span, .ui-datepicker .datepicker_selectable a, .ui-datepicker .ui-datepicker-today a { padding: 10px 0px; border: solid 2px transparent; margin: 2px; } .tariff .available .availability_bullet, .performance .available .availability_bullet, .performance-row .available .availability_bullet, .timeslot_pass .available .availability_bullet, .expiration_info .available .availability_bullet, .quota_info .available .availability_bullet, .datepicker_legend .datepicker_legend_free .datepicker_legend_color_box { background-color: #00fd4a; } .performances_container .performance.performance_VISIT, .performances_container .performance.timeslot_simple_container, .performances_container .performance.tour_sub_product_container, .timeslot_pass.performance_VISIT, .timeslot_pass.timeslot_simple_container, .timeslot_pass.tour_sub_product_container, .tour_sub_product_container.performance_VISIT, .tour_sub_product_container.timeslot_simple_container, .tour_sub_product_container.tour_sub_product_container, #cached_page_selection_item .performance.performance_VISIT, #cached_page_selection_item .performance.timeslot_simple_container, #cached_page_selection_item .performance.tour_sub_product_container, #page_selection_resale_eventDate .performance.performance_VISIT, #page_selection_resale_eventDate .performance.timeslot_simple_container, #page_selection_resale_eventDate .performance.tour_sub_product_container { border-top: 0; } .timeslot_simple_container { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .timeslot_simple_container:hover:not(.timeslot_simple_container.sold_out:hover) { margin-left: -3px; } .timeslots_container { margin-top:20px; } .timeslot_simple_container { text-transform: uppercase; color: var(--brand-midnight); } .timeslot_simple_container.sold_out { color: #616161; } .timeslot_simple_container.sold_out .button_container { display: none; } .performances_container .performance .availability, .timeslot_pass .availability, .tour_sub_product_container .availability, #cached_page_selection_item .performance .availability, #page_selection_resale_eventDate .performance .availability { display: inline-block; margin: 0 0 0 20px; font-size: 12px; font-weight: bold; } .availability_status { padding: 5px 10px; margin: 5px 0; border-radius: 10px; font-size: 14px; } .availability_status.limited { background-color: #fd9827; } .availability_status.sold_out { background-color: #d9d9d8; } /* Hide the colours circles in tables */ .availability_status .icon, th.category .color, td.category .color, th.availability .available, td.availability .available, th.availability .limited, td.availability .limited { display: none !important; } .availability_status .text { padding: 0; } @media only screen and (min-width:0px) and (max-width:990px) { body.rwd #timeSlotsContainer .timeslot_pass { padding:20px 20px 20px 25px; list-style: none; } body.rwd #timeSlotsContainer .timeslot_pass .availability_ribbon+.timeslot_time { padding-left: 0; } body.rwd #timeSlotsContainer .timeslot_pass .timeslot_from_price { margin:10px 0 0 0; clear: both; } body.rwd #timeSlotsContainer .timeslot_pass .button_container { margin:10px 0 0 0; clear: both; float: left; } body.rwd #timeSlotsContainer .timeslot_pass .button_container .button { float: left; } body.rwd #timeSlotsContainer .timeslot_pass .button_container .button a { float: left; } .performances_container .performance .availability, .timeslot_pass .availability, .tour_sub_product_container .availability, #cached_page_selection_item .performance .availability, #page_selection_resale_eventDate .performance .availability { display: block; margin: 0; clear: left; float: left; } } @media only screen and (min-width:0px) and (max-width:480px) { body.rwd #timeSlotsContainer .timeslot_pass .button_container { margin:10px 0 0 0; clear: both; float: left; width: 100%; } body.rwd #timeSlotsContainer .timeslot_pass .button_container .button { float: left; width: 100% } body.rwd #timeSlotsContainer .timeslot_pass .button_container .button a { float: left; } } /* =============================================== */ /* ! Vehicle Selection Page /* =============================================== */ .table_container { font-size: inherit; margin: 30px 0 0 0; font-size: 18px; } tr[data-conditionalrateid="__101461577878"] { display: none !important; } .product_container>.table_container:before { display: none !important; } /* Add triangles to table heads */ .table_container thead > tr:first-child, .timeslot_pass.header, .conditional_group_start .tariff { position: relative; } /* Triangle Bottom Left*/ .table_container thead > tr:first-child:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 18px 31px 0 0; border-color: var(--brand-royal) transparent transparent transparent; position: absolute; left:0; bottom: -15px; } .table_container table { font-size: 18px; } th.quantity input, td.quantity input { width: auto; max-width: 60px; } /* Triangle Top Left */ .conditional_group_start .tariff:before, .timeslot_pass.header:before { width: 0; height: 0; border-style: solid; content: ''; border-width: 18px 0 0 30px; border-color: transparent transparent transparent #e6e6e6; position: absolute; left:0; bottom: auto; display: block; top: -11px; right: auto; } @media screen and (max-width: 1200px) { .table_container thead > tr:first-child:after, .table_container thead > tr:first-child:after { display: none; } } /* Top left triangle blue*/ .timeslot_pass.header:before { border-color: transparent transparent transparent var(--brand-royal); } /* Hide triangles in Safari */ @media not all and (-webkit-min-device-pixel-ratio:0), not all and (-o-min-device-pixel-ratio:0/1), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .table_container thead > tr:first-child:after, .conditional_group_start .tariff:before, .timeslot_pass.header:before { display: none !important; } }} /* Family Bundle Styling */ .promotion_rate .tariff:before {display: none !important;} tr.conditional_group, tr.conditional_group th, tr.conditional_group td { background: #fff !important; } /* Triangle Top Left */ .conditional_group_start .tariff:before, .timeslot_pass.header:before, .table_container thead > tr:first-child:after { display: none !important; } .conditional_group.conditional_rate_message .message_cell { height: auto !important; background: #fff !important; } .condition_message { line-height: 120%; font-size: .85em; } .product_container .table_container { margin-top:0; } #main_content_cart .table_container th, #main_content_cart .table_container td, #main_content_reservation .table_container th, #main_content_reservation .table_container td, #main_content_summary_products .table_container th, #main_content_summary_products .table_container td, .main_content_summary_delivery .table_container th, .main_content_summary_delivery .table_container td { vertical-align: top; } .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr th { color: var(--brand-midnight); padding-top:20px; padding-bottom: 20px; } .content_element .content .table_container tfoot td, .content_element .content .table_container thead th { color: var(--brand-cf-lime); background: var(--brand-cf-primary); padding: 17px 5px; height: auto; font-weight: 500; font-size: 19px; text-transform: uppercase; } .content_element .content .table_container tbody tr.subtotal { font-size: 18px; } .content_element .content .table_container tr.subtotal.with_submit_button td { padding-top:10px; } .content_element .content .table_container tbody tr.subtotal td > *:not(.dialog-content) { display: block; float: right; clear: both; margin: 8px 0 0 0 !important; text-align: right !important; padding:0; width: 100% !important; color: #8d8d8b !important; } .content_element .content .table_container tbody tr.subtotal td .amount_text { font-size: 16px; } .content_element .content .table_container tbody tr.subtotal td .amount { color: var(--brand-midnight) !important; } .amount { white-space: nowrap !important; } .amount .currency, .unit_price input+script+.currency { font-size: 1em; } .content_element .content .table_container tr.subtotal.with_submit_button td.reservation_amount .reservation_text, .content_element .content .table_container tr.subtotal.with_submit_button td.reservation_amount .amount { font-size: inherit; } .content_element .content .table_container tr.subtotal.with_submit_button td.reservation_amount .amount { color: var(--brand-midnight); } .content_element .content .table_container tbody tr.subtotal td .stx_tfooter_buttons_container { margin-top:30px !important; } .seat_infomation { border:0; padding:0; } @media screen and (max-width: 480px) { .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr th { padding:14px 5px !important; } } @media screen and (min-width: 990px) { .buttons_container { padding: 40px 0; } body.rwd .main_content.collapsible .title_container { padding:0 !important; } .content_element .content .table_container tfoot td, .content_element .content .table_container thead th { padding:11px 5px; } body.rwd .content_element .content .table_container td.quantity, .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr td, .content_element .content .table_container tbody tr th { padding: 11px 5px; vertical-align: middle !important; } .table_container thead > tr:first-child:after { bottom: -8px; } body.rwd .product_right_img { padding:20px; } .alternative_button.delete a, .alternative_button.cancel a { padding-left: 5px !important; } } .alternative_button a:not(.viewDetails a){ color: var(--brand-cf-secondary) !important; text-transform: none; } .alternative_button.back .symbol { display: none !important; margin-top: -6.5px;/* left: -4.5px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60.2 86.5h8.5l-34.3-34.3h93.1v-6h-107.6zm67.3-46.2v-6h-93.1l34.3-34.3h-8.5l-40.3 40.3zm-84.3 46.2h8.5l-43.2-43.3 43.2-43.2h-8.5l-43.2 43.2z' fill='%23e40033'/%3E%3C/svg%3E"); */ } .alternative_button.rewind .symbol { margin-top: -6.5px; left: -4.5px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 127.5 86.5' viewBox='0 0 127.5 86.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60.2 86.5h8.5l-34.3-34.3h93.1v-6h-107.6zm67.3-46.2v-6h-93.1l34.3-34.3h-8.5l-40.3 40.3zm-84.3 46.2h8.5l-43.2-43.3 43.2-43.2h-8.5l-43.2 43.2z' fill='%2363B1BC'/%3E%3C/svg%3E"); } .alternative_button.delete a, .alternative_button.cancel a { padding-left:0; } .alternative_button.delete .symbol, .alternative_button.cancel .symbol { width: 20px; display: none; /*background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='trash' class='svg-inline--fa fa-trash fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%238d8d8b' d='M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z'%3E%3C/path%3E%3C/svg%3E");*/ } .service .alternative_button.cancel .symbol { display: block; } .alternative_button.delete a:hover .text, .alternative_button.cancel a:hover .text, .alternative_button.delete .text, .alternative_button.cancel .text { color: #8d8d8b; } .product_right_img .date::before { width: 21px; height: 24px; top: 5px; margin-right: 5px; position: relative; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m160 240v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16zm-16 112h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm128-128h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0 128h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm128-128h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0 128h-32c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-288-256h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16zm400 32v320c0 35.3-28.7 64-64 64h-384c-35.3 0-64-28.7-64-64v-320c0-35.3 28.7-64 64-64h16v16c0 17.6 14.4 32 32 32h32c17.6 0 32-14.4 32-32v-16h160v16c0 17.6 14.4 32 32 32h32c17.6 0 32-14.4 32-32v-16h16c35.3 0 64 28.7 64 64zm-32 64c0-17.6-14.3-32-32-32h-384c-17.6 0-32 14.4-32 32v256c0 17.7 14.4 32 32 32h384c17.7 0 32-14.3 32-32zm-112-96h32c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16z' fill='%23fff'/%3E%3C/svg%3E"); content: ' '; } .product_right_img .time::before { width: 21px; height: 24px; top: 5px; margin-right: 5px; position: relative; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m256 8c-137 0-248 111-248 248s111 248 248 248 248-111 248-248-111-248-248-248zm0 448c-110.5 0-200-89.5-200-200s89.5-200 200-200 200 89.5 200 200-89.5 200-200 200zm61.8-104.4-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7v-164.2c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8l-18.8 25.9c-3.9 5.3-11.4 6.5-16.8 2.6z' fill='%23fff'/%3E%3C/svg%3E"); content: ' '; } .product_right_img .location::before { width: 18px; height: 24px; top: 5px; margin-right: 5px; position: relative; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 104.5 126.7' viewBox='0 0 104.5 126.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m51.5 0c-28.8.4-51.9 24.1-51.5 53 0 10.2 2.4 18.8 7.3 26.4 4.8 7.4 11 13.5 15.1 17.6 11.5 11.4 27.8 27.6 27.8 27.6l2.1 2.1 2.1-2.1s16.2-16.2 27.7-27.6c4.1-4.1 10.3-10.3 15.1-17.6 4.9-7.6 7.3-16.2 7.3-26.4 0-.5 0-1 0-1.4-.4-28.9-24.1-52-53-51.6zm40.7 76.1c-4.1 6.3-9.1 11.5-14.3 16.6-9 8.9-20.8 20.8-25.6 25.5-4.8-4.7-16.6-16.6-25.6-25.5-5.2-5.2-10.2-10.3-14.3-16.6-4.2-6.5-6.3-14.1-6.3-23.1 0-25.6 20.7-46.3 46.2-46.3 25.5.1 46.2 20.8 46.2 46.3 0 8.9-2.1 16.5-6.3 23.1zm-39.9-38.1c-8.3 0-14.9 6.7-14.9 14.9 0 8.3 6.7 14.9 14.9 14.9s14.9-6.7 14.9-14.9-6.6-14.9-14.9-14.9zm0 23.8c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9 8.9 4 8.9 8.9-4 8.9-8.9 8.9z' fill='%23fff'/%3E%3C/svg%3E"); content: ' '; margin-right: 10px; } /* Mobile Icons */ @media screen and (max-width: 480px) { .product_right_img .date::before, .product_right_img .time::before, .product_right_img .location::before { width: 16px; height: 24px; top: 9px; margin-right: 5px; } } .alternative_button.print { visibility: hidden !important; } body.rwd #main_content_cart .table_container .event_header, body.rwd #main_content_reservation .table_container .event_header, body.rwd #main_content_summary_products .table_container .event_header, body.rwd .main_content_summary_delivery .table_container .event_header { padding:15px 20px; } .event_header #prod_desc_101474929270.description, .event_header #prod_desc_101474929272.description { display: none; } @media screen and (max-width: 990px) { body.rwd .alternative_button.plus a, body.rwd .alternative_button.add a, body.rwd .alternative_button.less a, body.rwd .alternative_button.delete a, body.rwd .alternative_button.cancel a, body.rwd .alternative_button.remove a, body.rwd .alternative_button.continue a, body.rwd .alternative_button.back a, body.rwd .alternative_button.print a, body.rwd .alternative_button.rewind a, body.rwd .alternative_button.refresh a, body.rwd .alternative_button.edit a, body.rwd .alternative_button.select a, body.rwd .alternative_button.working a, body.rwd .alternative_button.mticket a, body.rwd .alternative_button.download a, body.rwd .alternative_button.eticket a, body.rwd .alternative_button.view_seats a, body.rwd .alternative_button.modify_seats a, body.rwd .alternative_button.search a, body.rwd .alternative_button.points a, body.rwd .alternative_button.collapse a, body.rwd .alternative_button.up a, body.rwd .alternative_button.expand a, body.rwd .alternative_button.down a, body.rwd .alternative_button.pdf a, body.rwd .alternative_button.filter_reset a, body.rwd .alternative_button.calendar a, body.rwd .alternative_button.sort a, body.rwd .alternative_button.location a, body.rwd .alternative_button.barcode a, body.rwd .alternative_button.distribute a, body.rwd .alternative_button.fortress a { padding-left: 6px !important; } .alternative_button a .symbol:not(.alternative_button.modify_seats a .symbol) { display: none !important; } } /* =============================================== */ /* ! Message panels / Error / Success */ /* =============================================== */ .message { width: 100%; clear: both; padding:25px !important; margin-bottom:20px; border: 0 !important; line-height: 110%; } .instruction { padding:0 !important; } #main_content_service .instruction {display: none;} .message > .title { margin-bottom:10px; } .message a { color: var(--brand-race); } .message.success>.content>.icon, .message.info>.content>.icon, .message.warning>.content>.icon, .message.error>.content>.icon, .message.wait>.content>.icon { left: 0; } .message.success>.title, .message.info>.title, .message.warning>.title, .message.error>.title, .message.wait>.title {text-transform: uppercase;} .message.success>.title, .message.info>.title, .message.warning>.title, .message.error>.title, .message.wait>.title, .message.success>.content, .message.info>.content, .message.warning>.content, .message.error>.content, .message.wait>.content { padding-left: 4em; } .message.error>.title, .message.error a.error, .message.error>.content { color: var(--brand-race); } .message.error>.content>.icon { background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' fill='%23FF0036' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m324.76 90.472 97.24 97.24v137.52l-97.24 97.24h-137.52l-97.24-97.241v-137.52l97.24-97.24h137.52m16.568-39.999h-170.656l-120.672 120.672v170.656l120.672 120.672h170.656l120.672-120.672v-170.656zm-20.256 306.484-64.071-64.068-64.07 64.076-34.415-34.434 64.058-64.067-64.065-64.062 34.435-34.414 64.055 64.046 64.044-64.054 34.443 34.42-64.055 64.06 64.062 64.054z'/%3E%3C/svg%3E"); } .message.success>.title, .message.success a.error, .message.success>.content { color: #339d33; } .message.success { } .message.success>.content>.icon { /*background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' fill='%23ffffff' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m324.76 90.472 97.24 97.24v137.52l-97.24 97.24h-137.52l-97.24-97.241v-137.52l97.24-97.24h137.52m16.568-39.999h-170.656l-120.672 120.672v170.656l120.672 120.672h170.656l120.672-120.672v-170.656zm-20.256 306.484-64.071-64.068-64.07 64.076-34.415-34.434 64.058-64.067-64.065-64.062 34.435-34.414 64.055 64.046 64.044-64.054 34.443 34.42-64.055 64.06 64.062 64.054z'/%3E%3C/svg%3E");*/ } .main_content>.content_element>.content>.message.instruction, .main_content>.content_element>.content .audsubcat_radio { padding:0; } .main_content>.content_element>.content>.message.instruction h3 { text-transform: none !important; font-family: 'Silverstone Text' !important; font-weight: 500; } @media screen and (max-width: 990px) { .message { padding:20px 0 20px 20px !important; margin-bottom:10px; } .instruction { padding: 20px 0 !important; } } /* =============================================== */ /* ! Baskets Page */ /* =============================================== */ .shoppingCart .product_image_container, .product_right_img.product_SERVICE .product_image_container { display: none; } #prod_101528350089.product_right_img.product_SERVICE .product_image_container { display: block; } /* =============================================== */ /* ! Cart */ /* =============================================== */ #page_cart_reservation .reservation_compact_view :not(.message)>.title { text-transform: uppercase; padding:0; } .product_container .product_right_img { background: var(--brand-cf-primary); } .granted_performances { display: none; } #secondary_content_cart .cart_link { color: var(--brand-cf-secondary); } #secondary_content_cart .total { color: var(--brand-black); margin: 15px 0; font-size: 24px; } #secondary_content_cart>.content_title>.title .main_title { text-align: center; } #main_content_cart .buttons_container, #main_content_reservation .buttons_container, #main_content_summary_products .buttons_container, .main_content_summary_delivery .buttons_container { padding: 30px 0 !important; } #secondary_content_countdown .content { padding:25px 25px 25px 25px; background: var(--brand-cf-secondary); font-size: 17px; color: #fff; } #secondary_content_countdown .content h3 { text-transform: none !important; color: var(--brand-race); border-top: solid 1px #d9d9d8; padding-top:20px; font-family: 'Silverstone Text' !important; font-weight: 500; } .countdown_box .highlight, .countdown_seconds { font-size: 17px; } #content_countdown > p > span > span { display: flex; flex-direction: column; padding-top:10px; } #secondary_content_countdown .countdown_seconds { display: inline-block; padding: 5px 0; font-size: 21px; } #secondary_content_cart+#secondary_content_countdown:before { display: none; } #secondary_content_cart .button a { max-width: fit-content; } /* =============================================== */ /* ! Additional Containers (Park and ride pass) */ /* =============================================== */ #main_content_beneficiaries .product_image_container { display: none; } #main_content_tickets td.print, #main_content_file_details td.print, #main_content_beneficiaries td.print { padding: 0; } #main_content_tickets td.print .ticket_additional_container, #main_content_tickets .print_options .ticket_additional_container, #main_content_tickets .resale_info .ticket_additional_container, #main_content_tickets .product_tickets .ticket_additional_container, #main_content_file_details td.print .ticket_additional_container, #main_content_file_details .print_options .ticket_additional_container, #main_content_file_details .resale_info .ticket_additional_container, #main_content_file_details .product_tickets .ticket_additional_container, #main_content_beneficiaries td.print .ticket_additional_container, #main_content_beneficiaries .print_options .ticket_additional_container, #main_content_beneficiaries .resale_info .ticket_additional_container, #main_content_beneficiaries .product_tickets .ticket_additional_container { background-color: #f9f9f9; } #main_content_file_details .print_actions td.print:before, #main_content_beneficiaries .print_actions td.print:before { border-bottom: 8px solid #f9f9f9; } #beneficiary_form, .questionnaire_answers_content { border-top: 1px solid #ececec; } #beneficiary_form > section, #beneficiary_form > div { width: 90% !important; } #beneficiary_form .field { width: 100% !important; } #beneficiary_form .field input[type="text"], #beneficiary_form .field input[type="email"], #beneficiary_form .field input[type="number"], #beneficiary_form .field select { margin: 0 0 15px 0 !important; background: #fff; } #beneficiary_form .button a { margin: 0 auto; clear: both; } #beneficiary_mandatory {line-height: 125%;} #beneficiary_form .beneficiary_questionnaire { clear: both; overflow: hidden; width: 100%; } #beneficiary_form .beneficiary_single .label.field_label { font-size: 1.1em; top: auto; display: block; padding-bottom: 8px; color: var(--brand-midnight); } /* Adjust the order of the fields using flexbox */ #beneficiary_form #TicketBeneficiaryFormModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #beneficiary_form #TicketBeneficiaryFormModel #beneficiary_names_outside_questionnaires_container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #beneficiary_form #TicketBeneficiaryFormModel #mandatory_info_description { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; } @media only screen and (min-width:0px) and (max-width:990px) { .formats_container { flex-direction: column !important; } } /* =============================================== */ /* ! Booking Summary */ /* =============================================== */ #page_checkout_orderSummary .product_image_container, .main_content_summary_delivery .delivery_mode_delay { display: none !important; } #main_content_summary_vouchers.main_content>.content_element>.content #add_voucher_box { padding: 25px; margin: 0; background: #f2f2f2; position: relative; border:0; } #main_content_summary_vouchers #group_voucher_input { display: flex !important; flex-direction: row; justify-content: space-between; } #main_content_summary_vouchers #group_voucher_input input { margin:0 !important; width:auto; background: #fff; flex:1; padding: 20px 15px !important; } #main_content_summary_vouchers #group_voucher_input .button { height:auto; margin: 0 !important; display: flex; align-items: center; flex-direction: column; } #main_content_summary_vouchers #group_voucher_input .button a { flex: 1; } #main_content_summary_vouchers #group_voucher_input .button a:after { width:25px; } .stx-panel-title-container {border: 0 !important;} .p-toggleable-content .p-panel-content {padding-right:0 !important;padding-left: 0 !important;} .stx-promoter-opt-in-actions-container button.p-button-link { display: none !important;} #rootPromoterOptInWidget .p-toggleable-content .p-panel-content { padding: 25px; margin: 25px 0 0 0; background: #f2f2f2; position: relative; border: 0; } #rootPromoterOptInWidget .p-toggleable-content .p-panel-content p { font-family: 'Silverstone Text'; color: #222; font-size:16px !important; margin: 0 0 10px 0; } #rootPromoterOptInWidget .stx-promoter-opt-in-actions-container button { font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #rootPromoterOptInWidget .stx-promoter-opt-in-actions-container button.p-disabled { cursor: not-allowed; } @media only screen and (min-width:0px) and (max-width:990px) { #main_content_summary_vouchers #group_voucher_input { margin-top:15px; } } /* =============================================== */ /* ! Cart progress pages: page 1 */ /* =============================================== */ #main_content_steps_bar_2 { border: 0; margin-bottom: 25px; } .steps_bar .step { text-align: left; padding-top: 0; padding-bottom: 18px; font-size: 1.5em; text-transform: uppercase; font-family: 'Silverstone Display' } .steps_bar .step.current .number, .steps_bar .step.current .text { color: var(--brand-royal); font-weight: 600; font-family: 'Silverstone Display' } .steps_bar .separator, .steps_bar .step .symbol, .steps_bar .step.current .cursor { display: none !important; } #collapsiblePanel_main_content_summary_products > div > div.total { padding: 25px; color: var(--brand-royal); font-size: 1.2em; line-height: 125%; background: #f2f2f2; text-transform: uppercase; font-family: 'Silverstone Display'; position: relative; border: 0; } #page_checkout_orderSummary #main_content_container .main_content_summary_delivery span.subtotal, #page_checkout_orderSummary #main_content_container .main_content_summary_delivery span.total, #page_checkout_orderSummary #main_content_container .main_content_summary_delivery .charges_wrapper, #popup_distribute_ticket #main_content_container .main_content_summary_delivery span.subtotal, #popup_distribute_ticket #main_content_container .main_content_summary_delivery span.total, #popup_distribute_ticket #main_content_container .main_content_summary_delivery .charges_wrapper, #main_content_summary_terms_and_conditions .content { padding: 25px; margin: 20px 0 0 0; color: var(--brand-cf-primary); font-size: 1.2em; line-height: 125%; background: #f2f2f2; text-transform: uppercase; font-family: 'Silverstone Display'; position: relative; border:0; } #page_checkout_orderSummary .content_element .charges_wrapper .charges_text, #popup_distribute_ticket .content_element .charges_wrapper .charges_text, #page_checkout_orderSummary .content_element .charges_wrapper .amount, #popup_distribute_ticket .content_element .charges_wrapper .amount { color: var(--brand-cf-primary); font-size: 1.2em; } .amount > .int_part, .unit_price > .int_part { margin-left:-2.5px ; } #page_checkout_orderSummary .content_element .charges_wrapper .amount > .int_part , #popup_distribute_ticket .content_element .charges_wrapper .amount > .int_part, #main_content_summary_terms_and_conditions .due_amount .amount > .int_part { margin-left:-7px ; } #page_checkout_orderSummary #main_content_container .table_container .group_end tbody td.subtotal { border-bottom: 1px solid #e6e6e6; } #main_content_summary_products .total .total_text { float: none; } /* Triangle Top Left */ #collapsiblePanel_main_content_summary_products > div > div.total:before, #page_checkout_orderSummary #main_content_container .main_content_summary_delivery span.subtotal:before, #page_checkout_orderSummary #main_content_container .main_content_summary_delivery span.total:before, #page_checkout_orderSummary #main_content_container .main_content_summary_delivery .charges_wrapper:before, #popup_distribute_ticket #main_content_container .main_content_summary_delivery span.subtotal:before, #popup_distribute_ticket #main_content_container .main_content_summary_delivery span.total:before, #popup_distribute_ticket #main_content_container .main_content_summary_delivery .charges_wrapper:before, #main_content_summary_terms_and_conditions .content:before, #main_content_summary_vouchers.main_content>.content_element>.content #add_voucher_box:before { width: 0; height: 0; border-style: solid; content: ''; border-width: 0 0 18px 30px; border-color: transparent transparent #f2f2f2 transparent; position: absolute; right:0; bottom: auto; display: block; top: -11px; } @media only screen and (min-width:0px) and (max-width:990px) { #collapsiblePanel_main_content_summary_products > div > div.total { padding: 20px; } #main_content_cart .total .charges_text, #main_content_cart .total .total_text, #main_content_reservation .total .charges_text, #main_content_reservation .total .total_text, #main_content_summary_products .total .charges_text, #main_content_summary_products .total .total_text, .main_content_summary_delivery .total .charges_text, .main_content_summary_delivery .total .total_text, #page_checkout_orderSummary .content_element .charges_wrapper .charges_text, #popup_distribute_ticket .content_element .charges_wrapper .charges_text, #page_checkout_orderSummary .content_element .charges_wrapper .amount, #popup_distribute_ticket .content_element .charges_wrapper .amount { display: block; width: 100%; clear: both; text-align: right; font-size: 1.1em; } .total_text:after, .charges_text:after { content: ''; display: none; } #main_content_summary_terms_and_conditions .due_amount .total_text { float: right; } } #main_content_cart .total .amount, #main_content_reservation .total .amount, #main_content_summary_products .total .amount, .main_content_summary_delivery .total .amount { font-size: 1.2em; } #page_checkout_orderSummary #main_content_container .main_content_summary_delivery .fields_container, #popup_distribute_ticket #main_content_container .main_content_summary_delivery .fields_container, #main_content_file_payment .fields_container, #main_content_account_order_details_delivery .fields_container, #main_content_file_delivery .fields_container, #main_content_account_fixedPriceSeasonTicket_detail .fields_container, #main_content_contact_info .fields_container, #main_content_file_summary .fields_container { padding: 20px 0 !important; } #file_details_fields .file_info_left { width: 100%; } #page_checkout_orderSummary #main_content_container .main_content_summary_delivery .fields_container .label_value span, #popup_distribute_ticket #main_content_container .main_content_summary_delivery .fields_container .label_value span, .fields_container .label_value .label, .fields_container .label_value .value, .fields_container .label_value .amount { font-size: .9em; width: 35% !important; } .shipment_mode_ELECTRONIC, .delivery_status, .main_content_summary_delivery .fields_container .label_value .email_phone_container { display: none !important; } #main_content_summary_terms_and_conditions .agreements { float: left; clear: left; width: 50%; padding:0; } #main_content_summary_terms_and_conditions .agreements .accept_conditions label { width: 100%; } #main_content_summary_terms_and_conditions .agreements .accept_conditions:first-child.accept_conditions input { top: -1px; } #main_content_summary_terms_and_conditions .agreements .accept_conditions { font-size: 14px; text-transform: none !important; font-family: 'Silverstone Text'; color: #222; } #main_content_summary_terms_and_conditions .agreements .accept_conditions label a { color: #222; text-decoration: underline; } #main_content_summary_terms_and_conditions .buttons_container { padding:0; } #main_content_cart .table_container>#table_amount:not(.exchange_order), #main_content_reservation .table_container>#table_amount:not(.exchange_order), #main_content_summary_products .table_container>#table_amount:not(.exchange_order), .main_content_summary_delivery .table_container>#table_amount:not(.exchange_order) { border-bottom: 0; } #page_checkout_orderSummary .content_element .charges_wrapper, #popup_distribute_ticket .content_element .charges_wrapper { padding: 15px 0; } #main_content_summary_terms_and_conditions.main_content>.content_element>.content { padding:25px; } #main_content_summary_terms_and_conditions .due_amount { margin: 0 0 25px 0; padding: 0; font-size: 1.1em; display: block; width: 100%; float: left; overflow: hidden; } #main_content_container .due_amount p.total { padding:0; } #main_content_summary_terms_and_conditions .due_amount .amount { font-size: 1.2em; float: right; } #main_content_summary_terms_and_conditions .due_amount .total_text { font-size: 1.1em; } .tipsy-inner { background: red; padding:20px; font-size: 15px; } @media only screen and (min-width:0px) and (max-width:990px) { body.rwd .fields_container .label_value .label, body.rwd .fields_container .label_value .value, body.rwd .fields_container .label_value .amount { padding-top:5px; display: table-cell; } #main_content_summary_terms_and_conditions .agreements { width: 100%; } #main_content_summary_terms_and_conditions .due_amount .amount { float: right; clear: both; } #main_content_summary_terms_and_conditions .due_amount .total_text { clear: both; } } /* =============================================== */ /* ! Cart progress pages: page 2 */ /* =============================================== */ #main_content_summary_terms_and_conditions .payment_method_item+.payment_method_item { padding: 0; } #main_content_summary_terms_and_conditions.main_content>.content_element>.content #main_content_summary_payment_methods .label_value { padding: 5px 0 20px 0; margin-bottom:20px; } #main_content_summary_payment_methods .payment_installments { margin:0; } #main_content_summary_payment_methods .payment_installments .content { padding:0; margin:0; text-transform: initial; font-family: "Silverstone Text"; font-size: 1em; } #main_content_summary_payment_methods .payment_installments .installments { width: 100% !important; } #main_content_summary_terms_and_conditions .value.installments .table_container {margin:0;} #main_content_summary_terms_and_conditions .value.installments th {padding-top: 11px;} @media only screen and (min-width:0px) and (max-width:350px) { .card_type, .card_form_PAYPAL { width: 47%; padding:5px; border: 0 !important; margin: 0 !important; } .payment_method_list .other_payment_method { width: 100%; border: 0 !important; margin: 0 !important; } .payment_method_list .card_type img, .payment_method_list .other_payment_method img { width: 100% !important; max-width: 173px; height: auto !important; max-height: 77px; margin:0; } .main_content_payment .other_payment_method input { width: 100%; height: 85px; } } /* =============================================== */ /* ! Cart progress pages: page 3 */ /* =============================================== */ #confirmation_polling b, #confirmation_polling_stop b, #confirmation_order_closed b { color: var(--brand-cf-primary); } /* =============================================== */ /* ! My Account Home /account */ /* =============================================== */ #main_content_account_home_upcomming_ticket .calendar { float: left; width: 75px; margin-right: 25px; border: 1px solid var(--brand-royal); background: #f7f7f7; font-family: 'Silverstone Display'; } #main_content_account_home_upcomming_ticket .calendar .month { line-height: 21px; text-align: center; background-color: var(--brand-royal); color: #fff; padding:5px 10px; text-transform: uppercase; } #main_content_account_home_upcomming_ticket .calendar .day-of-week { line-height: 15px; text-align: center; text-transform: uppercase; background-color: var(--brand-royal); color: #fff; padding:5px 10px; } #main_content_account_home_upcomming_ticket .calendar .day { line-height: 30px; text-align: center; font-size: 30px; color: var(--brand-race); } #main_content_account_home_upcomming_ticket .event-title { font-family: 'Silverstone Display'; text-transform: uppercase; margin: 0 0 10px 0; font-size: 28px; } #main_content_account_home_upcomming_ticket .event-validity { display: block; margin: 0 0 10px 0; } #main_content_account_home_upcomming_ticket .event-validity .to { display: none; } #main_content_account_home_upcomming_ticket .navigate-to-tickets { float: right; margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: none; } #main_content_account_home_upcomming_ticket .number-of-tickets { margin: 0 15px 0 0; color: #88898a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #main_content_account_home_upcomming_ticket .number-of-tickets:before { content: ''; display: inline-block; width: 35px; height: 35px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 132.3 115.6' viewBox='0 0 132.3 115.6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m36 82h41.4v-6h-41.4zm0 15.5h41.4v-6h-41.4zm0-30.9h41.4v-6h-41.4zm-12-28.2h6.2c1.2-7.4-3.7-13.4-9.6-16.3l-1.3-.6 6.5-13.5 62.3 30.4h13.7l-78.7-38.4-11.9 24.3 6.7 3.3c3.9 1.8 7.4 5.7 6.1 10.8zm59.4 28.2h12.8v-6h-12.8zm0 30.9h12.8v-6h-12.8zm41.4-27.5h7.5v-27h-132.3v27h7.5c4.8 0 10.4 2.4 10.4 9.3s-5.6 9.3-10.4 9.3h-7.5v27h132.3v-27h-7.5c-4.8 0-10.4-2.4-10.4-9.3s5.6-9.3 10.4-9.3zm0 24.6h1.4v15h-120.2v-15h1.4c11.3 0 16.4-8 16.4-15.3s-5.1-15.3-16.3-15.3h-1.5v-15h120.3v15h-1.4c-11.3 0-16.4 7.9-16.4 15.3-.1 7.4 5 15.3 16.3 15.3zm-41.4-12.6h12.8v-6h-12.8z' fill='%2310069f'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; position: relative; top: auto; margin: 0 15px 0 0; } /* Hide the blue order box on account pages*/ .file_content_type_container, #payment_summary_file, #main_content_account_home_upcomming_ticket .event-location, .button.eticket .icon { display: none; } #payment_summary .text { font-family: "Silverstone Display"; text-transform: uppercase; color: var(--brand-cf-primary); font-size: 1.3em; } #payment_summary .amount, #payment_summary .file_number { font-size: 1.1em; color: var(--brand-black); } .main_content_notification h2 { font-size: unset !important; } /* Personal Offers and Advantages page */ #collapsiblePanel_main_content_account_home_personal_offers .product_container, #collapsiblePanel_main_content_avantages .product_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img { display: flex !important; flex-direction: column; align-items: flex-start; width: calc(25% - 10px) !important; margin: 20px 0 !important; padding: 0 5px !important; border: 0 !important; max-width: 235px; background: none; } #collapsiblePanel_main_content_avantages .product_right_img { display: flex !important; flex-direction: column; align-items: flex-start; width: calc(33.33% - 10px) !important; margin: 20px 0 0 0 !important; padding: 0 5px !important; border: 0 !important; max-width: 313px; background: none; } #collapsiblePanel_main_content_account_home_personal_offers .advantage, #collapsiblePanel_main_content_avantages .advantage { flex: none; padding: 10px 0 0 0; width: 100%; margin: 0; font-size: 13px; display: block; text-transform: uppercase; order: 1; font-family: 'Silverstone Display'; } #collapsiblePanel_main_content_account_home_personal_offers .advantage_link, #collapsiblePanel_main_content_avantages .advantage_link, .advantage .touch_advantage_link { display: none !important; } #collapsiblePanel_main_content_account_home_personal_offers .advantage_catchword_description, #collapsiblePanel_main_content_avantages .advantage_catchword_description { flex: none; padding:0; display: block; width: 100%; color: var(--brand-stirling); } #collapsiblePanel_main_content_account_home_personal_offers .advantage .catchword, #collapsiblePanel_main_content_avantages .advantage .catchword { border-radius: 17px; background-color: var(--brand-race); background-position: 9px 5px; padding: 2px 13px; font-size: 12px; display: none !important; } @media screen and (max-width: 1399px) { body.rwd .main_content_list_products .advantage .advantage_catchword_description, body.rwd #main_content_storefront_hotdeals .advantage .advantage_catchword_description, body.rwd #main_content_storefront_search_results .advantage .advantage_catchword_description, body.rwd #main_content_account_hotdeals .advantage .advantage_catchword_description, body.rwd #main_content_account_home_personal_offers .advantage .advantage_catchword_description, body.rwd #main_content_account_products .advantage .advantage_catchword_description, body.rwd #main_content_avantages .advantage .advantage_catchword_description { display: block !important; } body.rwd .main_content_list_products .advantage, body.rwd #main_content_storefront_hotdeals .advantage, body.rwd #main_content_storefront_search_results .advantage, body.rwd #main_content_account_hotdeals .advantage, body.rwd #main_content_account_home_personal_offers .advantage, body.rwd #main_content_account_products .advantage, body.rwd #main_content_avantages .advantage { display: block; position: relative; margin-bottom: 0; background: none; cursor: default; } } @media screen and (max-width: 1399px) { body.rwd .main_content_list_products .advantage .advantage_catchword_container, body.rwd #main_content_storefront_hotdeals .advantage .advantage_catchword_container, body.rwd #main_content_storefront_search_results .advantage .advantage_catchword_container, body.rwd #main_content_account_hotdeals .advantage .advantage_catchword_container, body.rwd #main_content_account_home_personal_offers .advantage .advantage_catchword_container, body.rwd #main_content_account_products .advantage .advantage_catchword_container, body.rwd #main_content_avantages .advantage .advantage_catchword_container { max-width: 100%; } } @media screen and (max-width: 990px) { body.rwd .main_content_list_products .advantage .advantage_catchword_container, body.rwd #main_content_storefront_hotdeals .advantage .advantage_catchword_container, body.rwd #main_content_storefront_search_results .advantage .advantage_catchword_container, body.rwd #main_content_account_hotdeals .advantage .advantage_catchword_container, body.rwd #main_content_account_home_personal_offers .advantage .advantage_catchword_container, body.rwd #main_content_account_products .advantage .advantage_catchword_container, body.rwd #main_content_avantages .advantage .advantage_catchword_container { max-width: 100%; } } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img .title, #collapsiblePanel_main_content_avantages .product_right_img .title { font-size: 20px; padding: 0; color: var(--brand-midnight); text-transform: uppercase; margin: 10px 0; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img .title:hover, #collapsiblePanel_main_content_avantages .product_right_img .title:hover { text-decoration: none; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img .content, #collapsiblePanel_main_content_avantages .product_right_img .content { width: 100%; display: flex; flex-direction: column; order: 2; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img .button, #collapsiblePanel_main_content_avantages .product_right_img .button { float: left; clear: both; margin-top: auto; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img.product_PACKAGE .product_image_container, #collapsiblePanel_main_content_account_home_personal_offers .product_right_img.product_SERVICE .product_image_container, #collapsiblePanel_main_content_avantages .product_right_img .product_image_container { display: block; order: 0; margin:0; width: 100%; /*background: linear-gradient(321deg, rgba(18,5,49,1) -46%, rgba(255,0,54,1) 38.32%);*/ background-color: var(--brand-royal); } /* ON advantages page only*/ #collapsiblePanel_main_content_avantages .product_right_img.product_SERVICE .product_link { order:0; } #collapsiblePanel_main_content_account_home_personal_offers .product_right_img.product_SERVICE .product_image_container .product_image, #collapsiblePanel_main_content_avantages .product_right_img.product_SERVICE .product_image_container .product_image { display: block; /*max-height: none !important;*/ max-width: none !important; margin:0; width: 100%; } @media only screen and (min-width:0px) and (max-width:770px) { #collapsiblePanel_main_content_account_home_personal_offers .product_right_img, #collapsiblePanel_main_content_avantages .product_right_img { width: calc(50% - 10px) !important; max-width: unset !important; } } @media only screen and (min-width:0px) and (max-width:370px) { #collapsiblePanel_main_content_account_home_personal_offers .product_right_img, #collapsiblePanel_main_content_avantages .product_right_img { width: 100% !important; } } /* Pagination */ .pagination { display: flex; flex-direction: row; justify-content: center; align-items:center; } .pagination .page { display: inline-block; } .pagination .page a { margin: 4px; border-radius: 100%; display: inline-flex; align-items: center; vertical-align: top; justify-content: center; height: 56px; min-width: 56px; text-transform: uppercase; transition: all .3s ease-out; } .pagination .page a:hover { background: var(--brand-midnight); color: #fff; border: 0; } .pagination .current a, .pagination .current a:hover { background: var(--brand-race); color: #fff; } .pagination .next a, .pagination .previous a { background: 0; border: 0; } .pagination .next a:hover, .pagination .previous a:hover { background: 0; color: var(--brand-midnight); } /* =============================================== */ /* ! /account / file */ /* =============================================== */ #main_content_file_details .performance { display: block; padding: 15px 25px; } #main_content_file_details .perf_secondary_info_table { width: 100%; display: block; } #main_content_file_details .perf_info_list_element { display: block; padding:0; margin:0; width: 100%; clear: both; font-size: 15px; } #main_content_file_details .teams, #main_content_file_details .match_round, #main_content_file_details .venue_group_match { display: none; } #main_content_file_details .performance_SPORTING_EVENT .product_info { padding:0; } #main_content_file_details .performance_SPORTING_EVENT .product_info .product_name { font-size: 16px; color: var(--brand-midnight); font-family: 'Silverstone Display'; } #main_content_file_details .sub_product_container.firstSubProduct:before { border-bottom: 8px solid #e6e6e6; } #main_content_file_details .table_container .event_header { padding: 15px 25px; } @media only screen and (min-width: 0px) and (max-width: 990px) { #main_content_file_details .performance { display: block; padding: 15px 10px; } #main_content_file_details .table_container .event_header { padding: 15px 10px; } } #main_content_file_details .table_container td.seat { text-align: left; } /* =============================================== */ /* ! /account/tickets */ /* =============================================== */ #main_content_tickets .product_right_img .title { font-size: 1.8em; } #main_content_tickets .composed_product .product_right_img .title { font-size: 1.5em; } @media only screen and (max-width:720px) { #main_content_tickets .product_right_img .title { font-size: 1.4em; } #main_content_tickets .composed_product .product_right_img .title { font-size: 1.1em; } #main_content_tickets .product_right_img .date { font-size: .95em; } #main_content_tickets .product_right_img .date::before, #main_content_tickets .product_right_img .time::before { width: 14px; height: 24px; top: 10px; } #main_content_tickets .criteria { clear: both; display: block; margin: 5px 0; } #main_content_tickets #info-watchStreamButton { margin-bottom:0 !important; } } #main_content_tickets .product_container .ticket_container .ticket>.content { line-height: 120%; } #main_content_tickets .product_container .tickets_summary, #main_content_tickets .product_container .ticket_container .ticket>.content { padding: 25px; } #main_content_tickets .resale_info, #main_content_tickets .print_options { padding-left:25px; padding-right:25px; } #collapsiblePanel_main_content_tickets ul { /*display: none !important;*/ } #main_content_address_book .address_container { background-color: #f9f9f9; padding:35px 20px 20px 20px; } #main_content_address_book .ribbon_label { background-color: var(--brand-cf-secondary); padding: 10px 15px; text-transform: uppercase; } #main_content_address_book .ribbon_label:after { border-top: 6px solid var(--brand-cf-primary); } #main_content_address_book .address_header, #main_content_address_book .address_name { border:0; } #main_content_address_book .address, #main_content_address_book .address_details { border: 0; } /* =============================================== */ /* ! Side column Widgets */ /* =============================================== */ .secondary_content { border: solid 1px #d9d9d8 !important; margin: 0 0 25px 0 !important; color: #8d8d8b; } .secondary_content p:not(:last-of-type) { margin-bottom: 20px !important; } .secondary_content>.content_title>.title { padding:25px; } .secondary_content>.content_title>.title .main_title { text-transform: uppercase !important; text-align: left; margin:0; padding:0 0 17px 0 !important; font-size: .55em !important; border-bottom: solid 1px #d9d9d8 !important; } .secondary_content>.content_element>.content { font-size: .9em; line-height: 139%; } #content_countdown .text { position: relative; } #content_countdown .text:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 82.4 126.2' viewBox='0 0 82.4 126.2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='m41.2 43.8c-22.8 0-41.2 18.5-41.2 41.2s18.5 41.2 41.2 41.2 41.1-18.4 41.2-41.2c0-22.8-18.5-41.2-41.2-41.2zm0 76.4c-19.5-.1-35.2-15.8-35.2-35.3s15.8-35.2 35.2-35.1c19.4 0 35.2 15.8 35.1 35.2 0 19.4-15.7 35.2-35.1 35.2z'/%3E%3Cpath d='m16.1 30c0-13.9 11.2-25.1 25.1-25.1 13.8 0 25.1 11.3 25.1 25.1v5.3h-5.6v-5.3c.2-10.7-8.3-19.6-19-19.9s-19.6 8.3-19.9 19v.9 13.6c1.6-.8 3.3-1.4 4.9-2v-11.6c-.3-8 6-14.7 14-15s14.7 6 15 14v1.1 10.2h15.5v-10.3c0-16.6-13.4-30-30-30s-30 13.4-30 30v20.5c1.6-1.4 3.2-2.6 4.9-3.8z'/%3E%3Cpath d='m54.5 66.9c-1.3-.9-3-.5-3.9.8l-6.6 9.7v-17.7c0-1.6-1.3-2.8-2.8-2.8-1.6 0-2.8 1.3-2.8 2.8v27.1c0 1.2.8 2.3 2 2.7.3.1.5.1.8.1.9 0 1.8-.5 2.3-1.2l11.7-17.5c.9-1.4.6-3.2-.7-4z'/%3E%3C/g%3E%3C/svg%3E"); width: 38px; height: 58px; display: block; margin: 0 auto; background-repeat: no-repeat; background-size: 35px; } #secondary_content_general_info li { list-style-type: none; margin: 0 0 5px 12px; } #secondary_content_general_info li:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 210 126' viewBox='0 0 210 126' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m140.4 28.3h-6v49.3l-60.7-60.7h-8.5l75.3 75.3v-63.9zm6 0v74h-74.1v6h80.1v-80zm-74.1 62.1v6h63.9l-79.5-79.5h-8.5l73.5 73.5z' fill='%23271a31'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; background-position: right center; width: 19px; height:10px; margin: 0 5px 0 -23px; display: inline-block; } /* Style the side column promo box blue to stand out*/ #secondary_content_special_offer { border: solid 1px #fff; background: var(--brand-royal); } #secondary_content_special_offer >.content_element>.content { background:0; color:#fff; } #secondary_content_special_offer >.content_title>.title .main_title { color:#fff; } #secondary_content_special_offer>.content_title>.title { background:0 !important; } #secondary_content_special_offer .button a:hover { border: solid 1px white; } @media only screen and (min-width:0px) and (max-width:1251px) { .secondary_content { margin: 0 auto 20px auto !important; } .secondary_content>.content_title>.title .main_title { padding: 0 20px 0 0 !important; border:0 !important; } body.rwd .secondary_content>.content_element>.content { padding:0 20px 20px 20px; font-size: unset } #secondary_content_general_info li:before { margin: 0 5px 0 -10px; } body.rwd .secondary_content.collapsible.alternative_content .title_container { padding:20px; } body.rwd .secondary_content>.content_title>.title { padding: 20px; } } @media only screen and (min-width:0px) and (max-width:990px) { .secondary_content>.content_title>.title .main_title { padding: 0 !important; } } /* =============================================== */ /* ! Account */ /* =============================================== */ p.introduction { line-height: 120%; } /* Top account details panel */ #main_content_account_home_subscription_transfer .content_element>.content, #main_content_distribution_tickets_list .content_element>.content, #main_content_account_home_upcomming_ticket .content_element>.content, #main_content_account_home_last_file .content_element>.content, #main_content_account_home_top .content_element>.content, #main_content_seasonticket_help .content_element>.content, #main_content_distribution_product_detail_step2 .content_element>.content, #main_pro_registration_confirmation .content_element>.content, #register_request_contact_number, #edit_personal_details_contact_infos { padding: 0; margin-top: 25px; } #edit_personal_details_contact_infos, #register_request_contact_number { background: var(--brand-cf-primary); padding:25px; } #register_request_contact_number, #edit_personal_details_contact_infos, #register_request_contact_number { text-align: left; color: #fff; } #register_request_contact_number { padding-bottom:25px; } #edit_personal_details_contact_infos > div { margin-bottom:15px; } /* Side menu */ #secondary_content_navigation .content_title>.title, #secondary_content_navigation .content_element>.content { background-color: #fff !important; } #secondary_content_navigation .content_title .title .main_title { color: var(--brand-cf-primary); } #content #secondary_content_navigation .content_element .content>ul>li { border:0 !important; } #content #secondary_content_navigation .content_element .content>ul>li>ul>li { border: 0px solid #d9d9d8; } #content #secondary_content_navigation .content_element .content>ul>li>ul>li>a, #secondary_content_navigation li a { color: var(--brand-midnight) !important; } #content #secondary_content_navigation .content_element .content ul li.selected a { background: 0; text-decoration: underline; } #content #secondary_content_navigation .content_element .content>ul>li>ul>#menu_first_level_tickets > a, #content #secondary_content_navigation .content_element .content>ul>li>ul>#menu_first_level_profile > a { font-family: 'Silverstone Display' !important; color: var(--brand-royal) !important; font-size: 17px; } #secondary_content_navigation { background-color: white !important; } #content #secondary_content_navigation .content_element .content>ul>li>ul>#menu_first_level_profile > a { font-family: 'Silverstone Display' !important; color: var(--brand-royal) !important; font-size: 17px; } #secondary_content_navigation > div.content_element > div > ul > li.menu_client_account > ul > li.tickets_menu_account > a { margin-top:0 !important; } #content #secondary_content_navigation .content_element .content .tickets_menu_logout .text { color: var(--brand-midnight); } #content #secondary_content_navigation .content_element .content .tickets_menu_logout a { padding: 0px !important; } #content #secondary_content_navigation .content_element .content .tickets_menu_logout a:hover, #content #secondary_content_navigation .content_element .content .tickets_menu_logout:hover, #content #secondary_content_navigation .content_element .content .tickets_menu_logout:active { background: 0 !important; text-decoration: underline !important; } #content #secondary_content_navigation .content_element .content ul li a:hover:not(.openable), #content #secondary_content_navigation .content_element .content ul li a:active:not(.openable) { background: 0; text-decoration: underline; } #content #secondary_content_navigation .content_element .content .tickets_menu_logout { margin-top: 16px; } #content #secondary_content_navigation .content_element .content .tickets_menu_logout>a { padding: 12px 0; } /* Booking details Pages */ /* Hide map icon */ #prod_101474929272 .show_map, #prod_101474929272 .address, #prod_101474929270 .show_map, #prod_101474929270 .address { display: none; } .product, .product_right_img { padding: 25px; } /*td.print,*/ .printed_ticket_status {display: none;} #main_content_beneficiaries .table_container tr:not(.print_actions) th:first-child, #main_content_beneficiaries .table_container tr:not(.print_actions) td:first-child, #main_content_file_details .table_container tr:not(.print_actions) th:first-child, #main_content_file_details .table_container tr:not(.print_actions) td:first-child { padding-left: 25px; } #main_content_beneficiaries .table_container tr:not(.print_actions) th:last-child, #main_content_beneficiaries .table_container tr:not(.print_actions) td:last-child, #main_content_file_details .table_container tr:not(.print_actions) th:last-child, #main_content_file_details .table_container tr:not(.print_actions) td:last-child { padding-right:25px; } .advantage .advantage_catchword_description, .degressive_rate .advantage_catchword_description, .sold_out_seat_categories_container .advantage_catchword_description { color:#88898a; } #main_content_container span.total, #main_content_container p.total { padding:25px; border:0; } .content_element .content .table_container th:last-child, .content_element .content .table_container td:last-child { padding-right: 25px; } .content_element .content .table_container th:first-child, .content_element .content .table_container tr td:first-child, .content_element .content .table_container .single_tariff+.quantity { padding-left: 25px !important; } @media only screen and (min-width:0px) and (max-width:990px) { #main_content_beneficiaries .table_container tr:not(.print_actions) th:first-child, #main_content_beneficiaries .table_container tr:not(.print_actions) td:first-child, #main_content_file_details .table_container tr:not(.print_actions) th:first-child, #main_content_file_details .table_container tr:not(.print_actions) td:first-child { padding-left: 10px; } #main_content_container span.total, #main_content_container p.total { padding: 0 0 15px 0; } .content_element>.content .table_container table[class^="widget"] tbody tr td { padding:11px 5px !important; max-width:60px; } .content_element .content .table_container th:last-child, .content_element .content .table_container td:last-child { padding-right: 10px; } .content_element .content .table_container th:first-child, .content_element .content .table_container tr td:first-child, .content_element .content .table_container .single_tariff+.quantity { padding-left: 10px !important; } body.rwd th.quantity select, body.rwd td.quantity select { min-width: 25px; font-size: .9rem; } .content_element .content .table_container thead th { font-size: 14px; } } @media only screen and (min-width:0px) and (max-width:400px) { body.rwd #main_content_reservation .quantity, body.rwd #main_content_reservation .item, body.rwd #main_content_reservation .tariff, body.rwd #main_content_reservation .unit_price, body.rwd #main_content_reservation .advantage_catchword_description, body.rwd #main_content_cart .quantity, body.rwd #main_content_cart .item, body.rwd #main_content_cart .tariff, body.rwd #main_content_cart .unit_price, body.rwd #main_content_cart .advantage_catchword_description, body.rwd #main_content_summary_products .quantity, body.rwd #main_content_summary_products .item, body.rwd #main_content_summary_products .tariff, body.rwd #main_content_summary_products .unit_price, body.rwd #main_content_summary_products .advantage_catchword_description, body.rwd #main_content_file_details .quantity, body.rwd #main_content_file_details .item, body.rwd #main_content_file_details .tariff, body.rwd #main_content_file_details .unit_price, body.rwd #main_content_file_details .advantage_catchword_description, body.rwd #main_content_option_review .quantity, body.rwd #main_content_option_review .item, body.rwd #main_content_option_review .tariff, body.rwd #main_content_option_review .unit_price, body.rwd #main_content_option_review .advantage_catchword_description, body.rwd #main_content_request_summary .quantity, body.rwd #main_content_request_summary .item, body.rwd #main_content_request_summary .tariff, body.rwd #main_content_request_summary .unit_price, body.rwd #main_content_request_summary .advantage_catchword_description, body.rwd #main_content_beneficiaries .quantity, body.rwd #main_content_beneficiaries .item, body.rwd #main_content_beneficiaries .tariff, body.rwd #main_content_beneficiaries .unit_price, body.rwd #main_content_beneficiaries .advantage_catchword_description, body.rwd #main_content_memberships .quantity, body.rwd #main_content_memberships .item, body.rwd #main_content_memberships .tariff, body.rwd #main_content_memberships .unit_price, body.rwd #main_content_memberships .advantage_catchword_description, body.rwd #main_content_service .quantity, body.rwd #main_content_service .item, body.rwd #main_content_service .tariff, body.rwd #main_content_service .unit_price, body.rwd #main_content_service .advantage_catchword_description { max-width: 50px; white-space: normal; } } /* hide Tickets*/ #collapsiblePanel_main_content_tickets .product_container { /*display: none !important;*/ } .advantage.advantage_CODE .catchword, .degressive_rate.advantage_CODE .catchword, .sold_out_seat_categories_container.advantage_CODE .catchword { background-position: 8px 8px; } .advantage .catchword .text, .degressive_rate .catchword .text, .sold_out_seat_categories_container .catchword .text { margin-left: 18px; font-size: 11px; } .advantage_catchword_container { line-height: 100%; margin-bottom:7px !important; display: flex !important; flex-direction: row; align-items: center; } .advantage .catchword, .degressive_rate .catchword, .sold_out_seat_categories_container .catchword { margin-right: 5px; background-color: var(--brand-race); background-size: 13px; background-position: 5px 6px; padding: 4px 13px 6px 10px; min-width: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; font-family: 'Silverstone Display'; text-transform: uppercase; } @media only screen and (max-width:800px) { .advantage_catchword_container { flex-direction: column; align-items: start; } .advantage .catchword, .degressive_rate .catchword, .sold_out_seat_categories_container .catchword { margin: 0 0 6px 0; } } .advantage .advantage_catchword_description, .degressive_rate .advantage_catchword_description, .sold_out_seat_categories_container .advantage_catchword_description { color: #ffffff; } /* Style advantage when inside a table*/ td .advantage, td .advantage .catchword, th .advantage { display: none !important; margin-top:5px; } td .advantage_catchword_description, th .advantage_catchword_description { color: var(--brand-midnight) !important; font-size: 14px; } #collapsiblePanel_main_content_partner_advantage_display .content { padding:0; } .main_content_partner_advantages .advantage>.content, .main_content_partner_advantages .message>.content { padding: 0; margin:0; } .main_content_partner_advantages > .content_title { display: none; } .main_content_partner_advantages .advantage>.content > span, .main_content_partner_advantages .message>.content > span{ margin-top:10px; display: block; width: 100%; clear: both; line-height: 120%; } .main_content_partner_advantages .advantage>.content > span.advantage_validity { display: none; } #collapsiblePanel_main_content_partner_advantage_products { margin-top:20px; } #collapsiblePanel_main_content_partner_advantage_products .product_container #prod_101474929270 { background:#fff; } #collapsiblePanel_main_content_partner_advantage_products .product_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } #collapsiblePanel_main_content_partner_advantage_products .product_container .product_image_container { background-color: rgb(18,5,49); background: linear-gradient(321deg, rgba(18,5,49,1) -46%, rgba(255,0,54,1) 38.32%); margin:0; padding: 15px; padding:0; width: 100%; } #collapsiblePanel_main_content_partner_advantage_products .product_container .product_image_container img { width: 100%; } #collapsiblePanel_main_content_partner_advantage_products .product { width: 24%; padding:0; background-color: unset; padding: 0 5px; margin: 0 0 20px 0; display: flex; flex-direction: column; } @media only screen and (min-width:461px) and (max-width:800px) { #collapsiblePanel_main_content_partner_advantage_products .product { width: 33.33%; } } @media only screen and (min-width:0px) and (max-width:460px) { #collapsiblePanel_main_content_partner_advantage_products .product { width: 100%; } } #collapsiblePanel_main_content_partner_advantage_products .product >a { float: left; clear: both; width: 100%; display: block; } #collapsiblePanel_main_content_partner_advantage_products .product .content p, .datepicker_legend .datepicker_legend_advantage { display: none !important; } #collapsiblePanel_main_content_partner_advantage_products .product .title { text-transform: uppercase; font-size: 22px; padding: 0; color: var(--brand-midnight); text-transform: uppercase; margin: 0 0 20px 0; } .main_content_partner_advantages .content .button:not(.waiting_list) { float: left; } /* =============================================== */ /* ! Payment Form */ /* =============================================== */ #main_content_payment_saved_cards.main_content>.content_element>.content #payment_card_form .textLevel3 { padding: 0; text-align: center; } #payment_form { padding:30px 0; overflow: hidden; width: 50%; margin: 0 auto; background: 0; } #payment_form .field { width: 100%; } #payment_form .field label { width: 100%; clear: both; padding: 10px 0; } #payment_form .field select { padding: 16px 20px; margin: 10px 0; width: 49%; border-color:#b3b3b2; text-transform: capitalize; font-family: 'Silverstone Text' !important; } #payment_form .field select:nth-child(2) { float: right; } #payment_card_form h2.title { color: #534bfe !important; font-size: 18px !important; } @media only screen and (min-width:0px) and (max-width:990px) { #payment_form { width: 100%; } #payment_safety {display: none;} body.rwd .main_content_payment #card_expiration_date_month, body.rwd .main_content_payment #card_expiration_date_year { width: 48%; float: left; } body.rwd .main_content_payment #card_expiration_date_year { float: right; } .file_info_right {display: none;} } /* My Tickets */ #main_content_tickets #ticket_filter_form { padding: 20px 0; } /* Account Home*/ .account_box:not(.account_box_alone) { float: left; width: 100%; clear: both; } .account_box:not(.account_box_alone) .content { padding:0; } /* account/file */ #main_content_file_details .alternative_button.back, #main_content_option_review .alternative_button.back { padding: 30px 0; } .main_content>.content_element>.content { padding:0; } #main_content_file_details div.amount_without_vat, #main_content_file_details div.amount_vat, #main_content_file_details div.total, #main_content_option_review div.amount_without_vat, #main_content_option_review div.amount_vat, #main_content_option_review div.total { padding-right: 25px !important; } @media only screen and (min-width:0px) and (max-width:990px) { #main_content_file_details .alternative_button.back, #main_content_option_review .alternative_button.back { padding:11px 0; } } /* =============================================== */ /* ! Forms*/ /* =============================================== */ .main_content_group>.content_title>.title, .secondary_content_group>.content_title>.title { border: 0; } input[type="text"], input[type="password"], input[type="number"], input[type="phone"], input[type="email"], #immediate_print_form textarea, #immediate_print_form input[type="text"], #immediate_print_form input[type="password"], #immediate_print_form input[type="email"], #immediate_print_form input[type="number"], #immediate_print_form .beneficiary_number input[type="number"], #main_content_register textarea, #main_content_register input[type="text"], #main_content_register input[type="password"], #main_content_register input[type="email"], #main_content_register input[type="number"], #main_content_register .beneficiary_number input[type="number"], #main_content_registration textarea, #main_content_registration input[type="text"], #main_content_registration input[type="password"], #main_content_registration input[type="email"], #main_content_registration input[type="number"], #main_content_registration .beneficiary_number input[type="number"], #main_content_login textarea, #main_content_login input[type="text"], #main_content_login input[type="password"], #main_content_login input[type="email"], #main_content_login input[type="number"], #main_content_login .beneficiary_number input[type="number"], #main_content_edit_personal_details textarea, #main_content_edit_personal_details input[type="text"], #main_content_edit_personal_details input[type="password"], #main_content_edit_personal_details input[type="email"], #main_content_edit_personal_details input[type="number"], #main_content_edit_personal_details .beneficiary_number input[type="number"], #main_content_address textarea, #main_content_address input[type="text"], #main_content_address input[type="password"], #main_content_address input[type="email"], #main_content_address input[type="number"], #main_content_address .beneficiary_number input[type="number"], #main_content_reset_password textarea, #main_content_reset_password input[type="text"], #main_content_reset_password input[type="password"], #main_content_reset_password input[type="email"], #main_content_reset_password input[type="number"], #main_content_reset_password .beneficiary_number input[type="number"], #main_content_edit_password textarea, #main_content_edit_password input[type="text"], #main_content_edit_password input[type="password"], #main_content_edit_password input[type="email"], #main_content_edit_password input[type="number"], #main_content_edit_password .beneficiary_number input[type="number"], #main_content_confirm_reset_password textarea, #main_content_confirm_reset_password input[type="text"], #main_content_confirm_reset_password input[type="password"], #main_content_confirm_reset_password input[type="email"], #main_content_confirm_reset_password input[type="number"], #main_content_confirm_reset_password .beneficiary_number input[type="number"], .main_content_payment textarea, .main_content_payment input[type="text"], .main_content_payment input[type="password"], .main_content_payment input[type="email"], .main_content_payment input[type="number"], .main_content_payment .beneficiary_number input[type="number"], #main_content_distribution_member_management textarea, #main_content_distribution_member_management input[type="text"], #main_content_distribution_member_management input[type="password"], #main_content_distribution_member_management input[type="email"], #main_content_distribution_member_management input[type="number"], #main_content_distribution_member_management .beneficiary_number input[type="number"], #main_content_friends_and_family_management textarea, #main_content_friends_and_family_management input[type="text"], #main_content_friends_and_family_management input[type="password"], #main_content_friends_and_family_management input[type="email"], #main_content_friends_and_family_management input[type="number"], #main_content_friends_and_family_management .beneficiary_number input[type="number"], #resale_criteria textarea, #resale_criteria input[type="text"], #resale_criteria input[type="password"], #resale_criteria input[type="email"], #resale_criteria input[type="number"], #resale_criteria .beneficiary_number input[type="number"], #resale_bank_account textarea, #resale_bank_account input[type="text"], #resale_bank_account input[type="password"], #resale_bank_account input[type="email"], #resale_bank_account input[type="number"], #resale_bank_account .beneficiary_number input[type="number"], #edit_structure_member_form textarea, #edit_structure_member_form input[type="text"], #edit_structure_member_form input[type="password"], #edit_structure_member_form input[type="email"], #edit_structure_member_form input[type="number"], #edit_structure_member_form .beneficiary_number input[type="number"], .contact_info_container textarea, .contact_info_container input[type="text"], .contact_info_container input[type="password"], .contact_info_container input[type="email"], .contact_info_container input[type="number"], .contact_info_container .beneficiary_number input[type="number"], #existing_contact_form textarea, #existing_contact_form input[type="text"], #existing_contact_form input[type="password"], #existing_contact_form input[type="email"], #existing_contact_form input[type="number"], #existing_contact_form .beneficiary_number input[type="number"], #new_contact_form textarea, #new_contact_form input[type="text"], #new_contact_form input[type="password"], #new_contact_form input[type="email"], #new_contact_form input[type="number"], #new_contact_form .beneficiary_number input[type="number"], #beneficiary_form textarea, #beneficiary_form input[type="text"], #beneficiary_form input[type="password"], #beneficiary_form input[type="email"], #beneficiary_form input[type="number"], #beneficiary_form .beneficiary_number input[type="number"], #main_content_subgrouping_management textarea, #main_content_subgrouping_management input[type="text"], #main_content_subgrouping_management input[type="password"], #main_content_subgrouping_management input[type="email"], #main_content_subgrouping_management input[type="number"], #main_content_subgrouping_management .beneficiary_number input[type="number"], #contact_mandate_data textarea, #contact_mandate_data input[type="text"], #contact_mandate_data input[type="password"], #contact_mandate_data input[type="email"], #contact_mandate_data input[type="number"], #contact_mandate_data .beneficiary_number input[type="number"] { border: solid 1px #b3b3b2 !important; font-family: 'Silverstone Text' !important; padding: 25px 20px !important; margin: 10px 0 !important; border-radius: 0; box-sizing: border-box; } #immediate_print_form .error textarea, #immediate_print_form .error input[type="text"]:not(.valid), #immediate_print_form .error input[type="password"]:not(.valid), #immediate_print_form .error input[type="email"]:not(.valid), #immediate_print_form .error input[type="number"]:not(.valid), #immediate_print_form .error .beneficiary_number input[type="number"]:not(.valid), #main_content_register .error textarea, #main_content_register .error input[type="text"]:not(.valid), #main_content_register .error input[type="password"]:not(.valid), #main_content_register .error input[type="email"]:not(.valid), #main_content_register .error input[type="number"]:not(.valid), #main_content_register .error .beneficiary_number input[type="number"]:not(.valid), #main_content_registration .error textarea, #main_content_registration .error input[type="text"]:not(.valid), #main_content_registration .error input[type="password"]:not(.valid), #main_content_registration .error input[type="email"]:not(.valid), #main_content_registration .error input[type="number"]:not(.valid), #main_content_registration .error .beneficiary_number input[type="number"]:not(.valid), #main_content_login .error textarea, #main_content_login .error input[type="text"]:not(.valid), #main_content_login .error input[type="password"]:not(.valid), #main_content_login .error input[type="email"]:not(.valid), #main_content_login .error input[type="number"]:not(.valid), #main_content_login .error .beneficiary_number input[type="number"]:not(.valid), #main_content_edit_personal_details .error textarea, #main_content_edit_personal_details .error input[type="text"]:not(.valid), #main_content_edit_personal_details .error input[type="password"]:not(.valid), #main_content_edit_personal_details .error input[type="email"]:not(.valid), #main_content_edit_personal_details .error input[type="number"]:not(.valid), #main_content_edit_personal_details .error .beneficiary_number input[type="number"]:not(.valid), #main_content_address .error textarea, #main_content_address .error input[type="text"]:not(.valid), #main_content_address .error input[type="password"]:not(.valid), #main_content_address .error input[type="email"]:not(.valid), #main_content_address .error input[type="number"]:not(.valid), #main_content_address .error .beneficiary_number input[type="number"]:not(.valid), #main_content_reset_password .error textarea, #main_content_reset_password .error input[type="text"]:not(.valid), #main_content_reset_password .error input[type="password"]:not(.valid), #main_content_reset_password .error input[type="email"]:not(.valid), #main_content_reset_password .error input[type="number"]:not(.valid), #main_content_reset_password .error .beneficiary_number input[type="number"]:not(.valid), #main_content_edit_password .error textarea, #main_content_edit_password .error input[type="text"]:not(.valid), #main_content_edit_password .error input[type="password"]:not(.valid), #main_content_edit_password .error input[type="email"]:not(.valid), #main_content_edit_password .error input[type="number"]:not(.valid), #main_content_edit_password .error .beneficiary_number input[type="number"]:not(.valid), #main_content_confirm_reset_password .error textarea, #main_content_confirm_reset_password .error input[type="text"]:not(.valid), #main_content_confirm_reset_password .error input[type="password"]:not(.valid), #main_content_confirm_reset_password .error input[type="email"]:not(.valid), #main_content_confirm_reset_password .error input[type="number"]:not(.valid), #main_content_confirm_reset_password .error .beneficiary_number input[type="number"]:not(.valid), .main_content_payment .error textarea, .main_content_payment .error input[type="text"]:not(.valid), .main_content_payment .error input[type="password"]:not(.valid), .main_content_payment .error input[type="email"]:not(.valid), .main_content_payment .error input[type="number"]:not(.valid), .main_content_payment .error .beneficiary_number input[type="number"]:not(.valid), #main_content_distribution_member_management .error textarea, #main_content_distribution_member_management .error input[type="text"]:not(.valid), #main_content_distribution_member_management .error input[type="password"]:not(.valid), #main_content_distribution_member_management .error input[type="email"]:not(.valid), #main_content_distribution_member_management .error input[type="number"]:not(.valid), #main_content_distribution_member_management .error .beneficiary_number input[type="number"]:not(.valid), #main_content_friends_and_family_management .error textarea, #main_content_friends_and_family_management .error input[type="text"]:not(.valid), #main_content_friends_and_family_management .error input[type="password"]:not(.valid), #main_content_friends_and_family_management .error input[type="email"]:not(.valid), #main_content_friends_and_family_management .error input[type="number"]:not(.valid), #main_content_friends_and_family_management .error .beneficiary_number input[type="number"]:not(.valid), #resale_criteria .error textarea, #resale_criteria .error input[type="text"]:not(.valid), #resale_criteria .error input[type="password"]:not(.valid), #resale_criteria .error input[type="email"]:not(.valid), #resale_criteria .error input[type="number"]:not(.valid), #resale_criteria .error .beneficiary_number input[type="number"]:not(.valid), #resale_bank_account .error textarea, #resale_bank_account .error input[type="text"]:not(.valid), #resale_bank_account .error input[type="password"]:not(.valid), #resale_bank_account .error input[type="email"]:not(.valid), #resale_bank_account .error input[type="number"]:not(.valid), #resale_bank_account .error .beneficiary_number input[type="number"]:not(.valid), #edit_structure_member_form .error textarea, #edit_structure_member_form .error input[type="text"]:not(.valid), #edit_structure_member_form .error input[type="password"]:not(.valid), #edit_structure_member_form .error input[type="email"]:not(.valid), #edit_structure_member_form .error input[type="number"]:not(.valid), #edit_structure_member_form .error .beneficiary_number input[type="number"]:not(.valid), .contact_info_container .error textarea, .contact_info_container .error input[type="text"]:not(.valid), .contact_info_container .error input[type="password"]:not(.valid), .contact_info_container .error input[type="email"]:not(.valid), .contact_info_container .error input[type="number"]:not(.valid), .contact_info_container .error .beneficiary_number input[type="number"]:not(.valid), #existing_contact_form .error textarea, #existing_contact_form .error input[type="text"]:not(.valid), #existing_contact_form .error input[type="password"]:not(.valid), #existing_contact_form .error input[type="email"]:not(.valid), #existing_contact_form .error input[type="number"]:not(.valid), #existing_contact_form .error .beneficiary_number input[type="number"]:not(.valid), #new_contact_form .error textarea, #new_contact_form .error input[type="text"]:not(.valid), #new_contact_form .error input[type="password"]:not(.valid), #new_contact_form .error input[type="email"]:not(.valid), #new_contact_form .error input[type="number"]:not(.valid), #new_contact_form .error .beneficiary_number input[type="number"]:not(.valid), #beneficiary_form .error textarea, #beneficiary_form .error input[type="text"]:not(.valid), #beneficiary_form .error input[type="password"]:not(.valid), #beneficiary_form .error input[type="email"]:not(.valid), #beneficiary_form .error input[type="number"]:not(.valid), #beneficiary_form .error .beneficiary_number input[type="number"]:not(.valid), #main_content_subgrouping_management .error textarea, #main_content_subgrouping_management .error input[type="text"]:not(.valid), #main_content_subgrouping_management .error input[type="password"]:not(.valid), #main_content_subgrouping_management .error input[type="email"]:not(.valid), #main_content_subgrouping_management .error input[type="number"]:not(.valid), #main_content_subgrouping_management .error .beneficiary_number input[type="number"]:not(.valid), #contact_mandate_data .error textarea, #contact_mandate_data .error input[type="text"]:not(.valid), #contact_mandate_data .error input[type="password"]:not(.valid), #contact_mandate_data .error input[type="email"]:not(.valid), #contact_mandate_data .error input[type="number"]:not(.valid), #contact_mandate_data .error .beneficiary_number input[type="number"]:not(.valid) { border: solid 1px red !important; background: rgba(255,0,0,.2); } #main_content_login #field_password .show_password_icon, #main_content_login #field_password_confirm .show_password_icon, #main_content_login #field_old_password .show_password_icon, #main_content_registration #field_password .show_password_icon, #main_content_registration #field_password_confirm .show_password_icon, #main_content_registration #field_old_password .show_password_icon, #main_content_edit_password #field_password .show_password_icon, #main_content_edit_password #field_password_confirm .show_password_icon, #main_content_edit_password #field_old_password .show_password_icon, #main_content_reset_password #field_password .show_password_icon, #main_content_reset_password #field_password_confirm .show_password_icon, #main_content_reset_password #field_old_password .show_password_icon, #main_content_confirm_reset_password #field_password .show_password_icon, #main_content_confirm_reset_password #field_password_confirm .show_password_icon, #main_content_confirm_reset_password #field_old_password .show_password_icon { bottom: 26px; } #main_content_edit_personal_details select, #main_content_address select, #main_content_reset_password select, #main_content_edit_password select, #main_content_confirm_reset_password select, #main_content_registration select, #beneficiary_form select, .contact_info_container select, #resale_criteria select, #resale_bank_account select, #immediate_print_form select { height: auto !important; min-width: 120px; width: 100%; border: solid 1px #b3b3b2 !important; font-family: 'Silverstone Text' !important; font-size: 17px; padding: 15px 17px !important; outline: none; text-transform: capitalize; margin: 10px 0 !important; } #page_account_register #field_address_country .select_wrapper { width: 100%; } #page_account_register .field#field_phone .select_wrapper, #page_account_register .field#field_mobile .select_wrapper { width: auto; margin-right: 15px; } #page_account_register .field#field_phone input#phone_number, #page_account_register .field#field_mobile input#mobile_number { width: 66.4%; } #main_content_login label.field_label, #main_content_login .label.field_label, #immediate_print_form label.field_label, #immediate_print_form .label.field_label, #main_content_register label.field_label, #main_content_register .label.field_label, #main_content_edit_personal_details label.field_label, #main_content_edit_personal_details .label.field_label, #main_content_reset_password label.field_label, #main_content_reset_password .label.field_label, #main_content_edit_password label.field_label, #main_content_edit_password .label.field_label, #main_content_confirm_reset_password label.field_label, #main_content_confirm_reset_password .label.field_label, #main_content_address label.field_label, #main_content_address .label.field_label, #main_content_registration label.field_label, #main_content_registration .label.field_label, #main_content_distribution_member_management .search_criteria label.field_label, #main_content_distribution_member_management .search_criteria .label.field_label, #beneficiary_form label.field_label, #beneficiary_form .label.field_label, #main_content_subgrouping_management .search_criteria label.field_label, #main_content_subgrouping_management .search_criteria .label.field_label, #contact_mandate_data label.field_label, #contact_mandate_data .label.field_label { font-size: 1.1em; top: auto; display: block; padding-bottom:8px; color: var(--brand-midnight); } #main_content_login .field { margin: 0 0 20px 0 !important; } #identification_header span:not(.button) a { color: var(--brand-cf-primary); font-weight: 500; } /* hide the product image and logo on the login page*/ .main_content_login_register .product_PACKAGE {display: none;} #main_content_edit_personal_details .fieldset_container, #main_content_address .fieldset_container, #main_content_reset_password .fieldset_container, #main_content_edit_password .fieldset_container, #main_content_confirm_reset_password .fieldset_container, #main_content_registration .fieldset_container, #beneficiary_form .fieldset_container, .contact_info_container .fieldset_container, #resale_criteria .fieldset_container, #resale_bank_account .fieldset_container, #immediate_print_form .fieldset_container { padding: 30px 0; } #main_content_edit_personal_details .fieldset_container fieldset, #main_content_address .fieldset_container fieldset, #main_content_reset_password .fieldset_container fieldset, #main_content_edit_password .fieldset_container fieldset, #main_content_confirm_reset_password .fieldset_container fieldset, #main_content_registration .fieldset_container fieldset, #beneficiary_form .fieldset_container fieldset, .contact_info_container .fieldset_container fieldset, #resale_criteria .fieldset_container fieldset, #resale_bank_account .fieldset_container fieldset, #immediate_print_form .fieldset_container fieldset { width: 100%; } #main_content_edit_personal_details .fieldset_container legend, #main_content_address .fieldset_container legend, #main_content_reset_password .fieldset_container legend, #main_content_edit_password .fieldset_container legend, #main_content_confirm_reset_password .fieldset_container legend, #main_content_registration .fieldset_container legend, #beneficiary_form .fieldset_container legend, .contact_info_container .fieldset_container legend, #resale_criteria .fieldset_container legend, #resale_bank_account .fieldset_container legend, #immediate_print_form .fieldset_container legend { display: block; width: 100%; text-align: left; font-size: 28px; margin-bottom: 1em; color: var(--brand-cf-primary); } .fieldset_container:nth-child(2n+1) { background: none; } .fieldset_container { border-bottom: solid 1px #b3b3b2; } .fieldset_container .instruction { text-align: left; } .field { display: block; width: 47%; float: left; margin-right: 29px; } #field_payment_methods { width: 100%; } .mainLoginContainer { border: 0; } .mainLoginContainer .field { width: 100%; margin: 0 0 20px 0; } #main_content_login { margin-bototm:10px; } #main_content_login #field_remember_me { clear: both; } #main_content_login .groupBtnRegisterAndGuestLogin { clear: both; } .groupBtnRegisterAndGuestLogin { padding:0; clear: both; } #main_content_edit_personal_details .fieldset_container .message, #main_content_address .fieldset_container .message, #main_content_reset_password .fieldset_container .message, #main_content_edit_password .fieldset_container .message, #main_content_confirm_reset_password .fieldset_container .message, #main_content_registration .fieldset_container .message, #beneficiary_form .fieldset_container .message, .contact_info_container .fieldset_container .message, #resale_criteria .fieldset_container .message, #resale_bank_account .fieldset_container .message, #immediate_print_form .fieldset_container .message { background-color: transparent; font-size: 18px; text-align: left; color: #333333; padding: 0 !important; margin: 0 0 30px 0; line-height: 125%; } .field.address#field_address_line_1 { width: 98.3%; float: left; } .field.address#field_address_line_1 .multiple input { margin-bottom: 25px; } #field_address_zipcode { } #field_address_zipcode_town span.label { display: inline-block !important; } .fieldset_container.address a.address_book { color: var(--brand-race); } #account_remove_btn { padding:20px 0 !important; } @media only screen and (min-width:0px) and (max-width:990px) { .field { width: 100%; } .select_wrapper, #mobile_number, #day, #month { width: 100% !important; } body.rwd .mobile_style.buttons_container .pay { margin-bottom: 15px; } .forgot_password { width: 100%; text-align: left; } #main_content_login .group_button .continue_button { float: right; clear: both; display: block; width: 100%; margin: 20px 0; } .groupBtnRegisterAndGuestLogin { padding-left: 0; } body.rwd #identification_header>.content_title { display: block; } body.rwd #identification_header>.content_title .title { padding:0 ; } } /* =============================================== */ /* ! Desktop Overrides */ /* =============================================== */ .left {float:left;} .right {float:right;} .clear {clear:both;} .is-hidden { display: none; } #iOSOfflineTicketMsg { display: none !important } /* =============================================== */ /* ! Responsive Rules */ /* =============================================== */ .header--desktop { display: none; } @media screen and (min-width: 1024px) { .header--desktop { display: block; } } .header--mobile { z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0; } @media screen and (min-width: 1024px) { .header--mobile { display: none; } } .mobile-header-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-header-nav-list .header-nav-basket { margin-top:-1px; padding-top: 0; } .header__button-nav { border: 0; background: 0; } .header__button-nav.close .header__close-icon { display: inline-block; } @media screen and (max-width: 1024px) { }