/* Fonts */ /* @font-face { font-family: "Olympia Sans Bold"; src: url(../fonts/olympia-sans/olympiasans-bold.eot); src: url(../fonts/olympia-sans/olympiasans-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/olympia-sans/olympiasans-bold.woff2) format("woff2"),url(../fonts/olympia-sans/olympiasans-bold.woff) format("woff"),url(../fonts/olympia-sans/olympiasans-bold.ttf) format("truetype"),url(../fonts/olympia-sans/olympiasans-bold.svg#olympiasans-bold) format("svg"); font-weight: 400; font-style: normal; font-display: block } @font-face { font-family: "Olympia Sans Poster"; src: url(../fonts/olympia-sans/olympiasans-poster.eot); src: url(../fonts/olympia-sans/olympiasans-poster.eot?#iefix) format("embedded-opentype"),url(../fonts/olympia-sans/olympiasans-poster.woff2) format("woff2"),url(../fonts/olympia-sans/olympiasans-poster.woff) format("woff"),url(../fonts/olympia-sans/olympiasans-poster.ttf) format("truetype"),url(../fonts/olympia-sans/olympiasans-poster.svg#olympiasans-poster) format("svg"); font-weight: 400; font-style: normal; font-display: block }*/ @font-face { font-family: "PP Fragment"; src: url("../fonts/pp-fragment/PPFragment-GlareRegular.woff2") format("woff2"), url("../fonts/pp-fragment/PPFragment-GlareRegular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } /* Typography */ /* Colours */ /* Breakpoints:*/ /* COOKIES JSR SETTINGS */ /* MIXINS */ html, body { font-size: 20px; font-family: "Inter", "Arial", sans-serif; line-height: 1.4em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px; padding: 0px; } @media (max-width: 1199px) { html, body { font-size: 18px; } } @media (max-width: 767px) { html, body { font-size: 16px; } } @media (max-width: 394px) { html, body { font-size: 14px; } } html { max-width: 100%; overflow-x: hidden; background-color: #FF5050; } html.locked { overflow: hidden !important; } body { background-color: #ffffff; color: #373737; padding-top: 160px; max-width: 100%; overflow-x: hidden; } @media (max-width: 1199px) { body { padding-top: 135px; } } @media (max-width: 991px) { body { padding-top: 120px; } } @media (max-width: 767px) { body { padding-top: 80px; } } body.locked { overflow: hidden !important; } body.toolbar-fixed.toolbar-horizontal { padding-top: 195px !important; } /* TYPOGRAPHY */ h1, body .h1 { font-family: "PP Fragment", sans-serif; font-size: 5rem; line-height: 1em; text-transform: uppercase; font-weight: 400; margin-bottom: 2rem; } @media (max-width: 767px) { h1, body .h1 { font-size: 3rem; } } h2, body .h2, body .intro-text-box .box h1, .intro-text-box .box body h1 { font-family: "PP Fragment", sans-serif; font-size: 3rem; line-height: 1em; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; } @media (max-width: 767px) { h2, body .h2, body .intro-text-box .box h1, .intro-text-box .box body h1 { font-size: 2.5rem; } } h3, a.box-link .box-link__title, body .h3 { font-family: "PP Fragment", sans-serif; font-size: 2rem; line-height: 1em; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; } @media (max-width: 767px) { h3, a.box-link .box-link__title, body .h3 { font-size: 2rem; } } h4, a.product-card .product-card__body .product-card__title, section.checkout .checkout__form fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset legend, section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title, body .h4 { font-family: "PP Fragment", sans-serif; font-size: 1.2rem; line-height: 1.2em; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; } p, ul { margin-bottom: 2rem; } section ul { list-style: none; padding-left: 0px; margin-left: 0px; } section ul li { position: relative; padding-left: 30px; } section ul li:before { content: ""; position: absolute; top: 13px; left: 0px; width: 17.5px; height: 2px; background-color: #FF5050; } @media (max-width: 767px) { section ul li:before { top: 7px; } } a { cursor: pointer; text-decoration: underline; color: inherit; } a:hover { color: #FF5050; } blockquote { padding-left: 30px; border-left: 5px solid #888888; margin-bottom: 2em; font-size: 1.25em; } @media (max-width: 767px) { blockquote { border-left-width: 3px; padding-left: 15px; } } span.no-break { white-space: nowrap; } /* COLOR CLASSES */ .white { color: #ffffff; border-color: #ffffff; } .white-bg { background-color: #ffffff; } .white-bg a.button:hover, .white-bg form .form-actions a.webform-button--submit:hover, form .form-actions .white-bg a.webform-button--submit:hover, .white-bg form .form-actions a.form-submit:hover, form .form-actions .white-bg a.form-submit:hover, .white-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white-bg a.form-submit:hover, .white-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .white-bg a.form-submit:hover, .white-bg a.button:focus, .white-bg form .form-actions a.webform-button--submit:focus, form .form-actions .white-bg a.webform-button--submit:focus, .white-bg form .form-actions a.form-submit:focus, form .form-actions .white-bg a.form-submit:focus, .white-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white-bg a.form-submit:focus, .white-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .white-bg a.form-submit:focus, .white-bg a.button.active, .white-bg form .form-actions a.active.webform-button--submit, form .form-actions .white-bg a.active.webform-button--submit, .white-bg form .form-actions a.active.form-submit, form .form-actions .white-bg a.active.form-submit, .white-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.active.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white-bg a.active.form-submit, .white-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.active.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .white-bg a.active.form-submit { background-color: #301444; color: #ffffff; } .black { color: #000000; border-color: #000000; } .black-bg { background-color: #000000; } .black-bg a.button, .black-bg form .form-actions a.webform-button--submit, form .form-actions .black-bg a.webform-button--submit, .black-bg form .form-actions a.form-submit, form .form-actions .black-bg a.form-submit, .black-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .black-bg a.form-submit, .black-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .black-bg a.form-submit { /* &:hover, &:focus, &.active{ background-color: $olympiaViolet; color:$white; } */ } .whiteSmoke-bg { background-color: #EDEDED; } .bondiBlue-bg { background-color: #009CB4; } .olympiaBlue-bg { background-color: #084E6B; } .honeydewWhite-bg { background-color: #F0FFED; } .eclipseGrey-bg { background-color: #373737; color: #ffffff; } .eclipseGrey-bg p.intro { color: #ffffff; } .eclipseGrey-bg .parallax-elements .element.color-white { opacity: 0.35; } .blackcurrantViolet-bg, .olympiaViolet-bg { background-color: #301444; color: #ffffff; } .blackcurrantViolet-bg p.intro, .olympiaViolet-bg p.intro { color: #ffffff; } .sunsetOrange-bg, .olympiaOrange-bg { background-color: #FF5050; color: #ffffff; } .sunsetOrange-bg p.intro, .olympiaOrange-bg p.intro { color: #ffffff; } /* Helper Classes */ @media (min-width: 1200px) { .container { max-width: 1140px; } } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .fullHeight { height: 100%; } /* Dividers */ /* Buttons */ button { border-radius: 0px !important; } button .button, button form .form-actions .webform-button--submit, form .form-actions button .webform-button--submit, button form .form-actions .form-submit, form .form-actions button .form-submit, button section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart button .form-submit, button section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions button .form-submit { outline: 0; border: none; box-shadow: none; } .button, form .form-actions .webform-button--submit, form .form-actions .form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit { display: inline-block; font-family: "Inter", "Arial", sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 1em; padding: 12.5px 25px; color: #ffffff; text-decoration: none; cursor: pointer; position: relative; background-color: #FF5050; border: 0px; border-radius: 25px !important; z-index: 1; transition-duration: 300ms; -webkit-appearance: none; } .button i, form .form-actions .webform-button--submit i, form .form-actions .form-submit i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit i, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit i { margin-left: 10px; color: #ffffff; transition-duration: 300ms; } .button:hover, form .form-actions .webform-button--submit:hover, form .form-actions .form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:hover, .button:focus, form .form-actions .webform-button--submit:focus, form .form-actions .form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:focus, .button.active, form .form-actions .active.webform-button--submit, form .form-actions .active.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .active.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .active.form-submit { background-color: #301444; color: #ffffff; text-decoration: none; } .button.small, form .form-actions .small.webform-button--submit, form .form-actions .small.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .small.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .small.form-submit { padding: 7.5px 12.5px; font-size: 13px; border-radius: 12.5px !important; } .button.altHover:hover, .blackcurrantViolet-bg a.button:hover, .blackcurrantViolet-bg form .form-actions a.webform-button--submit:hover, form .form-actions .blackcurrantViolet-bg a.webform-button--submit:hover, form .form-actions .blackcurrantViolet-bg a.form-submit:hover, .olympiaViolet-bg a.button:hover, .olympiaViolet-bg form .form-actions a.webform-button--submit:hover, form .form-actions .olympiaViolet-bg a.webform-button--submit:hover, form .form-actions .olympiaViolet-bg a.form-submit:hover, .blackcurrantViolet-bg form .form-actions .form-submit:hover, .olympiaViolet-bg form .form-actions .form-submit:hover, form .form-actions .altHover.webform-button--submit:hover, form .form-actions .altHover.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:hover, section.checkout .checkout__form .form-submit:hover, section.checkout .checkout-pane-coupon-redemption .form-submit:hover, .button.altHover:focus, .blackcurrantViolet-bg a.button:focus, .blackcurrantViolet-bg form .form-actions a.webform-button--submit:focus, form .form-actions .blackcurrantViolet-bg a.webform-button--submit:focus, form .form-actions .blackcurrantViolet-bg a.form-submit:focus, .olympiaViolet-bg a.button:focus, .olympiaViolet-bg form .form-actions a.webform-button--submit:focus, form .form-actions .olympiaViolet-bg a.webform-button--submit:focus, form .form-actions .olympiaViolet-bg a.form-submit:focus, .blackcurrantViolet-bg form .form-actions .form-submit:focus, .olympiaViolet-bg form .form-actions .form-submit:focus, form .form-actions .altHover.webform-button--submit:focus, form .form-actions .altHover.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:focus, section.checkout .checkout__form .form-submit:focus, section.checkout .checkout-pane-coupon-redemption .form-submit:focus { color: #301444; background-color: #ffffff; } .button.altHover:hover i, .blackcurrantViolet-bg a.button:hover i, .blackcurrantViolet-bg form .form-actions a.webform-button--submit:hover i, form .form-actions .blackcurrantViolet-bg a.webform-button--submit:hover i, form .form-actions .blackcurrantViolet-bg a.form-submit:hover i, .olympiaViolet-bg a.button:hover i, .olympiaViolet-bg form .form-actions a.webform-button--submit:hover i, form .form-actions .olympiaViolet-bg a.webform-button--submit:hover i, form .form-actions .olympiaViolet-bg a.form-submit:hover i, .blackcurrantViolet-bg form .form-actions .form-submit:hover i, .olympiaViolet-bg form .form-actions .form-submit:hover i, form .form-actions .altHover.webform-button--submit:hover i, form .form-actions .altHover.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:hover i, section.checkout .checkout__form .form-submit:hover i, section.checkout .checkout-pane-coupon-redemption .form-submit:hover i, .button.altHover:focus i, .blackcurrantViolet-bg a.button:focus i, .blackcurrantViolet-bg form .form-actions a.webform-button--submit:focus i, form .form-actions .blackcurrantViolet-bg a.webform-button--submit:focus i, form .form-actions .blackcurrantViolet-bg a.form-submit:focus i, .olympiaViolet-bg a.button:focus i, .olympiaViolet-bg form .form-actions a.webform-button--submit:focus i, form .form-actions .olympiaViolet-bg a.webform-button--submit:focus i, form .form-actions .olympiaViolet-bg a.form-submit:focus i, .blackcurrantViolet-bg form .form-actions .form-submit:focus i, .olympiaViolet-bg form .form-actions .form-submit:focus i, form .form-actions .altHover.webform-button--submit:focus i, form .form-actions .altHover.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit:focus i, section.checkout .checkout__form .form-submit:focus i, section.checkout .checkout-pane-coupon-redemption .form-submit:focus i { color: #301444; } .button.ghost, .sunsetOrange-bg a.button, .sunsetOrange-bg form .form-actions a.webform-button--submit, form .form-actions .sunsetOrange-bg a.webform-button--submit, .sunsetOrange-bg form .form-actions a.form-submit, form .form-actions .sunsetOrange-bg a.form-submit, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .sunsetOrange-bg a.form-submit, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .sunsetOrange-bg a.form-submit, .olympiaOrange-bg a.button, .olympiaOrange-bg form .form-actions a.webform-button--submit, form .form-actions .olympiaOrange-bg a.webform-button--submit, .olympiaOrange-bg form .form-actions a.form-submit, form .form-actions .olympiaOrange-bg a.form-submit, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .olympiaOrange-bg a.form-submit, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .olympiaOrange-bg a.form-submit, form .form-actions .ghost.webform-button--submit, form .form-actions .ghost.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .ghost.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .ghost.form-submit, section.cart .cart__body .form-actions input.form-submit:first-of-type { border: 1px solid #ffffff; color: #ffffff; background-color: transparent; } .button.ghost:hover, .sunsetOrange-bg a.button:hover, .sunsetOrange-bg form .form-actions a.webform-button--submit:hover, form .form-actions .sunsetOrange-bg a.webform-button--submit:hover, .sunsetOrange-bg form .form-actions a.form-submit:hover, form .form-actions .sunsetOrange-bg a.form-submit:hover, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .sunsetOrange-bg a.form-submit:hover, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .sunsetOrange-bg a.form-submit:hover, .olympiaOrange-bg a.button:hover, .olympiaOrange-bg form .form-actions a.webform-button--submit:hover, form .form-actions .olympiaOrange-bg a.webform-button--submit:hover, .olympiaOrange-bg form .form-actions a.form-submit:hover, form .form-actions .olympiaOrange-bg a.form-submit:hover, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .olympiaOrange-bg a.form-submit:hover, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .olympiaOrange-bg a.form-submit:hover, form .form-actions .ghost.webform-button--submit:hover, form .form-actions .ghost.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .ghost.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .ghost.form-submit:hover, section.cart .cart__body .form-actions input.form-submit:hover:first-of-type, .button.ghost:focus, .sunsetOrange-bg a.button:focus, .sunsetOrange-bg form .form-actions a.webform-button--submit:focus, form .form-actions .sunsetOrange-bg a.webform-button--submit:focus, .sunsetOrange-bg form .form-actions a.form-submit:focus, form .form-actions .sunsetOrange-bg a.form-submit:focus, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .sunsetOrange-bg a.form-submit:focus, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .sunsetOrange-bg a.form-submit:focus, .olympiaOrange-bg a.button:focus, .olympiaOrange-bg form .form-actions a.webform-button--submit:focus, form .form-actions .olympiaOrange-bg a.webform-button--submit:focus, .olympiaOrange-bg form .form-actions a.form-submit:focus, form .form-actions .olympiaOrange-bg a.form-submit:focus, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .olympiaOrange-bg a.form-submit:focus, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .olympiaOrange-bg a.form-submit:focus, form .form-actions .ghost.webform-button--submit:focus, form .form-actions .ghost.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .ghost.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .ghost.form-submit:focus, section.cart .cart__body .form-actions input.form-submit:focus:first-of-type { background-color: #ffffff; color: #FF5050; } .button.ghost:hover i, .sunsetOrange-bg a.button:hover i, .sunsetOrange-bg form .form-actions a.webform-button--submit:hover i, form .form-actions .sunsetOrange-bg a.webform-button--submit:hover i, .sunsetOrange-bg form .form-actions a.form-submit:hover i, form .form-actions .sunsetOrange-bg a.form-submit:hover i, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .sunsetOrange-bg a.form-submit:hover i, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .form-actions .sunsetOrange-bg a.form-submit:hover i, .olympiaOrange-bg a.button:hover i, .olympiaOrange-bg form .form-actions a.webform-button--submit:hover i, form .form-actions .olympiaOrange-bg a.webform-button--submit:hover i, .olympiaOrange-bg form .form-actions a.form-submit:hover i, form .form-actions .olympiaOrange-bg a.form-submit:hover i, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .olympiaOrange-bg a.form-submit:hover i, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .form-actions .olympiaOrange-bg a.form-submit:hover i, form .form-actions .ghost.webform-button--submit:hover i, form .form-actions .ghost.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .ghost.form-submit:hover i, section.product-single .product-single__info .product-single__order-elements .form-actions .ghost.form-submit:hover i, section.cart .cart__body .form-actions input.form-submit:hover:first-of-type i, .button.ghost:focus i, .sunsetOrange-bg a.button:focus i, .sunsetOrange-bg form .form-actions a.webform-button--submit:focus i, form .form-actions .sunsetOrange-bg a.webform-button--submit:focus i, .sunsetOrange-bg form .form-actions a.form-submit:focus i, form .form-actions .sunsetOrange-bg a.form-submit:focus i, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .sunsetOrange-bg a.form-submit:focus i, .sunsetOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .form-actions .sunsetOrange-bg a.form-submit:focus i, .olympiaOrange-bg a.button:focus i, .olympiaOrange-bg form .form-actions a.webform-button--submit:focus i, form .form-actions .olympiaOrange-bg a.webform-button--submit:focus i, .olympiaOrange-bg form .form-actions a.form-submit:focus i, form .form-actions .olympiaOrange-bg a.form-submit:focus i, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .olympiaOrange-bg a.form-submit:focus i, .olympiaOrange-bg section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .form-actions .olympiaOrange-bg a.form-submit:focus i, form .form-actions .ghost.webform-button--submit:focus i, form .form-actions .ghost.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .ghost.form-submit:focus i, section.product-single .product-single__info .product-single__order-elements .form-actions .ghost.form-submit:focus i, section.cart .cart__body .form-actions input.form-submit:focus:first-of-type i { color: #FF5050; } .button.white, form .form-actions .white.webform-button--submit, form .form-actions .white.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .white.form-submit { background-color: #ffffff; color: #FF5050; } .button.white:hover, form .form-actions .white.webform-button--submit:hover, form .form-actions .white.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .white.form-submit:hover, .button.white:focus, form .form-actions .white.webform-button--submit:focus, form .form-actions .white.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .white.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .white.form-submit:focus { background-color: #FF5050; color: #ffffff; } .button.violet, form .form-actions .violet.webform-button--submit, form .form-actions .violet.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .violet.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .violet.form-submit { background-color: #301444; color: #ffffff; } .button.violet:hover, form .form-actions .violet.webform-button--submit:hover, form .form-actions .violet.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .violet.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .violet.form-submit:hover, .button.violet:focus, form .form-actions .violet.webform-button--submit:focus, form .form-actions .violet.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .violet.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .violet.form-submit:focus { background-color: #FF5050; color: #ffffff; } .button.violet.altHover:hover, .blackcurrantViolet-bg a.violet.button:hover, .blackcurrantViolet-bg form .form-actions a.violet.webform-button--submit:hover, form .form-actions .blackcurrantViolet-bg a.violet.webform-button--submit:hover, form .form-actions .blackcurrantViolet-bg a.violet.form-submit:hover, .olympiaViolet-bg a.violet.button:hover, .olympiaViolet-bg form .form-actions a.violet.webform-button--submit:hover, form .form-actions .olympiaViolet-bg a.violet.webform-button--submit:hover, form .form-actions .olympiaViolet-bg a.violet.form-submit:hover, .blackcurrantViolet-bg form .form-actions .violet.form-submit:hover, .olympiaViolet-bg form .form-actions .violet.form-submit:hover, form .form-actions .violet.altHover.webform-button--submit:hover, form .form-actions .violet.altHover.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .violet.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .violet.form-submit:hover, section.checkout .checkout__form .violet.form-submit:hover, section.checkout .checkout-pane-coupon-redemption .violet.form-submit:hover, .button.violet.altHover:focus, .blackcurrantViolet-bg a.violet.button:focus, .blackcurrantViolet-bg form .form-actions a.violet.webform-button--submit:focus, form .form-actions .blackcurrantViolet-bg a.violet.webform-button--submit:focus, form .form-actions .blackcurrantViolet-bg a.violet.form-submit:focus, .olympiaViolet-bg a.violet.button:focus, .olympiaViolet-bg form .form-actions a.violet.webform-button--submit:focus, form .form-actions .olympiaViolet-bg a.violet.webform-button--submit:focus, form .form-actions .olympiaViolet-bg a.violet.form-submit:focus, .blackcurrantViolet-bg form .form-actions .violet.form-submit:focus, .olympiaViolet-bg form .form-actions .violet.form-submit:focus, form .form-actions .violet.altHover.webform-button--submit:focus, form .form-actions .violet.altHover.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .violet.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .violet.form-submit:focus, section.checkout .checkout__form .violet.form-submit:focus, section.checkout .checkout-pane-coupon-redemption .violet.form-submit:focus { background-color: #000000; color: #ffffff; } .button.disabled, form .form-actions .disabled.webform-button--submit, form .form-actions .disabled.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .disabled.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .disabled.form-submit { cursor: not-allowed; opacity: 0.5; outline: 0; position: relative; /*&:after{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:white; z-index:1; cursor: not-allowed; }*/ } a.subtle-link { position: relative; text-transform: uppercase; text-decoration: none; } a.subtle-link:before { content: ''; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; transition: all 300ms ease-out; } a.subtle-link:hover { color: inherit; } a.subtle-link:hover:before { width: 50%; } a.subtle-link.white { color: #ffffff; } a.subtle-link.white:before { background-color: #ffffff; } /* Pager */ .pager { position: relative; display: flex; max-width: 800px; width: 100%; margin-top: 30px; text-align: center; } @media (max-width: 767px) { .pager { font-size: 13px; } } @media (max-width: 767px) { .pager .previous { text-align: left; } } @media (max-width: 767px) { .pager .next { text-align: right; } } .pager a { text-decoration: none; } .pager a.previous i { margin-right: 10px; } @media (max-width: 767px) { .pager a.previous i { margin-right: 5px; } } .pager a.next i { margin-left: 10px; } @media (max-width: 767px) { .pager a.next i { margin-left: 5px; } } /* Form style */ form .form-item { position: relative; margin-bottom: 30px; } @media (max-width: 767px) { form .form-item { margin-bottom: 15px; } } form .form-item.ffl-wrapper { position: relative; padding-top: 15px; } form .form-item.ffl-wrapper .ffl-label { cursor: text; position: absolute; margin-bottom: 0px; transition-duration: 300ms; transition-duration: ease-out; top: 30px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } form .form-item.ffl-wrapper.ffl-floated .ffl-label { cursor: default; top: -5px; font-size: 0.8em; } form .form-item label, form .form-item .fieldset-legend { font-weight: normal; font-size: 1em; } form .form-item input[type="text"], form .form-item input[type="email"], form .form-item input[type="tel"], form .form-item input[type="password"], form .form-item input[type="date"], form .form-item textarea { width: 100%; border: none; padding: 10px 15px; color: #000000; outline: 0; font-weight: normal; background-color: #ffffff; transition-duration: 300ms; } form .form-item input[type="text"]:focus, form .form-item input[type="email"]:focus, form .form-item input[type="tel"]:focus, form .form-item input[type="password"]:focus, form .form-item input[type="date"]:focus, form .form-item textarea:focus { border-color: #FF5050 !important; } .has-bg.white-bg form .form-item input[type="text"], .has-bg.white-bg form .form-item input[type="email"], .has-bg.white-bg form .form-item input[type="tel"], .has-bg.white-bg form .form-item input[type="password"], .has-bg.white-bg form .form-item input[type="date"], .has-bg.white-bg form .form-item textarea { border: 1px solid #707070; } form .form-item textarea { min-height: 250px; } form .form-item select { width: 100%; height: 45px; border: none; border-radius: 0px !important; background-color: transparent; color: #373737; background-color: #ffffff; -webkit-appearance: none; } form .form-item .select2-container .select2-selection--single { border-radius: 0px; background-color: transparent; outline: none; border: none; background-color: #ffffff; height: auto; } .has-bg.white-bg form .form-item .select2-container .select2-selection--single { border: 1px solid #707070; } form .form-item .select2-container .select2-selection--single .select2-selection__rendered { padding: 10px 15px; color: #373737; font-weight: normal; } form .form-item .select2-container .select2-selection--single .select2-selection__arrow { height: 100%; } form .form-item .form-checkboxes .form-item { margin-bottom: 15px; } form .form-item.js-form-type-checkbox input { display: none; } form .form-item.js-form-type-checkbox input:checked ~ label:before { border-color: #000000; } form .form-item.js-form-type-checkbox input:checked ~ label:after { opacity: 1; } form .form-item.js-form-type-checkbox label { display: inline; font-size: 18px; line-height: 1.4em; padding-left: 30px; cursor: pointer; } form .form-item.js-form-type-checkbox label:before { content: ''; position: absolute; width: 16px; height: 16px; left: 0px; top: 7px; border: 1px solid #000000; background-color: #ffffff; } form .form-item.js-form-type-checkbox label:after { content: ''; position: absolute; left: 3px; top: 10px; width: 10px; height: 10px; background-color: #FF5050; opacity: 0; } form .form-item.webform-type-radios legend { font-size: 1em; } form .form-item.webform-type-radios .fieldset-wrapper .form-item { margin-bottom: 10px; min-height: 20px; } form .form-item.webform-type-radios .fieldset-wrapper .form-item input { display: none; } form .form-item.webform-type-radios .fieldset-wrapper .form-item label { position: relative; padding-left: 30px; font-weight: 300; font-size: 18px; margin-bottom: 0px; cursor: pointer; } @media (max-width: 767px) { form .form-item.webform-type-radios .fieldset-wrapper .form-item label { padding-left: 30px; } } form .form-item.webform-type-radios .fieldset-wrapper .form-item label:before { content: ''; position: absolute; width: 20px; height: 20px; left: 0px; top: 3px; border: 1px solid #000000; background-color: #ffffff; border-radius: 10px; } form .form-item.webform-type-radios .fieldset-wrapper .form-item label:after { content: ''; position: absolute; left: 5px; top: 8px; width: 10px; height: 10px; background-color: #FF5050; border-radius: 5px; opacity: 0; } form .form-item.webform-type-radios .fieldset-wrapper .form-item input:checked ~ label:before { border-color: #000000; } form .form-item.webform-type-radios .fieldset-wrapper .form-item input:checked ~ label:after { opacity: 1; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating:hover label:before, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience:hover label:before { background-color: #cacaca; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label { color: transparent !important; font-size: 0 !important; width: 60px !important; height: 60px !important; padding: 0 !important; } @media (max-width: 394px) { form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label { width: 42px !important; height: 42px !important; } } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label:before, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label:before { width: 60px !important; height: 60px !important; top: 0px !important; border: 0 !important; background-color: #ffffff; border-radius: 0px !important; } @media (max-width: 394px) { form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label:before, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label:before { width: 42px !important; height: 42px !important; } } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 48px; opacity: 1 !important; line-height: 1em; left: 7px !important; top: 6px !important; width: 48px !important; height: 48px !important; background-color: transparent !important; } @media (max-width: 394px) { form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label:after { left: 7px !important; top: 6px !important; font-size: 30px; width: 30px !important; height: 30px !important; } } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-very-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-very-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-excellent"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-excellent"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-very-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-very-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-excellent"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-excellent"]:after { content: "\f599"; color: #1e9c23; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-good"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-good"]:after { content: "\f118"; color: #7fc03f; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-ok"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-ok"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-fair"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-fair"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-ok"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-ok"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-fair"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-fair"]:after { content: "\f11a"; color: #ffd92c; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-poor"]:after { content: "\f119"; color: #f78927; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-rating-very-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating label[for^="edit-overall-experience-very-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-rating-very-poor"]:after, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience label[for^="edit-overall-experience-very-poor"]:after { content: "\f556"; color: #ef1628; } form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience-rating input:checked ~ label:before, form .form-item.webform-type-radios .fieldset-wrapper .form-item.form-item-overall-experience input:checked ~ label:before { background-color: #084E6B; } form .form-actions { text-align: center; margin-top: 45px; } form .form-actions .webform-button--submit, form .form-actions .form-submit { cursor: pointer; border-radius: 0px; padding: 10px 20px; min-width: 175px; transition-duration: 300ms; } /* Shared Generic elements */ section { position: relative; margin-bottom: 120px; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width: 991px) { section { margin-bottom: 90px; } } @media (max-width: 767px) { section { margin-bottom: 45px; } } section.no-spacing-top { margin-top: 0px !important; } section.no-spacing-bottom { margin-bottom: 0px !important; } section.reduce-spacing-top { margin-top: 60px; } @media (max-width: 991px) { section.reduce-spacing-top { margin-top: 45px; } } @media (max-width: 767px) { section.reduce-spacing-top { margin-top: 30px; } } section.reduce-spacing-bottom { margin-bottom: 60px; } @media (max-width: 991px) { section.reduce-spacing-bottom { margin-bottom: 45px; } } @media (max-width: 767px) { section.reduce-spacing-bottom { margin-bottom: 30px; } } section.expand-spacing-top { margin-top: 200px; } @media (max-width: 991px) { section.expand-spacing-top { margin-top: 120px; } } @media (max-width: 767px) { section.expand-spacing-top { margin-top: 90px; } } section.expand-spacing-bottom { margin-bottom: 200px; } @media (max-width: 991px) { section.expand-spacing-bottom { margin-bottom: 120px; } } @media (max-width: 767px) { section.expand-spacing-bottom { margin-bottom: 90px; } } section.has-bg { padding-top: 120px; padding-bottom: 120px; margin-bottom: 0px; } @media (max-width: 991px) { section.has-bg { padding-top: 90px; padding-bottom: 90px; } } @media (max-width: 767px) { section.has-bg { padding-top: 45px; padding-bottom: 45px; } } section.has-bg.no-spacing-top { padding-top: 0px; } section.has-bg.no-spacing-bottom { padding-bottom: 0px; } section.has-bg.reduce-spacing-top { padding-top: 60px; margin-top: 0px; } @media (max-width: 991px) { section.has-bg.reduce-spacing-top { padding-top: 45px; } } @media (max-width: 767px) { section.has-bg.reduce-spacing-top { padding-top: 30px; } } section.has-bg.reduce-spacing-bottom { padding-bottom: 60px; } @media (max-width: 991px) { section.has-bg.reduce-spacing-bottom { padding-bottom: 45px; } } @media (max-width: 767px) { section.has-bg.reduce-spacing-bottom { padding-bottom: 30px; } } section.has-bg.expand-spacing-top { padding-top: 200px; margin-top: 0px; } @media (max-width: 991px) { section.has-bg.expand-spacing-top { padding-top: 120px; } } @media (max-width: 767px) { section.has-bg.expand-spacing-top { padding-top: 90px; } } section.has-bg.expand-spacing-bottom { padding-bottom: 200px; } @media (max-width: 991px) { section.has-bg.expand-spacing-bottom { padding-bottom: 120px; } } @media (max-width: 767px) { section.has-bg.expand-spacing-bottom { padding-bottom: 90px; } } section .container.larger { max-width: 1600px; } /* Table */ table { margin-bottom: 2em; table-layout: fixed; width: 100%; } section.content table { min-width: 50%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { section.content table { display: block; overflow-x: auto; white-space: nowrap; } } section.content table thead { background-color: #484848; color: #ffffff; } section.content table thead tr th { border: 1px solid #ccc; padding: 5px 7.5px; } section.content table tbody tr td { border: 1px solid #ccc; padding: 5px 7.5px; color: #484848; vertical-align: baseline; } table th { padding: 5px; font-weight: bold; } table tbody tr td { padding: 5px; font-size: 0.8em; line-height: 1.5em; word-wrap: break-word; } /* System message */ section.message #block-messages > div > div { padding-top: 30px; padding-bottom: 30px; } .system-message, .messages--status { text-align: center; padding-top: 30px; padding: 15px; background-color: #FF5050; color: #ffffff; text-transform: uppercase; font-size: 16px; font-weight: normal; position: relative; z-index: 10; } .system-message .sf-dump, .messages--status .sf-dump { text-align: left; text-transform: none; } .system-message a, .messages--status a { color: #ffffff; font-weight: 700; text-decoration: underline; } /* Admin edit buttons */ #block-hostolympia-2025-local-tasks { padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #000000; position: relative; top: 0px; } .role-authenticated #block-hostolympia-2025-local-tasks { display: none; } .role-manager #block-hostolympia-2025-local-tasks, .role-administrator #block-hostolympia-2025-local-tasks { z-index: 5; display: block !important; } #block-hostolympia-2025-local-tasks ul { list-style: none; margin: 0px; padding: 0px; } #block-hostolympia-2025-local-tasks ul li { display: inline-block; padding-left: 10px; padding-right: 10px; } #block-hostolympia-2025-local-tasks ul li a { font-size: 12px; font-weight: normal; text-decoration: none; transition-duration: 300ms; padding-left: 5px; padding-right: 5px; text-transform: uppercase; color: #ffffff; } #block-hostolympia-2025-local-tasks ul li a:hover { color: #ffffff; text-decoration: underline; } /* User forms */ section.user-forms .container { max-width: 700px; } section.user-forms .container h1 { text-align: center; margin-bottom: 60px; } @media (max-width: 767px) { section.user-forms .container h1 { margin-bottom: 45px; } } section.user-forms .container form .form-item .description { display: none; } section.user-forms .container form .form-item input[type="text"], section.user-forms .container form .form-item input[type="email"], section.user-forms .container form .form-item input[type="password"], section.user-forms .container form .form-item textarea { background-color: #ffffff; padding: 15px; border: 0px; border-radius: 5px; } section.user-forms .container form .form-actions input { min-width: 150px; } section.user-forms .container form .form-actions input:disabled { background-color: #cacaca; color: #484848 !important; cursor: not-allowed; } section.user-forms .tfa-entry-form .form-actions { display: flex; justify-content: center; gap: 30px; } /* Cookie Consent Banner */ #cookiesjsr { --default-margin: 1.25em; --font-size-reset: 1rem; --btn-font-color: #EDEDED; --btn-border-color: #EDEDED; --btn-bg-color: #373737; --btn-prime-font-color: #373737; --btn-prime-border-color: #EDEDED; --btn-prime-bg-color: #EDEDED; --btn-inv-font-color: #373737; --btn-inv-border-color: #373737; --btn-inv-bg-color: #EDEDED; --btn-prime-inv-font-color: #EDEDED; --btn-prime-inv-border-color: #373737; --btn-prime-inv-bg-color: #373737; --link-list-font-color: #EDEDED; --link-list-separator-color: #EDEDED; --banner-logo-offset: 100px; --banner-bg-color: #373737; --banner-font-color: #EDEDED; --layer-header-height: 3.5em; --layer-header-bg-color: #EDEDED; --layer-header-font-color: #000f37; --layer-body-bg-color: #EDEDED; --layer-tab-bg-color: #EDEDED; --layer-tab-font-color: #000f37; --layer-tab-active-bg-color: #373737; --layer-tab-active-font-color: #EDEDED; --layer-bg-dark: #373737; --layer-font-light: #EDEDED; --layer-font-dark: #000f37; --layer-border-color: #e4e5e6; --layer-footer-bg-color: #EDEDED; --layer-footer-font-color: #000f37; --layer-footer-height: 4.5em; --switch-border-color: #e4e5e6; --switch-handle-color: #EDEDED; --switch-bg-off: #EDEDED; --switch-bg-on: #E88B1E; --switch-width: 45px; --switch-height: 20px; --switch-always-on-font-color: #E88B1E; --switch-always-on-bg-color: #EDEDED; } #cookiesjsr .cookiesjsr-banner .cookiesjsr-banner--text { line-height: 1.4em; } #cookiesjsr .cookiesjsr-banner a { color: var(--link-list-font-color); } #cookiesjsr .cookiesjsr-banner a:hover { color: #ffaaaa !important; } #cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important { opacity: 1; border: none; font-weight: bold !important; background-color: #FF5050 !important; color: #ffffff !important; } #cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important:hover { color: #FF5050 !important; background-color: #ffffff !important; transform: none !important; } #cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important.denyAll { color: #ffffff; border: 2px solid #ffffff; background-color: transparent !important; } #cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.important.denyAll:hover { background-color: #ffffff !important; color: #373737; } #cookiesjsr .cookiesjsr-layer { max-height: 100vh !important; } @media (max-width: 767px) { #cookiesjsr .cookiesjsr-layer { height: 85vh; max-height: 85vh; } } a.cookie-settings { padding: 2.5px 5px; position: fixed; bottom: 0px; right: 0px; font-size: 12px; text-decoration: none; background-color: #000000; color: #ffffff; z-index: 20; } a.cookie-settings:hover { background-color: #FF5050; color: #ffffff; } #cookies-docs { max-width: 960px; margin: auto; padding-top: 90px; } @media (max-width: 767px) { #cookies-docs { padding-top: 45px; } } /* Overrides */ .img-fluid, table img, a.product-card .product-card__image img { max-width: 100%; height: auto; } .select2-container .select2-results .select2-results__options { max-height: 400px; overflow-y: visible; } .white-popup, .ginlined-content.white-popup { position: relative; background: #FFF; padding: 30px; width: auto; max-width: 650px; margin: 20px auto; } @media (max-width: 767px) { .white-popup, .ginlined-content.white-popup { padding: 30px 15px; } } .white-popup p, .ginlined-content.white-popup p { margin-bottom: 1.5em; } .white-popup button.dismiss, .ginlined-content.white-popup button.dismiss { margin: auto; max-width: 150px; width: 100%; display: block; } @media (max-width: 991px) { .white-popup iframe, .ginlined-content.white-popup iframe { max-width: 320px; width: 100%; } } .cc-window .cc-link { padding: 0; border-bottom: 1px solid transparent; text-decoration: none; } .cc-window .cc-link:hover { border-bottom: 1px solid #ffffff; } .cc-window a.cc-btn { text-transform: uppercase; text-decoration: none; border: none; transition: 300ms all ease-out; } .cc-window a.cc-btn:hover { background-color: #084E6B; color: #ffffff; } .parallax-mirror { z-index: 0 !important; } body div.datedropper .pick-dir div, body div.datedropper .pick-lg-b .pick-sl::before, body div.datedropper .pick-lg-h, body div.datedropper .pick-submit, body div:not(.picker-clean).datedropper :first-of-type.pick, body div:not(.picker-clean).datedropper::before { background-color: #FF5050 !important; color: #ffffff !important; } body div.datedropper .pick-btn, body div.datedropper .pick-lg-b .pick-wke, body div.datedropper .pick-lg-b li:not(.pick-sl):not(.pick-h):hover::after, body div.datedropper .pick-jump.pick-y, body div.datedropper .picker + div, body div.datedropper .pick li span { color: #000000 !important; } body div.datedropper.hostolympia .picker ul.pick.pick-m li div { color: #ffffff !important; } body div.datedropper.hostolympia .picker ul.pick.pick-m .pick-arw * { color: #ffffff !important; } /* Custom Icons */ @font-face { font-family: 'hostolympia-icons'; src: url("../fonts/hostolympia-icons.ttf?i3h4cb") format("truetype"), url("../fonts/hostolympia-icons.woff?i3h4cb") format("woff"), url("../fonts/hostolympia-icons.svg?i3h4cb#hostolympia-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="hostolympia-icon-"], [class*=" hostolympia-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hostolympia-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hostolympia-icon-plus:before { content: "\e904"; } .hostolympia-icon-minus:before { content: "\e90a"; } .hostolympia-icon-search-icon:before { content: "\e910"; } .hostolympia-icon-host-circle:before { content: "\e900"; } .hostolympia-icon-host-circle-half:before { content: "\e901"; } .hostolympia-icon-host-circle-quarter-top-left:before { content: "\e902"; } .hostolympia-icon-host-circle-quarter-top-right:before { content: "\e903"; } .hostolympia-icon-more:before { content: "\e905"; } .hostolympia-icon-menu:before { content: "\e906"; } .hostolympia-icon-close:before { content: "\e909"; } .hostolympia-icon-chevron-up:before { content: "\e908"; } .hostolympia-icon-chevron-down:before { content: "\e907"; } .hostolympia-icon-chevron-left:before { content: "\e90c"; } .hostolympia-icon-chevron-right:before { content: "\e90b"; } .hostolympia-icon-chevron-light-left:before { content: "\e90f"; } .hostolympia-icon-chevron-light-right:before { content: "\e90e"; } .hostolympia-icon-check-mark:before { content: "\e90d"; } /* Header */ header { background: #301444; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 6; transition: 300ms top ease-out; } header.low-profile { top: -25px; } @media (max-width: 1199px) { header.low-profile { top: -10px; } } @media (max-width: 991px) { header.low-profile { top: 0px; } } header.low-profile .main-bar ul > li { padding-bottom: 15px; } header.low-profile .main-bar .top-nav__user-menu ul > li { padding-bottom: 0px; } header.low-profile .logo { margin-bottom: 25px; max-height: 40px; } @media (max-width: 1199px) { header.low-profile .logo { max-height: 32.5px; } } @media (max-width: 991px) { header.low-profile .logo { margin-bottom: 0px; max-height: 35px; } } @media (max-width: 767px) { header.low-profile .logo { max-height: 26px; } } header.low-profile .top-nav { top: -10px; } @media (max-width: 991px) { header.low-profile .top-nav { top: 0px; } } .toolbar-fixed.toolbar-horizontal header { top: 39px !important; } header .main-bar { padding: 50px 0px 0px; transition-duration: 300ms; } @media (max-width: 1199px) { header .main-bar { padding-top: 40px; } } @media (max-width: 991px) { header .main-bar { padding-top: 30px; padding-bottoM: 30px; } } @media (max-width: 767px) { header .main-bar { padding: 20px 0px; } } header .main-bar > .container { /* @media (min-width: $largeDesktopStart) { max-width:1170px; }*/ } header .logo { position: relative; max-width: 156px; overflow: hidden; margin-top: auto; margin-bottom: 40px; z-index: 11; transition: all 300ms ease-out; max-height: 70px; } @media (max-width: 1199px) { header .logo { max-height: 56px; } } @media (max-width: 991px) { header .logo { max-height: 60px; margin-bottom: 0px; max-width: 140px; } } @media (max-width: 767px) { header .logo { max-width: 100px; } } header .logo a { display: block; } header .logo img { width: auto; height: 70px; } @media (max-width: 1199px) { header .logo img { height: 56px; } } @media (max-width: 991px) { header .logo img { height: 60px; } } @media (max-width: 767px) { header .logo img { height: 45px; } } html.browser-IE header .logo img { width: 100%; height: auto; } @media (max-width: 1199px) { html.browser-IE header .logo img { height: auto; } } @media (max-width: 991px) { html.browser-IE header .logo img { height: auto; } } @media (max-width: 767px) { html.browser-IE header .logo img { height: auto; } } header .top-nav { top: 0px; position: relative; margin-bottom: auto; transition: 300ms top ease-out; } @media (max-width: 991px) { header .top-nav { margin-top: auto; margin-right: 30px; } } @media (max-width: 767px) { header .top-nav { margin-right: 15px; } } html.browser-IE header .top-nav { margin-bottom: 15px; } @media (max-width: 991px) { header .top-nav .social-links { display: none; } } header .top-nav .top-nav__user-menu { font-size: 16px; margin-left: 20px; } @media (max-width: 991px) { header .top-nav .top-nav__user-menu { display: none; } } header .top-nav .top-nav__user-menu ul { list-style: none; margin: 0px; padding: 0px; display: flex; } header .top-nav .top-nav__user-menu ul li { display: flex; align-items: center; margin-right: 15px; margin-left: 15px; position: relative; } header .top-nav .top-nav__user-menu ul li:first-of-type { margin-left: 0px; } header .top-nav .top-nav__user-menu ul li:last-of-type { margin-right: 0px; } header .top-nav .top-nav__user-menu ul li a, header .top-nav .top-nav__user-menu ul li > span { display: flex; align-items: center; position: relative; font-size: 16px; font-weight: normal; height: 100%; color: #ffffff; text-decoration: none; transition: opacity 300ms ease-out; } @media (max-width: 1199px) { header .top-nav .top-nav__user-menu ul li a, header .top-nav .top-nav__user-menu ul li > span { font-size: 15px; } } header .top-nav .top-nav__user-menu ul li a.active, header .top-nav .top-nav__user-menu ul li a.is-active, header .top-nav .top-nav__user-menu ul li a:focus, header .top-nav .top-nav__user-menu ul li a:hover, header .top-nav .top-nav__user-menu ul li > span.active, header .top-nav .top-nav__user-menu ul li > span.is-active, header .top-nav .top-nav__user-menu ul li > span:focus, header .top-nav .top-nav__user-menu ul li > span:hover { text-decoration: none; color: #FF5050; } header .top-nav .top-nav__user-menu ul li i { color: #FF5050; margin-left: 10px; font-size: 12px; } header .top-nav .top-nav__user-menu ul li .sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0%; background-color: #ffffff; z-index: 1; padding: 20px 30px; min-width: 225px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); transition: 300ms all; } header .top-nav .top-nav__user-menu ul li .sub-menu ul { display: block; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li { height: auto; display: block; margin-left: 0px; margin-right: 0px; padding-bottom: 0px; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li:first-of-type { padding-left: 0px; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li:last-of-type { padding-right: 0px; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li:last-of-type a { margin-bottom: 0px; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li a { color: #000000; font-size: 18px; margin-bottom: 15px; font-weight: normal; text-transform: none; padding-left: 0px; border-left: 0px; transition-duration: 300ms; } header .top-nav .top-nav__user-menu ul li .sub-menu ul li a:focus, header .top-nav .top-nav__user-menu ul li .sub-menu ul li a:hover { text-decoration: none; color: #FF5050; } header .top-nav .top-nav__user-menu ul li:hover .sub-menu { opacity: 1; visibility: visible; } header .top-nav .top-nav__cart .cart--cart-block { border-left: 1px solid #ffffff; margin-left: 20px; padding-left: 20px; } @media (max-width: 991px) { header .top-nav .top-nav__cart .cart--cart-block { border-left: none; margin-left: 0px; padding-left: 0px; } } header .top-nav .top-nav__cart .cart--cart-block a.cart-block--link__expand { text-decoration: none; color: #ffffff; font-size: 20px; line-height: 1em; position: relative; transition: all 300ms ease-out; } header .top-nav .top-nav__cart .cart--cart-block a.cart-block--link__expand .cart-block--summary__count { background-color: #FF5050; color: #ffffff; font-size: 12px; font-weight: normal; min-width: 20px; height: 20px; padding: 0px 4px; text-align: center; border-radius: 20px; position: absolute; top: -10px; right: -10px; transition: 300ms all ease-out; } header .top-nav .top-nav__cart .cart--cart-block a.cart-block--link__expand:hover { color: #FF5050; } header .main-menu { position: relative; transition: opacity 300ms ease-out; } @media (max-width: 991px) { header .main-menu { display: none; } } header .main-menu ul { list-style: none; margin: 0px; padding: 0px; display: flex; } header .main-menu ul li { display: flex; align-items: center; margin-right: 20px; margin-left: 20px; padding-bottom: 30px; position: relative; } @media (max-width: 1199px) { header .main-menu ul li { margin-left: 15px; margin-right: 15px; } } header .main-menu ul li:first-of-type { margin-left: 0px; } header .main-menu ul li:last-of-type { margin-right: 0px; } header .main-menu ul li a, header .main-menu ul li > span { display: flex; align-items: center; position: relative; font-size: 0.9rem; text-transform: uppercase; height: 100%; color: #ffffff; text-decoration: none; transition: opacity 300ms ease-out; } @media (max-width: 1199px) { header .main-menu ul li a, header .main-menu ul li > span { font-size: 1rem; } } header .main-menu ul li a.active, header .main-menu ul li a.is-active, header .main-menu ul li a:focus, header .main-menu ul li a:hover, header .main-menu ul li > span.active, header .main-menu ul li > span.is-active, header .main-menu ul li > span:focus, header .main-menu ul li > span:hover { text-decoration: none; color: #FF5050; } @media (min-width: 992px) { header .main-menu ul li i { display: none; } } header .main-menu ul li .sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0%; background-color: #ffffff; z-index: 1; padding: 20px 30px; min-width: 225px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); transition: 300ms all; } header .main-menu ul li .sub-menu ul { display: block; } header .main-menu ul li .sub-menu ul li { height: auto; display: block; margin-left: 0px; margin-right: 0px; padding-bottom: 0px; } header .main-menu ul li .sub-menu ul li:first-of-type { padding-left: 0px; } header .main-menu ul li .sub-menu ul li:last-of-type { padding-right: 0px; } header .main-menu ul li .sub-menu ul li:last-of-type a { margin-bottom: 0px; } header .main-menu ul li .sub-menu ul li a { color: #000000; font-size: 18px; margin-bottom: 15px; font-family: "Inter", "Arial", sans-serif; font-weight: normal; text-transform: none; padding-left: 0px; border-left: 0px; transition-duration: 300ms; } @media (max-width: 1199px) { header .main-menu ul li .sub-menu ul li a { font-size: 16px; } } header .main-menu ul li .sub-menu ul li a:focus, header .main-menu ul li .sub-menu ul li a:hover { text-decoration: none; color: #FF5050; } header .main-menu ul li:hover .sub-menu { opacity: 1; visibility: visible; } header .mobile-menu-button { display: none; width: 50px; height: 100%; position: relative; float: right; } @media (max-width: 991px) { header .mobile-menu-button { display: block; } } header .mobile-menu-button a { position: absolute; top: 0px; right: 0px; height: 100%; text-align: center; z-index: 15; cursor: pointer; display: inline-block; height: 100%; transition-duration: 300ms; transition-timing-function: ease-in-out; } header .mobile-menu-button a.open .menu-btn-icon span { height: 3px; } header .mobile-menu-button a.open .menu-btn-icon span:nth-child(1) { top: 0px; width: 0%; left: 50%; } header .mobile-menu-button a.open .menu-btn-icon span:nth-child(2) { transform: rotate(45deg); } header .mobile-menu-button a.open .menu-btn-icon span:nth-child(3) { transform: rotate(-45deg); } header .mobile-menu-button a.open .menu-btn-icon span:nth-child(4) { top: 14px; width: 0%; left: 50%; } header .mobile-menu-button a .menu-btn-icon { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); width: 50px; height: 30px; } @media (max-width: 767px) { header .mobile-menu-button a .menu-btn-icon { width: 30px; height: 20px; } } header .mobile-menu-button a .menu-btn-icon span { background-color: #ffffff; display: block; position: absolute; height: 3px; width: 100%; border-radius: 0px; opacity: 1; left: 0; transform: rotate(0deg); transition: 300ms ease-in-out; } header .mobile-menu-button a .menu-btn-icon span:nth-child(1) { top: 0px; } header .mobile-menu-button a .menu-btn-icon span:nth-child(2), header .mobile-menu-button a .menu-btn-icon span:nth-child(3) { top: 14px; } @media (max-width: 767px) { header .mobile-menu-button a .menu-btn-icon span:nth-child(2), header .mobile-menu-button a .menu-btn-icon span:nth-child(3) { top: 9px; } } header .mobile-menu-button a .menu-btn-icon span:nth-child(4) { top: 29px; } @media (max-width: 767px) { header .mobile-menu-button a .menu-btn-icon span:nth-child(4) { top: 19px; } } header .call-to-action { text-align: right; } @media (max-width: 991px) { header .call-to-action { margin-right: 30px; } } @media (max-width: 767px) { header .call-to-action { display: none; } } /* Mobile Menu */ #mobile-menu { position: fixed; opacity: 0; visibility: hidden; z-index: 10; left: 0; top: 0px; width: 100%; height: 100%; padding-top: 130px; background-color: #301444; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-duration: 300ms; transition-timing-function: ease-out; } @media (max-width: 767px) { #mobile-menu { padding-top: 75px; } } #mobile-menu.active { opacity: 1; visibility: visible; transition-duration: 300ms; transition-timing-function: ease-out; } #mobile-menu:before { content: ''; position: fixed; top: 0px; left: 0px; width: 100%; height: 130px; z-index: 1; } @media (max-width: 767px) { #mobile-menu:before { height: 75px; } } #mobile-menu .menu-block { position: relative; margin-top: 30px; margin-bottom: 45px; } @media (max-width: 767px) { #mobile-menu .menu-block { margin-top: 20px; margin-bottom: 30px; } } #mobile-menu .main-menu { padding: 0px; margin-bottom: 0px; margin-left: 0px; display: block; } #mobile-menu .main-menu ul { display: block; padding: 0px; margin: 0px; list-style: none; text-align: left; } #mobile-menu .main-menu ul li { display: block; height: auto; border-left: 0px; margin-right: 0px; padding-left: 0px; margin-bottom: 20px; text-align: center; margin-left: 0px; } @media (max-width: 767px) { #mobile-menu .main-menu ul li { padding-bottom: 15px; margin-bottom: 15px; } } #mobile-menu .main-menu ul li.has-submenu a, #mobile-menu .main-menu ul li.has-submenu span { padding-right: 0px; } #mobile-menu .main-menu ul li a, #mobile-menu .main-menu ul li span { color: #ffffff; font-size: 1.2rem; line-height: 1.2em; position: relative; display: inline-block; border-left: none; padding-left: 0px; transition-duration: 300ms; } @media (max-width: 767px) { #mobile-menu .main-menu ul li a, #mobile-menu .main-menu ul li span { font-size: 1rem; } } #mobile-menu .main-menu ul li a:hover, #mobile-menu .main-menu ul li span:hover { text-decoration: none; color: #FF5050; } #mobile-menu .main-menu ul li i { margin-left: 5px; color: #ffffff; font-size: 14px; cursor: pointer; } @media (max-width: 767px) { #mobile-menu .main-menu ul li i { top: 0px; } } #mobile-menu .main-menu ul li i:hover { color: #FF5050; } #mobile-menu .main-menu ul li i.active:before { transform: rotate(180deg); } #mobile-menu .main-menu ul li .sub-menu, #mobile-menu .main-menu ul li .fixed-sub-menu { opacity: 0; visibility: hidden; max-height: 0; transition: all 300ms ease-out; position: relative; top: inherit; background-color: transparent; padding: 0px; box-shadow: none; } #mobile-menu .main-menu ul li .sub-menu.active, #mobile-menu .main-menu ul li .fixed-sub-menu.active { opacity: 1; visibility: visible; max-height: 480px; } #mobile-menu .main-menu ul li .sub-menu ul, #mobile-menu .main-menu ul li .fixed-sub-menu ul { padding-top: 20px; } @media (max-width: 767px) { #mobile-menu .main-menu ul li .sub-menu ul, #mobile-menu .main-menu ul li .fixed-sub-menu ul { padding-top: 15px; } } #mobile-menu .main-menu ul li .sub-menu ul li, #mobile-menu .main-menu ul li .fixed-sub-menu ul li { margin-bottom: 10px; } @media (max-width: 767px) { #mobile-menu .main-menu ul li .sub-menu ul li, #mobile-menu .main-menu ul li .fixed-sub-menu ul li { padding-bottom: 10px; } } #mobile-menu .main-menu ul li .sub-menu ul li:last-of-type, #mobile-menu .main-menu ul li .fixed-sub-menu ul li:last-of-type { margin-bottom: 0px; } #mobile-menu .main-menu ul li .sub-menu ul li a, #mobile-menu .main-menu ul li .fixed-sub-menu ul li a { font-family: "Inter", "Arial", sans-serif; font-size: 17px; color: #ffffff; text-transform: none; position: relative; padding-right: 0px; } @media (max-width: 767px) { #mobile-menu .main-menu ul li .sub-menu ul li a, #mobile-menu .main-menu ul li .fixed-sub-menu ul li a { font-size: 14px; margin-bottom: 0px; } } #mobile-menu .main-menu ul li .sub-menu ul li a:after, #mobile-menu .main-menu ul li .fixed-sub-menu ul li a:after { display: none; } #mobile-menu .login-button { text-align: center; margin-bottom: 30px; } @media (max-width: 767px) { #mobile-menu .login-button { margin-bottom: 15px; } } #mobile-menu .login-button a { border-color: #ffffff; color: #ffffff; } #mobile-menu .login-button a:hover { color: #ffffff; background-color: #FF5050; border-color: #FF5050; } /* Social links */ .social-links { position: relative; text-align: center; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center; } .social-links a { display: flex; align-items: center; align-content: center; justify-content: center; text-decoration: none; color: #000000; width: 30px; height: 30px; text-align: center; border-radius: 30px; line-height: 30px; background-color: #ffffff; font-size: 18px; line-height: 1em; margin-left: 5px; margin-right: 5px; transition: 300ms all linear; } .social-links a:first-of-type { margin-left: 0px; } .social-links a:last-of-type { margin-right: 0px; } .social-links a:hover, .social-links a:focus { text-decoration: none; background-color: #FF5050; color: #ffffff; } /* User Account menu */ /* Footer */ footer { background-color: #FF5050; color: #ffffff; padding-top: 120px; padding-bottom: 90px; text-align: center; z-index: 1; position: relative; } @media (max-width: 1199px) { footer { padding-top: 90px; padding-bottom: 75px; } } @media (max-width: 767px) { footer { padding-top: 60px; padding-bottom: 30px; } } footer .footer-logos { margin-bottom: 45px; height: 65px; } footer .footer-logos a { display: inline-block; margin-left: 30px; margin-right: 30px; height: 100%; transition: 300ms opacity ease-out; } footer .footer-logos a:hover { opacity: 0.75; } footer .footer-logos img { height: 100%; width: auto; } footer .footer-menu { border-top: 1px solid #ffffff; padding-top: 30px; margin-bottom: 90px; } @media (max-width: 767px) { footer .footer-menu { margin-bottom: 45px; } } footer .footer-menu ul { list-style: none; padding: 0px; margin: 0px; display: flex; width: 100%; } @media (max-width: 767px) { footer .footer-menu ul { display: block; } } footer .footer-menu ul li { display: flex; margin-left: 30px; margin-right: 30px; flex: 1; justify-content: center; } @media (max-width: 1199px) { footer .footer-menu ul li { margin-left: 15px; margin-right: 15px; } } @media (max-width: 767px) { footer .footer-menu ul li { margin-left: 0px; margin-right: 0px; display: block; text-align: center; margin-bottom: 20px; } } footer .footer-menu ul li:first-of-type { margin-left: 0px; } footer .footer-menu ul li:last-of-type { margin-right: 0px; } footer .footer-menu ul li a { display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; } footer .footer-menu ul li a:hover, footer .footer-menu ul li a:focus { color: #301444; } footer .copyright-and-policy-links { font-size: 12px; line-height: 1em; display: flex; } @media (max-width: 767px) { footer .copyright-and-policy-links { display: block; } } footer .copyright-and-policy-links .copyright-text { padding-right: 12.5px; } @media (max-width: 1199px) { footer .copyright-and-policy-links .copyright-text { padding-right: 7.5px; } } @media (max-width: 767px) { footer .copyright-and-policy-links .copyright-text { display: block; width: 100%; } } footer .copyright-and-policy-links .policies-menu-container .policies-menu ul { list-style: none; padding: 0px; margin: 0px; display: flex; } @media (max-width: 767px) { footer .copyright-and-policy-links .policies-menu-container .policies-menu ul { display: block; } } footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li { position: relative; padding-left: 12.5px; padding-right: 12.5px; line-height: 1em; } @media (max-width: 1199px) { footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li { padding-left: 7.5px; padding-right: 7.5px; } } @media (max-width: 767px) { footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li { padding: 0px; margin-bottom: 15px; } } footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li:before { content: ""; height: 100%; width: 1px; background-color: #ffffff; position: absolute; left: 0px; top: 0px; } @media (max-width: 767px) { footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li:before { display: none; } } footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li a { text-decoration: none; } footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li a:hover, footer .copyright-and-policy-links .policies-menu-container .policies-menu ul li a:focus { text-decoration: underline; color: #ffffff; } footer .copyright-text { font-size: 12px; } @media (max-width: 767px) { footer .copyright-text { margin-bottom: 15px; } } footer .copyright-text a { color: #ffffff; text-decoration: underline; } footer .copyright-text a:hover, footer .copyright-text a:focus { color: #ffffff; } /* SECTION: BASIC */ section.basic { padding-top: 90px; } @media (max-width: 991px) { section.basic { padding-top: 60px; } } @media (max-width: 767px) { section.basic { padding-top: 45px; } } /* SECTION: HERO */ section.hero { position: relative; overflow: hidden; z-index: 0; } section.hero.basic { height: 420px; overflow: hidden; padding-top: 0px; } @media (max-width: 991px) { section.hero.basic { height: 360px; } } @media (max-width: 767px) { section.hero.basic { height: 250px; } } section.hero.basic .hero--content { padding-top: 60px; padding-bottom: 60px; } section.hero.full { min-height: 650px; overflow: hidden; height: calc(100vh - 156px); } @media (max-width: 767px) { section.hero.full { min-height: 480px; max-height: 480px; } } section.hero.full .hero--content { top: -60px; } section.hero.homepage { overflow: hidden; } section.hero.homepage .hero--content { max-width: 325px; margin: auto; } @media (max-width: 767px) { section.hero.homepage .hero--content { max-width: 170px; margin: auto; top: 0px; } } section.hero.homepage .hero--content img { width: 100%; height: auto; max-width: 320px; } section.hero .hero--background { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; } section.hero .hero--background.video-bg { overflow: hidden; } section.hero .hero--background.video-bg:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; opacity: 0.15; } section.hero .hero--background.video-bg video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; } @media (max-width: 767px) { section.hero .hero--background.video-bg video { position: absolute; } } section.hero .hero--content { text-align: center; color: #ffffff; position: relative; } section.hero .hero--content h2 { margin-bottom: 15px; line-height: 1em; } section.hero .hero--content a.watch-full-video { display: inline-block; margin-top: 30px; font-size: 12px; font-weight: 700; } section.hero .hero--down-arrow { display: inline-block; width: 30px; height: 15px; position: absolute; bottom: 150px; text-align: center; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { section.hero .hero--down-arrow { display: none; } } section.hero .hero--down-arrow a { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 100%; height: 100%; font-size: 30px; color: #ffffff; transition-duration: 300ms; transition-timing-function: ease-out; } section.hero .hero--down-arrow a:hover { color: #FF5050; } /* SECTION: INTRO TEXT BOX */ .intro-text-box { padding-top: 0px !important; padding-bottom: 15px !important; } @media (max-width: 767px) { .intro-text-box { padding-bottom: 0px !important; } } .intro-text-box .box { background-color: #ffffff; color: #000000; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2); text-align: left; padding: 60px; top: -120px; position: relative; z-index: 1; max-width: 820px; margin: auto; margin-bottom: -120px; } @media (max-width: 767px) { .intro-text-box .box { top: 0px; margin-bottom: 0px; box-shadow: none; margin-left: -15px; margin-right: -15px; padding: 45px 30px; } } .intro-text-box .box h1 { color: #FF5050; } .intro-text-box .box h2 { color: #FF5050; } .intro-text-box .box p.intro { font-size: 1.2em; margin-bottom: 1em; color: #000000; } .intro-text-box .box p:last-of-type { margin-bottom: 0px; } .intro-text-box.basic { padding-bottom: 0px !important; } .intro-text-box.basic .box { box-shadow: none; top: inherit; margin-bottom: 0px; padding-top: 90px; padding-bottom: 90px; } @media (max-width: 991px) { .intro-text-box.basic .box { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 767px) { .intro-text-box.basic .box { padding-top: 45px; padding-bottom: 45px; } } .intro-text-box.eclipseGrey-bg { color: #373737; } /* SECTION: BOX LINKS */ .box-links .row.boxLinks { row-gap: 30px; } @media (max-width: 991px) { .box-links .row.boxLinks { row-gap: 15px; } } @media (max-width: 767px) { .box-links .row.boxLinks { row-gap: 30px; } } .box-links .box-links__title h2 { margin-bottom: 1rem; } .box-links .box-links__intro-text { margin-bottom: 45px; } .box-links .box-links__intro-text p.intro { font-size: 1.1rem; margin-bottom: 1rem; } /* COMPONENT: BOX LINK */ a.box-link { display: block; text-align: center; padding: 50px 30px; text-decoration: none; top: 0px; position: relative; display: flex; flex-direction: column; height: 100%; z-index: 1; transition: all 300ms ease-out; } @media (max-width: 991px) { a.box-link { padding: 40px 10px; margin-left: -7.5px; margin-right: -7.5px; height: inherit; } } @media (max-width: 767px) { a.box-link { margin-left: 0px; margin-right: 0px; padding: 25px; max-width: 260px; margin-left: auto; margin-right: auto; } } a.box-link:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0; background-color: #FF5050; transition: all 300ms ease-out; } a.box-link .box-link__title { color: #000000; margin-bottom: 35px; position: relative; z-index: 1; flex: 1; align-items: center; display: flex; justify-content: center; text-transform: none; } section.hasMoreThanThree a.box-link .box-link__title { font-size: 2rem; } @media (max-width: 991px) { a.box-link .box-link__title { margin-bottom: 30px; } } a.box-link .box-link__button .button, a.box-link .box-link__button form .form-actions .webform-button--submit, form .form-actions a.box-link .box-link__button .webform-button--submit, a.box-link .box-link__button form .form-actions .form-submit, form .form-actions a.box-link .box-link__button .form-submit, a.box-link .box-link__button section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.box-link .box-link__button .form-submit, a.box-link .box-link__button section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions a.box-link .box-link__button .form-submit { width: 100%; max-width: 240px; background-color: #ffffff; color: #301444; } a.box-link:hover, a.box-link.focus { text-decoration: none; } a.box-link:hover:before, a.box-link.focus:before { background-color: #ffffff; height: 105%; height: calc(100% + 20px); top: -10px; } a.box-link:hover .box-link__title, a.box-link.focus .box-link__title { color: #FF5050; } a.box-link:hover .button, a.box-link:hover form .form-actions .webform-button--submit, form .form-actions a.box-link:hover .webform-button--submit, a.box-link:hover form .form-actions .form-submit, form .form-actions a.box-link:hover .form-submit, a.box-link:hover section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.box-link:hover .form-submit, a.box-link:hover section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions a.box-link:hover .form-submit, a.box-link.focus .button, a.box-link.focus form .form-actions .webform-button--submit, form .form-actions a.box-link.focus .webform-button--submit, a.box-link.focus form .form-actions .form-submit, form .form-actions a.box-link.focus .form-submit, a.box-link.focus section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.box-link.focus .form-submit, a.box-link.focus section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions a.box-link.focus .form-submit { color: #ffffff; background-color: #FF5050; } section.white-bg a.box-link:hover .box-link__title, section.white-bg a.box-link.focus .box-link__title { color: #ffffff; } section.white-bg a.box-link:hover:before, section.white-bg a.box-link.focus:before { background-color: #373737; } section.sunsetOrange-bg a.box-link:before { background-color: #301444; } section.sunsetOrange-bg a.box-link .box-link__title { color: #ffffff; } /* SECTION: CONTENT AND SLIDER */ @media (max-width: 991px) { section.content-and-slider.has-bg { padding-top: 0px; } } section.content-and-slider .container-fluid { padding-left: 0px; padding-right: 0px; overflow: hidden; } section.content-and-slider .content-and-slider__text { padding-left: 90px; padding-right: 90px; width: 100%; max-width: 615px; margin-top: 60px; } @media (max-width: 1199px) { section.content-and-slider .content-and-slider__text { padding-left: 45px; padding-right: 45px; margin-top: 20px; } } @media (max-width: 991px) { section.content-and-slider .content-and-slider__text { padding: 45px !important; padding-bottom: 0px !important; max-width: 100%; } } @media (max-width: 767px) { section.content-and-slider .content-and-slider__text { text-align: center; margin-top: 0px; padding: 30px !important; padding-bottom: 0px !important; } } section.content-and-slider .content-and-slider__link a.button:first-of-type, section.content-and-slider .content-and-slider__link form .form-actions a.webform-button--submit:first-of-type, form .form-actions section.content-and-slider .content-and-slider__link a.webform-button--submit:first-of-type, section.content-and-slider .content-and-slider__link form .form-actions a.form-submit:first-of-type, form .form-actions section.content-and-slider .content-and-slider__link a.form-submit:first-of-type, section.content-and-slider .content-and-slider__link section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:first-of-type, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.content-and-slider .content-and-slider__link a.form-submit:first-of-type, section.content-and-slider .content-and-slider__link section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:first-of-type, section.product-single .product-single__info .product-single__order-elements .form-actions section.content-and-slider .content-and-slider__link a.form-submit:first-of-type { margin-right: 15px; } @media (max-width: 767px) { section.content-and-slider .content-and-slider__link a.button:first-of-type, section.content-and-slider .content-and-slider__link form .form-actions a.webform-button--submit:first-of-type, form .form-actions section.content-and-slider .content-and-slider__link a.webform-button--submit:first-of-type, section.content-and-slider .content-and-slider__link form .form-actions a.form-submit:first-of-type, form .form-actions section.content-and-slider .content-and-slider__link a.form-submit:first-of-type, section.content-and-slider .content-and-slider__link section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:first-of-type, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.content-and-slider .content-and-slider__link a.form-submit:first-of-type, section.content-and-slider .content-and-slider__link section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:first-of-type, section.product-single .product-single__info .product-single__order-elements .form-actions section.content-and-slider .content-and-slider__link a.form-submit:first-of-type { margin-right: 0px; margin-bottom: 15px; } } @media (max-width: 767px) { section.content-and-slider .swiper { margin-top: 10px; } } section.content-and-slider .swiper .slide { position: relative; } section.content-and-slider .swiper .slide.cover { height: 620px; } @media (max-width: 1199px) { section.content-and-slider .swiper .slide.cover { height: 500px; } } @media (max-width: 767px) { section.content-and-slider .swiper .slide.cover { height: 300px; padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 394px) { section.content-and-slider .swiper .slide.cover { height: 250px; padding-top: 15px; padding-bottom: 15px; } } section.content-and-slider .swiper .slide.contain { height: auto; } section.content-and-slider .swiper .slide.contain .slide-image { position: relative; } section.content-and-slider .swiper .slide-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -1; } section.content-and-slider .swiper .swiper-pagination { position: absolute; padding: 0px; margin: 0px; bottom: 30px; display: flex; width: 100%; z-index: 2; } @media (max-width: 991px) { section.content-and-slider .swiper .swiper-pagination { padding: 0px; justify-content: center; } } section.content-and-slider .swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: transparent; border: 2px solid #ffffff; width: 12px; height: 12px; border-radius: 10px !important; padding: 0px; display: block; outline: none; margin-left: 5px; margin-right: 5px; } section.content-and-slider .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; } section.content-and-slider.left-slider .content-and-slider__text { padding-right: 30px; } section.content-and-slider.left-slider .swiper .swiper-pagination { padding-right: 25px; justify-content: flex-end; } section.content-and-slider.left-slider .swiper .slide.contain .slide-image img { margin-left: auto; } section.content-and-slider.right-slider .content-and-slider__text { padding-left: 30px; } section.content-and-slider.right-slider .swiper .swiper-pagination { padding-left: 25px; justify-content: left; } /* Section Text Columns */ section.text-columns .text-columns__image { margin-bottom: 90px; } @media (max-width: 1199px) { section.text-columns .text-columns__image { margin-bottom: 60px; } } @media (max-width: 767px) { section.text-columns .text-columns__image { margin-bottom: 45px; } } section.text-columns .text-columns__title { margin-bottom: 90px; } @media (max-width: 1199px) { section.text-columns .text-columns__title { margin-bottom: 60px; } } @media (max-width: 767px) { section.text-columns .text-columns__title { margin-bottom: 45px; } } /* SECTION: SINGLE-IMAGE */ .single-image.background { min-height: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 991px) { .single-image.background { min-height: 480px; } } @media (max-width: 767px) { .single-image.background { min-height: 320px; } } @media (max-width: 394px) { .single-image.background { min-height: 240px; } } /* SECTION: IMAGE SLIDER */ section.image-slider .swiper-button-disabled { visibility: hidden; opacity: 0; } section.image-slider .swiper-button-prev, section.image-slider .swiper-button-next { width: 32.5px; height: 50px; margin-top: -25px; padding: 0px; border: 0; background-color: transparent; color: #373737; font-family: "hostolympia-icons" !important; font-size: 0px; line-height: 1; transition-duration: 300ms; } section.image-slider .swiper-button-prev:hover, section.image-slider .swiper-button-next:hover { color: #FF5050; } section.image-slider .swiper-button-prev:before, section.image-slider .swiper-button-next:before { font-size: 30px; } section.image-slider .swiper-button-prev { left: 15px; } section.image-slider .swiper-button-prev:before { content: "\e90f"; } section.image-slider .swiper-button-next { right: 15px; } section.image-slider .swiper-button-next:before { content: "\e90e"; } /* SECTION: IMAGE GALLERY */ .image-gallery .image-gallery--title { text-align: center; margin-bottom: 30px; } .image-gallery .image-gallery--image { margin-bottom: 10px; } .image-gallery .image-gallery--image a { display: block; } /* Testimonials */ section.testimonials { overflow: hidden; } section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-pagination .swiper-pagination-bullet, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-pagination .swiper-pagination-bullet { border-color: #ffffff; } section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-prev, section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-next, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-prev, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-next { color: #ffffff; } @media (max-width: 767px) { section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-prev:hover, section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-next:hover, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-prev:hover, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-next:hover { background-color: #FF5050; color: #ffffff; } } @media (max-width: 767px) { section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-prev, section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .swiper-button-next, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-prev, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .swiper-button-next { background-color: #ffffff; color: #FF5050; } } section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .testimonials__testimonial-slider__testimonial__text, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .testimonials__testimonial-slider__testimonial__text { color: #ffffff; } section.testimonials.eclipseGrey-bg .testimonials__testimonial-slider .testimonials__testimonial-slider__testimonial__author, section.testimonials.blackcurrantViolet-bg .testimonials__testimonial-slider .testimonials__testimonial-slider__testimonial__author { color: #ffffff; } section.testimonials .testimonials__testimonial-slider .swiper-pagination { position: relative; bottom: auto; text-align: center; width: 100%; margin: 0px; padding: 0px; display: flex; justify-content: center; } section.testimonials .testimonials__testimonial-slider .swiper-pagination .swiper-pagination-bullet { display: block; opacity: 1; border-color: #000000; border-width: 1px; border-style: solid; background-color: transparent; width: 10px; height: 10px; border-radius: 10px !important; padding: 0px; outline: 0; margin-left: 5px; margin-right: 5px; } section.testimonials .testimonials__testimonial-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FF5050; } section.testimonials .testimonials__testimonial-slider .swiper-button-disabled { visibility: hidden; opacity: 0; } section.testimonials .testimonials__testimonial-slider .swiper-button-prev, section.testimonials .testimonials__testimonial-slider .swiper-button-next { opacity: 1; position: absolute; top: 50%; margin-top: -50px; z-index: 1; width: 32.5px; height: 50px; font-size: 0px; line-height: 0px; padding: 0px; outline: none; background-color: transparent; border-color: transparent; color: #373737; /* font-family: "Font Awesome 5 Free" !important; speak: none; font-style: normal; font-weight: 900; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; */ font-family: 'hostolympia-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; transition-duration: 300ms; } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider .swiper-button-prev, section.testimonials .testimonials__testimonial-slider .swiper-button-next { width: 30px; height: 30px; margin-top: -15px; padding: 0px; background-color: #000000; color: #ffffff; display: none; } } section.testimonials .testimonials__testimonial-slider .swiper-button-prev:hover, section.testimonials .testimonials__testimonial-slider .swiper-button-next:hover { color: #FF5050; } section.testimonials .testimonials__testimonial-slider .swiper-button-prev:before, section.testimonials .testimonials__testimonial-slider .swiper-button-next:before { font-size: 30px; line-height: 1em; } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider .swiper-button-prev:before, section.testimonials .testimonials__testimonial-slider .swiper-button-next:before { font-size: 24px; } } section.testimonials .testimonials__testimonial-slider .swiper-button-prev { left: 0px; cursor: pointer; } section.testimonials .testimonials__testimonial-slider .swiper-button-prev:before { content: "\e90f"; } section.testimonials .testimonials__testimonial-slider .swiper-button-next { right: 0px; cursor: pointer; } section.testimonials .testimonials__testimonial-slider .swiper-button-next:before { content: "\e90e"; } section.testimonials .testimonials__testimonial-slider__testimonial { text-align: center; } section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text { font-size: 1.5rem; line-height: 1.4em; max-width: 900px; margin: auto; margin-bottom: 0px; color: #000000; } @media (max-width: 1199px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text { padding-left: 60px; padding-right: 60px; } } @media (max-width: 991px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text { padding-left: 75px; padding-right: 75px; } } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text { padding-left: 0px; padding-right: 0px; } } section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text i { margin-bottom: 30px; color: #301444; } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text i { margin-bottom: 15px; } } section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text p:last-of-type { margin-bottom: 50px; } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__text p:last-of-type { margin-bottom: 30px; } } section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__author { margin-bottom: 60px; color: #000000; } @media (max-width: 1199px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__author { margin-bottom: 30px; } } section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__author .name { font-size: 1.1rem; font-weight: 700; } @media (max-width: 767px) { section.testimonials .testimonials__testimonial-slider__testimonial .testimonials__testimonial-slider__testimonial__author .name { font-weight: normal; } } /* SECTION: OUR BROCHURE */ section.our-brochure { padding-top: 120px; padding-bottom: 120px; margin-bottom: 0px; } @media (max-width: 991px) { section.our-brochure { padding-top: 0px; padding-bottom: 90px; margin-top: 120px; } } @media (max-width: 767px) { section.our-brochure { margin-top: 180px; } } section.our-brochure .our-brochure__text { max-width: 570px; } @media (max-width: 991px) { section.our-brochure .our-brochure__text { text-align: center; margin: auto; } } @media (max-width: 991px) { section.our-brochure .our-brochure__image { transform: rotate(-5deg); text-align: center; position: relative; top: -60px; } } @media (max-width: 767px) { section.our-brochure .our-brochure__image { max-width: 190px; margin: auto; top: -120px; margin-bottom: -60px; } } section.our-brochure .our-brochure__image img { box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.3); } /* SECTION: Video player */ section.video { text-align: center; } @media (max-width: 1199px) { section.video { margin-bottom: 90px; } } @media (max-width: 767px) { section.video { margin-bottom: 30px; } } section.video .video-js, section.video iframe { max-width: 1200px; margin: auto; width: 100%; height: 640px; } @media (max-width: 991px) { section.video .video-js, section.video iframe { height: 400px; } } @media (max-width: 767px) { section.video .video-js, section.video iframe { height: 250px; } } @media (max-width: 394px) { section.video .video-js, section.video iframe { height: 200px; } } /* Section: Form */ section.form .form__title { text-align: center; } section.form .form__intro { text-align: center; margin-bottom: 30px; } /* Section: Map Embed */ section.map-embed .map iframe { height: 600px; } @media (max-width: 1199px) { section.map-embed .map iframe { height: 450px; } } @media (max-width: 767px) { section.map-embed .map iframe { height: 320px; } } @media (max-width: 394px) { section.map-embed .map iframe { height: 200px; } } /* Section: Our events block/teaser */ section.events.teaser .events__body > div:nth-of-type(4) { display: none; } @media (max-width: 991px) { section.events.teaser .events__body > div:nth-of-type(4) { display: flex; } } section.events.eclipseGrey-bg .event__card, section.events.blackcurrantViolet-bg .event__card { color: #000000; } section.events.white-bg .event__card { border-color: 1px solid #cacaca; } section.events .events__date-filter { margin-bottom: 30px; } section.events .events__date-filter .date-trigger { position: relative; display: inline-block; } section.events .events__date-filter .events-date-host { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; border: 0; margin: 0; padding: 0; background: transparent; cursor: pointer; } section.events .events__intro-text { max-width: 820px; margin: auto; margin-bottom: 90px; } @media (max-width: 1199px) { section.events .events__intro-text { margin-bottom: 60px; } } @media (max-width: 767px) { section.events .events__intro-text { margin-bottom: 45px; } } section.events .events__intro-text p.intro { font-size: 24px; font-size: 1.1em; font-weight: bold; margin-bottom: 1em; } section.events .events__see-all { margin-top: 90px; } @media (max-width: 991px) { section.events .events__see-all { margin-top: 60px; } } @media (max-width: 767px) { section.events .events__see-all { margin-top: 30px; } } section.events .views-infinite-scroll-content-wrapper { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /* Component: Event cards */ .event__card { display: flex; flex-direction: column; text-decoration: none; background-color: #ffffff; position: relative; width: 100%; min-width: 100%; margin-bottom: 30px; } .event__card .event__card__image { height: 210px; } .event__card .event__card__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; height: 100%; } .event__card .event__card__body { background-color: #ffffff; padding: 45px; padding-top: 30px; display: flex; flex-direction: column; flex: 1; } @media (max-width: 1199px) { .event__card .event__card__body { padding: 30px; } } .event__card .event__card__intro { flex-grow: 1; margin-bottom: 30px; } .event__card .event__card__title h3, .event__card .event__card__title a.box-link .box-link__title, a.box-link .event__card .event__card__title .box-link__title { font-size: 1.5rem; text-transform: none; margin-bottom: 15px; } .event__card .event__card__date { font-size: 0.9em; font-weight: normal; color: #FF5050; } @media (max-width: 767px) { .event__card .event__card__date { font-size: inherit; } } .event__card .event__card__description { border-top: 2px solid #E5E5E5; margin-top: 15px; padding-top: 20px; font-size: 18px; line-height: 1.3em; margin-bottom: 30px; } @media (max-width: 767px) { .event__card .event__card__description { font-size: inherit; } } .event__card .event__card__description p { margin-bottom: 1em; } .event__card .event__card__links { margin-top: auto; display: flex; flex-direction: column; } .event__card .event__card__links a { margin-right: auto; margin-bottom: 15px; } .event__card .event__card__links a:last-of-type { margin-bottom: 0px; } .event__card .event__card__links a.button:hover, .event__card .event__card__links form .form-actions a.webform-button--submit:hover, form .form-actions .event__card .event__card__links a.webform-button--submit:hover, .event__card .event__card__links form .form-actions a.form-submit:hover, form .form-actions .event__card .event__card__links a.form-submit:hover, .event__card .event__card__links section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .event__card .event__card__links a.form-submit:hover, .event__card .event__card__links section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions .event__card .event__card__links a.form-submit:hover, .event__card .event__card__links a.button:focus, .event__card .event__card__links form .form-actions a.webform-button--submit:focus, form .form-actions .event__card .event__card__links a.webform-button--submit:focus, .event__card .event__card__links form .form-actions a.form-submit:focus, form .form-actions .event__card .event__card__links a.form-submit:focus, .event__card .event__card__links section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .event__card .event__card__links a.form-submit:focus, .event__card .event__card__links section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions .event__card .event__card__links a.form-submit:focus { background-color: #000000; color: #ffffff; } /* Section: FAQs */ section.faqs .faq__box { padding: 90px 60px; background: #FF5050; color: #ffffff; } @media (max-width: 991px) { section.faqs .faq__box { padding: 60px 45px; } } @media (max-width: 767px) { section.faqs .faq__box { padding: 45px 15px; } } section.faqs .faq__box .faq__inner { max-width: 770px; margin: auto; } section.faqs .faq__box .faq__inner h2 { text-align: center; margin-bottom: 60px; } @media (max-width: 767px) { section.faqs .faq__box .faq__inner h2 { margin-bottom: 45px; } } section.faqs .faq__box .faq__inner .accordion { margin-bottom: 60px; } @media (max-width: 767px) { section.faqs .faq__box .faq__inner .accordion { margin-bottom: 45px; } } section.faqs .faq__box .faq__inner .accordion .question { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ffffff; } @media (max-width: 991px) { section.faqs .faq__box .faq__inner .accordion .question { margin-bottom: 20px; padding-bottom: 20px; } } @media (max-width: 767px) { section.faqs .faq__box .faq__inner .accordion .question { margin-bottom: 15px; padding-bottom: 15px; } } section.faqs .faq__box .faq__inner .accordion .question .question-header { text-align: left; } section.faqs .faq__box .faq__inner .accordion .question .question-header button { width: 100%; border: 0px; border-radius: 0px !important; background: transparent; font-size: inherit; color: #ffffff; text-align: left; font-weight: bold; outline: 0; padding: 0px; position: relative; } section.faqs .faq__box .faq__inner .accordion .question .question-header button.collapsed i { transform: rotate(0deg); } section.faqs .faq__box .faq__inner .accordion .question .question-header button i { font-size: 16px; float: right; position: relative; top: 6px; transform: rotate(180deg); transition: all 300ms ease-out; } section.faqs .faq__box .faq__inner .accordion .question .question-body { padding-top: 30px; } @media (max-width: 991px) { section.faqs .faq__box .faq__inner .accordion .question .question-body { padding-top: 20px; } } @media (max-width: 767px) { section.faqs .faq__box .faq__inner .accordion .question .question-body { padding-top: 15px; } } section.faqs .faq__box .faq__inner .accordion .question .question-body p:last-of-type { margin-bottom: 0px; } section.faqs .faq__box .faq__inner .faqs__bottom-text { max-width: 550px; margin: auto; text-align: center; } section.faqs .faq__box .faq__inner .faqs__bottom-text p:last-of-type { margin-bottom: 0px; } /* Section: Event intro */ section.event-intro { position: relative; padding-top: 0px; } @media (max-width: 767px) { section.event-intro { overflow: hidden; } } section.event-intro.eclipseGrey-bg { color: #373737; } section.event-intro.olympiaViolet-bg { color: #000000; } section.event-intro .event-intro__box { background-color: #ffffff; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2); top: -60px; position: relative; padding: 30px; margin-bottom: -60px; } @media (max-width: 767px) { section.event-intro .event-intro__box { top: 0px; margin-bottom: 0px; box-shadow: none; padding: 30px 0px; margin-left: -15px; margin-right: -15px; } } section.event-intro .event-intro__box .event-intro__field { text-align: center; } @media (max-width: 767px) { section.event-intro .event-intro__box .event-intro__field { margin-bottom: 15px; } } @media (max-width: 991px) { section.event-intro .event-intro__box .event-intro__field.opening-times { margin-top: 15px; } } @media (max-width: 767px) { section.event-intro .event-intro__box .event-intro__field.opening-times { margin-top: 0px; } } section.event-intro .event-intro__box .event-intro__field .label { font-weight: bold; font-size: 14px; } section.event-intro .event-intro__box .event-intro__field .value { font-weight: normal; } /* Section: available-catering */ @media (max-width: 767px) { section.available-catering.no-margin-top { padding-top: 45px !important; } } section.available-catering.white-bg .catering-card { border: 1px solid #cacaca; } section.available-catering .available-catering__intro { text-align: center; margin-bottom: 60px; } @media (max-width: 767px) { section.available-catering .available-catering__intro { margin-bottom: 45px; } } section.available-catering .available-catering__intro p.intro { font-size: 1.1em; } /* Component: Catering card */ .catering-card { background-color: #ffffff; color: #373737; margin-bottom: 30px; position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden; } .catering-card:before { content: ''; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16); transition: all 300ms ease-out; } .catering-card .catering-card__image { height: 265px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1199px) { .catering-card .catering-card__image { height: 250px; } } @media (max-width: 767px) { .catering-card .catering-card__image { height: 200px; } } .catering-card .catering-card__images { width: 100%; height: 265px; overflow: hidden; } .catering-card .catering-card__images .catering-card__images__image { width: 100%; height: 100%; } .catering-card .catering-card__images .catering-card__images__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .catering-card .catering-card__images .swiper-button-disabled { visibility: hidden !important; opacity: 0 !important; } .catering-card .catering-card__images.swiper .swiper-wrapper, .catering-card .catering-card__images.swiper .swiper-slide { height: 100%; } .catering-card .catering-card__images.swiper .swiper-pagination { position: absolute; padding: 0px; margin: 0px; top: 10px; bottom: auto; text-align: center; justify-content: center; display: flex; width: 100%; } @media (max-width: 991px) { .catering-card .catering-card__images.swiper .swiper-pagination { padding: 0px; } } .catering-card .catering-card__images.swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: transparent; border: 1px solid #ffffff; width: 10px; height: 10px; border-radius: 10px !important; padding: 0px; display: block; outline: none; margin-left: 5px; margin-right: 5px; } .catering-card .catering-card__images.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; } .catering-card .catering-card__images.swiper .swiper-button-prev, .catering-card .catering-card__images.swiper .swiper-button-next { opacity: 1; position: absolute; top: 50%; z-index: 1; width: 30px; height: 30px; margin-top: -15px; font-size: 0px; line-height: 0px; padding: 0px; outline: none; background-color: transparent; border-color: transparent; color: #ffffff; font-family: "Font Awesome 5 Free" !important; speak: none; font-style: normal; font-weight: 900; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0px; outline: none; transition: all 300ms ease-out; opacity: 0.8; transform: scale(1); } .catering-card .catering-card__images.swiper .swiper-button-prev:hover, .catering-card .catering-card__images.swiper .swiper-button-next:hover { opacity: 1; transform: scale(1.4); } .catering-card .catering-card__images.swiper .swiper-button-prev:before, .catering-card .catering-card__images.swiper .swiper-button-next:before { font-size: 24px; line-height: 1em; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); } .catering-card .catering-card__images.swiper .swiper-button-prev { left: 10px; cursor: pointer; } .catering-card .catering-card__images.swiper .swiper-button-prev:before { content: "\f053"; } .catering-card .catering-card__images.swiper .swiper-button-next { right: 10px; cursor: pointer; } .catering-card .catering-card__images.swiper .swiper-button-next:before { content: "\f054"; } .catering-card .catering-card__body { padding: 30px; padding-top: 0px; position: relative; display: flex; flex-direction: column; flex: 1; z-index: 1; } @media (max-width: 767px) { .catering-card .catering-card__body { padding: 15px; } } .catering-card .catering-card__body .catering-card__logo { position: relative; text-align: center; top: -70px; margin-bottom: -70px; } @media (max-width: 1199px) { .catering-card .catering-card__body .catering-card__logo { top: -60px; margin-bottom: -60px; } } @media (max-width: 767px) { .catering-card .catering-card__body .catering-card__logo { top: -90px; margin-bottom: -90px; } } .catering-card .catering-card__body .catering-card__description { font-size: 18px; line-height: 1.4em; border-top: 2px solid #E5E5E5; padding-top: 20px; flex: 1 1 auto; } @media (max-width: 767px) { .catering-card .catering-card__body .catering-card__description { font-size: 16px; } } .catering-card .catering-card__body .catering-card__description p { margin-bottom: 1rem; } .catering-card .catering-card__footer { display: flex; flex-wrap: wrap; } .catering-card .catering-card__footer a { text-align: center; } .catering-card .catering-card__footer .catering-card__cta { text-align: left; flex-grow: 1; width: 50%; } .catering-card .catering-card__footer .catering-card__view-menu { text-align: right; flex-grow: 1; width: 50%; } .catering-card:hover:before { opacity: 1; } /* Section: Visiting this event */ .visiting-this-event.has-bg { padding-top: 0px; } .visiting-this-event.eclipseGrey-bg .visiting-this-event__box { background-color: #F0FFED; color: #373737; } .visiting-this-event.white-bg .visiting-this-event__box { background-color: #373737; color: #ffffff; } .visiting-this-event .visiting-this-event__box { padding: 90px 60px; background-color: #ffffff; color: #373737; text-align: center; } @media (max-width: 767px) { .visiting-this-event .visiting-this-event__box { padding: 30px 15px; } } .visiting-this-event .visiting-this-event__box .inner { max-width: 800px; margin: auto; } .visiting-this-event .visiting-this-event__box h2 { margin-bottom: 30px; } .visiting-this-event .visiting-this-event__box p:last-of-type { margin-bottom: 0px; } .visiting-this-event .visiting-this-event__box strong { font-size: 1.1em; font-weight: bold; } /* Section: News */ .news.landing { padding-top: 90px; } @media (max-width: 767px) { .news.landing { padding-top: 45px; } } @media (max-width: 394px) { .news.landing { padding-top: 30px; } } .news.landing .news__article { margin-bottom: 45px; } @media (max-width: 394px) { .news.landing .news__article { margin-bottom: 30px; } } @media (max-width: 991px) { .news.block .news__article { max-width: 600px; margin: auto; margin-bottom: 60px; } } @media (max-width: 767px) { .news.block .news__article { margin-bottom: 30px; } } .news .news__title { text-align: center; margin-bottom: 30px; } .news .news__article { margin-bottom: 30px; } .news .news__article .news__article__image { margin-bottom: 30px; } .news .news__article .news__article__date { font-size: 0.8em; text-transform: uppercase; } @media (max-width: 767px) { .news .news__article .news__article__date { font-size: 0.9em; } } .news .news__article .news__article__title { margin-bottom: 15px; } .news .news__article .news__article__text { margin-bottom: 30px; } @media (max-width: 767px) { .news .news__article .news__article__text { margin-bottom: 15px; } } .news .news__view-all { text-align: center; margin-top: 30px; } .news .news__view-all a { min-width: 175px; } /* Section: News-single */ .news-single .news-single__title h1 { margin-bottom: 0px; } .news-single .news-single__date { margin-bottom: 30px; font-size: 0.8em; text-transform: uppercase; } @media (max-width: 394px) { .news-single .news-single__date { margin-bottom: 15px; font-size: 0.9em; } } .news-single .news-single__intro { margin-bottom: 45px; } @media (max-width: 394px) { .news-single .news-single__intro { margin-bottom: 30px; } } .news-single .news-single__image { margin-bottom: 45px; } @media (max-width: 394px) { .news-single .news-single__image { margin-bottom: 30px; } } /* Component: Talk to our team sticky */ .talk-to-our-team-sticky { position: fixed; z-index: 10; right: -95px; top: 50%; transform: rotate(-90deg); width: 250px; height: 60px; } @media (max-width: 1199px) { .talk-to-our-team-sticky { right: -85px; width: 215px; height: 45px; } } @media (max-width: 991px) { .talk-to-our-team-sticky { transform: none; right: inherit; left: 40%; left: calc(50% - 107.5px); top: inherit; bottom: 0px; } } .talk-to-our-team-sticky a { display: block; text-align: center; width: 100%; height: 100%; background-color: #FF5050; color: #ffffff; text-decoration: none; font-size: 20px; text-transform: uppercase; font-weight: bold; line-height: 1em; padding: 20px 25px; border-top-left-radius: 5px; border-top-right-radius: 5px; transition: all 300ms ease-out; } @media (max-width: 1199px) { .talk-to-our-team-sticky a { padding: 15px 20px; font-size: 16px; } } .talk-to-our-team-sticky a:hover { background-color: #ffffff; color: #FF5050; } /* Section: Newsletter subscribe block */ .newsletter-signup { background: #301444; padding-top: 120px; padding-bottom: 100px; margin-bottom: 0px; color: #ffffff; } .newsletter-signup .form__title h2 { color: #ffffff; } .newsletter-signup .form__container { max-width: 575px; margin-left: auto; margin-right: auto; } .newsletter-signup .form__container .no-ffl { padding-top: 15px; } .newsletter-signup .form__container .form-item { margin-bottom: 15px; } .newsletter-signup .form__container .form-item input { border-bottom-color: #ffffff; color: #ffffff; background-color: transparent; border-bottom: 1px solid; } .newsletter-signup .form__container .form-item input:focus { border-bottom-color: #FF5050; } .newsletter-signup .form__container .form-item select { color: #ffffff; border-bottom-color: #ffffff; outline: 0; background-color: transparent; border-bottom: 1px solid; } .newsletter-signup .form__container .form-item.js-form-type-checkbox { margin-top: 30px; } .newsletter-signup .form__container .form-item.js-form-type-checkbox label { font-size: 14px; line-height: 1.4em; display: block; } .newsletter-signup .form__container .form-item.js-form-type-checkbox label:before { border-color: #ffffff; background-color: transparent !important; } .newsletter-signup .form__container .form-item.js-form-type-checkbox label:after { background-color: #ffffff; } .newsletter-signup .form__container .form-item div.mce_inline_error { font-size: 14px; text-transform: uppercase; font-weight: bold; } .newsletter-signup .form__container .form-actions input { color: #ffffff; background-color: #FF5050; } .newsletter-signup .form__container .form-actions input:hover { background-color: #ffffff; color: #FF5050; } .newsletter-signup .form__container #mce-responses .response { background-color: #FF5050; color: #ffffff; padding: 15px; margin-top: 15px; } /* Section: Product single - product categories */ .product-categories { background-color: transparent; position: fixed; left: 0%; top: 160px; width: 100%; z-index: 4; transition: all 300ms ease-out; } @media (max-width: 1199px) { .product-categories { top: 135px; } } @media (max-width: 991px) { .product-categories { top: 120px; } } @media (max-width: 767px) { .product-categories { top: 85px; } } body.header__low-profile .product-categories { top: 90px; } @media (max-width: 1199px) { body.header__low-profile .product-categories { top: 85px; } } @media (max-width: 991px) { body.header__low-profile .product-categories { top: 90px; } } @media (max-width: 767px) { body.header__low-profile .product-categories { top: 65px; } } .product-categories.disabled { top: 0px; } .product-categories .facets-widget-links { display: flex; justify-content: center; transition: all 300ms ease-out; } @media (max-width: 991px) { .product-categories .facets-widget-links { opacity: 0; visibility: hidden; max-height: 0px; display: none; } } @media (max-width: 767px) { .product-categories .facets-widget-links.visible { opacity: 1; visibility: visible; max-height: 1000px; } } .product-categories .facets-widget-links .views-element-container { width: 100%; } .product-categories .facets-widget-links ul { background-color: #FF5050; padding: 30px 0px; display: flex; flex-direction: row; text-align: center; align-items: center; flex-wrap: wrap; justify-content: space-evenly; width: 100%; margin-bottom: 0px; } @media (max-width: 991px) { .product-categories .facets-widget-links ul { padding: 0px; background-color: transparent; } } @media (max-width: 767px) { .product-categories .facets-widget-links ul { padding: 0px; padding-bottom: 15px; background-color: #ffffff; display: block; } } .product-categories .facets-widget-links ul li { padding-left: 15px; padding-right: 15px; display: flex; } @media (max-width: 991px) { .product-categories .facets-widget-links ul li { padding: 0px; } } @media (max-width: 767px) { .product-categories .facets-widget-links ul li { display: block; } } .product-categories .facets-widget-links ul li:before { display: none; } .product-categories .facets-widget-links ul li a { color: #000000; text-transform: uppercase; text-decoration: none; font-size: 0.9rem; font-weight: normal; transition: all 300ms ease-out; } @media (max-width: 991px) { .product-categories .facets-widget-links ul li a { padding: 15px 30px; margin-bottom: 15px; background-color: #ffffff; } } @media (max-width: 767px) { .product-categories .facets-widget-links ul li a { display: block; padding: 10px; margin-bottom: 0px; } } .product-categories .facets-widget-links ul li a:hover, .product-categories .facets-widget-links ul li a.is-active { color: #ffffff; } @media (max-width: 991px) { .product-categories .facets-widget-links ul li a:hover, .product-categories .facets-widget-links ul li a.is-active { color: #FF5050; background-color: #ffffff; } } .product-categories .facets-widget-links ul li a .facet-item__status { display: none; } .product-categories .facets-widget-links ul li ul { display: none !important; } .product-categories .back-to-exhibitor-express { display: none; } @media (max-width: 991px) { .product-categories .back-to-exhibitor-express { display: block; padding-top: 15px; } } @media (max-width: 767px) { .product-categories .back-to-exhibitor-express { padding-top: 10px; } } .product-categories .back-to-exhibitor-express a i { margin-left: 0px; margin-right: 10px; } /* Section: Single product */ section.product-single { padding-top: 180px; } @media (max-width: 1199px) { section.product-single { padding-top: 150px; } } @media (max-width: 991px) { section.product-single { padding-top: 90px; } } @media (max-width: 767px) { section.product-single { padding-top: 75px; } } section.product-single .product-single__image { position: relative; max-width: 500px; } @media (max-width: 991px) { section.product-single .product-single__image { margin: auto; margin-bottom: 60px; } } @media (max-width: 991px) { section.product-single .product-single__image { margin-bottom: 30px; } } section.product-single .product-single__image .product-single__feature-roundel { position: absolute; top: 15px; right: 15px; width: 100px; height: 100px; overflow: hidden; border-radius: 100px; /*background-color:$bondiBlue;*/ background-color: #FF5050; color: #ffffff; font-size: 0.7em; line-height: 1em; font-weight: 700; text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); } @media (max-width: 991px) { section.product-single .product-single__image .product-single__feature-roundel { font-size: 0.9em; } } section.product-single .product-single__image .product-single__feature-roundel.white-bg { background-color: #ffffff; color: #373737; } section.product-single .product-single__image .product-single__feature-roundel.bondiBlue-bg { background-color: #FF5050; color: #ffffff; } @media (max-width: 991px) { section.product-single .product-single__info { max-width: 500px; margin: auto; } } section.product-single .product-single__info .product-single__title h3, section.product-single .product-single__info .product-single__title a.box-link .box-link__title, a.box-link section.product-single .product-single__info .product-single__title .box-link__title { color: #ffffff; } section.product-single .product-single__info .product-single__short-description { font-weight: normal; margin-bottom: 30px; } section.product-single .product-single__info .product-single__short-description p:last-of-type { margin-bottom: 0px; } section.product-single .product-single__info .product-single__cost-info { margin-top: 25px; margin-bottom: 45px; font-weight: normal; color: #ffffff; font-size: 0.85em; line-height: 1em; } @media (max-width: 1199px) { section.product-single .product-single__info .product-single__cost-info { margin-bottom: 30px; } } @media (max-width: 991px) { section.product-single .product-single__info .product-single__cost-info { font-size: 1em; } } section.product-single .product-single__info .product-single__portion { position: relative; padding-right: 10px; margin-right: 5px; border-right: 2px solid #ffffff; } section.product-single .product-single__info .product-single__price { font-weight: 700; } section.product-single .product-single__info .product-single__full-descripton { font-size: 0.85em; margin-bottom: 45px; } @media (max-width: 991px) { section.product-single .product-single__info .product-single__full-descripton { font-size: 1em; } } section.product-single .product-single__info .product-single__full-descripton ul { list-style-type: initial; list-style-position: inside; margin-bottom: 15px; } section.product-single .product-single__info .product-single__full-descripton ul li { padding-left: 0px; } section.product-single .product-single__info .product-single__full-descripton ul li:before { display: none; } section.product-single .product-single__info .product-single__full-descripton strong { font-weight: bold; } section.product-single .product-single__info .product-single__full-descripton p { margin-bottom: 1em; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity, section.product-single .product-single__info .product-single__order-elements .field--name-quantity { margin-bottom: 30px; display: flex; flex-direction: row; /* Firefox */ } section.product-single .product-single__info .product-single__order-elements .product-single__quantity label, section.product-single .product-single__info .product-single__order-elements .field--name-quantity label { display: none !important; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity input, section.product-single .product-single__info .product-single__order-elements .field--name-quantity input { border: none; width: 30px; height: 30px; border-radius: 30px !important; background-color: #ffffff !important; color: #000000 !important; padding: 5px !important; text-align: center; margin-left: 10px; margin-right: 10px; font-size: 18px; font-weight: normal; outline: none; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity button.number-btn, section.product-single .product-single__info .product-single__order-elements .field--name-quantity button.number-btn { border: none; background: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px !important; background-color: #FF5050; color: #ffffff; font-weight: 300; font-size: 14px; line-height: 1em; text-align: center; outline: none; transition: 300ms all ease-out; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity button.number-btn:hover, section.product-single .product-single__info .product-single__order-elements .field--name-quantity button.number-btn:hover { background-color: #ffffff; color: #FF5050; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity button.number-btn:disabled, section.product-single .product-single__info .product-single__order-elements .field--name-quantity button.number-btn:disabled { background-color: #FF5050; color: #ffffff; cursor: not-allowed; opacity: 0.5; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity input::-webkit-outer-spin-button, section.product-single .product-single__info .product-single__order-elements .product-single__quantity input::-webkit-inner-spin-button, section.product-single .product-single__info .product-single__order-elements .field--name-quantity input::-webkit-outer-spin-button, section.product-single .product-single__info .product-single__order-elements .field--name-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } section.product-single .product-single__info .product-single__order-elements .product-single__quantity input[type=number], section.product-single .product-single__info .product-single__order-elements .field--name-quantity input[type=number] { -moz-appearance: textfield; } section.product-single .product-single__info .product-single__order-elements .product-single__delivery-date, section.product-single .product-single__info .product-single__order-elements .field--name-field-delivery-date { margin-bottom: 30px; } section.product-single .product-single__info .product-single__order-elements .product-single__delivery-time, section.product-single .product-single__info .product-single__order-elements .field--name-field-delivery-time { margin-bottom: 45px; } section.product-single .product-single__info .product-single__order-elements .form-item { font-size: 0.85em; } @media (max-width: 991px) { section.product-single .product-single__info .product-single__order-elements .form-item { font-size: 1em; } } section.product-single .product-single__info .product-single__order-elements .form-item label { color: #ffffff; display: block; font-weight: normal; padding-left: 10px; } section.product-single .product-single__info .product-single__order-elements .form-item input { max-width: 380px; border: none; border-radius: 5px; padding: 10px 15px; color: #000000; background-color: #ffffff; } @media (max-width: 991px) { section.product-single .product-single__info .product-single__order-elements .form-item input { max-width: 100%; } } section.product-single .product-single__info .product-single__order-elements .form-item select#delivery_time { width: 100%; max-width: 380px; height: auto; border: none; border-radius: 5px !important; padding: 10px 15px; color: #000000; background-color: #ffffff; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; cursor: pointer; } @media (max-width: 991px) { section.product-single .product-single__info .product-single__order-elements .form-item select#delivery_time { max-width: 100%; } } section.product-single .product-single__info .product-single__order-elements .form-item select#delivery_time:disabled { cursor: not-allowed; opacity: 0.65; } section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart, section.product-single .product-single__info .product-single__order-elements .form-actions { text-align: left; } @media (max-width: 991px) { section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart, section.product-single .product-single__info .product-single__order-elements .form-actions { text-align: center; } } section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart .form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions .form-submit { padding: 10px 20px; min-width: 150px; } /* Section: Product card */ a.product-card { position: relative; display: flex; flex-direction: column; text-decoration: none; margin-bottom: 30px; background-color: #ffffff; width: 100%; } @media (max-width: 767px) { a.product-card { max-width: 370px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } } a.product-card .product-card__image { position: relative; } @media (max-width: 767px) { a.product-card .product-card__image img { height: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } a.product-card .product-card__image .product-card__feature-roundel { position: absolute; top: 15px; right: 15px; width: 100px; height: 100px; overflow: hidden; border-radius: 100px; background-color: #FF5050; color: #ffffff; font-size: 0.7em; line-height: 1em; font-weight: 700; text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); } @media (max-width: 991px) { a.product-card .product-card__image .product-card__feature-roundel { font-size: 0.9em; } } @media (max-width: 767px) { a.product-card .product-card__image .product-card__feature-roundel { display: none; } } a.product-card .product-card__image .product-card__feature-roundel.white-bg { color: #000000; background-color: #ffffff; } a.product-card .product-card__image .product-card__feature-roundel.bondiBlue-bg { background-color: #FF5050; color: #ffffff; } a.product-card .product-card__body { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; } @media (max-width: 767px) { a.product-card .product-card__body { padding: 15px; } } a.product-card .product-card__body .product-card__title { text-transform: uppercase; margin-bottom: 1rem; } @media (max-width: 767px) { a.product-card .product-card__body .product-card__title { font-size: 1rem; margin-bottom: 0px; } } a.product-card .product-card__body .product-card__short-description { font-size: 0.85em; line-height: 1.4em; margin-bottom: 15px; flex-grow: 1; } @media (max-width: 767px) { a.product-card .product-card__body .product-card__short-description { margin-bottom: 0px; } } a.product-card .product-card__body .product-card__short-description p { margin-bottom: 1rem; } @media (max-width: 767px) { a.product-card .product-card__body .product-card__short-description p:last-of-type { margin-bottom: 0px; } } a.product-card .product-card__body .product-card__cost-info { color: #000000; font-weight: normal; font-size: 0.85em; line-height: 1em; padding-top: 15px; border-top: 1px solid #FF5050; } @media (max-width: 767px) { a.product-card .product-card__body .product-card__cost-info { margin-top: 15px; font-size: 1em; } } a.product-card .product-card__body .product-card__cost-info .product-card__portion { position: relative; padding-right: 7.5px; margin-right: 7.5px; border-right: 1px solid #000000; } a.product-card .product-card__body .product-card__cost-info .product-card__price { font-weight: bold; } a.product-card:before { content: ''; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16); transition: all 300ms ease-out; } a.product-card:hover { color: inherit; } a.product-card:hover:before { opacity: 1; } /* Section: Related products */ section.related-products.eclipseGrey-bg .related-products__body { color: #373737; } section.related-products.olympiaViolet-bg .related-products__body { color: #000000; } section.related-products .related-products__intro-text { max-width: 820px; margin: auto; margin-bottom: 60px; } @media (max-width: 767px) { section.related-products .related-products__intro-text { margin-bottom: 45px; } } section.related-products .related-products__body { margin-bottom: 60px; } @media (max-width: 991px) { section.related-products .related-products__body { margin-bottom: 45px; } } section.related-products .related-products__see-all { max-width: 150px; width: 100%; } section.related-products .related-products__see-all ul.pager { display: block; margin: 0px; } section.related-products .related-products__see-all ul.pager li { padding-left: 0px; } section.related-products .related-products__see-all ul.pager li:before { display: none; } section.related-products .related-products__see-all a { display: block; width: 100%; } /* Section: Exhibitor express/product landing */ section.exhibitor-express.eclipseGrey-bg .product-card .product-card__body { color: #373737; } section.exhibitor-express.olympiaViolet-bg .product-card .product-card__body { color: #000000; } section.exhibitor-express .exhibitor-express__title h1 { margin-bottom: 1rem; } section.exhibitor-express .exhibitor-express__sub-title { margin-bottom: 2rem; } section.exhibitor-express .exhibitor-express__intro-text { margin-bottom: 90px; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__intro-text { margin-bottom: 60px; } } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__intro-text { margin-bottom: 45px; } } section.exhibitor-express .exhibitor-express__search { position: relative; margin-bottom: 90px; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__search { margin-bottom: 60px; } } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__search { margin-bottom: 45px; } } section.exhibitor-express .exhibitor-express__search input.searchbox-input { width: 100%; background-color: transparent; border: none; outline: 0; border-bottom: 1px solid #ffffff; padding: 10px 0px; color: #ffffff; transition: all 300ms ease-out; } section.exhibitor-express .exhibitor-express__search input.searchbox-input:focus { border-bottom-color: #ffffff; } section.exhibitor-express .exhibitor-express__search input.searchbox-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; } section.exhibitor-express .exhibitor-express__search input.searchbox-input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } section.exhibitor-express .exhibitor-express__search input.searchbox-input:-ms-input-placeholder { /* IE 10+ */ color: #ffffff; } section.exhibitor-express .exhibitor-express__search input.searchbox-input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } section.exhibitor-express .exhibitor-express__search button.submit { position: absolute; right: 0px; z-index: 1; top: 0px; height: 100%; width: 30px; background-color: transparent; border: 0px; font-size: 24px; color: #ffffff; display: flex; align-items: center; transition: all 300ms ease-out; } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__search button.submit { font-size: 16px; } } section.exhibitor-express .exhibitor-express__search button.submit:hover { color: #FF5050; } section.exhibitor-express .exhibitor-express__product-categories { transition: top 300ms ease-out; } section.exhibitor-express .exhibitor-express__product-categories.sticky { z-index: 4; } section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 160px !important; } @media (max-width: 1199px) { section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 130px !important; } } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 120px !important; } } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 85px !important; } } body.header__low-profile section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 95px !important; } @media (max-width: 1199px) { body.header__low-profile section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 90px !important; } } @media (max-width: 991px) { body.header__low-profile section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 90px !important; } } @media (max-width: 767px) { body.header__low-profile section.exhibitor-express .exhibitor-express__product-categories.sticky-enabled { top: 65px !important; } } section.exhibitor-express .exhibitor-express__product-categories a.toggle-links { width: 100%; text-decoration: none; background-color: #FF5050; padding: 15px; text-align: center; color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 15px; display: none; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories a.toggle-links { display: block; } } section.exhibitor-express .exhibitor-express__product-categories a.toggle-links i { transition: all 300ms ease-out; } section.exhibitor-express .exhibitor-express__product-categories a.toggle-links.active i { transform: rotate(180deg); } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories #block-productcategory { display: none; } } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories .block-facet--links { display: none; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links { display: flex; justify-content: center; transition: all 300ms ease-out; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links { z-index: 1; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul { background-color: #FF5050; padding: 30px; display: flex; flex-direction: row; text-align: center; align-items: center; flex-wrap: wrap; justify-content: space-evenly; width: 100%; margin-bottom: 0px; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul { padding: 0px; padding-bottom: 15px; background-color: #FF5050; display: block; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li { padding-left: 15px; padding-right: 15px; display: flex; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li { display: block; padding: 0px; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li:before { display: none; } @media (min-width: 992px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li:first-of-type { padding-left: 0px; } } @media (min-width: 992px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li:last-of-type { padding-right: 0px; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a { color: #000000; text-transform: uppercase; text-decoration: none; font-size: 0.9rem; transition: all 300ms ease-out; } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a { display: block; padding: 10px; margin-bottom: 0px; } } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a:hover, section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a.is-active { color: #ffffff; } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a.is-active { font-weight: bold; } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li a .facet-item__status { display: none; } section.exhibitor-express .exhibitor-express__product-categories .facets-widget-links ul li ul { display: none !important; } section.exhibitor-express .exhibitor-express__products { margin-top: 90px; margin-bottom: 60px; } @media (max-width: 1199px) { section.exhibitor-express .exhibitor-express__products { margin-top: 60px; } } @media (max-width: 991px) { section.exhibitor-express .exhibitor-express__products { margin-bottom: 45px; } } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__products { margin-top: 45px; } } section.exhibitor-express .exhibitor-express__products .views-infinite-scroll-content-wrapper { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; justify-content: center !important; } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__products .views-infinite-scroll-content-wrapper { margin-left: -7.5px; margin-right: -7.5px; } } @media (max-width: 767px) { section.exhibitor-express .exhibitor-express__products .product-container { padding-left: 7.5px; padding-right: 7.5px; } } @media (max-width: 375px) { section.exhibitor-express .exhibitor-express__products .product-container { max-width: 100% !important; flex: 0 0 100% !important; } } section.exhibitor-express .exhibitor-express__commerce-links a { margin-left: 15px; margin-right: 15px; max-width: 150px; width: 100%; text-align: center; } /* Section cart */ section.cart .cart__title h1 { margin-bottom: 2rem; } section.cart .cart__body table { background-color: #ffffff; color: #373737; } @media (max-width: 767px) { section.cart .cart__body table { min-width: 690px; } } section.cart .cart__body table thead tr { border-bottom: 1px solid #084E6B; } section.cart .cart__body table thead tr th { font-size: 18px; font-weight: normal; padding: 15px 5px; } @media (max-width: 991px) { section.cart .cart__body table thead tr th { font-size: 16px; } } @media (max-width: 991px) { section.cart .cart__body table thead tr th.views-field-field-product-image { display: none; } } section.cart .cart__body table tbody tr td { font-size: 18px; line-height: 1.3em; padding: 15px 5px; } @media (max-width: 991px) { section.cart .cart__body table tbody tr td { font-size: 16px; } } section.cart .cart__body table tbody tr td.views-field-field-product-image { text-align: center; } @media (max-width: 991px) { section.cart .cart__body table tbody tr td.views-field-field-product-image { display: none; } } section.cart .cart__body table tbody tr td.views-field-title { font-weight: bold; } section.cart .cart__body table tbody tr td.views-field-edit-quantity { display: flex; flex-direction: row; /* Firefox */ display: table-cell; } section.cart .cart__body table tbody tr td.views-field-edit-quantity input { border: none; width: 30px; height: 30px; border-radius: 30px !important; background-color: #ffffff !important; color: #000000 !important; padding: 5px !important; text-align: center; margin-left: 10px; margin-right: 10px; font-size: 18px; font-weight: normal; outline: none; } section.cart .cart__body table tbody tr td.views-field-edit-quantity button.number-btn { border: none; background: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px !important; background-color: #FF5050; color: #ffffff; font-weight: 300; font-size: 14px; line-height: 1em; text-align: center; outline: none; transition: 300ms all ease-out; } section.cart .cart__body table tbody tr td.views-field-edit-quantity button.number-btn:hover { background-color: #ffffff; color: #FF5050; } section.cart .cart__body table tbody tr td.views-field-edit-quantity button.number-btn:disabled { background-color: #FF5050; color: #ffffff; cursor: not-allowed; opacity: 0.5; } section.cart .cart__body table tbody tr td.views-field-edit-quantity input::-webkit-outer-spin-button, section.cart .cart__body table tbody tr td.views-field-edit-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } section.cart .cart__body table tbody tr td.views-field-edit-quantity input[type=number] { -moz-appearance: textfield; } section.cart .cart__body table tbody tr td.views-field-edit-quantity .form-item { margin-bottom: 0px; display: flex; align-items: center; } section.cart .cart__body table tbody tr td.views-field-edit-quantity input { margin-left: 10px; margin-right: 10px; background-color: #FF5050 !important; color: #ffffff !important; } section.cart .cart__body table tbody tr td.views-field-edit-quantity button.number-btn { background-color: transparent; color: #000000; font-size: 14px; padding: 0px; width: auto; height: auto; } section.cart .cart__body table tbody tr td.views-field-edit-quantity button.number-btn:hover { color: #FF5050; background-color: transparent; } section.cart .cart__body table tbody tr td.views-field-remove-button input { padding: 5px 15px; font-size: 12px; } section.cart .cart__body .order-total-line { padding: 0px; } @media (max-width: 767px) { section.cart .cart__body .order-total-line { padding: 0px; max-width: 180px; margin: auto; } } section.cart .cart__body .order-total-line .order-total-line-value { width: 100px; margin-left: 15px; } section.cart .cart__body .order-total-line__total { display: none; } section.cart .cart__body .order-total__tax-statement { font-size: 16px; } section.cart .cart__body .form-actions input.form-submit { margin-left: 15px; margin-right: 15px; } @media (max-width: 767px) { section.cart .cart__body .form-actions input.form-submit { margin-left: 0px; margin-right: 0px; margin-bottom: 30px; } } section.cart .cart__body .form-actions input.form-submit:first-of-type { margin-left: 0px; } section.cart .cart__body .form-actions input.form-submit::last-of-type { margin-right: 0px; } /* Section: Checkout */ section.checkout { padding-top: 60px; } section.checkout .checkout__title { margin-bottom: 90px; } @media (max-width: 1199px) { section.checkout .checkout__title { margin-bottom: 75px; } } @media (max-width: 991px) { section.checkout .checkout__title { margin-bottom: 60px; } } @media (max-width: 767px) { section.checkout .checkout__title { margin-bottom: 45px; } } section.checkout .checkout__form fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset legend { text-transform: uppercase; color: #FF5050; margin-bottom: 30px; } section.checkout .checkout__form input[type="text"], section.checkout .checkout__form input[type="email"], section.checkout .checkout__form input[type="password"], section.checkout .checkout__form textarea, section.checkout .checkout-pane-coupon-redemption input[type="text"], section.checkout .checkout-pane-coupon-redemption input[type="email"], section.checkout .checkout-pane-coupon-redemption input[type="password"], section.checkout .checkout-pane-coupon-redemption textarea { background-color: #ffffff; padding: 15px; border: 0px; border-radius: 5px; } section.checkout .checkout__form select, section.checkout .checkout-pane-coupon-redemption select { background-color: #ffffff; padding: 15px; border: 0px !important; border-radius: 5px !important; height: auto; outline: 0; } section.checkout .checkout__form .js-form-type-select label, section.checkout .checkout-pane-coupon-redemption .js-form-type-select label { font-size: 1em; margin-bottom: .5rem; } @media (max-width: 767px) { section.checkout .checkout__form .form-actions, section.checkout .checkout-pane-coupon-redemption .form-actions { display: flex; flex-direction: column; } } section.checkout .checkout__form .form-actions a.link--previous, section.checkout .checkout-pane-coupon-redemption .form-actions a.link--previous { font-size: 0.8em; margin-left: 15px; } @media (max-width: 767px) { section.checkout .checkout__form .form-actions a.link--previous, section.checkout .checkout-pane-coupon-redemption .form-actions a.link--previous { margin-top: 15px; margin-left: 0px; font-size: 0.9em; } } section.checkout .checkout__form #edit-login-returning-customer-forgot-password, section.checkout .checkout-pane-coupon-redemption #edit-login-returning-customer-forgot-password { font-size: 0.8em; margin-left: 15px; } @media (max-width: 767px) { section.checkout .checkout__form #edit-login-returning-customer-forgot-password, section.checkout .checkout-pane-coupon-redemption #edit-login-returning-customer-forgot-password { font-size: 14px; } } @media (max-width: 767px) { section.checkout .checkout__form .checkout-pane-review fieldset, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review fieldset { margin-bottom: 30px; } } @media (max-width: 767px) { section.checkout .checkout__form .checkout-pane-review fieldset legend, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review fieldset legend { margin-bottom: 15px; } } section.checkout .checkout__form .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div { margin-bottom: 30px; } section.checkout .checkout__form .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div:last-of-type, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div:last-of-type { margin-bottom: 0px; } section.checkout .checkout__form .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div div:first-of-type, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div div:first-of-type { font-size: 16px; line-height: 1em; text-transform: uppercase; font-weight: bold; } @media (max-width: 767px) { section.checkout .checkout__form .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div div:first-of-type, section.checkout .checkout-pane-coupon-redemption .checkout-pane-review #edit-review-order-fieldscheckout .fieldset-wrapper > div div:first-of-type { font-size: 12px; } } section.checkout .checkout-progress { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; padding: 0px; counter-reset: step; z-index: 1; } @media (max-width: 767px) { section.checkout .checkout-progress { display: none; } } section.checkout .checkout-progress li.checkout-progress--step { list-style-type: none; flex-grow: 1; flex-basis: 0; font-size: 12px; padding: 0px; position: relative; text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 700; } section.checkout .checkout-progress li.checkout-progress--step:before { width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: none; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white; color: #000000; } section.checkout .checkout-progress li.checkout-progress--step:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #FF5050; top: 15px; left: -50%; z-index: -1; opacity: 0; } section.checkout .checkout-progress li.checkout-progress--step:first-child:after { content: none; } section.checkout .checkout-progress li.checkout-progress--step.checkout-progress--step__current:before, section.checkout .checkout-progress li.checkout-progress--step.checkout-progress--step__previous:before { background-color: #FF5050; color: #ffffff; } section.checkout .checkout-progress li.checkout-progress--step.checkout-progress--step__current:after, section.checkout .checkout-progress li.checkout-progress--step.checkout-progress--step__previous:after { opacity: 1; } section.checkout .checkout__summary { padding: 25px; background-color: #FF5050; color: #ffffff; margin-bottom: 30px; } @media (max-width: 767px) { section.checkout .checkout__summary { margin-bottom: 15px; } } section.checkout .checkout__summary .checkout__summary__title { text-align: left; margin-bottom: 1rem; } section.checkout .checkout__summary .checkout__summary__title h4, section.checkout .checkout__summary .checkout__summary__title a.product-card .product-card__body .product-card__title, a.product-card .product-card__body section.checkout .checkout__summary .checkout__summary__title .product-card__title, section.checkout .checkout__summary .checkout__summary__title .checkout__form fieldset legend, section.checkout .checkout__form fieldset .checkout__summary .checkout__summary__title legend, section.checkout .checkout__summary .checkout__summary__title .checkout-pane-coupon-redemption fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset .checkout__summary .checkout__summary__title legend, section.checkout .checkout__summary .checkout__summary__title section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title, section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip section.checkout .checkout__summary .checkout__summary__title .interactive-map__poi__tooltip__title { margin-bottom: 0px; } section.checkout .checkout__summary .checkout__summary__items { font-size: 18px; line-height: 1.4em; margin-bottom: 30px; } @media (max-width: 767px) { section.checkout .checkout__summary .checkout__summary__items { font-size: 15px; } } section.checkout .checkout__summary .checkout__summary__item { padding-top: 15px; padding-bottom: 15px; border-color: #ffffff; } section.checkout .checkout__summary .checkout__summary__item .checkout__summary__item__delivery-date { color: #ffffff; } section.checkout .checkout__summary .checkout__summary__item .checkout__summary__item__total .tax-suffix { margin-left: 5px; } section.checkout .checkout__summary .checkout__summary__totals { font-size: 18px; line-height: 1.4em; } @media (max-width: 767px) { section.checkout .checkout__summary .checkout__summary__totals { font-size: 15px; } } section.checkout .checkout__summary .checkout__summary__totals .order-total-line { padding: 0px; } section.checkout .checkout__summary .checkout__summary__totals .order-total-line-value { width: 100px; } section.checkout .checkout__summary .checkout__summary__totals .order-total__tax-statement { font-size: 14px; } section.checkout .checkout__summary .checkout__summary__totals .order-total-line__total { display: none; } section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons h4, section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons a.product-card .product-card__body .product-card__title, a.product-card .product-card__body section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons .product-card__title, section.checkout .checkout__form fieldset .checkout-pane-coupon-redemption .coupon-redemption-form__coupons legend, section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset .coupon-redemption-form__coupons legend, section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title, section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip section.checkout .checkout-pane-coupon-redemption .coupon-redemption-form__coupons .interactive-map__poi__tooltip__title { margin-bottom: 1rem; } @media (max-width: 991px) { section.checkout .checkout-pane-coupon-redemption { margin-bottom: 60px; } } @media (max-width: 767px) { section.checkout .checkout-pane-coupon-redemption { margin-bottom: 45px; } } /* COMPONENT: Cart Summary Item */ .cart__summary__item { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #FF5050; font-weight: normal; position: relative; } .cart__summary__item:first-of-type { border-top: 1px solid #FF5050; } .cart__summary__item .cart__sumary__item__remove { position: absolute; right: 0px; } .cart__summary__item .cart__sumary__item__remove button { width: 30px; height: 30px; background-color: #FF5050; color: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 14px; padding: 0px; } .cart__summary__item .cart__sumary__item__remove button i { margin: 0px; } .cart__summary__item .cart__sumary__item__remove button:hover { background-color: #ffffff; color: #FF5050; } .cart__summary__item .cart__sumary__item__remove button:hover i { color: #FF5050; } .cart__summary__item .cart__summary__item__title { padding-right: 45px; font-weight: 700; } .cart__summary__item .cart__summary__item__delivery-date { color: #FF5050; margin-bottom: 10px; } .cart__summary__item .cart__summary__item__footer { display: flex; flex-direction: row; } .cart__summary__item .cart__summary__item__quantity { margin-right: 15px; } .cart__summary__item .cart__summary__item__total { margin-left: auto; } /* COMPONENT: Cart Flyout */ #cart-offcanvas { background-color: #301444; color: #ffffff; width: 100%; max-width: 500px; padding-top: 0px !important; overflow-y: auto; transition: all 300ms ease-out; } #cart-offcanvas.cart-offcanvas--right { transform: translate3d(100%, 0, 0); } #cart-offcanvas.cart-offcanvas--right.is-open { transform: translate3d(0, 0, 0); } #cart-offcanvas .cart--cart-offcanvas { margin: 25px; position: relative; } #cart-offcanvas .cart--cart-offcanvas .cart--cart-offcanvas__close { position: absolute; top: 0px; right: 0px; } #cart-offcanvas .cart--cart-offcanvas .cart--cart-offcanvas__close button { padding: 0px; background-color: transparent !important; color: #ffffff; font-size: 24px; } #cart-offcanvas .cart--cart-offcanvas .cart--cart-offcanvas__close button:hover { color: #FF5050; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner h4, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner a.product-card .product-card__body .product-card__title, a.product-card .product-card__body #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .product-card__title, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.checkout .checkout__form fieldset legend, section.checkout .checkout__form fieldset #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner legend, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.checkout .checkout-pane-coupon-redemption fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner legend, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title, section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .interactive-map__poi__tooltip__title { margin-bottom: 30px; text-transform: uppercase; } @media (max-width: 767px) { #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner h4, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner a.product-card .product-card__body .product-card__title, a.product-card .product-card__body #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .product-card__title, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.checkout .checkout__form fieldset legend, section.checkout .checkout__form fieldset #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner legend, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.checkout .checkout-pane-coupon-redemption fieldset legend, section.checkout .checkout-pane-coupon-redemption fieldset #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner legend, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title, section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .interactive-map__poi__tooltip__title { margin-bottom: 15px; } } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items { font-size: 18px; margin-bottom: 30px; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items { margin-bottom: 20px; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity { display: flex; flex-direction: row; /* Firefox */ } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity input { border: none; width: 30px; height: 30px; border-radius: 30px !important; background-color: #ffffff !important; color: #000000 !important; padding: 5px !important; text-align: center; margin-left: 10px; margin-right: 10px; font-size: 18px; font-weight: normal; outline: none; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity button.number-btn { border: none; background: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px !important; background-color: #FF5050; color: #ffffff; font-weight: 300; font-size: 14px; line-height: 1em; text-align: center; outline: none; transition: 300ms all ease-out; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity button.number-btn:hover { background-color: #ffffff; color: #FF5050; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity button.number-btn:disabled { background-color: #FF5050; color: #ffffff; cursor: not-allowed; opacity: 0.5; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity input::-webkit-outer-spin-button, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items .cart__summary__items .cart__summary__item .cart__summary__item__quantity input[type=number] { -moz-appearance: textfield; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items button.cart-block--offcanvas-contents__update { background-color: transparent; border: none; color: #ffffff; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items button.cart-block--offcanvas-contents__update i { margin-right: 5px; transition: 300ms all ease-out; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__inner .cart-block--offcanvas-contents__items button.cart-block--offcanvas-contents__update:hover i { transform: rotate(180deg); } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__links { text-align: center; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__links a { width: 100%; max-width: 150px; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__links a:hover, #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart-block--offcanvas-contents__links a:focus { background-color: #ffffff; color: #FF5050; } #cart-offcanvas .cart--cart-offcanvas .cart-block--offcanvas-contents .cart--cart-offcanvas__close { display: none; } .cart-offcanvas-bg.is-open { background-color: rgba(0, 0, 0, 0.35); } /* Section: User */ section.user .user__title h1 { margin-bottom: 30px; } section.user .user__menu { margin-bottom: 60px; } @media (max-width: 767px) { section.user .user__menu { margin-bottom: 30px; } } section.user .user__menu nav ul { list-style: none; display: flex; align: center; justify-content: center; } section.user .user__menu nav ul li { position: relative; padding-left: 15px; padding-right: 15px; border-right: 1px solid #ffffff; line-height: 1em; display: flex; } section.user .user__menu nav ul li:before { display: none; } section.user .user__menu nav ul li:last-of-type { border-right: 0px; } section.user .user__menu nav ul li a { font-size: 18px; color: #ffffff; } section.user .user__menu nav ul li a:hover { color: #FF5050; } section.user .user__menu nav ul li i { display: none; } section.user .user__menu nav ul li.has-submenu ul { margin-left: 15px; } section.user .user__menu nav ul li.has-submenu ul li:first-of-type { border-left: 1px solid #ffffff; } section.user .user__details { background-color: #ffffff; color: #373737; padding: 30px; } section.user .user__details .field { margin-bottom: 30px; } @media (max-width: 767px) { section.user .user__details .field { margin-bottom: 15px; } } section.user .user__details .field .label { font-size: 0.8em; font-weight: bold; text-transform: uppercase; } section.user .user__orders table { margin-bottom: 0px; background-color: #ffffff; color: #000000; } @media (max-width: 767px) { section.user .user__orders table { min-width: 690px; } } section.user .user__orders table thead { background-color: #FF5050; color: #ffffff; } section.user .user__orders table thead tr { border-bottom: 1px solid #FF5050; } section.user .user__orders table thead tr th { font-weight: 700; padding: 15px; } @media (max-width: 991px) { section.user .user__orders table thead tr th { font-size: 16px; } } section.user .user__orders table thead tr th#view-order-number-table-column { width: 17.5%; } section.user .user__orders table thead tr th#view-placed-table-column { width: 30%; } section.user .user__orders table thead tr th a:hover, section.user .user__orders table thead tr th a:focus { color: #301444; } section.user .user__orders table tbody tr td { font-size: 18px; line-height: 1.3em; padding: 15px; } @media (max-width: 991px) { section.user .user__orders table tbody tr td { font-size: 16px; } } section.user .user__orders table tbody tr td a.button, section.user .user__orders table tbody tr td form .form-actions a.webform-button--submit, form .form-actions section.user .user__orders table tbody tr td a.webform-button--submit, section.user .user__orders table tbody tr td form .form-actions a.form-submit, form .form-actions section.user .user__orders table tbody tr td a.form-submit, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.user .user__orders table tbody tr td a.form-submit, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions section.user .user__orders table tbody tr td a.form-submit { min-width: 140px; } section.user .user__orders table tbody tr td a.button:hover, section.user .user__orders table tbody tr td form .form-actions a.webform-button--submit:hover, form .form-actions section.user .user__orders table tbody tr td a.webform-button--submit:hover, section.user .user__orders table tbody tr td form .form-actions a.form-submit:hover, form .form-actions section.user .user__orders table tbody tr td a.form-submit:hover, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.user .user__orders table tbody tr td a.form-submit:hover, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions section.user .user__orders table tbody tr td a.form-submit:hover, section.user .user__orders table tbody tr td a.button:focus, section.user .user__orders table tbody tr td form .form-actions a.webform-button--submit:focus, form .form-actions section.user .user__orders table tbody tr td a.webform-button--submit:focus, section.user .user__orders table tbody tr td form .form-actions a.form-submit:focus, form .form-actions section.user .user__orders table tbody tr td a.form-submit:focus, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.user .user__orders table tbody tr td a.form-submit:focus, section.user .user__orders table tbody tr td section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions section.user .user__orders table tbody tr td a.form-submit:focus { background-color: #301444; color: #ffffff; } section.user .user__orders .empty { padding: 30px; background-color: #ffffff; color: #373737; text-align: center; } section.user .user__orders .empty p { margin-bottom: 1em; } section.user .user__order { padding: 30px; background-color: #ffffff; color: #373737; } section.user .user__order .order-id { color: #FF5050; } section.user .user__order .order-field { margin-bottom: 30px; } section.user .user__order .order-field .order-field__label { font-weight: bold; font-size: 0.8em; text-transform: uppercase; } section.user .user__order .order-field .views-field-field-delivery-date-v2, section.user .user__order .order-field .views-field-field-delivery-time-v2 { display: none; } section.user .user__order p.address { margin-bottom: 0px; } section.user .user__order .order-information table th, section.user .user__order .order-information table td { font-size: 0.8em; line-height: 1.25em; } @media (max-width: 767px) { section.user .user__order .order-information table th, section.user .user__order .order-information table td { font-size: 0.9em; } } section.user .user__order .order-total-line.order-total-line__subtotal, section.user .user__order .order-total-line.order-total-line__adjustment--tax { font-size: 0.8em; line-height: 1.25em; } @media (max-width: 767px) { section.user .user__order .order-total-line.order-total-line__subtotal, section.user .user__order .order-total-line.order-total-line__adjustment--tax { font-size: 0.9em; } } section.user .user__order .order-total-line.order-total-line__total { margin-top: 15px; margin-bottom: 45px; } @media (max-width: 767px) { section.user .user__order .order-total-line.order-total-line__total { margin-bottom: 30px; } } section.user .user__order .company-information { text-align: center; font-size: 0.8em; line-height: 1.25em; } @media (max-width: 767px) { section.user .user__order .company-information { font-size: 0.9em; } } /* Section: Card logos */ section.card-logos .card-logos__box { background-color: #ffffff; margin: auto; max-width: 320px; padding: 15px; } /* Component: Parallax bg elements */ .parallax-elements { position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; } @media (max-width: 991px) { .parallax-elements { display: none; } } .parallax-elements .container { position: relative; height: 100%; } .parallax-elements .element { position: absolute; color: #009CB4; opacity: 0.1; font-family: 'hostolympia-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .parallax-elements .element.disabled { display: none; } .parallax-elements .element.element-1 { left: 0px; } .parallax-elements .element.element-1 .element-object { transform: translate(-50%, -50%); } .parallax-elements .element.element-2 { right: 0px; } .parallax-elements .element.element-2 .element-object { transform: translate(50%, -50%); } .parallax-elements .element.y-0 { top: 0%; } .parallax-elements .element.y-10 { top: 10%; } .parallax-elements .element.y-20 { top: 20%; } .parallax-elements .element.y-30 { top: 30%; } .parallax-elements .element.y-40 { top: 40%; } .parallax-elements .element.y-50 { top: 50%; } .parallax-elements .element.y-60 { top: 60%; } .parallax-elements .element.y-70 { top: 70%; } .parallax-elements .element.y-80 { top: 80%; } .parallax-elements .element.y-90 { top: 90%; } .parallax-elements .element.y-100 { top: 100%; } .parallax-elements .element.color-white { opacity: 0.5; color: #ffffff; } .parallax-elements .element.color-whiteSmoke { opacity: 0.5; color: #EDEDED; } .parallax-elements .element.color-honeydewWhite, .parallax-elements .element.color-bondiBlue { color: #F0FFED; opacity: 0.2; } .parallax-elements .element.color-sunsetOrange { color: #FF5050; opacity: 0.2; } .parallax-elements .element.color-blackcurrantViolet { color: #301444; opacity: 0.2; } .parallax-elements .element.element-object { width: 500px; height: 500px; font-size: 500px; } .parallax-elements .element.circle .element-object { width: 500px; height: 500px; font-size: 500px; } .parallax-elements .element.circle .element-object:before { content: "\e900"; } .parallax-elements .element.circle-small .element-object { width: 275px; height: 275px; font-size: 275px; } .parallax-elements .element.circle-small .element-object:before { content: "\e900"; } .parallax-elements .element.circle-half-bottom .element-object { font-size: 390px; width: 390px; height: 390px; } .parallax-elements .element.circle-half-bottom .element-object:before { content: "\e901"; } .parallax-elements .element.circle-quarter-top-left .element-object { width: 350px; height: 350px; font-size: 350px; } .parallax-elements .element.circle-quarter-top-left .element-object:before { content: "\e902"; } .parallax-elements .element.circle-quarter-top-right .element-object { width: 350px; height: 350px; font-size: 350px; } .parallax-elements .element.circle-quarter-top-right .element-object:before { content: "\e903"; } section.feedback-forms-landing .feedback-forms-landing__buttons a.button, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.webform-button--submit, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.webform-button--submit, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.form-submit, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit, section.product-single .product-single__info .product-single__order-elements .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit { padding: 12.5px 35px; font-size: 16px; } section.feedback-forms-landing .feedback-forms-landing__buttons a.button:hover, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.webform-button--submit:hover, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.webform-button--submit:hover, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.form-submit:hover, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:hover, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:hover, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:hover, section.product-single .product-single__info .product-single__order-elements .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:hover, section.feedback-forms-landing .feedback-forms-landing__buttons a.button:focus, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.webform-button--submit:focus, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.webform-button--submit:focus, section.feedback-forms-landing .feedback-forms-landing__buttons form .form-actions a.form-submit:focus, form .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:focus, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .product-single__add-to-cart section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:focus, section.feedback-forms-landing .feedback-forms-landing__buttons section.product-single .product-single__info .product-single__order-elements .form-actions a.form-submit:focus, section.product-single .product-single__info .product-single__order-elements .form-actions section.feedback-forms-landing .feedback-forms-landing__buttons a.form-submit:focus { background-color: #301444; color: #ffffff; } section.feedback-forms .feedback-forms__form { padding-top: 60px; } @media (max-width: 767px) { section.feedback-forms .feedback-forms__form { padding-top: 30px; } } section.feedback-forms .feedback-forms__form form .form-item textarea { min-height: auto; } /* Component: Recipe card */ .recipe-card { background-color: #ffffff; color: #373737; margin-bottom: 30px; position: relative; display: flex; flex-direction: column; height: 100%; } @media (max-width: 767px) { .recipe-card { max-width: 370px; margin-left: auto; margin-right: auto; } } .recipe-card:before { content: ''; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16); transition: all 300ms ease-out; } .recipe-card .recipe-card__body { padding: 30px 30px 20px; position: relative; display: flex; flex-direction: column; flex: 1; } @media (max-width: 767px) { .recipe-card .recipe-card__body { padding: 15px; } } .recipe-card .recipe-card__body .recipe-card__description { flex: 1 1 auto; margin-bottom: 20px; } @media (max-width: 767px) { .recipe-card .recipe-card__body .recipe-card__description { font-size: 16px; } } .recipe-card .recipe-card__footer { border-top: 1px solid #FF5050; padding-top: 15px; text-align: right; } .recipe-card:hover:before { opacity: 1; } /* SECTION: MAINTENANCE PAGE */ body.maintenance-page { padding: 0px; background-color: #301444; } section.maintenance-page { color: #ffffff; min-height: 100vh; } section.maintenance-page .maintenance-page__logo { margin: auto; max-width: 150px; margin-bottom: 60px; } @media (max-width: 991px) { section.maintenance-page .maintenance-page__logo { max-width: 250px; } } @media (max-width: 767px) { section.maintenance-page .maintenance-page__logo { max-width: 175px; } } @media (max-width: 394px) { section.maintenance-page .maintenance-page__logo { max-width: 150px; } } section.maintenance-page .maintenance-page__logo img { width: 100%; height: auto; } section.maintenance-page .maintenance-page__description { margin-bottom: 45px; } section.maintenance-page .footer-logos { padding-top: 45px; border-top: 1px solid white; } section.maintenance-page .footer-logos a { padding-left: 30px; padding-right: 30px; } @media (max-width: 394px) { section.maintenance-page .footer-logos a { padding-left: 15px; padding-right: 15px; } } /* SECTION: INTERACTIVE MAP */ section.interactive-map { margin-bottom: 60px; } @media (max-width: 991px) { section.interactive-map { margin-bottom: 45px; } } @media (max-width: 767px) { section.interactive-map { margin-bottom: 30px; } } section.interactive-map .interactive-map__intro { text-align: center; } section.interactive-map .interactive-map__map { position: relative; max-width: 1500px; margin-top: 0px; margin-left: auto; margin-right: auto; } section.interactive-map .interactive-map__map .interactive-map__map-image img { width: 100%; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi { position: absolute; display: inline-block; top: 0px; left: 0px; width: 100%; height: 100%; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label { position: absolute; cursor: pointer; background-color: transparent; color: #ffffff; line-height: 1em; font-size: 13px; font-weight: 700; z-index: 1; text-decoration: none !important; transform: translate(-50%, -100%); } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label { max-width: 20px; font-size: 11px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label:hover { -webkit-animation: bounce 0.7s ease; animation: bounce 0.7s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label .inner-button { position: relative; width: 28px; height: 41px; } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label .inner-button { max-width: 22px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label .inner-button .label-text { position: absolute; top: 7px; left: 50%; transform: translateX(-48%); } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__label .inner-button .label-text { top: 5px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip { visibility: hidden; opacity: 0; max-width: 420px; width: 420px; background-color: white; position: absolute; z-index: 2; padding: 20px; transform: translate(-50%, -50%); transition: all 0.3s; } @media (max-width: 767px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip { max-width: 500px; width: 100%; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip { padding: 10px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.enabled { opacity: 1; visibility: visible; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-top { transform: translate(-50%, 0%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-top.pin-left { transform: translate(0%, 0%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-top.pin-right { transform: translate(-100%, 0%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-bottom { transform: translate(-50%, -100%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-bottom.pin-left { transform: translate(0%, -100%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-bottom.pin-right { transform: translate(-100%, -100%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-left { transform: translate(0%, -50%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip.pin-right { transform: translate(-100%, -50%); } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__close-btn { position: absolute; color: #373737; right: 20px; top: 20px; font-size: 0.8em; z-index: 1; transition: all 0.3s; } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__close-btn { right: 10px; top: 10px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__close-btn:hover { color: #FF5050; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__image { max-width: 130px; margin-bottom: 1em; } @media (max-width: 394px) { section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__image { max-width: 90px; } } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title { text-transform: uppercase; margin-bottom: 1rem; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__title span { font-family: "Inter", "Arial", sans-serif; color: #FF5050; text-transform: none; font-weight: 700; font-size: 0.8rem; line-height: 1.4em; display: block; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__description .interactive-map__poi__tooltip__text { font-size: 0.8rem; line-height: 1.4em; } section.interactive-map .interactive-map__map .interactive-map__map-elements .interactive-map__poi .interactive-map__poi__tooltip .interactive-map__poi__tooltip__description .interactive-map__poi__tooltip__text p { margin-bottom: 1rem; }