/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (11,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (12,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (17,27): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (25,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (26,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (31,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (38,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (46,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (49,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (68,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (92,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (94,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (99,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (114,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (119,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (123,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (127,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (132,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (139,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (147,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (148,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (156,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (168,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (180,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (185,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (201,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (213,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (248,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (264,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (269,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (299,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (303,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (308,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (347,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (371,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (388,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (424,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (425,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (451,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (452,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (458,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (462,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (479,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (481,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (485,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (491,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (493,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (497,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (505,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (506,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (511,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (512,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (513,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (522,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (523,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (527,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (541,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (543,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (549,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (550,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (556,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (557,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (558,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (571,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (572,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (573,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (580,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (587,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (588,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (594,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (607,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (608,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (609,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (616,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (617,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (618,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-lt' (651,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-lt' (694,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (727,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (733,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (746,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (750,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max-rgb' (751,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (755,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (766,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (766,87): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (772,52): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (772,98): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (774,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (784,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (832,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-base' (855,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (859,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (863,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (867,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (872,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (888,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (980,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (984,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (988,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1004,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (1018,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (1020,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1024,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1036,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1037,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (1063,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1091,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1092,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (1098,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1099,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1103,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1109,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (1114,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1119,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1136,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (1142,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1156,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb' (1174,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1178,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (1186,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb' (1199,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (1212,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1216,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1221,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-it-hardware' (1246,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1247,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1249,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1251,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (1529,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1551,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (1555,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1578,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (1620,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (1629,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1630,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1632,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (1642,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (1649,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-success' (1655,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-info' (1661,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning' (1667,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-feature' (1702,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb' (1735,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (1871,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2036,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-it-hardware' (2124,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2147,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2152,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2189,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2226,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2227,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2229,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2264,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2265,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2305,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2306,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2328,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2346,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2371,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2376,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (2384,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2391,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2414,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb' (2419,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (2424,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (2425,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (2434,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2435,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2440,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2444,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2462,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2473,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (2492,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (2740,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2762,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2769,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2775,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2781,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (2873,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (2879,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2911,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (2912,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2930,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (2933,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3005,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3006,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3012,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3016,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3028,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (3036,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (3049,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (3053,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (3057,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3061,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3066,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3101,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3582,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3584,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3592,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (3596,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3601,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3602,27): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-max-rgb' (3603,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (3622,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3631,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3645,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3676,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3682,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3686,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3725,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3736,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3738,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3742,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (3743,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3745,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3796,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (3825,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3830,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3850,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (3851,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3856,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3863,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3874,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (3881,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (3898,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (3899,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (4055,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4056,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4071,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4075,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4084,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4094,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4110,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4130,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4135,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4139,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4149,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4174,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-lt' (4191,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4218,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4219,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4224,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4254,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (4260,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4265,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4279,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4299,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4309,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4312,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4316,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (4325,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4335,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4347,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4395,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4396,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4409,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4418,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4432,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4436,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltr' (4470,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4506,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4537,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4547,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4557,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4567,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4580,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4716,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4717,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4766,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4768,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4782,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4786,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4804,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (4805,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (4809,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4813,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4839,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4840,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4854,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4863,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (4867,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4874,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (4878,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4883,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary-rgb' (4887,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (4894,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4901,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (4923,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (4927,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4957,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (4964,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (4969,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5016,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5033,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5046,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (5068,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5086,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5130,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5143,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5163,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5196,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5201,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5217,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5236,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5244,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5249,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5254,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5255,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5265,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5269,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5325,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5330,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5331,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5337,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5341,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5342,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5356,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5362,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-primary' (5368,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min-rgb' (5372,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-primary' (5376,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-new-used' (5380,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-electronics' (5384,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-trading-it-hardware' (5395,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5399,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (5417,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (5443,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5447,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5451,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5455,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5459,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5464,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5465,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5470,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5474,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5478,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5487,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-base' (5488,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5508,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5530,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5546,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5567,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-rgb' (5571,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5576,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5580,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5585,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base' (5591,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (5598,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5603,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (5604,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn' (5623,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5624,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5625,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-success' (5627,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (5646,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5657,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5672,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5684,23): run-time error CSS1039: Token not allowed after unary operator: '-ff-secondary' (5695,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' (5711,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lt' (5727,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5736,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min' (5740,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary' (5771,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-secondary' */ .accordion { --bs-accordion-color: var(--clr-base); } .accordion-button { font-size: 1rem; color: var(--clr-base); } .accordion-button:not(.collapsed) { background-color: var(--clr-primary); color: var(--clr-ntrl-min); } /* Advert Options */ #advertOptions:nth-of-type(odd) { background: rgba(var(--clr-primary-rgb), 0.05); } #advertOptions:nth-of-type(odd) .card { border-color: transparent; } .advert-sizes tr th { background: var(--clr-primary); color: var(--clr-ntrl-min); } /* Advert pricing */ .ad-price { color: var(--clr-secondary); } .advert-item .ad-price-ct { padding: 5px 0; display: flex; justify-content: space-between; border-bottom: solid 1px var(--clr-base-ltn); } .advert-item .ad-price-ct:not(:last-child) { margin-bottom: 10px; } .advert-item .ad-price-ct .price { color: var(--clr-secondary); font-weight: 600; letter-spacing: -0.5px; font-family: var(--ff-secondary); } .advert-item .ad-size-ct .size-ct .guide-info { display: block; line-height: 1.1; opacity: 0.6; } .advert-item .ad-size-ct:not(:last-child) { margin-bottom: 40px; } .advert-item .ad-size-ct h4 { margin-bottom: 5px; font-weight: 600; } /* Heading */ #eventAgenda h1 { color: var(--clr-base); } /* Anchor */ .agenda-anchor { position: absolute; margin-top: -80px; } @media(min-width: 992px) { .agenda-anchor { margin-top: -110px; } } /* Agenda Day Block */ #eventAgenda .agenda-day-block:not(:last-child) { margin-bottom: 50px; } #eventAgenda .agenda-day-block .day { display: block; margin-bottom: 5px; font-size: 1.389rem; font-family: var(--ff-secondary); font-weight: 700; color: var(--clr-primary); } /* Agenda Item */ #eventAgenda .agenda-item { border: solid 1px var(--clr-base-ltn); border-radius: 0.375rem; } #eventAgenda .agenda-item:not(:last-child) { margin-bottom: 10px; } #eventAgenda .agenda-item .badge { text-transform: uppercase; font-size: 0.556rem; } /* Primary Item */ #eventAgenda .agenda-item.primary { background-color: rgba(var(--clr-primary-rgb), 0.05); } /* Secondary Item */ #eventAgenda .agenda-item.secondary { background-color: rgba(var(--clr-secondary-rgb), 0.1); } #eventAgenda .agenda-item.secondary .time-ct::before { border-left-color: var(--clr-secondary); } #eventAgenda .agenda-item.secondary .time-ct .icon { color: var(--clr-secondary); } /* Day Picker */ #eventAgenda .day-list { font-family: var(--ff-secondary); list-style: none; padding: 0; } #eventAgenda .day-list .day .link { text-decoration: none; color: var(--clr-base); font-weight: 700; border-radius: 0.375rem; padding: 5px 10px; display: block; } #eventAgenda .day-list .day.active .link { background-color: rgba(var(--clr-primary-rgb), 0.05); color: var(--clr-primary); display: block; } /* Time */ #eventAgenda .agenda-item .time-ct { display: flex; padding: .25rem 1.25rem; border-bottom: solid 1px var(--clr-base-ltn); } #eventAgenda .agenda-item:not(.parent-item) .time-ct { align-items: center; } #eventAgenda .agenda-item .time-ct::before { content: ''; position: absolute; left: 12px; top: 0; border-left: solid 6px var(--clr-primary); height: 100%; border-radius: 0.15rem 0 0 0; } #eventAgenda .agenda-item .time-ct .time-icon-ct { display: flex; align-items: center; } #eventAgenda .agenda-item .time-ct .icon { font-size: 1.222rem; color: var(--clr-primary); margin-right: 10px; } #eventAgenda .agenda-item .time-ct .start-time { font-family: var(--ff-secondary); font-size: 1.556rem; font-weight: 700; margin-right: 5px; } #eventAgenda .agenda-item .time-ct .until-time { font-size: 0.889rem; } /* Agenda Info */ #eventAgenda .agenda-item .main-info { padding: .75rem 1.25rem; } #eventAgenda .agenda-item .main-info:not(:last-child) { border-bottom: solid 1px var(--clr-base-ltn); } /* Name */ #eventAgenda .agenda-item .main-info .title-ct { display: flex; flex-direction: column; } #eventAgenda .agenda-item .main-info .title-ct .name { display: inline-block; font-family: var(--ff-secondary); font-weight: 700; line-height: 1.2em; } #eventAgenda .agenda-item .main-info:not(:first-child) .title-ct .name { font-weight: 600; font-size: 1rem; } /* Info Badges */ #eventAgenda .agenda-item .main-info .info-badges { display: inline-flex; margin-top: 10px; } #eventAgenda .agenda-item .main-info .info-badges .badge:not(:last-child) { margin-right: 5px; } /* Description */ #eventAgenda .agenda-item .main-info .description { font-size: 0.778rem; display: block; flex-basis: 100%; margin-top: 10px; } /* Location */ #eventAgenda .agenda-item .main-info .location-sponsor-ct { font-size: 0.778rem; margin-top: 10px; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .location { color: var(--clr-primary); } #eventAgenda .agenda-item .main-info .location-sponsor-ct .location .link { color: var(--clr-primary); font-weight: 600; } /* Sponsor */ #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor-ct { display: flex; align-items: center; margin-top: 8px; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor-type { color: var(--clr-base-ltr); display: block; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .headline-sponsor { color: var(--clr-base-ltr); font-size: 11px; margin-bottom: 3px; display: block; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor .logo { max-width: 100px; max-height: 50px; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor { text-align: center; margin-left: 10px; } /* Info List */ #eventAgenda .agenda-item .main-info .info-list { font-size: 0.778rem; } #eventAgenda .agenda-item .main-info .info-list .item { display: block; } #eventAgenda .agenda-item .main-info .info-list .item:not(:last-child) { margin-bottom: 5px; } #eventAgenda .agenda-item .main-info .info-list .item .link { color: var(--clr-primary); } #eventAgenda .agenda-item .main-info .info-list .item i.icon { color: var(--clr-primary); margin-right: 2px; } #eventAgenda .agenda-item .main-info .info-list .item i.info { color: var(--clr-base-ltr); margin-left: 2px; } /********** SM Screens And Above **********/ @media(min-width: 576px) { /* Info Badges */ #eventAgenda .agenda-item .main-info .info-badges { margin-top: 0px; margin-left: 10px; display: inline-flex; } /* Name */ #eventAgenda .agenda-item .main-info .title-ct { flex-direction: row; align-items: center; flex-wrap: wrap; } /* Sponsor Company */ #eventAgenda .agenda-item .main-info .location-sponsor-ct { display: flex; align-items: center; } /* Sponsor */ #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor-ct { margin-top: 0; } #eventAgenda .agenda-item .main-info .location-sponsor-ct .sponsor-type { display: inline; } #eventAgenda .agenda-item .main-info .sponsor-ct:not(:first-child) .sponsor-type { border-left: solid 1px var(--clr-base-ltr); margin-left: 5px; padding-left: 5px; } } /********** LG Screens And Above **********/ @media(min-width: 992px) { /* Agenda Block */ #eventAgenda .agenda-block-ct { display: flex; } /* Date Picker Container */ #eventAgenda .day-picker-ct { flex-shrink: 0; position: sticky; top: 100px; height: 100%; } #eventAgenda .agenda-items-ct { border-left: solid 1px var(--clr-base-ltn); margin-left: 30px; padding-left: 30px; } /* Date */ #eventAgenda .day-picker-ct .day-list .short-date { display: none; } } /********** XL Screens And Above **********/ @media(min-width: 1400px) { /* Time */ #eventAgenda .agenda-item .time-ct { border-bottom: none; border-right: solid 1px var(--clr-base-ltn); height: 100%; padding: 1.25rem; } #eventAgenda .agenda-item .time-ct .time-icon-ct { align-items: flex-start; } #eventAgenda .agenda-item .time-ct .times { line-height: 1.2em; } #eventAgenda .agenda-item .time-ct .icon { font-size: 1.611rem; } #eventAgenda .agenda-item .time-ct .start-time { margin-right: 0; font-size: 2.111rem; } } @media(max-width: 991.98px) { /* Agenda Item */ #eventAgenda .agenda-item:not(:last-child) { margin-bottom: 30px; } /* Day Picker */ #eventAgenda .day-picker-ct { position: fixed; bottom: 0; left: 0; right: 0; border-top: solid 1px var(--clr-base-ltn); background-color: var(--clr-primary); z-index: 1; } #eventAgenda .day-picker-ct .day-list { font-size: 0.556rem; display: flex; } #eventAgenda .day-picker-ct .day-list .short-date { text-transform: uppercase; display: block; font-size: 0.667rem; } #eventAgenda .day-picker-ct .day-list .long-date { display: none; } #eventAgenda .day-picker-ct .day-list .day { flex-basis: 100%; text-align: center; margin: 0; } #eventAgenda .day-list .day.active .link { background-color: var(--clr-secondary); color: var(--clr-ntrl-min); } #eventAgenda .day-list .day .link { padding: 10px; border-radius: 0; color: var(--clr-ntrl-min); } #eventAgenda .day-list .day:not(:last-of-type) .link { border-right: solid 1px rgba(var(--clr-ntrl-min-rgb), 0.2); } } /* Footer Contact Section */ .agenda-page .contact-footer { display: none; } /* General Alert Styling */ .alert { padding: 1.75rem; } /* Primary Alert */ .alert-primary { background-color: rgba(var(--clr-primary-rgb), 0.1); border: none; color: var(--clr-base); } .alert-primary .alert-heading { color: var(--clr-primary); } /* Secondary Alert */ .alert-secondary { background-color: rgba(var(--clr-secondary-rgb), 0.1); border: none; color: var(--clr-base); } .alert-secondary .alert-heading { color: var(--clr-secondary); } .badge { text-transform: uppercase; } .badge.bg-base-ltn { background-color: var(--clr-base-ltn); color: var(--clr-base); } /* Standard Button - Orange Border */ .btn { font-family: var(--ff-secondary); border: solid 2px var(--clr-secondary); color: var(--clr-secondary); font-weight: 600; border-radius: 6px; transition: all .6s; text-transform: uppercase; } .btn:hover { cursor: pointer; background: var(--clr-secondary); color: var(--clr-ntrl-min); } .btn:hover i { color: var(--clr-ntrl-min); } .btn:not(.btn-sm):not(.btn-link) { padding: .6rem 1.9rem; } .btn-sm:not(.btn-link) { padding: .3rem 0.6rem; } /* White Button */ .btn-itc, .btn-itc:visited { background: var(--clr-ntrl-min); color: #525252; border-color: var(--clr-ntrl-min); } .btn-itc:hover, .btn-itc:active, .btn-itc:focus { background: var(--clr-ntrl-min); color: var(--clr-primary); } /* Blue Button */ .btn-itc1, .btn-itc1:visited { background: var(--clr-primary); border-color: var(--clr-primary); color: var(--clr-ntrl-min); } .btn-itc1:hover, .btn-itc1:active, .btn-itc1:focus { background: #0070a6; border-color: #0070a6; } /* Orange Border Button */ .btn-itc2, .btn-itc2:visited { background: var(--clr-secondary); border-color: var(--clr-secondary); color: var(--clr-ntrl-min); } .btn-itc2:hover, .btn-itc2:active, .btn-itc2:focus { background: #FF8C26; color: var(--clr-ntrl-min) !important; } /* White Border Button */ .btn-itc3, .btn-itc3:visited { background: none; border: solid 2px var(--clr-ntrl-min); color: var(--clr-ntrl-min); } .btn-itc3:hover, .btn-itc3:active, .btn-itc3:focus { background: var(--clr-ntrl-min); color: #525252; } .btn-itc3:hover i, .btn-itc3:active i, .btn-itc3:focus i { color: #525252; } /* Grey Button */ .btn-itc4, .btn-itc4:visited { background: var(--clr-base-ltn); border-color: var(--clr-base-ltn); color: var(--clr-base); } .btn-itc4:hover, .btn-itc4:active, .btn-itc4:focus, .btn-itc4:focus-visible { background: var(--clr-base-lt); border-color: var(--clr-base-lt) !important; color: var(--clr-base); } /* Button Groups */ .btn-pack { display: inline-flex; flex-direction: column; } .btn-pack .btn:not(:first-child) { margin-top: 20px; } @media (min-width: 576px) { .btn-pack .btn:not(:first-child) { margin-left: 20px; margin-top: 0; } .btn-pack { flex-direction: row; } } /* Button Link */ .btn-link { background: none; border: none; color: var(--clr-secondary-lt); } .btn-link:hover { color: var(--clr-secondary-lt); } /*.card:hover { box-shadow: 1px 1px 12px rgba(157, 184, 209, 0.19); }*/ /* Card style on grey background */ .grey-section .card { border-color: transparent; } .primary-section-rgba .card { border-color: transparent; } /* Card Body */ .card-body { padding: 1.25rem; } @media(min-width: 992px) { .card-body { padding: 1.75rem; } } /* Card Body Condensed */ .card-body.con { padding: 1rem; } @media(min-width: 992px) { .card-body.con { padding: 1rem 1.75rem; } } /* Carousel */ .carousel { height: auto; background-size: cover; background-position: center; position: relative; z-index: 1; color: var(--clr-ntrl-min); text-align: left; } .carousel:before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; background-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 100%); opacity: 0.85; z-index: -1; } .carousel.no-overlay:before { background-image: none; } @media(min-width: 768px) { .carousel { max-height: 450px; } } /* Content Block */ .carousel .content-block { padding: 60px 0; } /* Carousel Headings */ .carousel h2 { color: var(--clr-secondary); font-size: 1.25rem; } .carousel h1 { margin-bottom: 0; color: var(--clr-ntrl-min); text-transform: uppercase; font-weight: 700; } @media(min-width: 768px) { .carousel h1 { font-size: 3rem; } } /* Carousel Icons */ .carousel i { color: var(--clr-secondary); } .carousel .event-feature { background-color: rgba(var(--clr-ntrl-max-rgb), 0.3); border: solid 1px var(--clr-secondary); } .carousel .event-feature h4 { color: var(--clr-secondary); margin-bottom: 5px; } /* Event Info */ .carousel .event-info .date { margin-right: 30px; } /* Collapse Item */ .collapse-item { border-top: solid 1px #DEDEDE; padding: 25px 2rem; } .collapse-item .time { color: var(--clr-primary); font-weight: 600; font-family: var(--ff-secondary); } /* Collapse Header */ .collapse-item .collapse-header { cursor: pointer; } /* Collapse Title */ .collapse-item .collapse-title { font-family: var(--ff-secondary); font-weight: 600; color: var(--clr-primary); } .collapse-item .collapse-title i { color: var(--clr-secondary); } /* Header Icons */ .collapse-item .collapse-header .collapse-title i { -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .collapse-item .collapse-header:not(.collapsed) .collapse-title i { transform: rotate(180deg); } /* Collapse Body */ .collapse-item .collapse-body { margin: 10px 0; } .collapse-item .collapse-body h5 { color: var(--clr-secondary); } /* CSS Variables */ :root { /* Body text / Background */ --clr-base-rgb: 82,82,82; --clr-base: #525252; --clr-base-ltr: #8E8E8E; --clr-base-ltn: #E2E2E2; --clr-base-lt: #F2F2F2; /* Primary brand color */ --clr-primary: #007FBD; --clr-primary-rgb: 0,127,189; --clr-primary-dk: #0070A6; /* Secondary brand color */ --clr-secondary: #FF8213; --clr-secondary-rgb: 255,113,19; --clr-secondary-lt: #FF8C26; --clr-secondary-dk: #F37A0E; /* Neutral */ --clr-ntrl-min-rgb: 255,255,255; --clr-ntrl-min: #FFFFFF; --clr-ntrl-max-rgb: 0,0,0; --clr-ntrl-max: #000000; /* Utility Names */ --clr-warning: #CF2E2E; --clr-warning-lt: #F2545B; --clr-warning-dk: #B8254D; --clr-success: #3FA535; --clr-info: #FF8213; --clr-feature: #BB9251; /* Trading Sites */ --clr-trading-primary: #22396F; --clr-trading-new-used: #009CDD; --clr-trading-electronics: #32B298; --clr-trading-it-hardware: #F6B22A; } /* Body Attributes */ body { font-family: var(--ff-base); color: #525252; line-height: 1.4; font-size: 18px; display: flex; flex-direction: column; min-height: 100vh; } /* Section */ section { padding: 40px 0; position: relative; } @media(min-width: 992px) { section { padding: 65px 0; } } .grey-section { background-color: var(--clr-base-lt); } .primary-section-rgba { background-color: rgba(var(--clr-primary-rgb), 0.05); } .primary-section-rgba h2 { color: var(--clr-primary); } .secondary-section-rgba { background-color: rgba(var(--clr-secondary-rgb), 0.1); } /* Links */ a { color: var(--clr-secondary); } a:hover { color: inherit; text-decoration: underline; } /* Website Container */ .website-ct { position: relative; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; left: 0; background: var(--clr-ntrl-min); flex-grow: 1; } .website-ct.open { left: -100%; } @media (min-width: 992px) { .website-ct.open { left: -465px; } } /* Icons */ [data-prefix='fas'], [data-prefix='fab'] { margin-right: 5px; } /* Paragraph Tags */ p:last-child { margin-bottom: 0; } /* Lists */ ul:last-child, ol:last-child { margin-bottom: 0; } /* Margin between columns (to cater for stacked columns) */ .row:not(.bs-row) { margin-top: -30px; } .row:not(.bs-row) > [class*="col"] { margin-top: 30px; } /* Paragraphs */ p { margin-bottom: 2rem; } /* Focus */ *:focus { box-shadow: none !important; } /* Icons */ i.fal, i.far, i.fas, i.fab { margin-right: 5px; } /* No Border */ .no-bdr { border: none; } /* Anchor */ .anchor { position: absolute; margin-top: -106px; } @media(min-width: 992px) { .anchor { margin-top: -140px; } } /* Placeholder text colour */ :-ms-input-placeholder { /* IE 10+ */ color: #EBEBEB !important; } ::-ms-input-placeholder { /* IE Edge */ color: #EBEBEB !important; } /* No Pointer */ .no-pointer { pointer-events: none; cursor: none; } /* Text Colours */ .text-orange { color: var(--clr-secondary) !important; } .text-blue { color: var(--clr-primary) !important; } .text-ntrl-min { color: var(--clr-ntrl-min) !important; } /* No Gap Between Cols */ .ng-row { margin-right: 0px; margin-left: 0px; } .ng-row > .col, .ng-row > [class*="col-"] { padding-right: 0px; padding-left: 0px; } /* Event Info */ .event-info { font-family: var(--ff-secondary); font-weight: 600; font-size: 1.25rem; } /* Hide Google Recaptcha Badge */ .grecaptcha-badge { visibility: hidden; } .cookie-notice { position: fixed; z-index: 99; padding: 20px 0; bottom: 0; background: var(--clr-base); width: 100%; color: var(--clr-ntrl-min); } .cookie-notice a { color: var(--clr-ntrl-min); } @media(max-width: 575.98px) { .cookie-notice .close-cookies { width: 100%; } } /* Countdown Container */ .countdown { background-color: #FF8213; padding: 20px 0; color: var(--clr-ntrl-min); font-family: var(--ff-secondary); } /* Countdown Spans */ .countdown .clock { display: flex; justify-content: center; } .countdown .time { font-size: 2.25rem; font-weight: 600; line-height: 1; margin-right: 20px; } .countdown span:last-child { margin-right: 0; } .countdown .time-prop { display: block; font-size: 0.8rem; margin-top: 2px; font-weight: 500; margin-right: 0; color: var(--clr-secondary); } .countdown .title { font-size: 2rem; display: block; text-transform: uppercase; font-weight: 700; line-height: 1.2; } @media (min-width: 576px) { .countdown .title { font-size: 2.5rem; } .countdown .time { margin-right: 50px; font-size: 2.75rem; } .countdown .time-prop { font-size: 1rem; font-weight: 600; } } .previous-delegates-carousel { background-color: var(--clr-ntrl-min) !important; border-top: solid 1px var(--clr-base-lt); } /* Event Delegate List */ .event-delegates-list .event-sponsors { padding: 20px; background: var(--clr-primary); color: var(--clr-ntrl-min); } .event-delegates-list .event-sponsors h3 { color: var(--clr-ntrl-min); } .event-delegates-list .event-delegate { break-inside: avoid; margin-bottom: 10px; border-bottom: solid 1px var(--clr-base-ltn); padding-bottom: 10px; } .event-delegates-list .event-delegate .exhibitor-type { color: var(--clr-secondary); font-weight: 600; } .event-delegates-list .event-delegate .sponsorship-type { color: var(--clr-primary); font-weight: 600; } /* Delegates Directory */ @media(min-width: 1200px) { .delegate-directory-ct .directory-img { position: absolute; width: auto; right: 0px; top: 50%; transform: translateY(-50%); } } /* Exhibitor Stands Sections */ #exhibitorStands h2 { color: var(--clr-base); } /* Exhibitor Stands */ #exhibitorStands #chooseHowToExhibit .fa-circle-check, .exhibitor-package .package-includes .fa-circle-check { color: var(--clr-primary); } #exhibitorStands #chooseHowToExhibit .exhibit-option .card-body { display: flex; flex-direction: column; } #exhibitorStands #chooseHowToExhibit .exhibit-option h4, .exhibitor-package .subtitle { font-weight: 600; } #exhibitorStands #chooseHowToExhibit .exhibit-option .subtitle { color: rgba(var(--clr-base-rgb), 0.6); } .exhibitor-package .subtitle { margin-bottom: 5px; } /* Exhibitor Gallery */ .exhibitor-gallery-swiper .swiper-slide { text-align: center; } .exhibitor-gallery-swiper img { max-height: 500px; } /* Exhibitor Floor Plan */ #exhibitorFloorPlan h2.primary { color: var(--clr-primary); } #exhibitorFloorPlan h2 { color: var(--clr-base); } #exhibitorFloorPlan .exhibit-area h4 { font-weight: 600; } #exhibitorFloorPlan .exhibit-area .area-location { color: rgba(var(--clr-base-rgb), 0.6); margin-bottom: 0; } #exhibitorFloorPlan .exhibit-area .gallery { position: relative; } #exhibitorFloorPlan .exhibit-area .new-label { background-color: #45B348; padding: 5px 10px; text-transform: uppercase; letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 700; color: #FFFFFF; position: absolute; top: 0; right: 0; border-radius: 0; border-top-right-radius: calc(0.375rem - 1px); z-index: 1; } /* Area Colours */ .portomaso-suite-area h2 { color: var(--clr-primary); } .portomaso-foyer-area h2 { color: var(--clr-secondary); } .business-centre-area h2 { color: var(--clr-trading-it-hardware); } /* Exhibitor Guidelines */ #exhibitorGuidelines .content { margin-bottom: 20px; } /* Exhibition Image */ #exhibitorGuidelines .stand-img { position: relative; } #exhibitorGuidelines .stand-img img { max-height: 520px; } /* Exhibition Counter */ #exhibitorGuidelines .counter { display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-size: 1.5rem; border: solid 2px var(--clr-ntrl-min); background-color: var(--clr-primary); border-radius: 50%; color: var(--clr-ntrl-min); font-weight: 600; font-family: var(--ff-secondary); } #exhibitorGuidelines .components-ct { display: flex; } #exhibitorGuidelines .components-ct .counter { position: absolute; } /* 18M Counters */ #exhibitorGuidelines.stand-18m-cw .component-1, #exhibitorGuidelines.stand-18m-cw-tv .component-1 { top: 12%; left: 3%; } #exhibitorGuidelines.stand-18m-cw .component-2, #exhibitorGuidelines.stand-18m-cw-tv .component-2 { top: 4%; left: 31%; } #exhibitorGuidelines.stand-18m-cw .component-3, #exhibitorGuidelines.stand-18m-cw-tv .component-3 { bottom: 14%; left: 50%; } #exhibitorGuidelines.stand-18m-cw-tv .component-4 { top: 19%; left: 32%; } /* 12M Counters */ #exhibitorGuidelines.stand-12m .component-1 { top: 9%; left: 3%; } #exhibitorGuidelines.stand-12m .component-2 { bottom: 21%; right: 4%; } /* 12M-CW / 12M-CW-TV Counters */ #exhibitorGuidelines.stand-12m-cw .component-1, #exhibitorGuidelines.stand-12m-cw-tv .component-1 { top: 10%; left: 3%; } #exhibitorGuidelines.stand-12m-cw .component-2, #exhibitorGuidelines.stand-12m-cw-tv .component-2 { top: 7%; left: 33%; } #exhibitorGuidelines.stand-12m-cw .component-3, #exhibitorGuidelines.stand-12m-cw-tv .component-3 { bottom: 21%; right: 4%; } #exhibitorGuidelines.stand-12m-cw-tv .component-4 { left: 30%; top: 18%; } /* 12M-CWR-COR-A / 12M-CWR-TVR-COR-A / 12M-COR-A Counters */ #exhibitorGuidelines.stand-12m-cwr-cor-a .component-1, #exhibitorGuidelines.stand-12m-cwr-tvr-cor-a .component-1, #exhibitorGuidelines.stand-12m-cor-a .component-1 { top: 17%; left: 6%; } #exhibitorGuidelines.stand-12m-cwr-cor-a .component-2, #exhibitorGuidelines.stand-12m-cwr-tvr-cor-a .component-2, #exhibitorGuidelines.stand-12m-cor-a .component-2 { top: 9%; right: 3%; } #exhibitorGuidelines.stand-12m-cwr-cor-a .component-3, #exhibitorGuidelines.stand-12m-cwr-tvr-cor-a .component-3 { top: 6%; left: 56%; } #exhibitorGuidelines.stand-12m-cwr-cor-a .component-4, #exhibitorGuidelines.stand-12m-cwr-tvr-cor-a .component-4, #exhibitorGuidelines.stand-12m-cor-a .component-3 { bottom: 3%; right: 22%; } #exhibitorGuidelines.stand-12m-cwr-tvr-cor-a .component-5 { right: 42%; top: 17%; } /* 12M-CWL-COR-B / 12M-CWL-TVL-COR-B Counters / 12M-COR-B */ #exhibitorGuidelines.stand-12m-cwl-cor-b .component-1, #exhibitorGuidelines.stand-12m-cwl-tvl-cor-b .component-1, #exhibitorGuidelines.stand-12m-cor-b .component-1 { top: 9%; left: 3%; } #exhibitorGuidelines.stand-12m-cwl-cor-b .component-2, #exhibitorGuidelines.stand-12m-cwl-tvl-cor-b .component-2, #exhibitorGuidelines.stand-12m-cor-b .component-2 { top: 22%; right: 6%; } #exhibitorGuidelines.stand-12m-cwl-cor-b .component-3, #exhibitorGuidelines.stand-12m-cwl-tvl-cor-b .component-3 { top: 7%; left: 31%; } #exhibitorGuidelines.stand-12m-cwl-cor-b .component-4, #exhibitorGuidelines.stand-12m-cwl-tvl-cor-b .component-4, #exhibitorGuidelines.stand-12m-cor-b .component-3 { bottom: 3%; left: 19%; } #exhibitorGuidelines.stand-12m-cwl-tvl-cor-b .component-5 { top: 18%; left: 28%; } /* 9M Counters */ #exhibitorGuidelines.stand-9m .component-1, #exhibitorGuidelines.stand-9m-tv .component-1 { top: 7%; left: 3%; } #exhibitorGuidelines.stand-9m .component-2, #exhibitorGuidelines.stand-9m-tv .component-2 { bottom: 16%; right: 4%; } #exhibitorGuidelines.stand-9m-tv .component-3 { top: 17%; left: 24%; } /* 9M-COR-A / 9M-TVR-COR-A Counters */ #exhibitorGuidelines.stand-9m-cor-a .component-1, #exhibitorGuidelines.stand-9m-tvr-cor-a .component-1 { top: 17%; left: 5%; } #exhibitorGuidelines.stand-9m-cor-a .component-2, #exhibitorGuidelines.stand-9m-tvr-cor-a .component-2 { top: 8%; right: 3%; } #exhibitorGuidelines.stand-9m-cor-a .component-3, #exhibitorGuidelines.stand-9m-tvr-cor-a .component-3 { bottom: 3%; right: 29%; } #exhibitorGuidelines.stand-9m-tvr-cor-a .component-4 { right: 38%; top: 15%; } /* 9M-COR-B / 9M-TVL-COR-B Counters */ #exhibitorGuidelines.stand-9m-cor-b .component-1, #exhibitorGuidelines.stand-9m-tvl-cor-b .component-1 { top: 8%; left: 4%; } #exhibitorGuidelines.stand-9m-cor-b .component-2, #exhibitorGuidelines.stand-9m-tvl-cor-b .component-2 { top: 21%; right: 5%; } #exhibitorGuidelines.stand-9m-cor-b .component-3, #exhibitorGuidelines.stand-9m-tvl-cor-b .component-3 { bottom: 3%; left: 23%; } #exhibitorGuidelines.stand-9m-tvl-cor-b .component-4 { left: 23%; top: 18%; } /* 8M Counters */ #exhibitorGuidelines.stand-8m .component-1, #exhibitorGuidelines.stand-8m-tv .component-1, #exhibitorGuidelines.stand-8m-sm .component-1 { top: 20%; left: 4%; } #exhibitorGuidelines.stand-8m .component-2, #exhibitorGuidelines.stand-8m-tv .component-2, #exhibitorGuidelines.stand-8m-sm .component-2 { bottom: 29%; right: 2.5%; } #exhibitorGuidelines.stand-8m-tv .component-3 { top: 32%; left: 8%; } /* 4M Counters */ #exhibitorGuidelines.stand-4m .component-1, #exhibitorGuidelines.stand-4m-tv .component-1 { top: 8%; left: 4%; } #exhibitorGuidelines.stand-4m .component-2, #exhibitorGuidelines.stand-4m-tv .component-2 { bottom: 13%; right: 3%; } #exhibitorGuidelines.stand-4m-tv .component-3 { top: 20%; left: 20%; } /* 4M-TVR-COR-A */ #exhibitorGuidelines.stand-4m-tvr-cor-a .component-1, #exhibitorGuidelines.stand-4m-cor-a .component-1 { top: 20%; left: 8%; } #exhibitorGuidelines.stand-4m-tvr-cor-a .component-2, #exhibitorGuidelines.stand-4m-cor-a .component-2 { top: 5%; left: 40%; } #exhibitorGuidelines.stand-4m-tvr-cor-a .component-3, #exhibitorGuidelines.stand-4m-cor-a .component-3 { bottom: 6%; right: 20%; } #exhibitorGuidelines.stand-4m-tvr-cor-a .component-4, #exhibitorGuidelines.stand-4m-cor-a .component-4 { top: 20%; left: 47%; } /* Mini Pod */ #exhibitorGuidelines.stand-mini-pod .component-1 { top: 3%; left: 5%; } /********** Exhibitor Guidelines List **********/ .exhibitor-guidelines-list .counter { background-color: var(--clr-primary) !important; } @media(min-width: 1200px) { .exhibitor-guidelines-list .exhibitor-list { column-count: 2; column-gap: 60px; } .exhibitor-guidelines-list .exhibitor-list .exhibitor { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } /* Exhibitor Guideline Document Model */ #exhibitorGuidelines .document-ct { position: relative; } #exhibitorGuidelines .document-ct .bleed { border: dashed 1px var(--clr-secondary); } #exhibitorGuidelines .document-ct .trim { border: dashed 1px var(--clr-primary); position: absolute; left: 50%; transform: translate(-50%, -50%) scale(90%); top: 50%; } /* Exhibit Logos */ .exhibitor-logos a { display: inline-block; min-width: 125px; max-width: 175px; padding: 0px 10px; } /* Header Section */ #exhibitorPlans header { text-align: center; } #exhibitorPlans .floor-plan:not(:last-child) { margin-bottom: 40px; padding-bottom: 40px; border-bottom: solid 1px var(--clr-base-ltn); } /* Exhibitor Lists */ #exhibitorPlans .exhibitor-list h4 { font-weight: 600; } /* Exhibitor Key */ #exhibitorPlans .floor-plan .stand-key .counter { width: 21px; height: 21px; } #exhibitorPlans .floor-plan .stand-key .text { font-size: .75rem; } @media(min-width: 576px) { #exhibitorPlans .floor-plan .stand-key .text { font-size: 1rem; } } /* Exhibitor Circle Stand Number */ #exhibitorPlans .floor-plan .diagram { position: relative; } #exhibitorPlans .floor-plan .counter-position, #exhibitorPlans .floor-plan .counter-position .counter { position: absolute; } #exhibitorPlans .floor-plan .counter-position .counters { position: relative; width: 100%; height: 100%; } #exhibitorPlans .floor-plan .counter { background-color: var(--clr-base); width: 21px; height: 21px; font-size: .6rem; display: flex; flex-shrink: 0; justify-content: center; align-items: center; border-radius: 50%; border: solid 1px var(--clr-ntrl-min); color: var(--clr-ntrl-min); font-weight: 600; font-family: var(--ff-secondary); text-align: center; line-height: 1em; } @media(min-width: 768px) { #exhibitorPlans .floor-plan .counter { width: 38px; height: 38px; font-size: 1rem; border: solid 2px var(--clr-ntrl-min); } } /* Available Stands */ #exhibitorPlans .floor-plan .counter.available, #exhibitorPlans .floor-plan .available .counter { background-color: var(--clr-success); } /* Reserved Stands */ #exhibitorPlans .floor-plan .counter.reserved, #exhibitorPlans .floor-plan .reserved .counter { background-color: var(--clr-info); } /* Booked Stands */ #exhibitorPlans .floor-plan .counter.unavailable, #exhibitorPlans .floor-plan .unavailable .counter { background-color: var(--clr-warning); } /* VIP Stands */ #exhibitorPlans .floor-plan .counter.vip, #exhibitorPlans .floor-plan .vip .counter { background-color: var(--clr-feature); font-size: .5rem; line-height: .8em; } @media(min-width: 768px) { #exhibitorPlans .floor-plan .counter.vip, #exhibitorPlans .floor-plan .vip .counter { font-size: .7rem; line-height: .8em; } } /* Status */ #exhibitorPlans .floor-plan :not(.stand-key) .reserved span:not(.counter):not(.text):not(.text-small), #exhibitorPlans .floor-plan :not(.stand-key) .unavailable span:not(.counter):not(.text):not(.text-small) { opacity: 0.5; font-weight: 500; } #exhibitorPlans .floor-plan .counter .text { display: flex; flex-direction: column; } #exhibitorPlans .floor-plan .counter .text-small { font-size: 0.5rem; line-height: .5em; } /* Exhibitor List */ #exhibitorPlans .exhibitor-list .exhibitor { margin-bottom: 12px; padding-bottom: 12px; border-bottom: solid 1px rgba(var(--clr-base-rgb),0.05); } /* Exhibitor Size */ #exhibitorPlans .exhibitor-list .size { display: block; width: 35px; font-size: .75rem; } @media(min-width: 768px) { #exhibitorPlans .exhibitor-list .size { width: 50px; font-size: 1rem; } } /* Exhibitor Number */ #exhibitorPlans .exhibitor-list .number { display: block; } #exhibitorPlans .exhibitor-list .status { font-weight: 600; display: block; line-height: 1.2em; } /***** Portomaso Suite Counters *****/ #exhibitorPlans .portomaso-suite h2 { color: var(--clr-primary); } /* Portomaso Suite Stands - Left Position */ #exhibitorPlans .portomaso-suite .counter-position.left { bottom: 0%; height: 100%; } #exhibitorPlans .portomaso-suite .counter-position.left .counter:nth-child(1) { bottom: 18%; } #exhibitorPlans .portomaso-suite .counter-position.left .counter:nth-child(2) { bottom: 35%; } #exhibitorPlans .portomaso-suite .counter-position.left .counter:nth-child(3) { bottom: 50%; } #exhibitorPlans .portomaso-suite .counter-position.left .counter:nth-child(4) { bottom: 63%; } /* Portomaso Suite Stands - Top Position */ #exhibitorPlans .portomaso-suite .counter-position.top { top: 10%; transform: rotate(-9deg); width: 100%; } #exhibitorPlans .portomaso-suite .counter-position.top .counter { transform: rotate(8deg); } #exhibitorPlans .portomaso-suite .counter-position.top .counter:nth-child(1) { left: 21%; } #exhibitorPlans .portomaso-suite .counter-position.top .counter:nth-child(2) { left: 32%; } #exhibitorPlans .portomaso-suite .counter-position.top .counter:nth-child(3) { left: 50%; } #exhibitorPlans .portomaso-suite .counter-position.top .counter:nth-child(4) { left: 60%; } #exhibitorPlans .portomaso-suite .counter-position.top .counter:nth-child(5) { right: 17%; } /* Portomaso Suite Stands - Right Position */ #exhibitorPlans .portomaso-suite .counter-position.right { right: 9%; transform: rotate(-21deg); height: 100%; } #exhibitorPlans .portomaso-suite .counter-position.right .counter { transform: rotate(20deg); } #exhibitorPlans .portomaso-suite .counter-position.right .counter:nth-child(1) { top: 16%; } #exhibitorPlans .portomaso-suite .counter-position.right .counter:nth-child(2) { top: 29%; } #exhibitorPlans .portomaso-suite .counter-position.right .counter:nth-child(3) { top: 43%; } /* Portomaso Suite Stands - Bottom Position */ #exhibitorPlans .portomaso-suite .counter-position.bottom { bottom: 30%; transform: rotate(-11deg); width: 100%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter { transform: rotate(10deg); } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(1) { right: 25%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(2) { right: 37%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(3) { right: 53%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(4) { right: 59%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(5) { left: 30%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(6) { left: 24%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(7) { left: 30%; } #exhibitorPlans .portomaso-suite .counter-position.bottom .counter:nth-child(8) { left: 24%; } /***** Portomaso Foyer Counters *****/ #exhibitorPlans .portomaso-foyer h2 { color: var(--clr-secondary); } /* Portomaso Foyer Stands - Left Position */ #exhibitorPlans .portomaso-foyer .counter-position.far-left { left: 22.5%; bottom: 0%; height: 100%; transform: rotate(-6deg); } #exhibitorPlans .portomaso-foyer .counter-position.far-left .counter { transform: rotate(5deg); } #exhibitorPlans .portomaso-foyer .counter-position.far-left .counter:nth-child(1) { bottom: 27%; } #exhibitorPlans .portomaso-foyer .counter-position.far-left .counter:nth-child(2) { bottom: 33%; } #exhibitorPlans .portomaso-foyer .counter-position.far-left .counter:nth-child(3) { bottom: 47%; } /* Portomaso Foyer Stands - Bottom Left Position */ #exhibitorPlans .portomaso-foyer .counter-position.bottom-left { left: 26%; width: 100%; bottom: 6%; } /* Portomaso Foyer Stands - Left Position */ #exhibitorPlans .portomaso-foyer .counter-position.left { left: 46.5%; transform: rotate(33deg); height: 100%; top: 0%; } #exhibitorPlans .portomaso-foyer .counter-position.left .counter { transform: rotate(-32deg); } #exhibitorPlans .portomaso-foyer .counter-position.left .counter:nth-child(1) { top: 28%; } #exhibitorPlans .portomaso-foyer .counter-position.left .counter:nth-child(2) { top: 22%; } #exhibitorPlans .portomaso-foyer .counter-position.left .counter:nth-child(3) { top: 15%; } #exhibitorPlans .portomaso-foyer .counter-position.left .counter:nth-child(4) { top: 7%; } #exhibitorPlans .portomaso-foyer .counter-position.left .counter:nth-child(5) { top: 4%; } /* Portomaso Foyer Stands - Top Position */ #exhibitorPlans .portomaso-foyer .counter-position.top { top: -4%; right: 0%; width: 100%; transform: rotate(8deg); } #exhibitorPlans .portomaso-foyer .counter-position.top .counter { transform: rotate(-7deg); } #exhibitorPlans .portomaso-foyer .counter-position.top .counter:nth-child(1) { right: 20.5%; } #exhibitorPlans .portomaso-foyer .counter-position.top .counter:nth-child(2) { right: 15.5%; } /* Portomaso Foyer Stands - Right Position */ #exhibitorPlans .portomaso-foyer .counter-position.right { top: 0.5%; transform: rotate(-8deg); height: 100%; right: 12%; } #exhibitorPlans .portomaso-foyer .counter-position.right .counter { transform: rotate(9deg); } #exhibitorPlans .portomaso-foyer .counter-position.right .counter:nth-child(1) { top: 19%; } #exhibitorPlans .portomaso-foyer .counter-position.right .counter:nth-child(2) { top: 26%; } #exhibitorPlans .portomaso-foyer .counter-position.right .counter:nth-child(3) { top: 33.5%; } #exhibitorPlans .portomaso-foyer .counter-position.right .counter:nth-child(4) { top: 52%; } #exhibitorPlans .portomaso-foyer .counter-position.right .counter:nth-child(5) { top: 64%; } /* Portomaso Foyer Stands - Top Position */ #exhibitorPlans .portomaso-foyer .counter-position.bottom { bottom: 42%; right: 3.5%; transform: rotate(27deg); width: 100%; } #exhibitorPlans .portomaso-foyer .counter-position.bottom .counter { transform: rotate(-26deg); } #exhibitorPlans .portomaso-foyer .counter-position.bottom .counter:nth-child(1) { right: 11%; } #exhibitorPlans .portomaso-foyer .counter-position.bottom .counter:nth-child(2) { right: 17.5%; } #exhibitorPlans .portomaso-foyer .counter-position.bottom .counter:nth-child(3) { right: 23.5%; } #exhibitorPlans .portomaso-foyer .counter-position.bottom .counter:nth-child(4) { right: 32.5%; } /* Portomaso Suite Stands - VIP Position */ #exhibitorPlans .portomaso-foyer .counter-position.vip { bottom: 33%; width: 100%; } #exhibitorPlans .portomaso-foyer .counter-position.vip .counter:nth-child(1) { left: 49%; } /***** Business Centre Stands *****/ #exhibitorPlans .business-centre h2 { color: var(--clr-trading-it-hardware); } /* Business Centre Stands - Bottom Position */ #exhibitorPlans .business-centre .counter-position.bottom { bottom: 3%; transform: rotate(15deg); width: 100%; } #exhibitorPlans .business-centre .counter-position.bottom .counter { transform: rotate(-15deg); } #exhibitorPlans .business-centre .counter-position.bottom .counter:nth-child(1) { left: 26%; } #exhibitorPlans .business-centre .counter-position.bottom .counter:nth-child(2) { left: 21%; } #exhibitorPlans .business-centre .counter-position.bottom .counter:nth-child(3) { left: 15.5%; } #exhibitorPlans .business-centre .counter-position.bottom .counter:nth-child(4) { left: 10%; } #exhibitorPlans .business-centre .counter-position.bottom .counter:nth-child(5) { left: 3%; } /* Business Centre Stands - Top Position */ #exhibitorPlans .business-centre .counter-position.middle { top: 25%; transform: rotate(-11deg); width: 100%; } #exhibitorPlans .business-centre .counter-position.middle .counter { transform: rotate(10deg); } #exhibitorPlans .business-centre .counter-position.middle .counter:nth-child(1) { left: 19%; } #exhibitorPlans .business-centre .counter-position.middle .counter:nth-child(2) { left: 29.7%; } #exhibitorPlans .business-centre .counter-position.middle .counter:nth-child(3) { left: 39%; } #exhibitorPlans .business-centre .counter-position.middle .counter:nth-child(4) { left: 49%; } /* Business Centre Stands - Top Left Position */ #exhibitorPlans .business-centre .counter-position.top { top: -2%; left: 5.5%; transform: rotate(-10deg); width: 100%; } #exhibitorPlans .business-centre .counter-position.top .counter { transform: rotate(9deg); } #exhibitorPlans .business-centre .counter-position.top .counter:nth-child(1) { left: 41%; } #exhibitorPlans .business-centre .counter-position.top .counter:nth-child(2) { left: 46%; } #exhibitorPlans .business-centre .counter-position.top .counter:nth-child(3) { left: 50.5%; } .explore-itc .content-col { background-image: url('/Content/images/background-pattern1.png'); background-color: var(--clr-primary); background-blend-mode: soft-light; background-size: cover; } .explore-itc .image-col { background-image: url('/Content/images/background-pattern1.png'); background-blend-mode: soft-light; background-size: cover; } .explore-itc .card-body { display: flex; flex-direction: column; align-items: flex-start; } .explore-itc .content { margin-bottom: 20px; flex-grow: 1; } .explore-itc .info { color: var(--clr-ntrl-min); padding: 3rem; } .explore-itc .info .title { color: var(--clr-ntrl-min); font-weight: 700; line-height: 1.1em; font-size: 2.5rem; } .explore-itc .info .title .emphasis { display: block; font-size: 2.25rem; } .explore-itc .info .controls { display: flex; } .explore-itc .info .controls button:not(:last-child) { margin-right: 20px; } .explore-itc .explore-carousel .card .img-ct { max-height: 190px; overflow: hidden; } .explore-itc .explore-carousel .card img { object-fit: cover; object-position: top; } .explore-itc .explore-carousel.positioning { height: 100%; align-content: center; } .explore-itc .explore-carousel .card { border: none; border-radius: 0; border-bottom: solid 10px var(--clr-primary); } @media(min-width:992px) { .explore-itc .explore-carousel.positioning { margin-left: -45px; } } @media(min-width: 1400px) { .explore-itc .info { padding: 7rem 4rem 7rem 0; } } .feature-items .card-body a:not(.btn) { display: block; text-align: center; } /* Feature Link */ .feature-link { position: relative; display: block; } .feature-link .image { height: 200px; object-fit: cover; width: 100%; } .feature-link .content { position: absolute; left: 0; right: 0; bottom: -5px; padding: 5px 10px; background-color: var(--clr-primary); color: var(--clr-ntrl-min); letter-spacing: -0.5px; font-family: var(--ff-secondary); font-size: 1.25rem; font-weight: 700; white-space: nowrap; border-radius: 0 0 6px 6px; } @media (min-width: 576px) { .feature-link .content { text-align: center; } } @media (min-width: 992px) { .feature-link .content { left: 50%; transform: translateX(-50%); bottom: -20px; right: auto; padding: 5px 25px; font-size: 1.75rem; } .feature-link .image { height: 250px; } } :root { /* Font Family */ --ff-base: 'Muli', sans-serif; --ff-secondary: 'Montserrat', sans-serif; } footer { background: var(--clr-primary); color: var(--clr-ntrl-min); padding: 30px 0; font-size: 0.875rem; text-align: center; background-image: url('/Content/images/background-pattern.png'); background-blend-mode: multiply; background-size: cover; } @media(max-width: 991.98px) { footer { margin-bottom: 55px; } } @media(min-width: 768px) { footer { text-align: left; } } /* Footer List */ footer li a { text-decoration: none; } footer li a:hover { text-decoration: underline; } footer .menu li { margin: 0 0 10px 0; } footer .menu li:last-child { margin: 0; } footer .menu li a { letter-spacing: -0.5px; font-family: var(--ff-secondary); color: var(--clr-ntrl-min); font-weight: 500; } /* Footer Logo */ footer .associated-ct { display: flex; justify-content: center; } footer .associated-logo { display: flex; flex-flow: column; align-items: center; text-align: center; } footer .associated-logo:not(:last-child) { margin-right: 15px; } footer .associated-logo .title { font-family: var(--ff-secondary); font-weight: 600; font-size: 11px; margin-bottom: 10px; } footer .associated-logo .logo { height: 30px; max-width: auto; } footer .associated-logo.alt .logo { height: 48px; } /*Footer Titles */ footer .ft-title { letter-spacing: -0.5px; font-family: var(--ff-secondary); font-size: 14.2px; text-transform: uppercase; display: block; font-weight: 700; margin-bottom: 10px; } /*Footer Column Border */ @media (max-width: 991.98px) { footer .menu-ct.border-col::before { display: none; } } /* Footer Contact Details */ footer .contact-details li { margin: 0 0 10px 0; } footer .contact-details li:last-child { margin-bottom: 0; } footer .contact-details li a { color: var(--clr-ntrl-min); } /* Sub Footer */ .sub-footer { border-top: solid 1px rgba(var(--clr-ntrl-min-rgb), 0.15); padding-top: 20px; margin-top: 15px; font-size: 10px; text-align: center; } .sub-footer a { color: var(--clr-ntrl-min); } /* Contact Footer */ .contact-footer { position: fixed; bottom: 0; background-color: var(--clr-secondary); right: 0; left: 0; padding: 10px 0; z-index: 99; } /* Form Group */ .form-group { margin-bottom: 1.25rem; } /* Form label */ .form-group label { margin-bottom: .25rem; } .form-group > label { font-weight: 600; } .form-floating > label { font-weight: 500; color: rgba(var(--clr-base-rgb), 0.7); } /* Form Control */ .form-control { border-color: var(--clr-base-ltn); } /* Form Select */ .form-select { border-color: var(--clr-base-ltn); color: var(--clr-base); } .form-floating > .form-select ~ label { opacity: 1; } /* Custom Checkboxes */ .form-check-input:checked { background-color: var(--clr-secondary); border-color: var(--clr-secondary); } /* Validation */ .input-validation-error { border-color: var(--clr-secondary) !important; } .field-validation-error { color: var(--clr-secondary); } .validation-summary-valid { display: none; } .validation-summary-errors > span { font-size: 1.5rem; margin-bottom: 10px; display: inline-block; font-weight: 600; } .validation-summary-errors ul { padding: 0px; margin: 0px; list-style-type: none; color: var(--clr-secondary); font-weight: bold; } .validation-summary-errors li { margin: 0px; } /* Dropdown Menu */ .dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item:hover { color: var(--clr-base); } .dropdown-menu { padding: .75rem; } .dropdown-menu li { margin: 0; } .dropdown-menu li a { padding: .75rem; } .dropdown-menu li a:hover { padding: .75rem; border-radius: 6px; text-decoration: none; background-color: var(--clr-base-lt); } .gallery-image .thumbnail { display: flex; overflow: hidden; align-items: center; height: 120px; } @media(min-width: 768px) { .gallery-image .thumbnail { height: 110px; } } @media(min-width: 1200px) { .gallery-image .thumbnail { height: 140px; } } @media(min-width: 1400px) { .gallery-image .thumbnail { height: 150px; } } .gallery-image .thumbnail img { object-fit: cover; object-position: top; height: 100%; width: 100%; } /* ITC 2025 Galleries */ .tuesday-networking-25 .gallery-items .gallery:nth-child(1) { display: none; } .tuesday-networking-activities-25 .gallery-items .gallery:nth-child(2) { display: none; } .tuesday-networking-cruise-25 .gallery-items .gallery:nth-child(3) { display: none; } .welcome-dinner-25 .gallery-items .gallery:nth-child(4) { display: none; } .welcome-photos-25 .gallery-items .gallery:nth-child(5) { display: none; } .meetings-networking-new-mobiles-25 .gallery-items .gallery:nth-child(6) { display: none; } .meetings-networking-used-lifecycle-25 .gallery-items .gallery:nth-child(7) { display: none; } .meetings-networking-new-ce-it-25 .gallery-items .gallery:nth-child(8) { display: none; } .meetings-networking-25 .gallery-items .gallery:nth-child(9) { display: none; } .networking-lounge-25 .gallery-items .gallery:nth-child(10) { display: none; } .networking-dinner-25 .gallery-items .gallery:nth-child(11) { display: none; } .industry-dinner-25 .gallery-items .gallery:nth-child(12) { display: none; } .late-night-networking-25 .gallery-items .gallery:nth-child(13) { display: none; } .networking-finale-25 .gallery-items .gallery:nth-child(14) { display: none; } .highlights-25 .gallery-items .gallery:nth-child(15) { display: none; } /* ITC 2024 Galleries */ .videos-24 .gallery-items .gallery:nth-child(1) { display: none; } .tuesday-networking-24 .gallery-items .gallery:nth-child(2) { display: none; } .welcome-dinner-24 .gallery-items .gallery:nth-child(3) { display: none; } .welcome-photos-24 .gallery-items .gallery:nth-child(4) { display: none; } .meetings-networking-new-mobiles-24 .gallery-items .gallery:nth-child(5) { display: none; } .meetings-networking-used-lifecycle-24 .gallery-items .gallery:nth-child(6) { display: none; } .meetings-networking-new-ce-it-24 .gallery-items .gallery:nth-child(7) { display: none; } .meetings-networking-24 .gallery-items .gallery:nth-child(8) { display: none; } .networking-lounge-24 .gallery-items .gallery:nth-child(9) { display: none; } .networking-dinner-24 .gallery-items .gallery:nth-child(10) { display: none; } .industry-dinner-24 .gallery-items .gallery:nth-child(11) { display: none; } .late-night-networking-24 .gallery-items .gallery:nth-child(12) { display: none; } .networking-finale-24 .gallery-items .gallery:nth-child(13) { display: none; } .snapshot-24 .gallery-items .gallery:nth-child(14) { display: none; } /* ITC 2023 Galleries */ .videos-23 .gallery-items .gallery:nth-child(1) { display: none; } .welcome-dinner-23 .gallery-items .gallery:nth-child(2) { display: none; } .wednesday-networking-23 .gallery-items .gallery:nth-child(3) { display: none; } .meetings-networking-23 .gallery-items .gallery:nth-child(4) { display: none; } .networking-lounge-23 .gallery-items .gallery:nth-child(5) { display: none; } .networking-dinner-23 .gallery-items .gallery:nth-child(6) { display: none; } .lnn-wednesday-23 .gallery-items .gallery:nth-child(7) { display: none; } .lnn-thursday-23 .gallery-items .gallery:nth-child(8) { display: none; } .industry-dinner-23 .gallery-items .gallery:nth-child(9) { display: none; } .networking-finale-23 .gallery-items .gallery:nth-child(10) { display: none; } /* ITC 2022 Galleries */ .videos-22 .gallery-items .gallery:nth-child(1) { display: none; } .networking-watersports-22 .gallery-items .gallery:nth-child(2) { display: none; } .pre-event-dinner-22 .gallery-items .gallery:nth-child(3) { display: none; } .meetings-networking-22 .gallery-items .gallery:nth-child(4) { display: none; } .networking-lounge-22 .gallery-items .gallery:nth-child(5) { display: none; } .networking-dinner-22 .gallery-items .gallery:nth-child(6) { display: none; } .lnn-thursday-22 .gallery-items .gallery:nth-child(7) { display: none; } .industry-dinner-22 .gallery-items .gallery:nth-child(8) { display: none; } .lnn-friday-22 .gallery-items .gallery:nth-child(9) { display: none; } .sky-beach-22 .gallery-items .gallery:nth-child(10) { display: none; } .photobooth-22 .gallery-items .gallery:nth-child(11) { display: none; } /* Video Article */ .video-article h3 { font-size: 1.8rem; font-weight: 700; } .video-ct:nth-child(odd) .video-article h3 { color: var(--clr-secondary); } /* Header */ header { margin-bottom: 30px; } header h1 { margin-bottom: 30px; } @media(min-width: 576px) { header h1 { margin-bottom: 10px; } } @media(min-width: 1200px) { header h1 { margin-bottom: 0px; } } /* Headings */ .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { letter-spacing: -0.5px; font-family: var(--ff-secondary); } .h1, h1 { font-size: 2rem; font-weight: 700; margin-bottom: 15px; color: var(--clr-primary); } .h2, h2 { font-size: 1.8rem; margin-bottom: 40px; font-weight: 700; color: var(--clr-secondary); line-height: 1.2; } .h3, h3 { font-size: 1.4rem; font-weight: 600; color: var(--clr-primary); } .h4, h4 { font-size: 1.25rem; color: #525252; font-weight: 500; margin-bottom: 20px; } .h5, h5 { font-weight: 400; } @media(min-width: 768px) { .h1, h1 { font-size: 3.25rem; } } @media(min-width: 768px) { .h2, h2 { font-size: 2.8rem; } } /* Carousel Button */ /*Homepage Carousel */ .lg-carousel { height: auto; } @media(min-width: 768px) { .lg-carousel { max-height: 100%; } } @media(min-width: 768px) { .lg-carousel .content-block { padding: 80px 0; } } .feature-video { overflow: hidden; position: relative; } .feature-video .video-container { width: 100vw; height: 100vh; max-height: 630px; display: flex; align-items: center; } @media(min-width: 768px) { .feature-video .video-container { max-height: 700px; } } .feature-video .video-container.w-overlay::after { position: absolute; background-color: rgba(0,0,0,0.6); content: ''; height: 100%; width: 100%; z-index: 0; top: 0; } .feature-video iframe, .feature-video video { position: absolute; top: 20%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -20%); pointer-events: none; } .feature-video .content-block { color: #FFFFFF; text-align: center; padding: 0 20px; z-index: 1; position: relative; } /*@media(min-width: 992px) { .feature-video .content-block { left: 50%; transform: translate(-50%, -50%); padding: 0; } }*/ .feature-video .content-block h2 { color: var(--clr-secondary); font-size: 1.5rem; } .feature-video .content-block h1 { margin-bottom: 10px; color: var(--clr-ntrl-min); text-transform: uppercase; font-weight: 700; line-height: 1em; } @media(min-width: 768px) { .feature-video .content-block h1 { font-size: 3.5rem; } } @media (min-aspect-ratio: 16/9) { .feature-video .video-container iframe, .feature-video video { height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { .feature-video .video-container iframe, .feature-video video { width: 177.78vh; } } .feature-video .content-block p { font-weight: 600; } .feature-video .countdown { background-color: transparent; color: var(--clr-ntrl-min); font-family: var(--ff-secondary); padding: 0; margin: 2.5rem 0; } /* Logo */ .feature-video .logo { width: 400px; max-width: 100%; margin-bottom: 30px; } /* Trading Sectors */ .feature-video .trading-sectors-ct { font-size: 1.222rem; margin-bottom: 25px; display: inline-block; letter-spacing: -0.5px; font-family: var(--ff-secondary); text-transform: uppercase; margin-top: 20px; color: var(--clr-secondary); font-weight: 700; } .feature-video .trading-sectors-ct .sector:not(:last-child) { position: relative; } .feature-video .trading-sectors-ct .sector { display: block; } /* Alternative Video Look */ .feature-video.alt .video-container::after { content: unset; } .feature-video.alt .video-container { align-items: flex-end; } .feature-video.alt .content-block h1, .feature-video.alt .content-block h2 { text-shadow: 2px 2px 5px #000; } @media(min-width: 768px) { .feature-video .trading-sectors-ct { font-size: 1.389rem; } .feature-video .trading-sectors-ct .sector:not(:last-of-type) { padding-right: 20px; margin-right: 20px; position: relative; } .feature-video .trading-sectors-ct .sector:not(:last-of-type)::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f111'; position: absolute; font-family: 'Font Awesome 6 Pro'; font-size: 7px; right: -3%; top: 10px; color: #FFF; } .feature-video .trading-sectors-ct .sector { display: inline-block; } } /* Fixes issue with images in IE11 not rendering correctly */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .img-fluid { flex: 0 0 auto !important; } } .info-grid .first { margin-left: -150px; } .info-grid .last { margin-right: -150px; } .info-grid .content-box { display: flex; flex-direction: column; justify-content: center; padding: 3.5rem 2rem; background-color: var(--clr-secondary); color: var(--clr-ntrl-min); text-align: center; height: 100%; } .info-grid .content-box.ft { background-color: var(--clr-primary); } .info-grid .content-box h3 { color: var(--clr-ntrl-min); text-transform: uppercase; margin-bottom: 20px; font-weight: 700; } .info-grid .grid-img { object-fit: cover; height: 100%; } .join-us-steps { text-align: center; background-color: rgba(var(--clr-secondary-rgb), 0.1); } .join-us-steps .icons-ct { display: none; align-items: center; position: absolute; margin-top: 15px; color: var(--clr-base-ltr); } .join-us-steps .icons-ct .fa-solid.fa-circle { font-size: .75rem; margin-right: 10px; } .join-us-steps .icons-ct .fa-chevron-right:nth-child(2n) { margin-right: 10px; } .join-us-steps h2 { color: var(--clr-base); } .join-us-steps h3 { color: var(--clr-base); } .join-us-steps .step-item .fa-circle { color: var(--clr-secondary); } .join-us-steps .step-item h3 { color: var(--clr-secondary); font-weight: 500; } .join-us-steps .step-item .stack-custom { color: var(--clr-ntrl-min); opacity: 1; left: 0; position: absolute; text-align: center; width: 100%; } @media(min-width: 992px) { .join-us-steps .icons-ct { display: flex; right: -37%; } } @media(min-width: 1200px) { .join-us-steps .icons-ct { right: -31%; } } @media(min-width: 1400px) { .join-us-steps .icons-ct { right: -25%; } } @media(min-width: 992px) { .key-features { padding: 0 50px; } } .key-features h4 { color: var(--clr-primary); } /* Standard Li */ ul li { margin: 10px 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 50px; } /*.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }*/ .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 20px; } /*.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }*/ .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } #mailingList { background-color: var(--clr-secondary); padding: 15px 0; color: var(--clr-ntrl-min); font-weight: 700; font-size: 0.875rem; } #mailingList .strapline { text-transform: uppercase; letter-spacing: 2px; font-family: var(--ff-secondary); } #mailingList input::placeholder { color: var(--clr-ntrl-min); } #mailingList input, #mailingList .btn { color: var(--clr-ntrl-min); background: rgba(var(--clr-ntrl-max-rgb), 0.1); border: solid 1px rgba(var(--clr-ntrl-min-rgb), 0.4); } #mailingList input { border-right: none; } #mailingList .btn { border-width: 1px; border-left: none; margin-left: 0px; padding: .6rem 1rem; } #mailingList .btn:hover i { opacity: 0.5; } #mailingList label { color: var(--clr-ntrl-min); } /* Mailing List Result */ #mailingListFormResult { text-align: center; } #mailingListFormResult h3 { color: var(--clr-ntrl-min); margin-bottom: 5px; } /* Media border */ .media-centre .media-border { border-bottom: solid 1px #DDDDDD; padding-bottom: 40px; margin-bottom: 50px; } /* Media centre download */ .media-centre .download, .media-centre .download a { color: var(--clr-primary); } /* Heading */ .media-centre .heading { margin-top: 0; } /* Download List */ .media-centre .download-container ul:not(:first-child) { margin-top: 30px; } /* Preview Image */ .media-centre .download-container .preview-ct .preview { max-height: 70px; } @media(min-width: 576px) { /* Preview Image */ .media-centre .download-container .preview-ct { height: 100px; } .media-centre .download-container .preview-ct .preview { max-height: 100px; } } /* Modal Header */ .modal-header { background: var(--clr-secondary); padding: 1.25rem 1.5rem; align-items: center; } .modal-header .modal-title { color: var(--clr-ntrl-min); } .modal-header .close { color: var(--clr-ntrl-min); } /* Moodal Body */ .modal-body { padding: 1.5rem; } /* Video Modal */ .modal.video .modal-body { padding: 0; } .modal.video .btn-close { position: absolute; right: -30px; top: 0; filter: invert(1); opacity: 1; } /* Nav Tab Container */ .nav-tabs { border-bottom-color: #DEDEDE; } /* Nav Tab Item */ .nav-tabs .nav-item { margin: 0; } /* Nav Tab Links */ .nav-tabs .nav-link { color: inherit; } .nav-tabs .nav-link.active { background: none; border: none; color: var(--clr-secondary); border-bottom: solid 2px #FF8213; } /* Tab Content */ .tab-content .collapse-item:first-of-type { border-top: none; } .tab-content h3 { background: var(--clr-primary); padding: 10px; color: var(--clr-ntrl-min); } .navbar { font-family: var(--ff-secondary); background-color: var(--clr-primary); padding: 10px 0; color: var(--clr-ntrl-min); position: sticky; top: 0; z-index: 999; background-image: url('/Content/images/background-pattern.png'); background-blend-mode: multiply; background-position: center; } /* Navbar Logos */ .navbar .logo-ct { display: inline-block; text-decoration: none; } .navbar .logo { max-height: 37px; } @media(min-width: 576px) { .navbar .logo { max-height: 40px; } } @media (min-width: 992px) { .navbar { padding: 15px 0; } } @media (min-width: 1200px) { .navbar .logo { max-height: 45px; } } /* Associated Logo */ .navbar .associated-ct { display: flex; align-items: center; } .navbar .associated-logo { display: flex; flex-flow: column; align-items: center; text-align: center; } .navbar .associated-logo .title { font-family: var(--ff-secondary); font-weight: 600; font-size: 9px; margin-bottom: 3px; } .navbar .associated-logo .logo { height: 20px; max-width: auto; } /* Date */ .navbar .event-info .date-ct { display: flex; flex-direction: column; } .navbar .event-info .date-ct .info { line-height: 1; } .navbar .event-info .date-ct .arrive-depart { font-size: 11px; font-weight: 600; } /* Navbar Togger */ .navbar .navbar-toggler { border: none; color: var(--clr-ntrl-min); padding: 0; } .navbar .navbar-toggler .toggler-icon { color: var(--clr-ntrl-min); font-size: 2rem; } @media (max-width: 575.98px) { .navbar .navbar-toggler .toggler-icon { font-size: 1.5rem; } } @media(max-width: 575.98px) { .navbar .event-info.top-header { flex-direction: column; font-size: .85rem; } } /* Navbar Offcanvas */ .navbar #offcanvasNavbar { min-height: 100%; background-color: var(--clr-primary); color: var(--clr-ntrl-min); } .navbar .offcanvas-header .btn-close { background: none; color: var(--clr-ntrl-min); opacity: 1; font-size: 2rem; } .navbar #offcanvasNavbar ul li .title { font-weight: 600; color: var(--clr-ntrl-min); text-decoration: none; font-size: 1.2rem; padding-bottom: 20px; display: inline-block; position: relative; } .navbar #offcanvasNavbar ul li .title:after { content: ''; position: absolute; border-bottom: solid 2px rgba(var(--clr-ntrl-min-rgb), 0.5); bottom: 0; left: 0; width: 45px; } .navbar #offcanvasNavbar ul li .title.active { color: var(--clr-secondary); } .navbar #offcanvasNavbar ul li { font-size: 0.889rem; } .navbar #offcanvasNavbar ul li a { } /* Event Intro */ .navbar #offcanvasNavbar .event-intro .content { font-size: 0.889rem; } /* Event Highlight */ .navbar #offcanvasNavbar .event-highlight { color: var(--clr-ntrl-min); background-color: rgba(var(--clr-ntrl-min-rgb), 0.1); border: none; } @media(min-width: 576px) and (max-width: 1399.98px) { .navbar #offcanvasNavbar .event-highlight { flex-direction: row; } } .navbar #offcanvasNavbar .event-highlight .card-body { padding: .75rem; font-size: 0.889rem; } .navbar #offcanvasNavbar .event-highlight h5 { font-weight: 600; } .navbar #offcanvasNavbar .event-highlight img { object-fit: cover; height: 100%; } /* Nav Actions */ @media(min-width: 992px) and (max-width: 1199.98px) { .navbar .nav-actions .btn:not(.btn-sm):not(.btn-link) { padding: .6rem 1rem; } } @media(min-width: 1200px) and (max-width: 1399.98px) { .navbar .offcanvas .nav-actions .btn-sm:not(.btn-link) { padding: .3rem 0.4rem; } } /* Offcanvas */ @media(max-width: 767.98px) { .navbar .offcanvas-body .event-info .date { display: block; } } @media(min-width: 992px) and (max-width: 1199.98px) { .navbar .offcanvas-body .event-info .date { display: block; } } @media(min-width: 1400px) { /* Event Highlight */ .navbar #offcanvasNavbar .event-highlight { flex-direction: column; } } .plane-icon { font-size: 24px; /* Replace with plane image if necessary */ position: absolute; top: 10px; } .landing { animation: planeLanding 2s ease-in-out infinite; } .taking-off { animation: planeTakeOff 2s ease-in-out infinite; } .plane-animation { position: relative; margin-top: 10px; } .date-before, .date-after { font-size: 18px; } /* Landing Animation */ @keyframes planeLanding { 0% { left: -100px; opacity: 0; } 50% { left: 0; opacity: 1; } 100% { left: 0; opacity: 1; } } /* Take Off Animation */ @keyframes planeTakeOff { 0% { right: 0; opacity: 1; } 50% { right: 0; opacity: 1; } 100% { right: -100px; opacity: 0; } } /* Overlay Item */ .overlay-item { position: relative; margin-bottom: 50px; display: block; } /* overlay */ .overlay { background: linear-gradient(to right, rgba(0,0,0,0.7) 25%,rgba(0,0,0,0.1) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } /* Lead Item */ .overlay-item .lead { line-height: 1.2; } .overlay-item .content { z-index: 4; background-color: var(--clr-ntrl-min); color: var(--clr-base); position: absolute; left: 3%; right: 3%; top: auto; bottom: -40px; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; } .overlay-item i.fa-regular { margin-right: 0; margin-left: 15px; color: var(--clr-primary); } .overlay-item:hover i.fa-regular { color: var(--clr-secondary); } .overlay-item .content h3 { font-weight: 600; font-size: 1.2rem; } .overlay-item:hover .content h3 { color: var(--clr-secondary); } .overlay-item .content h4 { font-weight: 400; margin: 0; font-size: .85rem; } .overlay-item:hover .content h5 { color: var(--clr-ntrl-min); } .overlay-item .content h5 { margin-bottom: 0; font-size: 1rem; } /* Book Your Room bg */ .overlay-item .book-room { background: linear-gradient(to bottom, rgba(170,165,145,1) 30%,rgba(170,165,145,0.2) 100%); } /* Past Events */ .overlay-item.past-events.feature .content { background-color: var(--clr-secondary); left: 5%; right: 5%; padding: 15px 20px; } @media(min-width: 768px) { .overlay-item.past-events.feature .content { left: 50%; right: auto; transform: translateX(-50%); padding: 15px 40px; } } .overlay-item.past-events.feature .content:hover { background-color: var(--clr-primary); } .overlay-item.past-events.feature .content h3 { color: var(--clr-ntrl-min); font-size: 2rem; } .overlay-item.past-events.feature i.fa-regular { color: var(--clr-ntrl-min); } .overlay-item.past-events h2 { color: var(--clr-secondary); font-size: 1.75rem; line-height: 1em; margin-bottom: 10px !important; } .picture-feature { position: relative; } .picture-feature .sq-block { background: var(--clr-secondary); position: absolute; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF; bottom: 40px; right: -80px; width: 130px; word-wrap: break-word; text-align: center; line-height: 1.1em; border-radius: 6px; text-decoration: none; transition: all .6s; } .picture-feature .sq-block .content { font-weight: 600; display: block; } .picture-feature .sq-block:hover { background: var(--clr-secondary-lt); } .comparison-table colgroup:nth-child(1) { width: 28%; border: 0 none; } .comparison-table colgroup:nth-child(2) { width: 18%; border: 1px solid #E2E2E2; } .comparison-table colgroup:nth-child(3) { width: 18%; border: 1px solid #E2E2E2; } .comparison-table colgroup:nth-child(4) { width: 18%; border: 1px solid #E2E2E2; } .comparison-table colgroup:nth-child(5) { width: 18%; border: 1px solid #E2E2E2; } /* Tablehead */ .comparison-table thead th { text-align: center; position: relative; border-bottom: 1px solid #E2E2E2; padding: 2rem 1rem; } .comparison-table thead th:nth-child(1) { background: transparent; } /* Price */ .comparison-table thead th .price { letter-spacing: -.5px; font-family: 'Montserrat',sans-serif; font-size: 2rem; color: var(--clr-secondary); font-weight: 600; } /* Tablebody */ .comparison-table tbody th { border-left: 1px solid #E2E2E2; padding: 1rem; } .comparison-table tbody th span { font-weight: normal; font-size: 87.5%; color: #999; display: block; } .comparison-table tbody td { text-align: center; } .comparison-table tbody tr:nth-child(even) th, .comparison-table tbody tr:nth-child(even) td { background: #F2F2F2; border: 1px solid #E2E2E2; border-width: 1px 0 1px 1px; } .comparison-table tbody tr:last-child td { border-bottom: 0 none; } /* Icons */ .comparison-table tbody td .fa-check { color: #17BB99; } .comparison-table tbody td .fa-times { color: #C41132; } /* Tablefooter */ .comparison-table tfoot th { padding: 2rem 1rem; border-top: 1px solid #E2E2E2; } .comparison-table tfoot td { text-align: center; padding: 2em 1em; border-top: 1px solid #E2E2E2; } .price-ct { position: absolute; right: 10px; top: 10px; border-radius: 50%; background-color: var(--clr-primary); color: var(--clr-ntrl-min); width: 80px; height: 80px; font-size: 1.6rem; letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 600; text-align: center; justify-content: center; display: flex; flex-direction: column; z-index: 1; line-height: 0.5em; } .price-ct .currency { font-size: .85rem; vertical-align: super; margin-right: 2px; } .price-ct .amount { font-size: .85rem; } .modal-header .price { font-weight: 700; } .price-ct .each { font-size: .85rem; display: block; margin-top: 3px; } .feature-quote-ct { background-color: rgba(var(--clr-primary-rgb), 0.05); } .feature-quote { position: relative; letter-spacing: -0.5px; font-family: var(--ff-secondary); font-size: 1.75rem; line-height: 1.1; display: inline-block; font-weight: 600; color: var(--clr-primary); text-align: center; } @media(min-width: 768px) { .feature-quote { font-size: 2.2rem; } } .feature-quote .icon { position: absolute; top: -60px; left: -30px; color: var(--clr-base); font-size: 16rem; z-index: 0; opacity: 0.1; } @media(min-width: 992px) { .feature-quote .icon { top: -110px; left: -50px; } } @media(max-width: 991.98px) { .feature-quote-ct .content { text-align: center; } } .feature-quote-ct .content h3 { color: var(--clr-base); margin-bottom: 25px; } .register-form-blocks { margin-bottom: 50px; } .register-form-blocks .answer { text-align: center; background-color: var(--clr-base-ltn); border: none; text-decoration: none; color: var(--clr-base); } .register-form-blocks .answer.active { background-color: rgba(var(--clr-secondary-rgb), 0.1); } .register-form-blocks .answer.disabled { opacity: 0.55 } .register-form-blocks .answer .value { letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 600; font-size: 3.5rem; display: block; line-height: 1; margin-top: 15px; text-transform: uppercase; } .register-form-blocks .answer.active .value { color: var(--clr-secondary); } .register-form-panel .form-panel h2 { margin-bottom: 30px; text-align: center; } /* Register Steps */ #registerSteps #progressbar { margin-bottom: 50px; overflow: hidden; color: var(--clr-base); text-align: center; padding-left: 0; } /*#registerSteps #progressbar .active { color: var(--clr-secondary); } */ #registerSteps #progressbar li { list-style-type: none; font-size: 12px; width: 25%; float: left; position: relative; text-transform: uppercase; letter-spacing: 1px; } /*Icons in the ProgressBar*/ #registerSteps #progressbar #companyDetaails:before { font-family: 'Font Awesome 6 Pro Solid'; content: "\f1ad"; } #registerSteps #progressbar #contactDetails:before { font-family: 'Font Awesome 6 Pro Solid'; content: "\f007"; } #registerSteps #progressbar #yourCompany:before { font-family: 'Font Awesome 6 Pro Solid'; content: "\f15c"; } #registerSteps #progressbar #terms:before { font-family: 'Font Awesome 6 Pro Solid'; content: "\f2f7"; } /*ProgressBar before any progress*/ #registerSteps #progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 18px; color: var(--clr-ntrl-min); background: var(--clr-base-ltn); border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; position: relative; z-index: 1; } /*ProgressBar connectors*/ #registerSteps #progressbar li:after { content: ''; width: 100%; height: 2px; background: var(--clr-base-ltn); position: absolute; left: 0; top: 25px; z-index: 0; } /*Color number of the step and the connector before it*/ #registerSteps #progressbar li.active:before, #registerSteps #progressbar li.active:after { background: var(--clr-secondary); } /* Slick Dots */ .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dots { bottom: -30px; } .slick-dots li button::before { font-size: 12px; opacity: 0.5; color: var(--clr-base-ltn); } .slick-dots li.slick-active button:before { color: var(--clr-base-ltr); } /* */ .slick-hide-default { display: none; } .slick-initialized { display: block; } .slick-prev { left: -50px; } /* Event Carousel */ .js-itc-events .card { display: flex !important; align-items: center; height: 100%; } .js-itc-events .slick-slide { margin: 0 15px; } .js-itc-events .slick-list { padding: 0 15% 0 0 !important; } .js-itc-events .slick-next::before, .js-itc-events .slick-prev::before { color: var(--clr-primary); font-size: 45px; } /* Equalise Heights */ .slick-track { display: flex !important; } .slick-slide { height: inherit !important; } .slick-slide > div { height: 100%; } /* Custom Controls */ .slick-prev.custom, .slick-prev.custom::before, .slick-next.custom, .slick-next.custom::before { all: unset; cursor: pointer; } .social-icons .list-inline-item:not(:last-child) { margin-right: .75rem; } .social-icons li { margin-top: 0; margin-bottom: 0 !important; } .social-icons a { color: var(--clr-ntrl-min); font-size: 1.25rem; } .social-icons a i { margin-right: 0; } /* Content */ .event-opportunities .content { flex-grow: 1; } .event-opportunities .content > a { display: inline-block; } /* Sold Out */ .event-opportunities .sold-out-ct .image-ct .img, .event-opportunities .sold-out-ct .content { opacity: 0.5 } .event-opportunities .sold-out-ct .logo-btn-ct { opacity: 1; } .event-opportunities .status { position: absolute; right: 0; bottom: 0; left: 0; color: var(--clr-ntrl-min); font-weight: 700; text-transform: uppercase; padding: 0.25rem .75rem; z-index: 1; text-align: center; font-size: 1.2rem; } .event-opportunities .status.sold-out { background-color: var(--clr-secondary); } .event-opportunities .sold-out.extend { right: -28px; left: -28px; } /* Available */ .event-opportunities .status.available { background-color: var(--clr-primary); } .event-opportunities .status.available .shared { font-size: .85rem; display: block; } /* Reserved */ .event-opportunities .status.reserved { background-color: var(--clr-primary); } .event-opportunities .card .card-body { display: flex; flex-direction: column; } .event-opportunities .card .image-ct { position: relative; } .event-opportunities .card h3 { color: var(--clr-base); } .event-opportunities .card .sponsor-time li { margin: 0; } .event-opportunities .card .logo-btn-ct { display: flex; flex-direction: column; justify-content: space-between; margin-top: 1.5rem; } .event-opportunities .card .logo-btn-ct a { flex-grow: 1; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 1rem; } @media(min-width: 576px) { .event-opportunities .card .logo-btn-ct { align-items: center; flex-direction: row; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 0; margin-right: 1rem; } } @media(min-width: 768px) { .event-opportunities .card .logo-btn-ct { align-items: inherit; flex-direction: column; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 1rem; margin-right: 0; } } @media(min-width: 992px) { .event-opportunities .card .logo-btn-ct { align-items: center; flex-direction: row; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 0; margin-right: 1rem; } } @media(min-width: 1200px) { .event-opportunities .card .logo-btn-ct { align-items: inherit; flex-direction: column; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 1rem; margin-right: 0; } } @media(min-width: 1400px) { .event-opportunities .card .logo-btn-ct { margin-bottom: 1rem; } } @media(min-width: 1500px) { .event-opportunities .card .logo-btn-ct { align-items: center; flex-direction: row; margin-bottom: 0; } .event-opportunities .card .logo-btn-ct .view-package { margin-bottom: 0; margin-right: 1rem; } } .event-opportunities .card .sponsor-secure-logo { align-self: flex-start; max-width: 130px; max-height: 80px; align-self: center; } @media(min-width: 768px) and (max-width: 992px) { .event-opportunities .card .sponsor-secure-logo { max-width: 110px; } } @media(min-width: 1500px) { .event-opportunities .card .sponsor-secure-logo { margin-bottom: 0 !important; } } /* Sponsored By */ .event-opportunities .logo-btn-ct.sponsored-by-ct { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: .875em; flex-direction: row; } .event-opportunities .logo-btn-ct.sponsored-by-ct .text { margin-right: 10px; } /* Sponsorship Collapse tabs */ .sponsor-content .collapse-item { padding: 20px 0; } .sponsor-content .collapse-item .collapse-title { display: flex; justify-content: space-between; align-items: center } /* Sponsorship available */ .sponsorship-ava { background: var(--clr-secondary); color: var(--clr-ntrl-min); padding: 0.2rem 1rem; font-weight: 600; z-index: 1; font-size: 0.8rem; } @media(min-width: 576px) { .sponsorship-ava { font-size: 1rem; } } /* Sponsor Logos */ .sponsor-exhibitor-logos a { display: flex !important; align-items: center; height: 100%; } .sponsor-exhibitor-logos img { max-width: 250px; max-height: 71px; } .sponsor-exhibitor-logos .slick-slide { margin: 0 40px; } .sponsor-logo { max-width: 162px; max-height: 100px; } .sponsor-exhibitor-logos .slick-track { display: flex; align-items: center; } /* Sponsor Logos */ .sponsor-logos a { display: inline-block; min-width: 120px; max-width: 300px; padding: 0px 10px; } /* Stats Blocks */ .stat-blocks .stat { background-color: var(--clr-primary); border: none; color: var(--clr-ntrl-min); text-align: center; } .stat-blocks:not(.alt) .stat .card-body { padding: 1.5rem; } .stat-blocks .stat .icon { display: none; } .stat-blocks .stat .value { letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 600; font-size: 3.3rem; display: block; color: var(--clr-ntrl-min); line-height: 0.8; margin-bottom: 8px; } .stat-blocks .stat .value .day { font-size: 1.5rem; margin-left: 5px; } .stat-blocks .stat .content { display: inline-block; line-height: 1.2; } /* Alternative Look */ .stat-blocks.alt .stat { text-align: center; background-color: rgba(var(--clr-secondary-rgb), 0.1); color: var(--clr-base); } .stat-blocks.alt .stat h3 { color: var(--clr-secondary); } .stat-blocks.alt .stat .value { color: var(--clr-secondary); line-height: 1; margin-top: 15px; } .stat-blocks.position { padding-top: 40px; } @media (min-width: 576px) { .stat-blocks .stat { text-align: left; } .stat-blocks.position { padding-top: 0; margin-top: -65px; } .stat-blocks .stat .icon { display: inline-block; } } /* Swiper Arrows Container */ .swiper-button-next, .swiper-button-prev { background: var(--clr-primary); color: var(--clr-ntrl-min); border-radius: 50%; width: 30px; height: 30px; font-weight: 600; } /* Swiper Arrows */ .swiper-button-next::after, .swiper-button-prev::after { font-size: 18px; } .table { color: inherit; border-color: var(--clr-base-ltn); } .table > :not(caption) > * > * { padding: 1rem; } table td, .table th { padding: 1rem; border-color: var(--clr-base-ltn); } .table thead th { font-family: var(--ff-secondary); font-weight: 600; border-bottom: none; } /* Primary Table */ .table .table-primary-rgb { background-color: rgba(var(--clr-primary-rgb), 0.05); } .table .table-primary-rgb th { color: var(--clr-primary); } /* Secondary Table */ .table .table-secondary-rgb { background-color: rgba(var(--clr-secondary-rgb), 0.1); } .table .table-secondary-rgb th { color: var(--clr-secondary); } /* Testimonial container */ .testimonial-ct { position: relative; color: var(--clr-ntrl-min); background-size: cover; background-position: center; } /* Testimonial heading */ .testimonial-ct h2 { color: var(--clr-ntrl-min); margin-bottom: 30px; } /* Testimonial overlay */ .testimonial-ct .overlay { background: rgba(0,127,189,0.85); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } /* Testimonial Name */ .testimonial-ct .name { font-weight: 600; } /* What Delegates Say */ .what-delegates-say { background-color: rgba(var(--clr-primary-rgb), 0.05); } .what-delegates-say h2 { color: var(--clr-primary); } .what-delegates-say .testimonial-grid-item { position: relative; align-content: center; align-self: center; display: inline-flex; height: 100%; } .what-delegates-say .testimonial-grid-item .content { align-self: center; padding: 15px; } @media (min-width: 576px) { .what-delegates-say .testimonial-grid-item .content { padding: 15px 0; } } @media (min-width: 1200px) { .what-delegates-say .testimonial-grid-item .content { padding: 30px; } } .what-delegates-say .testimonial-grid-item .quote { letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 500; line-height: 1.3; margin-bottom: 15px; } .what-delegates-say .testimonial-grid-item .name { color: var(--clr-primary); line-height: 1.1; } .what-delegates-say .testimonial-grid-item .company { color: var(--clr-base); font-size: 0.778rem; } .what-delegates-say .testimonial-grid-image { position: relative; height: 100%; } .what-delegates-say .testimonial-grid-image .image { object-fit: cover; height: 100%; } .what-delegates-say .testimonial-grid-image .arrow { content: ''; position: absolute; width: 0; height: 0; top: 50%; transform: translateY(-50%); } /*@media(max-width: 575.98px) { .what-delegates-say .testimonial-grid-image .arrow { bottom: 0; left: 50%; transform: translateX(-50%); border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #F2F8FC; } }*/ @media(min-width: 1200px) { .what-delegates-say .testimonial-grid-ct:nth-child(1) .testimonial-grid-image .arrow, .what-delegates-say .testimonial-grid-ct:nth-child(2) .testimonial-grid-image .arrow { left: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #F2F8FC; } } @media(min-width: 1200px) { .what-delegates-say.alt .testimonial-grid-ct:nth-child(1) .testimonial-grid-image .arrow, .what-delegates-say.alt .testimonial-grid-ct:nth-child(2) .testimonial-grid-image .arrow { border-left-color: var(--clr-ntrl-min); } } @media(min-width: 1200px) { .what-delegates-say .testimonial-grid-ct:nth-child(3) .arrow, .what-delegates-say .testimonial-grid-ct:nth-child(4) .arrow { right: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #F2F8FC; } } @media(min-width: 1200px) { .what-delegates-say.alt .testimonial-grid-ct:nth-child(3) .arrow, .what-delegates-say.alt .testimonial-grid-ct:nth-child(4) .arrow { border-right-color: var(--clr-ntrl-min); } } @media (max-width: 1199.98px) { .what-delegates-say .testimonial-grid-ct { margin-bottom: 20px; } } @media (min-width: 576px) and (max-width: 767.98px) { .what-delegates-say .testimonial-grid-ct:not(:last-child) { border-bottom: solid 1px var(--clr-base-ltn); padding-bottom: 20px; } } /* Overlay Item */ .team-overlay-item { position: relative; height: 420px; display: block; overflow: hidden; } /* Overlay Content */ .team-overlay-item .content { visibility: hidden; pointer-events: none; position: absolute; bottom: 0; left: 0; top: 0; right: 0; z-index: 99; color: var(--clr-ntrl-min); -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .team-overlay-item .content .content-position { position: absolute; bottom: 0; padding: 30px; } .team-overlay-item .content h2 { color: var(--clr-ntrl-min); margin-bottom: 0; } .team-overlay-item .content p { margin-bottom: 30px; } .team-overlay-item:hover .content { visibility: visible; display: block; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media(max-width: 991.98px) { .team-overlay-item .content p, .team-overlay-item .content span { font-size: 1rem; } } /* Portfolio background */ .team-overlay-item .img { z-index: 1; background-position: 50%; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; } .team-overlay-item:hover .img { transform: scale(1.05); filter: grayscale(50%); } .team-overlay-item .name { z-index: 4; color: var(--clr-ntrl-min); position: absolute; left: 30px; right: 30px; text-align: center; top: calc(50% - 39px); } .team-overlay-item:hover .name { display: none; } .team-overlay-item .name h2 { color: var(--clr-ntrl-min); } .team-overlay-item .name span { font-size: 1rem; } .team-member { margin-bottom: 30px; } /*.team-member:last-of-type { margin-bottom: 0; }*/ /* Team header */ .team-member .team-header { margin-bottom: 20px; } .team-member .team-header h2 { color: var(--clr-primary); margin-bottom: 0; } .team-member .team-header h5 { font-weight: 600; } /* Team Image */ @media (max-width: 767.98px) { .contact-panel { text-align: center; } .contact-panel .fa-ul { margin-left: 0; } .contact-panel .fa-li { position: relative; left: auto; margin-right: 10px; } .contact-panel .team-member .team-img { margin: 0 auto; } } .contact-panel .team-member a { color: var(--clr-base); text-decoration: none; } .contact-panel .team-member li i { color: var(--clr-primary); } .contact-panel .team-member .team-img { width: 180px; height: 180px; } .contact-panel .team-member .team-img img { border-radius: 50%; object-fit: cover; height: 180px; } .contact-panel .team-member .team-img.no-avatar { background: var(--clr-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .contact-panel .team-member .team-img.no-avatar img { width: 130px; height: auto; border-radius: 0; } .pricing-ct { text-align: center; } /* Pricing Cards */ .pricing-ct .price-card { font-family: 'Montserrat',sans-serif; color: var(--clr-ntrl-min); } .pricing-ct .price-card .card-header { border-bottom: none; } .pricing-ct h2 { color: var(--clr-base); margin: 0; } .pricing-ct .notice { color: var(--clr-secondary); font-weight: 600; } .pricing-ct .price-card .saving { background-color: var(--clr-ntrl-min); color: var(--clr-base); font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; text-transform: uppercase; } .pricing-ct .returning-members .price-card .saving { color: var(--clr-secondary); } .pricing-ct .new-members .price-card .saving { color: var(--clr-primary); } .pricing-ct .price-card .saving .save { display: block; line-height: .75em; } .pricing-ct .price-card .saving .price { font-size: 2.5rem; } .pricing-ct .price-card .saving .currency { font-size: 1.25rem; } .pricing-ct .price-card .was-price { font-size: 1.3rem; font-weight: 600; display: block; text-decoration: line-through; } .pricing-ct .price-card .price { font-size: 2.25rem; font-weight: 700; display: block; line-height: 1; } @media (min-width: 576px) { .pricing-ct .price-card .price { font-size: 3.5rem; } } .pricing-ct .price-card .currency { font-size: 1rem; vertical-align: super; } @media (min-width: 576px) { .pricing-ct .price-card .currency { font-size: 1.5rem; } } .pricing-ct .price-card .event-duration { font-size: 1rem; font-weight: 600; display: block; text-transform: uppercase; } /* Returning Member Pricing */ .pricing-ct .returning-members h3 { color: var(--clr-secondary); } .pricing-ct .returning-members .price-card.four-day { background-color: var(--clr-secondary); border-color: var(--clr-secondary); } /* New Mmeber Pricing */ .pricing-ct .new-members .price-card.three-day { border-color: var(--clr-primary); } .pricing-ct .new-members .price-card.four-day { background-color: var(--clr-primary); border-color: var(--clr-primary); } .trading-sectors { text-align: center; } @media (min-width: 576px) and (max-width: 991.98px) { .trading-sectors { text-align: left; } } .trading-sectors .card { color: var(--clr-ntrl-min); border-radius: 2.25rem; border-color: transparent; } .trading-sectors .card h4 { color: var(--clr-trading-primary); font-weight: 600; font-size: 1.6rem; } .trading-sectors .fa-circle { color: rgba(var(--clr-ntrl-min-rgb), 0.2) } .trading-sectors .fa-inverse { color: var(--clr-trading-primary); } .trading-sectors .new-used { background-color: var(--clr-trading-new-used); } .trading-sectors .electronics { background-color: var(--clr-trading-electronics); } .trading-sectors .it-hardware { background-color: var(--clr-trading-it-hardware); } @media (min-width: 576px) and (max-width: 991.98px) { .trading-sectors .icon { margin-right: 15px; } } .trade-show { border: solid 1px #E2E2E2; } .trade-show .logo-link { display: flex; align-items: center; height: 100%; } .trade-show i { color: var(--clr-primary); } .standout { letter-spacing: -0.5px; font-family: var(--ff-secondary); font-size: 1.5rem; font-weight: 600; } .mb-6 { margin-bottom: 4.5rem; } .mt-6 { margin-top: 4.5rem !important; } .ft-title { font-size: 1.5rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; font-family: var(--ff-secondary); } .ft-title.lg { font-size: 1.5rem; font-weight: 600; line-height: 1.1; } @media (min-width: 576px) { .ft-title.lg { font-size: 2rem; } } .title { font-size: 2rem; } @media (min-width: 1200px) { .h-xl-100 { height: 100%; } } .text-base { color: var(--clr-base); } .text-bg-primary { background-color: var(--clr-primary) !important; } .text-bg-secondary { background-color: var(--clr-secondary) !important; } .text-primary { color: var(--clr-primary) !important; } .text-secondary { color: var(--clr-secondary) !important; } .text-bg-ntrl-min { background-color: var(--clr-ntrl-min); color: var(--clr-base); } /* BG Colours */ .bg-primary { background-color: var(--clr-primary) !important; } .bg-secondary { background-color: var(--clr-secondary) !important; } .bg-ntrl { background-color: var(--clr-ntrl-min) !important; } /* Opacity */ .op-5 { opacity: 0.5; } .subtext { font-family: var(--ff-base); color: var(--clr-base); font-weight: 500; letter-spacing: normal; } /* Whats Included Sections */ #whatsIncluded section { padding: 90px 0; } /* Event Date Cards */ #whatsIncluded .event-dates .card { border-color: transparent; background: transparent; } /* Event Date Divider */ #whatsIncluded .event-dates .divider { content: ''; position: absolute; height: 60px; border: dashed 2px var(--clr-primary); top: 0%; transform: translate(50%, -100%); left: 50%; } @media(min-width: 992px) { #whatsIncluded .event-dates .divider { top: 76px; transform: translate(5.5%, 0%); left: -50%; width: 85%; height: auto; } } /* Event Date Divider Circle */ @media(max-width: 991.98px) { #whatsIncluded .event-dates .divider::before { content: ''; width: 20px; height: 20px; border: 3px solid var(--clr-primary); border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: -22px; } } /* Event Date Divider Arrow */ #whatsIncluded .event-dates .divider::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--clr-primary); position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; } @media(min-width: 992px) { #whatsIncluded .event-dates .divider::after { transform: translateX(-50%) rotate(-90deg); bottom: -8px; } } /* Event Dates Stacked Icons */ #whatsIncluded .event-dates .fa-stack { font-size: 3rem; margin-bottom: 20px; } #whatsIncluded .event-dates .fa-stack .fa-solid { color: rgba(var(--clr-primary-rgb), 0.1); } #whatsIncluded .event-dates .fa-stack .fa-light { color: var(--clr-primary); } /* Highlight Stack icon */ #whatsIncluded .event-dates .fa-stack.highlight .fa-solid { color: var(--clr-primary); } #whatsIncluded .event-dates .fa-stack.highlight .fa-light { color: var(--clr-ntrl-min); } /* Event Dates Content */ #whatsIncluded .event-dates h3 { color: var(--clr-base); } /* Event Item Description */ #whatsIncluded .event-item .description { padding: 2.5rem; border: solid 1px var(--clr-base-ltn); position: relative; } #whatsIncluded .event-item .description::after { width: 50px; height: 50px; background-color: var(--clr-ntrl-min); position: absolute; content: ''; bottom: 0%; right: 50%; border-top: solid 1px var(--clr-base-ltn); border-left: solid 1px var(--clr-base-ltn); transform: translate(50%, 50%) rotate(225deg); } @media(min-width: 1200px) { #whatsIncluded .event-item .description::after { top: 50%; right: -26px; transform: translateY(-50%) rotate(135deg); } } /* New Location */ #whatsIncluded .new-location { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); padding: 3px 15px; color: var(--clr-ntrl-min); border-bottom: solid 1px var(--clr-ntrl-min); background-color: var(--clr-success); letter-spacing: -0.5px; font-family: var(--ff-secondary); font-weight: 600; white-space: nowrap; } @media(min-width: 1200px) { #whatsIncluded .new-location { padding: 10px 20px; top: -49px; left: 40px; transform: none; } } /* Event Item Divider */ #whatsIncluded .event-item .divider { content: ''; position: absolute; height: 95px; border: dashed 2px var(--clr-primary); top: 0%; transform: translate(50%, -50%); left: 50%; } /* Event Item Divider Circle */ #whatsIncluded .event-item .divider::before { content: ''; width: 20px; height: 20px; border: 3px solid var(--clr-primary); border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: -22px; } /* Event Item Divider Arrow */ #whatsIncluded .event-item .divider::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--clr-primary); position: absolute; left: 50%; transform: translateX(-50%); bottom: -17px; } /* Event Item Title */ #whatsIncluded .event-item .h1 { display: block; font-weight: 700; letter-spacing: -0.5px; font-family: var(--ff-secondary); text-align: center; margin-bottom: 40px; } /* Event Details */ #whatsIncluded .event-item .event-details { margin-bottom: 25px; } #whatsIncluded .event-item .event-details .fa-light { color: var(--clr-secondary); margin-bottom: 10px; } #whatsIncluded .event-item .event-details h6 { font-weight: 600; text-transform: uppercase; } /* What's Included / Don't forget */ #whatsIncluded .event-item .important-ct:not(:last-of-type) { margin-bottom: 40px; } #whatsIncluded .event-item .important-ct .title-box { background-color: var(--clr-base-lt); padding: 1rem 1.5rem; margin-bottom: 10px; } #whatsIncluded .event-item .important-ct .title-box h4 { margin-bottom: 0; font-weight: 600; text-transform: uppercase; } #whatsIncluded .event-item .important-ct ul li:last-child { margin-bottom: 0; } #whatsIncluded .event-item .important-ct .fa-li { color: var(--clr-primary); } /* Visa Support */ #visaSupport .fa-stack { font-size: 4rem; } #visaSupport .fa-stack.highlight .fa-light { color: var(--clr-ntrl-min); } #visaSupport .fa-stack.highlight .fa-solid { color: var(--clr-primary); } /* What's Included */ .whats-included .content { border: solid 1px #E2E2E2; border-radius: .75rem; text-align: left; position: relative; } .whats-included .content a { text-decoration: underline; } /* What's Included Arrow */ .whats-included .content:before { position: absolute; top: -12px; left: 65px; right: auto; content: ''; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #E2E2E2; } .whats-included .content .fas { color: var(--clr-secondary); } @media(min-width: 992px) { .whats-included .content:before { left: auto; right: 60px; } } /* What's Included Arrow */ .whats-included .content.dbl-btn:before { left: 155px; right: auto; } @media(min-width: 576px) { .whats-included .content.dbl-btn:before { left: auto; right: 60px; } } /* What's Included Items */ .whats-included .content span:not(:last-of-type) { margin-bottom: 5px; } @media(min-width: 1500px) { /* Enlarge size of container when screen width is at least 1500px */ .container { max-width: 1440px; } }