html, body, div, span, applet, object, iframe,
h1, h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title, h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title, h4, h5, .cart-summary .summary.title, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
elements-of-type(html5-block) {
display: block;
}
.load.indicator {
background-color: rgba(255, 255, 255, 0.5);
z-index: 9999;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
position: absolute;
}
.load.indicator:before {
background: transparent url("../images/loader-2.gif") no-repeat 50% 50%;
border-radius: 5px;
height: 160px;
width: 160px;
bottom: 0;
box-sizing: border-box;
content: '';
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.load.indicator > span {
display: none;
}
.loading-mask {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.5);
}
.loading-mask .loader > img {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
.loading-mask .loader > p {
display: none;
}
body > .loading-mask {
z-index: 9999;
}
._block-content-loading {
position: relative;
}
.cms-no-route .page-title-wrapper {
max-width: 840px;
margin: 0 auto;
}
.cms-no-route .column.main .container, .cms-no-route .column.main #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .cms-no-route .column.main .top-container > div {
max-width: 840px;
padding-top: 20px;
}
.cms-no-route .column.main .container dt, .cms-no-route .column.main #html-body:has(#booking-section-process) .top-container > div dt, #html-body:has(#booking-section-process) .cms-no-route .column.main .top-container > div dt {
font-weight: 500;
font-size: 1.1em;
padding-bottom: .3em;
}
* {
box-sizing: border-box;
margin: 0;
}
body, html {
min-height: 100%;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
}
h1, h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title, h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title, h4, h5, .cart-summary .summary.title {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
}
h1 {
font-size: 2.25em;
font-weight: 800;
margin-top: 0;
}
h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title {
font-size: 1.85em;
font-weight: 800;
}
h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title {
font-size: 1.5em;
font-weight: 800;
}
h4 {
font-size: 1.25em;
font-weight: 800;
}
h5, .cart-summary .summary.title {
font-size: 1.1em;
font-weight: 800;
}
p, address {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
}
a {
text-decoration: none;
color: #e12a58;
}
a:hover {
color: #e12a58;
border-color: transparent;
cursor: pointer;
}
.uppercase {
text-transform: uppercase !important;
}
a[href*="//"]:not([href*="gsc.test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
/* external link styles, use :before or :after if you want! */
}
a[href*="//"]:not([href*="gsc.test"]):not([href*="ddev"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]):after {
content: "\21B8";
font-size: 0.7em;
vertical-align: super;
margin-left: 4px;
display: inline-block;
position: relative;
transform: scale(-1, 1);
}
ul, ol {
margin-bottom: 20px;
}
ul li, ol li {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
margin-bottom: 0;
}
ul {
padding-left: 20px;
}
ul li {
list-style: disc;
}
strong {
font-weight: 600;
}
.italic {
font-style: italic;
}
.icon i, .logo a span, a, h1, h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title, h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title, h4, h5, .cart-summary .summary.title, i, p {
transition: all 0.3s ease;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 2em;
}
h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title {
font-size: 1.5em;
}
h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title {
font-size: 1.25em;
}
h4 {
font-size: 1.1em;
}
h5, .cart-summary .summary.title {
font-size: 1em;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 1.7em;
}
h2, .opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.checkout-agreements-items .checkout-agreements-item-title {
font-size: 1.3em;
}
h3, .opc-wrapper #checkout-step-payment .legend span, .login-container .block .block-title {
font-size: 1.2em;
}
h4 {
font-size: 1.05em;
}
h5, .cart-summary .summary.title {
font-size: 1em;
}
}
.btn, .header .basket-controls .basket-button a, .header .basket-controls .basket-button .current, .cart-summary .checkout-methods-items .multicheckout,
.opc-block-summary .checkout-methods-items .multicheckout,
.opc-block-shipping-information .checkout-methods-items .multicheckout, .catalog-product-view .box-tocart .actions button.tocart, .login-container .block-new-customer .actions-toolbar .primary a, button, input[type=submit] {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
background-color: #e12a58;
color: #fff;
border: 2px solid #fff;
display: inline-block;
padding: 9px 15px;
font-size: 16px;
text-shadow: none;
margin-bottom: 10px;
height: 45px;
line-height: 1.5em;
text-transform: uppercase;
font-weight: 500;
border-radius: 5px;
margin-right: 10px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 0 #911434;
transition-duration: 0s;
}
.btn span, .header .basket-controls .basket-button a span, .header .basket-controls .basket-button .current span, .cart-summary .checkout-methods-items .multicheckout span, .opc-block-summary .checkout-methods-items .multicheckout span, .opc-block-shipping-information .checkout-methods-items .multicheckout span, .catalog-product-view .box-tocart .actions button.tocart span, .login-container .block-new-customer .actions-toolbar .primary a span, button span, input[type=submit] span {
position: relative;
color: #fff;
}
.btn:hover, .header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button .current:hover, .cart-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover, .catalog-product-view .box-tocart .actions button.tocart:hover, .login-container .block-new-customer .actions-toolbar .primary a:hover, .btn:focus, .header .basket-controls .basket-button a:focus, .header .basket-controls .basket-button .current:focus, .cart-summary .checkout-methods-items .multicheckout:focus,
.opc-block-summary .checkout-methods-items .multicheckout:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:focus, .catalog-product-view .box-tocart .actions button.tocart:focus, .login-container .block-new-customer .actions-toolbar .primary a:focus, .btn:active, .header .basket-controls .basket-button a:active, .header .basket-controls .basket-button .current:active, .cart-summary .checkout-methods-items .multicheckout:active,
.opc-block-summary .checkout-methods-items .multicheckout:active,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active, .catalog-product-view .box-tocart .actions button.tocart:active, .login-container .block-new-customer .actions-toolbar .primary a:active, .btn.active, .header .basket-controls .basket-button a.active, .header .basket-controls .basket-button .active.current, .cart-summary .checkout-methods-items .active.multicheckout,
.opc-block-summary .checkout-methods-items .active.multicheckout,
.opc-block-shipping-information .checkout-methods-items .active.multicheckout, .catalog-product-view .box-tocart .actions button.active.tocart, .login-container .block-new-customer .actions-toolbar .primary a.active, .btn:active:focus, .header .basket-controls .basket-button a:active:focus, .header .basket-controls .basket-button .current:active:focus, .cart-summary .checkout-methods-items .multicheckout:active:focus,
.opc-block-summary .checkout-methods-items .multicheckout:active:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active:focus, .catalog-product-view .box-tocart .actions button.tocart:active:focus, .login-container .block-new-customer .actions-toolbar .primary a:active:focus, button:hover, button:focus, button:active, button.active, button:active:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit]:active:focus {
background: #e12a58;
border-color: #fff;
color: #fff;
}
.btn:hover span, .header .basket-controls .basket-button a:hover span, .header .basket-controls .basket-button .current:hover span, .cart-summary .checkout-methods-items .multicheckout:hover span, .opc-block-summary .checkout-methods-items .multicheckout:hover span, .opc-block-shipping-information .checkout-methods-items .multicheckout:hover span, .catalog-product-view .box-tocart .actions button.tocart:hover span, .login-container .block-new-customer .actions-toolbar .primary a:hover span, .btn:focus span, .header .basket-controls .basket-button a:focus span, .header .basket-controls .basket-button .current:focus span, .cart-summary .checkout-methods-items .multicheckout:focus span, .opc-block-summary .checkout-methods-items .multicheckout:focus span, .opc-block-shipping-information .checkout-methods-items .multicheckout:focus span, .catalog-product-view .box-tocart .actions button.tocart:focus span, .login-container .block-new-customer .actions-toolbar .primary a:focus span, .btn:active span, .header .basket-controls .basket-button a:active span, .header .basket-controls .basket-button .current:active span, .cart-summary .checkout-methods-items .multicheckout:active span, .opc-block-summary .checkout-methods-items .multicheckout:active span, .opc-block-shipping-information .checkout-methods-items .multicheckout:active span, .catalog-product-view .box-tocart .actions button.tocart:active span, .login-container .block-new-customer .actions-toolbar .primary a:active span, .btn.active span, .header .basket-controls .basket-button a.active span, .header .basket-controls .basket-button .active.current span, .cart-summary .checkout-methods-items .active.multicheckout span, .opc-block-summary .checkout-methods-items .active.multicheckout span, .opc-block-shipping-information .checkout-methods-items .active.multicheckout span, .catalog-product-view .box-tocart .actions button.active.tocart span, .login-container .block-new-customer .actions-toolbar .primary a.active span, .btn:active:focus span, .header .basket-controls .basket-button a:active:focus span, .header .basket-controls .basket-button .current:active:focus span, .cart-summary .checkout-methods-items .multicheckout:active:focus span, .opc-block-summary .checkout-methods-items .multicheckout:active:focus span, .opc-block-shipping-information .checkout-methods-items .multicheckout:active:focus span, .catalog-product-view .box-tocart .actions button.tocart:active:focus span, .login-container .block-new-customer .actions-toolbar .primary a:active:focus span, button:hover span, button:focus span, button:active span, button.active span, button:active:focus span, input[type=submit]:hover span, input[type=submit]:focus span, input[type=submit]:active span, input[type=submit].active span, input[type=submit]:active:focus span {
color: #fff;
}
.btn:hover, .header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button .current:hover, .cart-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover, .catalog-product-view .box-tocart .actions button.tocart:hover, .login-container .block-new-customer .actions-toolbar .primary a:hover, button:hover, input[type=submit]:hover {
box-shadow: 0 2px 0 #911434;
top: 2px;
}
.btn:focus, .header .basket-controls .basket-button a:focus, .header .basket-controls .basket-button .current:focus, .cart-summary .checkout-methods-items .multicheckout:focus,
.opc-block-summary .checkout-methods-items .multicheckout:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:focus, .catalog-product-view .box-tocart .actions button.tocart:focus, .login-container .block-new-customer .actions-toolbar .primary a:focus, button:focus, input[type=submit]:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .cart-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-shipping-information .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .catalog-product-view .box-tocart .actions button.tocart[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .login-container .block-new-customer .actions-toolbar .primary a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 6px 15px 9px;
}
.btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 5px 15px 8px;
}
.btn-lg[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .catalog-product-view .box-tocart .actions button.tocart[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 11px 30px 15px;
}
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .cart-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-shipping-information .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .catalog-product-view .box-tocart .actions button.tocart[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .login-container .block-new-customer .actions-toolbar .primary a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding-top: 5px;
}
.btn-lg[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .catalog-product-view .box-tocart .actions button.tocart[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding-top: 10px;
}
.btn-primary, .header .basket-controls .basket-button a, .header .basket-controls .basket-button .current, .cart-summary .checkout-methods-items .multicheckout,
.opc-block-summary .checkout-methods-items .multicheckout,
.opc-block-shipping-information .checkout-methods-items .multicheckout, .catalog-product-view .box-tocart .actions button.tocart, .login-container .block-new-customer .actions-toolbar .primary a, input[type=submit], button {
background: #e12a58;
border-color: #e12a58;
color: #fff;
}
.btn-primary span, .header .basket-controls .basket-button a span, .header .basket-controls .basket-button .current span, .cart-summary .checkout-methods-items .multicheckout span, .opc-block-summary .checkout-methods-items .multicheckout span, .opc-block-shipping-information .checkout-methods-items .multicheckout span, .catalog-product-view .box-tocart .actions button.tocart span, .login-container .block-new-customer .actions-toolbar .primary a span, input[type=submit] span, button span {
color: #fff;
}
.btn-primary:hover, .header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button .current:hover, .cart-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover, .catalog-product-view .box-tocart .actions button.tocart:hover, .login-container .block-new-customer .actions-toolbar .primary a:hover, .btn-primary:focus, .header .basket-controls .basket-button a:focus, .header .basket-controls .basket-button .current:focus, .cart-summary .checkout-methods-items .multicheckout:focus,
.opc-block-summary .checkout-methods-items .multicheckout:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:focus, .catalog-product-view .box-tocart .actions button.tocart:focus, .login-container .block-new-customer .actions-toolbar .primary a:focus, .btn-primary:active, .header .basket-controls .basket-button a:active, .header .basket-controls .basket-button .current:active, .cart-summary .checkout-methods-items .multicheckout:active,
.opc-block-summary .checkout-methods-items .multicheckout:active,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active, .catalog-product-view .box-tocart .actions button.tocart:active, .login-container .block-new-customer .actions-toolbar .primary a:active, .btn-primary.active, .header .basket-controls .basket-button a.active, .header .basket-controls .basket-button .active.current, .cart-summary .checkout-methods-items .active.multicheckout,
.opc-block-summary .checkout-methods-items .active.multicheckout,
.opc-block-shipping-information .checkout-methods-items .active.multicheckout, .catalog-product-view .box-tocart .actions button.active.tocart, .login-container .block-new-customer .actions-toolbar .primary a.active, .btn-primary:active:focus, .header .basket-controls .basket-button a:active:focus, .header .basket-controls .basket-button .current:active:focus, .cart-summary .checkout-methods-items .multicheckout:active:focus,
.opc-block-summary .checkout-methods-items .multicheckout:active:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active:focus, .catalog-product-view .box-tocart .actions button.tocart:active:focus, .login-container .block-new-customer .actions-toolbar .primary a:active:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit]:active:focus, button:hover, button:focus, button:active, button.active, button:active:focus {
background: #d41e4c;
border-color: #d41e4c;
color: #fff;
}
.btn-primary:hover span, .header .basket-controls .basket-button a:hover span, .header .basket-controls .basket-button .current:hover span, .cart-summary .checkout-methods-items .multicheckout:hover span, .opc-block-summary .checkout-methods-items .multicheckout:hover span, .opc-block-shipping-information .checkout-methods-items .multicheckout:hover span, .catalog-product-view .box-tocart .actions button.tocart:hover span, .login-container .block-new-customer .actions-toolbar .primary a:hover span, .btn-primary:focus span, .header .basket-controls .basket-button a:focus span, .header .basket-controls .basket-button .current:focus span, .cart-summary .checkout-methods-items .multicheckout:focus span, .opc-block-summary .checkout-methods-items .multicheckout:focus span, .opc-block-shipping-information .checkout-methods-items .multicheckout:focus span, .catalog-product-view .box-tocart .actions button.tocart:focus span, .login-container .block-new-customer .actions-toolbar .primary a:focus span, .btn-primary:active span, .header .basket-controls .basket-button a:active span, .header .basket-controls .basket-button .current:active span, .cart-summary .checkout-methods-items .multicheckout:active span, .opc-block-summary .checkout-methods-items .multicheckout:active span, .opc-block-shipping-information .checkout-methods-items .multicheckout:active span, .catalog-product-view .box-tocart .actions button.tocart:active span, .login-container .block-new-customer .actions-toolbar .primary a:active span, .btn-primary.active span, .header .basket-controls .basket-button a.active span, .header .basket-controls .basket-button .active.current span, .cart-summary .checkout-methods-items .active.multicheckout span, .opc-block-summary .checkout-methods-items .active.multicheckout span, .opc-block-shipping-information .checkout-methods-items .active.multicheckout span, .catalog-product-view .box-tocart .actions button.active.tocart span, .login-container .block-new-customer .actions-toolbar .primary a.active span, .btn-primary:active:focus span, .header .basket-controls .basket-button a:active:focus span, .header .basket-controls .basket-button .current:active:focus span, .cart-summary .checkout-methods-items .multicheckout:active:focus span, .opc-block-summary .checkout-methods-items .multicheckout:active:focus span, .opc-block-shipping-information .checkout-methods-items .multicheckout:active:focus span, .catalog-product-view .box-tocart .actions button.tocart:active:focus span, .login-container .block-new-customer .actions-toolbar .primary a:active:focus span, input[type=submit]:hover span, input[type=submit]:focus span, input[type=submit]:active span, input[type=submit].active span, input[type=submit]:active:focus span, button:hover span, button:focus span, button:active span, button.active span, button:active:focus span {
color: #fff;
}
.btn-primary:hover, .header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button .current:hover, .cart-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover, .catalog-product-view .box-tocart .actions button.tocart:hover, .login-container .block-new-customer .actions-toolbar .primary a:hover, .btn-primary:active:hover, .header .basket-controls .basket-button a:active:hover, .header .basket-controls .basket-button .current:active:hover, .cart-summary .checkout-methods-items .multicheckout:active:hover,
.opc-block-summary .checkout-methods-items .multicheckout:active:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active:hover, .catalog-product-view .box-tocart .actions button.tocart:active:hover, .login-container .block-new-customer .actions-toolbar .primary a:active:hover, input[type=submit]:hover, input[type=submit]:active:hover, button:hover, button:active:hover {
background: #e12a58;
border-color: #e12a58;
}
.btn-secondary {
background: #2e2d44;
border-color: #2e2d44;
color: #fff;
box-shadow: 0 4px 0 #040407;
}
.btn-secondary span {
color: #fff;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus {
background: #242335;
border-color: #242335;
color: #fff;
}
.btn-secondary:hover span, .btn-secondary:focus span, .btn-secondary:active span, .btn-secondary.active span, .btn-secondary:active:focus span {
color: #fff;
}
.btn-secondary:hover {
background: #2e2d44;
border-color: #2e2d44;
box-shadow: 0 2px 0 #040407;
}
.btn-secondary:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn-green {
background: #22b573;
border-color: #22b573;
color: #fff;
box-shadow: 0 4px 0 #125f3c;
}
.btn-green span {
color: #fff;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green:active:focus {
background: #1ea065;
border-color: #1ea065;
color: #fff;
}
.btn-green:hover span, .btn-green:focus span, .btn-green:active span, .btn-green.active span, .btn-green:active:focus span {
color: #fff;
}
.btn-green:hover {
background: #22b573;
border-color: #22b573;
box-shadow: 0 2px 0 #125f3c;
}
.btn-green:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn-teal {
background: #30b7bb;
border-color: #30b7bb;
color: #fff;
box-shadow: 0 4px 0 #1b686a;
}
.btn-teal span {
color: #fff;
}
.btn-teal:hover, .btn-teal:focus, .btn-teal:active, .btn-teal.active, .btn-teal:active:focus {
background: #2ba3a7;
border-color: #2ba3a7;
color: #fff;
}
.btn-teal:hover span, .btn-teal:focus span, .btn-teal:active span, .btn-teal.active span, .btn-teal:active:focus span {
color: #fff;
}
.btn-teal:hover {
background: #30b7bb;
border-color: #30b7bb;
box-shadow: 0 2px 0 #1b686a;
}
.btn-teal:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn-purple {
background: #64335f;
border-color: #64335f;
color: #fff;
box-shadow: 0 4px 0 #20111f;
}
.btn-purple span {
color: #fff;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple:active:focus {
background: #532a4f;
border-color: #532a4f;
color: #fff;
}
.btn-purple:hover span, .btn-purple:focus span, .btn-purple:active span, .btn-purple.active span, .btn-purple:active:focus span {
color: #fff;
}
.btn-purple:hover {
background: #64335f;
border-color: #64335f;
box-shadow: 0 2px 0 #20111f;
}
.btn-purple:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn-white {
background: #fff;
border-color: #fff;
color: #2e2d44;
box-shadow: 0 4px 0 #a9a9a9;
}
.btn-white span {
color: #2e2d44;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white:active:focus {
background: #fff;
border-color: #fff;
color: #2e2d44;
}
.btn-white:hover span, .btn-white:focus span, .btn-white:active span, .btn-white.active span, .btn-white:active:focus span {
color: #fff;
}
.btn-white:hover {
background: #fff;
border-color: #fff;
box-shadow: 0 2px 0 #a9a9a9;
}
.btn-white:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.btn-white-red-border {
background: #fff;
border-color: #e12a58;
color: #e12a58;
box-shadow: 0 4px 0 #a9a9a9;
}
.btn-white-red-border span {
color: #e12a58;
}
.btn-white-red-border:hover, .btn-white-red-border:focus, .btn-white-red-border:active, .btn-white-red-border.active, .btn-white-red-border:active:focus {
background: #e12a58;
border-color: #e12a58;
color: #fff;
}
.btn-white-red-border:hover span, .btn-white-red-border:focus span, .btn-white-red-border:active span, .btn-white-red-border.active span, .btn-white-red-border:active:focus span {
color: #fff;
}
.btn-white-border {
background: transparent;
border-color: #fff;
color: #fff;
}
.btn-white-border span {
color: #fff;
}
.btn-white-border:hover, .btn-white-border:focus, .btn-white-border:active, .btn-white-border.active, .btn-white-border:active:focus {
background: #fff;
border-color: #fff;
color: #2e2d44;
}
.btn-white-border:hover span, .btn-white-border:focus span, .btn-white-border:active span, .btn-white-border.active span, .btn-white-border:active:focus span {
color: #2e2d44;
}
.btn-disabled {
background: #dbdbdb;
border-color: #dbdbdb;
color: #fff;
box-shadow: 0 4px 0 #bfbfbf;
}
.btn-disabled span {
color: #fff;
}
.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active, .btn-disabled.active, .btn-disabled:active:focus, .btn-disabled:active:hover {
background: #dbdbdb;
border-color: #dbdbdb;
color: #fff;
top: 0;
box-shadow: 0 4px 0 #bfbfbf;
}
.btn-disabled:hover span, .btn-disabled:focus span, .btn-disabled:active span, .btn-disabled.active span, .btn-disabled:active:focus span, .btn-disabled:active:hover span {
color: #fff;
}
.btn-filter {
background: #fff;
border-color: #e12a58;
color: #e12a58;
border-width: 1px;
border-radius: 100px;
font-size: 0.9em;
height: 31px !important;
cursor: default;
outline: none;
padding: 5px 15px 5px 10px !important;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active, .btn-filter.active, .btn-filter:active:focus {
background: #fff;
border-color: #e12a58;
color: #e12a58;
outline: none !important;
}
.btn-filter:hover span, .btn-filter:focus span, .btn-filter:active span, .btn-filter.active span, .btn-filter:active:focus span {
color: #e12a58;
}
.btn-filter span {
color: #e12a58;
margin-left: 0;
position: relative;
top: -1px;
padding: 6px 10px 7px 5px;
right: -10px;
}
.btn-filter span:hover {
color: #2e2d44;
cursor: pointer;
}
.btn-filter.remove-all-filters {
border-color: transparent;
color: #30b7bb;
}
.btn-filter.remove-all-filters:hover, .btn-filter.remove-all-filters:focus, .btn-filter.remove-all-filters:active, .btn-filter.remove-all-filters.active, .btn-filter.remove-all-filters:active:focus {
cursor: pointer;
color: #2e2d44;
text-decoration: underline;
}
.btn-social {
height: 40px;
width: 40px;
padding: 0;
}
.btn-social span {
font-size: 22px;
position: relative;
top: 9px;
}
.btn-facebook {
background: #3b5998;
border-color: #3b5998;
color: #fff;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook:active:focus {
background: #344e86;
border-color: #344e86;
}
.btn-twitter {
background: #55acee;
border-color: #55acee;
color: #fff;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter:active:focus {
background: #3ea1ec;
border-color: #3ea1ec;
}
.btn-youtube {
background: #bb0000;
border-color: #bb0000;
color: #fff;
}
.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .btn-youtube:active:focus {
background: #a20000;
border-color: #a20000;
}
.btn-flickr {
background: #ff0084;
border-color: #ff0084;
color: #fff;
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .btn-flickr:active:focus {
background: #e60077;
border-color: #e60077;
}
.btn-sm, .header .basket-controls .basket-button a, .header .basket-controls .basket-button .current {
padding: 8px 15px;
height: 40px;
border-width: 1px;
text-transform: none;
font-weight: 400;
}
.btn-sm:hover, .header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button .current:hover, .btn-sm:focus, .header .basket-controls .basket-button a:focus, .header .basket-controls .basket-button .current:focus, .btn-sm:active, .header .basket-controls .basket-button a:active, .header .basket-controls .basket-button .current:active, .btn-sm.active, .header .basket-controls .basket-button a.active, .header .basket-controls .basket-button .active.current, .btn-sm:active:focus, .header .basket-controls .basket-button a:active:focus, .header .basket-controls .basket-button .current:active:focus {
border-width: 1px;
}
.btn-lg, .catalog-product-view .box-tocart .actions button.tocart {
padding: 15px 30px;
height: 57px;
font-size: 1.1em;
}
.btn-pdf {
background-image: url("/themes/custom/glasgowsciencecentre/images/pdf-icon.png");
background-repeat: no-repeat;
background-position: left 5px center;
background-size: 20px;
padding-left: 35px;
}
.btn-pdf:hover, .btn-pdf:focus, .btn-pdf:active, .btn-pdf.active, .btn-pdf:active:focus {
background-image: url("/themes/custom/glasgowsciencecentre/images/pdf-icon.png");
background-repeat: no-repeat;
background-position: left 5px center;
background-size: 20px;
padding-left: 35px;
}
.btn-pdf.btn-sm, .header .basket-controls .basket-button a.btn-pdf, .header .basket-controls .basket-button .btn-pdf.current {
background-size: 15px;
padding-left: 25px;
}
label {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
margin-bottom: .2em;
}
input, .form-control {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
border-radius: 5px;
border: 0;
padding: 10px 15px;
}
select {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
margin-bottom: 0;
background-image: url(../images/iOS-select-arrow-blue@2x.png) !important;
background-size: 8px;
background-position: right 8px center;
background-repeat: no-repeat;
padding: 10px 25px 10px 10px;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 5px;
border: 0;
}
select::-ms-expand {
display: none;
}
@media screen and (max-width: 767px) {
.btn-lg, .catalog-product-view .box-tocart .actions button.tocart {
padding: 10px 20px;
height: 45px;
font-size: 1em;
}
.btn, .header .basket-controls .basket-button a, .header .basket-controls .basket-button .current, .cart-summary .checkout-methods-items .multicheckout,
.opc-block-summary .checkout-methods-items .multicheckout,
.opc-block-shipping-information .checkout-methods-items .multicheckout, .catalog-product-view .box-tocart .actions button.tocart, .login-container .block-new-customer .actions-toolbar .primary a {
font-size: 0.9em;
padding: 12px 15px;
}
.btn-sm, .header .basket-controls .basket-button a, .header .basket-controls .basket-button .current {
padding: 9px 15px 5px;
}
.btn[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .cart-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-summary .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]),
.opc-block-shipping-information .checkout-methods-items .multicheckout[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .catalog-product-view .box-tocart .actions button.tocart[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .login-container .block-new-customer .actions-toolbar .primary a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 8px 15px 9px;
}
.btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 6px 15px 9px;
}
}
.main-nav {
float: left;
width: auto;
position: relative;
z-index: 10;
}
.main-menu {
padding-left: 0;
}
.main-menu li {
float: left;
margin-right: 1px;
position: relative;
list-style: none;
}
.main-menu li a {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
padding: 15px;
color: #ffffff;
display: block;
font-size: 1.3em;
margin: 0;
}
.main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus, .main-menu li a.active {
background: #30b7bb;
color: #ffffff;
text-decoration: none;
}
.main-menu li:hover a, .main-menu li:active a, .main-menu li:focus a, .main-menu li.active a {
background: #30b7bb;
color: #ffffff;
text-decoration: none;
}
.main-menu li:first-child {
display: none;
}
.main-menu li:nth-child(3) {
margin-right: 0;
}
.main-menu li:last-child {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.main-menu li ul.level-2, .main-menu li ul.level-3 {
display: none;
padding-top: 10px;
position: absolute;
left: 0;
width: 230px;
background: #fff;
border: 1px solid #2e2d44;
margin-top: -1px;
padding-left: 0;
}
.main-menu li ul.level-2 li, .main-menu li ul.level-3 li {
display: block;
margin: 0;
width: 100%;
}
.main-menu li ul.level-2 li a, .main-menu li ul.level-3 li a {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
color: #2e2d44;
font-weight: 300;
margin: 0;
display: block;
width: 100%;
font-size: 0.9em;
padding: 10px 15px;
background: #fff;
}
.main-menu li ul.level-2 li a span.icon, .main-menu li ul.level-3 li a span.icon {
position: absolute;
right: 2px;
top: 10px;
font-size: 1.4em;
}
.main-menu li ul.level-2 li:hover > a, .main-menu li ul.level-3 li:hover > a {
background: #2e2d44;
color: #ffffff;
text-decoration: none;
}
.main-menu li ul.level-2 li:last-child, .main-menu li ul.level-3 li:last-child {
border: 0;
}
.main-menu li ul.level-2 li:not(:first-child) ul.level-3 {
padding-top: 0;
margin-top: 9px;
}
.main-menu li:hover ul.level-2 {
display: block;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.main-menu li:hover ul.level-2 li:hover ul.level-3 {
display: block;
position: absolute;
left: 228px;
top: -10px;
width: 240px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.main-menu li ul.show-level-3 {
display: block;
position: absolute;
left: 228px;
top: -10px;
width: 240px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mobile-menu-link-container {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.menu-link {
display: none;
position: absolute;
float: right;
right: 0;
text-decoration: none;
top: 12px;
width: auto;
z-index: 10;
color: #ffffff;
}
.menu-link button {
border: 0;
background: #2e2d44;
font-size: 1.75em;
padding: 5px 13px;
background: #30b7bb;
margin-bottom: 0;
width: 100px;
}
.menu-link button span.icon {
font-size: 21px;
float: left;
line-height: 1em;
top: 2px;
}
.menu-link button span.wording {
font-size: 16px;
float: left;
line-height: 1em;
position: relative;
top: 6px;
padding-left: 7px;
}
.menu-link:hover {
text-decoration: none;
background: #2e2d44;
color: #ffffff;
cursor: pointer;
}
#mobile-nav {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
right: -240px;
height: 100%;
background-color: #2e2d44;
z-index: 300;
overflow-y: scroll;
}
#mobile-nav .mobile-nav-header {
padding: 15px;
}
#mobile-nav .close-mobile-nav {
position: absolute;
top: 0;
right: 0;
background: #191925;
padding: 10px 10px 6px;
cursor: pointer;
}
#mobile-nav .close-mobile-nav span {
color: #fff;
font-size: 1.75em;
display: block;
}
#mobile-nav .logo img {
display: block;
width: 130px;
}
#mobile-nav .search-block-form {
width: 100%;
clear: both;
position: relative;
margin-top: 15px;
}
#mobile-nav .search-block-form input {
width: 100%;
background: #191925;
border: 0;
color: #fff;
font-weight: 300;
padding: 13px 90px 13px 10px;
font-style: italic;
margin-bottom: 0;
}
#mobile-nav .search-block-form #edit-actions {
position: absolute;
right: 0;
top: 0;
}
#mobile-nav .search-block-form #edit-actions input {
border: none;
font-size: 1em;
margin: 0;
height: auto;
padding: 9px 12px 7px;
background: #30b7bb;
font-style: normal;
border-radius: 5px;
top: 4px;
position: relative;
right: 4px;
}
#mobile-nav ul {
width: 100%;
display: block;
padding-left: 0;
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 0;
}
#mobile-nav ul li {
width: 100%;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#mobile-nav ul li a {
color: #ffffff;
display: block;
padding: 15px;
font-weight: 400;
font-size: 1em;
background: #2e2d44;
text-transform: uppercase;
}
#mobile-nav ul li a span {
position: absolute;
right: 7px;
top: 13px;
font-size: 1.4em;
}
#mobile-nav ul li a:hover, #mobile-nav ul li a:focus, #mobile-nav ul li a:active, #mobile-nav ul li a.is-active {
text-decoration: none;
background: #242335;
color: #e12a58;
}
#mobile-nav ul li ul {
display: none;
}
#mobile-nav ul li.back-menu a {
text-transform: none;
padding-left: 35px;
}
#mobile-nav ul li.back-menu a span {
right: auto;
left: 10px;
}
#mobile-nav ul li:last-child {
border-left: 0;
}
#mobile-nav ul li:hover, #mobile-nav ul li:focus, #mobile-nav ul li:active, #mobile-nav ul li.is-active {
text-decoration: none;
background: #242335;
color: #e12a58;
}
#mobile-nav ul ul.level-2 li a {
text-transform: none;
}
#mobile-nav ul.secondary-menu {
clear: both;
margin-bottom: 0;
}
#mobile-nav ul.secondary-menu li {
border: 0;
}
#mobile-nav ul.secondary-menu li a {
padding: 10px 15px;
text-transform: none;
}
#mobile-nav ul.account-links li {
border: 0;
}
#mobile-nav ul.account-links li a {
border: 0;
padding: 10px 15px;
text-transform: none;
}
#mobile-nav ul.account-links li a span {
position: relative;
left: 0;
float: left;
top: 0;
margin-right: 10px;
}
#mobile-nav ul.social-links {
text-align: center;
padding: 15px 0;
border-bottom: 0;
}
#mobile-nav ul.social-links li {
border: 0;
display: inline;
}
#mobile-nav ul.social-links li a {
border: 1px solid #fff;
width: 45px;
height: 45px;
display: inline-block;
border-radius: 100%;
text-align: center;
padding: 0;
}
#mobile-nav ul.social-links li a.facebook:hover, #mobile-nav ul.social-links li a.facebook:active, #mobile-nav ul.social-links li a.facebook:focus, #mobile-nav ul.social-links li a.facebook.active {
background: #3b5998;
border: 1px solid #3b5998;
}
#mobile-nav ul.social-links li a.twitter:hover, #mobile-nav ul.social-links li a.twitter:active, #mobile-nav ul.social-links li a.twitter:focus, #mobile-nav ul.social-links li a.twitter.active {
background: #55acee;
border: 1px solid #55acee;
}
#mobile-nav ul.social-links li a.instagram:hover, #mobile-nav ul.social-links li a.instagram:active, #mobile-nav ul.social-links li a.instagram:focus, #mobile-nav ul.social-links li a.instagram.active {
background: #4c68d7;
border: 1px solid #4c68d7;
}
#mobile-nav ul.social-links li a.youtube:hover, #mobile-nav ul.social-links li a.youtube:active, #mobile-nav ul.social-links li a.youtube:focus, #mobile-nav ul.social-links li a.youtube.active {
background: #bb0000;
border: 1px solid #bb0000;
}
#mobile-nav ul.social-links li span {
color: #fff;
position: relative;
top: 10px;
right: auto;
}
#mobile-nav ul ul {
border-bottom: 0;
}
#mobile-nav a[href*="//"]:not([href*="gsc.test, glasgowsciencecentre.org"]):after {
display: none;
}
.sidebar ul.sidebar-menu, .sidebar ul.block-aboutmenu-menu {
background: #fff;
padding: 0;
border-top: 5px solid #30b7bb;
border-radius: 0 0 5px 5px;
}
.sidebar ul.sidebar-menu li, .sidebar ul.block-aboutmenu-menu li {
list-style: none;
}
.sidebar ul.sidebar-menu li a, .sidebar ul.block-aboutmenu-menu li a {
display: block;
width: 100%;
padding: 9px 15px;
color: #2e2d44;
border-bottom: 1px solid #d9d9d9;
}
.sidebar ul.sidebar-menu li a:hover, .sidebar ul.sidebar-menu li a:focus, .sidebar ul.block-aboutmenu-menu li a:hover, .sidebar ul.block-aboutmenu-menu li a:focus {
text-decoration: none;
}
.sidebar ul.sidebar-menu li a:hover, .sidebar ul.sidebar-menu li a.is-active, .sidebar ul.block-aboutmenu-menu li a:hover, .sidebar ul.block-aboutmenu-menu li a.is-active {
background: #30b7bb;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.sidebar ul.sidebar-menu li:last-child a, .sidebar ul.block-aboutmenu-menu li:last-child a {
border-bottom: 0 !important;
border-radius: 0 0 5px 5px;
}
.sidebar ul.sidebar-menu ul, .sidebar ul.block-aboutmenu-menu ul {
margin-left: 0;
padding-left: 0;
}
.sidebar ul.sidebar-menu ul li a, .sidebar ul.block-aboutmenu-menu ul li a {
padding-left: 35px;
}
#mobile-nav {
transform: translate(0px, -100%);
transition: all 0.3s ease;
top: -150%;
}
#mobile-nav.active {
transform: translate(0px, 0px);
top: 0;
}
.mobile-bottom-action-bar {
background: #fff;
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.mobile-bottom-action-bar .link {
width: 25%;
text-align: center;
float: left;
border-right: 1px solid #f2f2f2;
}
.mobile-bottom-action-bar .link:last-child {
border-right: 0;
}
.mobile-bottom-action-bar .link.discover {
width: 25%;
}
.mobile-bottom-action-bar .link.visit {
width: 22%;
}
.mobile-bottom-action-bar .link.learn {
width: 25%;
}
.mobile-bottom-action-bar .link.whats-on {
width: 28%;
}
.mobile-bottom-action-bar .link a {
padding: 10px 2px;
display: block;
color: #2e2d44;
}
.mobile-bottom-action-bar .link a:hover, .mobile-bottom-action-bar .link a:focus, .mobile-bottom-action-bar .link a:active, .mobile-bottom-action-bar .link a.active {
color: #e12a58;
text-decoration: none;
background: #f2f2f2;
}
.mobile-bottom-action-bar .link .icon {
clear: both;
display: block;
font-size: 1.25em;
}
.mobile-bottom-action-bar .link .wording {
font-size: 0.9em;
}
@media screen and (max-width: 991px) {
.main-nav {
position: relative;
top: 0;
float: left;
}
.main-menu li a {
padding: 24px 15px;
}
.main-menu li:hover ul.level-2 {
display: block;
}
.main-menu li:hover ul.level-2 li a {
padding: 10px 15px 10px 25px;
}
.main-menu li:hover ul.level-2 li a span.icon {
left: 2px;
right: auto;
transform: rotate(180deg);
top: 5px;
}
.main-menu li:hover ul.level-2 li:hover ul.level-3 {
left: -240px;
}
.main-menu li:nth-child(2):hover ul.level-2 li a, .main-menu li:nth-child(3):hover ul.level-2 li a {
padding: 10px 25px 10px 15px;
}
.main-menu li:nth-child(2):hover ul.level-2 li:hover ul.level-3, .main-menu li:nth-child(3):hover ul.level-2 li:hover ul.level-3 {
left: 228px;
}
}
@media screen and (max-width: 767px) {
#mobile-nav {
right: 0;
}
.main-nav {
float: none;
width: 100%;
}
.main-menu {
display: none;
}
.menu-link {
display: block;
}
}
@media screen and (max-width: 580px) {
.menu-link {
top: 14px;
}
}
#mobile-nav .main-menu .level-2 {
display: none;
}
#mobile-nav .main-menu .level-3 {
display: none;
}
.wrapper {
width: 100%;
background: #fff;
}
.container, #html-body:has(#booking-section-process) .top-container > div {
width: 100%;
max-width: 1360px;
}
.page-introduction {
padding: 20px 0;
}
.page-introduction h1 {
text-align: center;
}
.page-introduction p {
text-align: center;
max-width: 767px;
margin: 0 auto;
font-size: 1.1em;
}
.page-type-2-col .content-container {
clear: both;
position: relative;
}
.page-type-2-col .content-container .sidebar {
background: #f2f2f2;
position: absolute;
right: 10px;
height: 100%;
}
.page-type-2-col .content-container .sidebar:before {
content: '';
width: 100%;
background: #f2f2f2;
height: 70px;
top: -70px;
display: block;
position: absolute;
left: 0;
}
.page-type-2-col .content-container .main {
padding-bottom: 20px;
}
.icon-reference ul {
padding-left: 0;
}
.icon-reference ul li {
width: 20%;
list-style: none;
float: left;
display: block;
text-align: center;
}
.icon-reference ul div.icon {
font-size: 2em;
}
.icon-reference ul input {
text-align: center;
padding-top: 0;
}
.visible-xxs {
display: none;
}
@media screen and (max-width: 991px) {
.page-type-2-col.tickets .content-container .sidebar {
position: relative;
right: 0;
background: none;
margin-bottom: 10px;
width: 100%;
}
.page-type-2-col.tickets .content-container .sidebar:before {
display: none;
}
.page-type-2-col.tickets .content-container .sidebar .inner {
background: #f2f2f2;
}
.page-type-2-col.tickets .content-container .main {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.page-type-2-col .content-container .sidebar {
position: relative;
right: 0;
background: none;
margin-bottom: 10px;
}
.page-type-2-col .content-container .sidebar:before {
display: none;
}
.page-type-2-col .content-container .sidebar .inner {
background: #f2f2f2;
}
}
@media screen and (max-width: 580px) {
.col-xxs-1 {
width: 4.16666667%;
}
.col-xxs-2 {
width: 8.33333333%;
}
.col-xxs-3 {
width: 12.5%;
}
.col-xxs-4 {
width: 16.66666667%;
}
.col-xxs-5 {
width: 20.83333333%;
}
.col-xxs-6 {
width: 25%;
}
.col-xxs-7 {
width: 29.16666667%;
}
.col-xxs-8 {
width: 33.33333333%;
}
.col-xxs-9 {
width: 37.5%;
}
.col-xxs-10 {
width: 41.66666667%;
}
.col-xxs-11 {
width: 45.83333333%;
}
.col-xxs-12 {
width: 50%;
}
.col-xxs-13 {
width: 54.16666667%;
}
.col-xxs-14 {
width: 58.33333333%;
}
.col-xxs-15 {
width: 62.5%;
}
.col-xxs-16 {
width: 66.66666667%;
}
.col-xxs-17 {
width: 70.83333333%;
}
.col-xxs-18 {
width: 75%;
}
.col-xxs-19 {
width: 79.16666667%;
}
.col-xxs-20 {
width: 83.33333333%;
}
.col-xxs-21 {
width: 87.5%;
}
.col-xxs-22 {
width: 91.66666667%;
}
.col-xxs-23 {
width: 95.83333333%;
}
.col-xxs-24 {
width: 100%;
}
.visible-xxs {
display: block;
}
.hidden-xxs {
display: none;
}
}
.nav-toggle {
display: none;
}
.page-header {
margin: 0;
padding: 0;
border: none;
}
.header {
position: relative;
top: 0;
background: #2e2d44;
width: 100%;
z-index: 11;
padding: 0 10px;
}
.header .logo {
float: left;
width: 153px;
padding: 10px 20px 10px 0;
}
.header .logo img {
width: 100%;
}
.header .top-section {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: calc(100% - 153px);
float: right;
text-transform: uppercase;
}
.header .top-section .menu {
float: left;
}
.header .top-section .right {
float: right;
}
.header .top-section ul {
float: left;
padding-left: 0;
margin-bottom: 0;
width: auto;
}
.header .top-section ul li {
font-size: 0.8em;
list-style: none;
margin-bottom: 0;
color: #ffffff;
display: inline-block;
line-height: 1.5em;
}
.header .top-section ul li a:first-child {
padding-left: 10px;
}
.header .top-section .search-icon {
float: right;
font-size: 1.2em;
margin-left: 10px;
}
.header .top-section .search-icon a {
padding-top: 11px;
padding-bottom: 0;
}
.header .top-section a {
color: #fff;
display: block;
float: left;
padding: 13px 10px 9px 10px;
}
.header .top-section a:first-child {
padding-left: 0;
}
.header .top-section a:hover, .header .top-section a:focus, .header .top-section a:active, .header .top-section a.active {
color: #30b7bb;
text-decoration: none;
}
.header .top-section .greet.welcome {
display: none;
}
.header .top-section .panel {
padding: 0;
}
.header .basket-controls {
float: right;
margin-top: 7px;
margin-bottom: 4px;
}
.header .basket-controls p {
display: inline-block;
color: #fff;
text-transform: uppercase;
margin: 0;
}
.header .basket-controls p span.value {
color: #30b7bb;
}
.header .basket-controls p .btn-sm, .header .basket-controls p .basket-button a, .header .basket-controls .basket-button p a, .header .basket-controls p .basket-button .current, .header .basket-controls .basket-button p .current {
text-transform: uppercase;
margin: 0;
height: auto;
margin-left: 10px;
}
.header .basket-controls .basket-icon {
float: left;
margin-right: 3px;
margin-top: 2px;
}
.header .basket-controls .basket-button {
display: inline-block;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.header .basket-controls .basket-button a[title="Magento Commerce"], .header .basket-controls .basket-button a[title="Glasgow Science Centre"] {
display: none;
}
.header .basket-controls .basket-button a, .header .basket-controls .basket-button .current {
text-transform: uppercase;
margin: 0;
font-size: 0.9em;
font-weight: 400;
height: 40px;
padding-top: 9px;
}
.header .basket-controls .basket-button a:hover, .header .basket-controls .basket-button a:focus, .header .basket-controls .basket-button a:active, .header .basket-controls .basket-button a.active, .header .basket-controls .basket-button .current:hover, .header .basket-controls .basket-button .current:focus, .header .basket-controls .basket-button .current:active, .header .basket-controls .basket-button .current.active {
text-decoration: none;
}
.timer-container {
float: right;
right: 10px;
z-index: 1000;
padding: 0;
position: fixed;
bottom: 10px;
}
.timer-container p.held-for-timer {
text-transform: none;
text-align: center;
font-size: 14px;
color: #2e2d44;
font-weight: 600;
margin-bottom: 0;
}
.timer-container p.held-for-timer a {
padding: 10px;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.42);
display: block;
color: #2e2d44;
position: relative;
}
.timer-container p.held-for-timer a span.value {
color: #e12a58;
display: block;
text-align: center;
font-weight: 800;
font-size: 34px;
margin-top: 0;
line-height: 1em;
transition: 0.3s all ease-in-out;
}
.timer-container p.held-for-timer a span.go-to-checkout {
font-size: 14px;
transform-origin: 0 0;
position: absolute;
bottom: 4px;
width: 100%;
left: 0;
}
.timer-container p.held-for-timer a:hover, .timer-container p.held-for-timer a:focus, .timer-container p.held-for-timer a:active, .timer-container p.held-for-timer a.active {
text-decoration: none;
background: #f2f2f2;
}
.mobile-top-bar {
background: #e12a58;
width: 100%;
position: relative;
display: none;
}
.mobile-top-bar p {
margin: 0;
color: #fff;
}
.mobile-top-bar p a {
color: #fff;
}
.mobile-top-bar p.tickets {
float: left;
padding: 7px 10px;
}
.mobile-top-bar p.tickets a {
text-decoration: underline;
}
.mobile-top-bar p.basket {
border-left: 1px solid #bd1b44;
float: right;
}
.mobile-top-bar p.basket span.icon {
font-size: 1.2em;
position: relative;
top: 2px;
}
.mobile-top-bar p.basket a {
padding: 7px 15px;
display: block;
}
.mobile-top-bar p.basket a:hover, .mobile-top-bar p.basket a:focus, .mobile-top-bar p.basket a:active, .mobile-top-bar p.basket a.active {
background: #bd1b44;
text-decoration: none;
}
@media screen and (max-width: 991px) {
.header .logo {
width: 114px;
}
.header .top-section {
width: 100%;
display: block;
clear: both;
}
.header .basket-controls {
margin-top: 15px;
}
.header .basket-controls .inner {
background: #2e2d44;
border-radius: 0 0 7px 7px;
padding: 3px;
}
.header .basket-controls p .btn-sm, .header .basket-controls p .basket-button a, .header .basket-controls .basket-button p a, .header .basket-controls p .basket-button .current, .header .basket-controls .basket-button p .current {
margin-left: 1px;
}
.header .main-menu li:last-child {
border: none;
}
}
@media screen and (max-width: 840px) {
.header .top-section p a, .header .top-section ul a {
font-size: 0.9em;
padding: 13px 7px 9px 7px;
}
}
@media screen and (max-width: 767px) {
.mobile-top-bar {
display: block;
}
.header .top-section {
display: none;
}
.header .basket-controls {
top: 71px;
width: 100%;
right: 0;
overflow: hidden;
display: none;
}
.header .basket-controls .basket-button {
display: none;
}
.header .basket-controls .inner {
width: 102px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.header .basket-controls p {
text-transform: none;
float: right;
}
.header .basket-controls p.held-for-timer {
float: left;
padding-top: 4px;
}
.header .basket-controls ul {
display: none;
}
.header .basket-controls ul li a {
text-transform: none;
background: none;
border-color: transparent;
text-decoration: underline;
}
.header .basket-controls ul li a:hover, .header .basket-controls ul li a:focus, .header .basket-controls ul li a:active, .header .basket-controls ul li a.active {
text-decoration: none;
color: #fff;
background: #e12a58;
}
}
@media screen and (max-width: 580px) {
.mobile-top-bar p.tickets {
padding: 5px 10px;
}
.mobile-top-bar p.basket a {
padding: 5px 15px;
}
}
.footer-passport-incentive {
background: #ededed;
padding: 20px 0;
}
.footer-passport-incentive .image {
float: right;
width: 20%;
}
.footer-passport-incentive .image img {
max-width: 250px;
width: 100%;
}
.footer-passport-incentive .text {
float: left;
width: 70%;
}
.footer-passport-incentive .text .headline h3, .footer-passport-incentive .text .headline .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .footer-passport-incentive .text .headline span, .footer-passport-incentive .text .headline .login-container .block .block-title, .login-container .block .footer-passport-incentive .text .headline .block-title {
color: #e12a58;
font-size: 2.5em;
margin-bottom: 0;
}
.footer-passport-incentive .text .headline p {
font-size: 1.5em;
border-bottom: 2px solid #333333;
display: inline-block;
padding-bottom: 10px;
}
.footer-passport-incentive .text ul {
margin-bottom: 20px;
}
footer {
background: #1e1e2d;
border-top: 5px solid #30b7bb;
width: 100%;
padding: 30px 0 70px;
}
footer h5, footer .cart-summary .summary.title, .cart-summary footer .summary.title {
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin-bottom: 10px;
}
footer p, footer address {
color: #fff;
}
footer ul {
padding-left: 0;
margin-bottom: 20px;
}
footer ul li {
list-style: none;
}
footer a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
/* external link styles, use :before or :after if you want! */
}
footer a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]):after {
display: none;
}
footer .btn-sm[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), footer .header .basket-controls .basket-button a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button footer a[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), footer .header .basket-controls .basket-button .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]), .header .basket-controls .basket-button footer .current[href*="//"]:not([href*="gsc.test"]):not([href*="glasgowsciencecentre.org"]):not([href*="wthr.uk"]):not([href*="magento.gsc.test"]):not([href*="pre-prod.uk/"]) {
padding: 8px 15px 9px;
}
footer a {
color: #30b7bb;
}
footer a:hover, footer a:focus, footer a:active, footer a.active {
color: #fff;
text-decoration: none;
}
footer .follow ul {
margin-bottom: 0;
}
footer .follow ul li {
display: inline-block;
margin-bottom: 10px;
}
footer .follow ul a {
border: 1px solid #fff;
border-radius: 100px;
display: block;
float: left;
width: 40px;
height: 40px;
font-size: 1.5em;
text-align: center;
color: #fff;
}
footer .follow ul a span {
position: relative;
top: 8px;
}
footer .follow ul a.facebook span {
left: -1px;
}
footer .follow ul a.facebook:hover, footer .follow ul a.facebook:focus, footer .follow ul a.facebook.active, footer .follow ul a.facebook:active {
background: #3b5998;
border-color: #3b5998;
}
footer .follow ul a.twitter:hover, footer .follow ul a.twitter:focus, footer .follow ul a.twitter.active, footer .follow ul a.twitter:active {
background: #55acee;
border-color: #55acee;
}
footer .follow ul a.instagram:hover, footer .follow ul a.instagram:focus, footer .follow ul a.instagram.active, footer .follow ul a.instagram:active {
background: #4c68d7;
border-color: #4c68d7;
}
footer .follow ul a.youtube:hover, footer .follow ul a.youtube:focus, footer .follow ul a.youtube.active, footer .follow ul a.youtube:active {
background: #bb0000;
border-color: #bb0000;
}
footer .follow ul .social-logo {
display: flex;
justify-content: center;
align-items: center;
}
footer .follow ul .social-logo img {
width: auto;
height: 22px;
}
footer .follow ul .social-logo.tiktok:hover {
background-color: #fe2c55;
border-color: #fe2c55;
}
footer .follow ul .social-logo:after {
display: none;
}
footer .follow .tripadvisor img {
max-width: 93px;
width: 100%;
}
footer .associates {
background: #2e2d44;
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
}
footer .copyright p {
text-align: center;
font-size: 0.9em;
}
footer .copyright p a {
padding: 0 5px;
}
@media screen and (max-width: 991px) {
.footer-passport-incentive {
background-image: url("../images/passport-bg.png");
background-size: contain;
background-repeat: no-repeat;
background-position: 100% 0;
}
.footer-passport-incentive .text {
width: 100%;
}
.footer-passport-incentive .text .headline h3, .footer-passport-incentive .text .headline .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .footer-passport-incentive .text .headline span, .footer-passport-incentive .text .headline .login-container .block .block-title, .login-container .block .footer-passport-incentive .text .headline .block-title {
font-size: 2em;
}
.footer-passport-incentive .text .headline p {
font-size: 1em;
}
.footer-passport-incentive .image {
display: none;
}
footer .follow {
clear: both;
}
footer .follow h5, footer .follow .cart-summary .summary.title, .cart-summary footer .follow .summary.title {
display: none;
}
footer .follow ul {
text-align: center;
}
footer .follow ul li {
display: inline-block;
}
footer .follow .tripadvisor {
text-align: center;
}
}
@media screen and (max-width: 767px) {
footer .follow h5, footer .follow .cart-summary .summary.title, .cart-summary footer .follow .summary.title {
display: block;
}
footer .follow ul {
text-align: left;
}
footer .follow .tripadvisor {
text-align: left;
}
footer .copyright a {
display: block;
}
}
@media screen and (max-width: 580px) {
.footer-passport-incentive {
background-size: cover;
}
}
#footer-badges {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
position: relative;
margin-top: -10px;
}
#footer-badges img {
height: 60px;
width: auto;
margin: 10px 10px 0 10px;
}
#footer-badges img.reduced {
height: 45px;
}
#footer-badges img.tiny {
height: 30px;
}
#search-overlay .modal-content {
background: #fff;
border-radius: 0;
padding: 0;
border: 0;
}
#search-overlay .modal-dialog {
max-width: 800px;
width: 90%;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
margin: 0;
}
#search-overlay .modal-body {
padding: 0;
}
#search-overlay form {
width: 100%;
}
#search-overlay form input {
width: 100%;
display: block;
border: 0;
font-size: 2em;
padding: 15px;
font-weight: 300;
margin-bottom: 0;
}
#search-overlay form input::-webkit-input-placeholder {
font-style: italic;
}
#search-overlay form input::-moz-placeholder {
font-style: italic;
}
#search-overlay form input:-ms-input-placeholder {
font-style: italic;
}
#search-overlay form input:-moz-placeholder {
font-style: italic;
}
#search-overlay form button {
position: absolute;
right: 0;
top: 0;
background: none;
color: #2e2d44;
height: auto;
margin: 0;
border: 0;
padding: 20px 20px 19px;
}
#search-overlay form button span {
color: #2e2d44;
font-size: 2em;
}
#search-overlay form button:hover span {
color: #30b7bb;
}
.checkout-cart-index .modal-inner-wrap {
max-width: 580px;
}
.checkout-cart-index .modal-inner-wrap #date-cont {
color: #fff;
font-weight: 700;
position: relative;
}
.checkout-cart-index .modal-inner-wrap #date-cont input {
border: 1px solid #2e2d44;
clear: both;
font-weight: 300;
width: 100%;
max-width: 220px;
padding: 10px 15px;
background-image: url(../images/calendar-blue.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
}
.checkout-cart-index .modal-inner-wrap #date-cont .label, .checkout-cart-index .modal-inner-wrap #tickets-cont .label, .checkout-cart-index .modal-inner-wrap #time-cont .label {
color: #2e2d44;
clear: both;
width: 100%;
display: block;
text-align: left;
font-size: 1.1em;
padding: .3em 0;
font-weight: 600;
}
.checkout-cart-index .modal-inner-wrap #tickets-cont {
margin-top: 10px;
}
.checkout-cart-index .modal-inner-wrap table {
width: 100%;
}
.checkout-cart-index .modal-inner-wrap table p {
margin-bottom: 0;
}
.checkout-cart-index .modal-inner-wrap table th {
padding: 8px;
}
.checkout-cart-index .modal-inner-wrap table button {
box-shadow: none;
margin: 0 5px;
}
.checkout-cart-index .modal-inner-wrap table button:hover, .checkout-cart-index .modal-inner-wrap table button:focus {
top: 0;
}
.checkout-cart-index .modal-inner-wrap table button.inc {
background: #fff;
color: #22b573;
border: #22b573;
font-weight: bold;
border: 1px solid #22b573;
height: 37px;
padding: 0;
width: 37px;
}
.checkout-cart-index .modal-inner-wrap table button.inc:hover, .checkout-cart-index .modal-inner-wrap table button.inc:focus {
background: #22b573;
color: #fff;
}
.checkout-cart-index .modal-inner-wrap table button.dec {
background: #fff;
color: #e40426;
border: #e40426;
font-weight: bold;
border: 1px solid #e40426;
height: 37px;
padding: 0px;
width: 37px;
}
.checkout-cart-index .modal-inner-wrap table button.dec:hover, .checkout-cart-index .modal-inner-wrap table button.dec:focus {
background: #e40426;
color: #fff;
}
.checkout-cart-index .modal-inner-wrap table input[type="number"], .checkout-cart-index .modal-inner-wrap table input[type="text"] {
margin-bottom: 0;
border: 1px solid #2e2d44;
}
.checkout-cart-index .modal-inner-wrap table td {
padding: 8px;
}
.checkout-cart-index .modal-inner-wrap table td:first-child {
width: 50%;
}
.checkout-cart-index .modal-inner-wrap table td.std-price {
width: 10%;
}
.checkout-cart-index .modal-inner-wrap table td.quantity {
width: 40%;
text-align: center;
}
.checkout-cart-index .modal-inner-wrap .actions {
text-align: center;
margin-bottom: 10px;
}
.checkout-cart-index .modal-inner-wrap footer {
display: none;
}
@media screen and (max-width: 767px) {
.checkout-cart-index .modal-inner-wrap table td .visible-xs {
display: none !important;
}
.checkout-cart-index .modal-inner-wrap table td:first-child, .checkout-cart-index .modal-inner-wrap table td.quantity {
max-width: 580px;
}
}
@media screen and (max-width: 580px) {
.checkout-cart-index .modal-inner-wrap table thead {
display: none;
}
.checkout-cart-index .modal-inner-wrap table tbody td {
width: 100%;
display: inline-block;
position: relative;
padding-left: 50%;
text-align: right;
border-right: none;
}
.checkout-cart-index .modal-inner-wrap table tbody td:before {
position: absolute;
top: 10px;
left: 10px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: 800;
font-size: 1em;
text-align: left;
}
.checkout-cart-index .modal-inner-wrap table tbody td:first-child, .checkout-cart-index .modal-inner-wrap table tbody td.std-price, .checkout-cart-index .modal-inner-wrap table tbody td.quantity {
width: 100%;
}
.checkout-cart-index .modal-inner-wrap table tbody td:first-child {
font-size: 1em;
}
.checkout-cart-index .modal-inner-wrap table tbody td:first-child:before {
content: 'Item';
font-size: 0.8em;
}
.checkout-cart-index .modal-inner-wrap table tbody td.std-price:before {
content: 'Ticket Price';
}
.checkout-cart-index .modal-inner-wrap table tbody td.quantity:before {
content: 'Quantity';
}
.checkout-cart-index .modal-inner-wrap table tbody td.quantity {
text-align: right;
}
.checkout-cart-index .modal-inner-wrap table tbody td.quantity button:last-child {
margin-right: 0;
}
.checkout-cart-index #tickets-cont table.pricing-table tr {
display: block;
margin-bottom: 10px;
background: #fff !important;
}
.checkout-cart-index #tickets-cont table.pricing-table td {
font-weight: 400;
border-bottom: 1px solid #a9a9a9;
}
.checkout-cart-index #tickets-cont table.pricing-table td:before {
font-weight: 400;
top: 13px;
}
.checkout-cart-index #tickets-cont table.pricing-table td:first-child {
background: #2e2d44;
border-bottom: 0;
color: #fff;
width: 100%;
float: left;
text-align: left;
padding-left: 11px;
font-weight: 600;
font-size: 0.9em;
}
.checkout-cart-index #tickets-cont table.pricing-table td:first-child:before {
display: none;
}
.checkout-cart-index #tickets-cont table.pricing-table td:first-child:after {
content: 'Ticket';
display: inline-block;
padding-left: 4px;
}
.checkout-cart-index #tickets-cont table.pricing-table td.quantity:before {
top: 22px;
}
.checkout-cart-index #tickets-cont table.pricing-table td:last-child {
border-bottom: 0;
}
}
.sidebar .signpost {
background: #fff;
border-top: 5px solid #30b7bb;
padding: 10px;
margin-bottom: 10px;
}
.sidebar .signpost .icon {
font-size: 1.75em;
float: right;
border: 1px solid #2e2d44;
padding: 10px;
border-radius: 100px;
height: 48px;
width: 48px;
}
.sidebar .signpost p.button-link {
margin-bottom: 0;
}
.sidebar .signpost p.button-link .btn, .sidebar .signpost p.button-link .header .basket-controls .basket-button a, .header .basket-controls .basket-button .sidebar .signpost p.button-link a, .sidebar .signpost p.button-link .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .sidebar .signpost p.button-link .current, .sidebar .signpost p.button-link .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .sidebar .signpost p.button-link .multicheckout,
.sidebar .signpost p.button-link .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .sidebar .signpost p.button-link .multicheckout,
.sidebar .signpost p.button-link .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .sidebar .signpost p.button-link .multicheckout, .sidebar .signpost p.button-link .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .sidebar .signpost p.button-link button.tocart, .sidebar .signpost p.button-link .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .sidebar .signpost p.button-link a {
height: 40px;
padding: 7px 14px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sidebar .inner {
padding: 15px;
}
}
/* -----------------------------------------------------------------------------
HAMBURGER ICONS COMPONENT
----------------------------------------------------------------------------- */
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
display: block;
position: absolute;
top: 20px;
left: 3px;
right: 3px;
height: 2px;
background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
content: "";
}
.c-hamburger span::before {
top: -8px;
}
.c-hamburger span::after {
bottom: -8px;
}
/**
* Style 2
*
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
.c-hamburger--htx {
background-color: transparent;
}
.c-hamburger--htx span {
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
transition-property: top, transform;
}
.c-hamburger--htx span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
background-color: transparent;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
transition-delay: 0s, 0.3s;
}
/* BACK TO TOP*/
.cd-top {
display: block;
height: 40px;
width: 40px;
position: fixed;
bottom: 80px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #2e2d44 url(../images/cd-top-arrow.svg) no-repeat center 50%;
border: 1px solid #fff;
visibility: hidden;
opacity: 0;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 9;
border-radius: 100px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: .6;
}
.cd-top.cd-fade-out:hover {
opacity: 1;
}
.no-touch .cd-top:hover {
background-color: #2e2d44;
opacity: 1;
}
.breadcrumbs .container, .breadcrumbs #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .breadcrumbs .top-container > div {
max-width: 1560px;
}
.breadcrumbs ol.breadcrumb {
background: none;
padding-left: 0;
margin-top: 10px;
border-bottom: 1px solid #d9d9d9;
border-radius: 0;
float: left;
clear: both;
}
.breadcrumbs ol.breadcrumb li.active, .breadcrumbs ol.breadcrumb li a {
color: #bfbfbf;
}
.breadcrumbs ol.breadcrumb li a:hover {
color: #2e2d44;
text-decoration: none;
}
.grab-cursor {
cursor: url(../images/grab.png) 8 8, move;
}
.grabbing-cursor {
cursor: url(../images/grabbing.png) 8 8, move;
}
.royalSlider {
width: 100%;
max-height: 100vh;
overflow: hidden;
min-height: 400px;
background: #2e2d44;
height: 90vh !important;
}
.royalSlider .rsImg {
width: 100% !important;
min-width: 1500px;
height: auto !important;
}
.royalSlider .rsOverflow {
height: 90vh !important;
}
.royalSlider .rsContent {
max-height: 100vh;
overflow: hidden;
min-height: 400px;
height: 90vh !important;
}
.royalSlider .text-container {
position: absolute;
top: 0;
height: 70%;
width: 100%;
left: 0;
background-position: 0 20px;
background: url(../images/banner-swoosh.svg);
background-repeat: no-repeat;
background-position: 20px 0;
}
.royalSlider .text-container .inner {
position: absolute;
bottom: 0;
left: 220px;
}
.royalSlider .text-container .type-of-campaign {
text-shadow: 0 0 10px #000;
}
.royalSlider .text-container .type-of-campaign p {
text-transform: uppercase;
display: inline;
}
.royalSlider .text-container .type-of-campaign p a {
color: #fff;
border-bottom: 1px solid #fff;
}
.royalSlider .text-container .type-of-campaign p a:hover, .royalSlider .text-container .type-of-campaign p a:focus, .royalSlider .text-container .type-of-campaign p a.active, .royalSlider .text-container .type-of-campaign p a:active {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.royalSlider .text-container .title-of-campaign h2, .royalSlider .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper .royalSlider .text-container .title-of-campaign .step-title,
.royalSlider .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .royalSlider .text-container .title-of-campaign .shipping-information-title,
.royalSlider .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .royalSlider .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 4em;
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-weight: 800;
margin-bottom: 0;
padding: 5px 0;
}
.royalSlider .text-container .link-to-campaign p {
margin: 0;
}
.royalSlider .text-container .link-to-campaign .btn, .royalSlider .text-container .link-to-campaign .header .basket-controls .basket-button a, .header .basket-controls .basket-button .royalSlider .text-container .link-to-campaign a, .royalSlider .text-container .link-to-campaign .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .royalSlider .text-container .link-to-campaign .current, .royalSlider .text-container .link-to-campaign .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .royalSlider .text-container .link-to-campaign .multicheckout,
.royalSlider .text-container .link-to-campaign .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .royalSlider .text-container .link-to-campaign .multicheckout,
.royalSlider .text-container .link-to-campaign .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .royalSlider .text-container .link-to-campaign .multicheckout, .royalSlider .text-container .link-to-campaign .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .royalSlider .text-container .link-to-campaign button.tocart, .royalSlider .text-container .link-to-campaign .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .royalSlider .text-container .link-to-campaign a {
margin: 0;
}
.royalSlider .rsArrow {
height: 55px;
width: 55px;
top: 57vh;
}
.royalSlider .rsArrow .rsArrowIcn {
background-repeat: no-repeat;
background-size: 55px;
width: 55px;
height: 55px;
}
.royalSlider .rsArrow.rsArrowLeft {
background: url(../images/left-slide-arrow.svg);
right: 75px;
bottom: 10%;
transition: all 0.3s ease;
}
.royalSlider .rsArrow.rsArrowLeft:hover {
right: 77px;
}
.royalSlider .rsArrow.rsArrowRight {
background: url(../images/right-slide-arrow.svg);
bottom: 10%;
transition: all 0.3s ease;
}
.royalSlider .rsArrow.rsArrowRight:hover {
right: 5px;
}
.royalSlider .rsBullets {
top: 65vh;
width: 120px;
right: 10px;
}
.royalSlider .rsBullet {
width: 10px;
height: 10px;
padding: 0;
margin: 0 2px;
}
.royalSlider .rsBullet span {
width: 10px;
height: 10px;
}
#campaign-banner {
width: 100%;
max-height: 80vh;
overflow: hidden;
min-height: 400px;
background: #2e2d44;
height: 90vh !important;
}
#campaign-banner .campaign-image {
width: 100% !important;
min-width: 1500px;
height: auto !important;
}
#campaign-banner .text-container {
position: absolute;
top: 0;
height: 70%;
width: 100%;
left: 0;
background-position: 0 20px;
background: url(../images/banner-swoosh.svg);
background-repeat: no-repeat;
background-position: 20px 0;
}
#campaign-banner .text-container .inner {
position: absolute;
bottom: 45px;
left: 230px;
}
#campaign-banner .text-container .type-of-campaign {
text-shadow: 0 0 10px #000;
}
#campaign-banner .text-container .type-of-campaign p {
text-transform: uppercase;
display: inline;
}
#campaign-banner .text-container .type-of-campaign p a {
color: #fff;
border-bottom: 1px solid #fff;
}
#campaign-banner .text-container .type-of-campaign p a:hover, #campaign-banner .text-container .type-of-campaign p a:focus, #campaign-banner .text-container .type-of-campaign p a.active, #campaign-banner .text-container .type-of-campaign p a:active {
text-decoration: none;
border-bottom: 1px solid transparent;
}
#campaign-banner .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper #campaign-banner .text-container .title-of-campaign .step-title,
#campaign-banner .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #campaign-banner .text-container .title-of-campaign .shipping-information-title,
#campaign-banner .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #campaign-banner .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 4em;
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-weight: 800;
margin-bottom: 0;
padding: 5px 0;
}
#campaign-banner .text-container .link-to-campaign p {
margin: 0;
}
#campaign-banner .text-container .link-to-campaign .btn, #campaign-banner .text-container .link-to-campaign .header .basket-controls .basket-button a, .header .basket-controls .basket-button #campaign-banner .text-container .link-to-campaign a, #campaign-banner .text-container .link-to-campaign .header .basket-controls .basket-button .current, .header .basket-controls .basket-button #campaign-banner .text-container .link-to-campaign .current, #campaign-banner .text-container .link-to-campaign .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items #campaign-banner .text-container .link-to-campaign .multicheckout,
#campaign-banner .text-container .link-to-campaign .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items #campaign-banner .text-container .link-to-campaign .multicheckout,
#campaign-banner .text-container .link-to-campaign .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items #campaign-banner .text-container .link-to-campaign .multicheckout, #campaign-banner .text-container .link-to-campaign .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions #campaign-banner .text-container .link-to-campaign button.tocart, #campaign-banner .text-container .link-to-campaign .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary #campaign-banner .text-container .link-to-campaign a {
margin: 0;
}
.banner-bottom-swoosh-panel {
position: relative;
}
.banner-bottom-swoosh-panel .panel-swoosh {
display: block;
width: 100%;
height: 50px;
}
.banner-bottom-swoosh-panel .inner {
background: #2e2d44;
}
.banner-bottom-swoosh-panel .inner p {
color: #fff;
}
.banner-bottom-swoosh-panel .inner h1, .banner-bottom-swoosh-panel .inner h2, .banner-bottom-swoosh-panel .inner .opc-wrapper .step-title, .opc-wrapper .banner-bottom-swoosh-panel .inner .step-title,
.banner-bottom-swoosh-panel .inner .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .banner-bottom-swoosh-panel .inner .shipping-information-title,
.banner-bottom-swoosh-panel .inner .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .banner-bottom-swoosh-panel .inner .checkout-agreements-item-title, .banner-bottom-swoosh-panel .inner h3, .banner-bottom-swoosh-panel .inner .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .banner-bottom-swoosh-panel .inner span, .banner-bottom-swoosh-panel .inner .login-container .block .block-title, .login-container .block .banner-bottom-swoosh-panel .inner .block-title, .banner-bottom-swoosh-panel .inner h4, .banner-bottom-swoosh-panel .inner h5, .banner-bottom-swoosh-panel .inner .cart-summary .summary.title, .cart-summary .banner-bottom-swoosh-panel .inner .summary.title {
color: #fff;
}
.banner-bottom-swoosh-panel .inner a:not(.btn) {
color: #36a9e1;
}
.banner-bottom-swoosh-panel .inner a:not(.btn):hover {
color: #fff;
}
@media screen and (max-width: 1360px) {
.royalSlider .text-container, #campaign-banner .text-container {
background-position: 0 0;
}
.royalSlider .text-container .inner, #campaign-banner .text-container .inner {
left: 17%;
}
.royalSlider .text-container .title-of-campaign h2, .royalSlider .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper .royalSlider .text-container .title-of-campaign .step-title,
.royalSlider .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .royalSlider .text-container .title-of-campaign .shipping-information-title,
.royalSlider .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .royalSlider .text-container .title-of-campaign .checkout-agreements-item-title, #campaign-banner .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper #campaign-banner .text-container .title-of-campaign .step-title,
#campaign-banner .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #campaign-banner .text-container .title-of-campaign .shipping-information-title,
#campaign-banner .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #campaign-banner .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 3.4em;
}
}
@media screen and (max-width: 1180px) {
.royalSlider .text-container .inner, #campaign-banner .text-container .inner {
left: 20%;
}
}
@media screen and (max-width: 991px) {
.royalSlider .text-container, #campaign-banner .text-container {
background: none;
}
.royalSlider .text-container .inner, #campaign-banner .text-container .inner {
left: 0;
width: 100%;
padding: 0 35px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
top: 60%;
}
.royalSlider .text-container .title-of-campaign h2, .royalSlider .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper .royalSlider .text-container .title-of-campaign .step-title,
.royalSlider .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .royalSlider .text-container .title-of-campaign .shipping-information-title,
.royalSlider .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .royalSlider .text-container .title-of-campaign .checkout-agreements-item-title, #campaign-banner .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper #campaign-banner .text-container .title-of-campaign .step-title,
#campaign-banner .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #campaign-banner .text-container .title-of-campaign .shipping-information-title,
#campaign-banner .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #campaign-banner .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 3.4em;
}
.royalSlider .rsArrow, #campaign-banner .rsArrow {
height: 30px;
width: 30px;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.royalSlider .rsArrow .rsArrowIcn, #campaign-banner .rsArrow .rsArrowIcn {
height: 30px;
width: 30px;
background-size: 30px;
}
.royalSlider .rsArrow.rsArrowLeft, #campaign-banner .rsArrow.rsArrowLeft {
left: 5px;
}
.royalSlider .rsArrow.rsArrowRight, #campaign-banner .rsArrow.rsArrowRight {
right: 5px;
}
.royalSlider .rsBullets, #campaign-banner .rsBullets {
left: 50%;
right: auto;
transform: translateX(-50%);
}
#campaign-banner {
max-height: 65vh;
}
#campaign-banner .campaign-image {
min-width: 1000px;
}
}
@media screen and (max-width: 767px) {
.royalSlider, #campaign-banner {
height: 80vh !important;
}
.royalSlider .rsImg, #campaign-banner .rsImg {
min-width: 1270px !important;
width: 200% !important;
margin-left: -300px !important;
}
.royalSlider .rsArrow.rsArrowRight, #campaign-banner .rsArrow.rsArrowRight {
bottom: 15vh;
top: auto;
}
.royalSlider .rsArrow.rsArrowLeft, #campaign-banner .rsArrow.rsArrowLeft {
bottom: 15vh;
top: auto;
}
.royalSlider .text-container .title-of-campaign h2, .royalSlider .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper .royalSlider .text-container .title-of-campaign .step-title,
.royalSlider .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .royalSlider .text-container .title-of-campaign .shipping-information-title,
.royalSlider .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .royalSlider .text-container .title-of-campaign .checkout-agreements-item-title, #campaign-banner .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper #campaign-banner .text-container .title-of-campaign .step-title,
#campaign-banner .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #campaign-banner .text-container .title-of-campaign .shipping-information-title,
#campaign-banner .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #campaign-banner .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 2.5em;
}
#campaign-banner {
height: 400px !important;
}
#campaign-banner .campaign-image {
min-width: 800px;
}
#campaign-banner .text-container {
height: 400px;
top: 110px;
}
#campaign-banner .text-container .inner {
top: 50%;
}
}
@media screen and (max-width: 580px) {
.royalSlider .text-container .inner, #campaign-banner .text-container .inner {
padding: 0 15px;
}
.royalSlider .text-container .title-of-campaign h2, .royalSlider .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper .royalSlider .text-container .title-of-campaign .step-title,
.royalSlider .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .royalSlider .text-container .title-of-campaign .shipping-information-title,
.royalSlider .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .royalSlider .text-container .title-of-campaign .checkout-agreements-item-title, #campaign-banner .text-container .title-of-campaign h2, #campaign-banner .text-container .title-of-campaign .opc-wrapper .step-title, .opc-wrapper #campaign-banner .text-container .title-of-campaign .step-title,
#campaign-banner .text-container .title-of-campaign .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #campaign-banner .text-container .title-of-campaign .shipping-information-title,
#campaign-banner .text-container .title-of-campaign .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #campaign-banner .text-container .title-of-campaign .checkout-agreements-item-title {
font-size: 2em;
}
.royalSlider .rsArrow, #campaign-banner .rsArrow {
transform: none;
}
.royalSlider .rsBullets, #campaign-banner .rsBullets {
left: 50%;
right: auto;
transform: translateX(-50%);
}
}
ul.pagination {
text-align: center;
width: 100%;
}
ul.pagination li {
display: inline-block;
}
ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span,
ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span,
ul.pagination > li > a,
ul.pagination > li > span {
border-radius: 100px;
background: #e12a58;
border: 1px solid #e12a58;
color: #fff;
}
ul.pagination > .active > a,
ul.pagination > .active > span,
ul.pagination > .active > a:hover,
ul.pagination > .active > span:hover,
ul.pagination > .active > a:focus,
ul.pagination > .active > span:focus {
background: #2e2d44;
border-color: #2e2d44;
}
ul.pagination > li > a:hover,
ul.pagination > li > span:hover,
ul.pagination > li > a:focus,
ul.pagination > li > span:focus {
background: #fff;
color: #e12a58;
border-color: #e12a58;
}
.content-block, .opc-sidebar .opc-block-summary,
.opc-sidebar .opc-block-shipping-information {
padding: 15px;
margin-bottom: 20px;
}
.content-block.dark-blue-bg, .opc-sidebar .dark-blue-bg.opc-block-summary,
.opc-sidebar .dark-blue-bg.opc-block-shipping-information {
background: #2e2d44;
color: #fff;
}
.content-block.dark-blue-bg h1, .opc-sidebar .dark-blue-bg.opc-block-summary h1, .opc-sidebar .dark-blue-bg.opc-block-shipping-information h1, .content-block.dark-blue-bg h2, .opc-sidebar .dark-blue-bg.opc-block-summary h2, .opc-sidebar .dark-blue-bg.opc-block-shipping-information h2, .content-block.dark-blue-bg .opc-wrapper .step-title, .opc-wrapper .content-block.dark-blue-bg .step-title, .opc-sidebar .dark-blue-bg.opc-block-summary .opc-wrapper .step-title, .opc-wrapper .opc-sidebar .dark-blue-bg.opc-block-summary .step-title, .opc-sidebar .dark-blue-bg.opc-block-shipping-information .opc-wrapper .step-title, .opc-wrapper .opc-sidebar .dark-blue-bg.opc-block-shipping-information .step-title,
.content-block.dark-blue-bg .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .content-block.dark-blue-bg .shipping-information-title,
.opc-sidebar .dark-blue-bg.opc-block-summary .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .opc-sidebar .dark-blue-bg.opc-block-summary .shipping-information-title,
.opc-sidebar .dark-blue-bg.opc-block-shipping-information .shipping-information-title,
.content-block.dark-blue-bg .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .content-block.dark-blue-bg .checkout-agreements-item-title,
.opc-sidebar .dark-blue-bg.opc-block-summary .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .opc-sidebar .dark-blue-bg.opc-block-summary .checkout-agreements-item-title,
.opc-sidebar .dark-blue-bg.opc-block-shipping-information .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .opc-sidebar .dark-blue-bg.opc-block-shipping-information .checkout-agreements-item-title, .content-block.dark-blue-bg h3, .opc-sidebar .dark-blue-bg.opc-block-summary h3, .opc-sidebar .dark-blue-bg.opc-block-shipping-information h3, .content-block.dark-blue-bg .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .content-block.dark-blue-bg span, .opc-sidebar .dark-blue-bg.opc-block-summary .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .opc-sidebar .dark-blue-bg.opc-block-summary span, .opc-sidebar .dark-blue-bg.opc-block-shipping-information .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .opc-sidebar .dark-blue-bg.opc-block-shipping-information span, .content-block.dark-blue-bg .login-container .block .block-title, .login-container .block .content-block.dark-blue-bg .block-title, .opc-sidebar .dark-blue-bg.opc-block-summary .login-container .block .block-title, .login-container .block .opc-sidebar .dark-blue-bg.opc-block-summary .block-title, .opc-sidebar .dark-blue-bg.opc-block-shipping-information .login-container .block .block-title, .login-container .block .opc-sidebar .dark-blue-bg.opc-block-shipping-information .block-title, .content-block.dark-blue-bg h4, .opc-sidebar .dark-blue-bg.opc-block-summary h4, .opc-sidebar .dark-blue-bg.opc-block-shipping-information h4, .content-block.dark-blue-bg h5, .opc-sidebar .dark-blue-bg.opc-block-summary h5, .opc-sidebar .dark-blue-bg.opc-block-shipping-information h5, .content-block.dark-blue-bg .cart-summary .summary.title, .cart-summary .content-block.dark-blue-bg .summary.title, .opc-sidebar .dark-blue-bg.opc-block-summary .cart-summary .summary.title, .cart-summary .opc-sidebar .dark-blue-bg.opc-block-summary .summary.title, .opc-sidebar .dark-blue-bg.opc-block-shipping-information .cart-summary .summary.title, .cart-summary .opc-sidebar .dark-blue-bg.opc-block-shipping-information .summary.title, .content-block.dark-blue-bg p, .opc-sidebar .dark-blue-bg.opc-block-summary p, .opc-sidebar .dark-blue-bg.opc-block-shipping-information p, .content-block.dark-blue-bg label, .opc-sidebar .dark-blue-bg.opc-block-summary label, .opc-sidebar .dark-blue-bg.opc-block-shipping-information label, .content-block.dark-blue-bg ul, .opc-sidebar .dark-blue-bg.opc-block-summary ul, .opc-sidebar .dark-blue-bg.opc-block-shipping-information ul, .content-block.dark-blue-bg li, .opc-sidebar .dark-blue-bg.opc-block-summary li, .opc-sidebar .dark-blue-bg.opc-block-shipping-information li {
color: #fff;
}
.content-block.dark-blue-bg a:not(.btn), .opc-sidebar .dark-blue-bg.opc-block-summary a:not(.btn), .opc-sidebar .dark-blue-bg.opc-block-shipping-information a:not(.btn) {
color: #30b7bb;
}
.content-block.dark-blue-bg a:not(.btn):hover, .opc-sidebar .dark-blue-bg.opc-block-summary a:not(.btn):hover, .opc-sidebar .dark-blue-bg.opc-block-shipping-information a:not(.btn):hover, .content-block.dark-blue-bg a:not(.btn):focus, .opc-sidebar .dark-blue-bg.opc-block-summary a:not(.btn):focus, .opc-sidebar .dark-blue-bg.opc-block-shipping-information a:not(.btn):focus, .content-block.dark-blue-bg a:not(.btn):Active, .opc-sidebar .dark-blue-bg.opc-block-summary a:not(.btn):Active, .opc-sidebar .dark-blue-bg.opc-block-shipping-information a:not(.btn):Active, .content-block.dark-blue-bg a:not(.btn).active, .opc-sidebar .dark-blue-bg.opc-block-summary a:not(.btn).active, .opc-sidebar .dark-blue-bg.opc-block-shipping-information a:not(.btn).active {
color: #fff;
}
.content-block p:last-child, .opc-sidebar .opc-block-summary p:last-child, .opc-sidebar .opc-block-shipping-information p:last-child {
margin-bottom: 0;
}
.content-block.grey-bg, .opc-sidebar .grey-bg.opc-block-summary,
.opc-sidebar .grey-bg.opc-block-shipping-information {
background: #f2f2f2;
}
.content-block.teal-top, .opc-sidebar .teal-top.opc-block-summary,
.opc-sidebar .teal-top.opc-block-shipping-information {
border-top: 5px solid #30b7bb;
}
.content-block.page-message.alert, .opc-sidebar .page-message.alert.opc-block-summary,
.opc-sidebar .page-message.alert.opc-block-shipping-information {
border-top: 5px solid #e40426;
border-radius: 0;
background-image: url("../images/warning-triangle.png");
background-repeat: no-repeat;
background-size: 31px;
background-position: 15px 15px;
}
.content-block.page-message.alert .inner, .opc-sidebar .page-message.alert.opc-block-summary .inner, .opc-sidebar .page-message.alert.opc-block-shipping-information .inner {
padding-left: 50px;
}
.content-block.page-message.quote p, .opc-sidebar .page-message.quote.opc-block-summary p, .opc-sidebar .page-message.quote.opc-block-shipping-information p {
text-align: center;
font-style: italic;
font-weight: 300;
font-size: 1.2em;
max-width: 90%;
margin: 0 auto;
}
.content-block.page-message.quote p:before, .opc-sidebar .page-message.quote.opc-block-summary p:before, .opc-sidebar .page-message.quote.opc-block-shipping-information p:before, .content-block.page-message.quote p:after, .opc-sidebar .page-message.quote.opc-block-summary p:after, .opc-sidebar .page-message.quote.opc-block-shipping-information p:after {
content: '"';
position: relative;
}
.content-block.page-message.quote p.quote-source, .opc-sidebar .page-message.quote.opc-block-summary p.quote-source, .opc-sidebar .page-message.quote.opc-block-shipping-information p.quote-source {
font-style: normal;
font-size: 0.9em;
margin-top: 20px;
font-weight: 400;
}
.content-block.page-message.quote p.quote-source:before, .opc-sidebar .page-message.quote.opc-block-summary p.quote-source:before, .opc-sidebar .page-message.quote.opc-block-shipping-information p.quote-source:before, .content-block.page-message.quote p.quote-source:after, .opc-sidebar .page-message.quote.opc-block-summary p.quote-source:after, .opc-sidebar .page-message.quote.opc-block-shipping-information p.quote-source:after {
display: none;
}
.donate-giftaid h4 {
text-transform: none;
}
.donate-giftaid p img {
float: right;
margin-left: 15px;
margin-bottom: 15px;
max-width: 163px;
}
@media screen and (max-width: 580px) {
.donate-giftaid p img {
width: 45%;
}
.content-block.page-message.alert, .opc-sidebar .page-message.alert.opc-block-summary,
.opc-sidebar .page-message.alert.opc-block-shipping-information {
background-position: 95% 15px;
background-size: 25px;
}
.content-block.page-message.alert .inner, .opc-sidebar .page-message.alert.opc-block-summary .inner, .opc-sidebar .page-message.alert.opc-block-shipping-information .inner {
padding: 0;
padding-right: 25px;
}
}
[data-tooltip] {
position: relative;
cursor: pointer;
}
[data-tooltip]:before, [data-tooltip]:after {
position: absolute;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
z-index: 1;
}
[data-tooltip]:before {
padding: 5px;
width: 110px;
border-radius: 3px;
background: #30b7bb;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
}
[data-tooltip]:after {
border: 8px solid transparent;
width: 0;
content: "";
font-size: 0;
line-height: 0;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
visibility: visible;
opacity: 1;
}
[data-tooltip].t-xl:before {
width: 200px;
}
[data-tooltip].t-lg:before {
width: 170px;
}
[data-tooltip].t-md:before {
width: 140px;
}
[data-tooltip].t-sm:before {
width: 110px;
}
[data-tooltip].t-xs:before {
width: 80px;
}
[data-tooltip].t-top:before {
bottom: 100%;
left: 50%;
margin-bottom: 5px;
transform: translateX(-50%);
}
[data-tooltip].t-top:after {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-top: 8px solid #30b7bb;
border-bottom: none;
}
[data-tooltip].t-top:hover:before, [data-tooltip].t-top:hover:after {
transform: translateX(-50%) translateY(-5px);
}
[data-tooltip].t-right:before {
top: 50%;
left: 100%;
margin-left: 5px;
transform: translateY(-50%);
}
[data-tooltip].t-right:after {
top: 50%;
left: 100%;
transform: translateY(-50%);
border-right: 8px solid #30b7bb;
border-left: none;
}
[data-tooltip].t-right:hover:before, [data-tooltip].t-right:hover:after {
transform: translateX(5px) translateY(-50%);
}
[data-tooltip].t-bottom:before {
top: 100%;
left: 50%;
margin-top: 5px;
transform: translateX(-50%);
}
[data-tooltip].t-bottom:after {
top: 100%;
left: 50%;
transform: translateX(-50%);
border-bottom: 8px solid #30b7bb;
border-top: none;
}
[data-tooltip].t-bottom:hover:before, [data-tooltip].t-bottom:hover:after {
transform: translateX(-50%) translateY(5px);
}
[data-tooltip].t-left:before {
top: 50%;
right: 100%;
margin-right: 5px;
transform: translateY(-50%);
}
[data-tooltip].t-left:after {
top: 50%;
right: 100%;
transform: translateY(-50%);
border-left: 8px solid #30b7bb;
border-right: none;
}
[data-tooltip].t-left:hover:before, [data-tooltip].t-left:hover:after {
transform: translateX(-5px) translateY(-50%);
}
.gateway-grid .item, .related-items-carousel .item {
margin-bottom: 20px;
}
.gateway-grid .item .image-container, .related-items-carousel .item .image-container {
position: relative;
}
.gateway-grid .item .image-container img, .related-items-carousel .item .image-container img {
display: block;
width: 100%;
}
.gateway-grid .item .image-container img.top-curve, .related-items-carousel .item .image-container img.top-curve {
margin-top: -24px;
position: absolute;
bottom: 0;
width: 100%;
}
.gateway-grid .item .text-container, .related-items-carousel .item .text-container {
background: #2e2d44;
margin-top: -1px;
border-bottom: 5px solid #30b7bb;
padding-bottom: 10px;
}
.gateway-grid .item .text-container .inner, .related-items-carousel .item .text-container .inner {
margin-bottom: 10px;
padding: 0 15px 10px;
color: #fff;
line-height: 1.5em;
}
.gateway-grid .item .text-container h2, .gateway-grid .item .text-container .opc-wrapper .step-title, .opc-wrapper .gateway-grid .item .text-container .step-title,
.gateway-grid .item .text-container .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .gateway-grid .item .text-container .shipping-information-title,
.gateway-grid .item .text-container .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .gateway-grid .item .text-container .checkout-agreements-item-title, .related-items-carousel .item .text-container h2, .related-items-carousel .item .text-container .opc-wrapper .step-title, .opc-wrapper .related-items-carousel .item .text-container .step-title,
.related-items-carousel .item .text-container .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .related-items-carousel .item .text-container .shipping-information-title,
.related-items-carousel .item .text-container .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .related-items-carousel .item .text-container .checkout-agreements-item-title {
color: #fff;
}
.gateway-grid .item .text-container p, .related-items-carousel .item .text-container p {
color: #fff;
}
.gateway-grid .item .text-container p.button-link, .related-items-carousel .item .text-container p.button-link {
padding: 0 15px;
margin-bottom: 0;
}
.whats-on-grid .item .text-container .inner, .related-items-carousel .item .text-container .inner {
margin-bottom: 0;
}
.whats-on-grid .item .text-container .inner .type, .related-items-carousel .item .text-container .inner .type {
display: inline-block;
}
.whats-on-grid .item .text-container .inner .type p, .related-items-carousel .item .text-container .inner .type p {
border-bottom: 1px solid #fff;
text-transform: uppercase;
margin-bottom: 10px;
}
.whats-on-grid .item .text-container .inner h2, .whats-on-grid .item .text-container .inner .opc-wrapper .step-title, .opc-wrapper .whats-on-grid .item .text-container .inner .step-title,
.whats-on-grid .item .text-container .inner .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .whats-on-grid .item .text-container .inner .shipping-information-title,
.whats-on-grid .item .text-container .inner .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .whats-on-grid .item .text-container .inner .checkout-agreements-item-title, .related-items-carousel .item .text-container .inner h2, .related-items-carousel .item .text-container .inner .opc-wrapper .step-title, .opc-wrapper .related-items-carousel .item .text-container .inner .step-title,
.related-items-carousel .item .text-container .inner .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .related-items-carousel .item .text-container .inner .shipping-information-title,
.related-items-carousel .item .text-container .inner .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .related-items-carousel .item .text-container .inner .checkout-agreements-item-title {
margin-bottom: 15px;
}
.whats-on-grid .item .text-container .inner .event-icon-information p, .related-items-carousel .item .text-container .inner .event-icon-information p {
float: left;
width: 33.3333%;
font-size: 0.9em;
margin-bottom: 10px;
}
.whats-on-grid .item .text-container .inner .event-icon-information p span.icon, .related-items-carousel .item .text-container .inner .event-icon-information p span.icon {
margin-right: 5px;
position: relative;
top: 2px;
font-size: 1.1em;
}
.whats-on-grid .item.special .text-container, .related-items-carousel .item.special .text-container {
background: #e12a58;
border-bottom-color: #2e2d44;
}
.whats-on-grid .item.special p.button-link .btn-white:hover, .whats-on-grid .item.special p.button-link .btn-white:active, .whats-on-grid .item.special p.button-link .btn-white:focus, .whats-on-grid .item.special p.button-link .btn-white.active, .related-items-carousel .item.special p.button-link .btn-white:hover, .related-items-carousel .item.special p.button-link .btn-white:active, .related-items-carousel .item.special p.button-link .btn-white:focus, .related-items-carousel .item.special p.button-link .btn-white.active {
background: #e12a58;
}
@media screen and (max-width: 1360px) {
.whats-on-grid .item .text-container .inner .event-icon-information p {
width: 50%;
}
.whats-on-grid .item .text-container .inner .event-icon-information p:nth-child(3) {
width: 100%;
}
}
.whats-on-filters {
width: 100%;
display: block;
clear: both;
margin-top: 30px;
}
.whats-on-filters form .form-group {
border: 0;
width: auto;
float: left;
margin-right: 15px;
}
.whats-on-filters form .form-group label {
width: 100%;
display: block;
text-transform: uppercase;
font-weight: 600;
}
.whats-on-filters form .form-group input, .whats-on-filters form .form-group select {
height: 45px;
background: #2e2d44;
color: #fff;
border: 0;
border-radius: 5px;
-webkit-appearance: none;
padding: 10px 15px;
min-width: 250px;
text-transform: uppercase;
}
.whats-on-filters form .form-group select {
background-image: url(../images/iOS-select-arrow@2x.png) !important;
background-size: 8px;
background-position: right 8px center;
background-repeat: no-repeat;
padding: 10px 25px 10px 10px;
}
.whats-on-filters form .form-group button.reset {
color: #e12a58;
}
.whats-on-filters form .form-group button.reset:hover, .whats-on-filters form .form-group button.reset:focus, .whats-on-filters form .form-group button.reset:active, .whats-on-filters form .form-group button.reset.active {
background: #fff;
color: #2e2d44;
text-decoration: underline;
}
.results-shown-per-page {
border-bottom: 1px solid #a9a9a9;
margin-bottom: 10px;
padding-bottom: 5px;
}
.results-shown-per-page p {
margin-bottom: 0;
float: left;
padding-top: 14px;
}
.results-shown-per-page p span {
font-weight: bold;
}
.results-shown-per-page select {
float: right;
}
.applied-filters {
margin-bottom: 20px;
}
@media screen and (max-width: 1360px) {
.whats-on-filters form .form-group {
width: 20%;
}
.whats-on-filters form .form-group input, .whats-on-filters form .form-group select {
width: 100%;
min-width: 100%;
}
}
.tower-centre-status-panel {
top: -17vh;
}
.tower-centre-status-panel .inner .status h4 {
color: #fff;
text-transform: none;
font-weight: 600;
}
.tower-centre-status-panel .inner .status h4 span {
text-transform: uppercase;
font-weight: 800;
}
.tower-centre-status-panel .inner .centre-status {
float: left;
}
.tower-centre-status-panel .inner .tower-icon {
float: left;
position: relative;
margin-top: -80px;
padding: 0 45px;
}
.tower-centre-status-panel .inner .tower-icon img {
width: 50px;
height: 100%;
display: block;
}
.tower-centre-status-panel .inner .tower-status {
float: left;
}
@media screen and (max-width: 1360px) {
.tower-centre-status-panel .inner .status p.button-link a.btn-lg {
height: 45px;
padding: 9px 15px;
font-size: 1em;
}
}
@media screen and (max-width: 767px) {
.tower-centre-status-panel {
top: -8vh;
}
.tower-centre-status-panel .panel-swoosh {
height: auto;
}
.tower-centre-status-panel .inner .centre-status {
border-right: 1px solid #fff;
padding-right: 20px;
margin-right: 20px;
}
.tower-centre-status-panel .inner .tower-icon {
display: none;
}
}
@media screen and (max-width: 580px) {
.tower-centre-status-panel .panel-swoosh {
height: 30px;
}
.tower-centre-status-panel .inner .status a {
white-space: nowrap;
}
.tower-centre-status-panel .inner .centre-status,
.tower-centre-status-panel .inner .tower-status {
border-right: none;
padding-right: 0;
margin-right: 0;
width: 100%;
display: block;
text-align: center;
}
.tower-centre-status-panel .inner .centre-status {
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin-bottom: 15px;
}
.tower-centre-status-panel .inner .tower-icon {
display: none;
}
}
.related-items-wrapper h3, .related-items-wrapper .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .related-items-wrapper span, .related-items-wrapper .login-container .block .block-title, .login-container .block .related-items-wrapper .block-title {
text-align: center;
font-size: 2.5em;
}
.jcarousel-wrapper.related-items-carousel {
background: transparent;
border: 0;
box-shadow: none;
margin: 0;
margin-bottom: 30px;
}
.jcarousel-wrapper.related-items-carousel .jcarousel li {
border: 0;
padding: 10px;
list-style: none;
}
.jcarousel-wrapper.related-items-carousel .jcarousel img {
margin: 0 auto;
width: 100%;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control {
color: #2e2d44;
transition-duration: 0s;
box-shadow: none;
text-shadow: none;
background: #fff;
border: 2px solid #2e2d44;
height: 50px;
width: 50px;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control:hover, .jcarousel-wrapper.related-items-carousel .jcarousel-control:focus, .jcarousel-wrapper.related-items-carousel .jcarousel-control:active, .jcarousel-wrapper.related-items-carousel .jcarousel-control.active {
color: #0f0f16;
text-decoration: none;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control span {
color: #2e2d44;
text-decoration: none;
height: 50px;
width: 50px;
font-size: 48px !important;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control-prev {
left: -60px;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control-next {
right: -60px;
}
.jcarousel-wrapper.related-items-carousel p.jcarousel-pagination {
display: none;
}
@media screen and (max-width: 1500px) {
.jcarousel-wrapper.related-items-carousel .jcarousel-control-prev {
left: 0;
}
.jcarousel-wrapper.related-items-carousel .jcarousel-control-next {
right: 0;
}
}
@media screen and (max-width: 991px) {
.related-items-wrapper h3, .related-items-wrapper .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .related-items-wrapper span, .related-items-wrapper .login-container .block .block-title, .login-container .block .related-items-wrapper .block-title {
text-align: center;
font-size: 2em;
}
}
@media screen and (max-width: 580px) {
.related-items-wrapper h3, .related-items-wrapper .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .related-items-wrapper span, .related-items-wrapper .login-container .block .block-title, .login-container .block .related-items-wrapper .block-title {
text-align: center;
font-size: 1.5em;
}
}
.contact-method .heading {
clear: both;
width: 100%;
display: block;
overflow: hidden;
}
.contact-method .heading span {
border: 1px solid #2e2d44;
padding: 11px 5px;
width: 50px;
height: 50px;
float: left;
text-align: center;
border-radius: 100px;
font-size: 1.5em;
}
.contact-method .heading h2, .contact-method .heading .opc-wrapper .step-title, .opc-wrapper .contact-method .heading .step-title,
.contact-method .heading .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .contact-method .heading .shipping-information-title,
.contact-method .heading .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .contact-method .heading .checkout-agreements-item-title {
margin-top: 10px;
float: left;
margin-left: 10px;
}
.contact-method .description {
padding-left: 61px;
}
.contact-method.first {
margin-top: 20px;
}
.map-container iframe {
width: 100%;
}
@media screen and (max-width: 580px) {
.contact-method .heading span {
padding: 8px 5px;
width: 40px;
height: 40px;
font-size: 1.4em;
}
.contact-method .heading h2, .contact-method .heading .opc-wrapper .step-title, .opc-wrapper .contact-method .heading .step-title,
.contact-method .heading .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .contact-method .heading .shipping-information-title,
.contact-method .heading .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .contact-method .heading .checkout-agreements-item-title {
margin-top: 10px;
float: left;
margin-left: 10px;
}
.contact-method .description {
padding-left: 51px;
}
}
.campaign-page .campaign-information-swoosh {
margin-top: -10vh;
}
.campaign-page .campaign-information-swoosh .inner {
padding-bottom: 30px;
}
.campaign-page .campaign-information-swoosh .campaign-info-item {
float: left;
width: 20%;
}
.campaign-page .campaign-information-swoosh .campaign-info-item p.title {
text-transform: uppercase;
font-weight: 600;
font-size: 1em;
margin-bottom: 0;
margin-left: 0;
}
.campaign-page .campaign-information-swoosh .campaign-info-item span.icon {
font-size: 1.5em;
position: relative;
top: 0;
width: 30px;
display: block;
float: left;
}
.campaign-page .campaign-information-swoosh .campaign-info-item p {
margin-left: 30px;
margin-bottom: 0;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-age-sutability {
float: left;
width: 15%;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets {
width: 40%;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span {
margin-right: 15px;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span:last-child {
margin-right: 0;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .title-price-cont {
float: left;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont {
float: right;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs {
border-bottom: 1px solid #2e2d44;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li {
width: 25%;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li:last-child {
border: 0;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a {
display: block;
width: 100%;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.icon {
font-size: 1.1em;
top: 4px;
position: relative;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a:hover, .campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a:focus {
background: #30b7bb;
color: #fff;
border-color: #fff;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active {
border: 1px solid #fff;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a,
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a:hover,
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active a:focus {
background: #30b7bb;
color: #fff;
border: 0;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li.active:after {
content: '';
display: block;
height: 10px;
width: 10px;
position: absolute;
left: calc(50% - 20px);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #30b7bb;
bottom: -9px;
}
.campaign-page .campaign-information-swoosh .mobile-information .tab-content {
padding: 15px;
background: #191925;
border: 1px solid rgba(255, 255, 255, 0.3);
border-top: 0;
margin-bottom: 20px;
}
.campaign-page .campaign-information-swoosh .mobile-information .tab-content p {
margin-bottom: 0;
}
.campaign-page .campaign-information-swoosh .mobile-information .tab-content p.title {
display: none;
}
.campaign-page .campaign-information-swoosh .mobile-information .tab-content .tab-pane#ticket-info span.price {
margin-right: 10px;
}
.campaign-page .campaign-information-swoosh .mobile-information p.button-link {
margin-bottom: 0;
}
.campaign-page .campaign-information-swoosh .mobile-information p.button-link a {
margin-bottom: 0;
}
.campaign-page .page-introduction {
padding: 40px 0;
}
.campaign-page .page-introduction p {
font-weight: 300;
font-size: 1.1em;
}
.campaign-page .layout {
padding: 40px 0;
}
.campaign-page .layout.light-grey {
background: #f2f2f2;
}
.campaign-page .layout.light-grey .content-block.grey-bg, .campaign-page .layout.light-grey .opc-sidebar .grey-bg.opc-block-summary, .opc-sidebar .campaign-page .layout.light-grey .grey-bg.opc-block-summary,
.campaign-page .layout.light-grey .opc-sidebar .grey-bg.opc-block-shipping-information, .opc-sidebar .campaign-page .layout.light-grey .grey-bg.opc-block-shipping-information {
background: #fff;
}
.campaign-page .layout.dark-blue {
background: #2e2d44;
}
.campaign-page .layout.dark-blue h1, .campaign-page .layout.dark-blue h2, .campaign-page .layout.dark-blue .opc-wrapper .step-title, .opc-wrapper .campaign-page .layout.dark-blue .step-title,
.campaign-page .layout.dark-blue .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .campaign-page .layout.dark-blue .shipping-information-title,
.campaign-page .layout.dark-blue .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .campaign-page .layout.dark-blue .checkout-agreements-item-title, .campaign-page .layout.dark-blue h3, .campaign-page .layout.dark-blue .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .campaign-page .layout.dark-blue span, .campaign-page .layout.dark-blue .login-container .block .block-title, .login-container .block .campaign-page .layout.dark-blue .block-title, .campaign-page .layout.dark-blue h4, .campaign-page .layout.dark-blue h5, .campaign-page .layout.dark-blue .cart-summary .summary.title, .cart-summary .campaign-page .layout.dark-blue .summary.title, .campaign-page .layout.dark-blue p, .campaign-page .layout.dark-blue ul, .campaign-page .layout.dark-blue li {
color: #fff;
}
.campaign-page .layout.dark-blue a:not(.btn) {
color: #30b7bb;
}
.campaign-page .layout .container, .campaign-page .layout #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .campaign-page .layout .top-container > div {
max-width: 1000px;
}
.campaign-page .layout.image-right {
margin: 15px 0;
padding: 0;
}
.campaign-page .layout.image-right img {
width: 45%;
margin-left: 2%;
}
.campaign-page .layout.image-left {
margin: 15px 0;
padding: 0;
}
.campaign-page .layout.image-left img {
width: 45%;
margin-right: 2%;
}
.campaign-page .layout.media .gallery .btn span, .campaign-page .layout.media .gallery .header .basket-controls .basket-button a span, .header .basket-controls .basket-button .campaign-page .layout.media .gallery a span, .campaign-page .layout.media .gallery .header .basket-controls .basket-button .current span, .header .basket-controls .basket-button .campaign-page .layout.media .gallery .current span, .campaign-page .layout.media .gallery .cart-summary .checkout-methods-items .multicheckout span, .cart-summary .checkout-methods-items .campaign-page .layout.media .gallery .multicheckout span, .campaign-page .layout.media .gallery .opc-block-summary .checkout-methods-items .multicheckout span, .opc-block-summary .checkout-methods-items .campaign-page .layout.media .gallery .multicheckout span, .campaign-page .layout.media .gallery .opc-block-shipping-information .checkout-methods-items .multicheckout span, .opc-block-shipping-information .checkout-methods-items .campaign-page .layout.media .gallery .multicheckout span, .campaign-page .layout.media .gallery .catalog-product-view .box-tocart .actions button.tocart span, .catalog-product-view .box-tocart .actions .campaign-page .layout.media .gallery button.tocart span, .campaign-page .layout.media .gallery .login-container .block-new-customer .actions-toolbar .primary a span, .login-container .block-new-customer .actions-toolbar .primary .campaign-page .layout.media .gallery a span {
margin-right: 10px;
position: relative;
top: 4px;
}
.campaign-page .layout.when-is-this-on .datepicker {
text-align: center;
}
.campaign-page .layout.when-is-this-on form label {
color: #fff;
}
.campaign-page .layout.when-is-this-on p.buton-link {
margin-bottom: 0;
}
.campaign-page .layout.about-the-space {
padding: 40px 0;
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.campaign-page .layout.about-the-space img {
max-width: 300px;
}
.campaign-page .layout.related-campaigns .container, .campaign-page .layout.related-campaigns #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .campaign-page .layout.related-campaigns .top-container > div {
max-width: 1200px;
}
.campaign-page .layout.entry-tickets-signpost {
padding: 40px 0;
margin: 0;
}
@media screen and (max-width: 1360px) {
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .ticket-prices span {
display: block;
width: 100%;
}
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .btn, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .header .basket-controls .basket-button a, .header .basket-controls .basket-button .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont a, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .current, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .multicheckout,
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .multicheckout,
.campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .multicheckout, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont button.tocart, .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .campaign-page .campaign-information-swoosh .campaign-info-item.campaign-tickets .purchase-link-cont a {
padding: 11px 5px;
height: 50px;
}
}
@media screen and (max-width: 767px) {
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.wording {
font-size: 0.9em;
}
}
@media screen and (max-width: 620px) {
.campaign-page .campaign-information-swoosh {
top: 0;
}
.campaign-page .campaign-information-swoosh .panel-swoosh {
display: none;
}
.campaign-page .campaign-information-swoosh .inner {
padding-top: 20px;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a {
text-align: center;
font-size: 1.15em;
}
.campaign-page .campaign-information-swoosh .mobile-information ul.nav-tabs li a span.wording {
display: none;
}
.campaign-page .campaign-information-swoosh .mobile-information .tab-content p.title {
display: block;
font-weight: 600;
text-decoration: underline;
}
}
@media screen and (max-width: 580px) {
.campaign-page .layout.image-left img, .campaign-page .layout.image-right img {
width: 100%;
display: block;
margin: 0;
margin-bottom: 10px;
}
.campaign-page .layout.about-the-space {
padding: 40px 0;
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.campaign-page .layout.about-the-space img {
max-width: 45%;
}
}
/*-----------------------------
//SVG CSS Success messages
//-----------------------------*/
.checkout-container .messages, .page.messages .messages {
margin: 10px 0;
}
.checkout-container .message, .page.messages .message {
padding: 15px;
margin-bottom: 20px;
border-top: 5px solid;
border-color: transparent;
border-radius: 0;
background-repeat: no-repeat;
background-size: 31px;
background-position: 15px 15px;
background-color: #f2f2f2;
}
.checkout-container .message div, .page.messages .message div {
padding: 7px 50px;
}
.checkout-container .message.message-error, .page.messages .message.message-error {
border-color: #e40426;
background-image: url("../images/warning-triangle.png");
}
.checkout-container .message.message-success, .page.messages .message.message-success {
border: 1px solid #89bf89;
border-radius: 5px;
padding-left: 50px;
background: rgba(60, 197, 56, 0.19);
}
.checkout-container .message.message-success div, .page.messages .message.message-success div {
position: relative;
padding: 7px;
}
.checkout-container .message.message-success div:before, .page.messages .message.message-success div:before {
left: -50px;
top: -2px;
display: block;
content: '';
margin: 0 0 30px 10px;
border: 0px solid rgba(0, 0, 0, 0.2);
border-left-color: #22b573;
position: absolute;
vertical-align: top;
border-color: #22b573;
border-radius: 50%;
width: 2.3em;
height: 2.3em;
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: circleload;
animation-name: circleload;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.checkout-container .message.message-success div:after, .page.messages .message.message-success div:after {
display: block;
-webkit-animation-duration: 1100ms;
animation-duration: 1100ms;
-webkit-animation-delay: 900ms;
animation-delay: 900ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-name: checkmark;
animation-name: checkmark;
transform: scaleX(-1) rotate(135deg);
opacity: 0;
height: 1.15em;
width: 0.575em;
transform-origin: left top;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: '';
left: -30px;
top: 18px;
position: absolute;
}
@-webkit-keyframes circleload {
0% {
border-width: 1px;
}
20% {
border-width: 1px;
}
40% {
border-width: 1px;
}
100% {
border-width: 1px;
}
}
@keyframes circleload {
0% {
border-width: 1px;
}
20% {
border-width: 1px;
}
40% {
border-width: 1px;
}
100% {
border-width: 1px;
}
}
@-webkit-keyframes checkmark {
0% {
height: 0;
width: 0;
opacity: 1;
}
20% {
height: 0;
width: 0.575em;
opacity: 1;
}
40% {
height: 1.15em;
width: 0.575em;
opacity: 1;
}
100% {
height: 1.15em;
width: 0.575em;
opacity: 1;
}
}
@keyframes checkmark {
0% {
height: 0;
width: 0;
opacity: 1;
}
20% {
height: 0;
width: 0.575em;
opacity: 1;
}
40% {
height: 1.15em;
width: 0.575em;
opacity: 1;
}
100% {
height: 1.15em;
width: 0.575em;
opacity: 1;
}
}
.no-margin {
margin: 0;
}
.margin-top-1em {
margin-top: 1em !important;
}
.margin-top-2em {
margin-top: 2em !important;
}
.margin-bottom-05em {
margin-bottom: 0.5em !important;
}
.margin-bottom-1em {
margin-bottom: 1em !important;
}
.margin-bottom-2em {
margin-bottom: 2em !important;
}
.products-grid .list li {
width: 20%;
float: left;
}
.category-add-ons {
background: #fff;
}
.category-add-ons .wrapper {
background: none;
}
.category-add-ons .category-description {
width: 100%;
max-width: 1360px;
margin: 0 auto 40px;
padding: 0 10px;
}
.category-add-ons .category-description h1 {
text-align: center;
}
.category-add-ons .category-description p {
text-align: center;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: block;
}
.category-add-ons .skip-addons {
text-align: right;
padding: 10px 5px 10px 5px;
width: 100%;
display: inline-block;
border-top: 1px solid #fff;
}
.category-add-ons .skip-addons p {
margin-bottom: .2em;
font-size: 1em;
font-weight: 100;
}
.category-add-ons .skip-addons .btn, .category-add-ons .skip-addons .header .basket-controls .basket-button a, .header .basket-controls .basket-button .category-add-ons .skip-addons a, .category-add-ons .skip-addons .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .category-add-ons .skip-addons .current, .category-add-ons .skip-addons .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .category-add-ons .skip-addons .multicheckout,
.category-add-ons .skip-addons .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .category-add-ons .skip-addons .multicheckout,
.category-add-ons .skip-addons .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .category-add-ons .skip-addons .multicheckout, .category-add-ons .skip-addons .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .category-add-ons .skip-addons button.tocart, .category-add-ons .skip-addons .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .category-add-ons .skip-addons a {
margin: 0;
}
.category-add-ons .sidebar.sidebar-additional {
display: none;
}
.addons-intro {
width: 100%;
max-width: 650px;
padding: 0 10px;
display: block;
margin: 20px auto;
}
.addons-intro h2, .addons-intro .opc-wrapper .step-title, .opc-wrapper .addons-intro .step-title,
.addons-intro .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .addons-intro .shipping-information-title,
.addons-intro .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .addons-intro .checkout-agreements-item-title {
color: #fff;
}
.addons-intro p {
color: #fff;
font-weight: 100;
}
.addons-intro .btn-link {
color: #30b7bb;
margin-bottom: 30px;
width: 100%;
display: inline-block;
}
.addons-intro .price-detail span {
width: 100%;
clear: both;
display: block;
}
.addons-intro .price-detail .normal-price {
font-weight: 100;
}
.addons-intro .price-detail .addon-price {
font-size: 1.5em;
font-weight: 800;
margin: 5px 0;
display: inline-block;
}
.addons-intro .price-detail .addon-price .icon {
font-size: .8em;
margin-right: 3px;
line-height: 1em;
vertical-align: middle;
}
.addons-intro .price-detail .addon-price div {
width: auto;
display: inline;
}
.addons-intro .price-detail .disclaimer {
font-weight: 100;
font-size: .9em;
}
.products-grid .add-ons-container.list {
display: flex;
flex-wrap: wrap;
}
.products-grid .add-ons-container.list li {
width: 33.3333%;
padding: 5px;
float: none;
}
.add-ons-container {
text-align: center;
}
.add-ons-container li .product-item-info {
background: #fff;
border-radius: 5px;
height: 100%;
}
.add-ons-container li .product-item-info .product-item-name {
color: #2e2d44;
border-bottom: 1px solid #2e2d44;
padding: 15px 20px 5px 20px;
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.add-ons-container li .product-item-info .product-item-name h3, .add-ons-container li .product-item-info .product-item-name .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .add-ons-container li .product-item-info .product-item-name span, .add-ons-container li .product-item-info .product-item-name .login-container .block .block-title, .login-container .block .add-ons-container li .product-item-info .product-item-name .block-title {
color: #2e2d44;
font-size: 1em;
}
.add-ons-container li .product-item-info .product-item-name h4 {
color: #2e2d44;
text-transform: none;
font-weight: 500;
font-size: 1em;
}
.add-ons-container li .product-item-info .under-three-years-age {
clear: both;
display: block;
background: #f2f2f2;
padding: 10px 20px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 13px;
}
.add-ons-container li .product-item-info .under-three-years-age p {
display: block;
width: 100%;
text-align: left;
width: calc(100% - 70px);
}
.add-ons-container li .product-item-info .under-three-years-age p.bold {
font-weight: 600;
float: left;
}
.add-ons-container li .product-item-info .under-three-years-age p.small {
margin-bottom: 5px;
float: left;
}
.add-ons-container li .product-item-info .under-three-years-age .qty-cont {
float: right;
width: 65px;
}
.add-ons-container li .product-item-info .under-three-years-age .qty-cont input {
float: right;
border: 1px solid #a9a9a9;
width: 60px;
}
.add-ons-container li .product-item-info p {
color: #2e2d44;
}
.add-ons-container li .product-item-info .product-item-description-inner {
width: 65%;
float: left;
padding: 0 20px;
}
.add-ons-container li .product-item-info .product-item-description-inner p {
text-align: left;
font-size: 14px;
}
.add-ons-container li .product-item-info .product-item-photo {
float: right;
padding-left: 5px;
width: 30%;
max-width: 100px;
margin-right: 10px;
}
.add-ons-container li .product-item-info .product-item-photo img {
width: 100%;
height: auto;
}
.add-ons-container li .actions-primary {
border-top: 1px solid #2e2d44;
padding: 10px 20px 15px 20px;
display: inline-block;
width: 100%;
margin-top: 5px;
}
.add-ons-container li .actions-primary .time-cont {
float: left;
width: 100%;
margin-bottom: 12px;
clear: both;
}
.add-ons-container li .actions-primary .label-main {
color: #2e2d44;
float: left;
padding-left: 0;
padding-top: 10px;
font-size: 1em;
font-weight: 600;
}
.add-ons-container li .actions-primary label {
width: 80px;
background: #fff;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
border: 1px solid #a9a9a9;
padding: 5px 10px;
font-size: 14px;
font-weight: 600;
color: #2e2d44;
border-radius: 5px;
display: block;
position: relative;
float: left;
margin: 0 10px 0 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
box-shadow: 0 2px 0 #a9a9a9;
}
.add-ons-container li .actions-primary label:hover, .add-ons-container li .actions-primary label.label-active {
background: #22b573;
color: #fff;
border-color: #22b573;
box-shadow: 0 1px 0 #125f3c;
top: 1px;
}
.add-ons-container li .actions-primary label.label-active {
box-shadow: none;
top: 2px;
}
.add-ons-container li .actions-primary label.disabled {
background: #dcdcdc;
border: 0;
box-shadow: none;
color: grey;
cursor: not-allowed;
height: 35px;
padding: 8px;
}
.add-ons-container li .actions-primary label.disabled:hover, .add-ons-container li .actions-primary label.disabled:focus {
top: 0;
}
.add-ons-container li .actions-primary input[type="radio"] {
display: none;
}
.add-ons-container li .actions-primary button {
height: auto;
font-size: 1em;
font-weight: 500;
padding: 9px 15px;
margin: 0 auto;
border-radius: 5px;
border-color: #e12a58;
}
.add-ons-container li .actions-primary button:hover, .add-ons-container li .actions-primary button:active, .add-ons-container li .actions-primary button.active, .add-ons-container li .actions-primary button:focus {
background: #d41e4c;
border-color: #d41e4c;
}
.add-ons-container li .content-block p, .add-ons-container li .opc-sidebar .opc-block-summary p, .opc-sidebar .add-ons-container li .opc-block-summary p, .add-ons-container li .opc-sidebar .opc-block-shipping-information p, .opc-sidebar .add-ons-container li .opc-block-shipping-information p {
font-size: 1em;
}
.add-ons-container li .price-breakdown p {
text-align: center;
margin-bottom: 0;
}
.add-ons-container li .price-breakdown p.special-price {
font-weight: 600;
font-size: 1.5em;
}
.add-ons-container li .price-breakdown p.special-price .icon {
font-size: 0.75em;
margin-left: 5px;
}
.add-ons-container li .price-breakdown .popover {
color: #2e2d44;
}
.add-ons-container li .add-on-item {
background: #fff;
border-radius: 5px;
color: #2e2d44;
margin-top: 20px;
}
.add-ons-container li .add-on-item .heading {
border-bottom: 1px solid #2e2d44;
text-align: center;
padding: 10px 15px;
}
.add-ons-container li .add-on-item .heading h5, .add-ons-container li .add-on-item .heading .cart-summary .summary.title, .cart-summary .add-ons-container li .add-on-item .heading .summary.title {
color: #2e2d44;
margin: 0;
font-size: 1em;
}
.add-ons-container li .add-on-item .heading p {
color: #2e2d44;
margin: 0;
font-size: 0.9em;
}
.add-ons-container li .add-on-item .content {
border-bottom: 1px solid #2e2d44;
padding: 10px 15px;
}
.add-ons-container li .add-on-item .content p {
color: #2e2d44;
font-size: 0.95em;
margin-bottom: 0;
}
.add-ons-container li .add-on-item .content p img {
margin-left: 10px;
}
.add-ons-container li .add-on-item .footer p {
color: #2e2d44;
font-weight: 600;
padding: 10px 15px 5px;
margin-bottom: 0;
}
.add-ons-container li .add-on-item .footer p a {
margin-right: 10px;
}
.add-ons-container li .error {
float: left;
font-style: italic;
font-weight: 500;
background: #e40426;
border-radius: 15px;
padding: 5px 10px;
display: inline-block;
color: #fff;
}
.add-ons-container p.not-interested-addons {
font-weight: 600;
font-size: 1.1em;
margin-bottom: 0;
}
@media screen and (max-width: 1360px) {
.add-ons-container li .actions-primary {
padding: 10px 10px 15px 10px;
}
.add-ons-container li .actions-primary .label-main {
width: 100%;
text-align: left;
padding-top: 0;
margin-right: 5px;
}
.add-ons-container li .product-item-info .under-three-years-age {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width: 991px) {
.products-grid .add-ons-container.list li {
width: 50%;
}
}
@media screen and (max-width: 840px) {
.products-grid .add-ons-container.list li {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.add-ons-container li .actions-primary .label-main {
margin: 0;
padding-bottom: 5px;
}
.add-ons-container li .actions-primary label {
width: 31%;
margin-right: 2.33%;
}
.add-ons-container li .actions-primary button {
width: 100%;
margin-top: 10px;
}
}
@media screen and (max-width: 580px) {
.products-grid .add-ons-container.list li {
width: 100%;
}
}
#ui-datepicker-div {
margin-top: 2px;
background: #fff;
padding: 10px;
border: none;
border-radius: 4px;
width: 310px;
}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -5px;
font-size: 0px;
width: 0px;
height: 0px;
border: solid;
border-width: 7px 8px 7px 0;
border-color: transparent #2e2d44 transparent transparent;
}
#ui-datepicker-div .ui-datepicker-next span {
margin-left: 0px;
top: 50%;
margin-top: -5px;
border-width: 7px 0 7px 8px;
border-color: transparent transparent transparent #2e2d44;
}
#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
opacity: .2;
cursor: no-drop;
}
#ui-datepicker-div .ui-datepicker-header {
padding: 3px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
top: 10px;
}
#ui-datepicker-div .ui-datepicker-title {
font-weight: 600;
font-size: 1.1em;
margin: 0 15px;
}
#ui-datepicker-div .ui-datepicker-title select {
background-image: url(../images/iOS-select-arrow-blue@2x.png) !important;
border: 1px solid #2e2d44;
}
#ui-datepicker-div .ui-datepicker-title .ui-datepicker-month {
margin-right: 1%;
}
#ui-datepicker-div td span, #ui-datepicker-div td a {
padding: 9px 12px;
}
#ui-datepicker-div .ui-datepicker-calendar {
margin-bottom: 0;
border: none !important;
}
#ui-datepicker-div .ui-datepicker-calendar thead {
border: none !important;
}
#ui-datepicker-div .ui-datepicker-calendar tr {
border: none !important;
}
#ui-datepicker-div .ui-datepicker-calendar tr:nth-child(even) {
background: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar td {
border: none !important;
padding: 0;
}
#ui-datepicker-div .ui-datepicker-calendar td a {
text-align: center;
color: #000;
}
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active {
background: #22b573;
color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today {
background: #fff;
color: #2e2d44;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {
background: transparent;
color: #2e2d44;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
background: #22b573;
color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar td.dmy-avail.ui-datepicker-today a:hover {
background: #22b573;
color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled {
background: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled span {
color: #d2d2d2;
text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled.dmy-soldout {
background: #fff;
border: 1px solid #fff !important;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled.dmy-soldout span {
color: #fff;
text-align: center;
position: relative;
border: 1px solid #fdbdc7;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled.dmy-soldout span:after {
position: absolute;
content: 'Sold Out';
color: #da3f57;
font-size: 12px;
width: 100%;
left: -2%;
top: 5px;
}
#ui-datepicker-div .ui-datepicker-calendar th {
background: #fff;
border: none !important;
padding: 10px;
text-transform: none;
text-align: center;
font-size: .9em;
}
#ui-datepicker-div .ui-datepicker-calendar th span {
width: 100%;
display: inline-block;
color: #2e2d44;
}
#ui-datepicker-div table tbody tr {
border: none !important;
}
#ui-datepicker-div table tbody tr td {
padding: 3px;
}
.box-tocart #custom-fields {
position: relative;
}
.date-key-container {
position: absolute;
left: 390px;
top: 15px;
display: none;
}
.date-key-container .key-icon {
width: 16px;
height: 16px;
float: left;
background: #e40426;
margin-right: 7px;
}
.date-key-container span {
color: #ffffff;
font-size: 13px;
line-height: 1;
}
@media screen and (max-width: 767px) {
.date-key-container {
left: 240px;
top: 45px;
}
}
@media screen and (max-width: 580px) {
#ui-datepicker-div {
width: 310px;
}
#ui-datepicker-div .ui-datepicker-calendar td {
font-size: 1em;
}
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar table tbody tr td {
padding: 5px;
}
#ui-datepicker-div .ui-datepicker-calendar td span,
#ui-datepicker-div .ui-datepicker-calendar td a {
padding: 12px;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled.dmy-soldout span:after {
top: 1px;
}
}
@media all and (max-width: 340px) {
#ui-datepicker-div {
margin-left: -15px;
}
}
.toolbar-products {
margin-bottom: 40px;
padding: 5px 10px;
text-align: center;
background: #f2f2f2;
display: inline-block;
width: 100%;
}
.modes {
display: inline-block;
float: left;
margin-right: 20px;
margin-top: 5px;
}
.modes .modes-label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.modes-mode {
color: #a9a9a9;
border: 1px solid #d1d1d1;
border-right: 0;
float: left;
font-weight: 400;
line-height: 1;
padding: 7px 10px;
text-align: center;
display: inline-block;
text-decoration: none;
position: relative;
width: 36px;
height: 36px;
margin-right: 1px;
}
.modes-mode > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.modes-mode:before {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\4f";
position: absolute;
left: 7px;
top: 10px;
font-size: 1.1em;
color: #2e2d44;
}
.modes-mode.active {
box-shadow: inset 0 1px 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
background: #dedede;
color: #9e9e9e;
}
.modes-mode:last-child {
border-right: 1px solid #cccccc;
}
.modes-mode.mode-list:before {
content: '\50';
}
.toolbar-amount {
display: block;
line-height: 26px;
margin: 0;
padding: 8px 0 0;
vertical-align: middle;
float: left;
}
.limiter {
width: 23%;
display: inline-block;
float: none;
margin: 0 auto;
display: none;
}
.sorter {
position: relative;
padding: 5px;
float: right;
right: 20px;
top: 0;
z-index: 1;
}
.sorter .sorter-options {
margin: 0 0 0 7px;
width: auto;
}
.sorter .sorter-action {
vertical-align: top;
display: inline-block;
text-decoration: none;
position: relative;
}
.sorter .sorter-action > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sorter .sorter-action:before {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\76";
position: absolute;
left: 0;
top: 10px;
font-size: 1.5em;
color: #2e2d44;
}
.catalog-product-view {
background: #2e2d44;
}
.catalog-product-view .container, .catalog-product-view #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .catalog-product-view .top-container > div {
max-width: 1360px;
}
.page-layout-1column .product-info-main {
width: 66%;
float: right;
}
.page-layout-1column .product-info-main .product.attribute.overview {
display: none;
}
.page-layout-1column .product-info-main .page-title {
color: #fff;
text-align: left;
display: none;
}
.page-layout-1column .product-info-main .fake-title {
text-align: left;
}
.page-layout-1column .product-info-main p {
color: #fff;
}
.page-layout-1column .product-info-main .product-info-price {
color: #fff;
border-bottom: 1px solid #fff;
display: table;
margin-bottom: 15px;
width: 100%;
}
.page-layout-1column .product-info-main .product-info-price .price-box {
display: table-cell;
vertical-align: top;
width: 1px;
}
.page-layout-1column .product-info-main .product-info-price .price-box .stock.available, .page-layout-1column .product-info-main .product-info-price .price-box .stock.unavailable {
font-weight: 700;
text-transform: uppercase;
}
.page-layout-1column .product-info-main .product-info-price .price-box .price-container {
font-size: 21px;
}
.page-layout-1column .product-info-main .product-info-price .price-box .price-container span.price-wrapper {
margin-bottom: 0;
}
.page-layout-1column .product-info-main .product-info-price .price-box .price-container .price {
font-size: 36px;
line-height: 1em;
font-weight: 600;
}
.page-layout-1column .product-info-main .product-info-price .product.attribute.sku {
word-break: break-all;
word-wrap: break-word;
text-align: right;
}
.page-layout-1column .product-info-main .product-info-price .product.attribute.sku .type {
font-weight: normal;
margin-right: 5px;
}
.page-layout-1column .product-info-main .product-info-price .product.attribute.sku .value {
display: inline-block;
text-align: right;
}
.page-layout-1column .product-info-main .product-info-price .product-info-stock-sku {
display: table-cell;
padding-bottom: 10px;
padding-left: 10%;
text-align: right;
vertical-align: top;
}
.page-layout-1column .product-info-main .product-info-price .product-info-stock-sku .stock.available {
font-weight: 700;
text-transform: uppercase;
}
.page-layout-1column .product-info-main .field.qty input {
max-width: 100px;
}
.page-layout-1column .product-info-main #date-cont {
color: #fff;
font-weight: 700;
position: relative;
margin-bottom: 10px;
}
.page-layout-1column .product-info-main #date-cont .label {
text-align: left;
font-size: 1.2em;
padding: .3em 0;
font-weight: 600;
margin-right: 10px;
}
.page-layout-1column .product-info-main #date-cont input {
clear: both;
font-weight: 500;
width: 100%;
max-width: 220px;
padding: 10px 15px;
background-image: url(../images/calendar-blue.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
-webkit-appearance: none;
}
.page-layout-1column .product-info-main #date-cont .icon {
position: absolute;
left: 246px;
top: 45px;
color: #2e2d44;
font-size: 1.4em;
}
.page-layout-1column .product-info-main #donation-checkbox {
color: #fff;
}
.page-layout-1column .product-info-main .event-has-one-start-time {
padding-left: 140px;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) {
clear: both;
display: block;
width: 100%;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) .label-main {
float: left;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) label {
background: #fff;
box-shadow: 0 4px 0 #a9a9a9;
width: 94px;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
border: 1px solid #fff;
padding: 10px 15px;
font-size: 14px;
color: #2e2d44;
border-radius: 5px;
display: block;
position: relative;
float: left;
margin: 0 10px 10px 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) label:hover, .page-layout-1column .product-info-main #time-cont:not(.time-buttons) label.active-radio {
background: #22b573;
border-color: #22b573;
color: #fff;
top: 2px;
box-shadow: 0 2px 0 #22b573;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) label.disabled {
background: #2e2d44;
opacity: 1;
pointer-events: none;
padding: 7px 15px;
border-color: rgba(251, 251, 251, 0.25);
color: rgba(251, 251, 251, 0.25);
box-shadow: none;
height: 43px;
display: none;
line-height: 1.2em;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) label.disabled:after {
content: 'Sold Out';
display: block;
position: absolute;
left: 0;
width: 100%;
}
.page-layout-1column .product-info-main #time-cont:not(.time-buttons) input[type="radio"] {
display: none;
}
.page-layout-1column .product-info-main .label-main {
text-align: left;
font-size: 1.2em;
padding: .4em 0;
font-weight: 600;
width: 140px;
}
.page-layout-1column .product-info-main #event_date-error {
padding: 15px 15px 15px 40px;
margin-bottom: 10px;
border-top: 3px solid #e40426;
border-radius: 0;
background-image: url("../images/warning-triangle.png");
background-repeat: no-repeat;
background-size: 23px;
background-position: 10px 12px;
background-color: #f2f2f2;
font-size: 15px;
font-weight: 300;
color: #2e2d44;
}
.page-layout-1column .product-info-main #donation-checkbox:not(.donation-choice) {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #1A1B30;
padding: 20px 10px;
margin-top: 0;
}
.page-layout-1column .product-info-main #donation-checkbox:not(.donation-choice) span {
color: #fff;
}
.page-layout-1column .product-info-main .actions button {
margin: 0;
}
.page-layout-1column .product-info-main .actions button span {
font-weight: 500;
}
.page-layout-1column .product.media {
width: 33%;
float: left;
margin-bottom: 25px;
padding-right: 40px;
}
.page-layout-1column .column.main {
padding-top: 30px;
}
.page-layout-1column .table > tbody > tr > th {
border-top: none;
}
.catalog-product-view .product .fotorama-item {
pointer-events: none;
}
.catalog-product-view .product.media .loading-mask .loader img {
max-width: 32px !important;
}
.fotorama__caption__wrap {
display: none !important;
}
.no-edit-basket-message {
text-align: right;
}
.no-edit-basket-message h5, .no-edit-basket-message .cart-summary .summary.title, .cart-summary .no-edit-basket-message .summary.title {
text-transform: none;
color: #fff;
}
@media all and (min-width: 841px) and (max-width: 870px) {
.page-layout-1column .product-info-main #tickets-cont table td.quantity {
width: 33%;
}
.page-layout-1column .product-info-main #tickets-cont table td.without-donation {
width: 22%;
}
}
@media screen and (max-width: 991px) {
.page-layout-1column .product-info-main #tickets-cont input {
margin: 0 1px;
}
}
@media screen and (max-width: 840px) {
.page-layout-1column .product-info-main {
width: 100%;
}
.page-layout-1column .product.media {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.page-layout-1column .product-info-main #tickets-cont table td.quantity {
text-align: left;
}
.page-layout-1column .product-info-main #tickets-cont span.sub {
text-align: right;
}
.page-layout-1column .product-info-main #date-cont .label {
display: block;
width: 100%;
clear: both;
}
.page-layout-1column .product-info-main .event-has-one-start-time {
padding-left: 0px;
}
.page-layout-1column .product-info-main #time-cont .label-main {
display: block;
width: 100%;
clear: both;
}
}
.checkout-cart-index .columns .column.main {
padding-top: 0;
}
.cart.item .qty input {
border: 1px solid #2e2d44;
max-width: 70px;
margin-bottom: 0;
}
.cart.item .actions-toolbar a {
font-size: 13px;
margin-right: 10px;
}
.cart.item.product-type-booking_product .qty input, .cart.item.product-type-booking_product td.price span {
display: none;
}
.cart.item.product-type-booking_product td.qty, .cart.item.product-type-booking_product td.price {
position: relative;
}
.cart.item.product-type-booking_product td.qty:after, .cart.item.product-type-booking_product td.price:after {
position: absolute;
content: 'N/A';
left: 10px;
top: 10px;
font-size: 16px;
font-weight: 100;
}
.cart.main.actions {
text-align: right;
}
.cart.main.actions.actions-simple {
display: block;
}
.cart.main.actions.actions-booking_product {
display: none;
}
.cart.main.actions a, .cart.main.actions button {
background: #f2f2f2;
text-transform: none;
border: 1px solid transparent;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.cart.main.actions a span, .cart.main.actions button span {
color: #2e2d44;
}
.cart.main.actions a:hover, .cart.main.actions a:focus, .cart.main.actions a:active, .cart.main.actions a.active, .cart.main.actions a:active:focus, .cart.main.actions button:hover, .cart.main.actions button:focus, .cart.main.actions button:active, .cart.main.actions button.active, .cart.main.actions button:active:focus {
background: #dfdfdf;
border-color: #dfdfdf;
color: #2e2d44;
}
.cart.main.actions a:hover span, .cart.main.actions a:focus span, .cart.main.actions a:active span, .cart.main.actions a.active span, .cart.main.actions a:active:focus span, .cart.main.actions button:hover span, .cart.main.actions button:focus span, .cart.main.actions button:active span, .cart.main.actions button.active span, .cart.main.actions button:active:focus span {
color: #2e2d44;
}
.cart.main.actions a.continue, .cart.main.actions a.clear, .cart.main.actions button.continue, .cart.main.actions button.clear {
display: none;
}
.cart-summary #block-shipping,
.opc-block-summary #block-shipping,
.opc-block-shipping-information #block-shipping {
display: none;
}
.cart-summary table,
.opc-block-summary table,
.opc-block-shipping-information table {
margin-bottom: 0;
}
.cart-summary table th,
.cart-summary table td,
.opc-block-summary table th,
.opc-block-summary table td,
.opc-block-shipping-information table th,
.opc-block-shipping-information table td {
padding: 4px;
}
.cart-summary table td.amount,
.opc-block-summary table td.amount,
.opc-block-shipping-information table td.amount {
text-align: right;
}
.cart-summary table .table-caption,
.opc-block-summary table .table-caption,
.opc-block-shipping-information table .table-caption {
font-size: 16px;
font-weight: 600;
color: #2e2d44;
display: none;
}
.cart-summary table tr,
.opc-block-summary table tr,
.opc-block-shipping-information table tr {
border: none;
font-size: 14px;
}
.cart-summary table tr td,
.opc-block-summary table tr td,
.opc-block-shipping-information table tr td {
border: none;
}
.cart-summary table tr .label,
.opc-block-summary table tr .label,
.opc-block-shipping-information table tr .label {
color: #333;
font-weight: normal;
font-size: 100%;
padding: 0;
}
.cart-summary table tr.totals-tax,
.opc-block-summary table tr.totals-tax,
.opc-block-shipping-information table tr.totals-tax {
display: none;
}
.cart-summary table tbody tr:nth-child(even),
.opc-block-summary table tbody tr:nth-child(even),
.opc-block-shipping-information table tbody tr:nth-child(even) {
background: #fff;
}
.cart-summary table .totals.shipping,
.opc-block-summary table .totals.shipping,
.opc-block-shipping-information table .totals.shipping {
display: none;
}
.cart-summary table.table-totals,
.opc-block-summary table.table-totals,
.opc-block-shipping-information table.table-totals {
margin-top: 20px;
}
.cart-summary table.table-totals th.mark,
.opc-block-summary table.table-totals th.mark,
.opc-block-shipping-information table.table-totals th.mark {
padding: 4px !important;
}
.cart-summary .mark,
.opc-block-summary .mark,
.opc-block-shipping-information .mark {
background-color: #fff;
border: none;
}
.cart-summary .shipping-information .shipping-information-title,
.opc-block-summary .shipping-information .shipping-information-title,
.opc-block-shipping-information .shipping-information .shipping-information-title {
padding-bottom: 3px;
}
.cart-summary .shipping-information .shipping-information-title span,
.opc-block-summary .shipping-information .shipping-information-title span,
.opc-block-shipping-information .shipping-information .shipping-information-title span {
font-size: 16px;
font-weight: 600;
color: #2e2d44;
}
.cart-summary .shipping-information .shipping-information-title button,
.opc-block-summary .shipping-information .shipping-information-title button,
.opc-block-shipping-information .shipping-information .shipping-information-title button {
background: none;
text-transform: none;
height: auto;
font-weight: 300;
border: none;
font-size: 14px;
padding: 6px 0;
float: right;
margin: 0;
}
.cart-summary .shipping-information .shipping-information-title button span,
.opc-block-summary .shipping-information .shipping-information-title button span,
.opc-block-shipping-information .shipping-information .shipping-information-title button span {
color: #e12a58;
font-weight: 300;
font-size: 1em;
text-decoration: none;
}
.cart-summary .shipping-information .shipping-information-title button:hover span,
.opc-block-summary .shipping-information .shipping-information-title button:hover span,
.opc-block-shipping-information .shipping-information .shipping-information-title button:hover span {
text-decoration: underline;
}
.cart-summary .shipping-information .shipping-information-content,
.opc-block-summary .shipping-information .shipping-information-content,
.opc-block-shipping-information .shipping-information .shipping-information-content {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 1.5em;
}
.cart-summary .checkout-methods-items,
.opc-block-summary .checkout-methods-items,
.opc-block-shipping-information .checkout-methods-items {
list-style: none;
text-align: left;
width: 100%;
display: inline-block;
padding: 10px 0;
}
.cart-summary .checkout-methods-items li,
.opc-block-summary .checkout-methods-items li,
.opc-block-shipping-information .checkout-methods-items li {
float: left;
display: block;
padding: 0;
width: 100%;
}
.cart-summary .checkout-methods-items .multicheckout,
.opc-block-summary .checkout-methods-items .multicheckout,
.opc-block-shipping-information .checkout-methods-items .multicheckout {
margin: 0;
width: 100%;
text-align: center;
height: auto;
}
.cart-summary .checkout-methods-items .multicheckout:hover, .cart-summary .checkout-methods-items .multicheckout:focus, .cart-summary .checkout-methods-items .multicheckout:active, .cart-summary .checkout-methods-items .multicheckout.active,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:focus,
.opc-block-summary .checkout-methods-items .multicheckout:active,
.opc-block-summary .checkout-methods-items .multicheckout.active,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active,
.opc-block-shipping-information .checkout-methods-items .multicheckout.active {
text-decoration: none;
}
.cart-summary .checkout-methods-items button.checkout,
.opc-block-summary .checkout-methods-items button.checkout,
.opc-block-shipping-information .checkout-methods-items button.checkout {
margin: 0;
}
.cart-summary .block .title,
.opc-block-summary .block .title,
.opc-block-shipping-information .block .title {
border: none !important;
padding-left: 0 !important;
display: none;
}
.cart-summary {
float: right;
position: relative;
width: 25%;
background: #f2f2f2;
margin-bottom: 25px;
padding: 10px;
}
.cart-summary .summary.title {
margin-bottom: 5px;
display: inline-block;
}
.cart-summary .block, .cart-summary .table-wrapper, .cart-summary .checkout-methods-items {
background: #fff;
border-top: 5px solid #30b7bb;
padding: 10px;
margin-bottom: 10px;
}
.cart-summary .agree-to-terms {
margin-bottom: 10px;
}
.cart-summary .agree-to-terms input {
width: 20px;
}
.cart-summary .agree-to-terms label {
width: calc(100% - 20px);
float: right;
position: relative;
top: 2px;
}
.cart-summary .terms-check-error {
padding: 10px;
background: #f1c0c0;
color: red;
margin-bottom: 10px;
}
.cart-summary .terms-check-error p {
margin-bottom: 0;
text-align: center;
}
.cart-summary button.action.primary {
width: 100%;
text-align: center;
background-image: url(../images/padlock.svg);
background-repeat: no-repeat;
background-position: 32px 10px;
background-size: 17px;
}
.cart-summary .paypal {
display: inline-block;
width: 100%;
}
.cart-summary .paypal img {
margin: 15px auto 10px auto;
float: none;
display: block;
}
.cart-discount {
float: left;
display: block;
width: 300px;
margin-top: 0;
background: #f2f2f2;
padding: 10px;
}
.cart-discount .title:focus {
outline: none;
}
.cart-discount #block-discount-heading {
font-weight: 300;
color: #e12a58;
cursor: pointer;
padding: 5px 30px 5px 0;
font-size: 16px;
width: auto;
display: inline-block;
position: relative;
width: 100%;
}
.cart-discount #block-discount-heading:after {
position: absolute;
content: '\73';
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 0;
top: 0;
color: #e12a58;
font-size: 1.7em;
}
.cart-discount #block-discount-heading:hover {
text-decoration: underline;
}
.cart-discount #discount-coupon-form {
width: 100%;
}
.cart-discount #discount-coupon-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.cart-discount #discount-coupon-form input {
width: 100%;
border: 1px solid #a9a9a9;
max-width: 280px;
margin: 10px 0;
}
.cart-container .form-cart {
float: left;
position: relative;
width: 73%;
}
.cart-summary .block > .title, .paypal-review-discount .block > .title {
border-top: 1px solid #d1d1d1;
cursor: pointer;
font-weight: 600;
display: block;
text-decoration: none;
margin-bottom: 0;
overflow: hidden;
padding: 7px 30px 7px 5px;
position: relative;
}
.abs-discount-block > .title:after,
.cart-summary .block > .title:after,
.paypal-review-discount .block > .title:after {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\73";
position: absolute;
right: -5px;
top: 3px;
font-size: 1.5em;
}
#block-summary form {
margin-top: 15px;
}
#block-summary select {
width: 100%;
}
#block-summary .input-text {
width: 100%;
border: 1px solid #2e2d44;
}
#shopping-cart-table .table-caption {
display: none;
}
#shopping-cart-table td.qty .label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#shopping-cart-table td {
border: 0;
}
#shopping-cart-table th {
border: 0;
}
#shopping-cart-table .product-image-wrapper {
float: left;
padding: 5px 10px 0 0 !important;
max-width: 100px;
}
#shopping-cart-table .product-image-wrapper img {
width: 100%;
height: auto;
}
#shopping-cart-table tbody tr.item-actions {
background: transparent;
}
#shopping-cart-table .product-item-photo {
float: left;
max-width: 110px;
padding-right: 10px;
}
#shopping-cart-table .product-item-details {
float: left;
width: 50%;
}
#shopping-cart-table .product-item-details .product-item-name {
font-size: 1.1em;
margin-bottom: 6px;
display: inline-block;
}
#shopping-cart-table .product-item-details .product-item-name a {
color: #2e2d44;
}
#shopping-cart-table .product-item-details .item-options {
font-size: 13px;
float: left;
clear: both;
width: 100%;
}
#shopping-cart-table .product-item-details .item-options .options-item-wrapper {
clear: both;
width: 100%;
display: inline-block;
}
#shopping-cart-table .product-item-details .item-options dt {
float: left;
width: auto;
font-weight: 600;
padding: 1px 2px 1px 2px;
}
#shopping-cart-table .product-item-details .item-options dt:nth-child(3) {
clear: left;
}
#shopping-cart-table .product-item-details .item-options dd {
padding: 1px 1px 1px 1px;
width: auto;
}
#shopping-cart-table .product-item-details .item-options dd:nth-child(2) {
clear: right;
}
#shopping-cart-table .product-item-details .product-actions {
margin-top: 8px;
display: inline-block;
width: 100%;
}
#shopping-cart-table .product-item-details .product-actions a.actions-simple {
display: none;
}
#shopping-cart-table .product-item-details .product-actions a.action-edit {
display: none;
}
#shopping-cart-table .product-item-details .product-actions.ispassport .action-edit {
display: none;
}
#shopping-cart-table.table > tbody + tbody {
border-top: none;
}
#shopping-cart-table .actions-toolbar {
text-align: right;
}
#shopping-cart-table .actions-toolbar a {
position: relative;
color: #2e2d44;
margin-left: 5px;
padding: 5px 10px;
}
#shopping-cart-table .actions-toolbar a span {
display: none;
}
#shopping-cart-table .actions-toolbar a:hover {
color: #a9a9a9;
}
#shopping-cart-table .actions-toolbar a:after {
position: absolute;
content: '';
width: 20px;
height: 20px;
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.5em;
}
#shopping-cart-table .actions-toolbar .action-edit:after {
content: "\4c";
position: absolute;
right: 0;
top: 1px;
}
#shopping-cart-table .actions-toolbar .action-delete:after {
content: "\4d";
position: absolute;
right: 0;
top: 0;
}
#shopping-cart-table.virtual-quote th.price, #shopping-cart-table.virtual-quote th.qty, #shopping-cart-table.virtual-quote td.price, #shopping-cart-table.virtual-quote td.qty {
display: none;
}
.visually-hidden {
display: none;
}
.checkout-cart-index .columns .column.main {
padding-top: 0;
}
.cart.item .qty input {
border: 1px solid #2e2d44;
max-width: 70px;
margin-bottom: 0;
}
.cart.item .actions-toolbar a {
font-size: 13px;
margin-right: 10px;
}
.cart.item.product-type-booking_product .qty input, .cart.item.product-type-booking_product td.price span {
display: none;
}
.cart.item.product-type-booking_product td.qty, .cart.item.product-type-booking_product td.price {
position: relative;
}
.cart.item.product-type-booking_product td.qty:after, .cart.item.product-type-booking_product td.price:after {
position: absolute;
content: 'N/A';
left: 10px;
top: 10px;
font-size: 16px;
font-weight: 100;
}
.cart.main.actions {
text-align: right;
}
.cart.main.actions.actions-simple {
display: block;
}
.cart.main.actions.actions-booking_product {
display: none;
}
.cart.main.actions a, .cart.main.actions button {
background: #f2f2f2;
text-transform: none;
border: 1px solid transparent;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.cart.main.actions a span, .cart.main.actions button span {
color: #2e2d44;
}
.cart.main.actions a:hover, .cart.main.actions a:focus, .cart.main.actions a:active, .cart.main.actions a.active, .cart.main.actions a:active:focus, .cart.main.actions button:hover, .cart.main.actions button:focus, .cart.main.actions button:active, .cart.main.actions button.active, .cart.main.actions button:active:focus {
background: #dfdfdf;
border-color: #dfdfdf;
color: #2e2d44;
}
.cart.main.actions a:hover span, .cart.main.actions a:focus span, .cart.main.actions a:active span, .cart.main.actions a.active span, .cart.main.actions a:active:focus span, .cart.main.actions button:hover span, .cart.main.actions button:focus span, .cart.main.actions button:active span, .cart.main.actions button.active span, .cart.main.actions button:active:focus span {
color: #2e2d44;
}
.cart.main.actions a.continue, .cart.main.actions a.clear, .cart.main.actions button.continue, .cart.main.actions button.clear {
display: none;
}
.cart-summary #block-shipping,
.opc-block-summary #block-shipping,
.opc-block-shipping-information #block-shipping {
display: none;
}
.cart-summary table,
.opc-block-summary table,
.opc-block-shipping-information table {
margin-bottom: 0;
}
.cart-summary table th,
.cart-summary table td,
.opc-block-summary table th,
.opc-block-summary table td,
.opc-block-shipping-information table th,
.opc-block-shipping-information table td {
padding: 4px;
}
.cart-summary table td.amount,
.opc-block-summary table td.amount,
.opc-block-shipping-information table td.amount {
text-align: right;
}
.cart-summary table .table-caption,
.opc-block-summary table .table-caption,
.opc-block-shipping-information table .table-caption {
font-size: 16px;
font-weight: 600;
color: #2e2d44;
display: none;
}
.cart-summary table tr,
.opc-block-summary table tr,
.opc-block-shipping-information table tr {
border: none;
font-size: 14px;
}
.cart-summary table tr td,
.opc-block-summary table tr td,
.opc-block-shipping-information table tr td {
border: none;
}
.cart-summary table tr .label,
.opc-block-summary table tr .label,
.opc-block-shipping-information table tr .label {
color: #333;
font-weight: normal;
font-size: 100%;
padding: 0;
}
.cart-summary table tbody tr:nth-child(even),
.opc-block-summary table tbody tr:nth-child(even),
.opc-block-shipping-information table tbody tr:nth-child(even) {
background: #fff;
}
.cart-summary table.table-totals,
.opc-block-summary table.table-totals,
.opc-block-shipping-information table.table-totals {
margin-top: 20px;
}
.cart-summary table.table-totals th.mark,
.opc-block-summary table.table-totals th.mark,
.opc-block-shipping-information table.table-totals th.mark {
padding: 4px !important;
}
.cart-summary .mark,
.opc-block-summary .mark,
.opc-block-shipping-information .mark {
background-color: #fff;
border: none;
}
.cart-summary .shipping-information .shipping-information-title,
.opc-block-summary .shipping-information .shipping-information-title,
.opc-block-shipping-information .shipping-information .shipping-information-title {
padding-bottom: 3px;
}
.cart-summary .shipping-information .shipping-information-title span,
.opc-block-summary .shipping-information .shipping-information-title span,
.opc-block-shipping-information .shipping-information .shipping-information-title span {
font-size: 16px;
font-weight: 600;
color: #2e2d44;
}
.cart-summary .shipping-information .shipping-information-title button,
.opc-block-summary .shipping-information .shipping-information-title button,
.opc-block-shipping-information .shipping-information .shipping-information-title button {
background: none;
text-transform: none;
height: auto;
font-weight: 300;
border: none;
font-size: 14px;
padding: 6px 0;
float: right;
margin: 0;
}
.cart-summary .shipping-information .shipping-information-title button span,
.opc-block-summary .shipping-information .shipping-information-title button span,
.opc-block-shipping-information .shipping-information .shipping-information-title button span {
color: #e12a58;
font-weight: 300;
font-size: 1em;
text-decoration: none;
}
.cart-summary .shipping-information .shipping-information-title button:hover span,
.opc-block-summary .shipping-information .shipping-information-title button:hover span,
.opc-block-shipping-information .shipping-information .shipping-information-title button:hover span {
text-decoration: underline;
}
.cart-summary .shipping-information .shipping-information-content,
.opc-block-summary .shipping-information .shipping-information-content,
.opc-block-shipping-information .shipping-information .shipping-information-content {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 1.5em;
}
.cart-summary .checkout-methods-items,
.opc-block-summary .checkout-methods-items,
.opc-block-shipping-information .checkout-methods-items {
list-style: none;
text-align: left;
width: 100%;
display: block;
padding: 0;
background: red;
border: 0;
}
.cart-summary .checkout-methods-items li,
.opc-block-summary .checkout-methods-items li,
.opc-block-shipping-information .checkout-methods-items li {
float: left;
display: block;
padding: 0;
width: 100%;
}
.cart-summary .checkout-methods-items .multicheckout,
.opc-block-summary .checkout-methods-items .multicheckout,
.opc-block-shipping-information .checkout-methods-items .multicheckout {
margin: 0;
width: 100%;
text-align: center;
height: auto;
}
.cart-summary .checkout-methods-items .multicheckout:hover, .cart-summary .checkout-methods-items .multicheckout:focus, .cart-summary .checkout-methods-items .multicheckout:active, .cart-summary .checkout-methods-items .multicheckout.active,
.opc-block-summary .checkout-methods-items .multicheckout:hover,
.opc-block-summary .checkout-methods-items .multicheckout:focus,
.opc-block-summary .checkout-methods-items .multicheckout:active,
.opc-block-summary .checkout-methods-items .multicheckout.active,
.opc-block-shipping-information .checkout-methods-items .multicheckout:hover,
.opc-block-shipping-information .checkout-methods-items .multicheckout:focus,
.opc-block-shipping-information .checkout-methods-items .multicheckout:active,
.opc-block-shipping-information .checkout-methods-items .multicheckout.active {
text-decoration: none;
}
.cart-summary .checkout-methods-items button.checkout,
.opc-block-summary .checkout-methods-items button.checkout,
.opc-block-shipping-information .checkout-methods-items button.checkout {
margin: 0;
}
.cart-summary .block .title,
.opc-block-summary .block .title,
.opc-block-shipping-information .block .title {
border: none !important;
padding-left: 0 !important;
display: none;
}
.cart-summary {
float: right;
position: relative;
width: 25%;
background: #f2f2f2;
margin-bottom: 0;
padding: 10px 10px 20px 10px;
}
.cart-summary .summary.title {
margin-bottom: 5px;
display: inline-block;
}
.cart-summary .block, .cart-summary .table-wrapper {
background: #fff;
border-top: 5px solid #30b7bb;
padding: 10px;
margin-bottom: 10px;
}
.cart-summary button.action.primary {
width: 100%;
text-align: center;
}
.cart-summary .paypal {
display: inline-block;
width: 100%;
}
.cart-summary .paypal img {
margin: 15px auto 10px auto;
float: none;
display: block;
}
.cart-discount {
float: left;
display: block;
width: 300px;
margin-top: 0;
background: #f2f2f2;
padding: 10px;
clear: both;
}
.cart-discount .title:focus {
outline: none;
}
.cart-discount #block-discount-heading {
font-weight: 300;
color: #e12a58;
cursor: pointer;
padding: 5px 30px 5px 0;
font-size: 16px;
width: auto;
display: inline-block;
position: relative;
width: 100%;
}
.cart-discount #block-discount-heading:after {
position: absolute;
content: '\73';
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 0;
top: 0;
color: #e12a58;
font-size: 27px;
}
.cart-discount #block-discount-heading:hover {
text-decoration: underline;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.cart-discount #block-discount-heading {
/* IE10+ specific styles go here */
}
.cart-discount #block-discount-heading:hover, .cart-discount #block-discount-headinghover:after {
text-decoration: none;
color: #bd1b44;
}
}
.cart-discount #discount-coupon-form {
width: 100%;
}
.cart-discount #discount-coupon-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.cart-discount #discount-coupon-form input {
width: 100%;
border: 1px solid #a9a9a9;
max-width: 280px;
margin: 10px 0;
}
.cart-container .form-cart {
float: left;
position: relative;
width: 73%;
}
.cart-summary .block > .title, .paypal-review-discount .block > .title {
border-top: 1px solid #d1d1d1;
cursor: pointer;
font-weight: 600;
display: block;
text-decoration: none;
margin-bottom: 0;
overflow: hidden;
padding: 7px 30px 7px 5px;
position: relative;
}
.abs-discount-block > .title:after,
.cart-summary .block > .title:after,
.paypal-review-discount .block > .title:after {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\73";
position: absolute;
right: -5px;
top: 3px;
font-size: 1.5em;
}
#block-summary form {
margin-top: 15px;
}
#block-summary select {
width: 100%;
}
#block-summary .input-text {
width: 100%;
border: 1px solid #2e2d44;
}
.authentication-wrapper {
width: 100%;
text-align: right;
margin-top: -50px;
max-width: 100%;
position: relative;
z-index: 1;
}
.authentication-wrapper .action-auth-toggle {
margin: 0;
}
.authentication-wrapper .modal-content {
padding: 13px 20px 20px 20px;
border-radius: 0;
border: none;
box-shadow: none;
}
.authentication-wrapper .modal-content .block-title {
padding-bottom: 10px;
text-transform: uppercase;
display: none;
}
.authentication-wrapper .modal-content .label {
color: #333;
padding: 0;
display: block;
text-align: left;
font-weight: 500;
}
.authentication-wrapper .modal-content input {
width: 100%;
border: 1px solid #ccc;
background: #f5f5f5;
}
.authentication-wrapper .modal-content .actions-toolbar {
overflow: hidden;
}
.authentication-wrapper .modal-content .secondary {
float: left;
margin-top: 14px;
}
.authentication-wrapper .modal-content .secondary .action-remind {
font-size: 13px;
}
.authentication-wrapper .modal-content .action-login.secondary {
height: auto;
font-size: 1em;
float: right;
margin-right: 0;
margin: 0;
}
.authentication-wrapper .modal-inner-wrap {
width: 100%;
max-width: 300px;
float: right;
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.authentication-wrapper .modal-header {
padding: 0;
border: none;
}
.authentication-wrapper .action-close {
width: 40px;
height: 40px;
position: relative;
margin: 0;
float: right;
line-height: 2.6em;
border: none;
box-shadw: none;
}
.authentication-wrapper .action-close span {
display: none;
}
.authentication-wrapper .action-close:after {
content: 'X';
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
color: #2e2d44;
font-size: 21px;
font-weight: 700;
background: #f2f2f2;
}
.checkout-index-index .page-header {
background: #2e2d44;
width: 100%;
display: inline-block;
}
.checkout-index-index .page-header .header {
width: 100%;
padding: 5px 10px;
}
.checkout-index-index .page-header .header .logo {
float: none;
padding: 10px;
margin: 0 auto;
display: block;
}
.checkout-index-index .main .container, .checkout-index-index .main #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .checkout-index-index .main .top-container > div {
max-width: 991px;
}
.checkout-index-index .page-title-wrapper {
max-width: 991px;
margin: 0 auto;
}
.checkout-index-index .held-for-timer {
float: right;
margin-top: -30px;
}
.checkout-index-index .held-for-timer p {
display: inline-block;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 0 5px;
}
.checkout-index-index .held-for-timer p span.value {
color: #30b7bb;
}
.checkout-index-index .held-for-timer p .btn-sm, .checkout-index-index .held-for-timer p .header .basket-controls .basket-button a, .header .basket-controls .basket-button .checkout-index-index .held-for-timer p a, .checkout-index-index .held-for-timer p .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .checkout-index-index .held-for-timer p .current {
text-transform: uppercase;
margin: 0;
height: auto;
margin-left: 10px;
}
.checkout-index-index .opc-sidebar .opc-block-summary,
.checkout-index-index .opc-sidebar .opc-block-shipping-information {
background: #2e2d44;
margin-bottom: 0;
border: 1px solid #2e2d44;
border-top: 5px solid #30b7bb;
}
.checkout-index-index .opc-sidebar .opc-block-summary > .title,
.checkout-index-index .opc-sidebar .opc-block-shipping-information > .title {
color: #fff;
text-transform: uppercase;
font-size: 1.3em;
}
.checkout-index-index .opc-sidebar .opc-block-summary th, .checkout-index-index .opc-sidebar .opc-block-summary td,
.checkout-index-index .opc-sidebar .opc-block-shipping-information th,
.checkout-index-index .opc-sidebar .opc-block-shipping-information td {
background: #2e2d44;
color: #fff;
}
.checkout-index-index .opc-sidebar .opc-block-summary .product-item-details,
.checkout-index-index .opc-sidebar .opc-block-summary .label,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .product-item-details,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .label {
color: #fff !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .product-item-details,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .product-item-details {
padding-left: 65px !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .product-item,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .product-item {
background: #191925;
border: 1px solid #4d4b72 !important;
padding: 10px !important;
margin: 0 !important;
margin-bottom: 5px !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .product-item .product-image-container,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .product-item .product-image-container {
max-width: 50px !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .product-item .price-excluding-tax,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .product-item .price-excluding-tax {
text-align: right !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .content.minicart-items,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .content.minicart-items {
border-top: 0 !important;
}
.checkout-index-index .opc-sidebar .opc-block-shipping-information {
display: none;
}
.checkout-index-index .page-footer {
background: none;
border-top: none;
padding: 0;
}
.checkout-index-index .page-footer .container, .checkout-index-index .page-footer #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .checkout-index-index .page-footer .top-container > div, .checkout-index-index .page-footer .associates {
display: none;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-title {
background: #2e2d44;
border-radius: 6px 6px 0 0;
color: #fff;
padding-left: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
border-radius: 0;
box-shadow: none !important;
padding-top: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content .field-error {
font-size: 14px;
position: relative;
font-style: italic;
font-weight: 500;
background: #e40426;
border-radius: 15px;
padding: 5px 10px;
display: inline-block;
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content .label {
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content .field.street.required label {
display: none;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content label[for="G6JMXHB"] {
margin-top: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer {
background: #2e2d44;
border-radius: 0 0 6px 6px;
color: #fff;
padding-left: 20px;
}
div.idpc_autocomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
border-radius: .3em;
margin: .2em 0 0;
background: #FFF;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
text-shadow: none;
max-height: 250px;
overflow-y: scroll;
margin-top: -8px;
}
div.idpc_autocomplete > ul > li {
position: relative;
padding: .2em .5em;
cursor: pointer;
}
div.idpc_autocomplete > ul > li:hover {
background: #30b7bb;
color: #fff;
}
div.idpc_autocomplete > ul > li[aria-selected=true] {
background: #30b7bb;
color: #fff;
}
.opc-block-summary, .opc-block-shipping-information {
background: #f5f5f5;
padding: 22px 30px;
margin: 0 0 20px;
}
.opc-progress-bar {
margin: 0 0 20px 0;
padding-left: 0;
counter-reset: i;
font-size: 0;
}
.opc-progress-bar-item {
margin: 0 0 10px;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 50%;
}
.columns .column.main {
padding-bottom: 40px;
}
.opc-wrapper {
width: 63%;
float: left;
margin-top: 10px;
}
.opc-wrapper #checkoutSteps {
background: #2e2d44;
border-top: 5px solid #30b7bb;
padding: 20px;
color: #fff;
}
.opc-wrapper #checkoutSteps .step-title {
color: #fff;
}
.opc-wrapper .field span.note {
color: #fff;
}
.opc-wrapper .field .label {
width: 100%;
clear: both;
font-weight: 300;
font-size: 1em;
padding-left: 0;
display: inline-block;
text-align: left;
margin-bottom: 0;
padding-bottom: 0;
}
.opc-wrapper .field .control {
width: 100%;
clear: both;
}
.opc-wrapper .field input, .opc-wrapper .field select {
width: 85%;
border-radius: 5px;
height: auto;
padding: 13px;
}
.opc-wrapper .field input[name="postcode"] {
width: 190px;
}
.opc-wrapper .field .select {
margin-bottom: 1em;
}
.opc-wrapper .field select[name=prefix] {
max-width: 125px;
}
.opc-wrapper .field.street {
float: left;
width: 100%;
}
.opc-wrapper .field.street label.label {
display: none;
}
.opc-wrapper .field.addresses .shipping-address-items {
color: #fff;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item {
padding: 10px;
margin-bottom: 20px;
width: 100%;
border: none;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item {
background: #fff;
border-color: #fff;
color: #2e2d44;
box-shadow: 0 4px 0 #a9a9a9;
margin-top: 20px;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item span {
color: #2e2d44;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:hover, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:focus, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:active, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item.active, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:active:focus {
background: #fff;
border-color: #fff;
color: #fff;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:hover span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:focus span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:active span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item.active span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:active:focus span {
color: #2e2d44;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:hover {
background: #fff;
border-color: #fff;
box-shadow: 0 2px 0 #a9a9a9;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item .action-select-shipping-item:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item {
border-top: 8px solid #22b573;
background: #f1fdf8;
color: #2e2d44;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item {
background: transparent;
border-color: transparent;
color: #22b573;
box-shadow: none;
padding: 0;
margin: 0;
text-transform: none;
pointer-events: none;
font-weight: 400;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item span {
color: #22b573;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item span:after {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1.5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\68";
margin-left: 5px;
top: 2px;
position: relative;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:hover, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:focus, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:active, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item.active, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:active:focus {
background: transparent;
border-color: transparent;
color: #22b573;
box-shadow: none;
padding: 0;
margin: 0;
text-transform: none;
pointer-events: none;
font-weight: 400;
top: 0;
}
.opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:hover span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:focus span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:active span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item.active span, .opc-wrapper .field.addresses .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item:active:focus span {
color: #22b573;
}
.opc-wrapper .fieldset.hidden-fields {
margin-bottom: 10px;
margin-top: 10px;
}
.opc-wrapper .fieldset.hidden-fields .actions-toolbar {
text-align: right;
width: 85%;
padding-top: 10px;
}
.opc-wrapper .fieldset.hidden-fields .actions-toolbar button {
margin-right: 0;
}
.opc-wrapper .field-tooltip {
cursor: pointer;
position: absolute;
right: 0;
top: 1px;
display: none;
}
.opc-wrapper .field-tooltip .field-tooltip-content {
background: #f4f4f4;
border: 1px solid #999999;
border-radius: 1px;
font-size: 14px;
padding: 12px;
width: 270px;
display: none;
left: 38px;
position: absolute;
text-transform: none;
top: -9px;
word-wrap: break-word;
z-index: 2;
}
.opc-wrapper .field-tooltip .field-tooltip-action {
display: inline-block;
text-decoration: none;
}
.opc-wrapper .field-tooltip .field-tooltip-action:before {
-webkit-font-smoothing: antialiased;
font-size: 24px;
line-height: inherit;
color: #bbbbbb;
content: '\e623';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-wrapper #opc-shipping_method {
margin-bottom: 0;
}
.opc-wrapper #opc-shipping_method .step-title, .opc-wrapper #opc-shipping_method #checkout-shipping-method-load {
display: none;
}
.opc-wrapper .table-checkout-shipping-method {
width: 100%;
margin: 20px 0;
}
.opc-wrapper .table-checkout-shipping-method th {
border: 1px solid #fff;
border-bottom: 0;
padding: 5px 20px;
}
.opc-wrapper .table-checkout-shipping-method td {
border: 1px solid #fff;
}
.opc-wrapper .mage-error {
color: #e12a58;
font-size: 14px;
}
.opc-wrapper .field-error {
font-size: 14px;
position: relative;
font-style: italic;
font-weight: 500;
background: #e40426;
border-radius: 15px;
padding: 5px 10px;
display: inline-block;
color: #fff;
}
.opc-wrapper .note {
font-size: 14px;
clear: both;
display: inline-block;
}
.opc-wrapper #customer-email-fieldset input {
margin-bottom: 2px;
}
.opc-wrapper #shipping-new-address-form {
margin-top: 10px;
}
.opc-wrapper .step-content {
margin: 0 0 40px;
}
.opc-wrapper #checkout-step-payment .legend span {
color: #fff;
}
.opc-wrapper #checkout-step-payment .form.payments {
margin-top: 0;
}
.opc-wrapper #checkout-step-payment .form.payments .step-title {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
color: #fff;
font-size: 19px;
font-weight: 100;
text-transform: none;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.opc-wrapper #checkout-step-payment .field-select-billing {
display: none;
}
.opc-wrapper #checkout-step-payment .payment-methods .payment-group .step-title {
display: none;
}
.opc-wrapper #checkout-step-payment .payment-method {
margin-bottom: 20px;
border-radius: 5px;
}
.opc-wrapper #checkout-step-payment .payment-method .payment-method-content {
background: #fff;
margin-top: -20px;
padding: 20px 15px 20px 15px;
border-radius: 0 0 5px 5px;
margin-left: 33px;
text-align: left;
}
.opc-wrapper #checkout-step-payment .payment-method .payment-method-content .actions-toolbar .primary {
text-align: left;
}
.opc-wrapper #checkout-step-payment .payment-method .choice {
width: 100%;
display: inline-block;
position: relative;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .radio {
width: 22px;
height: 22px;
float: left;
margin-bottom: -18px;
position: absolute;
left: 0;
top: 0;
display: block !important;
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
border-radius: 100%;
border: 4px solid #fff;
padding: 0;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .radio:checked {
background: #22b573;
border: 4px solid #fff;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .payment-icon {
max-width: 50px;
vertical-align: middle;
float: right;
margin-right: 0;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label {
float: left;
display: block;
left: 33px;
padding: 15px;
font-weight: 600;
color: #2e2d44;
width: calc(100% - 33px);
position: relative;
background: #fff;
border-bottom: 2px solid #e2e2e2;
border-radius: 5px 5px 0 0;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label span {
text-transform: uppercase;
font-size: 1.15em;
white-space: normal;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label a {
display: inline-block;
width: auto;
clear: both;
float: left;
font-weight: 300;
text-transform: none;
margin-top: -12px;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label a span {
text-transform: none;
font-size: 0.9em;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .payment-method-content {
background: #fff;
padding: 0 20px 20px;
overflow: hidden;
margin: -9px 0px 0 33px;
border-radius: 0 0 5px 5px;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe label {
color: #2e2d44;
font-weight: 600;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe #cryozonic-stripe-card-number {
padding: 15px;
width: 230px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe #cryozonic-stripe-card-expiry,
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe #cryozonic-stripe-card-cvc {
padding: 15px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .cryozonic-stripe-brand {
top: -22px;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .cryozonic-saved-card {
margin-bottom: 20px;
padding: 10px 0 20px;
border-bottom: 1px solid #e2e2e2;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .pci-dss-info-block {
width: 100%;
margin: 0;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .pci-dss-info-block #pci-svg {
fill: #2e2d44;
top: 6px;
left: 0;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .pci-dss-info-block .pci-dss-info-text {
color: #2e2d44;
font-size: 13px;
top: 0;
width: calc(100% - 30px);
}
.opc-wrapper #checkout-step-payment .payment-method-content .payment-method-billing-address {
display: none;
}
.opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary {
margin-top: 10px;
}
.opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel {
background: #2e2d44;
border: 1px solid #fff;
font-size: 13px;
padding: 7px 12px;
height: auto;
}
.opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:hover, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:focus, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:active, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update.active, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:active:focus, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:hover, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:focus, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:active, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel.active, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:active:focus {
background: #c91c48;
border-color: #c91c48;
color: #fff;
}
.opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:hover span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:focus span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:active span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update.active span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-update:active:focus span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:hover span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:focus span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:active span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel.active span, .opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary .action-cancel:active:focus span {
color: #fff;
}
.opc-wrapper #checkout-step-payment .payment-method-content .actions-toolbar .primary button {
margin: 0;
width: auto;
}
.opc-wrapper .discount-code .action-toggle {
color: #e12a58;
cursor: pointer;
font-size: 1.1em;
position: relative;
}
.opc-wrapper .discount-code .action-toggle:hover {
text-decoration: underline;
}
.opc-wrapper .discount-code .action-toggle :after {
position: absolute;
content: '\73';
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: -30px;
top: -4px;
color: #e12a58;
font-size: 1.7em;
}
.opc-wrapper .discount-code button {
border: none;
}
.opc-wrapper .discount-code button:hover, .opc-wrapper .discount-code button:focus, .opc-wrapper .discount-code button:active, .opc-wrapper .discount-code button.active, .opc-wrapper .discount-code button:active:focus {
background: #c91c48;
border-color: #c91c48;
color: #fff;
}
.opc-wrapper .discount-code button:hover span, .opc-wrapper .discount-code button:focus span, .opc-wrapper .discount-code button:active span, .opc-wrapper .discount-code button.active span, .opc-wrapper .discount-code button:active:focus span {
color: #fff;
}
.opc-wrapper .discount-code .payment-option-inner {
padding: 10px 0;
}
.opc-wrapper .discount-code .payment-option-inner .label {
font-size: 15px;
}
.opc-wrapper .discount-code .payment-option-inner input {
max-width: 260px;
}
.checkout-index-index .modal-popup._inner-scroll {
overflow-y: scroll;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap {
max-height: none;
padding-bottom: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-title {
padding-top: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
padding-top: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap input[type=text], .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap input[type=password], .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap input[type=email], .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap select {
border: 1px solid #2e2d44;
width: 100%;
max-width: 420px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap select[name="prefix"] {
max-width: 125px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .label {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
color: #2e2d44;
font-size: 1em;
padding-bottom: 3px;
text-align: left;
margin-top: 10px;
width: 100%;
float: left;
padding-left: 0;
font-weight: 300;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .field.additional label,
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .field-tooltip.toggle,
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .field.choice {
display: none;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address {
float: right;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
background-color: #e12a58;
color: #fff;
display: inline-block;
padding: 9px 15px;
font-size: 16px;
text-shadow: none;
height: 45px;
line-height: 1.5em;
text-transform: uppercase;
font-weight: 500;
border-radius: 5px;
margin-right: 10px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 0 #911434;
transition-duration: 0s;
margin-bottom: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address span {
position: relative;
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:hover, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:focus, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:active, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address.active, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:active:focus {
background: #e12a58;
color: #fff;
border-color: transparent;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:hover span, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:focus span, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:active span, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address.active span, .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:active:focus span {
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:hover {
box-shadow: 0 2px 0 #911434;
top: 2px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-save-address:focus {
outline: none;
box-shadow: none;
top: 4px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer .action-hide-popup {
float: left;
}
.opc-sidebar {
width: 35%;
float: right;
background-color: #fff;
margin-top: 10px;
}
.opc-sidebar .modal-header {
display: none;
}
.opc-sidebar .opc-block-summary,
.opc-sidebar .opc-block-shipping-information {
background: #fff;
margin-bottom: 0;
border: 1px solid #f2f2f2;
border-top: 5px solid #30b7bb;
}
.opc-sidebar .opc-block-summary > .title,
.opc-sidebar .opc-block-shipping-information > .title {
font-size: 16px;
font-weight: 600;
color: #2e2d44;
line-height: 1em;
}
.opc-sidebar .opc-block-summary .items-in-cart .title strong,
.opc-sidebar .opc-block-shipping-information .items-in-cart .title strong {
font-weight: 300;
width: 100%;
float: left;
padding: 10px 0;
}
.opc-sidebar .opc-block-summary .content.minicart-items,
.opc-sidebar .opc-block-shipping-information .content.minicart-items {
display: block !important;
border-top: 1px solid #ddd;
margin-top: 10px;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item {
width: 100%;
display: inline-block;
margin: 10px 0;
padding: 10px 0;
border-bottom: 1px solid #eaeaea;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item:last-child,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item:last-child {
border-bottom: none;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-image-container,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-image-container {
float: left;
display: inline-block;
max-width: 100%;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-image-container .product-image-wrapper,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-image-container .product-image-wrapper {
display: inline-block;
width: 100%;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-image-container img,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-image-container img {
width: 100%;
height: auto;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details {
padding-left: 88px;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .toggle,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .toggle {
position: relative;
color: #fff;
text-decoration: underline;
font-size: 13px;
font-weight: 100;
cursor: pointer;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options {
font-size: 12px;
padding-top: 5px;
padding-left: 0;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options .label,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options .label {
color: #2e2d44;
font-size: 100%;
font-weight: 500;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options dt, .opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options dd,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options dt,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options dd {
width: auto;
float: left;
padding: 3px 2px 3px 0;
line-height: 1em;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options dt,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options dt {
clear: left;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-details .item-options dd,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-details .item-options dd {
clear: right;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-inner,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-inner {
display: table;
margin: 0 0 10px;
width: 100%;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-name-block,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-name-block {
display: table-cell;
padding-right: 5px;
text-align: left;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-name-block .product-item-name,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-name-block .product-item-name {
font-size: 15px;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .details-qty,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .details-qty {
margin-top: 3px;
text-align: left;
font-size: 13px;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .details-qty .label,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .details-qty .label {
color: #2e2d44;
font-size: 100%;
font-weight: 300;
padding-left: 0;
}
.opc-sidebar .opc-block-summary .content.minicart-items .product-item .price-excluding-tax,
.opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .price-excluding-tax {
margin: 5px 0;
display: block;
white-space: nowrap;
}
.opc-sidebar .modal-content {
position: relative;
border: none;
box-shadow: none;
background: none;
}
.opc-sidebar .opc-block-shipping-information {
margin-top: 20px;
}
.opc-progress-bar {
width: 63%;
float: none;
margin-bottom: 0;
}
.opc-progress-bar-item {
margin: 0 0 10px;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 30%;
}
.opc-progress-bar-item > span {
display: inline-block;
padding-top: 45px;
width: 100%;
word-wrap: break-word;
color: #e4e4e4;
font-weight: 500;
font-size: 1em;
}
.opc-progress-bar-item._active > span {
color: #333333;
}
.opc-progress-bar-item > span:before,
.opc-progress-bar-item > span:after {
background: #e4e4e4;
height: 38px;
margin-left: -19px;
width: 38px;
border-radius: 50%;
content: '';
left: 50%;
position: absolute;
top: 0;
}
.opc-progress-bar-item._active > span:before {
background: #2e2d44;
}
.opc-progress-bar-item > span:before,
.opc-progress-bar-item > span:after {
border-radius: 50%;
content: '';
left: 50%;
position: absolute;
background: #fff;
height: 30px;
margin-left: -15px;
top: 5px;
width: 30px;
color: #e4e4e4;
border: 2px solid #e4e4e4;
}
.opc-progress-bar-item._active > span:after {
font-family: "glasgow-science-centre" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1.5em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\68";
position: absolute;
right: -5px;
top: 5px;
font-size: 15px;
color: #2e2d44;
padding-top: 3px;
border: 2px solid #2e2d44;
}
.opc-progress-bar-item:before {
background: #e4e4e4;
top: 19px;
content: '';
height: 2px;
left: 0;
position: absolute;
width: 100%;
}
.opc-progress-bar-item:last-child:before {
border-radius: 0 6px 6px 0;
}
.opc-progress-bar-item:first-child:before {
border-radius: 6px 0 0 6px;
}
.opc-progress-bar-item._active:before {
background: #2e2d44;
}
body.paypal-express-review .page-header {
background: #2e2d44;
width: 100%;
display: inline-block;
}
body.paypal-express-review .page-header .header {
width: 100%;
padding: 5px 10px;
}
body.paypal-express-review .page-header .header .logo {
float: none;
padding: 10px;
margin: 0 auto;
display: block;
}
body.paypal-express-review .page-title-wrapper {
max-width: 767px;
margin: 0 auto;
}
body.paypal-express-review .block-order-details-view {
background: #2e2d44;
border-top: 5px solid #30b7bb;
padding: 20px;
max-width: 767px;
margin: 0 auto;
color: #fff;
}
body.paypal-express-review .block-order-details-view .box-title {
font-size: 1.5em;
color: #fff;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
body.paypal-express-review .block-order-details-view .box-content {
line-height: 1.5em;
}
body.paypal-express-review .block-order-details-view .box-content img {
display: none;
}
body.paypal-express-review .block-order-details-view .box-actions {
margin-top: 10px;
}
body.paypal-express-review .block-order-details-view .box-actions a {
color: #30b7bb;
}
body.paypal-express-review .block-order-details-view .box-order-shipping-method, body.paypal-express-review .block-order-details-view .box-order-shipping-address {
display: none;
}
body.paypal-express-review .paypal-review-discount {
background: #2e2d44;
border-top: 5px solid #30b7bb;
padding: 20px;
max-width: 767px;
margin: 0 auto;
color: #fff;
margin-top: 10px;
display: none;
}
body.paypal-express-review .paypal-review-discount .title {
font-size: 1.3em;
color: #fff;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
display: block;
border-top: 0;
}
body.paypal-express-review .paypal-review-discount #discount-coupon-form .label {
display: none;
}
body.paypal-express-review .paypal-review-discount #discount-coupon-form input {
width: 100%;
}
body.paypal-express-review .paypal-review-items {
margin: 10px auto;
max-width: 767px;
background: #2e2d44;
padding: 20px;
border-top: 5px solid #30b7bb;
}
body.paypal-express-review .paypal-review-items caption {
display: none;
}
body.paypal-express-review .paypal-review-items .paypal-review-title strong {
font-size: 1.5em;
color: #fff;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
display: block;
border-top: 0;
text-align: left;
}
body.paypal-express-review .paypal-review-items .paypal-review-title a {
color: #30b7bb;
float: left;
display: none;
}
body.paypal-express-review .paypal-review-items .table-wrapper {
width: 100%;
margin: 10px 0;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table {
background: #fff;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table th {
text-transform: uppercase;
background: #242335;
font-weight: 600;
border-bottom: 0;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table td {
background: #fff;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table tfoot th {
background: #2e2d44;
color: #fff;
text-align: right;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table tfoot td {
background: #2e2d44;
border: 0;
color: #fff;
}
body.paypal-express-review .paypal-review-items .table-wrapper tr th.name,
body.paypal-express-review .paypal-review-items .table-wrapper tr td.name {
width: 40%;
}
body.paypal-express-review .paypal-review-items .table-wrapper tr th.price,
body.paypal-express-review .paypal-review-items .table-wrapper tr td.price {
width: 20%;
}
body.paypal-express-review .paypal-review-items .table-wrapper tr th.qty,
body.paypal-express-review .paypal-review-items .table-wrapper tr td.qty {
width: 20%;
}
body.paypal-express-review .paypal-review-items .table-wrapper tr th.subtotal,
body.paypal-express-review .paypal-review-items .table-wrapper tr td.subtotal {
width: 20%;
}
body.paypal-express-review .paypal-review-items .actions-toolbar .primary button {
margin-right: 0;
text-align: center;
height: 55px;
padding: 9px 25px;
}
body.paypal-express-review .paypal-review-items .actions-toolbar .primary button:hover, body.paypal-express-review .paypal-review-items .actions-toolbar .primary button:active, body.paypal-express-review .paypal-review-items .actions-toolbar .primary button.active, body.paypal-express-review .paypal-review-items .actions-toolbar .primary button:focus {
background: #d41e4c;
}
.authentication-dropdown {
border: none;
-webkit-transform: scale(1, 0);
-webkit-transform-origin: 0 0;
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s;
position: absolute;
text-align: left;
top: 100%;
transform: scale(1, 0);
transform-origin: 0 0;
transition: transform linear .1s, visibility 0s linear .1s;
visibility: hidden;
width: 100%;
}
.opc-block-summary .items-in-cart > .title:after {
display: none;
}
.authentication-dropdown._show {
z-index: 100;
-webkit-transform: scale(1, 1);
-webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s;
transform: scale(1, 1);
transition: transform linear .1s, visibility 0s linear 0s;
visibility: visible;
}
.modal-slide, .modal-popup {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
.checkout-footer .legal-information {
margin-bottom: 0;
}
.checkout-footer .created-by-word, .checkout-footer .copyrigh-word {
display: none;
}
#checkout-newsletter-block {
background: #1e1e2d;
border-top: 5px solid #30b7bb;
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
#checkout-newsletter-block h3, #checkout-newsletter-block .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend #checkout-newsletter-block span, #checkout-newsletter-block .login-container .block .block-title, .login-container .block #checkout-newsletter-block .block-title, #checkout-newsletter-block p {
color: #fff;
}
#checkout-newsletter-block *:not(.btn) {
color: #fff;
}
#checkout-newsletter-block p:last-child {
margin-bottom: 0;
}
#checkout-newsletter-block p:last-child a {
margin-bottom: 0;
}
#checkout-newsletter-block .newsletter-icon {
float: right;
padding-left: 10px;
max-width: 90px;
transition: 0.3s all ease-in-out;
}
.checkout-onepage-success main#maincontent {
max-width: 800px;
margin: 0 auto;
}
.checkout-onepage-success main#maincontent a.print {
display: none;
}
.checkout-onepage-success .page-layout-1column .column.main {
padding-top: 0;
}
.feedback-consent {
overflow: hidden;
padding: 20px 0 0;
}
.feedback-consent .label {
float: left;
font-weight: 600 !important;
margin-bottom: 10px !important;
}
.feedback-consent div.control {
float: left;
}
.feedback-consent div.control .choice.field {
float: left;
width: 100%;
}
.feedback-consent div.control .choice.field .checkbox {
float: left;
width: 20px;
margin-top: 5px;
}
.feedback-consent div.control .label {
float: left;
font-weight: 300 !important;
width: calc(100% - 30px);
clear: none;
margin-bottom: 0;
line-height: 20px;
}
.feedback-consent div.control .label span {
white-space: normal;
}
@media (min-width: 1024px), print {
.checkout-index-index .modal-popup .modal-inner-wrap {
margin-left: -400px;
width: 800px;
left: 50%;
}
}
@media (min-width: 768px), print {
.opc-estimated-wrapper {
display: none;
}
}
@media all and (max-width: 1160px) {
.cart-summary button.action.primary {
font-size: 14px;
padding: 8px;
}
}
@media screen and (max-width: 991px) {
.checkout-index-index .page-header {
padding: 10px 0;
}
.checkout-index-index .page-header .header .logo {
float: left;
padding: 0;
}
.checkout-index-index .page-header .header .held-for-timer {
margin-top: 45px;
}
.cart-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.cart-container .form-cart {
width: 100%;
flex-basis: 100%;
flex-grow: 1;
order: 1;
}
.cart-container .cart-discount {
width: 100%;
flex-basis: 100%;
flex-grow: 2;
order: 2;
}
.cart-container .cart-summary {
width: 100%;
margin-top: 20px;
flex-basis: 100%;
flex-grow: 3;
order: 3;
top: auto !important;
}
}
@media screen and (max-width: 840px) {
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap footer {
padding-bottom: 100px;
}
}
@media screen and (max-width: 767px) {
.checkout-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.checkout-container .opc-estimated-wrapper {
display: none;
}
.checkout-container .opc-sidebar {
width: 100%;
flex-basis: 100%;
flex-grow: 1;
order: 1;
margin-bottom: 0;
}
.checkout-container .opc-wrapper {
width: 100%;
margin-top: 20px;
flex-basis: 100%;
flex-grow: 2;
order: 2;
}
.opc-progress-bar {
margin: 0;
width: 100%;
}
.opc-progress-bar-item {
margin-bottom: 0;
}
.opc-progress-bar-item > span {
font-size: 1.1em;
}
body.paypal-express-review .paypal-review-items .table-wrapper {
width: 100%;
overflow-x: scroll;
}
body.paypal-express-review .paypal-review-items .table-wrapper #details-table {
min-width: 727px;
}
}
@media screen and (max-width: 580px) {
.checkout-index-index .page-header {
padding: 10px 0;
}
.checkout-index-index .page-header .header {
padding: 0 10px;
}
.checkout-index-index .page-header .header .logo {
width: 80px;
}
.checkout-index-index .page-header .header .held-for-timer {
margin-top: 40px;
}
.checkout-index-index .page-header .header .held-for-timer p {
font-size: 13px;
}
.opc-wrapper .field input, .opc-wrapper .field select {
width: 100%;
}
.checkout-index-index .opc-sidebar .opc-block-summary th, .checkout-index-index .opc-sidebar .opc-block-summary td,
.checkout-index-index .opc-sidebar .opc-block-shipping-information th,
.checkout-index-index .opc-sidebar .opc-block-shipping-information td {
background: #2e2d44;
color: #fff;
font-size: 1em !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-name-block,
.checkout-index-index .opc-sidebar .opc-block-summary .content.minicart-items .product-item .subtotal,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-name-block,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .subtotal {
width: 100%;
display: block;
text-align: left !important;
}
.checkout-index-index .opc-sidebar .opc-block-summary .content.minicart-items .product-item .product-item-name-block .price-excluding-tax,
.checkout-index-index .opc-sidebar .opc-block-summary .content.minicart-items .product-item .subtotal .price-excluding-tax,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .product-item-name-block .price-excluding-tax,
.checkout-index-index .opc-sidebar .opc-block-shipping-information .content.minicart-items .product-item .subtotal .price-excluding-tax {
text-align: left !important;
}
body.paypal-express-review .paypal-review-items .actions-toolbar .primary button {
width: 100%;
text-align: center;
padding: 10px;
}
#checkout-newsletter-block .newsletter-icon {
padding-left: 5px;
max-width: 65px;
}
.opc-wrapper #checkoutSteps {
padding: 15px;
}
.opc-wrapper #checkout-step-payment .payment-method {
margin-left: -10px;
}
.opc-wrapper #checkout-step-payment .payment-method .payment-method-content {
margin-left: 20px;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .payment-icon {
display: none;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label {
left: 20px;
width: calc(100% - 20px);
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label a {
margin-top: 5px;
display: block;
width: auto;
position: relative;
padding-right: 14px;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label a:after {
position: absolute;
top: 0;
right: 0;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .label span {
display: block;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .radio {
border: 2px solid #fff;
width: 13px;
height: 13px;
top: 10px;
}
.opc-wrapper #checkout-step-payment .payment-method .choice .radio:checked {
border: 2px solid #fff;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .payment-method-content {
margin: -9px 0 0 20px;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe .cryozonic-stripe-brand {
font-size: 15px;
top: -25px;
margin-left: -35px;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe #cryozonic-stripe-card-number {
width: 215px;
}
.opc-wrapper #checkout-step-payment .payment-method.cryozonic-stripe label[for=cryozonic_stripe_cc_save] {
font-size: 12px;
float: right;
margin-top: 2px;
}
}
.ios9 .cart-container, .ios8 .cart-container, .android4 .cart-container {
display: block !important;
}
table {
margin-bottom: 20px;
}
table tr {
border: 1px solid #2e2d44;
}
table td {
border-right: 1px solid #2e2d44;
padding: 10px;
}
table thead {
background: #2e2d44;
color: #fff;
}
table thead td {
padding: 10px;
}
table thead p {
color: #fff;
margin: 0;
}
table thead p span {
width: 100%;
display: block;
clear: both;
font-size: 0.9em;
}
table tbody tr td {
padding: 15px 20px;
}
table tbody tr td p span {
width: 100%;
display: block;
clear: both;
font-size: 0.9em;
}
table tbody tr:nth-child(even) {
background: #f2f2f2;
}
.gsc-entry-tickets-table {
margin-top: 20px;
}
.gsc-entry-tickets-table .visiting-when {
margin-bottom: 20px;
}
.gsc-entry-tickets-table .visiting-when input {
padding-right: 50px;
}
.gsc-entry-tickets-table .pricing-table {
width: 100%;
}
.gsc-entry-tickets-table .pricing-table thead {
background: none;
}
.gsc-entry-tickets-table .pricing-table th {
border: 1px solid #fff;
font-weight: 600;
}
.gsc-entry-tickets-table .pricing-table th:first-child {
border: 0;
}
.gsc-entry-tickets-table .pricing-table tr {
border: 1px solid #fff;
}
.gsc-entry-tickets-table .pricing-table tr td {
border-right: 1px solid #fff;
}
.gsc-entry-tickets-table .pricing-table tr:nth-child(even) {
background: none;
}
.gsc-entry-tickets-table .pricing-table thead tr {
border: 0;
}
.gsc-entry-tickets-table .pricing-table thead tr th.selected {
background: #30b7bb;
font-weight: 600;
}
.gsc-entry-tickets-table .pricing-table col.highlightcol {
background: #30b7bb;
}
.gsc-entry-tickets-table .pricing-table tr th, .gsc-entry-tickets-table .pricing-table tr td {
padding: 10px;
text-align: center;
}
.gsc-entry-tickets-table .pricing-table tr th:first-child,
.gsc-entry-tickets-table .pricing-table tr td:first-child {
width: 30%;
text-align: left;
color: #fff;
font-size: 0.9em;
}
.gsc-entry-tickets-table .pricing-table tr th:nth-child(2),
.gsc-entry-tickets-table .pricing-table tr td:nth-child(2),
.gsc-entry-tickets-table .pricing-table tr th:nth-child(3),
.gsc-entry-tickets-table .pricing-table tr td:nth-child(3) {
width: 15%;
}
.gsc-entry-tickets-table .pricing-table tr th:nth-child(4),
.gsc-entry-tickets-table .pricing-table tr td:nth-child(4) {
width: 25%;
}
.gsc-entry-tickets-table .pricing-table tr th:nth-child(5),
.gsc-entry-tickets-table .pricing-table tr td:nth-child(5) {
width: 15%;
}
.gsc-entry-tickets-table .pricing-table tr td p {
text-transform: uppercase;
margin-bottom: 0;
}
.gsc-entry-tickets-table .pricing-table tr td p span {
font-size: 1em;
}
.gsc-entry-tickets-table .pricing-table tr td p span.detail {
display: block;
width: 100%;
text-transform: none;
font-weight: 400;
line-height: 1.1em;
}
.gsc-entry-tickets-table .pricing-table tr td p.ticket-name {
text-transform: none;
font-weight: bold;
}
.gsc-entry-tickets-table .pricing-table tr td.selected {
background: #30b7bb;
font-weight: 600;
}
.gsc-entry-tickets-table .pricing-table tr td.selected p {
font-weight: 600;
}
.gsc-entry-tickets-table .pricing-table tr td.subtotal .currency-symbol,
.gsc-entry-tickets-table .pricing-table tr td.subtotal .sub {
clear: none;
width: auto;
display: inline-block;
}
.gsc-entry-tickets-table .pricing-table tr button.dec,
.gsc-entry-tickets-table .pricing-table tr button.inc {
box-shadow: none;
}
.gsc-entry-tickets-table .pricing-table tr button.dec:hover, .gsc-entry-tickets-table .pricing-table tr button.dec:focus,
.gsc-entry-tickets-table .pricing-table tr button.inc:hover,
.gsc-entry-tickets-table .pricing-table tr button.inc:focus {
top: 0;
}
.gsc-entry-tickets-table .pricing-table tfoot {
background: #2e2d44;
}
.gsc-entry-tickets-table .pricing-table tfoot tr {
border: 0;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td {
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(1), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(2) {
border: 0;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(4), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(5) {
border-bottom: 1px solid #fff;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(4) {
text-align: right;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tr th:first-child,
.gsc-entry-tickets-table .pricing-table.no-giftaid tr td:first-child {
width: 30%;
text-align: left;
color: #fff;
font-size: 0.9em;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tr th:nth-child(2),
.gsc-entry-tickets-table .pricing-table.no-giftaid tr td:nth-child(2) {
width: 22%;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tr th:nth-child(3),
.gsc-entry-tickets-table .pricing-table.no-giftaid tr td:nth-child(3) {
width: 26%;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tr th:nth-child(4),
.gsc-entry-tickets-table .pricing-table.no-giftaid tr td:nth-child(4) {
width: 22%;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tfoot tr td:nth-child(3) {
text-align: right;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tfoot tr td:nth-child(4) {
text-align: center;
}
.gsc-entry-tickets-table .checkbox label {
padding-left: 25px;
}
.gsc-entry-tickets-table .checkbox label input {
background: #fff;
-webkit-appearance: none;
padding: 10px;
border-radius: 0;
margin-right: 5px;
display: block;
}
.gsc-entry-tickets-table .checkbox label input:checked {
background-image: url("../images/green-tick.png");
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.gsc-entry-tickets-table .checkbox label span {
margin-left: 40px;
top: 0;
position: relative;
font-size: 0.9em;
}
table#opening-hours-table {
width: 100%;
max-width: 600px;
}
table#opening-hours-table thead {
border: 0;
}
table#opening-hours-table thead tr {
border: 0;
}
table#opening-hours-table thead td p {
font-weight: 600;
}
table#opening-hours-table thead td p span {
display: block;
width: 100%;
font-weight: 400;
}
table#opening-hours-table thead td:first-child {
background: #fff;
border: 0;
}
table#opening-hours-table tbody tr td:first-child {
font-weight: 600;
}
table#parking-rates-information {
width: 100%;
max-width: 100%;
}
table#parking-rates-information thead {
border: 0;
}
table#parking-rates-information thead tr {
border: 0;
}
table#parking-rates-information thead td p {
font-weight: 600;
}
table#parking-rates-information thead td p span {
display: block;
width: 100%;
font-weight: 400;
}
table#parking-rates-information thead td:first-child {
background: #fff;
border: 0;
width: 30%;
}
table#parking-rates-information thead td:nth-child(2) {
width: 20%;
}
table#parking-rates-information thead td:nth-child(3) {
width: 50%;
}
table#parking-rates-information tbody tr td:first-child {
font-weight: 600;
}
table#parking-rates-information tbody tr td:first-child span {
font-weight: 400;
display: block;
clear: both;
}
table#parking-information {
width: 100%;
max-width: 100%;
}
table#parking-information thead {
border: 0;
}
table#parking-information thead tr {
border: 0;
}
table#parking-information thead td p {
font-weight: 600;
}
table#parking-information thead td p span {
display: block;
width: 100%;
font-weight: 400;
}
table#parking-information thead td:first-child {
background: #fff;
border: 0;
width: 30%;
}
table#parking-information thead td:nth-child(2) {
width: 20%;
}
table#parking-information thead td:nth-child(3) {
width: 50%;
}
table#parking-information tbody tr td:first-child {
font-weight: 600;
}
table#parking-information tbody tr td:first-child span {
font-weight: 400;
display: block;
clear: both;
}
table#ticket-information thead {
border: 0;
}
table#ticket-information thead p {
font-weight: 600;
}
table#ticket-information thead p span {
font-weight: 400;
}
table#ticket-information thead tr {
border: 0;
}
table#ticket-information thead td:nth-child(1) {
width: 30%;
background: #fff;
}
table#ticket-information thead td:nth-child(2) {
width: 18%;
}
table#ticket-information thead td:nth-child(3) {
width: 18%;
}
table#ticket-information thead td:nth-child(4) {
width: 18%;
}
table#ticket-information thead td:nth-child(5) {
width: 16%;
}
table#ticket-information tbody tr td {
font-weight: 600;
border-top: 1px solid #2e2d44;
}
table#ticket-information tbody tr td p {
margin: 0;
}
table#ticket-information tbody tr td span {
font-weight: 400;
}
table#ticket-information tbody tr td:first-child {
border-top: 1px solid #2e2d44;
font-weight: 600;
vertical-align: middle;
}
table#ticket-information tbody tr td:last-child {
vertical-align: middle;
}
table#ticket-information tbody tr td:last-child a.btn, table#ticket-information tbody tr td:last-child .header .basket-controls .basket-button a, .header .basket-controls .basket-button table#ticket-information tbody tr td:last-child a, table#ticket-information tbody tr td:last-child .cart-summary .checkout-methods-items a.multicheckout, .cart-summary .checkout-methods-items table#ticket-information tbody tr td:last-child a.multicheckout,
table#ticket-information tbody tr td:last-child .opc-block-summary .checkout-methods-items a.multicheckout, .opc-block-summary .checkout-methods-items table#ticket-information tbody tr td:last-child a.multicheckout,
table#ticket-information tbody tr td:last-child .opc-block-shipping-information .checkout-methods-items a.multicheckout, .opc-block-shipping-information .checkout-methods-items table#ticket-information tbody tr td:last-child a.multicheckout, table#ticket-information tbody tr td:last-child .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary table#ticket-information tbody tr td:last-child a {
width: 100%;
}
table.showtimes-table {
width: 700px;
margin: 0 auto 20px;
}
table.showtimes-table tr td:first-child {
background: #434163;
color: #fff;
width: 35%;
}
table.showtimes-table tr td:last-child {
background: #fff;
width: 55%;
}
@media screen and (max-width: 767px) {
.gsc-entry-tickets-table .pricing-table thead {
display: none;
}
.gsc-entry-tickets-table .pricing-table tr {
display: block;
clear: both;
margin-bottom: 20px;
}
.gsc-entry-tickets-table .pricing-table tr td {
border: 0;
overflow: hidden;
border-bottom: 1px solid #fff;
}
.gsc-entry-tickets-table .pricing-table tr td:first-child {
width: 100%;
display: block;
clear: both;
border-bottom: 1px solid #fff;
text-align: center;
}
.gsc-entry-tickets-table .pricing-table tr td.std-price {
width: 100%;
display: block;
clear: both;
}
.gsc-entry-tickets-table .pricing-table tr td.without-donation {
width: 100%;
display: block;
clear: both;
}
.gsc-entry-tickets-table .pricing-table tr td.quantity {
width: 100%;
display: block;
clear: both;
}
.gsc-entry-tickets-table .pricing-table tr td.subtotal {
width: 100%;
display: block;
clear: both;
}
.gsc-entry-tickets-table .pricing-table tr td span.left {
float: left;
text-transform: none;
display: inline !important;
width: 50%;
clear: none;
font-size: 1em;
}
.gsc-entry-tickets-table .pricing-table tr td span.right {
float: right;
display: inline !important;
width: 50%;
clear: none;
text-align: right;
font-size: 1em;
}
.gsc-entry-tickets-table .pricing-table tr td:last-child {
border-bottom: 0;
}
.gsc-entry-tickets-table .pricing-table tr td.selected p {
font-weight: 600;
}
.gsc-entry-tickets-table .pricing-table tfoot tr {
width: 100%;
border: 1px solid #fff;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td {
border: 0;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(1), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(2), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(3) {
display: none;
}
.gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(4), .gsc-entry-tickets-table .pricing-table tfoot tr td:nth-child(5) {
width: 100%;
border: 0;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tfoot tr td:nth-child(3) {
display: block;
float: left;
width: 50%;
}
.gsc-entry-tickets-table .pricing-table.no-giftaid tfoot tr td:nth-child(4) {
display: block;
width: 50%;
text-align: right !important;
}
table.showtimes-table {
width: 100%;
}
}
@media screen and (max-width: 580px) {
table thead tr td {
padding: 10px;
}
table thead p {
font-size: 0.8em;
}
table thead p span {
font-size: 0.9em;
}
table tbody tr td {
font-size: 0.8em;
padding: 10px;
}
table.showtimes-table tr {
background: transparent !important;
}
table.showtimes-table tr td {
width: 100% !important;
display: block;
clear: both;
}
table.showtimes-table tr td:first-child {
font-size: 0.85em;
}
table.showtimes-table tr td:last-child {
font-size: 0.85em;
margin-bottom: 10px;
}
}
.product-science-passport {
background: #fff;
}
.product-science-passport .product-info-main {
width: 100%;
}
.product-science-passport .product-info-main h1.page-title {
display: none !important;
}
.product-science-passport #maincontent .columns .column.main {
background: #2e2d44;
}
.product-add-form h1.fake-title {
color: #fff;
margin-bottom: 20px;
}
.passport-wrapper {
width: 100%;
}
.passport-wrapper h3, .passport-wrapper .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .passport-wrapper span, .passport-wrapper .login-container .block .block-title, .login-container .block .passport-wrapper .block-title {
color: #fff;
margin-bottom: 0;
margin-top: 10px;
}
.passport-wrapper h3 span, .passport-wrapper .opc-wrapper #checkout-step-payment .legend span span, .opc-wrapper #checkout-step-payment .legend .passport-wrapper span span, .passport-wrapper .login-container .block .block-title span, .login-container .block .passport-wrapper .block-title span {
text-transform: none;
coloR: #fff;
margin-left: 5px;
}
.passport-wrapper .member-row {
margin-bottom: 10px;
padding: 10px;
width: 100%;
display: inline-block;
position: relative;
border-top: 5px solid #30b7bb;
background: #fff;
}
.passport-wrapper .member-row .remCF {
position: absolute;
right: 7px;
top: 40px;
font-size: .9em;
font-weight: 100;
}
.passport-wrapper .member-row .remCF:hover {
top: 42px;
}
.passport-wrapper .member-row .remCF:focus {
top: 44px;
}
.passport-wrapper .member-row .item {
width: 33.3333%;
float: left;
padding: 0 5px;
margin: 0;
}
.passport-wrapper .member-row .item label {
color: #2e2d44;
font-size: 1em;
font-weight: 600;
width: 100%;
display: block;
margin-bottom: 0;
}
.passport-wrapper .member-row .item input {
width: 100%;
clear: both;
background: #f2f2f2;
border: 1px solid #c3c3c3;
margin: 0 !important;
}
.passport-wrapper .member-row .item.name {
max-width: 365px;
}
.passport-wrapper .member-row .item.name input {
padding: 10px;
}
.passport-wrapper .member-row .item.DOB {
max-width: 225px;
}
.passport-wrapper .member-row .item.DOB input {
background-image: url(../images/calendar-blue.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px;
cursor: pointer;
padding: 10px;
}
.passport-wrapper .member-row .item.item-price {
font-weight: 400;
color: #2e2d44;
padding-top: 40px;
font-size: 0.9em;
width: auto;
float: left;
}
.passport-wrapper .member-row .choice {
width: 100%;
margin-left: 0;
display: inline-block;
position: relative;
}
.passport-wrapper .member-row .choice .checkbox {
width: 20px;
float: left;
margin-bottom: -18px;
height: 20px;
position: absolute;
left: -3px;
top: 7px;
background: #fff;
-webkit-appearance: none;
padding: 7px;
border-radius: 0;
margin-right: 5px;
display: block;
border: 1px solid #a9a9a9;
}
.passport-wrapper .member-row .choice .checkbox:checked {
background-image: url(../images/green-tick.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.passport-wrapper .member-row .choice label {
float: left;
display: block;
padding-left: 30px;
color: #2e2d44;
font-size: 0.9em;
line-height: 2.6em;
margin-bottom: 0;
}
.passport-actions {
background: none;
border: none;
padding-bottom: 10px;
padding-top: 0;
display: inline-block;
}
.passport-actions .btn, .passport-actions .header .basket-controls .basket-button a, .header .basket-controls .basket-button .passport-actions a, .passport-actions .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .passport-actions .current, .passport-actions .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .passport-actions .multicheckout,
.passport-actions .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .passport-actions .multicheckout,
.passport-actions .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .passport-actions .multicheckout, .passport-actions .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .passport-actions button.tocart, .passport-actions .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .passport-actions a {
font-size: 0.9em;
}
.passport-actions .btn span, .passport-actions .header .basket-controls .basket-button a span, .header .basket-controls .basket-button .passport-actions a span, .passport-actions .header .basket-controls .basket-button .current span, .header .basket-controls .basket-button .passport-actions .current span, .passport-actions .cart-summary .checkout-methods-items .multicheckout span, .cart-summary .checkout-methods-items .passport-actions .multicheckout span, .passport-actions .opc-block-summary .checkout-methods-items .multicheckout span, .opc-block-summary .checkout-methods-items .passport-actions .multicheckout span, .passport-actions .opc-block-shipping-information .checkout-methods-items .multicheckout span, .opc-block-shipping-information .checkout-methods-items .passport-actions .multicheckout span, .passport-actions .catalog-product-view .box-tocart .actions button.tocart span, .catalog-product-view .box-tocart .actions .passport-actions button.tocart span, .passport-actions .login-container .block-new-customer .actions-toolbar .primary a span, .login-container .block-new-customer .actions-toolbar .primary .passport-actions a span {
position: relative;
top: 3px;
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.product-science-passport #maincontent .columns .column.main {
padding-top: 30px !important;
}
.passport-wrapper h3 span, .passport-wrapper .opc-wrapper #checkout-step-payment .legend span span, .opc-wrapper #checkout-step-payment .legend .passport-wrapper span span, .passport-wrapper .login-container .block .block-title span, .login-container .block .passport-wrapper .block-title span {
display: block;
width: 100%;
clear: both;
margin-left: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.passport-wrapper .member-row .item {
width: 100%;
max-width: 100%;
clear: both;
}
.passport-wrapper .member-row .item.name {
max-width: 500px;
}
.passport-wrapper .member-row .item.DOB {
max-width: 250px;
}
.passport-wrapper .member-row .item.item-price {
padding-top: 10px;
margin-bottom: 7px;
}
.passport-wrapper .member-row .remCF {
position: relative;
top: 0;
right: 0;
float: right;
}
.passport-wrapper .member-row .remCF span.visible-xs {
display: inline-block !important;
margin-left: 5px;
}
.passport-wrapper .member-row .choice label {
line-height: 1.5em;
margin-top: 8px;
}
.passport-actions .btn, .passport-actions .header .basket-controls .basket-button a, .header .basket-controls .basket-button .passport-actions a, .passport-actions .header .basket-controls .basket-button .current, .header .basket-controls .basket-button .passport-actions .current, .passport-actions .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items .passport-actions .multicheckout,
.passport-actions .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items .passport-actions .multicheckout,
.passport-actions .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items .passport-actions .multicheckout, .passport-actions .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions .passport-actions button.tocart, .passport-actions .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary .passport-actions a {
height: 40px;
padding: 9px 15px 5px 10px;
}
.passport-actions .btn span.visible-xs, .passport-actions .header .basket-controls .basket-button a span.visible-xs, .header .basket-controls .basket-button .passport-actions a span.visible-xs, .passport-actions .header .basket-controls .basket-button .current span.visible-xs, .header .basket-controls .basket-button .passport-actions .current span.visible-xs, .passport-actions .cart-summary .checkout-methods-items .multicheckout span.visible-xs, .cart-summary .checkout-methods-items .passport-actions .multicheckout span.visible-xs, .passport-actions .opc-block-summary .checkout-methods-items .multicheckout span.visible-xs, .opc-block-summary .checkout-methods-items .passport-actions .multicheckout span.visible-xs, .passport-actions .opc-block-shipping-information .checkout-methods-items .multicheckout span.visible-xs, .opc-block-shipping-information .checkout-methods-items .passport-actions .multicheckout span.visible-xs, .passport-actions .catalog-product-view .box-tocart .actions button.tocart span.visible-xs, .catalog-product-view .box-tocart .actions .passport-actions button.tocart span.visible-xs, .passport-actions .login-container .block-new-customer .actions-toolbar .primary a span.visible-xs, .login-container .block-new-customer .actions-toolbar .primary .passport-actions a span.visible-xs {
position: relative;
top: 3px;
margin-right: 5px;
}
}
@media screen and (max-width: 580px) {
.passport-wrapper .item {
width: 100%;
}
.passport-wrapper .item-price {
padding-top: 10px;
margin-bottom: 1em;
text-align: center;
}
}
.modal-slide, .modal-popup {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.37);
}
.modal-popup {
left: 0;
z-index: 900;
}
.modal-popup._inner-scroll {
overflow-y: visible;
}
.modal-slide._show,
.modal-popup._show {
visibility: visible;
}
.modal-slide._inner-scroll .modal-inner-wrap {
overflow-y: visible;
display: flex;
flex-direction: column;
border-radius: 6px;
}
.modal-popup .modal-inner-wrap {
margin: 10rem auto 5rem auto;
width: 90%;
max-width: 580px;
display: flex;
flex-direction: column;
box-sizing: border-box;
height: auto;
left: 0;
position: absolute;
right: 0;
transform: translateY(-200%);
transition-duration: .2s;
transition-property: transform, visibility;
transition-timing-function: ease;
}
.modal-popup._show .modal-inner-wrap {
transform: translateY(0);
}
.modal-popup._inner-scroll .modal-inner-wrap {
max-height: 90%;
background: #fff;
padding: 0 20px;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-content {
border: none;
box-shadow: none;
padding: 25px 0 0 0;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-content h1, .modal-popup._inner-scroll .modal-inner-wrap .modal-content h2, .modal-popup._inner-scroll .modal-inner-wrap .modal-content .opc-wrapper .step-title, .opc-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .step-title,
.modal-popup._inner-scroll .modal-inner-wrap .modal-content .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .modal-popup._inner-scroll .modal-inner-wrap .modal-content .shipping-information-title,
.modal-popup._inner-scroll .modal-inner-wrap .modal-content .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .modal-popup._inner-scroll .modal-inner-wrap .modal-content .checkout-agreements-item-title {
font-size: 1.25em;
text-transform: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-header {
padding: 0;
border-bottom: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
width: 42px;
height: 45px;
position: absolute;
margin: 0 -15px 0 0;
right: 0;
top: 5px;
float: right;
line-height: 1em;
border: none;
z-index: 1;
background: #e12a58;
border-radius: 5px;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
box-shadow: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close span {
display: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:after {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
content: 'x';
right: 0;
width: 42px;
height: 42px;
color: #fff;
font-size: 13px;
font-weight: 300;
position: relative;
top: 1px;
left: 0;
}
.modal-popup._inner-scroll .modal-inner-wrap footer {
border-top: 1px solid #2e2d44;
background: #fff;
padding: 10px 0;
}
.modal-popup._inner-scroll .modal-inner-wrap footer button {
margin: 0;
}
.modal-popup._inner-scroll .modal-inner-wrap footer button:first-child {
background: #f2f2f2;
text-transform: none;
border: 1px solid transparent;
float: left;
font-size: 14px;
font-weight: 700;
}
.modal-popup._inner-scroll .modal-inner-wrap footer button:first-child span {
color: #2e2d44;
}
.modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:hover, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:focus, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:active, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child.active, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:active:focus {
background: #dfdfdf;
border-color: #dfdfdf;
color: #2e2d44;
}
.modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:hover span, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:focus span, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:active span, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child.active span, .modal-popup._inner-scroll .modal-inner-wrap footer button:first-child:active:focus span {
color: #2e2d44;
}
.checkout-cart-index .modal-popup._inner-scroll,
.checkout-index-index .modal-popup._inner-scroll {
overflow-x: hidden;
overflow-y: auto;
}
.checkout-cart-index .modal-popup._inner-scroll .modal-inner-wrap,
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap {
width: 600px;
margin: 30px auto;
max-height: none;
}
body._has-modal {
overflow-y: hidden;
}
.modal-inner-wrap .modal-header {
position: relative;
}
.modal-inner-wrap .modal-header button {
right: 0;
position: absolute;
}
.modal-inner-wrap .modal-footer {
border-top: 0 !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap {
left: auto;
left: 50%;
right: auto;
transform: translateX(-50%);
margin: 0;
padding: 0;
width: 95%;
top: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close {
margin: 0 4px 0 0;
box-shadow: 0 4px 0 #911434;
font-weight: 500;
top: 5px;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:hover {
box-shadow: 0 2px 0 #911434;
top: 7px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:focus {
outline: none;
box-shadow: none;
top: 9px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content {
padding: 20px;
background: #2e2d44;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content h4 {
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup {
background: #2e2d44;
padding: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form {
padding: 0;
margin-top: 15px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form * {
color: #fff;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form input[type=email],
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form input[type=text] {
color: #333333;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group {
padding-bottom: 10px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group.input-group {
background: #1e1e2d;
border-top: 5px solid #30b7bb;
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group.input-group label {
position: relative;
top: -2px;
left: 7px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form#mergeRow-gdpr p {
margin-bottom: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form#mergeRow-gdpr .mc-field-group {
margin-bottom: 1em;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form#mergeRow-gdpr .mc-field-group label {
padding-left: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form#mergeRow-gdpr .mc-field-group input {
width: auto;
margin-left: -20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form div#mce-responses {
margin: 0 !important;
width: 100% !important;
padding: 0 !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form div#mce-responses div.response {
color: #fff;
font-family: "proxima-nova", Arial, Helvetica Neue, Helvetica, sans-serif !important;
font-weight: normal !important;
margin: 0 !important;
width: 100% !important;
padding: 10px !important;
margin-bottom: 20px !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form div#mce-responses div.response a {
color: #fff !important;
text-decoration: underline;
display: block;
margin-top: 10px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form div#mce-responses #mce-error-response {
background: #ce1c1c !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form div#mce-responses #mce-success-response {
background: #18a918 !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group#mergeRow-gdpr p {
margin-bottom: 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group {
margin-bottom: 1em;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group label {
padding-left: 20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup form .mc-field-group#mergeRow-gdpr .mc-field-group input {
width: auto;
margin-left: -20px;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
color: #fff;
background: #e40426;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
margin: -5px 0 0 0;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border-color: #e40426;
background: #ffe5e5;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mc-embedded-subscribe {
border: 0;
margin: 0;
display: inline-block;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content .close-modal-text {
margin-top: 15px;
float: right;
}
.checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap .modal-content .feedback-consent {
display: none;
}
.checkout-index-index .modal-popup._inner-scroll.newsletter-modal footer {
display: none;
}
@media screen and (max-width: 767px) {
.checkout-cart-index .modal-popup._inner-scroll .modal-inner-wrap {
width: 94%;
}
}
@media screen and (max-width: 580px) {
.checkout-cart-index .modal-inner-wrap table input[type="number"] {
width: 50px !important;
}
.checkout-cart-index .modal-inner-wrap table tbody td.quantity {
padding-left: 30%;
}
}
.catalog-product-view {
background: #fff;
}
.catalog-product-view.product-glasgow-science-centre-admission #maincontent {
padding-top: 0;
}
.catalog-product-view.product-glasgow-science-centre-admission #maincontent .messages {
margin: 0;
}
.catalog-product-view .page-title {
text-align: left;
}
.catalog-product-view .product-info-main {
width: 67%;
}
.catalog-product-view .product.media {
width: 33%;
}
.catalog-product-view .product.media .action-skip-wrapper {
display: none;
}
.catalog-product-view .product.media img {
width: 100% !important;
height: auto !important;
}
.catalog-product-view #maincontent .columns .column.main {
background: #2e2d44;
padding: 20px 10px;
}
.catalog-product-view .box-tocart {
margin: 0 auto;
}
.catalog-product-view .box-tocart h1 {
text-align: center;
}
.catalog-product-view .box-tocart #date-cont input {
margin-left: 0;
}
.catalog-product-view .box-tocart button {
background: transparent;
border: 1px solid #fff;
padding: 6px;
font-weight: bold;
font-size: 19px;
line-height: .6em;
margin: 2px 0;
height: 30px;
width: 30px;
}
.catalog-product-view .box-tocart input {
padding: 10px 0px;
font-weight: normal;
margin: 0 9px;
left: 10px;
}
.catalog-product-view .box-tocart div.mage-error {
padding: 15px 15px 15px 40px;
margin-bottom: 10px;
border-top: 3px solid #e40426;
border-radius: 0;
background-image: url("../images/warning-triangle.png");
background-repeat: no-repeat;
background-size: 23px;
background-position: 10px 12px;
background-color: #f2f2f2;
font-size: 15px;
font-weight: 300;
color: #2e2d44;
clear: both;
}
.catalog-product-view .box-tocart input.mage-error {
border: 1px solid #e12a58;
}
.catalog-product-view .box-tocart #donation-checkbox {
border-top: 5px solid #30b7bb;
background: #1A1B30;
padding: 20px 10px 12px;
margin-top: 0;
border-bottom: 0;
overflow: hidden;
}
.catalog-product-view .box-tocart #donation-checkbox label {
padding-left: 0;
float: left;
width: 100%;
}
.catalog-product-view .box-tocart #donation-checkbox span {
color: #fff;
float: left;
position: relative;
left: 26px;
top: -5px;
width: calc(100% - 50px);
}
.catalog-product-view .box-tocart .actions {
text-align: right;
}
.catalog-product-view .box-tocart .actions button.tocart {
width: auto;
margin-right: 0;
}
.product-glasgow-science-centre-admission,
.product-science-passport {
background: #fff;
}
.product-glasgow-science-centre-admission .page-title,
.product-science-passport .page-title {
text-align: center;
}
.product-glasgow-science-centre-admission .product-info-main,
.product-science-passport .product-info-main {
width: 100%;
}
.product-glasgow-science-centre-admission #maincontent .columns .column.main,
.product-science-passport #maincontent .columns .column.main {
background: #2e2d44;
}
.product-glasgow-science-centre-admission .box-tocart,
.product-science-passport .box-tocart {
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.product-glasgow-science-centre-admission .box-tocart h1,
.product-science-passport .box-tocart h1 {
text-align: center;
}
.product-glasgow-science-centre-admission .box-tocart .actions button.isclicked,
.product-science-passport .box-tocart .actions button.isclicked {
pointer-events: none;
background-image: url(../images/spinner-loading.svg);
background-repeat: no-repeat;
background-position: center;
color: transparent;
background-size: 100px;
}
.product-glasgow-science-centre-admission .box-tocart .actions button.isclicked span,
.product-science-passport .box-tocart .actions button.isclicked span {
color: transparent;
}
.product-science-passport .box-tocart {
max-width: 100%;
}
#giftaid-cont:not(.giftaid-wrapper), #autorenew-cont, .box-promotion {
width: 100%;
display: inline-block;
margin-bottom: 10px;
background: #1A1B30;
border-top: 5px solid #30b7bb;
padding: 10px 20px 20px 20px;
}
#giftaid-cont:not(.giftaid-wrapper) .label, #giftaid-cont:not(.giftaid-wrapper) label, #autorenew-cont .label, #autorenew-cont label, .box-promotion .label, .box-promotion label {
white-space: normal;
width: 94px;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
border: 1px solid #fff;
padding: 10px 15px;
font-size: 14px;
color: #fff;
border-radius: 5px;
display: block;
position: relative;
float: left;
margin: 0 10px 0 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
#giftaid-cont:not(.giftaid-wrapper) .label-main, #autorenew-cont .label-main, .box-promotion .label-main {
width: 100%;
border: 0;
display: block;
text-align: left;
font-size: 1.2em;
padding: 0;
line-height: 1em;
margin-bottom: 12px;
}
#giftaid-cont:not(.giftaid-wrapper) .label-main span#whatisgiftaid, #autorenew-cont .label-main span#whatisgiftaid, .box-promotion .label-main span#whatisgiftaid {
font-size: 1em;
color: #30b7bb;
cursor: pointer;
overflow: hidden;
padding-bottom: 0;
margin-bottom: 0;
position: relative;
display: inline-block;
top: 6px;
left: 6px;
}
#giftaid-cont:not(.giftaid-wrapper) .label-main span#whatisgiftaid:hover, #autorenew-cont .label-main span#whatisgiftaid:hover, .box-promotion .label-main span#whatisgiftaid:hover {
color: #fff;
}
#giftaid-cont:not(.giftaid-wrapper) img.gift-aid-image, #autorenew-cont img.gift-aid-image, .box-promotion img.gift-aid-image {
float: right;
margin-left: 2.5%;
margin-bottom: 2.5%;
max-width: 30%;
}
#giftaid-cont:not(.giftaid-wrapper) label:hover,
#giftaid-cont:not(.giftaid-wrapper) label.label-active, #autorenew-cont label:hover,
#autorenew-cont label.label-active, .box-promotion label:hover,
.box-promotion label.label-active {
color: #fff;
background: #22b573;
border-color: #22b573;
box-shadow: 0 2px 0 #125f3c;
}
#giftaid-cont:not(.giftaid-wrapper) label.label-active, #autorenew-cont label.label-active, .box-promotion label.label-active {
box-shadow: none;
top: 4px;
color: #fff;
}
#giftaid-cont:not(.giftaid-wrapper) label.label-active span, #autorenew-cont label.label-active span, .box-promotion label.label-active span {
color: #fff;
}
#giftaid-cont:not(.giftaid-wrapper) label:nth-child(2):hover,
#giftaid-cont:not(.giftaid-wrapper) label:nth-child(2).label-active, #autorenew-cont label:nth-child(2):hover,
#autorenew-cont label:nth-child(2).label-active, .box-promotion label:nth-child(2):hover,
.box-promotion label:nth-child(2).label-active {
background: #e12a58;
border-color: #e12a58;
box-shadow: 0 2px 0 #911434;
}
#giftaid-cont:not(.giftaid-wrapper) label:nth-child(2).label-active, #autorenew-cont label:nth-child(2).label-active, .box-promotion label:nth-child(2).label-active {
box-shadow: none;
top: 4px;
color: #fff;
}
#giftaid-cont:not(.giftaid-wrapper) input[type="radio"], #autorenew-cont input[type="radio"], .box-promotion input[type="radio"] {
display: none;
}
#giftaid-cont:not(.giftaid-wrapper) .mage-error, #autorenew-cont .mage-error, .box-promotion .mage-error {
margin-top: 10px;
}
#gift-aid-message {
background: #1A1B30;
padding: 20px;
margin: 0;
margin-top: -20px;
}
#gift-aid-message h3, #gift-aid-message .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend #gift-aid-message span, #gift-aid-message .login-container .block .block-title, .login-container .block #gift-aid-message .block-title {
color: #fff;
}
#gift-aid-message .gift-aid-inner {
display: inline-block;
width: 100%;
}
#gift-aid-message .gift-aid-text {
width: 100%;
}
.box-promotion {
padding-top: 20px;
}
.box-promotion .text-promotion {
width: 60%;
float: left;
padding-right: 10%;
}
.box-promotion .text-promotion h2, .box-promotion .text-promotion .opc-wrapper .step-title, .opc-wrapper .box-promotion .text-promotion .step-title,
.box-promotion .text-promotion .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .box-promotion .text-promotion .shipping-information-title,
.box-promotion .text-promotion .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .box-promotion .text-promotion .checkout-agreements-item-title {
color: #fff;
}
.box-promotion .image-promotion {
width: 40%;
float: left;
}
.box-promotion .image-promotion img {
float: right;
margin-top: .5em;
margin-bottom: 0;
width: 100%;
}
@media screen and (max-width: 1360px) {
.catalog-product-view .product.media {
width: 30%;
}
.catalog-product-view .product-info-main {
width: 70%;
}
.product-glasgow-science-centre-admission .product-info-main,
.product-science-passport .product-info-main {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.catalog-product-view .product.media {
display: none;
}
.catalog-product-view .product-info-main {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.catalog-product-view .product-info-main .fake-title {
font-size: 2em;
}
.catalog-product-view #maincontent .columns .column.main {
padding-top: 30px !important;
}
.catalog-product-view #tickets-cont table thead {
display: none;
}
.catalog-product-view #tickets-cont table tbody tr {
border: 0;
}
.catalog-product-view #tickets-cont table tbody td {
width: 100%;
display: inline-block;
position: relative;
padding-left: 0;
text-align: right;
border-right: none;
background: #fff;
border-bottom: 1px solid #e0e0e0;
color: #2e2d44;
}
.catalog-product-view #tickets-cont table tbody td p {
color: #2e2d44;
}
.catalog-product-view #tickets-cont table tbody td p span.right {
width: 100%;
}
.catalog-product-view #tickets-cont table tbody td p.ticket-name {
color: #fff;
font-size: 1.15em;
}
.catalog-product-view #tickets-cont table tbody td:first-child {
text-align: left;
font-weight: 600;
padding: 10px 0 5px;
font-size: 1em;
text-transform: none;
background: #2e2d44;
color: #fff;
border: 0;
}
.catalog-product-view #tickets-cont table tbody td:before {
position: absolute;
top: 10px;
left: 10px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size: 1em;
text-align: left;
}
.catalog-product-view #tickets-cont table tbody td:first-child, .catalog-product-view #tickets-cont table tbody td.std-price, .catalog-product-view #tickets-cont table tbody td.quantity {
width: 100%;
}
.catalog-product-view #tickets-cont table tbody td.std-price:before {
content: 'Ticket price';
}
.catalog-product-view #tickets-cont table tbody td.std-price {
border-top: 5px solid #30b7bb;
}
.catalog-product-view #tickets-cont table tbody td.without-donation:before {
content: 'Ticket price (without donation)';
}
.catalog-product-view #tickets-cont table tbody td.quantity:before {
content: 'Quantity';
top: 24px;
}
.catalog-product-view #tickets-cont table tbody td:before {
top: 13px;
}
.catalog-product-view #tickets-cont table tbody td.subtotal {
min-height: 42px;
}
.catalog-product-view #tickets-cont table tbody td.subtotal:before {
content: 'Subtotal';
}
.catalog-product-view #tickets-cont table tbody td.subtotal p.text-center {
text-align: right !important;
}
.catalog-product-view #tickets-cont table tbody td.selected {
font-weight: 400;
}
.catalog-product-view #tickets-cont table tbody td.quantity {
text-align: right;
}
.catalog-product-view #tickets-cont table tbody td.quantity button {
border: 1px solid #2e2d44;
color: #2e2d44;
font-size: 1.75em;
position: relative;
top: 4px;
}
.catalog-product-view #tickets-cont table tbody td.quantity button.inc {
border-color: #e12a58;
background: #e12a58;
color: #fff;
}
.catalog-product-view #tickets-cont table tbody td.quantity button.dec {
border-color: #e12a58;
background: #e12a58;
color: #fff;
line-height: 0;
}
.catalog-product-view #tickets-cont table tbody td.quantity input {
background: #f2f2f2;
border: 1px solid #a9a9a9;
}
.catalog-product-view #tickets-cont table tbody td.quantity button:last-child {
margin-right: 0;
}
.catalog-product-view #tickets-cont table tbody td:last-child {
border-bottom: 0;
}
.catalog-product-view #tickets-cont table tbody td .visible-xs {
display: none !important;
}
.catalog-product-view #tickets-cont table tfoot tr {
border: 0;
}
.catalog-product-view #tickets-cont table tfoot tr .no-border-bottom {
text-align: left;
background: #fff;
padding: 15px;
border-top: 5px solid #30b7bb;
color: #2e2d44;
}
.catalog-product-view #giftaid-cont {
padding: 10px 15px 20px;
}
.catalog-product-view #giftaid-cont .label-main {
text-transform: none;
font-size: 16px !important;
}
.box-promotion .text-promotion {
padding-right: 5%;
}
}
@media screen and (max-width: 580px) {
.catalog-product-view #tickets-cont table.pricing-table {
margin-bottom: 0;
}
.catalog-product-view #tickets-cont table.pricing-table tbody td {
padding: 6px;
}
.catalog-product-view #tickets-cont table.pricing-table tbody td:first-child {
padding-left: 0;
}
.catalog-product-view #tickets-cont table.pricing-table tbody td.quantity input {
height: 35px;
width: 44px !important;
}
.catalog-product-view #tickets-cont table.pricing-table tbody td.quantity button {
top: 3px;
margin: 0;
height: 30px;
vertical-align: top;
}
.catalog-product-view #tickets-cont table.pricing-table tbody td.quantity:before {
top: 18px;
}
.box-promotion .text-promotion {
width: 100%;
padding-right: 0;
}
.box-promotion .image-promotion {
display: none;
}
}
.header .logo a img {
height: auto;
}
.header .top-section ul li a:first-child {
padding-left: 0;
}
#mobile-nav .logo {
width: auto;
padding-top: 0;
}
#mobile-nav .logo a img {
height: 68px;
width: 130px;
}
@media screen and (max-width: 840px) {
.header .logo {
padding-top: 10px;
}
.header .logo a {
display: block;
}
.header .logo img {
width: 93px;
height: 48px;
}
}
.label {
font-size: 1em;
padding-bottom: 3px;
}
select {
height: 45px;
}
input[type=text],
input[type=password],
input[type=email] {
height: 45px;
margin-bottom: 7px;
}
body.customer-account-login .column.main {
padding-top: 0;
}
.login-container .block {
background: #2e2d44;
width: 49.5%;
float: left;
border-top: 5px solid #30b7bb;
padding: 20px;
}
.login-container .block .block-title {
color: #fff;
}
.login-container .block .field {
color: #fff;
}
.login-container .block-customer-login {
float: right;
}
.login-container .block-customer-login .field.note {
padding-bottom: 20px;
font-weight: 100;
font-size: 14px;
display: none;
}
.login-container .block-customer-login .block-content {
margin-top: 15px;
}
.login-container .block-customer-login input {
border-radius: 5px;
width: 100%;
padding: 15px;
position: relative;
}
.login-container .block-customer-login input[type=password] {
padding-right: 100px;
}
.login-container .block-customer-login .field {
position: relative;
}
.login-container .block-customer-login .control {
position: initial;
}
.login-container .block-customer-login .control .showHidePassword {
position: absolute;
right: -5px;
top: 23px;
background: #30b7bb;
font-size: 0.85em;
border: 0;
color: #fff;
padding-top: 9px;
height: 36px;
box-shadow: 0 2px 0 #1b686a;
}
.login-container .block-customer-login .control .showHidePassword:hover {
background: #30b7bb;
border-color: #30b7bb;
top: 24px;
box-shadow: 0 1px 0 #1b686a;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.login-container .block-customer-login .control .showHidePassword {
top: 4px;
}
.login-container .block-customer-login .control .showHidePassword:hover {
top: 5px;
}
}
.login-container .block-customer-login .control div.mage-error {
position: absolute;
top: 0px;
left: 48px;
font-size: 1em;
padding: 0;
color: #e12a58;
background: none;
}
.login-container .block-customer-login .control div.mage-error#pass-error {
left: 78px;
}
.login-container .block-customer-login .label {
font-weight: 300;
font-size: 1em;
display: inline-block;
padding: 0;
width: 100%;
text-align: left;
}
.login-container .block-customer-login a.remind {
color: #fff;
font-weight: 100;
font-size: 15px;
padding-top: 5px;
display: inline-block;
}
.login-container .block-customer-login #remember-me-box {
display: none;
clear: both;
width: 100%;
overflow: hidden;
}
.login-container .block-customer-login #remember-me-box input {
float: left;
width: 20px;
margin-top: 0;
}
.login-container .block-customer-login #remember-me-box label {
float: left;
width: calc(100% - 20px);
}
.login-container .block-customer-login .actions-toolbar {
clear: both;
width: 100%;
display: block;
margin-top: 5px;
}
.login-container .block-customer-login .actions-toolbar .primary {
float: left;
margin-right: 10px;
}
.login-container .block-customer-login .actions-toolbar .secondary {
float: left;
position: relative;
top: 10px;
text-decoration: underline;
}
.login-container .block-customer-login .actions-toolbar .secondary a {
text-decoration: underline;
}
.login-container .block-customer-login .actions-toolbar .secondary a:hover, .login-container .block-customer-login .actions-toolbar .secondary a:focus, .login-container .block-customer-login .actions-toolbar .secondary a:active {
color: #30b7bb;
text-decoration: none;
}
.login-container .block-customer-login .actions-toolbar button {
margin-right: 0;
}
.login-container .block-customer-login .tooltip.wrapper {
display: none;
}
.login-container .block-new-customer {
float: left;
position: relative;
}
.login-container .block-new-customer .inner {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
.login-container .block-new-customer .block-title {
text-align: center;
}
.login-container .block-new-customer .block-content p {
display: none;
}
.login-container .block-new-customer .actions-toolbar .primary {
text-align: center;
}
.login-container .block-new-customer .actions-toolbar .primary a {
margin: 0;
}
.login-container .block-new-customer .actions-toolbar .primary a:hover, .login-container .block-new-customer .actions-toolbar .primary a:focus, .login-container .block-new-customer .actions-toolbar .primary a:active, .login-container .block-new-customer .actions-toolbar .primary a.active, .login-container .block-new-customer .actions-toolbar .primary a:active:focus {
text-decoration: none;
}
.login-container .block-new-customer .block-title, .login-container .block-new-customer .block-content {
width: 100%;
clear: both;
display: block;
}
@media screen and (max-width: 767px) {
.login-container .block {
width: 100%;
margin-bottom: 10px;
}
.login-container .block-new-customer .inner {
position: relative;
transform: none;
top: 0;
left: 0;
}
}
@media screen and (max-width: 580px) {
.customer-account-forgotpassword .column.main .form .actions-toolbar button {
width: 100%;
}
.login-container .block-customer-login .actions-toolbar button {
width: 100%;
}
.login-container .block-customer-login .control div.mage-error {
font-size: 0.9em;
top: 2px;
}
}
div.field-error {
color: #ff9797;
padding: 0;
margin-bottom: 20px;
border-radius: 0;
background-color: transparent;
font-size: 1em;
font-weight: 600;
}
.messages .message-notice.notice.message {
background: #ffe0c0;
text-align: center;
}
#block-stayupdatedfooternewslettersignpost {
background: #2e2d44;
color: #fff;
text-align: center;
padding: 20px 10px;
}
#block-stayupdatedfooternewslettersignpost h2, #block-stayupdatedfooternewslettersignpost .opc-wrapper .step-title, .opc-wrapper #block-stayupdatedfooternewslettersignpost .step-title,
#block-stayupdatedfooternewslettersignpost .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information #block-stayupdatedfooternewslettersignpost .shipping-information-title,
#block-stayupdatedfooternewslettersignpost .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items #block-stayupdatedfooternewslettersignpost .checkout-agreements-item-title, #block-stayupdatedfooternewslettersignpost p {
color: #fff;
text-align: center;
}
#block-stayupdatedfooternewslettersignpost p {
max-width: 600px;
margin: 0 auto 0.75em;
}
#block-stayupdatedfooternewslettersignpost p:last-child {
margin-bottom: 0;
}
#block-stayupdatedfooternewslettersignpost form {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
#block-stayupdatedfooternewslettersignpost .form-item {
max-width: 500px;
margin: 0 auto;
overflow: hidden;
}
#block-stayupdatedfooternewslettersignpost .form-item label {
color: #fff;
float: left;
text-align: right;
position: relative;
}
#block-stayupdatedfooternewslettersignpost .form-item input {
width: 100%;
margin-bottom: 1em;
}
#block-stayupdatedfooternewslettersignpost .form-item.form-item-your-name, #block-stayupdatedfooternewslettersignpost .form-item.form-item-email-address {
max-width: 49%;
float: left;
}
#block-stayupdatedfooternewslettersignpost .form-item.form-item-email-address {
margin-left: 2%;
}
#block-stayupdatedfooternewslettersignpost #edit-newsletter-markup {
max-width: 800px;
margin: 0 auto 10px;
line-height: 1.25em;
}
#block-stayupdatedfooternewslettersignpost .btn-primary, #block-stayupdatedfooternewslettersignpost .header .basket-controls .basket-button a, .header .basket-controls .basket-button #block-stayupdatedfooternewslettersignpost a, #block-stayupdatedfooternewslettersignpost .header .basket-controls .basket-button .current, .header .basket-controls .basket-button #block-stayupdatedfooternewslettersignpost .current, #block-stayupdatedfooternewslettersignpost .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items #block-stayupdatedfooternewslettersignpost .multicheckout,
#block-stayupdatedfooternewslettersignpost .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items #block-stayupdatedfooternewslettersignpost .multicheckout,
#block-stayupdatedfooternewslettersignpost .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items #block-stayupdatedfooternewslettersignpost .multicheckout, #block-stayupdatedfooternewslettersignpost .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions #block-stayupdatedfooternewslettersignpost button.tocart, #block-stayupdatedfooternewslettersignpost .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary #block-stayupdatedfooternewslettersignpost a {
background: #e12a58;
}
#block-stayupdatedfooternewslettersignpost .form-actions {
clear: both;
}
.main-nav .navigation ul.main-menu {
margin: 0;
}
.main-nav .navigation ul.main-menu > li:nth-child(2) {
display: none !important;
}
#maincontent {
padding-top: 40px;
}
body.cms-no-route.cms-noroute-index {
background-image: url("../images/404-background.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position-x: 50%;
}
body.cms-no-route.cms-noroute-index footer {
display: none;
}
body.cms-no-route.cms-noroute-index main#maincontent > .container, body.cms-no-route.cms-noroute-index #html-body:has(#booking-section-process) main.top-container#maincontent > div, #html-body:has(#booking-section-process) body.cms-no-route.cms-noroute-index main.top-container#maincontent > div {
display: none;
}
body.cms-no-route.cms-noroute-index .column.main {
width: 90%;
height: auto;
background: rgba(46, 45, 68, 0.79);
border-top: 5px solid #30b7bb;
max-width: 800px;
margin: 0 auto;
min-height: 1px;
float: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 0 10px #000;
padding: 30px;
position: relative;
margin-top: 10%;
}
body.cms-no-route.cms-noroute-index .column.main h1, body.cms-no-route.cms-noroute-index .column.main p {
color: #fff;
text-align: center;
}
body.cms-no-route.cms-noroute-index .column.main img {
display: none;
}
body.cms-no-route.cms-noroute-index .column.main h1.fake-title {
display: block;
font-size: 3em;
}
body.cms-no-route.cms-noroute-index .column.main p {
font-size: 1em;
max-width: 767px;
margin: 0 auto 15px;
}
@media screen and (max-width: 767px) {
body.cms-no-route.cms-noroute-index .column.main {
padding: 20px 10px;
}
}
@media print {
#maincontent {
padding-top: 0;
}
* {
color: red !important;
}
.logo {
background: #2e2d44;
display: none;
}
}
@media all {
body.account.sales-order-print .page-title-wrapper {
width: 100% !important;
float: none !important;
}
body.account.sales-order-print .label {
color: #2e2d44;
}
body.account.sales-order-print .order-status {
display: block;
margin-bottom: 5px;
border: 0;
text-align: left;
}
body.account.sales-order-print .order-status:before {
content: 'Status: ';
font-weight: 600;
}
body.account.sales-order-print .order-date {
display: block;
margin-bottom: 10px;
}
body.account.sales-order-print .order-date .label {
padding: 0;
}
body.account.sales-order-print .order-title {
display: none;
}
body.account.sales-order-print table td.col.sku,
body.account.sales-order-print table th.col.sku {
display: none;
}
body.account.sales-order-print table th.col.name,
body.account.sales-order-print table td.col.name {
width: 70%;
}
body.account.sales-order-print table th.col.price,
body.account.sales-order-print table td.col.price {
width: 10%;
}
body.account.sales-order-print table th.col.qty,
body.account.sales-order-print table td.col.qty {
width: 10%;
}
body.account.sales-order-print table th.col.subtotal,
body.account.sales-order-print table td.col.subtotal {
width: 10%;
}
body.account.sales-order-print table td.col.name dl.item-passport dt {
font-weight: 600;
width: 100px;
float: left;
height: 20px;
}
body.account.sales-order-print table td.col.name dl.item-passport dd {
float: left;
width: calc(100% - 100px);
height: 20px;
}
}
body.account .page-wrapper {
background: #f1f5f8;
}
body.account.customer-account-index .block.block-dashboard-orders,
body.account.customer-account-index .block.block-dashboard-info {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.account.customer-account-index .block.block-dashboard-orders,
body.account.customer-account-index .block.block-dashboard-info {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
body.account.customer-account-index .block.block-dashboard-orders .block-title,
body.account.customer-account-index .block.block-dashboard-info .block-title {
border-bottom: 2px solid #e5e5e5;
width: calc(100% + 40px);
margin-left: -20px;
padding: 0px 20px 20px 20px;
margin-bottom: 20px;
}
body.account .order-details-items.ordered,
body.account .block.block-order-details-view,
body.account .table-wrapper.cryozonic-stripe {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
overflow: hidden;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
body.account .order-details-items.ordered,
body.account .block.block-order-details-view,
body.account .table-wrapper.cryozonic-stripe {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.customer-account-createpassword .column.main {
max-width: 560px;
margin: 0 auto;
}
.customer-account-forgotpassword strong,
.customer-account-create strong,
.customer-account-createpassword strong,
body.account strong {
font-weight: 800;
}
.customer-account-forgotpassword .page-title-wrapper,
.customer-account-create .page-title-wrapper,
.customer-account-createpassword .page-title-wrapper,
body.account .page-title-wrapper {
width: 70%;
float: right;
padding-left: 5px;
}
.customer-account-forgotpassword .page-title-wrapper h1,
.customer-account-create .page-title-wrapper h1,
.customer-account-createpassword .page-title-wrapper h1,
body.account .page-title-wrapper h1 {
font-size: 2.4em;
}
.customer-account-forgotpassword.customer-account-index .page-main .container, .customer-account-forgotpassword.customer-account-index .page-main #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) .customer-account-forgotpassword.customer-account-index .page-main .top-container > div,
.customer-account-forgotpassword.customer-account-index .page-title-wrapper,
.customer-account-create.customer-account-index .page-main .container,
.customer-account-create.customer-account-index .page-main #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) .customer-account-create.customer-account-index .page-main .top-container > div,
.customer-account-create.customer-account-index .page-title-wrapper,
.customer-account-createpassword.customer-account-index .page-main .container,
.customer-account-createpassword.customer-account-index .page-main #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) .customer-account-createpassword.customer-account-index .page-main .top-container > div,
.customer-account-createpassword.customer-account-index .page-title-wrapper,
body.account.customer-account-index .page-main .container,
body.account.customer-account-index .page-main #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) body.account.customer-account-index .page-main .top-container > div,
body.account.customer-account-index .page-title-wrapper {
max-width: 1360px;
}
.customer-account-forgotpassword .column.main,
.customer-account-create .column.main,
.customer-account-createpassword .column.main,
body.account .column.main {
padding-top: 0;
}
.customer-account-forgotpassword .column.main .form, .customer-account-forgotpassword .column.main .form-address-edit,
.customer-account-create .column.main .form,
.customer-account-create .column.main .form-address-edit,
.customer-account-createpassword .column.main .form,
.customer-account-createpassword .column.main .form-address-edit,
body.account .column.main .form,
body.account .column.main .form-address-edit {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
overflow: hidden;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.customer-account-forgotpassword .column.main .form, .customer-account-forgotpassword .column.main .form-address-edit,
.customer-account-create .column.main .form,
.customer-account-create .column.main .form-address-edit,
.customer-account-createpassword .column.main .form,
.customer-account-createpassword .column.main .form-address-edit,
body.account .column.main .form,
body.account .column.main .form-address-edit {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.customer-account-forgotpassword .column.main .form .field.note, .customer-account-forgotpassword .column.main .form-address-edit .field.note,
.customer-account-create .column.main .form .field.note,
.customer-account-create .column.main .form-address-edit .field.note,
.customer-account-createpassword .column.main .form .field.note,
.customer-account-createpassword .column.main .form-address-edit .field.note,
body.account .column.main .form .field.note,
body.account .column.main .form-address-edit .field.note {
font-weight: 100;
padding: 10px 0;
color: #fff;
}
.customer-account-forgotpassword .column.main .form input, .customer-account-forgotpassword .column.main .form-address-edit input,
.customer-account-create .column.main .form input,
.customer-account-create .column.main .form-address-edit input,
.customer-account-createpassword .column.main .form input,
.customer-account-createpassword .column.main .form-address-edit input,
body.account .column.main .form input,
body.account .column.main .form-address-edit input {
width: 100%;
border-radius: 5px;
border: 1px solid #ccd2d6;
background-color: #f1f5f8;
}
.customer-account-forgotpassword .column.main .form .label, .customer-account-forgotpassword .column.main .form-address-edit .label,
.customer-account-create .column.main .form .label,
.customer-account-create .column.main .form-address-edit .label,
.customer-account-createpassword .column.main .form .label,
.customer-account-createpassword .column.main .form-address-edit .label,
body.account .column.main .form .label,
body.account .column.main .form-address-edit .label {
width: 100%;
clear: both;
color: #2e2d44;
font-weight: 600;
padding-left: 0;
display: inline-block;
text-align: left;
margin-bottom: 0;
}
.customer-account-forgotpassword .column.main .form .actions-toolbar, .customer-account-forgotpassword .column.main .form-address-edit .actions-toolbar,
.customer-account-create .column.main .form .actions-toolbar,
.customer-account-create .column.main .form-address-edit .actions-toolbar,
.customer-account-createpassword .column.main .form .actions-toolbar,
.customer-account-createpassword .column.main .form-address-edit .actions-toolbar,
body.account .column.main .form .actions-toolbar,
body.account .column.main .form-address-edit .actions-toolbar {
text-align: right;
}
.customer-account-forgotpassword .column.main .form .actions-toolbar button, .customer-account-forgotpassword .column.main .form-address-edit .actions-toolbar button,
.customer-account-create .column.main .form .actions-toolbar button,
.customer-account-create .column.main .form-address-edit .actions-toolbar button,
.customer-account-createpassword .column.main .form .actions-toolbar button,
.customer-account-createpassword .column.main .form-address-edit .actions-toolbar button,
body.account .column.main .form .actions-toolbar button,
body.account .column.main .form-address-edit .actions-toolbar button {
margin-right: 0;
margin-bottom: 10px;
}
.customer-account-forgotpassword .column.main .legend,
.customer-account-create .column.main .legend,
.customer-account-createpassword .column.main .legend,
body.account .column.main .legend {
margin-top: .1em;
width: 100%;
color: #2e2d44;
text-transform: uppercase;
font-weight: 800;
font-size: 1.35em;
margin-bottom: 10px;
}
.customer-account-forgotpassword .column.main .fieldset:last-child,
.customer-account-create .column.main .fieldset:last-child,
.customer-account-createpassword .column.main .fieldset:last-child,
body.account .column.main .fieldset:last-child {
margin-bottom: 0;
}
.customer-account-forgotpassword .column.main select,
.customer-account-create .column.main select,
.customer-account-createpassword .column.main select,
body.account .column.main select {
width: 100%;
margin-bottom: 1em;
border-radius: 5px;
border: 1px solid #ccd2d6;
background-color: #f1f5f8;
}
.customer-account-forgotpassword .column.main .choice,
.customer-account-create .column.main .choice,
.customer-account-createpassword .column.main .choice,
body.account .column.main .choice {
width: 100%;
display: inline-block;
position: relative;
}
.customer-account-forgotpassword .column.main .choice .checkbox, .customer-account-forgotpassword .column.main .choice .radio,
.customer-account-create .column.main .choice .checkbox,
.customer-account-create .column.main .choice .radio,
.customer-account-createpassword .column.main .choice .checkbox,
.customer-account-createpassword .column.main .choice .radio,
body.account .column.main .choice .checkbox,
body.account .column.main .choice .radio {
width: 15px;
float: left;
margin-bottom: -18px;
position: absolute;
left: 0;
top: -2px;
background: #fff;
-webkit-appearance: none;
padding: 10px;
border-radius: 4px;
margin-right: 5px;
display: block;
}
.customer-account-forgotpassword .column.main .choice .checkbox:checked, .customer-account-forgotpassword .column.main .choice .radio:checked,
.customer-account-create .column.main .choice .checkbox:checked,
.customer-account-create .column.main .choice .radio:checked,
.customer-account-createpassword .column.main .choice .checkbox:checked,
.customer-account-createpassword .column.main .choice .radio:checked,
body.account .column.main .choice .checkbox:checked,
body.account .column.main .choice .radio:checked {
background-image: url(../images/green-tick.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.customer-account-forgotpassword .column.main .choice .label,
.customer-account-create .column.main .choice .label,
.customer-account-createpassword .column.main .choice .label,
body.account .column.main .choice .label {
float: left;
display: block;
padding-left: 30px;
}
.customer-account-forgotpassword .column.main .form-edit-account .field.email.required,
.customer-account-create .column.main .form-edit-account .field.email.required,
.customer-account-createpassword .column.main .form-edit-account .field.email.required,
body.account .column.main .form-edit-account .field.email.required {
padding-top: 0;
}
.customer-account-forgotpassword .column.main .form-edit-account .fieldset.password,
.customer-account-create .column.main .form-edit-account .fieldset.password,
.customer-account-createpassword .column.main .form-edit-account .fieldset.password,
body.account .column.main .form-edit-account .fieldset.password {
margin-top: 30px;
}
.customer-account-forgotpassword .column.main .form-edit-account .fieldset.password .legend,
.customer-account-create .column.main .form-edit-account .fieldset.password .legend,
.customer-account-createpassword .column.main .form-edit-account .fieldset.password .legend,
body.account .column.main .form-edit-account .fieldset.password .legend {
margin-bottom: 0;
}
.customer-account-forgotpassword .column.main .form-newsletter-manage .choice,
.customer-account-create .column.main .form-newsletter-manage .choice,
.customer-account-createpassword .column.main .form-newsletter-manage .choice,
body.account .column.main .form-newsletter-manage .choice {
margin-top: 20px;
}
.customer-account-forgotpassword .column.main .account-billing-agreements .message.info.empty,
.customer-account-create .column.main .account-billing-agreements .message.info.empty,
.customer-account-createpassword .column.main .account-billing-agreements .message.info.empty,
body.account .column.main .account-billing-agreements .message.info.empty {
font-size: 18px;
font-weight: 100;
padding-bottom: 20px;
}
.customer-account-forgotpassword .actions-toolbar,
.customer-account-create .actions-toolbar,
.customer-account-createpassword .actions-toolbar,
body.account .actions-toolbar {
overflow: hidden;
padding-bottom: 5px;
}
.customer-account-forgotpassword .actions-toolbar .primary,
.customer-account-create .actions-toolbar .primary,
.customer-account-createpassword .actions-toolbar .primary,
body.account .actions-toolbar .primary {
float: left;
margin-top: 15px;
}
.customer-account-forgotpassword .actions-toolbar .primary a, .customer-account-forgotpassword .actions-toolbar .primary button,
.customer-account-create .actions-toolbar .primary a,
.customer-account-create .actions-toolbar .primary button,
.customer-account-createpassword .actions-toolbar .primary a,
.customer-account-createpassword .actions-toolbar .primary button,
body.account .actions-toolbar .primary a,
body.account .actions-toolbar .primary button {
margin-bottom: 0 !important;
}
.customer-account-forgotpassword .actions-toolbar .secondary,
.customer-account-create .actions-toolbar .secondary,
.customer-account-createpassword .actions-toolbar .secondary,
body.account .actions-toolbar .secondary {
float: left;
color: #e12a58;
position: relative;
}
.customer-account-forgotpassword .actions-toolbar .secondary .action.back,
.customer-account-create .actions-toolbar .secondary .action.back,
.customer-account-createpassword .actions-toolbar .secondary .action.back,
body.account .actions-toolbar .secondary .action.back {
display: none;
}
.customer-account-forgotpassword .actions-toolbar .secondary a,
.customer-account-create .actions-toolbar .secondary a,
.customer-account-createpassword .actions-toolbar .secondary a,
body.account .actions-toolbar .secondary a {
color: #e12a58;
margin-top: 5px;
font-size: 0.9em;
border-bottom: 1px solid #fff;
margin-bottom: 0;
}
.customer-account-forgotpassword .actions-toolbar .secondary a span:before,
.customer-account-create .actions-toolbar .secondary a span:before,
.customer-account-createpassword .actions-toolbar .secondary a span:before,
body.account .actions-toolbar .secondary a span:before {
content: '<';
display: inline-block;
margin-right: 5px;
}
.customer-account-forgotpassword .actions-toolbar .secondary a:hover,
.customer-account-create .actions-toolbar .secondary a:hover,
.customer-account-createpassword .actions-toolbar .secondary a:hover,
body.account .actions-toolbar .secondary a:hover {
color: #30b7bb;
text-decoration: none;
border-color: #30b7bb;
}
body.account .page.messages {
position: absolute;
width: 70%;
top: 0;
right: 0;
padding-left: 10px;
}
body.account.customer-account-edit input, body.account.customer-account-edit select,
body.account.customer-address-form input,
body.account.customer-address-form select,
body.customer-account-create input,
body.customer-account-create select,
body.customer-account-forgotpassword input,
body.customer-account-forgotpassword select,
body.customer-account-createpassword input,
body.customer-account-createpassword select {
max-width: 500px;
clear: both;
display: block;
margin-bottom: 0.5em !important;
}
body.account.customer-account-edit footer .container, body.account.customer-account-edit footer #html-body:has(#booking-section-process) .top-container > div, #html-body:has(#booking-section-process) body.account.customer-account-edit footer .top-container > div,
body.account.customer-address-form footer .container,
body.account.customer-address-form footer #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) body.account.customer-address-form footer .top-container > div,
body.customer-account-create footer .container,
body.customer-account-create footer #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) body.customer-account-create footer .top-container > div,
body.customer-account-forgotpassword footer .container,
body.customer-account-forgotpassword footer #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) body.customer-account-forgotpassword footer .top-container > div,
body.customer-account-createpassword footer .container,
body.customer-account-createpassword footer #html-body:has(#booking-section-process) .top-container > div,
#html-body:has(#booking-section-process) body.customer-account-createpassword footer .top-container > div {
max-width: 1360px;
}
.customer-account-index .dashboard-container {
float: left;
width: 25%;
}
.account.page-layout-2columns-left #maincontent {
max-width: 1360px;
margin: 0 auto;
position: relative;
padding-top: 90px;
min-height: 560px;
}
.account.page-layout-2columns-left .columns {
overflow: hidden;
}
.account.page-layout-2columns-left .column.main {
float: right;
width: 70%;
}
.account.page-layout-2columns-left .sidebar {
float: left;
width: 25%;
position: absolute;
top: 95px;
}
.account.page-layout-2columns-left .sidebar.sidebar-additional {
display: none;
}
.block.account-nav, .sidebar .block-collapsible-nav-content {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
.block.account-nav, .sidebar .block-collapsible-nav-content {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.block.account-nav .title, .sidebar .block-collapsible-nav-content .title {
display: none;
}
.block.account-nav ul li a, .sidebar .block-collapsible-nav-content ul li a {
color: #2e2d44;
}
.block.account-nav ul li.current, .sidebar .block-collapsible-nav-content ul li.current {
padding: 10px 15px;
background: #2e2d44;
color: #fff;
}
.block.account-nav ul li.current a, .sidebar .block-collapsible-nav-content ul li.current a {
background: #2e2d44;
color: #fff;
padding: 0;
}
body.customer-account-confirmation .page-title-wrapper {
max-width: 567px;
margin: 0 auto;
}
body.customer-account-confirmation form#form-validate {
background: #2e2d44;
max-width: 567px;
padding: 20px;
margin: 0 auto;
border-top: 5px solid #30b7bb;
color: #fff;
}
body.customer-account-confirmation form#form-validate p {
color: #fff;
}
body.customer-account-confirmation form#form-validate input[type=email] {
max-width: 100%;
width: 100%;
}
body.customer-account-confirmation form#form-validate .label {
display: block;
text-align: left;
padding: 0;
}
body.customer-account-confirmation form#form-validate .secondary {
display: none;
}
body.customer-account-confirmation .columns .column.main {
padding-top: 0;
}
.account-passport-incentive {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px 10px;
}
@media screen and (max-width: 767px) {
.account-passport-incentive {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.account-passport-incentive .text .headline h3, .account-passport-incentive .text .headline .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .account-passport-incentive .text .headline span, .account-passport-incentive .text .headline .login-container .block .block-title, .login-container .block .account-passport-incentive .text .headline .block-title {
font-size: 2em;
}
.account-passport-incentive .text .headline p {
font-size: 1.15em;
border-bottom-width: 1px;
}
@media screen and (max-width: 991px) {
.account.page-layout-2columns-left #maincontent {
padding-top: 50px;
}
body.account .page.messages {
width: 100%;
top: 0;
right: 0;
padding-left: 0;
position: relative;
}
.account.page-layout-2columns-left .sidebar, .account.page-layout-2columns-left .dashboard-container,
.customer-account-index .sidebar,
.customer-account-index .dashboard-container {
width: 100%;
float: none;
position: fixed;
bottom: 0;
top: auto;
z-index: 200;
}
.account.page-layout-2columns-left .sidebar .block.account-nav, .account.page-layout-2columns-left .dashboard-container .block.account-nav,
.customer-account-index .sidebar .block.account-nav,
.customer-account-index .dashboard-container .block.account-nav {
width: 100%;
overflow-x: scroll;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11);
}
.account.page-layout-2columns-left .sidebar .block.account-nav ul.nav, .account.page-layout-2columns-left .dashboard-container .block.account-nav ul.nav,
.customer-account-index .sidebar .block.account-nav ul.nav,
.customer-account-index .dashboard-container .block.account-nav ul.nav {
text-align: center;
min-width: 500px;
border-top: 1px solid #dadada;
padding-right: 20px;
}
.account.page-layout-2columns-left .sidebar .block.account-nav ul.nav:after, .account.page-layout-2columns-left .dashboard-container .block.account-nav ul.nav:after,
.customer-account-index .sidebar .block.account-nav ul.nav:after,
.customer-account-index .dashboard-container .block.account-nav ul.nav:after {
content: '';
height: 60px;
width: 20px;
background: red;
right: 0;
position: fixed;
bottom: 0;
top: auto;
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
/* IE6-9 */
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li,
.customer-account-index .sidebar .block.account-nav .nav > li,
.customer-account-index .dashboard-container .block.account-nav .nav > li {
display: block;
width: 16.6666667%;
float: left;
text-align: center;
border-right: 1px solid #dadada;
font-size: 12px;
line-height: 12px;
height: 60px;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a,
.customer-account-index .sidebar .block.account-nav .nav > li > a,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a {
position: absolute;
padding: 5px;
height: 100%;
width: 100%;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a:hover, .account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a:focus, .account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a:active, .account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a.active, .account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a.is-active, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a:hover, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a:focus, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a:active, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a.active, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a.is-active,
.customer-account-index .sidebar .block.account-nav .nav > li > a:hover,
.customer-account-index .sidebar .block.account-nav .nav > li > a:focus,
.customer-account-index .sidebar .block.account-nav .nav > li > a:active,
.customer-account-index .sidebar .block.account-nav .nav > li > a.active,
.customer-account-index .sidebar .block.account-nav .nav > li > a.is-active,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a:hover,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a:focus,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a:active,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a.active,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a.is-active {
background: #efefef;
text-decoration: none;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li > a:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li > a:before,
.customer-account-index .sidebar .block.account-nav .nav > li > a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li > a:before {
height: 25px;
width: 25px;
position: relative;
display: block;
font-family: "glasgow-science-centre" !important;
margin: 0 auto;
font-size: 20px;
top: 5px;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current,
.customer-account-index .sidebar .block.account-nav .nav > li.current,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current {
background: #e12a58;
color: #fff;
text-decoration: none;
padding: 5px;
font-weight: 300;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current strong, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current strong,
.customer-account-index .sidebar .block.account-nav .nav > li.current strong,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current strong {
font-weight: 300;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current a, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current a,
.customer-account-index .sidebar .block.account-nav .nav > li.current a,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current a {
background: transparent;
top: 0;
left: 0;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li.current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current span:before {
height: 25px;
width: 25px;
position: relative;
display: block;
font-family: "glasgow-science-centre" !important;
margin: 0 auto;
font-size: 20px;
top: 5px;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(2), .account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(3), .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(2), .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(3),
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(2),
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(3),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(2),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(3) {
display: none;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:last-child, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:last-child,
.customer-account-index .sidebar .block.account-nav .nav > li:last-child,
.customer-account-index .dashboard-container .block.account-nav .nav > li:last-child {
border-right: 0;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(1) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(1).current > strong > span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(1) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(1).current > strong > span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(1) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(1).current > strong > span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(1) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(1).current > strong > span:before {
content: "\37";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(5) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(5).current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5).current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(5) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(5).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5).current span:before {
content: "\31";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(5) span, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5) span,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(5) span,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5) span {
max-width: 58px;
margin: 0 auto;
display: block;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(7) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(7).current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(7) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(7).current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(7) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(7).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(7) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(7).current span:before {
content: "\7a";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(6) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(6).current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6).current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(6) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(6).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6).current span:before {
content: "\47";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(8) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(8).current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(8) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(8).current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(8) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(8).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(8) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(8).current span:before {
content: "\39";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(4) a:before,
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li:nth-child(4).current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(4) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(4).current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(4) a:before,
.customer-account-index .sidebar .block.account-nav .nav > li:nth-child(4).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(4) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(4).current span:before {
content: "\33";
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current a:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current a:before,
.customer-account-index .sidebar .block.account-nav .nav > li.current a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current a:before {
display: none;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current span:before,
.customer-account-index .sidebar .block.account-nav .nav > li.current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current span:before {
display: none;
}
.account.page-layout-2columns-left .sidebar .block.account-nav .nav > li.current strong span:before, .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current strong span:before,
.customer-account-index .sidebar .block.account-nav .nav > li.current strong span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current strong span:before {
display: block;
}
.account.page-layout-2columns-left .page-title-wrapper,
.customer-account-index .page-title-wrapper {
width: 100%;
float: none;
padding-left: 0;
}
.account.page-layout-2columns-left .page-title-wrapper h1,
.customer-account-index .page-title-wrapper h1 {
font-size: 1.45em;
text-align: left;
}
.account.page-layout-2columns-left .column.main,
.customer-account-index .column.main {
width: 100%;
}
.account.page-layout-2columns-left .column.main .legend,
.customer-account-index .column.main .legend {
font-size: 1.2em !important;
}
.account.page-layout-2columns-left .block-dashboard-orders,
.account.page-layout-2columns-left .page-title-wrapper,
.customer-account-index .block-dashboard-orders,
.customer-account-index .page-title-wrapper {
width: 100%;
padding-left: 0;
}
.account.page-layout-2columns-left .dashboard-container,
.customer-account-index .dashboard-container {
left: 0;
}
.account.page-layout-2columns-left .dashboard-container .page-title-wrapper,
.customer-account-index .dashboard-container .page-title-wrapper {
width: 100% !important;
}
.account.page-layout-2columns-left .dashboard-container .page-title-wrapper h1,
.customer-account-index .dashboard-container .page-title-wrapper h1 {
text-align: left;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(2), .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(2),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5) {
display: none;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:last-child,
.customer-account-index .dashboard-container .block.account-nav .nav > li:last-child {
border-right: 0;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(3), .account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(3),
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6) {
display: block;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(1) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(1).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(1) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(1).current span:before {
content: "\37";
display: block;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6).current span:before {
content: "\31";
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(6) span,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(6) span {
max-width: 40px;
margin: 0 auto;
display: block;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(3) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(3).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(3) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(3).current span:before {
content: "\7a";
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(5).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(5).current span:before {
content: "\47";
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(7) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(7).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(7) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(7).current span:before {
content: "\39";
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(8) a:before,
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li:nth-child(8).current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(8) a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li:nth-child(8).current span:before {
content: "\33";
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current a:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current a:before {
display: none;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current span:before {
display: none;
}
.account.page-layout-2columns-left .dashboard-container .block.account-nav .nav > li.current strong span:before,
.customer-account-index .dashboard-container .block.account-nav .nav > li.current strong span:before {
display: block;
}
body.account.customer-account-index .page-title-wrapper {
width: 100%;
}
body.account.customer-account-index .page-title-wrapper h1 {
text-align: left;
}
}
.block-dashboard-orders .table-caption,
.block-dashboard-info .table-caption {
display: none;
}
.block-dashboard-orders .block-title,
.block-dashboard-info .block-title {
padding-bottom: 10px;
}
.block-dashboard-orders .block-title strong,
.block-dashboard-info .block-title strong {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
font-size: 1.4em;
font-weight: 700;
}
.block-dashboard-orders .block-title a,
.block-dashboard-info .block-title a {
font-size: .85em;
padding-left: 10px;
}
.name-on-account-overview {
display: none;
}
.customer-account-edit .required.fullname.customer-name-prefix {
display: none;
}
.customer-account-edit .name-on-account-overview {
display: block;
}
body.account.sales-order-view .order-links, body.account.sales-order-view .order-title {
display: none;
}
body.account.sales-order-view .order-status:before {
content: 'Order Status:';
display: block;
float: left;
font-weight: 600;
margin-right: 5px;
}
body.account.sales-order-view .order-date {
padding-top: 10px;
margin-bottom: 10px;
}
body.account.sales-order-view .order-date .label {
color: #2e2d44;
padding-left: 0;
font-weight: 600;
font-size: 15px;
padding-right: 5px;
}
body.account.sales-order-view .order-actions-toolbar {
border-top: none;
margin-top: 0;
}
body.account.sales-order-view .order-actions-toolbar a {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
background-color: #e12a58;
color: #fff;
display: inline-block;
font-size: 16px;
text-shadow: none;
margin-bottom: 10px;
line-height: 1.5em;
border-radius: 5px;
position: relative;
overflow: hidden;
box-shadow: 0 4px 0 #911434;
transition-duration: 0s;
padding: 8px 15px;
height: 40px;
border-width: 1px;
text-transform: none;
font-weight: 400;
}
body.account.sales-order-view .order-actions-toolbar a span {
position: relative;
color: #fff;
}
body.account.sales-order-view .order-actions-toolbar a:hover, body.account.sales-order-view .order-actions-toolbar a:focus, body.account.sales-order-view .order-actions-toolbar a:active, body.account.sales-order-view .order-actions-toolbar a.active, body.account.sales-order-view .order-actions-toolbar a:active:focus {
background: #e12a58;
border-color: #fff;
color: #fff;
text-decoration: none;
}
body.account.sales-order-view .order-actions-toolbar a:hover span, body.account.sales-order-view .order-actions-toolbar a:focus span, body.account.sales-order-view .order-actions-toolbar a:active span, body.account.sales-order-view .order-actions-toolbar a.active span, body.account.sales-order-view .order-actions-toolbar a:active:focus span {
color: #fff;
text-decoration: none;
}
body.account.sales-order-view .order-actions-toolbar a:hover {
box-shadow: 0 2px 0 #911434;
top: 2px;
}
body.account.sales-order-view .order-actions-toolbar a:focus {
outline: none;
box-shadow: none;
top: 4px;
}
body.account.sales-order-view fieldset {
margin-bottom: 20px;
}
body.account.sales-order-view .table-order-items {
border: 1px solid #2e2d44;
}
body.account.sales-order-view .table-order-items td, body.account.sales-order-view .table-order-items tr, body.account.sales-order-view .table-order-items thead > tr > th {
border: none;
}
body.account.sales-order-view .table-order-items .table-caption {
display: none;
}
body.account.sales-order-view .table-order-items .sku,
body.account.sales-order-view .table-order-items thead th.col.price,
body.account.sales-order-view .table-order-items thead th.col.qty,
body.account.sales-order-view .table-order-items tbody td.col.qty,
body.account.sales-order-view .table-order-items tbody td.col.price,
body.account.sales-order-view .table-order-items tfoot tr.shipping {
text-indent: -99999px;
}
body.account.sales-order-view .table-order-items tbody td.col.qty ul {
display: none;
}
body.account.sales-order-view .table-order-items .item-options {
padding-top: 5px;
font-size: 13px;
float: left;
clear: both;
width: 100%;
}
body.account.sales-order-view .table-order-items .item-options dt {
float: left;
width: auto;
font-weight: 600;
padding: 1px 2px 1px 2px;
}
body.account.sales-order-view .table-order-items .item-options dt:nth-child(3) {
clear: left;
}
body.account.sales-order-view .table-order-items .item-options dd {
padding: 1px 10px 1px 1px;
float: left;
width: auto;
}
body.account.sales-order-view .table-order-items .item-options dd:nth-child(2) {
clear: right;
padding-bottom: 7px;
}
body.account.sales-order-view .table-order-items .item-options.item-passport dt:nth-child(3), body.account.sales-order-view .table-order-items .item-options.item-passport dd:nth-child(2) {
clear: none;
}
body.account.sales-order-view .table-order-items .mark {
background: none;
border: none;
}
body.account.sales-order-view .table-order-items tfoot {
background: #f1f5f8;
}
body.account.sales-order-view .table-order-items tfoot tr {
border: none;
font-size: 14px;
}
body.account.sales-order-view .table-order-items tfoot tr.shipping {
display: none;
}
body.account.sales-order-view .block-order-details-view .block-title {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 1.5em;
}
body.account.sales-order-view .block-order-details-view .box {
width: 100%;
background: #fff;
float: left;
margin-bottom: 30px;
border: 1px solid #2e2d44;
}
body.account.sales-order-view .block-order-details-view .box .box-title {
width: 100%;
color: #fff;
background: #2e2d44;
padding: 10px;
display: inline-block;
font-weight: 400;
}
body.account.sales-order-view .block-order-details-view .box .box-content {
padding: 10px;
}
body.account.sales-order-view .block-order-details-view .box address {
margin-bottom: 0;
}
body.account.sales-order-view .block-order-details-view .box-order-shipping-method {
display: none;
}
body.account.sales-order-view .block-order-details-view .box-order-billing-method table {
margin-bottom: 0;
}
body.account.sales-order-view .block-order-details-view .box-order-billing-method table .table-caption {
font-weight: 500;
padding: 5px 0;
color: #2e2d44;
}
body.account.sales-order-view .block-order-details-view .box-order-billing-method table th {
padding-left: 0;
}
body.account.sales-order-view .block-order-details-view .box-order-billing-method table td, body.account.sales-order-view .block-order-details-view .box-order-billing-method table th, body.account.sales-order-view .block-order-details-view .box-order-billing-method table tr {
border: none;
}
body.account.sales-order-history .page-main .column.main .container .orders-history, body.account.sales-order-history .page-main .column.main #html-body:has(#booking-section-process) .top-container > div .orders-history, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .column.main .top-container > div .orders-history {
padding: 20px;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
background: #fff;
}
@media screen and (max-width: 767px) {
body.account.sales-order-history .page-main .column.main .container .orders-history, body.account.sales-order-history .page-main .column.main #html-body:has(#booking-section-process) .top-container > div .orders-history, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .column.main .top-container > div .orders-history {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
body.account.sales-order-history .page-main .container .table-caption, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .table-caption, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .table-caption {
display: none;
}
body.account.sales-order-history .page-main .container .table-wrapper, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .table-wrapper, body.account.sales-order-history .page-main .container .order-products-toolbar, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .order-products-toolbar, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .order-products-toolbar {
width: 100%;
max-width: 100%;
overflow-x: hidden;
margin: 0 auto;
}
body.account.sales-order-history .page-main .container .table-wrapper table, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper table, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .table-wrapper table, body.account.sales-order-history .page-main .container .order-products-toolbar table, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .order-products-toolbar table, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .order-products-toolbar table {
width: 100%;
}
@media screen and (max-width: 991px) {
body.account.sales-order-history .page-main .container .table-wrapper, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .table-wrapper,
body.account.sales-order-view .page-main .container .table-wrapper,
body.account.sales-order-view .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper,
#html-body:has(#booking-section-process) body.account.sales-order-view .page-main .top-container > div .table-wrapper {
overflow-x: scroll;
}
body.account.sales-order-history .page-main .container .table-wrapper table, body.account.sales-order-history .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper table, #html-body:has(#booking-section-process) body.account.sales-order-history .page-main .top-container > div .table-wrapper table,
body.account.sales-order-view .page-main .container .table-wrapper table,
body.account.sales-order-view .page-main #html-body:has(#booking-section-process) .top-container > div .table-wrapper table,
#html-body:has(#booking-section-process) body.account.sales-order-view .page-main .top-container > div .table-wrapper table {
width: 900px;
}
}
@media screen and (max-width: 767px) {
.table-wrapper.orders-recent {
width: 100%;
max-width: 100%;
overflow-x: scroll;
}
.table-wrapper.orders-recent:after {
content: 'Scroll';
background: url("../images/arrows-left-right.svg");
width: 100px;
margin-top: -10px;
display: block;
background-size: contain;
height: 14px;
text-align: center;
font-size: 13px;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
.table-wrapper.orders-recent table {
width: 900px;
}
}
.customer-address-index .column.main .block.block-addresses-default,
.customer-address-index .column.main .block.block-addresses-list {
padding: 20px 0;
margin-bottom: 10px;
}
.customer-address-index .column.main .block.block-addresses-list {
padding: 0;
}
.customer-address-index .column.main .block.block-addresses-list .block-content .item {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.customer-address-index .column.main .block.block-addresses-list .block-content .item {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.customer-address-index .column.main .block.block-addresses-list .block-content .item.actions {
padding: 0;
margin: 0;
box-shadow: none;
}
.customer-address-index .column.main .block-title {
text-transform: uppercase;
font-size: 1.25em;
margin-bottom: 0.5em;
font-weight: 800;
}
.customer-address-index .column.main .box-title {
text-transform: uppercase;
font-size: 1.25em;
margin-bottom: 0.5em;
display: block;
}
.customer-address-index .column.main .box {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.customer-address-index .column.main .box {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.customer-address-index .column.main p, .customer-address-index .column.main address {
margin-bottom: 0.5em;
}
.customer-address-index .column.main a.action {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 15px;
color: #2e2d44;
line-height: 1.5em;
margin-bottom: 1em;
background-color: #e12a58;
color: #fff;
display: inline-block;
font-size: 14px;
text-shadow: none;
margin-bottom: 10px;
line-height: 1.5em;
border-radius: 5px;
position: relative;
overflow: hidden;
box-shadow: 0 2px 0 #911434;
transition-duration: 0s;
padding: 5px 15px;
height: auto;
border-width: 1px;
text-transform: none;
font-weight: 400;
}
.customer-address-index .column.main a.action span {
position: relative;
color: #fff;
}
.customer-address-index .column.main a.action:hover, .customer-address-index .column.main a.action:focus, .customer-address-index .column.main a.action:active, .customer-address-index .column.main a.action.active, .customer-address-index .column.main a.action:active:focus {
background: #e12a58;
border-color: #fff;
color: #fff;
text-decoration: none;
}
.customer-address-index .column.main a.action:hover span, .customer-address-index .column.main a.action:focus span, .customer-address-index .column.main a.action:active span, .customer-address-index .column.main a.action.active span, .customer-address-index .column.main a.action:active:focus span {
color: #fff;
text-decoration: none;
}
.customer-address-index .column.main a.action:hover {
box-shadow: 0 1px 0 #911434;
top: 1px;
}
.customer-address-index .column.main a.action:focus {
outline: none;
box-shadow: none;
top: 2px;
}
.customer-address-index .column.main .actions-toolbar .primary {
float: left;
clear: both;
}
.customer-address-index .column.main .actions-toolbar .secondary {
clear: both;
}
.customer-address-index .column.main .actions-toolbar .secondary .action.back {
background: none;
color: #2e2d44;
box-shadow: none;
padding: 0;
}
.customer-address-index .column.main .actions-toolbar .secondary .action.back span {
color: #2e2d44;
}
.customer-address-index .column.main .actions-toolbar .secondary .action.back:hover, .customer-address-index .column.main .actions-toolbar .secondary .action.back:focus, .customer-address-index .column.main .actions-toolbar .secondary .action.back.active {
top: 0;
background: none;
box-shadow: none;
}
.customer-address-index .column.main .actions-toolbar .secondary .action.back:hover span, .customer-address-index .column.main .actions-toolbar .secondary .action.back:focus span, .customer-address-index .column.main .actions-toolbar .secondary .action.back.active span {
color: #e12a58;
text-decoration: none;
}
body.customer-address-form fieldset {
margin-bottom: 20px;
}
.customer-account-create .column.main .form .legend,
.customer-account-createpassword .column.main .form .legend {
width: 100%;
float: left;
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
font-size: 1.5em;
}
.customer-account-create .column.main .form .fieldset.create,
.customer-account-createpassword .column.main .form .fieldset.create {
margin-top: 10px;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-bottom: 20px;
}
.customer-account-create .column.main .form .fieldset.create.account,
.customer-account-createpassword .column.main .form .fieldset.create.account {
margin-top: 30px;
border-bottom: 0;
}
.customer-account-create .column.main .form .choice,
.customer-account-createpassword .column.main .form .choice {
width: 100%;
display: inline-block;
position: relative;
margin-top: 5px;
}
.customer-account-create .column.main .form .choice .checkbox,
.customer-account-createpassword .column.main .form .choice .checkbox {
width: 15px;
float: left;
margin-bottom: -18px;
position: absolute;
left: 0;
top: -2px;
background: #fff;
-webkit-appearance: none;
padding: 10px;
border-radius: 0;
margin-right: 5px;
display: block;
}
.customer-account-create .column.main .form .choice .checkbox:checked,
.customer-account-createpassword .column.main .form .choice .checkbox:checked {
background-image: url(../images/green-tick.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.customer-account-create .column.main .form .choice .label,
.customer-account-createpassword .column.main .form .choice .label {
float: left;
display: block;
padding-left: 30px;
font-size: 0.85em;
padding-top: 7px;
white-space: normal;
}
.customer-account-create .column.main .form .field.password .control,
.customer-account-createpassword .column.main .form .field.password .control {
display: flex;
flex-direction: column;
}
.customer-account-create .column.main .form .field.password .control .input-text, .customer-account-create .column.main .form .field.password .control .input-text.mage-error,
.customer-account-createpassword .column.main .form .field.password .control .input-text,
.customer-account-createpassword .column.main .form .field.password .control .input-text.mage-error {
order: 0;
margin-bottom: 1px;
}
.customer-account-create .column.main .form .field.password .control #password-strength-meter-container,
.customer-account-createpassword .column.main .form .field.password .control #password-strength-meter-container {
order: 1;
margin-bottom: 5px;
max-width: 668px;
}
.customer-account-create .column.main .form .field.password .control .mage-error,
.customer-account-createpassword .column.main .form .field.password .control .mage-error {
order: 2;
}
.customer-account-create .password-strength-meter,
.customer-account-createpassword .password-strength-meter {
display: none;
}
.customer-account-create .password-strength-meter-1,
.customer-account-create .password-strength-meter-2,
.customer-account-create .password-strength-meter-3,
.customer-account-create .password-strength-meter-4,
.customer-account-createpassword .password-strength-meter-1,
.customer-account-createpassword .password-strength-meter-2,
.customer-account-createpassword .password-strength-meter-3,
.customer-account-createpassword .password-strength-meter-4 {
display: block;
}
.customer-account-create .password-strength-meter-1 .password-strength-meter,
.customer-account-create .password-strength-meter-2 .password-strength-meter,
.customer-account-create .password-strength-meter-3 .password-strength-meter,
.customer-account-create .password-strength-meter-4 .password-strength-meter,
.customer-account-createpassword .password-strength-meter-1 .password-strength-meter,
.customer-account-createpassword .password-strength-meter-2 .password-strength-meter,
.customer-account-createpassword .password-strength-meter-3 .password-strength-meter,
.customer-account-createpassword .password-strength-meter-4 .password-strength-meter {
display: block;
}
.customer-account-create .password-strength-meter,
.customer-account-createpassword .password-strength-meter {
background-color: #2e2d44;
height: 32px;
line-height: 32px;
padding: 0 9px;
position: relative;
z-index: 1;
color: #fff;
font-size: 0.85em;
}
.customer-account-create .password-strength-meter:before,
.customer-account-createpassword .password-strength-meter:before {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
}
.customer-account-create .password-strength-meter-1 .password-strength-meter:before,
.customer-account-createpassword .password-strength-meter-1 .password-strength-meter:before {
background-color: #ffafae;
width: 25%;
}
.customer-account-create .password-strength-meter-2 .password-strength-meter:before,
.customer-account-createpassword .password-strength-meter-2 .password-strength-meter:before {
background-color: #797979;
width: 50%;
}
.customer-account-create .password-strength-meter-3 .password-strength-meter:before,
.customer-account-createpassword .password-strength-meter-3 .password-strength-meter:before {
background-color: #499c17;
width: 75%;
}
.customer-account-create .password-strength-meter-4 .password-strength-meter:before,
.customer-account-createpassword .password-strength-meter-4 .password-strength-meter:before {
background-color: #499c17;
width: 100%;
}
.customer-account-createpassword .page-title-wrapper {
width: 100%;
padding-left: 5px;
text-align: center;
float: none;
}
.customer-account-createpassword .messages {
width: 100%;
max-width: 540px;
margin: 10px auto;
}
input {
border-radius: 5px;
}
input.mage-error {
background: #ffe0e5;
}
.control {
position: relative;
}
.control div.mage-error,
.control #password-error {
position: relative;
font-style: italic;
font-weight: 500;
background: #e40426;
border-radius: 15px;
padding: 5px 10px;
display: inline-block;
color: #fff;
}
.customer-account-create .field select[name=prefix],
body.account .page-main .form-edit-account .field select[name=prefix],
body.account .page-main .form-address-edit .field select[name=prefix] {
max-width: 125px;
}
.customer-account-create .customer-name-prefix .control,
body.account .page-main .form-edit-account .customer-name-prefix .control,
body.account .page-main .form-address-edit .customer-name-prefix .control {
float: left;
width: 100%;
}
.customer-account-create .customer-name-prefix > label[for="firstname"]:first-child,
body.account .page-main .form-edit-account .customer-name-prefix > label[for="firstname"]:first-child,
body.account .page-main .form-address-edit .customer-name-prefix > label[for="firstname"]:first-child {
display: none !important;
}
.customer-account-create .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper {
max-width: 560px;
margin: 0 auto;
float: none;
width: 100%;
}
.customer-account-create .column.main,
.customer-account-forgotpassword .column.main {
max-width: 575px;
margin: 0 auto;
}
.customer-account-create .column.main form,
.customer-account-forgotpassword .column.main form {
background: #2e2d44 !important;
border-top: 5px solid #30b7bb;
box-shadow: none !important;
}
.customer-account-create .column.main form label,
.customer-account-forgotpassword .column.main form label {
color: #fff !important;
}
.customer-account-create .column.main form input, .customer-account-create .column.main form select,
.customer-account-forgotpassword .column.main form input,
.customer-account-forgotpassword .column.main form select {
background-color: #fff !important;
border: 0 !important;
}
.form.password.forget .captcha.no-label .captcha-img {
float: left;
}
.form.password.forget .captcha.no-label button {
border: none;
background: none;
box-shadow: none;
margin: 5px 0 0 0;
font-size: 14px;
}
.form.password.forget .captcha.no-label button span {
color: #e12a58;
text-transform: none;
text-decoration: underline;
font-weight: normal;
}
.form.password.forget .captcha.no-label button:hover, .form.password.forget .captcha.no-label button:focus, .form.password.forget .captcha.no-label button:active, .form.password.forget .captcha.no-label button.active, .form.password.forget .captcha.no-label button:active:focus {
background: none;
border: none;
top: 0;
}
.form.password.forget .captcha.no-label button:hover span, .form.password.forget .captcha.no-label button:focus span, .form.password.forget .captcha.no-label button:active span, .form.password.forget .captcha.no-label button.active span, .form.password.forget .captcha.no-label button:active:focus span {
color: #e12a58;
text-decoration: none;
}
body.customer-account-forgotpassword input, body.customer-account-forgotpassword select {
max-width: 100%;
}
body.customer-account-forgotpassword p.intro {
margin-bottom: 5px;
}
body.customer-account-forgotpassword form .field.email {
padding: 0;
}
@media print {
.sales-order-view {
border: 10px solid #000;
}
.sales-order-view .order-date .label {
display: none;
}
}
@media screen and (max-width: 580px) {
body.account .page-title-wrapper h1 {
font-size: 2.1em;
text-align: center;
}
}
body.cryozonic-stripe-customer-cards table .table-caption {
display: none;
}
body.cryozonic-stripe-customer-cards table tr td {
color: #2e2d44;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card label {
color: #2e2d44;
font-weight: 600;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card #cryozonic-stripe-card-number {
padding: 15px;
width: 230px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card #cryozonic-stripe-card-expiry,
body.cryozonic-stripe-customer-cards .form.new-saved-card #cryozonic-stripe-card-cvc {
padding: 15px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card .cryozonic-stripe-brand {
top: -22px;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card .pci-dss-info-block {
width: 100%;
margin: 0;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card .pci-dss-info-block #pci-svg {
fill: #2e2d44;
top: 6px;
left: 0;
}
body.cryozonic-stripe-customer-cards .form.new-saved-card .pci-dss-info-block .pci-dss-info-text {
color: #2e2d44;
font-size: 13px;
top: 0;
width: calc(100% - 30px);
}
.page-layout-checkout .payment-method.cryozonic-stripe .payment-method-content {
background-color: #fff;
padding: 0 20px 20px;
overflow: hidden;
margin: -9px 0px 0 33px;
border-radius: 0 0 5px 5px;
background-image: url("../images/powered_by_stripe.svg") !important;
background-repeat: no-repeat !important;
background-position: bottom 15px right 15px !important;
}
.page-layout-checkout .payment-method.cryozonic-stripe label {
color: #2e2d44;
font-weight: 600;
}
.page-layout-checkout .payment-method.cryozonic-stripe #cryozonic-stripe-card-number {
padding: 15px;
width: 230px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
.page-layout-checkout .payment-method.cryozonic-stripe #cryozonic-stripe-card-expiry,
.page-layout-checkout .payment-method.cryozonic-stripe #cryozonic-stripe-card-cvc {
padding: 15px;
background: #f1f5f8;
border: 1px solid #ccd2d6;
box-shadow: none;
}
.page-layout-checkout .payment-method.cryozonic-stripe .cryozonic-stripe-brand {
top: -22px;
}
.page-layout-checkout .payment-method.cryozonic-stripe .pci-dss-info-block {
width: 100%;
margin: 0;
}
.page-layout-checkout .payment-method.cryozonic-stripe .pci-dss-info-block #pci-svg {
fill: #2e2d44;
top: 6px;
left: 0;
}
.page-layout-checkout .payment-method.cryozonic-stripe .pci-dss-info-block .pci-dss-info-text {
color: #2e2d44;
font-size: 13px;
top: 0;
width: calc(100% - 30px);
}
@media screen and (max-width: 580px) {
.page-layout-checkout .payment-method.cryozonic-stripe .payment-method-content {
background-size: 85px !important;
}
}
.weather_bookings-customer-passport .page-wrapper {
background: #f1f5f8;
}
.weather_bookings-customer-passport .passport-status-wrapper {
overflow: hidden;
display: block;
}
.weather_bookings-customer-passport .passport-status {
position: relative;
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
width: auto;
margin-bottom: 35px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.weather_bookings-customer-passport .passport-status {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.weather_bookings-customer-passport .passport-status .left {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 75px;
}
.weather_bookings-customer-passport .passport-status .left img {
width: 100%;
height: 40px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
position: absolute;
}
.weather_bookings-customer-passport .passport-status .right {
padding: 25px 20px 25px 90px;
}
.weather_bookings-customer-passport .passport-status .right p {
font-weight: 600;
margin-bottom: 0;
}
.weather_bookings-customer-passport .passport-status .right p.light-text {
font-weight: 300;
}
.weather_bookings-customer-passport .passport-status.uploading .left {
background: #e12a58;
}
.weather_bookings-customer-passport .passport-status.active .left {
background: #22b573;
}
.weather_bookings-customer-passport .passport-status.active .left .number {
height: 40px;
width: 40px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
position: absolute;
}
.weather_bookings-customer-passport .passport-status.active .left .number .background {
background: #fff;
border-radius: 100%;
height: 40px;
width: 40px;
}
.weather_bookings-customer-passport .passport-status.active .left .number span {
font-weight: 600;
text-align: center;
color: #22b573;
display: block;
top: 12px;
position: relative;
}
.weather_bookings-customer-passport .passport-status.active-soon .left {
background: #29abe2;
}
.weather_bookings-customer-passport .passport-status.expired .left {
background: #e12a58;
}
.weather_bookings-customer-passport .passport-step-item {
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.weather_bookings-customer-passport .passport-step-item {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
}
}
.weather_bookings-customer-passport .passport-step-item h3.step-header, .weather_bookings-customer-passport .passport-step-item .opc-wrapper #checkout-step-payment .legend span.step-header, .opc-wrapper #checkout-step-payment .legend .weather_bookings-customer-passport .passport-step-item span.step-header, .weather_bookings-customer-passport .passport-step-item .login-container .block .step-header.block-title, .login-container .block .weather_bookings-customer-passport .passport-step-item .step-header.block-title {
font-weight: 800;
margin-bottom: 0;
}
.weather_bookings-customer-passport .passport-step-item .step-item-header {
padding: 20px;
border-bottom: 2px solid #e5e5e5;
}
.weather_bookings-customer-passport .passport-step-item .step-item-body {
padding: 20px;
}
.weather_bookings-customer-passport .passport-step-item .step-item-footer {
padding: 10px 20px;
border-top: 2px solid #e5e5e5;
}
.weather_bookings-customer-passport .passport-step-item .step-item-footer button {
margin-right: 0;
}
.weather_bookings-customer-passport .passport-summary .option {
position: relative;
}
.weather_bookings-customer-passport .passport-summary .option .inner {
padding: 25px 15px 25px 100px;
}
.weather_bookings-customer-passport .passport-summary .option .inner h5, .weather_bookings-customer-passport .passport-summary .option .inner .cart-summary .summary.title, .cart-summary .weather_bookings-customer-passport .passport-summary .option .inner .summary.title {
font-size: 1em;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
.weather_bookings-customer-passport .passport-summary .option .inner p {
font-size: 0.85em;
margin-bottom: 8px;
}
.weather_bookings-customer-passport .passport-summary .option .inner .scrollto,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink {
background: #fff;
padding: 10px 15px;
color: #333;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.11), 0 3px 9px 0 rgba(0, 0, 0, 0.08);
border-radius: 4px;
transition: 0.3s all ease-in-out;
text-decoration: none;
font-size: 0.85em;
display: inline-block;
}
.weather_bookings-customer-passport .passport-summary .option .inner .scrollto:hover, .weather_bookings-customer-passport .passport-summary .option .inner .scrollto:focus, .weather_bookings-customer-passport .passport-summary .option .inner .scrollto:active, .weather_bookings-customer-passport .passport-summary .option .inner .scrollto.active, .weather_bookings-customer-passport .passport-summary .option .inner .scrollto.is-active,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink:hover,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink:focus,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink:active,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink.active,
.weather_bookings-customer-passport .passport-summary .option .inner .quicklink.is-active {
box-shadow: none;
}
.weather_bookings-customer-passport .passport-summary .option .status {
position: absolute;
height: 100%;
width: 75px;
background: #2e2d44;
left: 0;
top: 0;
}
.weather_bookings-customer-passport .passport-summary .option .status svg {
position: absolute;
height: 40px;
width: 40px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
}
.weather_bookings-customer-passport .passport-summary .option.disabled .status {
background: #c1272d;
}
.weather_bookings-customer-passport .passport-summary .option.disabled .inner {
background: #f7ebeb;
}
.weather_bookings-customer-passport .passport-summary .option.disabled .inner h5, .weather_bookings-customer-passport .passport-summary .option.disabled .inner .cart-summary .summary.title, .cart-summary .weather_bookings-customer-passport .passport-summary .option.disabled .inner .summary.title {
color: #c1272d;
}
.weather_bookings-customer-passport .passport-summary .option.enabled .status {
background: #22b573;
}
.weather_bookings-customer-passport .passport-summary .option.enabled .inner {
background: #e9f8f1;
}
.weather_bookings-customer-passport .passport-summary .option.enabled .inner h5, .weather_bookings-customer-passport .passport-summary .option.enabled .inner .cart-summary .summary.title, .cart-summary .weather_bookings-customer-passport .passport-summary .option.enabled .inner .summary.title {
color: #22b573;
}
.weather_bookings-customer-passport .update-passport-note {
padding: 10px 10px 0 10px;
text-align: center;
}
.weather_bookings-customer-passport #autorenew-cont {
background: none;
border: 0;
padding: 0;
margin-bottom: 0;
}
.weather_bookings-customer-passport #autorenew-cont .item-row {
padding: 20px 0;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .label-main {
color: #2e2d44;
display: block;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.02em;
margin-bottom: 4px;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .text {
color: #2e2d44;
width: calc(100% - 150px);
float: left;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .text p {
font-size: 1em;
display: block;
margin: 0;
}
.weather_bookings-customer-passport #autorenew-cont .item-row.text-only .text {
width: 100%;
float: none;
}
.weather_bookings-customer-passport #autorenew-cont .autorenew-options label {
height: 18px;
border-radius: 100px;
width: 40px;
padding: 0;
background: rgba(0, 0, 0, 0.34);
border: 0;
float: right;
transition: 0.3s all ease-in-out;
transition-duration: 0.1s;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.35);
margin: 0;
}
.weather_bookings-customer-passport #autorenew-cont .autorenew-options label input {
-moz-appearance: none;
background: #fff;
-webkit-appearance: none;
height: 26px;
width: 26px;
border-radius: 100px;
margin: 0;
border: 0;
top: -3px;
left: 0px;
position: absolute;
outline: 0;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
transition: 0.3s all ease-in-out;
transition-duration: 0.1s;
}
.weather_bookings-customer-passport #autorenew-cont .autorenew-options label input:checked {
background: #22b573;
left: 16px;
}
.weather_bookings-customer-passport #autorenew-cont .autorenew-options label span {
display: none;
}
.weather_bookings-customer-passport #autorenew-cont .autorenew-options label.yes-checked {
background: rgba(34, 181, 115, 0.25);
box-shadow: none;
}
.weather_bookings-customer-passport .people-on-passport h5, .weather_bookings-customer-passport .people-on-passport .cart-summary .summary.title, .cart-summary .weather_bookings-customer-passport .people-on-passport .summary.title {
text-transform: none;
}
.weather_bookings-customer-passport .people-on-passport .left-space {
padding-left: 10px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member {
position: relative;
background: #f1f5f8;
margin-bottom: 10px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .status {
position: absolute;
height: 100%;
width: 75px;
background: #2e2d44;
left: 0;
top: 0;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .status img {
position: absolute;
height: 40px;
width: 40px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner {
padding: 25px 15px 25px 100px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner p {
margin-bottom: 0;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner p.name {
text-transform: uppercase;
font-weight: 600;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner .primary-indicator {
position: absolute;
top: 0;
right: 0;
background: #2e2d44;
color: #fff;
font-size: 0.85em;
padding: 3px 7px;
border-radius: 0 0 0 5px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner .primary-indicator.inactive {
background: #e40426;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-member {
background: #f7f7f7;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-member .inner .primary-indicator {
background: rgba(46, 45, 68, 0.5);
font-size: .75em;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-member .inner p.name, .weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-member .inner p.dob {
font-size: 13px;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-member .status {
background: rgba(46, 45, 68, 0.5);
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle {
display: none;
transition: 0.3s all ease-in-out;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn {
font-size: 15px;
padding: 10px;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn:hover, .weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn:focus, .weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn:active, .weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn.active, .weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle-btn.is-active {
text-decoration: none;
}
.weather_bookings-customer-passport .people-on-passport.secondary-people-passport .passport-toggle.is-active {
display: block;
}
.weather_bookings-customer-passport .update-details-container {
margin-bottom: -40px;
}
.weather_bookings-customer-passport .update-details-container .update-passport-details button span.icon {
position: relative;
top: 4px;
left: 10px;
}
.weather_bookings-customer-passport #memberstable {
padding-top: 30px;
}
.weather_bookings-customer-passport #memberstable .other-members-title {
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 4px;
}
.weather_bookings-customer-passport #memberstable .primary-holder-desc {
margin-bottom: 5px;
background: #e12a58;
color: #fff;
padding: 10px;
font-size: 13px;
border-radius: 0 0 5px 5px;
margin-top: -5px;
text-align: center;
}
.weather_bookings-customer-passport #memberstable .member-row {
position: relative;
border-top: 0;
background: #f1f5f8;
display: block;
overflow: hidden;
margin-bottom: 5px;
padding: 20px;
}
.weather_bookings-customer-passport #memberstable .member-row .remCF {
top: 0;
position: absolute;
border-radius: 0 0 0 5px;
background: #c1272d;
text-align: center;
padding: 5px;
right: 0;
color: #fff;
font-weight: 300;
font-size: 12px;
}
.weather_bookings-customer-passport #memberstable .member-row .remCF:hover, .weather_bookings-customer-passport #memberstable .member-row .remCF:focus, .weather_bookings-customer-passport #memberstable .member-row .remCF:active, .weather_bookings-customer-passport #memberstable .member-row .remCF.active, .weather_bookings-customer-passport #memberstable .member-row .remCF.is-active {
background: #e12a58;
color: #fff;
text-decoration: none;
}
.weather_bookings-customer-passport #memberstable .member-row .status {
background: #2e2d44;
width: 100px;
height: 100%;
position: absolute;
color: #fff;
top: 0;
left: 0;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price {
position: absolute;
height: 64px;
width: 100%;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price span.passport-type {
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
letter-spacing: 0.02em;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price span.value {
font-weight: 100;
font-size: 25px;
margin-bottom: 3px;
display: block;
}
.weather_bookings-customer-passport #memberstable .member-row .inner {
padding-left: 100px;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .primary-holder-title {
color: #2e2d44;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .item {
padding-left: 0;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .item.DOB {
max-width: 175px;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .item input {
background-color: #fff;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .choice {
width: 100%;
display: block;
clear: both;
top: 5px;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .choice label {
height: 30px;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .choice input {
display: block;
margin-top: 9px;
border-radius: 4px;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row h3, .weather_bookings-customer-passport #memberstable .member-row.primary-row .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .weather_bookings-customer-passport #memberstable .member-row.primary-row span, .weather_bookings-customer-passport #memberstable .member-row.primary-row .login-container .block .block-title, .login-container .block .weather_bookings-customer-passport #memberstable .member-row.primary-row .block-title {
color: #2e2d44;
margin-top: 0;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row input {
display: none;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .item {
overflow: hidden;
width: 100% !important;
max-width: 100% !important;
padding: 0;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .item label {
width: 130px;
float: left;
font-size: 1em;
margin: 0;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .item .primary-holder-information {
width: calc(100% - 130px);
float: left;
font-size: 1em;
margin: 0;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .choice {
margin-left: 0;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .choice input {
display: block !important;
}
.weather_bookings-customer-passport #memberstable .member-row:not(.primary-row) .primary-holder-information {
display: none;
}
.weather_bookings-customer-passport #memberstable input.mage-error {
background-color: #ffebeb !important;
border-color: #f9c1c3;
}
.weather_bookings-customer-passport #memberstable div.mage-error,
.weather_bookings-customer-passport #memberstable div.field-error {
color: #d43037;
font-size: 14px;
font-weight: 500;
margin-top: 3px;
}
.weather_bookings-customer-passport .gift-remainder {
width: 100%;
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
background: #f1f5f8;
border-top: 5px solid #e12a58;
padding: 20px;
}
.weather_bookings-customer-passport .passport-actions {
background: #fff;
border: none;
padding: 15px 10px;
display: inline-block;
margin-top: 0;
}
.weather_bookings-customer-passport .add-to-basket-save-link {
overflow: hidden;
margin-top: 20px;
border-top: 2px solid #e5e5e5;
padding-top: 20px;
width: calc(100% + 40px);
left: -20px;
position: relative;
}
.weather_bookings-customer-passport .add-to-basket-save-link p {
width: 100%;
float: none;
text-align: center;
font-weight: 600;
}
.weather_bookings-customer-passport .add-to-basket-save-link .button-link {
width: 100%;
float: none;
text-align: center;
}
@media screen and (max-width: 767px) {
.weather_bookings-customer-passport .passport-step-item {
margin-bottom: 25px;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .text-title {
width: 100% !important;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .autorenew-options {
float: right;
position: relative;
top: 10px;
}
.weather_bookings-customer-passport #autorenew-cont .item-row .text-para {
width: calc(100% - 50px);
font-size: 13px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .inner {
padding: 25px 15px 25px 75px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .status {
width: 55px;
}
.weather_bookings-customer-passport .people-on-passport .passport-member .status img {
height: 26px;
}
.weather_bookings-customer-passport #memberstable .member-row .status {
width: 70px;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price {
height: 40px;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price span.value {
font-weight: 300;
font-size: 21px;
margin-bottom: 0;
}
.weather_bookings-customer-passport #memberstable .member-row .status .member-price span.passport-type {
font-size: 10px;
letter-spacing: 0;
}
.weather_bookings-customer-passport #memberstable .member-row .inner {
padding-left: 70px;
}
.weather_bookings-customer-passport #memberstable .member-row .inner .choice label {
font-size: 12px;
height: auto;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .item label {
width: 100%;
float: none;
text-decoration: underline;
}
.weather_bookings-customer-passport #memberstable .member-row.primary-row .item .primary-holder-information {
width: 100%;
float: none;
margin-top: -5px;
display: block;
clear: both;
}
}
@media screen and (max-width: 580px) {
.weather_bookings-customer-passport .passport-summary .option {
margin-bottom: 10px;
}
.weather_bookings-customer-passport .passport-summary .option .inner {
padding: 15px 15px 15px 15px;
}
.weather_bookings-customer-passport .passport-summary .option .inner h5, .weather_bookings-customer-passport .passport-summary .option .inner .cart-summary .summary.title, .cart-summary .weather_bookings-customer-passport .passport-summary .option .inner .summary.title {
padding-right: 50px;
}
.weather_bookings-customer-passport .passport-summary .option .status {
background: transparent;
width: 45px;
position: absolute;
top: 0;
height: 45px;
right: 0;
left: auto;
}
.weather_bookings-customer-passport .passport-summary .option .status svg {
height: 30px;
width: 30px;
}
.weather_bookings-customer-passport .passport-summary .option.enabled .status, .weather_bookings-customer-passport .passport-summary .option.disabled .status {
background: transparent;
}
.weather_bookings-customer-passport .passport-summary .option.enabled .status svg .st0, .weather_bookings-customer-passport .passport-summary .option.disabled .status svg .st0 {
stroke: #22b573;
}
.weather_bookings-customer-passport .passport-summary .option.disabled .status svg .st0, .weather_bookings-customer-passport .passport-summary .option.disabled .status svg .st1, .weather_bookings-customer-passport .passport-summary .option.disabled .status svg .st2 {
stroke: #c1272d;
}
}
.modal-popup.confirm._show .modal-header {
height: 40px;
border: none;
border-radius: 6px 6px 0 0;
background: #fff;
padding: 0;
border-bottom: 2px solid #e0e0e0;
}
.modal-popup.confirm._show .modal-header button {
right: 0;
position: absolute;
font-size: 13px;
height: 27px;
box-shadow: none;
padding: 5px;
border-radius: 4px;
border: 0;
text-transform: none;
top: 5px;
background: none;
color: #2e2d44;
}
.modal-popup.confirm._show .modal-header button span {
color: #2e2d44;
}
.modal-popup.confirm._show .modal-header button:hover {
top: 5px;
}
.modal-popup.confirm._show .modal-content {
padding: 40px 20px;
border-radius: 0;
background: #fff;
color: #2e2d44;
box-shadow: none;
border: none;
}
.modal-popup.confirm._show .modal-footer {
border-radius: 0 0 6px 6px;
background: #fff;
border-top: 2px solid #e0e0e0 !important;
}
.modal-popup.confirm._show .modal-footer .action-dismiss {
float: left;
}
#html-body .column.main .page-title-wrapper {
float: none;
width: auto;
max-width: 100%;
}
#html-body .sidebar .block-collapsible-nav-title {
display: none;
}
#html-body .field-tooltip-content {
padding-top: 15px;
float: left;
width: 100%;
}
.glide {
position: relative;
width: 100%;
box-sizing: border-box;
}
.glide * {
box-sizing: inherit;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
touch-action: pan-Y;
overflow: hidden;
margin: 0;
padding: 0;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
flex-shrink: 0;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.row-flex:not(.no-gutters) {
margin-top: -1.25rem;
}
.row-flex:not(.no-gutters) > * {
margin-top: 1.25rem;
}
.row-flex [class^="col-"] {
float: none;
}
.row-flex.middle {
justify-content: center;
}
.button {
display: inline-flex;
padding: 0.75rem;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
border-radius: 0.3125rem;
height: auto;
margin: 0;
transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#html-body .button {
text-decoration: none;
}
@media not all and (hover: none) {
#html-body .button:hover {
box-shadow: none;
transform: translateY(0.25rem);
}
}
.button.bigger {
padding: 0.9375rem 1.875rem;
font-size: 1.125rem;
}
.button.stretched {
width: 100%;
justify-content: center;
}
.button.primary {
background-color: #e12a58;
color: #fff;
box-shadow: 0 0.25rem 0 #9B1C38;
}
.button.secondary {
background-color: #fff;
color: #2E2D42;
border: solid 1px #a9a9a9;
box-shadow: 0 0.25rem 0 #a9a9a9;
}
#html-body .button.tertiary {
background-color: #30B7BB;
color: #fff;
box-shadow: 0 0.25rem 0 #2C7476;
}
.button.darker {
background-color: #2e2d44;
color: #fff;
box-shadow: 0 0.25rem 0 #424160;
}
.layers {
display: grid;
grid-template-columns: 1fr;
}
.layers .layer {
position: relative;
grid-row-start: 1;
grid-column-start: 1;
}
.layers .layer.top {
z-index: 2;
}
.layers .layer.middle {
display: flex;
flex-direction: column;
justify-content: center;
}
.button-reset {
border: 0;
background-color: transparent;
margin: 0;
height: auto;
box-shadow: none;
}
.slider-bullet {
width: 15px;
height: 15px;
background-color: #B7B7B7;
border-radius: 100%;
padding: 0;
pointer-events: none;
}
.editor a {
text-decoration: underline;
}
.glide__bullets {
padding-top: 1.25rem;
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
justify-content: center;
align-items: center;
}
.glide__bullet--active {
background-color: #30b7bb;
}
@media (min-width: 992px) {
.glide__arrows, .glide__bullets, .glide__slide--clone {
display: none;
}
}
@media (min-width: 992px) {
.glide__slides {
transform: initial !important;
width: 100% !important;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.25rem;
}
}
@media (min-width: 1200px) {
.glide__slides {
grid-template-columns: repeat(3, 1fr);
}
}
.glide__slide {
height: auto;
}
@media (min-width: 992px) {
.glide__slide {
width: 100% !important;
margin: 0 !important;
}
}
#html-body:has(#booking-section-process) #maincontent {
padding-top: 0;
}
#html-body:has(#booking-section-process) .top-container {
background-color: #2e2d44;
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
#html-body:has(#booking-section-process) .top-container > div {
margin-left: auto;
margin-right: auto;
}
#html-body.category-add-ons #maincontent {
padding-top: 0;
}
#html-body.category-add-ons .category-image, #html-body.category-add-ons .category-description {
display: none;
}
#html-body:has(#booking-section-process), #html-body:has(#booking-section-process) .page-wrapper, #html-body.category-add-ons, #html-body.category-add-ons .page-wrapper, #html-body.checkout-cart-index, #html-body.checkout-cart-index .page-wrapper {
overflow-x: clip;
}
#html-body:has(#booking-section-process) #maincontent .column.main, #html-body.category-add-ons #maincontent .column.main {
background-color: #fff;
padding: 0;
}
@media (max-width: 992px) {
#html-body:has(#booking-section-process) #maincontent .column.main, #html-body.category-add-ons #maincontent .column.main {
padding-top: 0 !important;
}
}
#html-body:has(#booking-section-process) #maincontent .column.main > .container, #html-body:has(#booking-section-process) #maincontent .top-container.column.main > div, #html-body.category-add-ons #maincontent .column.main > .container, #html-body.category-add-ons #maincontent #html-body:has(#booking-section-process) .top-container.column.main > div, #html-body:has(#booking-section-process) #html-body.category-add-ons #maincontent .top-container.column.main > div {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
#html-body:has(#booking-section-process) #maincontent .product-info-main, #html-body.category-add-ons #maincontent .product-info-main {
float: none;
width: 100%;
}
#html-body:has(#booking-section-process) #maincontent .product.media, #html-body.category-add-ons #maincontent .product.media {
display: none;
}
#html-body:has(#booking-section-process) #maincontent .booking-banner p, #html-body:has(#booking-section-process) #maincontent .choice-content p, #html-body.category-add-ons #maincontent .booking-banner p, #html-body.category-add-ons #maincontent .choice-content p {
color: inherit;
}
#html-body .cart-main {
padding: 3.125rem;
background-color: #2e2d44;
border-top: solid 5px #30b7bb;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media (max-width: 992px) {
#html-body .cart-main {
padding: 1.25rem;
}
}
@media (max-width: 992px) {
#html-body tbody:first-of-type .item-info > :first-child {
padding-top: 0 !important;
}
}
@media (max-width: 992px) {
#html-body #shopping-cart-table {
margin-bottom: 0;
}
#html-body #shopping-cart-table .col.price, #html-body #shopping-cart-table .col.qty {
display: none;
}
#html-body #shopping-cart-table .col.subtotal {
padding: 0;
}
#html-body #shopping-cart-table .col.subtotal .price {
margin: 0;
}
}
@media (max-width: 992px) {
#html-body #shopping-cart-table .product-item-details {
float: none;
width: 100%;
}
}
@media (max-width: 992px) {
#html-body #shopping-cart-table .item-info > td {
display: block;
}
}
#html-body #shopping-cart-table td {
padding: 1.875rem 0;
}
#html-body #shopping-cart-table thead {
display: none;
}
#html-body #shopping-cart-table .product-item-details * {
color: #fff;
}
#html-body #shopping-cart-table .product-actions {
margin-top: 0;
}
#html-body #shopping-cart-table .purchase-more {
padding-top: 0.625rem;
}
#html-body #shopping-cart-table .product-item-name {
margin-bottom: 1.25rem !important;
}
#html-body #shopping-cart-table .subtotal .price, #html-body #shopping-cart-table .product-item-name {
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
font-size: 1.625rem;
font-weight: 700;
text-transform: none;
color: #fff;
display: block;
}
#html-body #shopping-cart-table .product-image-wrapper {
padding-top: 0 !important;
}
#html-body #shopping-cart-table .product-item-photo {
width: 8.75rem;
max-width: 8.75rem;
padding: 0;
margin-right: 1.25rem;
}
@media (max-width: 992px) {
#html-body #shopping-cart-table .product-item-photo {
display: none;
}
}
#html-body #shopping-cart-table .product-item-photo * {
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#html-body #shopping-cart-table .product-item-photo img {
height: 100% !important;
}
#html-body #shopping-cart-table .item-options {
font-size: 1rem;
border-top: solid 1px #a9a9a9;
border-bottom: solid 1px #a9a9a9;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
}
#html-body #shopping-cart-table .item-options li:not(:last-child) {
margin-bottom: 0.3125rem;
}
#html-body #shopping-cart-table .item-options .title {
font-weight: 700;
padding-right: 0.1875rem;
}
#html-body #shopping-cart-table .item-options dl {
display: flex;
flex-wrap: wrap;
}
#html-body #shopping-cart-table .item-options dt, #html-body #shopping-cart-table .item-options dd {
float: none;
padding: 0;
}
#html-body #shopping-cart-table .action-delete {
text-decoration: underline;
display: inline-flex;
align-items: center;
}
#html-body #shopping-cart-table .action-delete, #html-body #shopping-cart-table .action-delete span {
color: #30b7bb;
}
#html-body #shopping-cart-table .action-delete:before {
content: '';
width: 1.25rem;
aspect-ratio: 1;
flex: none;
background-color: #e12a58;
-webkit-mask: url("../images/booking/remove.svg") no-repeat center center/contain;
mask: url("../images/booking/remove.svg") no-repeat center center/contain;
margin-right: 0.5rem;
}
#html-body .cart-discount {
margin-top: 1.875rem;
border: solid 1px #e12a58;
}
#html-body .gap-space {
padding-top: 1.875rem;
}
#html-body .cart-summary {
padding: 0;
background-color: transparent;
}
#html-body .cart-summary .table-wrapper {
background-color: #f2f2f2;
}
#html-body .cart-summary .table-wrapper tr {
font-size: 1rem;
}
#html-body .cart-summary .table-wrapper th {
background-color: #f2f2f2;
}
#html-body .quantity-filled .quantity {
background-color: #fff;
font-size: 1rem;
color: #2e2d44;
height: 2.8125rem;
}
@-webkit-keyframes screenIn {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes screenIn {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
#html-body:has(#booking-section-process) .ui-datepicker {
width: 100%;
}
#html-body:has(#booking-section-process) .ui-datepicker, #html-body:has(#booking-section-process) .ui-datepicker * {
border: 0 !important;
padding: 0 !important;
text-align: center !important;
border-radius: 0 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker th, #html-body:has(#booking-section-process) .ui-datepicker td a, #html-body:has(#booking-section-process) .ui-datepicker td span {
padding: 1.25rem !important;
}
@media (max-width: 992px) {
#html-body:has(#booking-section-process) .ui-datepicker th, #html-body:has(#booking-section-process) .ui-datepicker td a, #html-body:has(#booking-section-process) .ui-datepicker td span {
padding: 0.625rem !important;
}
}
#html-body:has(#booking-section-process) .ui-datepicker th {
font-weight: 900;
}
#html-body:has(#booking-section-process) .ui-datepicker td a {
border-radius: 4px !important;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#html-body:has(#booking-section-process) .ui-datepicker td a:hover {
background-color: #D9D9D9 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker-title {
color: #fff !important;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
margin: 0;
text-transform: none;
}
#html-body:has(#booking-section-process) .ui-datepicker-header {
font-weight: 700;
font-size: 1.5625rem;
background-color: #30b7bb;
display: flex;
align-items: center;
justify-content: center;
min-height: 4.375rem;
}
@media (max-width: 992px) {
#html-body:has(#booking-section-process) .ui-datepicker-header {
font-size: 1.375rem;
min-height: 3.125rem;
}
}
#html-body:has(#booking-section-process) .ui-datepicker-calendar {
font-size: 1.125rem;
border: solid 1.25rem white !important;
margin: 0;
}
@media (max-width: 992px) {
#html-body:has(#booking-section-process) .ui-datepicker-calendar {
border-width: 0.625rem !important;
}
}
#html-body:has(#booking-section-process) .ui-datepicker-calendar * {
background-color: #fff !important;
color: #2e2d44;
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-state-active, #html-body:has(#booking-section-process) .ui-datepicker .ui-state-active:hover {
background: #22b573 !important;
color: #fff !important;
font-weight: 700;
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-state-disabled {
opacity: .3 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-soldout, #html-body:has(#booking-section-process) .ui-datepicker .dmy-closed {
opacity: 1 !important;
padding: 0.3125rem !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-soldout span, #html-body:has(#booking-section-process) .ui-datepicker .dmy-closed span {
margin-left: auto;
margin-right: auto;
max-width: 5.3125rem;
padding: 0.9375rem !important;
position: relative;
border-radius: 4px !important;
border: 1px solid #2e2d44 !important;
color: #fff !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-soldout span:after, #html-body:has(#booking-section-process) .ui-datepicker .dmy-closed span:after {
content: '';
color: #2e2d44;
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-soldout span {
border-color: #e40426 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-soldout span:after {
content: 'Sold Out';
color: #e40426 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-closed span {
border-color: #36a9e1 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .dmy-closed span:after {
content: 'Closed';
color: #36a9e1 !important;
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-prev, #html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
-webkit-mask-size: auto 25px;
mask-size: auto 25px;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-prev span, #html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-next span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-prev {
-webkit-mask-image: url("../images/booking/prev.svg");
mask-image: url("../images/booking/prev.svg");
}
#html-body:has(#booking-section-process) .ui-datepicker .ui-datepicker-next {
-webkit-mask-image: url("../images/booking/next.svg");
mask-image: url("../images/booking/next.svg");
}
.graphic-icon {
display: inline-flex;
align-items: center;
}
.graphic-icon:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 1.25rem;
aspect-ratio: 1;
background-color: #fff;
margin-right: 0.5rem;
flex: none;
}
.graphic-icon.basket:before {
-webkit-mask-image: url("../images/booking/basket.svg");
mask-image: url("../images/booking/basket.svg");
}
.graphic-icon.ticket:before {
-webkit-mask-image: url("../images/booking/ticket.svg");
mask-image: url("../images/booking/ticket.svg");
}
.graphic-icon.person:before {
-webkit-mask-image: url("../images/booking/person.svg");
mask-image: url("../images/booking/person.svg");
}
.graphic-icon.time:before {
-webkit-mask-image: url("../images/booking/time.svg");
mask-image: url("../images/booking/time.svg");
}
.graphic-icon.map:before {
-webkit-mask-image: url("../images/booking/map.svg");
mask-image: url("../images/booking/map.svg");
}
.graphic-icon.date:before {
-webkit-mask-image: url("../images/booking/date.svg");
mask-image: url("../images/booking/date.svg");
}
.graphic-icon.time:before {
-webkit-mask-image: url("../images/booking/time.svg");
mask-image: url("../images/booking/time.svg");
}
.graphic-icon.person:before {
-webkit-mask-image: url("../images/booking/person.svg");
mask-image: url("../images/booking/person.svg");
}
.graphic-icon.car:before {
-webkit-mask-image: url("../images/booking/car.svg");
mask-image: url("../images/booking/car.svg");
}
.graphic-icon.remove:before {
-webkit-mask-image: url("../images/booking/remove.svg");
mask-image: url("../images/booking/remove.svg");
}
.graphic-icon.add:before {
-webkit-mask-image: url("../images/booking/add.svg");
mask-image: url("../images/booking/add.svg");
}
.graphic-icon.lightning:before {
-webkit-mask-image: url("../images/booking/lightning.svg");
mask-image: url("../images/booking/lightning.svg");
}
.row-flex-basic {
display: flex;
flex-wrap: wrap;
}
.row-flex-basic [class^="col-"] {
float: none;
}
.media:not(.product) {
position: relative;
overflow: hidden;
max-width: 100%;
}
.media:not(.product):not(.transparent):not(.product) {
background-color: #a9a9a9;
}
.media:not(.product) img, .media:not(.product) video {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.media:not(.product).banner {
aspect-ratio: 1.8;
}
.media:not(.product).teaser {
aspect-ratio: 2.05556;
}
.media:not(.product).square {
aspect-ratio: 1;
}
.media:not(.product).special-event-image {
aspect-ratio: 1;
}
@media (max-width: 992px) {
.media:not(.product).special-event-image {
aspect-ratio: 1.77778;
}
}
.media:not(.product).portrait {
aspect-ratio: 0.75;
}
.tall {
height: 100%;
}
.wide {
width: 100%;
}
.inactive {
display: none;
}
.justify-end {
justify-content: flex-end;
}
.justify-middle {
justify-content: center;
}
.list-reset, .list-reset li {
list-style: none;
padding: 0;
margin: 0;
}
#html-body .header .basket-controls {
margin-top: 0.3125rem;
margin-bottom: 0;
}
.header-buttons {
display: flex;
align-items: center;
}
.header-buttons .basket {
margin-right: 0.625rem;
}
#html-body .header-buttons .button {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
height: auto;
min-height: 2.375rem;
font-size: 0.875rem;
align-items: center;
}
#html-body .highlights {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.highlights .graphic-icon:before {
background-color: #e12a58;
}
.curve {
position: relative;
}
.curve:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
aspect-ratio: 21.81818;
background-color: #2e2d44;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url("../images/booking/curve-large.svg");
mask-image: url("../images/booking/curve-large.svg");
}
.curve.curve-smaller:after {
aspect-ratio: 10.88235;
background-color: #1E1E2D;
-webkit-mask-image: url("../images/booking/curve-small.svg");
mask-image: url("../images/booking/curve-small.svg");
}
.curve-vertical {
position: relative;
}
.curve-vertical:after {
content: '';
position: absolute;
bottom: 0;
background-color: #1E1E2D;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (min-width: 992px) {
.curve-vertical:after {
right: 0;
top: 0;
aspect-ratio: 0.075;
-webkit-mask-image: url("../images/booking/curve-vertical.svg");
mask-image: url("../images/booking/curve-vertical.svg");
}
}
@media (max-width: 992px) {
.curve-vertical:after {
left: 0;
right: 0;
z-index: 99;
aspect-ratio: 10.88235;
-webkit-mask-image: url("../images/booking/curve-small.svg");
mask-image: url("../images/booking/curve-small.svg");
}
}
.booking-steps {
padding-bottom: 3.75rem;
background-color: #2e2d44;
}
@media (max-width: 992px) {
.booking-steps {
padding-top: 0.625rem;
padding-bottom: 2.5rem;
}
}
.booking-banner .content {
padding-top: 3.75rem;
padding-bottom: 7.5rem;
}
@media (max-width: 992px) {
.booking-banner .content {
padding-top: 1.5625rem;
padding-bottom: 4.375rem;
}
}
.booking-banner h1 {
max-width: none;
margin-left: 0;
margin-right: 0;
}
@media (max-width: 992px) {
.booking-banner .graphic {
display: none;
}
}
.grouping > :not(:last-child) {
margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
.grouping > :not(:last-child) {
margin-bottom: 0.9375rem;
}
}
.grouping-switch {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 1.875rem;
}
@media (max-width: 992px) {
.grouping-switch {
gap: 0.9375rem;
}
}
.group-tight > :not(:last-child) {
margin-bottom: 0.9375rem;
}
.editor > * {
margin-bottom: 0;
}
.editor > *:not(:last-child) {
margin-bottom: 1.5625rem;
}
.progress-wrap {
position: relative;
}
.progress-status {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 2px;
background-color: #e12a58;
left: 0;
z-index: 1;
transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.progress-steps {
position: relative;
display: flex;
flex-wrap: wrap;
counter-reset: listing;
justify-content: space-between;
}
.progress-steps:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 2px;
background-color: #fff;
left: 0;
right: 0;
}
.progress-steps li {
position: relative;
color: #fff;
font-size: 1.125rem;
display: flex;
flex-direction: column;
align-items: center;
counter-increment: listing;
width: 3.125rem;
}
@media (max-width: 992px) {
.progress-steps li {
width: 2.1875rem;
font-size: 0.75rem;
}
}
.progress-steps li:before {
content: "" counter(listing) " ";
width: 100%;
aspect-ratio: 1;
background-color: #30B7BB;
border: solid 2px #fff;
font-size: 1.5625rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
position: relative;
z-index: 2;
}
@media (max-width: 992px) {
.progress-steps li:before {
font-size: 1rem;
}
}
.progress-steps li span {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: calc(100% + 5px);
white-space: nowrap;
}
.progress-steps .active {
font-weight: 700;
}
.progress-steps .active:before {
background-color: #e12a58;
}
.progress-steps .active ~ li:before {
background-color: #2e2d44;
}
.ticket-items {
display: flex;
flex-direction: column;
gap: 0.4375rem;
}
@media (min-width: 992px) {
.booking-summary, .cart-summary {
position: sticky;
top: 1.25rem !important;
}
}
.booking-summary .summary-panel-inner ul:not(.default) {
margin-top: 0.9375rem;
padding-top: 0.9375rem;
border-top: solid 2px #D9D9D9;
}
.booking-summary li {
font-size: 1.125rem;
}
.booking-summary li.spaced {
padding-top: 0.4375rem;
}
.booking-summary .fields {
line-height: 1.1;
}
.booking-summary .graphic-icon:before {
background-color: #2e2d44;
}
.booking-summary-total {
font-weight: 900;
padding-top: 0.3125rem;
}
.booking-summary .pricing {
display: flex;
gap: 1.5625rem;
justify-content: space-between;
}
.booking-summary .pricing .price {
flex: none;
}
.summary-panel {
padding: 2.5rem 1.875rem;
background-color: #f2f2f2;
border-top: solid 5px #30b7bb;
}
#html-body .heading-main {
margin-bottom: 1.5625rem;
}
@media (max-width: 992px) {
#html-body .heading-main {
margin-bottom: 0.9375rem;
}
}
.booking-main {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
@media (max-width: 992px) {
.booking-main {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
.booking-header-main {
margin-bottom: 3.125rem;
}
@media (max-width: 992px) {
.booking-header-main {
margin-bottom: 0.9375rem;
}
}
#html-body .page-heading-main {
font-size: 2.75rem;
}
@media (max-width: 992px) {
#html-body .page-heading-main {
font-size: 2rem;
}
}
.booking-step-process {
-webkit-animation: screenIn 0.7s cubic-bezier(0.19, 1, 0.22, 1);
animation: screenIn 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.booking-step-process, .summary-step {
display: none;
}
.booking-step h2, .booking-step .opc-wrapper .step-title, .opc-wrapper .booking-step .step-title,
.booking-step .opc-block-shipping-information .shipping-information-title, .opc-block-shipping-information .booking-step .shipping-information-title,
.booking-step .checkout-agreements-items .checkout-agreements-item-title, .checkout-agreements-items .booking-step .checkout-agreements-item-title, .booking-step h3, .booking-step .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend .booking-step span, .booking-step .login-container .block .block-title, .login-container .block .booking-step .block-title, .booking-step h4:not(.default), .booking-step p {
color: #fff;
}
.booking-step input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.booking-step input, .booking-step button {
outline: 0 !important;
}
.selection-area {
padding: 3.125rem;
background-color: #2e2d44;
border-top: solid 5px #30b7bb;
}
@media (max-width: 992px) {
.selection-area {
padding: 1.25rem;
}
}
#html-body .active {
display: block;
}
#giftaid-cont {
padding: 0 !important;
}
.switch-radio {
position: relative;
}
.switch-radio input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: 0 !important;
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: 0;
right: 0;
left: 0 !important;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
#html-body .switch-radio input:checked + span {
background-color: #22b573;
color: #fff;
box-shadow: 0 0.25rem 0 #22b573;
border-color: #22b573;
}
.switch-radio input:not(:checked):hover + span {
background-color: #D9D9D9;
box-shadow: 0 0.25rem 0 #a9a9a9;
}
.switch-radio input:focus, .switch-radio input:focus-visible {
opacity: 1;
}
.switch-radio span {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 0.9375rem 1.875rem;
background-color: #fff;
border-radius: 4px;
color: #2E2D42;
border: solid 1px #D9D9D9;
font-size: 1.125rem;
box-shadow: 0 0.25rem 0 #D9D9D9;
text-transform: uppercase;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.switch-radio span:not(.smaller) {
min-width: 6.875rem;
}
.switch-radio span.smaller {
padding: 0.5rem 0.9375rem;
font-size: 0.875rem;
}
#html-body .switch-radio.gift-aid-yes span, #html-body .switch-radio.gift-aid-yes input:hover + span, #html-body .switch-radio.gift-aid-yes input:checked + span {
border-color: #22b573;
box-shadow: 0 0.25rem 0 #22b573;
}
#html-body .switch-radio.gift-aid-yes span {
background-color: #E2FCF0;
}
#html-body .switch-radio.gift-aid-yes input:hover + span {
background-color: #c9f5e4;
}
#html-body .switch-radio.gift-aid-yes input:checked + span {
background-color: #22b573;
}
#html-body .switch-radio.gift-aid-no input:checked + span {
background-color: #e40426;
border-color: #e40426;
box-shadow: 0 0.25rem 0 #e40426;
}
#html-body .booking-radio-list {
display: flex;
flex-wrap: wrap;
gap: 0.9375rem;
}
.booking-nav {
padding-top: 2.5rem;
}
@media (max-width: 992px) {
.booking-nav {
padding-top: 0.9375rem;
}
}
.booking-nav ul {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
}
@media (max-width: 992px) {
.booking-nav ul {
flex-direction: column;
}
}
@media (min-width: 992px) {
.booking-nav ul {
justify-content: flex-end;
}
}
@media (min-width: 992px) {
.booking-nav.process ul {
justify-content: space-between;
}
}
@media (min-width: 992px) {
.booking-nav.start ul {
justify-content: flex-start;
}
}
.booking-nav .back, .booking-nav .complete {
display: none;
}
@media (max-width: 992px) {
.booking-nav .button {
width: 100%;
text-align: center;
justify-content: center;
}
}
.booking-tickets > :not(:first-child) {
border-top: solid 1px #a9a9a9;
}
.booking-ticket-item {
display: flex;
gap: 1.25rem;
flex-wrap: wrap;
align-items: center;
}
#html-body .booking-ticket-item {
padding: 0.625rem 0;
}
@media (min-width: 992px) {
#html-body .booking-ticket-item {
padding: 0.625rem 1.25rem;
}
}
@media (min-width: 992px) {
.booking-ticket-item {
justify-content: space-between;
}
}
.booking-ticket-item p {
margin: 0;
}
.booking-ticket-item .item {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
@media (min-width: 992px) {
.booking-ticket-item .type {
width: 12.5rem;
}
}
@media (max-width: 992px) {
.booking-ticket-item .type, .booking-ticket-item .ticket-quantity {
width: 100%;
}
}
.booking-ticket-item .title {
text-transform: none;
font-size: 1.5625rem;
margin-bottom: 0.3125rem;
line-height: 1.1;
}
@media (max-width: 992px) {
.booking-ticket-item .title {
font-size: 1.25rem;
}
}
.booking-ticket-item .price {
text-align: center;
}
.booking-ticket-item .price .value {
font-size: 1.5625rem;
}
.booking-ticket-item .price .text {
font-size: 0.75rem;
}
.booking-ticket-item .donation-yes p, .booking-ticket-item .donation-no p {
color: #a9a9a9;
}
.booking-ticket-item .highlighted p {
color: #fff;
}
.booking-ticket-item .highlighted .value {
font-weight: 700;
}
.booking-ticket-item .summary {
font-size: 0.875rem;
}
.booking-ticket-item .summary, .booking-ticket-item .price .text {
line-height: 1.2;
}
.ticket-quantity {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.quantity-switch {
display: flex;
width: 2.75rem;
aspect-ratio: 1;
background-color: #fff;
border-radius: 100%;
padding: 0;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#html-body .quantity-switch:hover, #html-body .quantity-switch:focus {
background-color: #D9D9D9;
top: 0;
box-shadow: none;
}
.quantity-switch .inner {
flex: 1;
height: 100%;
background-color: #2e2d44;
-webkit-mask-size: 35%;
mask-size: 35%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.disabled, :disabled {
pointer-events: none;
opacity: .3;
}
#html-body .proceed-to-checkout-button {
background-image: none;
display: flex;
align-items: center;
justify-content: center;
}
#html-body .proceed-to-checkout-button .inner {
display: flex;
align-items: center;
}
#html-body .proceed-to-checkout-button .inner:before {
content: '';
flex: none;
width: 20px;
aspect-ratio: 1;
background: url("../images/padlock.svg") no-repeat center center/contain;
margin-right: 10px;
}
.inc .inner {
-webkit-mask-image: url("../images/booking/plus.svg");
mask-image: url("../images/booking/plus.svg");
}
.dec .inner {
-webkit-mask-image: url("../images/booking/minus.svg");
mask-image: url("../images/booking/minus.svg");
}
.quantity-wrap {
margin: 0;
}
.quantity-wrap input {
margin: 0;
height: auto;
}
.quantity-wrap input[type="number"]::-webkit-outer-spin-button,
.quantity-wrap input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity-wrap input[type="number"] {
-moz-appearance: textfield;
}
.quantity {
width: 3.125rem;
font-size: 1.5625rem;
font-weight: 700;
background-color: transparent;
margin: 0;
padding: 0;
color: #fff;
text-align: center;
line-height: 1;
}
.quantity-information {
text-align: center;
padding-top: 0.3125rem;
font-size: 0.875rem;
}
.selection-area:not(:last-child) {
margin-bottom: 0.9375rem;
}
.subtotal {
color: #fff;
}
.tickets-extra {
padding: 0.625rem;
display: flex;
flex-wrap: wrap;
gap: 0.9375rem;
align-items: center;
justify-content: space-between;
background-color: #1E1E2D;
}
@media (max-width: 992px) {
.tickets-extra {
flex-direction: column;
align-items: flex-start;
}
}
.switch-checkbox {
position: relative;
margin: 0;
}
.switch-checkbox input {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
margin: 0;
}
.switch-checkbox input:checked + .inner:before {
background-image: url("../images/booking/tick.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 60%;
border-color: #30b7bb;
}
.switch-checkbox input:not(:checked):hover + .inner:before {
background-color: #D9D9D9;
}
.switch-checkbox input:focus, .switch-checkbox input:focus-visible {
opacity: 1;
}
.switch-checkbox .inner {
display: flex;
align-items: center;
gap: 0.9375rem;
}
.switch-checkbox .inner:before {
content: '';
width: 1.875rem;
aspect-ratio: 1;
background-color: #fff;
border-radius: 4px;
flex: none;
border: solid 2px #fff;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.switch-checkbox .label-text {
display: block;
color: #fff;
font-weight: 700;
font-size: 1.125rem;
}
.switch-checkbox a {
text-decoration: underline;
color: #30b7bb;
font-size: 0.875rem;
position: relative;
z-index: 9;
}
.link-teal {
text-decoration: underline;
color: #30b7bb;
font-size: 0.875rem;
}
.radio-switch-buttons {
display: flex;
flex-direction: column;
gap: 0.9375rem;
}
.panel-clean {
padding: 1.875rem;
background-color: #fff;
}
@media (max-width: 992px) {
.panel-clean {
padding: 0.9375rem;
}
}
.panel-clean:not(:last-child) {
margin-bottom: 1.875rem;
}
.panel-clean p {
color: inherit;
}
.choice-wrap {
display: flex;
flex-wrap: wrap;
gap: 1.5625rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
@media (max-width: 992px) {
.choice-wrap {
flex-direction: column;
}
}
.choice-content {
flex: 1;
}
.choice-content .giftaid-options {
padding-top: 1.25rem;
}
#html-body .choice-content p {
color: #2e2d44;
}
.choice-image {
flex: none;
max-width: 15rem;
display: flex;
flex-direction: column;
align-items: center;
}
.choice-image img {
max-width: 100%;
height: auto;
}
.choice-image .gift-aid-photo {
margin-bottom: 1.25rem;
}
.choice-image .gift-aid-logo {
width: 80%;
}
.heading-main {
margin-bottom: 1.5625rem;
}
.add-on-group:not(:last-child) {
padding-bottom: 1.875rem;
margin-bottom: 1.875rem;
border-bottom: solid 1px #a9a9a9;
}
.add-on {
height: 100%;
display: flex;
flex-direction: column;
transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.add-on.highlighted {
box-shadow: 0 0 0 4px #22b573;
}
.add-on .detail {
flex: 1;
background-color: #1E1E2D;
padding: 0 1.875rem 2.5rem;
border-bottom: solid 5px #30b7bb;
}
.add-on p {
margin: 0;
}
.add-on .highlights li {
color: #fff;
}
.add-on .highlights .graphic-icon:before {
background-color: #fff;
width: 0.9375rem;
}
@media (min-width: 992px) {
.glide-slider .glide__track, .glide-slider .glide__slides {
overflow: visible;
}
}
.add-on-basket {
padding-top: 1.5625rem;
}
.moreless, .moreless:hover {
color: #30b7bb;
font-weight: 700;
text-decoration: underline;
}
.ticket-price {
font-size: 1.5rem;
font-weight: 700;
color: #fff;
}
.add-on-highlights {
padding-top: 0.9375rem;
margin-bottom: 1.875rem;
}
.add-on-highlights li {
color: #fff;
}
.add-on-highlights a {
color: #22b573;
text-decoration: underline;
font-size: 0.875rem;
}
.add-on-highlights .graphic-icon:before {
background-color: #fff;
}
.booking-header {
background-color: #2e2d44;
}
.booking-header .page-title {
color: #fff;
padding-top: 3.75rem;
padding-bottom: 2.5rem;
margin: 0;
max-width: none;
}
#html-body .booking-header .page-title {
text-align: center;
display: block;
}
@media (max-width: 992px) {
.booking-header .page-title {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
}
}
.booking-payment-methods {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.booking-payment-methods li, .booking-payment-methods div {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 4.0625rem;
aspect-ratio: 1.44444;
}
@media (max-width: 992px) {
.booking-payment-methods li, .booking-payment-methods div {
width: 3.125rem;
}
}
#html-body .booking-payment-methods li, #html-body .booking-payment-methods div {
margin: 0;
border: solid 1px #D9D9D9;
}
.booking-payment-methods .visa {
background-image: url("../images/booking/visa.svg");
}
.booking-payment-methods .mastercard {
background-image: url("../images/booking/mastercard.svg");
}
.booking-payment-methods .american-express {
background-image: url("../images/booking/american-express.svg");
}
.booking-payment-methods .apple-pay {
background-image: url("../images/booking/apple-pay.svg");
}
.booking-payment-methods .google-pay {
background-image: url("../images/booking/google-pay.svg");
}
.booking-payment-methods .paypal-logo {
background-image: url("../images/booking/paypal.svg");
}
.heading-secondary {
text-transform: none;
}
.discount-code {
border-top: solid 1px #a9a9a9;
padding: 1.875rem 1.25rem 0 1.25rem;
}
@media (max-width: 992px) {
.discount-code {
padding: 1.25rem 0;
}
}
.discount-code .heading-secondary {
margin-bottom: 0.625rem;
}
.discount-code label, .discount-code input {
margin: 0;
width: 16.25rem;
}
.discount-code input, .discount-code button {
height: 3.125rem;
}
.discount-code-form {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.discount-code-form {
align-items: center;
}
}
@media (max-width: 992px) {
.discount-code-form {
gap: 0.3125rem;
flex-direction: column;
}
}
@media (max-width: 992px) {
.discount-code-form input, .discount-code-form button, .discount-code-form label {
width: 100%;
}
}
@media (max-width: 992px) {
.discount-code-form button {
text-align: center;
justify-content: center;
}
}
.basket-items {
border-top: solid 1px #a9a9a9;
}
.basket-items > :not(:last-child) {
border-bottom: solid 1px #a9a9a9;
}
.basket-items .inner {
padding: 1.875rem 1.25rem 3.75rem 1.25rem;
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
@media (max-width: 992px) {
.basket-items .inner {
flex-direction: column;
padding: 1.25rem 0;
}
}
.basket-items li, .basket-items .price {
color: #fff;
}
.basket-items li {
font-size: 1.125rem;
}
.basket-items li .graphic-icon:before {
width: 1rem;
}
.basket-items .price {
font-weight: 700;
font-size: 1.5625rem;
}
.basket-items .info {
flex: 1;
}
.basket-items .info > :not(:last-child) {
margin-bottom: 0.9375rem;
}
.basket-items .info ul {
padding-bottom: 0.9375rem;
border-bottom: solid 1px #a9a9a9;
}
.basket-items .image {
width: 8.75rem;
}
.remove-item .graphic-icon:before {
background-color: #e12a58;
}
.remove-item a {
color: #30b7bb;
text-decoration: underline;
display: inline-flex;
}
.tag {
display: inline-flex;
background-color: #22b573;
color: #fff;
border-radius: 0.75rem;
padding: 0.25rem 0.625rem;
font-weight: 700;
font-size: 0.875rem;
}
.tag .graphic-icon:before {
width: 1rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.special-event {
border-bottom: solid 5px #30b7bb;
}
.special-event .detail {
padding-top: 2.5rem;
border: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
}
.form-text-input {
display: flex;
flex-direction: column;
margin: 0;
}
.form-text-input .input-label {
display: block;
font-family: 'proxima-nova', Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.2em;
color: #2e2d44;
margin: 0 0 0.25em;
text-transform: uppercase;
font-weight: 600;
text-transform: none;
font-size: 1.125rem;
margin-bottom: 0.3125rem;
}
.form-text-input input {
border: solid 1px #a9a9a9;
background-color: #fff;
padding: 0.75rem 1.125rem;
width: 100%;
}
@media (min-width: 992px) {
.form-text-input input {
width: 50%;
}
}
.booking-date input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.product.attribute.overview {
display: none;
}
#html-body #gift-aid-message {
margin: 0;
padding: 1.5625rem;
background-color: #fff;
border: solid 0.3125rem #e40426;
}
@media (max-width: 992px) {
#html-body #gift-aid-message {
padding: 0.9375rem;
}
}
#html-body #gift-aid-message h3, #html-body #gift-aid-message .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend #html-body #gift-aid-message span, #html-body #gift-aid-message .login-container .block .block-title, .login-container .block #html-body #gift-aid-message .block-title, #html-body #gift-aid-message p {
color: #333333;
}
#gift-aid-message h3, #gift-aid-message .opc-wrapper #checkout-step-payment .legend span, .opc-wrapper #checkout-step-payment .legend #gift-aid-message span, #gift-aid-message .login-container .block .block-title, .login-container .block #gift-aid-message .block-title {
margin-bottom: 0.9375rem;
}
#gift-aid-message p {
margin-bottom: 0;
font-size: 0.9375rem;
}
#html-body .gift-aid-text > :not(:last-child) {
margin-bottom: 0.9375rem;
}
#html-body .basket-button a {
display: inline-flex;
border-color: #30B7BB;
}
#html-body .basket-button a:hover {
transform: none;
}
#html-body .remove-top {
padding-top: 0;
}
.highlight-inner p {
margin: 0;
line-height: 1.2;
}
@media (min-width: 992px) {
#html-body .page-header {
position: relative;
z-index: 99;
}
}
div.mage-error {
padding: 15px 15px 15px 40px;
margin-bottom: 10px;
border-top: 3px solid #e40426;
border-radius: 0;
background-image: url("../images/warning-triangle.png");
background-repeat: no-repeat;
background-size: 23px;
background-position: 10px 12px;
background-color: #f2f2f2;
font-size: 15px;
font-weight: 300;
color: #2e2d44;
}
input.mage-error {
background: transparent;
}
#html-body .message-success {
color: #fff;
background-color: #22b573;
}
.giftaid-options + div.mage-error {
margin-top: 1.25rem;
}
.slider-disabled .glide__bullets {
display: none;
}
.group-planetarium .add-on .detail {
border-bottom-color: #22b573;
}
#html-body button.checkout {
height: 60px;
background-position: 32px center;
font-size: 17px !important;
}
@media (min-width: 992px) {
.cart-container {
content: "";
display: table;
}
.cart-container:after {
clear: both;
}
}
.tickets-extra-info {
flex: 1;
}
.tickets-extra-info-text {
margin-bottom: 0;
padding-top: 0.5rem;
font-size: 0.875rem;
}
.button-grouping {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width: 992px) {
.button-grouping {
align-items: flex-end;
}
}
.label-heading {
float: none !important;
margin: 0 !important;
}
.giftaid-options-radio {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.giftaid-options-radio label {
width: auto !important;
margin: 0 !important;
}
.choice-alternative .choice-image {
align-items: flex-start !important;
}
.choice-alternative .choice-image img {
margin-bottom: 0 !important;
}
.row-flex {
display: flex;
flex-wrap: wrap;
}
.row-flex:not(.no-gutters) {
margin-top: -1.25rem;
}
.row-flex:not(.no-gutters) > * {
margin-top: 1.25rem;
}
.row-flex [class^="col-"] {
float: none;
}
.row-flex.middle {
justify-content: center;
}
.row-flex-grid .item {
margin-bottom: 0;
display: flex;
flex-direction: column;
height: 100%;
}
.row-flex-grid .item .text-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.row-flex-grid .item .text-container .inner {
height: auto !important;
}
.button {
display: inline-flex;
padding: 0.75rem;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
border-radius: 0.3125rem;
transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
#html-body .button {
text-decoration: none;
}
@media not all and (hover: none) {
#html-body .button:hover {
box-shadow: none;
transform: translateY(0.25rem);
}
}
.button.bigger {
padding: 0.9375rem 1.875rem;
font-size: 1.125rem;
}
.button.stretched {
width: 100%;
justify-content: center;
}
.button.primary {
background-color: #e12a58;
color: #fff;
box-shadow: 0 0.25rem 0 #9B1C38;
}
.button.secondary {
background-color: #fff;
color: #2E2D42;
box-shadow: 0 0.25rem 0 #a9a9a9;
}
.button.tertiary {
background-color: #30B7BB;
color: #fff;
box-shadow: 0 0.25rem 0 #2C7476;
}
.button.darker {
background-color: #2e2d44;
color: #fff;
box-shadow: 0 0.25rem 0 #424160;
}
.media {
position: relative;
overflow: hidden;
}
.media img, .media video {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.media.card-preview:before {
content: '';
float: left;
padding-top: calc(100% * 15 / 19);
}
.media.card-preview:after {
content: '';
display: block;
clear: both;
}
.icon-stamp {
display: inline-flex;
align-items: center;
}
.icon-stamp:before {
width: 1.25rem;
height: 1.25rem;
background-color: #fff;
margin-right: 0.5rem;
}
.icon-stamp.star:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/star.svg");
mask-image: url("../images/events/star.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.user:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/user.svg");
mask-image: url("../images/events/user.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.time:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/time.svg");
mask-image: url("../images/events/time.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.marker:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/marker.svg");
mask-image: url("../images/events/marker.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.dates:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/dates.svg");
mask-image: url("../images/events/dates.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.ticket:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/ticket.svg");
mask-image: url("../images/events/ticket.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.rocket:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/rocket.svg");
mask-image: url("../images/events/rocket.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.denied:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/denied.svg");
mask-image: url("../images/events/denied.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.people:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/people.svg");
mask-image: url("../images/events/people.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.icon-stamp.person:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/person.svg");
mask-image: url("../images/events/person.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.layers {
display: grid;
grid-template-columns: 1fr;
}
.layers .layer {
position: relative;
grid-row-start: 1;
grid-column-start: 1;
}
.layers .layer.top {
z-index: 2;
}
.layers .layer.middle {
display: flex;
flex-direction: column;
justify-content: center;
}
.category-tag {
padding: 0.1875rem 0.75rem 0.125rem 0.625rem;
border-radius: 0.875rem;
font-size: 1.125rem;
font-weight: 600;
background-color: #424160;
}
.category-tag.seafoam {
background-color: #22B573;
}
.category-tag.cyan {
background-color: #30B7BB;
}
.category-tag.red {
background-color: #e40426;
}
.category-tag.orange {
background-color: #E56A0C;
}
.category-tag.purple {
background-color: #64335f;
}
.card-grid ul, .card-grid li {
list-style: none;
padding: 0;
margin: 0;
}
.card-grid-title {
font-size: 1.875rem;
}
@media (max-width: 991px) {
.card-grid-title-primary {
display: none;
}
}
.card-grid-title .bbfc-cert {
max-width: 20px;
}
.card-grid-item {
position: relative;
border-bottom: solid 0.25rem #30B7BB;
display: flex;
flex-direction: column;
height: 100%;
}
.card-grid-item, .card-grid-item * {
color: #fff;
}
#html-body .card-grid-item-actions {
display: flex;
flex-wrap: wrap;
margin-top: -1.25rem;
}
#html-body .card-grid-item-actions > :not(:last-child) {
margin-right: 0.625rem;
}
#html-body .card-grid-item-actions > * {
margin-top: 0.625rem;
}
.card-grid-item-list li {
font-size: 1rem;
}
.card-grid-item-image {
position: relative;
background-color: #a9a9a9;
}
.card-grid-item-image .card-grid-category {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 1.875rem;
padding-right: 1.875rem;
}
.card-grid-item-image.curved:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/curve-top.svg");
mask-image: url("../images/events/curve-top.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.card-grid-item-image.curved:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
padding-top: calc(100% * 1 / 10);
background-color: #2e2d44;
z-index: 1;
-webkit-mask-size: cover;
mask-size: cover;
}
.card-grid-item-detail {
background-color: #2e2d44;
padding: 0.625rem 1.875rem 1.875rem;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.unit-link {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 4;
}
.unit-link-inside {
position: relative;
z-index: 5;
}
.rich-text-summary p {
font-size: 0.875rem;
font-weight: 300;
}
.rich-text-summary > * {
margin-bottom: 0;
}
.rich-text-summary > *:not(:last-child) {
margin-bottom: 0.9375rem;
}
#html-body .card-category {
position: relative;
margin-left: -0.625rem;
}
#html-body .spacing-top {
padding-top: 1.875rem;
}
@media (min-width: 992px) {
#html-body .spacing-top {
padding-top: 3.125rem;
}
}
#html-body .spacing-block {
margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
#html-body .spacing-block {
margin-bottom: 3.75rem;
}
}
#html-body .spacing-medium {
margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
#html-body .spacing-medium {
margin-bottom: 1.875rem;
}
}
#html-body .spacing-standard {
margin-bottom: 1.25rem;
}
#html-body .spacing-small {
margin-bottom: 0.9375rem;
}
.divided {
margin-bottom: 1.875rem;
padding-bottom: 1.875rem;
border-bottom: solid 1px #9D9D9D;
}
@media (min-width: 992px) {
.divided {
margin-bottom: 3.75rem;
padding-bottom: 3.75rem;
}
}
#html-body .slider-arrow {
position: relative;
width: 3.4375rem;
height: 3rem;
border-radius: 0.1875rem;
flex: none;
background-color: #D9D9D9;
transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
border: 0;
box-shadow: none;
}
@media not all and (hover: none) {
#html-body .slider-arrow:hover {
background-color: #B7B7B7;
}
}
.slider-arrow.left:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/arrow-left.svg");
mask-image: url("../images/events/arrow-left.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.slider-arrow.right:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/arrow-right.svg");
mask-image: url("../images/events/arrow-right.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.slider-arrow:before {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: #2e2d44;
}
#html-body .slider-arrow:before {
-webkit-mask-size: 50%;
mask-size: 50%;
}
.slider-arrow-title {
margin: 0;
text-align: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.slider-arrow-group {
display: flex;
justify-content: space-between;
align-items: center;
}
.slider-bullet {
width: 15px;
height: 15px;
background-color: #B7B7B7;
border-radius: 100%;
}
.pagination-list {
padding-top: 1.25rem;
display: flex;
flex-wrap: wrap;
margin-top: -0.4375rem;
justify-content: center;
align-items: center;
}
.pagination-list > :not(:last-child) {
margin-right: 0.4375rem;
}
.pagination-list a {
display: flex;
justify-content: center;
align-items: center;
width: 2.1875rem;
height: 2.1875rem;
background-color: #e12a58;
border-radius: 100%;
margin-top: 0.4375rem;
color: #fff;
text-decoration: none;
}
.pagination-list .active a {
background-color: #2e2d44;
}
@media not all and (hover: none) {
.pagination-list > :not(.active) a:hover {
background-color: #64335f;
}
}
.card-filter {
display: flex;
flex-wrap: wrap;
margin-top: -40px;
}
.card-filter > * {
margin-top: 40px;
}
.card-filter > :not(:last-child) {
margin-right: 40px;
}
.card-filter input[type='submit'] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.card-filter .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
margin-top: -10px;
}
.card-filter .fieldset-wrapper > * {
margin-top: 10px;
}
.card-filter .fieldset-wrapper > :not(:last-child) {
margin-right: 10px;
}
.card-filter legend {
margin-bottom: 1.25rem;
text-transform: uppercase;
font-weight: 600;
}
.card-filter .form-item {
display: grid;
grid-template-columns: 1fr;
}
.card-filter .form-item > * {
grid-row-start: 1;
grid-column-start: 1;
margin: 0;
}
.card-filter .form-item input {
opacity: 0;
cursor: pointer;
}
.card-filter .form-item input:checked + label {
background-color: #30B7BB;
color: #fff;
}
.card-filter .form-item label {
display: inline-flex;
padding: 0.875rem 1.25rem;
border-radius: 0.1875rem;
border: solid 1px #30B7BB;
text-transform: uppercase;
font-size: 0.875rem;
}
.card-filter > fieldset:first-of-type input:checked + label {
background-color: #2E2D42;
}
.card-filter > fieldset:first-of-type label {
border-color: #2E2D42;
}
.card-filter .form-submit {
border: none;
}
.modal.card-filter {
display: block;
}
#master .modal.card-filter.spacing-block {
margin-bottom: 0;
}
.modal.card-filter > :first-child {
margin-top: 0;
}
.modal.card-filter legend {
color: #fff;
}
.modal.card-filter .form-item input:checked + label {
color: #fff;
}
.modal.card-filter .form-item label {
color: #fff;
}
.modal.card-filter > fieldset:first-of-type input:checked + label {
background-color: #fff;
color: #2E2D42;
}
.modal.card-filter > fieldset:first-of-type label {
border-color: #fff;
color: #fff;
}
.editor a {
text-decoration: underline;
}
.notice-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.notice-wrap.no-results:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/no-entry.svg");
mask-image: url("../images/events/no-entry.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.notice-wrap.closed:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/door.svg");
mask-image: url("../images/events/door.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.notice-wrap:before {
background-color: #30b7bb;
width: 6.25rem;
height: 6.25rem;
}
.glide__bullet--active {
background-color: #30b7bb;
}
@media (min-width: 992px) {
.glide__arrows, .glide__bullets, .glide__slide--clone {
display: none;
}
}
@media (min-width: 992px) {
.glide__slides {
transform: initial !important;
width: 100% !important;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.25rem;
}
}
@media (min-width: 1200px) {
.glide__slides {
grid-template-columns: repeat(3, 1fr);
}
}
.glide__slide {
height: auto;
}
@media (min-width: 992px) {
.glide__slide {
width: 100% !important;
margin: 0 !important;
}
}
.card-grid-filter .form-actions {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.text-icon {
display: flex;
}
.text-icon:before {
width: 5.625rem;
height: 3.125rem;
background-color: #30b7bb;
margin-right: 1.875rem;
flex: none;
}
.text-uppercase {
text-transform: uppercase;
}
.text-status-red {
color: #CF3E5A;
}
.text-status-green {
color: #30b7bb;
}
.status-message a {
color: #2E2D42;
text-decoration: underline;
}
.status-message-gsc:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/gsc-letters.svg");
mask-image: url("../images/events/gsc-letters.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.status-message-tickets:before {
content: '';
display: block;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("../images/events/ticket-detailed.svg");
mask-image: url("../images/events/ticket-detailed.svg");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.related-items-wrapper {
padding-top: 1.5625rem;
}
@media (min-width: 992px) {
.related-items-wrapper {
padding-top: 3.125rem;
}
}
#html-body .more-whats-on .btn, #html-body .more-whats-on .header .basket-controls .basket-button a, .header .basket-controls .basket-button #html-body .more-whats-on a, #html-body .more-whats-on .header .basket-controls .basket-button .current, .header .basket-controls .basket-button #html-body .more-whats-on .current, #html-body .more-whats-on .cart-summary .checkout-methods-items .multicheckout, .cart-summary .checkout-methods-items #html-body .more-whats-on .multicheckout,
#html-body .more-whats-on .opc-block-summary .checkout-methods-items .multicheckout, .opc-block-summary .checkout-methods-items #html-body .more-whats-on .multicheckout,
#html-body .more-whats-on .opc-block-shipping-information .checkout-methods-items .multicheckout, .opc-block-shipping-information .checkout-methods-items #html-body .more-whats-on .multicheckout, #html-body .more-whats-on .catalog-product-view .box-tocart .actions button.tocart, .catalog-product-view .box-tocart .actions #html-body .more-whats-on button.tocart, #html-body .more-whats-on .login-container .block-new-customer .actions-toolbar .primary a, .login-container .block-new-customer .actions-toolbar .primary #html-body .more-whats-on a {
height: auto;
padding: 0.75rem;
}