/* Minification failed. Returning unminified contents. (456,33): run-time error CSS1046: Expect comma, found '0' (456,37): run-time error CSS1046: Expect comma, found '/' (468,23): run-time error CSS1039: Token not allowed after unary operator: '-min-height-touch-surface' (469,22): run-time error CSS1039: Token not allowed after unary operator: '-min-height-touch-surface' (471,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (472,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (479,33): run-time error CSS1046: Expect comma, found '0' (479,37): run-time error CSS1046: Expect comma, found '/' (500,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-drop-down' (508,28): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (512,17): run-time error CSS1039: Token not allowed after unary operator: '-height-tillex-input' (513,18): run-time error CSS1039: Token not allowed after unary operator: '-height-tillex-input' (521,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (530,18): run-time error CSS1039: Token not allowed after unary operator: '-height-tillex-input' (549,21): run-time error CSS1039: Token not allowed after unary operator: '-font-2' (567,21): run-time error CSS1039: Token not allowed after unary operator: '-font-0' (571,21): run-time error CSS1039: Token not allowed after unary operator: '-font-1' (575,21): run-time error CSS1039: Token not allowed after unary operator: '-font-2' (579,21): run-time error CSS1039: Token not allowed after unary operator: '-font-3' (583,21): run-time error CSS1039: Token not allowed after unary operator: '-font-4' (587,21): run-time error CSS1039: Token not allowed after unary operator: '-font-5' (678,22): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-general-page-background' (689,28): run-time error CSS1039: Token not allowed after unary operator: '-color-backdrop' (696,38): run-time error CSS1039: Token not allowed after unary operator: '-tillex-gradient' (713,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-product-page-color' (737,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-breadcrumb-separator' (748,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (755,33): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (756,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from' (756,36): run-time error CSS1046: Expect comma, found 'var(' (756,41): run-time error CSS1047: Expected number or percentage value in rgb function, found '-color-theme-brand-background' (756,70): run-time error CSS1046: Expect comma, found ')' (756,85): run-time error CSS1063: Expected calculation unit, found 'alpha' (756,85): run-time error CSS1064: Expected calculation product, found 'alpha' (756,85): run-time error CSS1065: Expected calculation sum, found 'alpha' (756,85): run-time error CSS1034: Expected closing parenthesis, found 'alpha' (756,85): run-time error CSS1042: Expected function, found 'alpha' (756,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (798,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-warning' (803,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-party-size' (807,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-duration' (811,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-calendar' (815,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-slot' (819,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-attributes' (823,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-asset' (827,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-number' (831,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-price' (910,41): run-time error CSS1046: Expect comma, found '0' (910,45): run-time error CSS1046: Expect comma, found '/' (1056,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-billing-account' (1060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1211,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1213,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1214,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1215,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1286,32): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (1287,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (1345,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-next' (1349,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-prev' (1357,21): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (1364,25): run-time error CSS1039: Token not allowed after unary operator: '-color-orange-hover' (1375,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-forgot-password' (1379,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-register' (1386,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-cancel' (1390,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (1409,33): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (1414,41): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (1419,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-expand' (1515,18): run-time error CSS1039: Token not allowed after unary operator: '-height-tillex-input' (1520,33): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (1652,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (1658,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkin' (1666,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-location' (1670,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-customer-address' (1674,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkout' (1678,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkout-cart' (1752,21): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (1803,21): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (1862,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-on-white' (1897,21): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (1953,21): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (2005,36): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (2036,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (2055,22): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-background' (2056,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (2063,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (2067,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (2101,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-location' (2166,35): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (2221,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (2240,6): run-time error CSS1030: Expected identifier, found '.' (2240,6): run-time error CSS1019: Unexpected token, found '.' (2245,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-epos' (2252,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-back-to-top' (2256,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-membership-card' (2372,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-on-white' (2392,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (2397,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (2442,39): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-color' (2446,31): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-toolbar-color' (2450,31): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-masthead-color' (2454,31): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-navbar-color' (2491,18): run-time error CSS1039: Token not allowed after unary operator: '-image-height-logo' (2540,39): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (2555,30): run-time error CSS1039: Token not allowed after unary operator: '-experience-control-inset' (2622,26): run-time error CSS1039: Token not allowed after unary operator: '-nm' (2630,30): run-time error CSS1039: Token not allowed after unary operator: '-experience-control-inset' (2631,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (2634,30): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (2644,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (2645,26): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (2709,31): run-time error CSS1039: Token not allowed after unary operator: '-icon-hamburger' (2754,32): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (2755,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (2760,21): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (2802,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-product' (2811,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-on-white' (2842,36): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (2843,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (2856,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-home' (2860,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-order-history' (2864,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-account-details' (2868,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-log-off' (2872,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-partner-center' (2876,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-epos' (2899,31): run-time error CSS1039: Token not allowed after unary operator: '-icon-cart' (2922,36): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2923,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2924,25): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text' (2946,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (2956,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-home' (2960,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-unlock' (2965,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-service' (2970,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-collection' (2974,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-delivery' (2978,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-courier' (2982,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-digital' (2986,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-experience' (2990,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service-epos' (2998,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-delivery-time' (3002,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-make-booking' (3007,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-print' (3011,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-orders' (3015,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-add-to-cart' (3019,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-log-in' (3023,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-register' (3027,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-checkout-order' (3031,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-cancel-order' (3068,5): run-time error CSS1019: Unexpected token, found '@keyframes' (3069,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3080,32): run-time error CSS1039: Token not allowed after unary operator: '-color-light-purple' (3089,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-home-page-background' (3090,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-home-page-color' (3133,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (3253,21): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (3261,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3262,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text' (3362,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-lite' (3366,25): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3433,6): run-time error CSS1030: Expected identifier, found '.' (3433,6): run-time error CSS1019: Unexpected token, found '.' (3441,13): run-time error CSS1030: Expected identifier, found ' ' (3441,14): run-time error CSS1031: Expected selector, found 'var(' (3441,14): run-time error CSS1025: Expected comma or open brace, found 'var(' (3448,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3449,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text' (3455,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3459,36): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-inverse' (3460,25): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text-inverse' (3552,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-pan-left' (3556,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-pan-right' (3626,36): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (3631,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3632,21): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text' (3639,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (3647,25): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text' (3747,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-expand-cart' (3752,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-shrink-cart' (3843,21): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (3884,39): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (3895,17): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (3900,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-color' (3908,39): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-button-color' (3923,33): run-time error CSS1046: Expect comma, found '0' (3923,37): run-time error CSS1046: Expect comma, found '/' (3928,37): run-time error CSS1046: Expect comma, found '0' (3928,41): run-time error CSS1046: Expect comma, found '/' (3997,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-plus-button' (4009,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-minus-button' (4062,21): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (4102,33): run-time error CSS1046: Expect comma, found '0' (4102,37): run-time error CSS1046: Expect comma, found '/' (4104,17): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (4114,45): run-time error CSS1046: Expect comma, found '0' (4114,49): run-time error CSS1046: Expect comma, found '/' (4126,41): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (4143,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (4177,35): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-form-button-color' (4197,35): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-promotions-background' (4201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-promotions-color' (4202,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-promotions-background' (4212,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-promotion' (4213,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-promotions-background' (4225,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-promotions-background' (4261,21): run-time error CSS1039: Token not allowed after unary operator: '-color-tag' (4326,32): run-time error CSS1039: Token not allowed after unary operator: '-color-promotion' (4338,32): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (4339,21): run-time error CSS1039: Token not allowed after unary operator: '-color-gold' (4364,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-delete' (4369,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-edit' (4373,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-tick' (4439,21): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (4508,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (4547,29): run-time error CSS1039: Token not allowed after unary operator: '-font-3' (4561,33): run-time error CSS1046: Expect comma, found '0' (4561,37): run-time error CSS1046: Expect comma, found '/' (4573,33): run-time error CSS1046: Expect comma, found '0' (4573,37): run-time error CSS1046: Expect comma, found '/' (4581,28): run-time error CSS1039: Token not allowed after unary operator: '-color-selected-background' (4710,28): run-time error CSS1039: Token not allowed after unary operator: '-color-selected-background' (4785,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-hamburger' (4790,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-favourites' (4794,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-home' (4798,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-menu' (4802,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-favourites' (4816,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-search' (4827,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav' (4846,36): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (4858,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (4901,32): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (4951,25): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5187,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (5188,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-link' (5245,36): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (5260,44): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5261,40): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5262,33): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (5268,29): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (5283,36): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (5284,29): run-time error CSS1039: Token not allowed after unary operator: '-color-purple' (5303,21): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5308,21): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5313,21): run-time error CSS1039: Token not allowed after unary operator: '-color-validation' (5323,21): run-time error CSS1039: Token not allowed after unary operator: '-color-validation' (5328,21): run-time error CSS1039: Token not allowed after unary operator: '-color-validation' (5334,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-warning' (5442,21): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5447,25): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5451,36): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (5468,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-warning' (5472,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-info' (5589,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-cart-button-color' (5590,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-cart-button-background' (5594,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-cart-button-hover-color' (5595,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-cart-button-hover-background' (5699,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background' (5700,21): run-time error CSS1039: Token not allowed after unary operator: '-color-category-text' (5733,36): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5761,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-order' (5768,40): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5769,36): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5930,41): run-time error CSS1039: Token not allowed after unary operator: '-color-form-separator' (5940,21): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (5989,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-add' (5999,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-address' (6003,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-card' (6007,28): run-time error CSS1039: Token not allowed after unary operator: '-color-promotion' (6153,28): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (6154,17): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-color' (6165,22): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (6166,24): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (6215,5): run-time error CSS1019: Unexpected token, found '@keyframes' (6254,32): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-triangle-background' (6260,36): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-triangle-background' (6377,21): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (6404,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-edit' (6424,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-clock' (6432,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-voucher' (6439,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-payment' (6688,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (6729,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-back' (6732,25): run-time error CSS1039: Token not allowed after unary operator: '-color-theme-brand-background' (6736,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-donation' (6740,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-booking' (6744,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-info' (6748,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-submit' (6756,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-voucher' (6761,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-apple-pay' (6766,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-google-pay' (6770,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-promotion' (6774,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-gratuity' (6778,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-user' (6782,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-booking' (6786,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-card' (6790,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-gift-voucher' (6794,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-service' (6798,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-cart' (6802,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-clock' (6806,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-pound' (6810,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-booked-resource' (6814,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes' (6818,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-legals' (6861,58): run-time error CSS1039: Token not allowed after unary operator: '-color-promotion' (6864,37): run-time error CSS1046: Expect comma, found '0' (6864,41): run-time error CSS1046: Expect comma, found '/' (6878,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-delete' (6944,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-minus' (6948,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-plus' (6956,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-left' (6960,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-right' (6964,21): run-time error CSS1039: Token not allowed after unary operator: '-color-gold' (6965,32): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (6979,32): run-time error CSS1039: Token not allowed after unary operator: '-color-brand' (6986,25): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-text-inverse' (6987,36): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-inverse' (7074,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-edit' (7418,25): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (7420,32): run-time error CSS1039: Token not allowed after unary operator: '-color-charcoal' (7515,26): run-time error CSS1039: Token not allowed after unary operator: '-image-height-small-logo' (8432,58): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-very-lite' (8432,89): run-time error CSS1039: Token not allowed after unary operator: '-color-brand-lite' */ @charset "UTF-8"; /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 14000; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 14000; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 13999; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9; } .is-disabled .pika-button, .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .is-outside-current-month .pika-button { color: #999; opacity: .3; } .is-selection-disabled { pointer-events: none; cursor: default; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } .install-prompt, .install-prompt-space-saver { width: 100%; top: 0; background-color: #fff; display: flex; height: 0; } .install-prompt-space-saver { } .install-prompt { position: fixed; display: none; z-index: 10000; background-image: url('/Images/tbbg.png'); align-items: center; overflow: hidden; height: 80px; top: -80px; } .install-prompt.display, .install-prompt.display + .install-prompt-space-saver { padding: 10px; top: 0; box-shadow: 0px 4px 14px 2px rgba(46,51,51,0.60); display: flex; flex-direction: row; transition-property: top; transition-duration: 0.25s; } .install-prompt.display + .install-prompt-space-saver { height: 80px; transition-property: height; transition-duration: 0.25s; } .install-prompt > div { margin-right: 8px; color: #fff; } .install-prompt > .promo { display: flex; flex-direction: column; line-height: 1.2em; } .install-prompt > .btn-primary { width: unset; margin-right: 0; background-image: linear-gradient(to bottom,#f57f48 0,#d9534f 100%); background-color: #f25d18; border-color: #f57f48; margin-left: auto; } .order-header-frame { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .order-header-frame-to, .order-header-frame-contact { max-width: 49%; } .order-header-frame-contact { text-align: right; } .order-header-frame-intructions { width: 100%; } .order-header-frame-contact-payment { width: 50%; display: flex; flex-direction: row; flex-wrap: wrap; } .order-header-frame-contact-payment > div { width: 100%; } .flex-single-column{ display: flex; flex-direction: column; } .flex-single-column.flex-center{ align-items: center; } .flex-single-column.flex-vcenter { justify-content: center; } .status-update-frame a{ color: #0000AA !important; text-decoration: underline; font-weight: 600; } .order-summary-frame, .status-update-frame { width: 100%; display: flex; flex-direction: row; } a .order-summary-frame{ color: #000; } .order-summary-frame { border: 1px solid #cdcdcd; margin-bottom: 10px; box-shadow: 10px 10px 30px rgba(0,0,0,0.15); overflow: hidden; border-radius: 0.5em; background-color: #fff; } .details-column { padding: 8px 8px; } .order-header-frame-contact .credit-card-brand { order: 1; margin-right: 0; margin-left: 0.5em; } .cash-column { margin-left: 8px; justify-content: flex-end; padding: 0 5px 0 8px; min-width: 80px; text-align: right; } .status-update-frame:before { margin-right: 6px; font-family: 'FontAwesomeSolid'; content: '\f05a'; } .status-update-frame > div { padding: 0 5px; } .status-update-frame > div:nth-child(1) { width: 20%; } .status-update-frame > div:nth-child(2) { width: 80%; white-space: normal; } @font-face { font-family: 'FontAwesomeSolid'; font-style: normal; font-weight: normal; font-display: auto; src: url("/Content/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/Content/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("/Content/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("/Content/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("/Content/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } @font-face { font-family: 'FontAwesomeRegular'; font-style: normal; font-weight: normal; font-display: auto; src: url("/Content/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/Content/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("/Content/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("/Content/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("/Content/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'FontAwesomeBrands'; font-style: normal; font-weight: normal; font-display: auto; src: url("/Content/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/Content/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("/Content/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("/Content/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("/Content/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .max-2-lines { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 3em; /* Adjust based on your line height */ line-height: 1.5em; /* Adjust to match your design */ } .show-on-visible{ display: none; } .show-on-visible.show-visible { display: block; } nav-bar { display: block; height: 54px; z-index: 1500; position: sticky; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); } .pre-show{ display: none; } .pre-show.post-show { display: block; } .drop-down-button { height: calc(var(--min-height-touch-surface) - 1px); width: calc(var(--min-height-touch-surface) - 1px); margin-right: 1px; background-color: var(--color-theme-brand-background); border-radius: var(--border-radius); cursor: pointer; position: relative; border-top-left-radius: 0; border-bottom-left-radius: 0; overflow: hidden; flex-shrink: 0; box-shadow: 0 2px 5px rgb(0 0 0 / 70%); } .drop-down-button:after, .mini-tool:after { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( -45deg, rgba(0,0,0,0.22), rgba(255,255,255,0.25)); color: #fff; font-family: FontAwesomeSolid; transition-duration: 0.1s; transition-property: transform; transform: rotate(0); } .drop-down-button:after { content: var(--icon-drop-down); } .drop-down-button.dropped:after { transform: rotate(180deg); } .disabled .drop-down-button { background-color: var(--color-charcoal); } .tillex-input .drop-down-button { width: var(--height-tillex-input); height: var(--height-tillex-input); border-radius: 0; } .quantity-input-screen, .experience-info-panel { /*box-shadow: inset -2px -2px 3px 0px white, inset 2px 2px 3px rgb(0 0 0 / 40%);*/ border-radius: 0.5em; padding: 0.5rem 0.5rem; border: 1px solid var(--color-form-separator); } .tillex-input .quantity-input-screen { padding: 8px 4px; display: flex; border: none; background-color: #fff; border-radius: 0; height: var(--height-tillex-input); align-items: center; padding-right: 0; } account-number-editor .quantity-input-screen{ border: none !important; box-shadow: none !important; padding: 0 !important; width: unset !important; } account-number-editor .ui-label { display: none; } account-number-editor input.form-control { max-width: 64px; padding: 0.25rem 0.5rem !important; font-size: var(--font-2) !important; font-weight: 600; } .voucher-amount{ max-width: 64px; } .tillex-input .text-uppercase { text-transform: none !important; } .no-hover-underline { text-decoration: none !important; } .font-0 { font-size: var(--font-0) !important; } .font-1 { font-size: var(--font-1) !important; } .font-2 { font-size: var(--font-2) !important; } .font-3 { font-size: var(--font-3) !important; } .font-4 { font-size: var(--font-4) !important; } .font-5 { font-size: var(--font-5) !important; } .output-only.font-4 { font-size: 14px !important; } .p-form { padding: 40px !important; } @media screen and (max-width: 1920px) { .font-0 { font-size: 20px !important; } .font-1 { font-size: 18px !important; } .font-2 { font-size: 16px !important; } .font-3 { font-size: 14px !important; } .font-4 { font-size: 12px !important; } .font-5 { font-size: 10px !important; } .output-only.font-4 { font-size: 12px !important; } .p-form { padding: 32px !important; } } @media screen and (max-width: 576px) { .p-form { padding: 10px !important; } .colin-2.pl-2{ padding-left: 0 !important; } .colin-2.pr-2 { padding-right: 0 !important; } .booking-two-line .icon{ display: none !important; } .cart-container.font-4 { font-size: 12px !important; } .cart-container .quantity-button.font-3 { font-size: 16px !important; } .week-calendar .font-4, #menu-layout #cart.mini-cart.expanded .font-4 { font-size: 14px !important; } .category-nav-container.font-3 { font-size: 11px !important; } } .dead-space { width: 0 !important; padding: 0 !important; } .overflow-initial{ overflow: initial !important; } #app { background: var(--color-theme-general-page-background); } #backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-color: var(--color-backdrop); background-position: center; background-repeat: no-repeat; pointer-events: none; /*animation: backdrop-fade-in 2s; animation-fill-mode: forwards;*/ opacity: 1; background: linear-gradient(var(--tillex-gradient)); display: flex; flex-direction: column; justify-content: center; align-items: center; } .experience-form-label { display: flex; align-items: center; line-height: 1; } .experience-form-label:before { font-family: FontAwesomeSolid; font-size: 14px; width: 22px; color: var(--color-theme-brand-background); } .text-warning { color: #aa0000 !important; } .product-container{ max-width: 1520px; } .breadcrumbs > span, .breadcrumbs > a{ color: var(--color-theme-product-page-color); text-decoration: none; text-transform: lowercase; } .breadcrumbs > a:hover { text-decoration: underline; color: #000; } .breadcrumbs > .breadcrumb-separator:before { font-family: FontAwesomeRegular; content: var(--icon-breadcrumb-separator); margin-left: 0.75rem; margin-right: 0.75rem; } .experience-page-image-column > .simple-product-frame{ padding: 0.5rem; } .simple-product-frame { border: 1px solid var(--color-form-separator); border-radius: 6px; transition-property: background-color; transition-duration: 0.75s; } .simple-product-frame.selected { outline: 3px solid var(--color-theme-brand-background); background-color: rgb(from var(--color-theme-brand-background) r g b / calc(alpha / 6)); } .breadcrumbs > a:first-child { margin-left: 0; } .breadcrumbs > span:last-of-type { padding-right: 0; } a > .simple-link-button, a > .simple-link-button:hover { color: #000; text-decoration: none; border: 1px solid #000; display: inline-block; } #cart.mini-cart.expanded .cart-fulfilment-controls{ display: none; } .nav-link, .nav-link:before, nav-link:after { line-height: 1; } .nav-link:before{ margin-right: 0.5rem; } .selector-warning-container { height: 15em; display: flex; justify-content: center; align-items: center; color: #aa0000; } .experience-form-body .text-warning:before { font-family: FontAwesomeSolid; content: var(--icon-warning); margin-right: 0.5em; } .experience-form-label.experience-form-label-party-size:before { content: var(--icon-party-size); } .experience-form-label.experience-form-label-duration:before { content: var(--icon-duration); } .experience-form-label.experience-form-label-calendar:before { content: var(--icon-calendar); } .experience-form-label.experience-form-label-slot:before { content: var(--icon-slot); } .experience-form-label.experience-form-label-attribute:before { content: var(--icon-attributes); } .experience-form-label.experience-form-label-asset:before { content: var(--icon-asset); } .experience-form-label.experience-form-label-quantity:before { content: var(--icon-number); } .experience-form-label.experience-form-label-price:before { content: var(--icon-price); } .experience-form-label.experience-form-label-price { align-items: flex-start; } .experience-list { margin-top: 20px; display: flex; flex-wrap: wrap; grid-gap: 1em; } .full-screen-page { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #membership-card-page { background-color: #FFFFF8; position: fixed; z-index: 10000; transition-duration: 0.5s; transition-property: transform; transform: translateX(100%); } #membership-card-page.display { transform: translateX(0); } .membership-account-number { font-size: 1.75em; } .none-attribute-option{ cursor: pointer; } .none-attribute-option, .flex-left { justify-content: flex-start !important; } .membership-logo { width: 280px; aspect-ratio: 4.74; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; } .action-link { color: #0000AA !important; text-decoration: underline; font-weight: 600; cursor: pointer; } .experience-container { flex-basis: calc(50% - 1em); background-color: #fff; transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out; box-shadow: 0px 22px 24px 0px rgba(46,51,51,0.2); color: #000; } #home-page image-viewer.sunken .tillex-image { border-radius: 0 !important; box-shadow: none !important; } .experience-container:hover { box-shadow: 0 22px 24px 0 rgb(0 0 0 / 8%); cursor: pointer; } .experience h2 { font-size: 1.1em; font-weight: 600; } .vertical-auto-scroll { overflow-y: auto !important; overflow-x: hidden !important; } .category .item-description.experience-description > .tx-description { -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 64px; line-height: 1.3; } .category .item-description.experience-description.popup-description > .tx-description { -webkit-line-clamp: 4; max-height: 90px; } .product-thumbnail-vertical .experience-description > .tx-description { -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; min-height: 4.5em; } .experience-booking-description .tx-description { font-size: 0.9em; } .experience-tags { font-size: 0.75em; } .experience-tags hr { margin: 0; margin-bottom: 0.25em; } .experience-price { font-weight: 600; font-size: 0.9em; } .experience-info-panel { } .experience-menu-masthead-bottom { border-bottom: 1px solid #333; } @keyframes backdrop-fade-in { from { opacity: 0; } to { opacity: 1; } } .customer-unavailable-category { height: 0; overflow: hidden; } .customer-unavailable-item, .hide-no-stock { display: none !important; } .thin-scroll { scrollbar-width: thin; } /*.thin-scroll::-webkit-scrollbar { width: 6px; } .thin-scroll::-webkit-scrollbar-track { background: #fff; width: 8px; } .thin-scroll::-webkit-scrollbar-thumb { background-color: #000; }*/ .autocomplete-popup { overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; } .sticky-toolbar { position: sticky; z-index: 2000; top: 0; text-shadow: 4px 4px 6px rgba(0,0,0,0.3); } .sticky-show { opacity: 0; /*transition-property: opacity; transition-duration: 1s;*/ } .block { display: inline-block; vertical-align: top; position: relative; } .block-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .ratio--width-to-height { height: 100%; width: auto; } .billing-account.icon:before { font-family: FontAwesomeRegular; content: var(--icon-billing-account); } :root { --color-brand: #4e2752; --color-brand-text: #fff; --color-brand-inverse: #d1d7d7; --color-brand-text-inverse: #4e2752; --color-brand-lite: #865d8c; --color-menu-background: #f3f5f5; --color-nav-background: #fff; --color-nav-text: #000; --color-text-on-white: #36454f; --color-masthead-background: #fff; --color-masthead-text: #000; --color-category-text: #000; --color-category-background: transparent; --color-inverse-brand: #fff; --color-dark-blue: #455678; --color-backdrop: #fff; --color-background: #ffffe8; --color-disabled-text: #fff; --color-disabled: #888; --color-tag: #aa0000; --color-page-background: #f3f5f5; --color-dark-page-background: #e9eaea; --color-purple: #353653; --color-light-purple: #6886a8; --color-very-light-purple: #e4e3e5; --color-orange: #aa0000; --color-orange-hover: #ff0000; --color-validation: #aa0000; --color-brown: #6886a8; --color-promotion: #aa0000; --color-charcoal: #36454f; --color-form-separator: #d1d7d7; --color-selected-background: #f1f1f1; --color-form-background: #FFFFF8; --color-gold: #EAE2CE; --icon-go: '\f54e'; --icon-home: '\f015'; --icon-menu: '\f54e'; --icon-link: '\f036'; --icon-next: '\f105'; --icon-unlock: '\f3c1'; --icon-breadcrumb-separator: '\f054'; --icon-prev: '\f104'; --icon-gift-voucher: '\f145'; --icon-delivery-time: '\f017'; --icon-partner-center: '\f4c6'; --icon-account-details: '\f2bd'; --icon-order-history: '\f1da'; --icon-attributes: '\f61f'; --icon-log-off: '\f2f5'; --icon-log-in: '\f090'; --icon-hamburger: '\f0c9'; --icon-directions: '\f5eb'; --icon-nav: '\f64e'; --icon-order: '\f291'; --icon-edit: '\f303'; --icon-expand: '\f107'; --icon-download: '\f019'; --icon-back-to-top: '\f341'; --icon-create: '\f067'; --icon-supplier: '\f0d1'; --icon-billing-account: '\f571'; --icon-info: '\f05a'; --icon-user: '\f007'; --icon-cancel-order: '\f1f8'; --icon-location: '\f3c5'; --icon-sku: '\f49e'; --icon-service-delivery: '\f84a'; --icon-service-collection: '\f291'; --icon-service-courier: '\f0d1'; --icon-service-digital: '\f0d1'; --icon-service-epos: '\f788'; --icon-service-experience: '\f073'; --icon-expand-cart: '\f424'; --icon-favourites: '\f005'; --icon-shrink-cart: '\f422'; --icon-tick: '\f00c'; --icon-stock-item: '\f0e8'; --icon-variant: '\f03a'; --icon-legals: '\f0e3'; --icon-booking: '\f073'; --icon-asset: '\f0a3'; --icon-gratuity: '\f4c0'; --icon-product: '\f02a'; --icon-register: '\f31c'; --icon-booked-resource: '\f4fd'; --icon-forgot-password: '\f3c1'; --icon-checkin: '\f52b'; --icon-checkout: '\f52a'; --icon-checkout-order: '\e0dc'; --icon-checkout-cart: '\f07a'; --icon-clock: '\f017'; --icon-pound: '\f51e'; --icon-notes: '\f249'; --icon-add: '\f055'; --icon-card: '\f09d'; --icon-payment: '\f09d'; --icon-submit: '\f164'; --icon-address: '\f2bb'; --icon-cart: '\f07a'; --icon-search: '\f002'; --icon-plus-button: '\f055'; --icon-add-to-cart: '\f218'; --icon-minus-button: '\f056'; --icon-service: '\f562'; --icon-promotion: '\f02c'; --icon-drop-down: '\f063'; --icon-make-booking: '\f271'; --icon-print: '\f02f'; --icon-orders: '\f03a'; --icon-voucher: '\e33c'; --icon-cancel: '\f00d'; --icon-membership-card: '\f47f'; --icon-donation: '\f4be'; --icon-delete: '\f1f8'; --icon-pan-right: '\f324'; --icon-pan-left: '\f323'; --icon-warning: '\f071'; --icon-apple-pay: '\f415'; --icon-google-pay: '\e079'; --icon-stored-card: '\f1c0'; --icon-epos: '\f788'; --icon-left: '\f053'; --icon-right: '\f054'; --icon-party-size: '\f500'; --icon-duration: '\f2f2'; --icon-calendar: '\f073'; --icon-slot: '\e2cc'; --icon-price: '\f51e'; --icon-minus: '\f068'; --icon-plus: '\2b'; --icon-customer-address: '\f2bb'; --icon-number: '\e296'; --tillex-gradient: 45deg,#dec048,#3b9e78,#198888,#c1477f; --tillex-gradient-sm: 45deg,#dec048,#3b9e78,#198888,#c1477f; --nm: 6px 6px 16px 0 rgba(0, 0, 0, 0.2), -6px -6px 16px 0 rgba(255, 255, 255, 1); --nm-inset: inset 4px 4px 8px 0 rgba(0, 0, 0, 0.2), inset -4px -4px 8px 0 rgba(255, 255, 255, 0.8); --experience-control-inset: -2px -2px 6px 0 rgb(0 0 0 / 10%), 1px 1px 6px rgba(255, 255, 255, 1); --font-0: 24px; --font-1: 20px; --font-2: 16px; --font-3: 14px; --font-4: 12px; --font-5: 10px; --height-tillex-input: 3em; } @media screen and (max-width: 1920px) { :root { --font-0: 20px; --font-1: 18px; --font-2: 16px; --font-3: 14px; --font-4: 12px; --font-5: 10px; } } .three-X-one { aspect-ratio: 3; } .two-X-one { aspect-ratio: 2; } .sixteen-X-nine { aspect-ratio: 1.77; } .four-X-three { aspect-ratio: 1.25; } .one-X-one { aspect-ratio: 1; } .three-X-four { aspect-ratio: 0.75; } .truncated-text { overflow: hidden; } .animated.truncated-text { transition-duration: 0.25s; transition-property: height; } .experience-pricing-summary { font-size: 0.8em; } .experience-pricing-summary .total-row { font-weight: 600; border-top: 1px solid #000; border-bottom: 4px double #000; } .quantity-counter-center { max-width: 5rem !important; font-weight: 600; text-overflow: ellipsis; overflow: hidden; margin-right: 0.5rem; margin-left: 0.5rem; white-space: nowrap; line-height: 1; } .order-identifier { user-select: text; } .view-item-cancel, .image-scroll { position: absolute; right: 1em; top: 1em; border-radius: 50%; background-color: var(--color-theme-brand-background); color: var(--color-theme-brand-color); width: 3em; height: 3em; filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.5)); display: flex; align-items: center; justify-content: center; cursor: pointer; transition-property: opacity; transition-duration: 0.25s; opacity: 0.75; will-change: opacity; font-weight: 900; } .w-25-g2{ width: calc(25% - .375rem) !important; } .point-cursor { cursor: pointer; } .view-item-cancel:hover { opacity: 1; } .image-scroll { width: 32px; height: 32px; opacity: 0.7; z-index: 1; } .image-scroll:hover { opacity: 0.9; } .image-scroll:before { font-family: FontAwesomeSolid; } .image-scroll-next, .image-scroll-prev { top: 50%; transform: translateY(-50%); } #stripe-messaging-element.StripeElement{ margin-bottom: 0.5rem; } .image-scroll-prev { right: unset; left: 1em; } .image-scroll-next:before { content: var(--icon-next); } .image-scroll-prev:before { content: var(--icon-prev); } .link-action { color: var(--color-orange) !important; display: flex; width: fit-content; } .link-action:hover { text-decoration: none !important; color: var(--color-orange-hover) !important; } .link-action:before { display: flex; font-family: FontAwesomeSolid; width: 1.5em; } .link-action.link-action-forgot-password:before { content: var(--icon-forgot-password); } .link-action.link-action-register:before { content: var(--icon-register); } .view-item-cancel:after { font-family: FontAwesomeRegular; font-size: 1.5em; content: var(--icon-cancel); } .quantity-container { color: var(--color-theme-brand-background); } .quantity-container > .quantity-value { min-width: 6em; text-align: center; } .truncated-ghost { position: fixed; visibility: hidden; } .truncated-text-control { border: none; font-size: 0.8em; font-weight: 600; justify-content: center; cursor: pointer; border-top: 1px dashed var(--color-form-separator); color: #aa0000; } .truncated-text-control.truncated { border-top: 1px dashed var(--color-form-separator); border-bottom: none; } .truncated-text-control:after { content: var(--icon-expand); font-family: FontAwesomeSolid; margin-left: 0.25em; transform-origin: center; transform: rotate(180deg); transition-property: transform; transition-delay: 0.25s; transition-duration: 0.5s; font-size: 1.25em; } .truncated-text-control.truncated:after { transform: rotate(0); } .fs-small { font-size: 0.8em; } .single-line-ellipsis { -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } hr.m-sm { margin: 8px 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .br-6 { border-radius: 6px; } .card-container { width: 100%; display: flex; flex-wrap: wrap; } .fancy-image, .fancy-image .tillex-image-frame { width: 80px; height: 80px; border-radius: 0; } .card-control { border: 1px solid #ced4da !important; border-radius: 0 !important; } #card-element.card-control { width: 100%; border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; } #expiry-element.card-control, #cvc-element.card-control, #postcode-element.card-control { width: 33.3333333%; border-top: none !important; } #cvc-element.card-control, #postcode-element.card-control { border-left: none !important; } #expiry-element.card-control { border-bottom-left-radius: .25rem !important; } #postcode-element.card-control { border-bottom-right-radius: .25rem !important; } #card-digital-wallet { padding: 0 !important; margin-bottom: 0.25rem; } .tillex-input { border: none; box-shadow: 5px 5px 15px rgba(0,0,0,0.25); } input.tillex-input { border: none; padding: 8px 4px; box-shadow: 5px 5px 15px rgba(0,0,0,0.25); height: var(--height-tillex-input); } .tillex-input:focus{ outline-offset: 1px; outline: 1px solid var(--color-charcoal); } .no-display { display: none !important; } .no-display.display { display: block !important; } .no-display.display-flex { display: flex !important; } .category .item-description > .tx-description > p, .category .item-description > .tx-description > ul, .category .item-description > .tx-description > ol, .category .item-description > .tx-description > h1, .category .item-description > .tx-description > h2, .category .item-description > .tx-description > h3, .category .item-description > .tx-description > h4, .category .item-description > .tx-description > h5, .category .item-description > .tx-description > h6 { display: none; } .category .experience-description.item-description > .tx-description > p, .category .experience-description.item-description > .tx-description > ul, .category .experience-description.item-description > .tx-description > ol, .category .experience-description.item-description > .tx-description > h1, .category .experience-description.item-description > .tx-description > h2, .category .experience-description.item-description > .tx-description > h3, .category .experience-description.item-description > .tx-description > h4, .category .experience-description.item-description > .tx-description > h5, .category .experience-description.item-description > .tx-description > h6 { display: block; } .category .item-description > .tx-description > p:first-child { display: block; } .item-promotion-container { margin-bottom: 0.5em; } .tx-description { font-weight: 400; font-style: normal; text-align: left; background-color: transparent !important; } .tx-description p, .tx-description span, .tx-description strong, .tx-description em { background-color: transparent !important; } .tx-description p { margin-bottom: 0.25em; } .tx-description img { max-width: 100%; } .linked-item-description .tx-description p:last-child, .modifier-description .tx-description p:last-child, .linked-modifier-description .tx-description p:last-child, .modifier-category-description .tx-description p:last-child { margin-bottom: 0; } .modifier-category-description { margin-top: 0.5em; } .tx-description:before { content: none; } .tx-description ol { list-style: disc !important; padding-left: 40px !important; } .tx-description ul { list-style: disc !important; padding-left: 40px !important; } .tx-video-container { border-radius: 6px; overflow: hidden; } .item-list .tx-video-container { display: none; } #prompt-manager { position: fixed; top: -40px; width: 100%; pointer-events: none; display: none; flex-direction: row; justify-content: center; } #prompt-manager.prompt-visible { display: flex; } #prompt-manager > div { padding: 10px 0; background: linear-gradient(to bottom, #FFFFFF, #FFEFDA); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 5px 5px 15px rgba(0,0,0,0.25); pointer-events: all; } #prompt-manager .btn { margin: 0 10px; } .label-icon:before { font-family: 'FontAwesomeRegular'; margin-right: 4px; font-style: normal; } .change-checkout { color: var(--color-brand); font-weight: 900; } .label-icon.checkin:before { content: var(--icon-checkin); } .booking-two-line { position: relative; } .booking-two-line .location.icon:before { content: var(--icon-location); } .booking-two-line .customer-address.icon:before { content: var(--icon-customer-address); } .label-icon.checkout:before { content: var(--icon-checkout); } .label-icon.checkout-cart:before { content: var(--icon-checkout-cart); } .text-center { width: 100%; text-align: center; } #menu-article { position: relative; opacity: 0; transition-property: opacity; transition-duration: 0.5s; } .rewards-statement { font-size: 0.9em; } .rewards-statement a { color: #000; font-weight: 400; text-decoration: underline; } .rewards-statement a:hover { font-weight: 400; color: #000; } #menu-masthead { display: none; } #menu-masthead.rendered { display: block; } #menu-layout { display: none; position: relative; } #menu-layout.rendered { display: block; } div, p, h1, h2, h3, h4, h5, h6 { user-select: none; margin: 0; overflow-wrap: break-word; } #menu-layout #menu { padding: 0; box-shadow: none; border: none; } #menu { position: relative; padding: 20px 20px; margin-top: 20px; box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.75); border: 1px solid #ddd; display: none; } #menu.rendered { display: block; } #cart { display: none; color: var(--color-charcoal); } #cart.rendered { display: flex; z-index: 1500; pointer-events: none; } hr.thin { margin: 4px 0; } hr.thin-top { margin-top: 4px; } .container { max-width: 1920px; padding: 10px; } .experience-page-image-column { width: 40%; max-width: 560px; margin-right: 1rem; } .experience-page-configuration-column { width: 60%; max-width: 640px; } .category-nav-container { padding-top: 0; padding-bottom: 0; } .custom { display: none; } .mobile-fulfilment-controls { display: none; } .white-background { background-color: #fff !important; } .black-text { color: var(--color-charcoal); } .cart-fulfilment-controls { pointer-events: all; z-index: 2; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } @keyframes negspin { 0% { transform: rotate(-360deg); } 100% { transform: rotate(0deg); } } @keyframes antispin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } #busy-overlay.display { pointer-events: all; transition-duration: 0.5s; transition-property: opacity; opacity: 1.0; } ol { list-style: none; padding: 0; } .navbar { height: 54px; z-index: 1000; } .nav-item, .nav-item a { flex-shrink: 0; border-color: var(--color-text-on-white); } .nav-item a { border-color: unset; color: unset; font-weight: unset; } li.category { display: none; transition-duration: 0.5s; transition-property: opacity; opacity: 0; will-change: opacity; } li.category.rendered { display: block; } li.category.rendered.ready-to-load { opacity: 1; } .category .item > .item-container > .item-choices > .modifier-category-list > .modifier-category { display: none; } .category .item.open > .item-container > .item-choices > .modifier-category-list > .modifier-category { display: block; } .modifier-category-data { background-color: transparent !important; color: var(--color-charcoal) !important; } .never-available { display: none; } .item-choices li.not-available > .modifier-container, li.linked-modifier.not-available > .linked-modifier-container { position: relative; pointer-events: none; } .item-choices li.not-available > .modifier-container:before, li.linked-modifier.not-available > .linked-modifier-container:before, li.linked-item.not-available > .linked-item-container:before { content: ''; position: absolute; width: 2.25em; height: 2.25em; top: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAACqCAMAAAAKqCSwAAAAPFBMVEVHcEz/vwD/vwD/vwAAAAARDQAiGQAzJgBEMwBVQABmTAB3WQCIZgCZcwCqfwC7jADMmQDdpgDusgD/vwAKsCh4AAAABHRSTlMAENn+pUpkpwAAAqpJREFUeNrt2ttyozAQBNBOgjEBZG7//68pwAQNCGdrtzbqrhq9+e1UWzMDSMD/X2/vH9M/r493HembS13qUpe61KUudalLXepSl7rUpS51qUtd6lKXutSlLnWpS13qUpe69PelY5CR3osyjCLSoihu7SginVc9kFdUX+yr7rhrv46sRfVg7lJdYVYZiPtpNQvDHm75qsLydv7H8s9Pw469NQPpjCpnXjfF2It2kEm6W8Ia62SxVcciDeUh1nDqXffAId1s82qXarIDYdkFFDNqs62/bs9Yn0O2JpKujf8U61Par3uWRDoNJtZhSbHdpEuB1TRdysYa9dSerp+mYuWUHmP9JJYeYu2IpcdYq8LQ80u7y1iX6VoEGmkwzdLGWqZjzTdNY+ufxJpRaqw21lsi1lwVdRrtNtaWaO6frSbW+aGFa5rGVhtrQyQ9W02sQ03V+Q/W4arvs8yoyFqtb4Cc30+ttdveADmkjzBcW9OxZuz8ZR1xjTUZa9YZNT/hfbZ9wpqINbc05sbWc6zZv/Qabmw9xpqt9hPWmRt9lOjs03/GLvVtTZpna0Ui3a31+GjO3Gaaup6m839blypqK7MTeq4ZZayGyyY9WzcunzRpnewm5TnhTVs5z6J/tBKdmv9gpTrff2klu4nwwkp3Z+LSSni7Y7M2AvdQxjvnjLqyakhnaw4p/uoW0phDCpX7UgB0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHekX3MByM36MvVgAAAAASUVORK5CYII='); background-size: contain; z-index: 1; } .item-choices li.not-available > .modifier-container > div, li.linked-modifier.not-available > .linked-modifier-container > div, li.linked-item.not-available > .linked-item-container > div { opacity: 0.5; } .hide-unavailable-options .item-choices li.not-available, .hide-unavailable-options li.linked-modifier.not-available, .hide-unavailable-options li.linked-item.not-available { display: none; } #popup, .customer-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(46,51,51,0.75); z-index: 13000; transition-duration: 0.25s; transition-property: opacity; opacity: 0.0; pointer-events: none; display: flex; flex-direction: column; box-shadow: 0 5px 15px rgba(0,0,0,.5); align-items: center; justify-content: center; overflow-y: auto; overscroll-behavior: contain; color: var(--color-charcoal); } #popup > .customer-popup { pointer-events: all !important; } #popup.visible, .customer-popup.visible, #popup.visible > .customer-popup { opacity: 1.0; transition-duration: 0.25s; transition-property: opacity; pointer-events: all; } #popup > div:not(.customer-popup), .customer-popup > div:not(.popup-fault) { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; } .popup-form-container > span { position: absolute; top: 6px; right: 6px; font-size: 24px; font-family: 'FontAwesomeSolid'; line-height: 24px; color: #000; cursor: pointer; z-index: 105; } .popup-form-container > span:before { content: '\f057'; text-shadow: 4px 4px 6px rgba(0,0,0,0.3); } .flex-form-container { display: flex; flex-direction: column; height: 100%; } .flex-form-container-title h3 { font-size: 1.2em; font-weight: 900; } .form-separator-top { border-top: 1px solid var(--color-form-separator); } .flex-form-container-body { overflow-y: auto; overflow-x: hidden; height: 100%; } .experience-booking-form-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); display: flex; justify-content: center; align-items: center; z-index: 10000; opacity: 0; transition-property: opacity; transition-duration: 0.25s; } .experience-booking-form-container.display-flex { opacity: 1; } .experience-booking-form hr { margin: 0.5em 0; border-color: var(--color-form-separator); } .experience-booking-description > .tx-description { font-size: 0.9em; line-height: 1.3em; } .experience-booking-form .tillex-image { border-radius: 0.5em; } .popup-form-container, .experience-booking-form { margin: auto; min-width: 675px; max-width: 675px; border-radius: 4px; background: var(--color-theme-form-background); color: var(--color-theme-form-color); max-height: 95vh; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.5); } .popup-form-container a, .experience-booking-form a { color: var(--color-theme-form-color); } .popup-form-container a:hover, .experience-booking-form a:hover { color: var(--color-theme-form-color); text-decoration: underline; } .popup-form-container .tillex-image-frame, .experience-booking-form .tillex-image-frame { max-height: 33vh; min-width: 100%; } .popup-form-container { opacity: 0; } .service-location { display: block; padding-bottom: 0.25em; margin-bottom: 0.25em; } .google-map-link { color: #000; } .google-map-link:hover { text-decoration: underline; cursor: pointer; color: #000; } .service-location:before { font-family: FontAwesomeSolid; content: var(--icon-location); margin-right: 0.5em; } .popup-form-container ul { padding: 0; list-style: none; } #make-a-booking-popup #cart { position: static !important; flex-shrink: 0; order: 0 !important; } #make-a-booking-popup .icon.delete { display: none; } .standalone-header { display: none; } #make-a-booking-popup .standalone-header { display: block; } #make-a-booking-popup .category-list .category:nth-child(2) h2 { padding-top: 0 !important; } #make-a-booking-popup #menu-layout { margin-top: -8px; height: calc(100% + 8px); } #make-a-booking-popup #menu-layout > .container { height: 100%; flex-direction: column; justify-content: flex-start; padding: 0; } #make-a-booking-popup #menu { overflow-y: auto; order: 0 !important; flex-shrink: 1; height: 100%; } #popup.visible .popup-form-container, .customer-popup.visible .popup-form-container { transition-duration: 0; transition-property: opacity; transition-timing-function: ease-in; opacity: 1; } .popup-form-container.product-sale-container { padding: 0 !important; } .product-sale-container image-viewer.sunken .tillex-image, .experience-booking-form-container .tillex-image { border-radius: 0; box-shadow: none; border-bottom: 4px solid var(--color-theme-brand-background); } .cart-mobile-expand-link { display: none; } .mini-cart .cart-mobile-expand-link { display: block; } .jumbo { width: 100%; height: 50vh; } #menu-footer { position: sticky; bottom: 0; } .deliverly-brand-statement { width: 100%; padding: 0.5em 0; display: flex; justify-content: center; align-items: center; font-style: italic; box-shadow: -10px 0 30px rgba(0,0,0,0.25); } .deliverly-brand-statement > div { background-color: transparent; } .deliverly-brand-statement a, .deliverly-brand-statement a:hover { color: #fff; font-style: italic; } footer .container { padding: 0 10px; margin: 0; } footer ul { padding: 0; list-style: none; } footer .panel-title { font-size: 1.4em; font-weight: 600; color: var(--color-brand); } forrter .icon { width: 24px; height: 24px; } .back-to-top, .go-to-epos, .show-membership-card { display: flex; align-items: center; justify-content: flex-end; transition-property: opacity; transition-duration: 1s; width: 20px; height: 20px; } ..back-to-top { opacity: 1; } .go-to-epos:after, .back-to-top:after, .show-membership-card:after { content: var(--icon-epos); font-family: FontAwesomeSolid; font-size: 18px; font-style: normal; } .back-to-top:after { content: var(--icon-back-to-top); } .show-membership-card:after { content: var(--icon-membership-card); } @media screen and (max-width: 1440px) { .container { max-width: 100%; } .category .item-container image-viewer { min-height: 100px; } .product-sale-container { min-width: 480px; max-width: 480px; } .menu-popup-search.display { border-left: none; } } @media screen and (max-width: 768px) { #menu-layout > .container { padding: 10px; } .cart-mobile-expand-link { display: block; } .cart-menu-ontainer .cart-mobile-expand-link { display: none; } .experience-page-image-column{ margin-right: 0; margin-bottom: 1rem; } .experience-page-image-column, .experience-page-configuration-column { width: 100%; max-width: unset; } .experience-page-column-container{ flex-wrap: wrap !important; } .experience-page-image-column > .simple-product-frame { padding: 0; } } @media screen and (max-width: 575px) { #popup, .customer-popup { height: 100%; opacity: 1; background-color: transparent; overflow: hidden; } #make-a-booking-popup .popup-form-container { height: 100%; } #popup > div, .customer-popup > div:not(.popup-fault) { padding: 0; display: block; height: 100%; width: 100%; margin-bottom: 0; } #popup > div > .popup-form-container, .customer-popup > div > .popup-form-container { margin: 0; min-width: 100%; max-width: 100%; padding: 0; border: none; border-radius: 0; height: 100%; max-height: 100%; transform: translateX(100%); opacity: 1 !important; transition-timing-function: ease-in-out; transition-duration: 0.25s; transition-property: transform; } #popup.visible .popup-form-container, .customer-popup.visible .popup-form-container { transform: translateX(0); transition-timing-function: ease-in-out; transition-property: transform; } .popup-form-container > span { top: 4px; right: 4px; font-size: 24px; line-height: 24px; } } html { background-color: #000; height: 100%; overflow-y: scroll; } body { font-family: 'Open Sans', sans-serif; background-color: transparent; font-size: 14px; border-color: var(--color-text-on-white); margin: 0; padding: 0; } .page-scroller { width: 100%; height: 100%; overflow: hidden; flex-shrink: 1; display: flex; flex-direction: column; } .flex-single-row label { margin-bottom: 0; line-height: 1; } .standard-form-container a { color: var(--color-theme-form-color) !important; text-decoration: none !important; } .standard-form-container a:hover { color: var(--color-theme-form-color) !important; text-decoration: underline !important; } h1, h2 { font-size: 24px; font-weight: 600; margin-bottom: 4px; } h3, h4, h5, h6 { font-size: 20px; font-weight: 600; } .standard-form-container h2 { font-size: 24px; } .masthead-info-container.container, .masthead-nav-container.container { padding: 8px 10px; padding-right: 0; } .masthead-info-container { display: flex; flex-direction: row; justify-content: space-between; } .masthead-panel1 { width: 65%; flex-shrink: 0; } .masthead-panel2 { width: 33%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-left: 1rem; } .masthead-nav, .masthead-info, .category-nav { border-bottom: 1px solid var(--color-theme-color); } .masthead-nav { border-bottom-color: var(--color-theme-toolbar-color); } .masthead-info { border-bottom-color: var(--color-theme-masthead-color); } .category-nav { border-bottom-color: var(--color-theme-navbar-color); } .output-only > .cart-contents.white-background { background-color: transparent !important; } .output-only > .cart-contents.pl-2 { padding-left: 0 !important; } .output-only > .cart-contents.pr-2 { padding-right: 0 !important; } .toolbar.masthead-nav { width: 100%; z-index: 10000; } .category-nav { box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.07); height: 54px; position: relative; } .masthead-nav-container { display: flex; flex-direction: row; font-weight: 400; align-items: center; position: relative; line-height: 1; } .masthead-logo .logo { height: var(--image-height-logo); cursor: pointer; margin: 0.5rem 0; } .deliverly-logo.icon { margin-right: 10px; background-size: 100% 100%; width: 28px; height: 28px; } .week-calendar { } .calendar-dow { font-size: 0.4em; line-height: 1; } .week-calendar-day, .slot-list > li { font-weight: 400; width: 3em; height: 2.25rem; padding: 0.25em; color: #999; border-radius: 0.125em; overflow: hidden; justify-content: center; text-align: center; line-height: 1em; position: relative; padding: 1px; } .slot-period-title { height: 2.25rem; line-height: 1em; display: flex; align-items: center; justify-content: center; padding-top: .5em; } .experience-form-bg { background: linear-gradient( -45deg, rgba(0,0,0,0.15), rgba(255,255,255,0.25)); } .experience-form-title { border-bottom: 1px solid var(--color-form-separator); } .experience-form-control { border: 1px solid #aaa; } .experience-form-control:hover { background-color: rgba(0, 0, 0, 0.1); color: #aa0000; cursor: pointer; } .experience-form-control.selected { box-shadow: var(--experience-control-inset); } .experience-form-control.disabled { box-shadow: none; color: #888; background: #bbb; pointer-events: none; } .slot-list { display: flex; flex-wrap: wrap; margin-bottom: 0; } .slot-period-list { max-height: 15.5em; overflow: auto; margin-bottom: 0; } .asset-list.slot-list { max-height: unset; } .slot-list > li { color: #000; display: flex; align-items: center; justify-content: center; padding: 0.125em 0.25em; width: 4em; } .asset-list.slot-list > li { width: unset; min-width: 3em; } .slot-list > li > div { border-radius: 0.25rem; width: 100%; padding: 0; display: flex; align-items: center; justify-content: center; transition-property: padding; text-align: center; overflow: hidden; padding: 0.5em 0.25em; } .asset-list.slot-list > li > div { padding: 0.5em 0.5em; } .week-calendar-day { pointer-events: none; } .week-calendar-day.experience-form-control { background: transparent; border: none; } .booking-resource { box-shadow: var(--nm); margin-left: 0.5em; margin-bottom: 0.5em; width: 2.5em; height: 2.5em; } .week-calendar-day.selected, .booking-resource.selected { box-shadow: var(--experience-control-inset); color: var(--color-theme-brand-color) !important; font-weight: 600 !important; border: 1px solid #aaa; background: var(--color-theme-brand-background); border-radius: 0.25rem; } .lh-unset { line-height: unset !important; } .slot-list > li > div.selected { color: var(--color-theme-brand-color) !important; background: var(--color-theme-brand-background); } .slot-list > li > div.booked, .slot-list > li > div.booked:hover, .slot-list > li > div.unavailable, .slot-list > li > div.unavailable:hover { background: #eee !important; pointer-events: none; font-weight: 400; } .week-calendar-day.today .calendar-date { text-decoration: underline; } .week-calendar-day.working, .booking-resource { color: #000; cursor: pointer; pointer-events: all; } .week-calendar-day.working { font-weight: 600; } .week-calendar-day.unavailable, .week-calendar-day.booked, .week-calendar-day.empty { cursor: default; pointer-events: none !important; font-weight: 400; } .week-calendar-day.empty { color: #aaa; } .week-calendar-day.out-of-month { opacity: 0.6; } .tillo-logo.icon { width: 134px; height: 18px; margin-left: 4px; background-size: contain; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,'); } .masthead-account { position: relative; } .masthead-account > .account:before { font-family: 'FontAwesomeSolid'; content: '\f007'; margin-right: 0.5rem; } .masthead-account.logged-in > .account { padding-right: 0; cursor: pointer; display: flex; align-items:center; } .masthead-account.logged-in > .account:after, .masthead-cart > .currency:after { content: var(--icon-hamburger); font-family: FontAwesomeRegular; font-size: 1.5em; margin-left: 1em; line-height: 1; } .drop-down-menu-container, .cart-menu-container { position: absolute; top: 100%; opacity: 0; background: #fff; margin-top: 10px; transition-property: opacity, filter; transition-duration: 0.25s; pointer-events: none; border-radius: 0.5em; transform: translateX(-1em); text-shadow: none; line-height: initial; } .nav-item .drop-down-menu-container { margin-top: 0; } .drop-down-menu-container.right-justified { right: 10px; transform: translateX(1em); } .font-weight-bolder { font-weight: 600 !important; } .cart-menu-container { right: 0; border-radius: 0.5em 0 0.5em 0.5em; transform: translateX(-0.5em); } .brand-box { background-color: var(--color-theme-brand-background); color: var(--color-theme-brand-color); } .cart-menu-container { width: 420px; color: var(--color-purple); border-radius: 4px; } .drop-down-menu-container.display, .masthead-cart.display .cart-menu-container { z-index: 6000; opacity: 1.0; filter: drop-shadow(10px 10px 30px rgba(0,0,0,0.45)); transition-property: opacity; transition-duration: 0.25s; pointer-events: all; } .drop-down-menu-container.display:before, .masthead-cart.display .cart-menu-container:before { content: ""; position: absolute; width: 0; height: 0; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .drop-down-menu-container.display:before { left: 0.75em; } .drop-down-menu-container.right-justified.display:before, .masthead-cart.display .cart-menu-container:before { left: unset; right: 0.25em; } .masthead-cart.display .cart-menu-container:before { right: 2.7em; } #make-a-booking-popup .category .item, #make-a-booking-popup li.category { opacity: 1; } .product-label:before { content: var(--icon-product); } .drop-down-menu-container ul { list-style: none; padding: 10px; margin: 0; border-radius: 0.5em; overflow: hidden; color: var(--color-text-on-white); } .drop-down-menu li:first-of-type > div { padding-top: .5rem; } .drop-down-menu li:last-of-type > div { padding-bottom: .5rem; } .drop-down-menu li hr { margin: 0.125em 0; border-color: #000; } .drop-down-menu-item:after { flex-shrink: 0; white-space: nowrap; } .drop-down-menu-item { padding: 0.5em 0.5em; display: flex; align-items: center; white-space: nowrap; } .drop-down-menu-item:hover { background-color: var(--color-theme-brand-background); color: var(--color-theme-brand-color); cursor: pointer; } .drop-down-menu-item:before { font-family: 'FontAwesomeSolid'; background-size: 100% 100%; width: 1.5rem; font-size: 1.1em; flex-shrink: 0; } .account-menu-home.drop-down-menu-item:before { content: var(--icon-home); } .account-menu-order-history.drop-down-menu-item:before { content: var(--icon-order-history); } .account-menu-account-details.drop-down-menu-item:before { content: var(--icon-account-details); } .account-menu-log-out.drop-down-menu-item:before { content: var(--icon-log-off); } .account-menu-partner-center.drop-down-menu-item:before { content: var(--icon-partner-center); } .account-menu-epos.drop-down-menu-item:before { content: var(--icon-epos); } btn-login { width: unset; } .masthead-cart { margin-left: auto; cursor: pointer; position: relative; display: flex !important; align-items: center; margin-right: 1rem; } .masthead-cart > div { display: inline-block; } .masthead-cart > div:nth-child(1):before { font-family: 'FontAwesomeSolid'; content: var(--icon-cart); margin-right: 0.5rem; } .btn { min-width: 80px; display: flex; justify-content: center; align-items: center; } .btn-secondary { margin-left: 8px; box-shadow: 6px 6px 10px -6px rgba(0,0,0,0.4); } /*.btn-primary, btn-primary:focus { background-color: var(--color-orange) !important; border-color: var(--color-orange) !important; color: var(--color-gold) !important; }*/ .btn-primary:disabled { background-color: var(--color-disabled); border-color: var(--color-disabled); color: var(--color-disabled-text); } .btn-primary:hover { background-image: none; background-color: #aa0000; border-color: #aa0000; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-image: none; background-color: #aa0000; border-color: #aa0000; } .btn.btn-icon { display: flex; align-items: baseline; justify-content: center; } hr { border-color: var(--color-form-separator); } .btn-icon:before { margin-right: 0.25em; font-family: FontAwesomeSolid; font-weight: 400; } .btn-icon.btn-icon-home:before { content: var(--icon-home); } .btn-icon.btn-icon-reset-password:before { content: var(--icon-unlock); } .btn-icon.btn-icon-service:before { content: var(--icon-service); } .btn-icon.btn-icon-service.service-class-collection:before { content: var(--icon-service-collection); } .btn-icon.btn-icon-service.service-class-delivery:before { content: var(--icon-service-delivery); } .btn-icon.btn-icon-service.service-class-courier:before { content: var(--icon-service-courier); } .btn-icon.btn-icon-service.service-class-digital:before { content: var(--icon-service-digital); } .btn-icon.btn-icon-service.service-class-experience:before { content: var(--icon-service-experience); } .btn-icon.btn-icon-service.service-class-epos:before { content: var(--icon-service-epos); } .btn-icon.btn-icon-delivery-time:before { content: var(--icon-delivery-time); } .btn-icon.btn-icon-booking:before { content: var(--icon-make-booking); } .btn-icon.btn-icon-print:before { content: var(--icon-print); } .btn-icon.btn-icon-orders:before { content: var(--icon-orders); } .btn-icon-add-to-cart:before { content: var(--icon-add-to-cart); } .btn-icon-login:before { content: var(--icon-log-in); } .btn-icon-register:before { content: var(--icon-register); } .btn-icon-checkout:before { content: var(--icon-checkout-order); } .btn-icon-cancel:before { content: var(--icon-cancel-order); } .fulfilment-button.btn-icon:before { margin-right: 0; width: 1.5rem; font-size: 18px; } .cart-checkout-button .pseudo-icon, .cart-fulfilment-controls .pseudo-icon { width: unset; height: unset; font-size: 18px; } .cart-checkout-button .pseudo-icon:before, .cart-fulfilment-controls .pseudo-icon:before { font-size: 18px; } .btn:focus { box-shadow: none; } footer { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; opacity: 0; animation-name: show-brand-statement; animation-delay: 0.1s; animation-duration: 0.5s; animation-fill-mode: forwards; z-index: 1; } @keyframes show-brand-statement { 0% { opacity: 0; } 100% { opacity: 1; } } footer > div > div { border-radius: 4px; background-color: var(--color-light-purple); } .display { display: block; } #home-page { display: none; background-color: var(--color-theme-home-page-background); color: var(--color-theme-home-page-color); } #home-page.display { display: block; } #manage-page { display: none; } #manage-page.display { } .grecaptcha-badge { visibility: hidden !important; } .page-scroller.display { display: flex !important; background-color: transparent; position: relative; } .dont-display { display: none; } .dont-display.display { display: block; } .credit-card-brand { height: 16px; width: 38px; background-size: 100% 100%; margin-right: 4px; } simple-asset-selector .asset-list{ border: 1px solid var(--color-form-separator); border-radius: 0.25rem; } .credit-card-brand.whole-width { margin-right: 0; } .expired { color: red; font-weight: 900; } .credit-card-brand { background-image: url('data:image/svg+xml;utf8,'); height: 18px; width: 20px; border: none; } .credit-card-brand.visa { background-image: url('data:image/svg+xml;utf8,'); width: 50px; } .credit-card-brand.revolut { background-image: url('data:image/svg+xml;utf8,'); width: 56px; } .credit-card-brand.bacs.direct.debit { background-image: url('data:image/svg+xml;utf8,'); width: 18px; height: 18px; } .credit-card-brand.bank.transfer { background-image: url('data:image/svg+xml;utf8,'); width: 18px; height: 18px; } .credit-card-brand.mastercard { background-image: url('data:image/svg+xml;utf8,'); width: 26px; } .credit-card-brand.american-express, .credit-card-brand.amex { background-image: url('data:image/png;base64,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'); width: 20px; height: 20px; } .credit-card-brand.klarna { background-image: url('data:image/svg+xml;utf8,'); width: 74px; height: 30px; } #order-page, #historic-order-page, #historic-tab-page, #payment-link-page { opacity: 0; transition-property: opacity; transition-duration: 0.5s; } #order-page.display, #historic-order-page.display, #payment-link-page.display { opacity: 1; } #confirm-and-pay-page ul { list-style: none; padding: 0; } .selection-header, .checkout-address-selection-header, .checkout-card-selection-header { width: 100%; display: flex; flex-direction: row; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 8px; } .checkout-address-selection-header, .checkout-card-selection-header { justify-content: space-between; } .checkout-address-selection-header > label, .checkout-card-selection-header > label { margin: 0; } .checkout-address-selection-header > label:last-child, .checkout-card-selection-header > label:last-child { cursor: pointer; } .checkout-address-selection-header > label:last-child:hover, .checkout-card-selection-header > label:last-child:hover { text-decoration: underline; } .popup-fault-container { display: none; } .popup-fault-container.display { display: block; } .popup-fault { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; background-color: rgba(0,0,0,0.8); z-index: 15000; display: none; flex-direction: column; align-items: center; justify-content: space-around; color: var(--color-purple); } .message-box-caption { text-align: center; font-size: 1.4em; padding: 0.25em 0.5em; margin-bottom: 1rem; background-color: var(--color-brand); color: var(--color-brand-text); } .popup-fault.visible { display: flex; } .popup-fault > div { background-color: #fff; padding: 1em; filter: drop-shadow(10px 10px 30px rgba(0,0,0,0.45)); max-width: 500px; border-radius: 0.5em; background: linear-gradient(to bottom, #FFFFFF, #FFEFDA); } .popup-fault .button-container { display: flex; flex-direction: row; justify-content: center; } .radio-frame label { margin: 0; } .radio-frame input { pointer-events: none; } duration-counter .quantity-button { font-size: 20px; } .radio-frame.passive input { pointer-events: all; } .standard-form-container ul { list-style: none; padding: 0; } .booking-container { margin-bottom: 20px; display: flex; flex-direction: row; justify-content: space-between; } .booking-container input, .booking-container select { width: 48%; } .pika-single abbr { text-decoration: none; } .text-danger { color: #dc3545 !important; font-weight: 600; } .text-danger.display:before { font-family: 'FontAwesomeRegular'; content: '\f071'; color: #dc3545 !important; margin-right: 0.5em; } .editable-list-entry.row { align-items: center; } .horizontal-radio-group { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: -8px; } .horizontal-radio-group > div { display: flex; flex-direction: row; margin-right: 8px; align-items: center; margin-top: 8px; } .horizontal-radio-group > div > label { margin: 0; line-height: 1; } .horizontal-radio-group > div > input[type="radio"] { pointer-events: all; } a { color: var(--color-brand-lite); } a:hover { color: var(--color-brand); } .nav-item a:hover { color: unset; } .navbar-expand-sm .navbar-nav .nav-link, .nav-home, .nav-search { padding: 0; padding-right: 2px; cursor: pointer; display: flex; margin-right: 4px; display: flex; align-items: center; height: 2rem; } .navbar-expand-sm .navbar-nav .nav-link:after { content: '\2022'; margin-left: 6px; } .navbar-expand-sm .navbar-nav li:last-of-type .nav-link:after { padding-left: 0; content: ''; margin-right: 0; } .navbar-expand-sm .navbar-nav .nav-link.top-view > div { border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 0; } /*#menu-layout, .masthead-info-container, .masthead-nav-container, .category-nav-container { max-width: 1120px; margin: auto; }*/ .masthead-nav.toolbar { position: relative; } btn-login { width: unset; } .menu-description, .menu-details { padding: 0 0 12px 0; } .menu-image { width: 100%; padding-bottom: 45%; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 16px; } .menu-delivery-address, .menu-delivery-time { display: flex; width: 100%; align-items: center; } ..fulgilment-button:before { font-family: 'FontAwesomeSolid'; font-weight: 400; font-size: 1.5em; width: 1.5rem; } content: var(--icon-service); .menu-delivery-time:before { content: '\f017'; } .service-info-area { background-color: var(--color-brand); color: var(--color-brand-text); border-radius: 4px; cursor: pointer; transition-property: background-color color; transition-duration: 0.25s; box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.25); border: 1px solid var(--color-brand); } .service-info-area:hover, .cart-checkout-button:hover { background-color: var(--color-brand-inverse); color: var(--color-brand-text-inverse); } .service-info-area.disabled{ pointer-events: none; } .disabled .pseudo-icon.pseudo-icon-edit:before{ content: ''; } .navbar { padding: 0; overflow-y: visible; overflow-x: auto; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 769px) { .navbar::-webkit-scrollbar { height: 0; } .navbar { scrollbar-width: none; } } .nav-link > div, .navbar-expand-sm .navbar-nav .nav-link:after { padding: 3px 0; } .ghost-nav { } .shift-up-cart { transform: translateY(-53px); } .category-nav.sticky { position: fixed; z-index: 1000; width: 100%; padding-right: 0; } #cart .cart-container { pointer-events: all; } #cart .cart-container.sticky { transform: none; position: fixed; box-shadow: 10px 10px 30px rgba(0,0,0,0.25); } .cart-currency-column { white-space: nowrap; text-align: right; } #historic-order-page .status-update-frame { font-size: 0.9em; } .pan { display: flex; width: 32px; flex-shrink: 0; position: relative; flex-direction: row; align-items: center; cursor: pointer; display: none; position: relative; font-size: 1.5em; } .pan.pan-right { justify-content: flex-end; } .sticky .pan.display { display: flex; } .pan:after { font-family: FontAwesomeRegular; font-size: 1em; content: var(--icon-pan-left); } .pan-right:after { content: var(--icon-pan-right); text-align: right; } .two-line-ellipsis { white-space: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .category-nav-container { z-index: 1100; white-space: nowrap; height: 100%; } #menu-layout > .container { display: flex; flex-direction: row; justify-content: space-between; padding-top: 0; padding-bottom: 0; } #cart { width: 33%; position: sticky; align-self: flex-start; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25)) } .colin-2 { max-width: 425px; margin-left: 1em; } .wide-boy { width: 100%; flex-shrink: 1; } .cart-container { display: flex; flex-direction: column; /*position: sticky;*/ transition-property: transform; transition-delay: 0.5s; transition-duration: 0.5s; display: flex; flex-direction: column; } #cart .cart-container.shift { transform: translateY(-54px); } .miller-form .cart-container { background-color: transparent !important; box-shadow: none !important; } .miller-form #cart { background-color: transparent !important; box-shadow: none !important; } .miller-form-buttons { border-top: 2px solid var(--color-theme-brand-background); } .cart-checkout-button { background-color: var(--color-brand); color: var(--color-brand-text); text-align: center; cursor: pointer; transition-property: background-color color; transition-duration: 0.25s; box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.25); border-radius: 4px; border: 1px solid var(--color-brand); } .cart-checkout-button.empty { pointer-events: none; } .cart-checkout-button .icon { color: var(--color-brand-text); } .empty-cart { color: #818484; min-height: 80px; } #menu-layout #cart.mini-cart { bottom: 0; z-index: 1500; background-color: #fff; top: unset !important; margin-left: 0 !important; } .miller-form #cart.mini-cart { position: absolute !important; } #mobile-cart { display: none; flex-shrink: 0; } .mini-cart .cart-container { max-height: unset !important; } #menu-layout #cart.mini-cart.expanded { top: 0 !important; bottom: 0; z-index: 10000; position: fixed; width: 100%; height: 100% !important; left: 0; border-radius: 0; opacity: 1; box-shadow: none; } #cart.mini-cart.expanded .cart-container { height: 100%; box-shadow: none; padding: 0.5em; padding-top: calc(env(safe-area-inset-top) + 1em); padding-bottom: calc(env(safe-area-inset-bottom) + 0.5em); background-color: #FFFFF8; } #cart.mini-cart .cart-container.shift { transform: none; } .miller-form-body { position: relative; height: 100%; flex-shrink: 1; } .item-container .miller-form-body { position: relative; height: 100%; flex-shrink: 1; } .item-container .decision-container { } #menu-layout.mini-cart { position: static; } .mini-cart .checkout-area { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; flex-shrink: 0; padding-bottom: 0.5rem; } #cart.mini-cart .cart-checkout-button { width: 100%; flex-shrink: 1; margin-right: 0; padding: 4px 8px; box-shadow: none; } #cart.mini-cart .cart-mobile-expand-link { text-align: right; width: 1.5em; } #cart.mini-cart .cart-mobile-expand-link:after { font-family: 'FontAwesomeSolid'; content: var(--icon-expand-cart); text-shadow: 2px 2px 5px rgba(0,0,0,0.25); } #cart.mini-cart.expanded .cart-mobile-expand-link:after { content: var(--icon-shrink-cart); } #cart.mini-cart .cart-scroll-container { height: 100%; overflow-y: auto; flex-shrink: 1; } #cart.mini-cart { height: unset !important; } #cart.mini-cart .cart-contents { display: none; } #cart.mini-cart.expanded .cart-contents { display: flex; transition-property: opacity; height: 100%; flex-shrink: 1; } .cart-menu-container { overflow: hidden; } .masthead-cart .cart-menu-container { overflow: unset; } .cart-contents { display: flex; flex-direction: column; overflow: hidden; } .cart-static-container { flex-shrink: 0; } .single-column .category .item { flex: 0 1 100%; margin-bottom: 8px; } .single-column .item-list { grid-gap: 0; } .paid-imprint { background-position: center center; background-size: contain; opacity: 0.1; background-image: url('data:image/svg+xml;utf8,'); pointer-events: none; } .cancelled-imprint { background-position: center center; background-size: contain; opacity: 0.1; background-image: url('data:image/svg+xml;utf8,'); pointer-events: none; } #menu-layout #cart.mini-cart.empty { display: none; } .home-page-menu-list { margin-top: 40px; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; grid-gap: 1em; } .home-page-menu { position: relative; width: 25%; margin: 0; box-shadow: 0px 22px 24px 0px rgba(46,51,51,0.2); background-color: #fff; color: var(--color-charcoal); min-width: 380px; cursor: pointer; } .home-page-menu .tillex-image { box-shadow: inset 1px 1px 19px 3px rgba(0,0,0,0.59); } .home-page-menu-container { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; } .home-page-menu-data { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; } .home-page-menu-image { width: 100%; padding-bottom: 56.25%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .home-page-menu-name { width: 100%; } .home-page-menu-name h2 { font-size: 1.6em; font-weight: 600; margin-top: 0 !important; } .home-page-menu-container image-viewer { border-bottom: 2px solid var(--color-theme-brand-background); } .product-thumbnail-vertical { background-color: #fff !important; } .product-thumbnail-vertical a { color: var(--color-charcoal) !important; cursor: pointer; } .product-thumbnail-vertical a:hover { color: var(--color-theme-form-color) !important; text-decoration: none; } .product-thumbnail-vertical .item-title h3 { display: inline-block; white-space: nowrap; border-bottom: 1px solid var(--color-theme-form-button-color); overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .product-thumbnail-vertical .item-price { -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; height: 1.25em; } .wafter { box-shadow: 0 1px 4px rgb(0 0 0 / 8%); transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; } .wafter:hover { box-shadow: 0 22px 24px 0 rgb(0 0 0 / 8%); } .home-page-menu-description .tx-description { -webkit-line-clamp: 4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .home-page-menu-category-list, .menu-category-list { padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; } .home-page-menu-stuff span::after, .menu-details span::after { content: '・'; margin-left: 2px; } .home-page-menu-stuff span:last-child:after, .menu-details span:last-of-type:after { content: ''; margin-left: 0; } .home-page-menu-select-button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; transition-property: background-color; transition-duration: 0.25s; } .home-page-menu-select-button:hover { background-color: rgba(0,0,0,0.1); transition-property: background-color; transition-duration: 0.25s; } #menu-layout #menu { margin: 0; width: 100%; flex-shrink: 1; } #menu-layout.mini-cart #menu { width: 100%; } .ptAdd1 { padding-top: 2px; } .quantity-button { cursor: pointer; background-image: none !important; font-family: FontAwesomeSolid; font-weight: 400; } .plus-button:before { content: var(--icon-plus-button); } .plus-button:hover, .minus-button:hover { color: #aa0000; } .button-solid:before { font-family: FontAwesomeSolid; } .minus-button:before { content: var(--icon-minus-button); } .touch-button { padding-bottom: 0; } #stripe-messaging-element { height: unset; border: none; background-color: transparent; box-shadow: none; padding: 0; } .pdv-status.pdv-void { color: #AA0000; text-decoration: line-through; } .pdv-status.pdv-used, .pdv-status.pdv-expired { text-decoration: line-through; } .button-value { width: 24px; margin: 0 8px; text-align: center; font-weight: 900; } .duration.button-value { width: 160px; text-align: center; margin: 0; } .duration.button-value:before, .duration.button-value:after { content: '-'; margin: 0 4px; } .touch-above { margin-top: 4px; } .quantity-button.disabled { pointer-events: none; color: var(--color-form-separator) !important; } .item-list { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; grid-gap: 0.7rem; } .category .item { width: 50%; } .category .item.been-seen { opacity: 1; transition-property: opacity; transition-duration: 0.5s; } .category-title h2 { font-size: 1.25em; font-weight: 600; } .category .item { background-color: #FFF; position: relative; flex: 0 1 calc(33% - 0.26rem); display: flex; flex-direction: column; justify-content: stretch; align-self: stretch; outline: none; overflow: hidden; opacity: 1; will-change: opacity; border: none !important; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out; color: var(--color-charcoal); } .category .item.fade-up { opacity: 1; } .category .item:hover { cursor: pointer; box-shadow: 0 22px 24px 0 rgb(0 0 0 / 8%); } .category .item-container { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: #fff; } .category .item-container image-viewer { min-height: 120px; border-left: 3px solid var(--color-theme-brand-background); } .category .item-container.experience-container image-viewer { min-height: 148px; } .category .item-container .tillex-image-frame { width: 120px; } .category .experience-container.item-container .tillex-image-frame { width: 148px; } .category .item-tags hr { width: 100%; border-color: var(--color-form-separator); margin: 0 0; } .category .item-information { display: none; } .category .item-data { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; } .category .item-image { width: 25%; flex-shrink: 0; background-size: cover; background-position: center center; flex-grow: 0; } .category .item-title h3 { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .category .experience-container .item-title h3 { display: inline-block; white-space: nowrap; border-bottom: 1px solid var(--color-theme-form-button-color); overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .wfc{ width: fit-content; } .category .experience-container .btn{ width: max-content; } .item-promotion-container .custom:last-child, .category-promotion-container .custom:last-child, .menu-promotion-container .custom:last-child { display: block; margin: 0.5em 0; margin-bottom: 1em; width: 100px; border-bottom: 1px solid var(--color-theme-promotions-background); } p.item-promotion, .category-promotion, .menu-promotion { color: var(--color-theme-promotions-color); background-color: var(--color-theme-promotions-background); font-style: italic; padding: 4px 8px; border-radius: 4px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); margin-bottom: 4px; display: flex; } .category .item.has-promotion .item-title h3:before, p.item-promotion:before, p.category-promotion:before, p.menu-promotion:before { content: var(--icon-promotion); color: var(--color-theme-promotions-background); font-family: FontAwesomeSolid; margin-right: 4px; } .item-description ul { list-style: disc; padding-left: 20px; } p.item-promotion:before, p.category-promotion:before, p.menu-promotion:before { color: #fff; background-color: var(--color-theme-promotions-background); margin-right: 8px; text-shadow: 3px 3px 6px rgba(0,0,0,0.2); font-style: normal; } .menu-promotion-container { margin-top: 1em; } /*.category .item-title h3.no-description { display: block; -webkit-box-orient: unset; -webkit-line-clamp: unset; height: 2.2em; }*/ .category-description > .tx-description { font-weight: 600 !important; } .category .item-description { overflow: hidden; flex-grow: 1; } .category .item-description .tx-description { -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 68px; } .tag { color: var(--color-tag); } .item-tag-list { flex-wrap: wrap; list-style: none; padding: 0; } .tx-description img, .experience-booking-description img{ max-width: 100%; } .category .item-click, .experience .item-click { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .category .item-click .item-open { display: none; } .category .item-click .item-popup { position: relative; left: 0; top: 0; width: 100%; height: 100%; } #popup .item-data-container { display: flex; flex-direction: row; flex-wrap: nowrap; } .item-data-container h4 { font-size: 1em; margin: 0.5em 0 0.1em 0; } #popup .item-image { order: 0; width: 15%; height: 0; padding-bottom: calc(100% * 0.15); background-size: cover; background-position: center center; margin-right: 10px; box-shadow: 5px 5px 10px -6px rgba(0,0,0,0.75); } .voucher-section input.form-control { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 4px; } .voucher-section input.form-control:focus { outline: none; border-color: var(--color-promotion); box-shadow: none; } .zed-up-one { z-index: 1; } .mini-tool { font-family: FontAwesomeSolid; font-size: 1rem; background-color: var(--color-orange); color: var(--color-gold); border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: calc(1.5em + .75rem + 2px); width: calc(1.5em + .75rem + 2px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); cursor: pointer; flex-shrink: 0; position: relative; } .pseudo-icon { font-family: FontAwesomeSolid; width: 1.25em; height: 1.25em; display: flex; align-items: center; } .pseudo-icon:before { font-size: 1.25em; font-weight: 400; } .pseudo-icon.pseudo-icon-delete:before { content: var(--icon-delete); } .pseudo-icon.pseudo-icon-edit:before { font-family: FontAwesomeRegular; content: var(--icon-edit); } .voucher-section .mini-tool:before { content: var(--icon-tick); font-size: 1.25em; } .center-it { display: flex; flex-direction: row; align-items: center; justify-content: center; } #popup .item-data { order: 1; width: 100%; } #popup .item-title h3 { font-size: 1.2em; font-weight: 900; } .no-last-hr > hr:last-of-type { display: none; } .tillo-list { padding: 0; background-color: #fff; padding: 4px; height: unset; min-height: 4em !important; max-height: 12em !important; color: #000; list-style: none; overflow-y: auto; line-height: 1.2em; margin-bottom: 0; } .tillo-list > li > div { padding: 4px; border-radius: 4px; cursor: pointer; background-color: #eeeeee; margin-bottom: 2px; position: relative; height: 30px; } .tillo-list > li > div.sold-out { cursor: not-allowed; } .tillo-list > li > .selected { color: #fff; background-image: linear-gradient(to bottom,#f57f48 0,#d9534f 100%); } #item-popup .item-price { display: none; } .popup-form-container > span:before { color: var(--color-purple); } .modifier-category:first-child { margin-top: 0; } .modifier-category-title h4 { margin-top: 0; font-size: 1.1em; font-weight: 600; } .linked-modifier-category-title h6 { margin-top: 0; font-size: 1.2em; font-weight: 900; } .linked-modifier-title p { margin: 0; font-size: 1em; font-weight: 500; } .linked-item-list, .modifier-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .linked-item, .modifier { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .long-list > .modifier { width: 49%; } .linked-item:hover, .modifier:hover { cursor: pointer; } .linked-item .linked-item-choices { height: 0; transform: scale(0); transition-duration: 0.52s; transition-property: transform; transform-origin: top left; overflow: hidden; } .linked-item[data-has-quantity="true"] > .linked-item-container > .linked-item-choices { height: auto; transform: scale(1) } .linked-item-container, .modifier-container, .linked-modifier-container { width: 100%; display: flex; flex-direction: column; border-radius: 6px; border: solid 1px var(--color-form-separator); margin-top: 8px; padding: 8px; align-content: center; } .linked-modifier-container { padding: 8px; } .linked-modifier-list { display: flex; flex-direction: row; align-content: center; justify-content: space-between; flex-wrap: wrap; } .menu-popup-search { width: 100%; background-color: #fff; z-index: 2; opacity: 0; pointer-events: none; border-top: none; overflow: hidden; } .menu-popup-search.display { opacity: 1; pointer-events: all; background-color: #FFFFF8; border-radius: 0.25rem; } .menu-popup-search .form-control { font-weight: 600 !important; border-radius: 0; height: 2rem !important; font-size: var(--font-3); } .menu-popup-search .form-control::placeholder { font-weight: 400 !important; opacity: 0.5; } .autocomplete-popup, .number-panel-popup { width: 100%; background-color: #fff; padding: 0; opacity: 0; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); pointer-events: none; transition-property: opacity; transition-duration: 0.2s; position: fixed; width: 100%; background-color: #fff; z-index: 10000; border: 1px solid #ddd; border-top: none; padding: 0; opacity: 0; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); pointer-events: none; transition-property: opacity; transition-duration: 0.2s; } .number-panel-popup { width: unset; background-color: var(--color-selected-background); border: 1px solid #999; padding: 0.75em; } .autocomplete-popup ul { list-style: none; padding: 0; margin: 0; } .autocomplete-popup.display { opacity: 1; pointer-events: all; border-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 10000; border: 1px solid #ddd; border-left: none; max-width: 512px; } .number-panel-popup.display { opacity: 1; pointer-events: all; border-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 10000; border: 1px solid #ddd; border-left: none; max-width: 512px; } .autocomplete-popup li { border-bottom: 1px solid #eee; padding: 0; color: #000; font-size: 0.9em; } .autocomplete-popup li:last-of-type { border-bottom: none; } .autocomplete-popup li:hover, .autocomplete-popup li.selected { cursor: pointer; background-color: #f0f0f0; box-shadow: none; } auto-complete { width: 100%; } .relative-parent { position: relative; } .input-frame { position: relative; } .input-frame .input-frame { background-color: transparent; overflow: hidden; } .input-frame .input-frame:before { display: none; } .input-frame .form-control { border: none; background-color: transparent; } /*.input-frame:before { position: absolute; font-family: 'FontAwesomeSolid'; content: '\f00e'; height: 100%; color: #fff; background-color: #333; width: 2em; display: flex; justify-content: center; align-items: center; font-size: 1.25em; padding: 4px 4px; border-right: 1px solid var(--color-brand-lite); z-index: 1; }*/ .linked-modifier { width: 100%; position: relative; } .linked-item-data, .modifier-data, .linked-modifier-data { flex-wrap: wrap; } .linked-item-description, .modifier-description, .linked-modifier-description { display: block; order: 20; width: 100%; flex-shrink: 0; } .linked-item[data-has-quantity="true"] .linked-item-container, .modifier[data-has-quantity="true"] .modifier-container { } .linked-item-data, .modifier-data, .linked-modifier-data { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: center; } .bt { border-top: 1px solid #d1d1d7; } .linked-item[data-has-quantity="true"] .linked-modifier[data-has-quantity="true"] .linked-modifier-container, .modifier[data-has-quantity="true"] .modifier-container { background-color: var(--color-selected-background); transition-property: background-color; transition-duration: 0.75s; } .linked-item-quantity, .modifier-quantity, .linked-modifier-quantity { order: 1; } .item-choices image-viewer .tillex-image-frame { height: 64px; width: 64px; margin-left: 4px; } image-viewer.sunken .tillex-image { border-radius: 0; } .linked-item-title, .modifier-title, .linked-modifier-title { order: 2; display: flex; flex-direction: column; justify-content: center; padding: 2px 0; } .linked-item-title > h5, .modifier-title > h5, .linked-modifier-title > p { margin-bottom: 0; font-weight: 600; } .linked-item-price, .modifier-price, .linked-modifier-price { order: 3; color: #818484; display: flex; flex-direction: column; justify-content: center; margin-right: 0; flex-shrink: 0; margin-left: auto; } .linked-item-price > h5, .modifier-price > h5, .linked-modifier-price > h5 { margin-left: 10px; margin-bottom: 0; font-weight: 600; } /*.linked-item-price > h5:before, .modifier-price > h5:before, .linked-modifier-price > h5:before { content: '+'; }*/ .linked-item[data-max="1"] .linked-item-quantity > div, .modifier[data-max="1"] .modifier-quantity > div, .linked-modifier[data-max="1"] .linked-modifier-quantity > div { display: none; } .linked-item[data-quantity="0"] .linked-item-quantity > div, .modifier[data-quantity="0"] .modifier-quantity > div, .linked-modifier[data-quantity="0"] .linked-modifier-quantity > div { display: none; } .nav-home:hover { text-decoration: none; } .nav-link:before, .nav-link:after { font-size: 1.25em; font-family: FontAwesomeRegular !important; } .nav-home:before { content: var(--icon-hamburger); } .nav-home.nav-favourites:before { font-family: FontAwesomeSolid !important; content: var(--icon-favourites); } .drop-down-menu-item.go-menu-home:before { content: var(--icon-home); } .drop-down-menu-item.go-menu-menu:before { content: var(--icon-menu); } .drop-down-menu-item.go-menu-favourites:before { content: var(--icon-favourites); } .nav-home:after { content: '' !important; } .nav-static { border-right: 3px double; margin-right: 0.5rem !important; padding-right: 0.25rem !important; } .nav-search:before { content: var(--icon-search); font-weight: 600; } .nav-home > div > div, .nav-search > div > div { display: flex; align-items: center; } .nav-categories:before { content: var(--icon-nav); } .linked-item[data-has-quantity="true"] > .linked-item-container > .linked-item-data > div > div > .linked-item-quantity, .modifier[data-has-quantity="true"] .modifier-quantity, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity { color: #fff; font-weight: 600; padding: 0 0.25em; } .linked-item[data-max="1"][data-quantity="1"] .linked-item-quantity > .custom:first-child, .modifier[data-max="1"][data-quantity="1"] .modifier-quantity > .custom:first-child, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity > .custom:first-child, .linked-item[data-has-quantity="true"] .linked-item-quantity, .modifier[data-has-quantity="true"] .modifier-quantity, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity { animation-duration: 0.5s; animation-name: stretch; background-color: var(--color-orange); } .linked-item[data-max="1"] .linked-item-quantity, .modifier[data-max="1"] .modifier-quantity, .linked-modifier[data-max="1"] .linked-modifier-quantity { background-color: #fff !important; } .linked-item .linked-item-quantity, .modifier .modifier-quantity, .linked-modifier .linked-modifier-quantity { border: solid 1px var(--color-form-separator); min-width: 21px; height: 21px; background-color: #fff; color: #fff; margin-right: 0.5em; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 4px; padding: 0 0.25em; } .linked-item[data-max="1"] .linked-item-quantity, .modifier[data-max="1"] .modifier-quantity, .linked-modifier[data-max="1"] .linked-modifier-quantity { border-radius: 50%; padding: 0; } .modifier-category:not([data-max="1"]) .linked-item[data-max="1"] .linked-item-quantity, .modifier-category:not([data-max="1"]) .modifier[data-max="1"] .modifier-quantity, .linked-modifier-category:not([data-max="1"]) .linked-modifier[data-max="1"] .linked-modifier-quantity { border-radius: 4px; } /*.linked-item:hover > .linked-item-container > .linked-item-data > div > div .linked-item-quantity, .linked-item[data-has-quantity="true"] > .linked-item-container > .linked-item-data > div > div .linked-item-quantity, .modifier:hover .modifier-quantity, .modifier[data-has-quantity="true"] .modifier-quantity, .linked-modifier:hover .linked-modifier-quantity, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity { border-color: var(--color-brand); }*/ .linked-item[data-max="1"][data-quantity="1"] .linked-item-quantity > .custom:first-child, .modifier[data-max="1"][data-quantity="1"] .modifier-quantity > .custom:first-child, .linked-modifier[data-max="1"][data-quantity="1"] .linked-modifier-quantity > .custom:first-child { display: block; color: #fff; background-color: var(--color-orange) !important; border-radius: 50%; width: 11px; height: 11px; } .modifier-category:not([data-max="1"]) .linked-item[data-max="1"][data-quantity="1"] .linked-item-quantity > .custom:first-child, .modifier-category:not([data-max="1"]) .modifier[data-max="1"][data-quantity="1"] .modifier-quantity > .custom:first-child, .linked-modifier-category:not([data-max="1"]) .linked-modifier[data-max="1"][data-quantity="1"] .linked-modifier-quantity > .custom:first-child { border-radius: 4px; } .linked-item-quantity-selector, .modifier-quantity-selector, .linked-modifier-quantity-selector { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .linked-item-quantity-increase, .linked-item-quantity-decrease, .modifier-quantity-increase, .modifier-quantity-decrease, .linked-modifier-quantity-increase, .linked-modifier-quantity-decrease, .item-quantity-increase, .item-quantity-decrease { width: 21px; height: 21px; margin-right: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; order: 25; } .linked-item-quantity-increase .plus-button, .linked-item-quantity-decrease .minus-button, .modifier-quantity-increase .plus-button, .modifier-quantity-decrease .minus-button, .linked-modifier-quantity-increase .plus-button, .linked-modifier-quantity-decrease, .item-quantity-increase .plus-button, .item-quantity-decrease .minus-button { font-size: 21px; color: var(--color-orange); } .linked-item-quantity-increase, .modifier-quantity-increase, .linked-modifier-quantity-increase, .item-quantity-increase { margin-right: 0; } .linked-item-quantity-increase, .modifier-quantity-increase, .linked-modifier-quantity-increase { order: 25; z-index: 1000; display: none; } .linked-item-quantity-decrease, .modifier-quantity-decrease, .linked-modifier-quantity-decrease { margin-left: auto; order: 24; z-index: 1000; display: none; } .linked-item-quantity-increase, .modifier-quantity-increase, .linked-modifier-quantity-increase, .linked-item-quantity-decrease, .modifier-quantity-decrease, .linked-modifier-quantity-decrease { flex-shrink: 0; } .linked-item[data-has-quantity="true"] > .linked-item-container > .linked-item-data > div > .linked-item-quantity-increase, .linked-item[data-has-quantity="true"] > .linked-item-container > .linked-item-data > div > .linked-item-quantity-decrease, .modifier[data-has-quantity="true"] .modifier-quantity-increase, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity-increase, .modifier[data-has-quantity="true"] .modifier-quantity-decrease, .linked-modifier[data-has-quantity="true"] .linked-modifier-quantity-decrease { display: block; } .linked-item[data-max="1"] > .linked-item-container > .linked-item-data > div > .linked-item-quantity-increase, .modifier[data-max="1"] .modifier-quantity-increase, .linked-modifier[data-max="1"] .linked-modifier-quantity-increase { display: none; } .linked-item[data-max="1"] > .linked-item-container > .linked-item-data > div > .linked-item-quantity-decrease, .modifier[data-max="1"] .modifier-quantity-decrease, .linked-modifier[data-max="1"] .linked-modifier-quantity-decrease { display: none; } .linked-item-quantity-increase-button, .modifier-quantity-increase-button, .linked-modifier-quantity-increase-button, .linked-item-quantity-decrease-button, .modifier-quantity-decrease-button, .linked-quantity-decrease-button, .item-quantity-increase-button, .item-quantity-decrease-button, .cart-item-quantity-increase-button, .cart-item-quantity-decrease-button { } .modifier-category[data-full="Yes"] .linked-item-quantity-increase { border-color: #bac3c3; border-width: 1px; } .modifier-category[data-full="Yes"] .linked-item-quantity-increase-button { color: #bac3c3; } .modifier-category[data-full="Yes"] .linked-item[data-quantity="0"] .linked-item-title, .modifier-category[data-full="Yes"] .modifier[data-quantity="0"] .modifier-title, .linked-modifier-category[data-full="Yes"] .linked-modifier[data-quantity="0"] .linked-modifier-title { color: #bac3c3; } .stock-out { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background-size: 100% 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAC8VBMVEVHcEzSAADQAADPAADUAADQAADOAADPAADSAADSAADQAADRAADOAADPAADPAADQAADQAADRAADRAADRAADWICDbODjphobxtbXtoaHcPT3kaWnZLS3tmprVFxfQAADRAADQAADeR0fzu7vhXV3QAADysrLRBgbaMDD1yMjVFxfQAADRAADsnJzRAADmc3PQAADjZGTlcnLfUFDkbm7ngoLbNTXjaGjohYXmfHzZKCjja2vgVlbjZWXjZmbslpbtmZnph4fnfn7YJSXXICDjbGzUERHgWlr43d3eSEjeSkriZWXhW1vogIDyubnofX3eRkbmd3fiYmLaMTHeSUnphIThXl7VFxftnJzpgoLxtrbVFRXof3/nfHzeTk7ZLCzneXnzvLzaMjLaNzfgVVXofn7WHR3upaXaNjbaNDTwqanqiorlcHDcQED42dnzwMD20NDrkJDbPDzwra3hYGDWISHbOTnYKCjvqqrfUVHYLy/yurrrk5PXIyPjaWnWIyPwq6vwsbHYKyvyt7fjZGTvqanVFxfphYXqiYnphobnf3/ohITogYHsmZnSBwfwrq7wsLDwtLTVGxvZMzP76+vdRET0xMTWFhbzwsLzwcHtoaHcPz/0xsbdQUH1ysrUFBTyvb3tn5/sm5vdRkbRAwPfTU3zwMDsnZ3iX1/0xcXyvLzRAADTCgr309PUEBD0x8f43d331dXTDAzZMTHpjIzZMDD20tL1zs7WHBzTDAzUDw/SBwfTCAjSAwPRAADQAADRBQXRAwP65eX32dn44OD54+PSBQXWHh753t732NjSBgbUFRXUGBj319f43Nz89PT42tr89fX78fH76enSBQXSCQn88PDQAQH77e377Oz65+ffUVHRAgLQAADRAADQAgL89PTRBATQAQH88vL77+/78PD88/P+/Pz89fXUEhLRBwf99fXRAAD//////v7//f3+/PzRAQH+/f39+vr99/f++fn++/vZLS3//Pz88fH+/v7kamqtDSA7AAAA63RSTlMALi8wMDE6S0tMTU5PUFFS3N/g4eXn6Onq6+vr6+vs7O3t7e3u7u7u7+/w8PDx8fLy8vLz8/Pz8/Pz8/P09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fb2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'); filter: drop-shadow(2px 4px 6px black); z-index: 1; transform: rotate(90deg); } .item-container > .stock-out { left: 0; right: unset; transform: none; } .miller-form-body > .stock-out { display: none; } .linked-item-out-of-stock, .item-out-of-stock, .modifier-out-of-stock, .linked-modifier-out-of-stock { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; cursor: default; } .experience-form-control.indicator, .experience-form-bg.indicator { position: relative; } .experience-form-control.indicator:before, .experience-form-bg.indicator:before { width: 2em; height: 2em; position: absolute; top: 0; left: 0; background-size: contain; filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.35)); background-repeat: no-repeat; z-index: 1; } .experience-form-control.indicator.booked:before, .experience-form-bg.indicator.booked:before { content: ''; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAACqCAMAAAAKqCSwAAAAPFBMVEVHcEyqAACqAACqAACqAAD///+wERHMZmb57u7uzMzdmZm7MzPSd3fBRETou7u1IiLjqqr03d3GVVXXiIikq0mdAAAABHRSTlMAENn+pUpkpwAABGZJREFUeNrt3Mt2ozAMBmC1NQaDL1ze/10HbIxskgmLSYdf50SbhHbR7wgs23JS+g/x9f2j/jl+vun3403SL/r1+EjfHx/p++MjfX98pO+Pj/T98ZG+P+RKtRhpa7QUadMYLUW6WQVIh6ZJVnjpmtVshZcWVnhpYYWXFlZ4aWGFlxZWdKlurclWbGnbbcpshZZGI1txpS4KR+dstqJKld98fTW2QKVh002nOgApTfffn2sWojRRp4f6CihND0Dj8uUxtvCkSpmYVn0kOUY3AEr3e+4zFViq1JQKa8rruBYugyYdrLWuuOdmu1jWN1YHKKnz6U5bzTOr8THBLdaIannOH/gq6TWodBtC9XULJV2fzpN1MPnKQknTmO+1cgk4xUTH995hSedjLRXKIqqdg5uj4uSpN5yJUtj16b5CLaRBo0oTVWdpyrKDlKo+jnS+++NGhZPao6p2h1RvlwOatG3iUO+4ou5JnRCkup6kQsxtlvLjgCA1bTWduvjDaV+rBDV7lHl/Gztt2Z926e32CGDN+6uUIW6nshVp3rdl0lxSZStUTuOYYUyoEqj3XzUeZXdSWk/3Otje93YAGPuP1u11RO6fsnXaar3TsNLC6vfK7+0cIKVs3anshZMeVtOcooeTZqsEaWE1dpygpWz1W0GdFw8nXU1+tKGw+vwrrF20O261LuoAYpVqqwYKW6Glq3UurGjSuOR7zCtgV/LoS2nbcS+yR6xSR18qdvmOix5Pqpa9L8XblibVLDjp3pc6die8qsbYnTz2pao91ohXpWKM9UYqTlSYUmXrk7JIxZSqkI9KOas9pjSXUBP4YsaSBjt6v8yx3ZfP0PYt/wQl1UuTYpq3FlUdUKs+barNSIvWQXsi3U+iAftSVdUv88p9qQnq7u8dfnccSjc2D7MebOyrfAzBvcqA2e1JVX6pdgA9ppQbvVzzO0ypcpzVYwIYIKVqqE9KlgbqNDIs61Aac8XsqsfTNkinkZaLPa9P2jKrIF1JbU6fjg17NeUtioGTZp7lExPX4ez36/m+y588q8IDSde16JB47onfAJyb7iY+eOah3iNLlU5Ul0b7nPuUC5401tNuy+bUHt1fb8MNzyk9l/LwDsUK9daTM6KfJ+vSPasPw365VUrrn3pltfVW704pqZfWNhUtN6enYrxTSuqVtU0v/ATfKSX1ynpI87b/TildnElw0YpXd0rpb/vTszQ0d62lHqgXNUuNd62lTtRrq72rg3aiXlvbuzpoJ+q1tb2rL3WiXlvtXSdn11S23vuZiVNcfK0HSEpXX0HCkZK6ssJISV1aUaSkrq0g0lfUGz8x8zQg/8vIW6g3SkmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSEmOlORISY6U5EhJjpTkSP8AIO2mz8pcJcAAAAAASUVORK5CYII='); } .experience-form-control.indicator.unavailable:before, .experience-form-bg.indicator.unavailable:before { content: ''; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAACqCAMAAAAKqCSwAAAAPFBMVEVHcEz/vwD/vwD/vwAAAAARDQAiGQAzJgBEMwBVQABmTAB3WQCIZgCZcwCqfwC7jADMmQDdpgDusgD/vwAKsCh4AAAABHRSTlMAENn+pUpkpwAAAqpJREFUeNrt2ttyozAQBNBOgjEBZG7//68pwAQNCGdrtzbqrhq9+e1UWzMDSMD/X2/vH9M/r493HembS13qUpe61KUudalLXepSl7rUpS51qUtd6lKXutSlLnWpS13qUpe69PelY5CR3osyjCLSoihu7SginVc9kFdUX+yr7rhrv46sRfVg7lJdYVYZiPtpNQvDHm75qsLydv7H8s9Pw469NQPpjCpnXjfF2It2kEm6W8Ia62SxVcciDeUh1nDqXffAId1s82qXarIDYdkFFDNqs62/bs9Yn0O2JpKujf8U61Par3uWRDoNJtZhSbHdpEuB1TRdysYa9dSerp+mYuWUHmP9JJYeYu2IpcdYq8LQ80u7y1iX6VoEGmkwzdLGWqZjzTdNY+ufxJpRaqw21lsi1lwVdRrtNtaWaO6frSbW+aGFa5rGVhtrQyQ9W02sQ03V+Q/W4arvs8yoyFqtb4Cc30+ttdveADmkjzBcW9OxZuz8ZR1xjTUZa9YZNT/hfbZ9wpqINbc05sbWc6zZv/Qabmw9xpqt9hPWmRt9lOjs03/GLvVtTZpna0Ui3a31+GjO3Gaaup6m839blypqK7MTeq4ZZayGyyY9WzcunzRpnewm5TnhTVs5z6J/tBKdmv9gpTrff2klu4nwwkp3Z+LSSni7Y7M2AvdQxjvnjLqyakhnaw4p/uoW0phDCpX7UgB0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHSl0pNCRQkcKHekX3MByM36MvVgAAAAASUVORK5CYII='); } .experience-accessory-editor.unavailable > div, .experience-accessory-editor.booked > div { pointer-events: none; opacity: 0.5; } .experience-accessory-editor.unavailable:before, .experience-accessory-editor.booked:before { width: 3em; height: 3em; } .experience-accessory-editor.unavailable > .flex-single-column, .experience-accessory-editor.booked > .flex-single-column { opacity: 0.5; } .item-out-of-stock { background-color: transparent; pointer-events: none; } .linked-item-out-of-stock .custom, .item-out-of-stock .custom, .modifier-out-of-stock .custom, .booking-slot.sold-out > .custom, .pickable-thing.sold-out > .custom, .tillo-list > li > div.sold-out > .custom, .linked-modifier-out-of-stock .custom { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-size: 100% 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAC8VBMVEVHcEzSAADQAADPAADUAADQAADOAADPAADSAADSAADQAADRAADOAADPAADPAADQAADQAADRAADRAADRAADWICDbODjphobxtbXtoaHcPT3kaWnZLS3tmprVFxfQAADRAADQAADeR0fzu7vhXV3QAADysrLRBgbaMDD1yMjVFxfQAADRAADsnJzRAADmc3PQAADjZGTlcnLfUFDkbm7ngoLbNTXjaGjohYXmfHzZKCjja2vgVlbjZWXjZmbslpbtmZnph4fnfn7YJSXXICDjbGzUERHgWlr43d3eSEjeSkriZWXhW1vogIDyubnofX3eRkbmd3fiYmLaMTHeSUnphIThXl7VFxftnJzpgoLxtrbVFRXof3/nfHzeTk7ZLCzneXnzvLzaMjLaNzfgVVXofn7WHR3upaXaNjbaNDTwqanqiorlcHDcQED42dnzwMD20NDrkJDbPDzwra3hYGDWISHbOTnYKCjvqqrfUVHYLy/yurrrk5PXIyPjaWnWIyPwq6vwsbHYKyvyt7fjZGTvqanVFxfphYXqiYnphobnf3/ohITogYHsmZnSBwfwrq7wsLDwtLTVGxvZMzP76+vdRET0xMTWFhbzwsLzwcHtoaHcPz/0xsbdQUH1ysrUFBTyvb3tn5/sm5vdRkbRAwPfTU3zwMDsnZ3iX1/0xcXyvLzRAADTCgr309PUEBD0x8f43d331dXTDAzZMTHpjIzZMDD20tL1zs7WHBzTDAzUDw/SBwfTCAjSAwPRAADQAADRBQXRAwP65eX32dn44OD54+PSBQXWHh753t732NjSBgbUFRXUGBj319f43Nz89PT42tr89fX78fH76enSBQXSCQn88PDQAQH77e377Oz65+ffUVHRAgLQAADRAADQAgL89PTRBATQAQH88vL77+/78PD88/P+/Pz89fXUEhLRBwf99fXRAAD//////v7//f3+/PzRAQH+/f39+vr99/f++fn++/vZLS3//Pz88fH+/v7kamqtDSA7AAAA63RSTlMALi8wMDE6S0tMTU5PUFFS3N/g4eXn6Onq6+vr6+vs7O3t7e3u7u7u7+/w8PDx8fLy8vLz8/Pz8/Pz8/P09PT09PT09PT09PT19fX19fX19fX19fX19fX19fX19fb2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'); filter: drop-shadow(2px 4px 6px black); transform: rotate(90deg); } .linked-item-out-of-stock .custom, .modifier-out-of-stock .custom, .linked-modifier-out-of-stock .custom { width: 45px; height: 45px; } .pickable-thing.sold-out > .custom, .tillo-list > li > div.sold-out > .custom, .booking-slot.sold-out > .custom { width: 30px; height: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACNFBMVEVHcEz+AAD+AAD+AAD+AAD+AAD+AAD/AAD/AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD/AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD/AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD+AAD/AAD+AAD+AAD+AAD+AAD+AAD/AAD//////v7/9vb/RET/8/P/9fX//Pz/EBD/BQX/GBj/3t7/MTH/7e3/1tb/o6P/Hh7/T0//Hx//BAT/ICD/DAz/9/f/+/v/PT3/Fxf/QUH/WVn/NDT/QED/AgL/Pj7/U1P/Bwf/Rkb/z8//6+v/UlL/YmL/+vr/5ub/n5//39//y8v/2dn/qan/Q0P/cnL/SUn/srL/QkL/rKz/1NT/vLz/2Nj/a2v/zc3/GRn//f3/9PT/Wlr/WFj/fX3/b2//wcH/CQn/KSn/hob/OTn/ISH/aGj/amr/MjL/Fhb/8PD/bGz/HR3/DQ3/VVX/qKj/6en/R0f/hYX/p6f/eXn/Kyv/lpb/qqr/hIT/xsb/+Pj/FBT/lZX/+fn/Gxv/nZ3/ycn/tbX/AwP/29v/3d3/4+P/iIj/gYH/Cwv/xMT/Jyf/paX/Nzf/PDz/jIz/fn7/4uL/5eX/s7P/Dw//nJz/ysr/oaH/ubn/j4//4OD/UFD/EhL/i4v/dnb/2tr/d3f/MDD/W1v/Zmb/Jib/w8P/8vL/cHD/1dX/19f/7+//09P/NTX/AQH/ior/MzP/ZWWkYFOZAAAALHRSTlMAkYuVj5SYAQKJmXqNnIGQio6TkoyIh5aGmpd7n4CFnn+EeZ1+g3h9gnebfHVknm0AAAJeSURBVHjaldRVc9wwFAVgh6Fpw1hm0vFylrKcbBpqOA1zw2VmZmZmZuY/V0VamM5UdqwnX93v2LpjjyXBSi4k/13LRT6VtS31O1b945cIfBL3a2sBOC1Rv0DkE7nvH3KuATZE/DSRL+Ln+Y6vvsoz2F6p5vNZu/jPaAATvgeyvI77mSIfx71D/l1uwoQetdyvVPZlDnnc+5MmYNzINpaKfAL3XzBms/8iIyadnm0sEvks1vbc/IRe+7cfwc8j3M8T+WzW3nmE3DIAnUGjroRtzBb5GD6f0+8hpQY4hnWrWT1D2RfXHMQhMplQ8+msffrCORf2Hq44X1W3j20sE/l4fp5SI86Crqb9u1i9WPRBZ4a/mG4jcOyAzlDFqvkin8ba3p6mwXftRvTWmNezjTkin8PnvTd5mLF2HfbwpxWIfCzv38bAh0EMvdXXVbA6T8WT+3hFXrzGFeJjZa7IZ4TnvQy/nrzHUV6liHwKa5+487jjuh2Nzf2mrco+l7Xdd+m4rfWXgMbNbCND5PP487vQ8VTGtavVDZtYHSvyBaHjG+QyMgDYQmWOJFrhea3o8pAn6ORVmqQYMD/s634D9Llaj29jPlNSDJjpz8duaaNDy1uYj5cUA+ZHpvGP/pcN5TeagyGvHGiD1faM3n40NE26pBIouQh5+HkPTnIfI6kEaMIKh63lFP9PZyepB4jbCjlQzXxW2Cu/B3dLYDe7SIh4lRfndUW8eiC64qjXEsinXkugiHotgcSpeUmbjwZSqdcSKKReS2AF9VoC05OlqS/uNQUWUq8lMFebl2Zp9H8BAiHCpjlm2AwAAAAASUVORK5CYII='); } .item-out-of-stock { top: 0; } .item-link { bottom: 0.5rem; right: 0.5rem; z-index: 1; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; background-color: #fff; opacity: 0.5; border-radius: 50%; filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.5)); } .item-link.experience-link{ bottom: unset; top: 0.5rem; } a .item-link:hover { opacity: 1; color: #aa0000; text-decoration: none; } .item-link:before { font-family: FontAwesomeRegular; color: var(--color-theme-brand-background); content: var(--icon-link); } .linked-modifier-category-title { font-size: 0.8em; margin-top: 8px; } .item-quantity-container { display: flex; color: #8F130C; flex-direction: row; align-content: center; align-items: center; margin: 0.5rem 0; justify-content: center; } #popup > .item[data-atMin="Yes"] .item-quantity-decrease, #popup > .item[data-atMax="Yes"] .item-quantity-increase { border-color: #bac3c3; color: #bac3c3; cursor: default; } .item-quantity-decrease, .item-quantity-increase { order: 1; width: 32px; height: 32px; margin: 0; } .item-quantity-decrease:hover, .item-quantity-increase:hover { cursor: pointer; } .item-quantity { order: 2; color: #000; font-size: 1.6em; font-weight: 900; width: 8rem; text-align: center; } .item-quantity-increase { order: 3; } .decision-container { display: flex; flex-direction: row; justify-content: space-between; } .decision-container .btn { font-weight: 600; border-radius: 4px; border: 1px solid var(--color-purple); display: flex; flex-direction: row; justify-content: center; align-content: center; padding: 12px 0; } .decision-container .btn.ok { order: 2; width: 100%; } .decision-container .btn.ok.disabled { pointer-events: none; background-color: var(--color-form-separator); border-color: var(--color-form-separator); color: var(--color-charcoal); } .decision-container .btn.cancel { order: 1; width: 34%; color: var(--color-purple); } .decision-container .btn.ok:hover { cursor: pointer; background-image: none; filter: brightness(0.9); } .decision-container .btn.ok:focus { outline: none; } .decision-container .btn.cancel:hover { cursor: pointer; border-color: var(--color-purple); color: var(--color-purple); } .decision-container .btn.cancel:focus { outline: none; box-shadow: 0px 0px 0px 1px #366F27; } .decision-text { display: inline-block; } .item-decision-add .item-decision-text:after { white-space: pre; content: ' for ' } .validated .modifier-category[data-valid="No"] .modifier-category-title { color: var(--color-orange); font-weight: 600; } .validated .linked-modifier-category[data-valid="No"] .linked-modifier-category-title { color: var(--color-orange); font-weight: 600; } .validated .linked-item[data-valid="No"] .linked-item-title { color: var(--color-validation); } .modifier-category-validation, .linked-modifier-category-validation { display: none; } .validated .modifier-category[data-valid="No"] .modifier-category-validation, .validated .linked-modifier-category[data-valid="No"] .linked-modifier-category-validation { display: block; color: var(--color-validation); font-size: 0.9em; } .validated .modifier-category[data-valid="No"] .modifier-category-validation { color: var(--color-validation); font-size: 0.9em; } .validated .linked-modifier-category[data-valid="No"] .linked-modifier-category-validation p:before, .validated .modifier-category[data-valid="No"] .modifier-category-validation p:before { content: var(--icon-warning); font-family: FontAwesomeSolid; margin-right: 0.25em; } .menu-title h1 { font-size: 2.5em; font-weight: 600; } .menu-list { margin-top: 20px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .menu { background-color: #fff; position: relative; flex: 0 1 49%; display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; margin-bottom: 16px; padding: 16px; border: 1px solid transparent; border-radius: 2px; background-color: #fff; box-shadow: none; outline: none; transition: box-shadow 0.2s ease-in-out; } .menu:hover { box-shadow: 0px 22px 24px 0px rgba(46,51,51,0.07); cursor: pointer; } .menu h2 { font-weight: 900; color: #000; font-size: 2.5em; } .menu p { color: #000; font-size: 1.25em; } .menu .menu-container { background-color: #FFF; padding-bottom: 0; } .menu a { text-decoration: none; } .cart-container { overflow: hidden; } .cart-menu-container > .cart-container { max-height: 90vh !important; line-height: 1.5; } .cart-container.output-only { background-color: transparent; box-shadow: none; padding: 0; max-height: unset !important; } .table-top td, .table-top th { vertical-align: top; } .cart-item-button { width: 24px; height: 24px; } .cart-voucher { display: flex; flex-direction: row; } .cart-item:last-of-type, .promotion-item:last-of-type, .voucher-item:last-of-type { padding-bottom: 4px; } .cart-promotion .cart-item-description { font-weight: 400; } .border-none { border: none !important; } .warning-bar .show-warning { color: var(--color-orange) !important; margin-top: 0 !important; } .warning-bar .show-warning.text-danger:before { color: var(--color-orange) !important; } .warning-bar { border-top: 2px solid var(--color-theme-brand-background); } .warning-bar .status-message.inerror { color: #AA0000 !important; } .warning-bar .status-message.busy { color: #000088 !important; } .warning-bar .status-message:before { margin-right: 0.25em; font-family: FontAwesomeSolid; } .warning-bar .status-message.inerror:before { content: var(--icon-warning); } .warning-bar .status-message.busy:before { content: var(--icon-info); } .cant-checkout { pointer-events: none; filter: grayscale(70%); } .cart-voucher-delete, .cart-discount-quantity { width: 2rem; } .cart-item .currency, .cart-item .negative-currency { font-weight: 400; } .cart-promotion .currency, .cart-promotion .negative-currency { font-weight: 400; } .cart-item-text { display: flex; flex-wrap: nowrap; width: 100%; align-items: center; } #cart hr { margin: 8px 0; } .cart-items hr:first-of-type { display: none; } .output-only .cart-item { padding: 0; } .cart-item-container:first-child { padding-top: 4px; } .booking-two-line .cart-item-container:first-child { padding-top: 0; } .booking-two-line .cart-item-container:first-child .cart-item-category-container { margin-top: 0; } .booking-two-line .cart-item { font-weight: unset; } .booking-two-line .cart-viewport { overflow: hidden; max-height: 7.25em; } .booking-two-line.expanded .cart-viewport, .booking-two-line.expanded-na .cart-viewport { -webkit-mask-image: none; mask-image: none; max-height: unset; } .order-header-line { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .order-header-line h2 { margin-right: 0.9em; margin-bottom: 0; } .order-header-line .btn-primary { margin-right: 4px; } .order-header-line .btn-primary:last-child { margin-right: 0; } .card-data { display: flex; align-items: center; justify-content: flex-end; } .cart-item-description, .cart-promotion-description { width: 100%; flex-shrink: 1; } .cart-item-price { text-align: right; flex-shrink: 0; } .cart-checkout-button > .custom:first-child { display: block; order: 2; } .cart-checkout-button > .cart-item-count { border-radius: 4px; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; margin-top: 0.125rem; margin-bottom: 0.125rem; margin-right: 0.25rem; background-color: var(--color-theme-cart-button-color); color: var(--color-theme-cart-button-background); } .cart-checkout-button:hover > .cart-item-count { background-color: var(--color-theme-cart-button-hover-color); color: var(--color-theme-cart-button-hover-background); } #make-a-booking-popup .cart-checkout-button .custom:before { content: 'Cart'; } .cart-checkout-button.open-tab .custom:before { content: 'Checkout/Close Tab'; } .empty-cart .custom { display: block; } .empty-cart .custom:before { content: 'Your Basket is Empty'; } .cart-item-quantity-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-shrink: 0; } .output-only .cart-item-quantity-container { justify-content: flex-start; } .output-only .cart-item-quantity-container { width: 3rem; } .cart-item-quantity-decrease, .cart-item-quantity-increase { order: 1; width: 20px; height: 20px; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; } .cart-item-quantity-decrease:hover, .cart-item-quantity-increase:hover { cursor: pointer; } .cart-item-quantity { order: 2; margin: 0 0.25em; } .output-only .cart-item-quantity { margin: 0; } .cart-item-quantity-increase { order: 3; } .cart-fixed-line-container, .cart-gratuity-container { font-weight: 600; display: flex; flex-direction: row; align-items: center; } .cart-fixed-line-container { align-items: flex-start; } .cart-fixed-line-container > .custom:first-child { display: block; width: 80%; } .cart-gratuity { width: 20%; margin-left: auto; } .cart-fixed-line-container > div:nth-child(2) { text-align: right; width: 20%; } .cart-gratuity > div:nth-child(2) { text-align: right; width: 100%; } .currency:before { content: '£'; } #checkout-account-page .account-registration-form h2, #checkout-account-page .account-login-form h2 { display: none; } .brand-colors { background-color: var(--color-background); color: var(--color-category-text); } /*.order-shroud { opacity: 0; pointer-events: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; transition-property: opacity; transition-duration: 0.5s; will-change: opacity; z-index: 1000000; justify-content: center; } .order-shroud.shrouded { pointer-events: all; opacity: 1; }*/ .product-container.no-cart { max-width: unset !important; } .negative-currency:before { content: '-£'; } .cart-subtotal-container { border-top: 1px solid var(--color-form-separator); } .cart-gratuity-container > .custom:first-child { display: block; width: calc(80% - 60px); } .cart-gratuity-increase { margin: 0 1em; width: 1.4em; } .cart-gratuity-decrease { width: 1.4em; } .icon.historic-order { width: 4em; height: 100%; justify-content: center; } #historic-order-page hr { margin: 0.5rem 0; } .icon.historic-order:before { content: var(--icon-order); font-size: 2.5em; font-family: FontAwesomeSolid; } .cart-total-container { font-weight: 600; border-bottom: 3px double var(--color-form-separator); border-top: 1px solid var(--color-form-separator); } .total-line { border-bottom: 3px double #000; } .cart-subtotal-container > .custom:first-child:before { content: 'Subtotal'; } .cart-service-charge-container > .custom:first-child:before { content: 'Service'; } .cart-vat-container > .custom:first-child:before { content: 'VAT'; } .cart-parking-charge-container > .custom:first-child:before { content: 'Parking'; } .cart-handling-charge-container > .custom:first-child:before { content: 'Handling'; } .cart-packing-charge-container > .custom:first-child:before { content: 'Packing'; } .cart-gratuity-container > .custom:first-child:before { content: 'Gratuity'; } .cart-total-container > .custom:first-child:before { content: 'Total'; } .cart-tab-container > .custom:first-child:before { content: 'Open Tab'; } .cart-tab-container { margin: 8px 0; } .cart-scroll-container, .cart-static-container { padding: 0; } .cart-scroll-container { overflow-y: auto; overscroll-behavior: contain; } @media screen and (min-width: 1441px) { .category-nav.sticky { padding-right: 10px; } .masthead-nav-container.container { padding-right: 8px; } .product-container { width: 100%; } } @media screen and (max-width: 1920px) { .colin-2 { min-width: 325px; max-width: unset; } .product-container { max-width: 1360px; } .container { max-width: 100%; padding: 10px; } body { font-size: 12px; } .product-sale-container, .experience-booking-form { max-width: 560px; min-width: 560px; } .product-sale-container h2 { font-size: 18px; } .item-quantity-container { margin: 0.25rem 0; } .product-sale-container .item-quantity { font-size: 1.25em; } .product-sale-container .decision-container .btn { padding: 0.25rem 0; } .product-sale-container .item-quantity-decrease, .product-sale-container .item-quantity-increase { width: 24px; height: 24px; } .product-sale-container .decision-container .item-quantity { font-size: 1.2em; } } @media screen and (max-width: 1440px) { .colin-2 { min-width: 325px; max-width: unset; } .masthead-info-container.container, .masthead-nav-container.container { padding-right: 10px; } } @media screen and (max-width: 1439px) { .category .item { flex: 0 1 calc(50% - 0.35rem); } .item-list { grid-gap: 0.7em; } } @media screen and (max-width: 800px) { .category .item { flex: 0 1 100%; } .colin-2 { min-width: 50%; max-width: unset; } } @media screen and (min-width: 769px) { .miller-form-body, .experience-form-body { overscroll-behavior: contain; } } .cart-item-category-container { border-bottom: 0.5px solid var(--color-form-separator); font-style: italic; } .booking-two-line .cart-item-menu-container, .cart-item-category-container { font-weight: 600; font-style: normal; } .cart-mobile-expand-link { color: var(--color-orange); } .jumbo { display: none; } .jumbo > .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } #outlet-content { font-size: 3em; font-weight: 900; text-align: center; padding: 0; } #login-page > .container, #register-page > .container { display: flex; flex-direction: column; align-items: center; } #login-page .login-container, #register-page .register-container { width: 50%; padding: 40px 0; } #login-page footer, #forgot-password-page footer, #forgot-password-confirmation-page footer { position: absolute; bottom: 0; width: 100%; } ul.multi-col { display: flex; flex-wrap: wrap; } .add-control:before { font-family: FontAwesomeSolid; content: var(--icon-add); margin-right: 8px; } .control-label.with-icon:before { font-family: FontAwesomeSolid; margin-right: 8px; } .control-label.with-icon.address:before { content: var(--icon-address); } .control-label.with-icon.payment-card:before { content: var(--icon-card); } .form-control:focus { border-color: var(--color-promotion); box-shadow: none; } .form-control { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02); border: 1px solid #e6e6e6; } .cart-viewport div { border-color: transparent !important; } .input-frame .form-control:focus { border: none; } .card-id { font-size: 0.75em; font-weight: 600; } .control-label { font-size: 0.8em; font-weight: 600; cursor: pointer; } .legal-question, .radio-frame { padding: 10px; border: 1px solid #ced4da; display: flex; flex-direction: row; } .radio-frame { align-items: center; padding: 4px 4px; cursor: pointer; border: none; } .gray-frame > ul { margin: 0; } .radio-frame > div:last-child { width: 100%; display: flex; flex-direction: row; align-items: center; } .legal-question > .custom:last-child { display: block; } #marketing-question.legal-question > .custom:last-child:before { content: "Tick this box if you would like to receive marketing offers and promotions from Smokin Donut Ltd via email. You can opt out at any time, and we promise never to sell your details to other businesses."; } #notification-question.legal-question > .custom:last-child:before { content: "Tick this box if you would like to receive notifications about your order by SMS/Email."; } .square-radio-container { width: 25%; padding: 0.5em; max-width: 750px; flex-basis: calc(25% - 0.4em); height: 4em; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; } .square-radio-container.mini { height: 2.75em; } .square-radio-container.disabled { pointer-events: none; opacity: 0.5; } .flex-wrap { display: flex; flex-wrap: wrap; } .flex-gap { grid-gap: 0.5em; } .nice.square { position: fixed; width: 0; opacity: 0; } .faux-radio-label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: transparent !important; margin: 0; cursor: pointer; } .nice.square + .faux-radio { padding: 0.5em; text-align: center; margin: 0; border-radius: 6px; background-color: #DFDFD2; transition-property: background-color, color; transition-duration: 0.25s; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .faux-radio > div { line-height: 1.2em; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .mini .faux-radio > div { -webkit-line-clamp: 2; } .nice.square:checked + .faux-radio { background-color: var(--color-theme-brand-background); color: var(--color-theme-brand-color) !important; } input[type="radio"].nice:focus, input[type="checkbox"].nice:focus { animation-duration: 1s; animation-name: stretch; } input[type="radio"].nice:checked, .nice.check-box.checked, input[type="checkbox"].nice:checked, .nice.check-box.checked { background: var(--color-theme-brand-background); border-color: var(--color-theme-brand-background); box-shadow: inset 0px 0px 0px 4px #FFF, 0px 2px 0px rgba(0,0,0,0.05); animation-duration: 1s; animation-name: stretch; } input[type="radio"].nice:checked:disabled, input[type="checkbox"].nice:checked:disabled { background: #aaa !important; cursor: default !important; } input[type="radio"].nice, .nice.check-box, input[type="checkbox"].nice, .nice.check-box { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; border: none; outline: none; overflow: hidden; background: #FFF; border: 1px solid #AAA; box-shadow: inset 0px 0px 0px 10px #FFF, 0px 2px 0px rgba(0,0,0,0.05); vertical-align: middle; margin: 0 10px 0 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; } .nice.check-box { width: 24px; height: 24px; box-shadow: none; margin: 0; flex: 0 0 24px; } input[type="radio"].nice { border-radius: 40px; } .legal-question input[type="radio"].nice, .legal-question input[type="checkbox"].nice { pointer-events: all; } @keyframes stretch { /*10% { transform: scale3d(1, 1, 1) } 0% { transform: scale3d(0.6, 0.6, 0.6) } 20% { transform: scale3d(1.1, 1.1, 1.1) } 40% { transform: scale3d(0.9, 0.9, 0.9) } 60% { transform: scale3d(1.03, 1.03, 1.03) } 80% { transform: scale3d(0.97, 0.97, 0.97) } 100% { transform: scale3d(1, 1, 1) }*/ } .validation-summary-errors ul { padding: 0; list-style: none; font-weight: 600; } .masthead-standard-form { display: block; height: 240px; background-color: var(--color-theme-triangle-background); position: absolute; width: 100%; } .masthead-standard-form:after { background-color: var(--color-theme-triangle-background); position: absolute; content: ''; bottom: 0; height: 100%; left: 0; right: 0; transform: skewY(-5deg); transform-origin: 100%; } /*.masthead-standard-form > div:first-of-type { background-color: #4D0F03; display: block; transform: skewY(-3deg); top: 70%; position: absolute; width: 100%; height: 190px; }*/ .masthead-standard-form + .container { display: flex; flex-direction: column; align-items: center; position: relative; } .standard-form-container { box-shadow: 0px 3px 6px -2px rgba(68,15,3,0.7); width: 80%; max-width: 940px; border: 1px solid rgba(68,15,3,0.3); } .form-separator { margin: 60px 0; font-size: 1.4em; text-align: center; display: flex; flex-direction: row; align-items: center; } .form-separator > .custom { display: block; height: 2px; background-color: #8F130C; width: calc(50%); } .form-separator > div:nth-child(2) { background: #FFF; display: inline-block; padding: 10px 40px; background: #FFF; border-radius: 100px; border: 2px solid #8F130C; color: #8F130C; } .StripeElement { background-color: white; height: 40px; padding: 10px 12px; border-radius: 4px; border: 1px solid transparent; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } #stripe-payment-element.StripeElement { background-color: transparent; height: unset; padding: 0; border-radius: 0; border: none; box-shadow: none; transition: none; } #payment-request-button.StripeElement { background-color: transparent; height: 38px; padding: 0; border-radius: 0; border: none; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } .text-danger { margin-top: 3px; } .text-danger.show-warning:before { font-family: 'FontAwesomeSolid'; content: '\f071'; color: #dc3545; margin-right: 0.5em; } .text-info { color: var(--color-theme-brand-background) !important; font-style: italic; } .booking-two-line .text-info { font-style: normal; font-size: 0.9em !important; } .small-print { font-size: 14px !important; font-weight: 600; } .btn-primary.focus, .btn-primary:focus { box-shadow: none !important; } #order-page .change-delivery-time, #order-page .change-delivery-time:before { color: #A11B1F !important; font-weight: 600; text-decoration: none !important; cursor: pointer; } #order-page .change-delivery-time:before { font-family: FontAwesomeSolid; content: var(--icon-edit); margin-right: 0.25em; } .text-info:before { font-family: 'FontAwesomeSolid'; content: '\f05a'; margin-right: 8px; font-style: normal; } .booking-two-line .text-info:before { content: none; } .text-time:before { font-family: 'FontAwesomeSolid'; content: var(--icon-clock); margin-right: 8px; font-style: normal; text-shadow: 4px 4px 6px rgba(0,0,0,0.3); } .text-voucher:before { font-family: 'FontAwesomeSolid'; content: var(--icon-voucher); margin-right: 8px; font-style: normal; } .text-payment:before { font-family: 'FontAwesomeSolid'; content: var(--icon-payment); margin-right: 8px; font-style: normal; } .text-security { color: #366F27; } .text-security:before { font-family: 'FontAwesomeSolid'; content: '\f023'; margin-right: 8px; font-style: normal; } .service-charge { font-size: 0.9em; font-weight: 400; } .popup-fault .btn-primary:before { /*content: 'Understood';*/ } footer ul a { color: #FFF; } footer ul a:hover { color: #FFF; } .install-prompt .logo { width: 64px; height: 64px; background-image: url('/Whiteboxing/Desperados/Icons/android-icon-72x72.png'); background-size: 100% 100%; flex-shrink: 0; } .install-prompt > .promo .headline:after { content: 'The Desperados App'; font-weight: 900; line-height: 1em; } .install-prompt > .promo .strap:after { content: 'A better way to order whatever you need, whenever you want'; line-height: 1em; } .service-level-unavailable, .service-time-unavailable { color: #990000; } .service-level-unavailable::after, .service-time-unavailable:after { font-family: 'FontAwesomeSolid'; content: '\f071'; color: #990000; margin-left: 8px; } .hide-until-ready { display: none !important; } .hide-until-ready.ready { display: block !important; } .hide-until-ready.flex-ready { display: flex !important; } .cart-vat-statement { font-style: italic; } .flex-single-column { display: flex; flex-direction: column; } .flex-single-column.flex-bottom { justify-content: flex-end; } #membership-qr-code { width: 180px; height: 180px; } .no-scroll { overflow: hidden; } .flex-single-row { display: flex; align-items: center; } .flex-single-row > .flex-right, .flex-single-row.flex-right { margin-left: auto; } .flex-single-row.flex-center { justify-content: center; } .flex-single-row.flex-between { justify-content: space-between; } .flex-single-row.flex-top { display: flex; align-items: flex-start !important; } .flex-single-row.flex-stretch { display: flex; align-items: stretch !important; } .flex-single-row.flex-baseline { align-items: baseline !important; } .flex-single-row.flex-bottom { align-items: flex-end !important; } .gray-frame { border: 1px solid #666; padding: 8px; margin: 8px 0; border-radius: 6px; } .flex-single-row.flex-space-between { justify-content: space-between; } .table-location-list { columns: 2; } .page-container-scroller { height: 100%; flex-shrink: 1; overflow-y: hidden; overflow-x: hidden; } .checked-in-badge { position: relative; width: 100%; height: 300px; } .checked-in-badge:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: 'FontAwesomeSolid'; font-size: 200px; content: '\f058'; color: green; text-align: center; } .closed-message { text-align: center; margin-top: 60px; } .track-and-trace-leave { font-weight: 900; cursor: pointer; } .track-and-trace-leave:before { content: '\f2f5'; font-family: 'FontAwesomeSolid'; margin-right: 4px; text-shadow: 4px 4px 6px rgba(0,0,0,0.3); } .booking-date { padding: 10px; border-radius: 6px; width: 14%; background-color: transparent; transition-property: background-color; transition-duration: 0.25s; } .booking-date.unavailable { color: #AAA; } .booking-date:not(.selected):not(.expired):not(.unavailable):hover { background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } .flex-row-spacing-containr { margin-top: -4px; justify-content: space-between; } .pickable-thing { width: 15%; padding: 4px 0; border-radius: 6px; transition-property: background-color; text-align: center; transition-duration: 0.25s; margin: 4px 2px 0 2px; background-color: rgba(0, 0, 0, 0.05); position: relative; } .check-in-resource.pickable-thing { width: unset; min-width: 48px; padding: 4px 4px; } .pickable-thing:not(.selected):not(.not-available):not(.sold-out):hover { background-color: rgba(0, 0, 0, 0.2); cursor: pointer; } .pickable-thing.not-available:not(.selected), .pickable-thing.sold-out:not(.selected) { color: #bcbcbc; pointer-events: none; cursor: not-allowed; } .pickable-thing.selected { color: #fff; background-color: var(--color-brand); } .booking-slot { width: 15%; padding: 4px; border-radius: 6px; transition-property: background-color; text-align: center; transition-duration: 0.25s; margin: 4px 2px 0 2px; background-color: rgba(0, 0, 0, 0.05); position: relative; } .booking-slot:not(.selected):not(.not-available):not(.sold-out):hover { background-color: rgba(0, 0, 0, 0.2); cursor: pointer; } .booking-slot.not-available, .booking-slot.sold-out { color: #bcbcbc; pointer-events: none; } .flex-single-row.booking-two-line { align-items: flex-start; } .booking-two-line .icon { margin-right: 12px; width: 36px; height: 36px; flex-shrink: 0; cursor: default; display: flex; justify-content: center; } .booking-two-line .icon:before { font-size: 1.8em; content: var(--icon-back); font-family: 'FontAwesomeSolid'; line-height: 1; color: var(--color-theme-brand-background); } .donation.icon:before { content: var(--icon-donation); } .appointment-date.icon:before { content: var(--icon-booking); } .information.icon:before { content: var(--icon-info); } .submit.icon:before, .btn-icon-submit:before { content: var(--icon-submit); } .booking-two-line .icon.voucher { transform-origin: center; } .booking-two-line .icon.voucher:before { content: var(--icon-voucher); } .booking-two-line .icon.apple-pay:before { font-family: FontAwesomeBrands; content: var(--icon-apple-pay); } .booking-two-line .icon.google-pay:before { font-family: FontAwesomeBrands; content: var(--icon-google-pay); } .booking-two-line .icon.promotion:before { content: var(--icon-promotion); } .booking-two-line .icon.gratuity:before { content: var(--icon-gratuity); } .booking-two-line .icon.customer-icon:before { content: var(--icon-user); } .booking-two-line .icon.experience-booking:before { content: var(--icon-booking); } .payment-section.icon:before { content: var(--icon-card); } .gift-voucher-section.icon:before { content: var(--icon-gift-voucher); } .service.icon:before { content: var(--icon-service); } .booking-cart-contents.icon:before { content: var(--icon-cart); } .appointment-time.icon:before { content: var(--icon-clock); } .booking-cost.icon:before { content: var(--icon-pound); } .booking-resource-details.icon:before { content: var(--icon-booked-resource); } .booking-notes.icon:before { content: var(--icon-notes); } .legals-icon.icon:before { content: var(--icon-legals); } .booking-two-line ul { margin-bottom: 0; } .booking-two-line li .icon { width: 14px; height: 14px; transform: none !important; margin-right: 4px; } .booking-two-line li .icon:before { font-size: 0.8em; color: #fff; } .booking-two-line .radio-frame .checkout-address { font-size: 0.8em; } .cart-checkout.booking-two-line > div > div:last-child, .donation.booking-two-line > div > div:last-child { font-size: 1em; } .cart-quantity-text { width: 1%; white-space: nowrap; } .live-cart-row > .cart-quantity-text { width: 3em; } .cart-quantity-text.pl-0 { padding-left: 0 !important; } .voucher-wrapper { padding: 4px 8px; background-image: linear-gradient(to bottom,var(--color-promotion) 0,#666 100%); color: #fff; border-radius: 6px; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); cursor: pointer; text-transform: uppercase; } li:nth-child(n+2) > .voucher-wrapper { margin-left: 0.5em; } .voucher-wrapper > icon:before { cursor: pointer; } .remove.icon:before { content: var(--icon-delete); } image-viewer.width-locked { width: 100%; } .tillex-image-frame { flex-shrink: 0; flex-grow: 0; position: relative; } .tillex-image-frame > img { height: 100%; width: auto; } .tillex-image { opacity: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; transition-property: opacity; transition-duration: 1s; will-change: opacity; } .item-choices .tillex-image { border-radius: 6px; } .tillex-image.fade-up { opacity: 1; transition-property: opacity; transition-duration: 1s; } .tillex-image-frame.height-locked { height: 100%; } .experience-form-button { width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition-property: background-color color border-color; transition-duration: 0.25s; } .experience-form-button > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .experience-form-button > div:after { font-family: FontAwesomeSolid; } .experience-form-button > .minus:after { content: var(--icon-minus); } .experience-form-button > .plus:after { content: var(--icon-plus); } .arrow { font-family: FontAwesomeRegular; } .arrow-left:after { content: var(--icon-left); } .arrow-right:after { content: var(--icon-right); } .booking-date.selected, .booking-slot.selected { color: var(--color-gold); background-color: var(--color-orange); } .booking-date.expired { cursor: not-allowed; } .navbar-expand-sm .navbar-nav { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .in-brand-button { border: 1px solid var(--color-brand) !important; transition-duration: 0.1s; transition-property: color background-color; box-shadow: 6px 6px 10px -6px rgba(0,0,0,0.4); } .in-brand-button:hover { color: var(--color-brand-text-inverse) !important; background-color: var(--color-brand-inverse) !important; } @media screen and (max-width: 1920px) { .jumbo > .container > .custom:nth-child(2) { padding: 10px; } } /** * This theme is an example to show how you can create your own. */ .pika-single { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; filter: drop-shadow(20px 20px 20px rgba(0,0,0,0.45)); } .pika-lendar { width: 320px; } .pika-label { font-size: 16px; color: #8F130C; } .is-today .pika-button { color: #8F130C; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #E4B800; font-weight: bold; background: #8F130C; box-shadow: inset 0 1px 3px #8F130C; border-radius: 3px; } .pika-button:hover { color: #8F130C !important; background: #E4B800 !important; } .pika-table th { font-size: 16px; background-color: #8F130C; color: #E4B800; } .pika-button { font-size: 16px; color: #366F27; } /*#busy-overlay > div { background-image: url('/images/loading.gif'); background-size: unset; }*/ .icon { width: 16px; height: 16px; background-size: 100% 100%; cursor: pointer; } .icon.delete { background-image: url('data:image/svg+xml;utf8,bin_1'); } .cart-voucher .icon.delete { background-image: url('data:image/svg+xml;utf8,bin_1'); } .icon:before { font-family: FontAwesomeSolid; font-size: 1.2em; } .icon.edit { margin-right: 4px; } .icon.edit:before { content: var(--icon-edit); } .geolocation-postcode { width: 100%; flex-direction: row; display: flex; align-items: center; } .geolocation-postcode input { width: 75%; margin-right: 10px; } .geolocate.icon { background-image: url('data:image/svg+xml;utf8,geolocate_2'); width: 32px; height: 32px; cursor: pointer; } .geolocate.icon:hover { background-image: url('data:image/svg+xml;utf8,geolocate_2'); } .opening-info, .minimum-order-info, .menu-address { font-weight: 600; } .minimum-order-info:before { content: 'Minimum Order £' } .tenant-only { display: none; } .tenant-only.visible { display: block; } @media screen and (max-width: 1280px) { .standard-form-container { width: 80%; } } @media screen and (max-width: 1024px) { .product-sale-container { min-width: 600px; max-width: 600px; } .fancy-image, .fancy-image .tillex-image-frame { width: 60px; height: 60px; } .jumbo > .container > .custom:nth-child(1) > .custom:first-child { padding-left: 40px; } .jumbo > .container > .custom:nth-child(1) > .custom:first-child:before { font-size: 2.0em; } } @media screen and (max-width: 1024px) { .home-page-menu { width: 48%; } .experience-booking-form { width: 100%; height: 100%; max-width: unset; min-width: unset; max-height: unset; border-radius: 0; } #mobile-cart, #menu-layout #cart.mini-cart { bottom: 40px; position: fixed; opacity: 0.75; } #mobile-cart, #menu-layout #cart.mini-cart { height: calc(env(safe-area-inset-bottom) + 58px); } .home-page-menu-list { margin-top: 1em; } .deliverly.cloak article { display: none; } .nav-item { max-width: unset; } #cart { font-size: 1em; } .cart-fixed-line-container, .cart-gratuity-container { font-size: 1em; } .account-menu-item { font-size: 1em; } .jumbo > .container > .custom:nth-child(1) > .custom:first-child:before { font-size: 1.8em; opacity: 0.8; } .jumbo > .container > .custom:nth-child(2) > .custom:first-child { background-image: url('/whiteboxing/desperados/content/Images/logo-man-sm.png'); } #outlet-content { font-size: 1.6em; } .menu-title h1 { font-size: 2.6em; } .menu { box-shadow: 0px 22px 24px 0px rgba(46,51,51,0.07); } .menu h2 { font-size: 1.4em; } .masthead-panel1 { width: 59%; } .masthead-panel2 { width: 39%; } .menu-choices { width: 100%; } #menu-layout > .container { flex-direction: column; padding-right: 10px; } #menu-layout #menu { width: 100%; } .output-only .cart-contents { display: block; } #cart .cart-menu-container .cart-scroll-container { max-height: calc(100vh - 200px); } #mobile-cart.not-empty { display: block; } .menu { background-color: #fff; position: relative; flex: 0 1 100%; } .category .item { box-shadow: 0px 22px 24px 0px rgba(46,51,51,0.07); } .navbar { padding-left: 0; } /*.cart-scroll-container::-webkit-scrollbar, #menu-article::-webkit-scrollbar, .page-container-scroller::-webkit-scrollbar, #menu-article::-webkit-scrollbar-track, .page-container-scroller::-webkit-scrollbar-track, #menu-article::-webkit-scrollbar-thumb, .page-container-scroller::-webkit-scrollbar-thumb { width: 0; }*/ } @media screen and (max-width: 576px) { body { font-size: 12px; } .masthead-cart, .masthead-account.logged-in > .account:after, .masthead-cart > .currency:after { margin-right: 0.5rem; } .masthead-cart > .currency:after { margin-left: 0.5rem; } .masthead-account.logged-in > .account:after{ margin-right: 0.75rem; } .masthead-account.logged-in > .account:after{ margin-left: 0.75rem; } .masthead-cart > div:nth-child(1):before, .masthead-account > .account:before { margin-right: 0.25rem; } .mini-cart .checkout-area { padding-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .category .item-container.experience-container image-viewer { min-height: 100px; } .category .experience-container.item-container .tillex-image-frame { width: 100px; } .item-container.experience-container .theme-form-button{ display: none; } .body-lock { overflow: hidden; } .experience-container { flex-basis: 100%; } .rewards-statement { font-size: 0.8em; } .menu-popup-search .form-control { padding-left: 0.5em; } .square-radio-container { width: 33%; flex-basis: calc(33% - 0.275em); } .nav-home > div:before { font-size: 1.5em; } #app { background-image: none !important; background-color: transparent !important; } #app:before { content: none !important; } .nav-static > div { display: none !important; } .nav-search, .nav-home { padding-right: 0.25em; font-size: 1.25em; } .nav-home > div:after { margin-left: 0; margin-right: 0.25em; } .order-header-line h2 { font-size: 1em; } .autocomplete-popup { width: 100% !important; max-width: 100% !important; left: 0; margin-top: 0.25em; } .category .item, li.category { opacity: 1; } .order-header-line .btn-primary { font-size: 0.8em; padding: 0.5em 0.5em; min-width: 4em; } .menu-popup-search { width: 100%; } .booking-two-line .icon { margin-right: 8px; width: 24px; height: 24px; } .booking-two-line .icon:before { font-size: 1.2em; } #mobile-cart, #menu-layout #cart.mini-cart { bottom: calc(env(safe-area-inset-bottom) + 0px); width: 100%; left: 0; border-radius: 0; opacity: 1; } #cart.mini-cart .cart-container { border: none; background-color: #FFFFF8; } .experience-booking-form .decision-container .btn.cancel { color: var(--color-charcoal) !important; font-weight: 400; border-color: var(--color-charcoal) !important; } .home-page-menu-list { margin-top: 0; } .flex-form-container { height: 100%; } .product-sale-container .flex-form-container-body { padding-top: 0; } .product-sale-container .flex-form-container-title { padding: 0; } .flex-form-buttons { padding-bottom: calc(env(safe-area-inset-bottom) + 8px) !important; } .decision-container .btn.ok, .decision-container .btn.cancel { padding: 8px 32px; } .item-quantity { font-size: 1.25em; } .item-quantity-decrease, .item-quantity-increase { width: 24px; height: 24px; } .popup-form-container > span { display: none; } .category-nav.sticky { top: 70px; } h1, h2 { font-size: 18px; } h3, h4, h5, h6 { font-size: 17px; } .masthead-info-container.container { padding-bottom: 0; padding-left: 10px; padding-right: 10px; } .home-page-menu { width: 100%; min-width: unset; margin: 10px 0; } #home-page { background-color: #e5e5e5; } .jumbo > .container > .custom:nth-child(1) { display: none; } .jumbo > .container > .custom:nth-child(2) { width: 100%; } .masthead-panel1 { width: 100%; } .masthead-panel2 { width: 100%; } .menu-image { width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } .menu-title h1 { font-size: 1.8em; } .masthead-logo .logo { height: var(--image-height-small-logo); margin: 0.25rem 0; } .masthead-nav-container.container { padding: 4px 8px; padding-top: calc(calc(env(safe-area-inset-top, 0) + 8px)); } .masthead-nav-container.container { padding: 4px 8px; padding-top: calc(calc(env(safe-area-inset-top, 0) + 8px)); } .cart-menu-container { position: fixed; top: 48px; right: 10px; left: 10px; width: unset; } .masthead-cart.display .cart-menu-container:before { right: 150px; } .category-nav, .navbar, nav-bar { height: 46px; } .standard-form-container { padding: 10px; width: 100%; border: none; } .form-separator { margin: 20px 0; } .long-list > .modifier { width: 100%; } .radio-frame { padding: 10px 5px; } .tillo-logo.icon { width: 73px; height: 18px; } .deliverly-brand-statement { padding: 6px 10px; padding-bottom: calc(env(safe-area-inset-bottom) + 6px); } .masthead-standard-form + .container { padding: 0; } .masthead-standard-form { display: none; } .cart-menu-container { font-size: 1em; } .cart-item-quantity-decrease-button, .cart-item-quantity-increase-button { top: 0; } } @media screen and (max-width: 325px) { .btn { padding: 2px 6px; } .container { padding: 5px 5px; } .category-nav-container { padding: 0; } } .hide-mobile { display: block; } .show-mobile { display: none; } @media screen and (max-width: 576px) { #busy-overlay { width: 100%; height: 100%; } .nav-link:before { margin-right: 0.25rem; } .product-sale-container image-viewer.sunken .tillex-image, .experience-container .tillex-image, .experience-booking-form-container .tillex-image { border-width: 2px; } .view-item-cancel { width: 2.5em; height: 2.5em; } #menu-masthead { position: sticky; z-index: 1; } .mobile-fulfilment-controls { display: block; } .cart-fulfilment-controls { display: none; } .category .item-description .tx-description { -webkit-line-clamp: 2; } .category .item-container image-viewer { min-height: 100px; } .category .item-container .tillex-image-frame { width: 100px; } .autocomplete-popup.display { border-radius: 0; } .popup-fault > div { max-width: 90%; } .experience-booking-form { padding-bottom: calc(env(safe-area-inset-bottom) + 0.5em); } .slot-period-list { max-height: unset; overflow: hidden; } .hide-mobile { display: none; } .show-mobile { display: block; } .colin-2 { min-width: unset; max-width: unset; } .navbar-expand-sm .navbar-nav .nav-link, .nav-home, .nav-search { margin-right: 1px; } .navbar-expand-sm .navbar-nav .nav-link:after { margin-left: 2px; } .category .item image-viewer { height: 80px; } .fs-small { font-size: 0.9em; } .masthead-info-container { flex-wrap: wrap; } .masthead-panel2 { margin-left: 0; } } #printable { display: none; } @page { size: portrait; } @media print { html { background-color: #fff !important; } body { color: #000 !important; } .toolbar, .masthead-nav-container, .masthead-standard-form { display: none !important; } .order-header-line span::after { content: '・'; margin-left: 2px; } .order-header-line span:last-of-type:after { content: ' '; margin-left: 4px; } .credit-card-brand, .logo { -webkit-print-color-adjust: exact; background-size: 100% 100%; } .masthead-standard-form + .container { margin-top: 0; } .toolbar.masthead-nav, .toolbar.masthead-nav + div { display: none; } .standard-form-container { width: 100%; box-shadow: none; padding: 0; border: none; } article { display: none; } article.display { display: none !important; } #printable { display: block !important; transform-origin: top left; background-color: #fff; } #printable > .custom:first-child { display: block; width: 100%; margin: 20px 0; } footer { display: none; } } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: .375rem .75rem; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; background-color: #fff; color: #000; border-radius: .25rem; min-height: 4rem; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; margin-bottom: 1em; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-video { display: block; max-width: 100%; } .ql-video.ql-align-center { margin: 0 auto; } .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-bg-black { background-color: #000; } .ql-bg-red { background-color: #e60000; } .ql-bg-orange { background-color: #f90; } .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-color-blue { color: #06c; } .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-size-small { font-size: 0.75em; } .ql-size-large { font-size: 1.5em; } .ql-size-huge { font-size: 2.5em; } .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-align-center { text-align: center; } .ql-align-justify { text-align: justify; } .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background-image: linear-gradient(to bottom, #fff 0, #888 100%); border: none; cursor: pointer; display: inline-block; float: left; height: 28px; padding: 5px 5px; width: 28px; color: #000; margin-right: 4px; margin-bottom: 0.5rem; border-radius: 4px; } .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active { background-image: linear-gradient(to bottom, #888 0, #fff 100%); } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #000; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; background-image: linear-gradient(to bottom,var(--color-brand-very-lite) 0,var(--color-brand-lite) 100%); } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: none; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 0; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; left: 0 !important; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: none; } .tx-video-container{ width: 100%; position: relative; padding-bottom: 56.25%; margin-bottom: 1rem; } .tx-video-container > .ql-video{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .break-after { display: block; page-break-after: always; position: relative; } .break-before { display: block; page-break-before: always; position: relative; } #printable { display: none; background-color: #fff; } #printable .admin-data-block > div > div > .title { background-image: none !important; color: #000 !important; background-color: #fff; font-weight: 600; font-size: 1.4em; } #printable .standard-form-container{ width: 100%; padding: 0; margin: 0; border-radius: 0; box-shadow: none; border: none; background: #fff !important; } #printable .masthead-standard-form{ display: none; } #printable .masthead-standard-form + .container { margin: 0; min-height: unset; padding: 0; } @page { size: portrait; } @media print { font-0 { font-size: inherit !important; } .font-1 { font-size: inherit !important; } .font-2 { font-size: inherit !important; } .font-3 { font-size: inherit !important; } .font-4 { font-size: inherit !important; } .font-5 { font-size: inherit !important; } .output-only.font-4 { font-size: inherit !important; } #backdrop { display: none !important; } #app { background: #fff !important; min-height: unset !important; position: static !important; } .voucher-label{ display: none !important; } .unprintable{ display: none !important; } h2{ color: #000 !important; } #busy-overlay{ display: none !important; } #printable .logo { width: 133px; height: 28px; margin-left: 4px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,'); } html { position: static; background: #fff !important; } body { position: static; height: unset; margin: 0; overflow: unset; color: #000; font-size: 10pt !important; background: #fff !important; } h2 { font-size: 12pt !important; } h3, h4 { font-size: 10pt !important; } body.receipt { width: 100%; padding: 5mm !important; min-width: unset !important; font-family: unset !important; } body.A4 { display: table; table-layout: fixed; width: 100% !important; min-width: unset !important; transform-origin: top left; min-width: unset; } .deliverly { position: static; width: 100%; height: unset; margin: 0; top: unset; left: unset; right: unset; bottom: unset; display: block; } .miller-column .title { background-image: none !important; color: #000 !important; background-color: #fff; } #printable .container{ min-width: unset !important; padding: 0 !important; } .deliverly { width: 100%; background-color: #fff !important; } article { display: none !important; } article.display { display: none !important; } #order-page.display.page-scroller.display, #historic-order-page.display.page-scroller.display, #historic-tab-page.display.page-scroller.display { display: none !important; } #admin-toolbar, #menu-footer, #menu-toolbar, #membership-card-page, .sticky-toolbar { display: none !important; } #printable { display: block !important; } article.tenant-page.display { display: none; } footer { display: none; } .no-print { display: none; } .receipt-logo { margin-bottom: 8px; max-width: 100%; display: block; } }