/* Minification failed. Returning unminified contents. (227,39): run-time error CSS1019: Unexpected token, found ' ' (227,39): run-time error CSS1019: Unexpected token, found ' ' (227,39): run-time error CSS1042: Expected function, found ' ' (227,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (232,36): run-time error CSS1019: Unexpected token, found ' ' (232,36): run-time error CSS1019: Unexpected token, found ' ' (232,36): run-time error CSS1042: Expected function, found ' ' (232,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (237,39): run-time error CSS1019: Unexpected token, found ' ' (237,39): run-time error CSS1019: Unexpected token, found ' ' (237,39): run-time error CSS1042: Expected function, found ' ' (237,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (242,36): run-time error CSS1019: Unexpected token, found ' ' (242,36): run-time error CSS1019: Unexpected token, found ' ' (242,36): run-time error CSS1042: Expected function, found ' ' (242,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (270,39): run-time error CSS1019: Unexpected token, found ' ' (270,39): run-time error CSS1019: Unexpected token, found ' ' (270,39): run-time error CSS1042: Expected function, found ' ' (270,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3273,39): run-time error CSS1019: Unexpected token, found ' ' (3273,39): run-time error CSS1019: Unexpected token, found ' ' (3273,39): run-time error CSS1042: Expected function, found ' ' (3273,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3278,36): run-time error CSS1019: Unexpected token, found ' ' (3278,36): run-time error CSS1019: Unexpected token, found ' ' (3278,36): run-time error CSS1042: Expected function, found ' ' (3278,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3283,39): run-time error CSS1019: Unexpected token, found ' ' (3283,39): run-time error CSS1019: Unexpected token, found ' ' (3283,39): run-time error CSS1042: Expected function, found ' ' (3283,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3288,36): run-time error CSS1019: Unexpected token, found ' ' (3288,36): run-time error CSS1019: Unexpected token, found ' ' (3288,36): run-time error CSS1042: Expected function, found ' ' (3288,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3316,39): run-time error CSS1019: Unexpected token, found ' ' (3316,39): run-time error CSS1019: Unexpected token, found ' ' (3316,39): run-time error CSS1042: Expected function, found ' ' (3316,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9979,39): run-time error CSS1019: Unexpected token, found ' ' (9979,39): run-time error CSS1019: Unexpected token, found ' ' (9979,39): run-time error CSS1042: Expected function, found ' ' (9979,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9984,36): run-time error CSS1019: Unexpected token, found ' ' (9984,36): run-time error CSS1019: Unexpected token, found ' ' (9984,36): run-time error CSS1042: Expected function, found ' ' (9984,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9989,39): run-time error CSS1019: Unexpected token, found ' ' (9989,39): run-time error CSS1019: Unexpected token, found ' ' (9989,39): run-time error CSS1042: Expected function, found ' ' (9989,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (9994,36): run-time error CSS1019: Unexpected token, found ' ' (9994,36): run-time error CSS1019: Unexpected token, found ' ' (9994,36): run-time error CSS1042: Expected function, found ' ' (9994,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10022,39): run-time error CSS1019: Unexpected token, found ' ' (10022,39): run-time error CSS1019: Unexpected token, found ' ' (10022,39): run-time error CSS1042: Expected function, found ' ' (10022,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10720,39): run-time error CSS1019: Unexpected token, found ' ' (10720,39): run-time error CSS1019: Unexpected token, found ' ' (10720,39): run-time error CSS1042: Expected function, found ' ' (10720,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10725,36): run-time error CSS1019: Unexpected token, found ' ' (10725,36): run-time error CSS1019: Unexpected token, found ' ' (10725,36): run-time error CSS1042: Expected function, found ' ' (10725,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10730,39): run-time error CSS1019: Unexpected token, found ' ' (10730,39): run-time error CSS1019: Unexpected token, found ' ' (10730,39): run-time error CSS1042: Expected function, found ' ' (10730,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10735,36): run-time error CSS1019: Unexpected token, found ' ' (10735,36): run-time error CSS1019: Unexpected token, found ' ' (10735,36): run-time error CSS1042: Expected function, found ' ' (10735,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (10763,39): run-time error CSS1019: Unexpected token, found ' ' (10763,39): run-time error CSS1019: Unexpected token, found ' ' (10763,39): run-time error CSS1042: Expected function, found ' ' (10763,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (11011,20): run-time error CSS1030: Expected identifier, found '>' (11011,38): run-time error CSS1031: Expected selector, found ')' (11011,38): run-time error CSS1025: Expected comma or open brace, found ')' (11015,31): run-time error CSS1030: Expected identifier, found '>' (11015,49): run-time error CSS1031: Expected selector, found ')' (11015,49): run-time error CSS1025: Expected comma or open brace, found ')' (12039,40): run-time error CSS1030: Expected identifier, found '.' (12039,48): run-time error CSS1031: Expected selector, found ')' (12039,48): run-time error CSS1025: Expected comma or open brace, found ')' (12981,39): run-time error CSS1019: Unexpected token, found ' ' (12981,39): run-time error CSS1019: Unexpected token, found ' ' (12981,39): run-time error CSS1042: Expected function, found ' ' (12981,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12986,36): run-time error CSS1019: Unexpected token, found ' ' (12986,36): run-time error CSS1019: Unexpected token, found ' ' (12986,36): run-time error CSS1042: Expected function, found ' ' (12986,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12991,39): run-time error CSS1019: Unexpected token, found ' ' (12991,39): run-time error CSS1019: Unexpected token, found ' ' (12991,39): run-time error CSS1042: Expected function, found ' ' (12991,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (12996,36): run-time error CSS1019: Unexpected token, found ' ' (12996,36): run-time error CSS1019: Unexpected token, found ' ' (12996,36): run-time error CSS1042: Expected function, found ' ' (12996,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13024,39): run-time error CSS1019: Unexpected token, found ' ' (13024,39): run-time error CSS1019: Unexpected token, found ' ' (13024,39): run-time error CSS1042: Expected function, found ' ' (13024,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (13615,40): run-time error CSS1030: Expected identifier, found '.' (13615,48): run-time error CSS1031: Expected selector, found ')' (13615,48): run-time error CSS1025: Expected comma or open brace, found ')' (13995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14210,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height' (14212,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (14214,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (14214,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (14215,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (14227,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14228,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14232,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14233,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14242,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y' (14242,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x' (14243,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color' (14247,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y' (14251,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y' (14260,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x' (14264,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (14264,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14266,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color' (14267,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg' (14268,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (14268,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (14271,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14271,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14275,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (14275,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14276,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color' (14277,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg' (14278,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (14278,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (14281,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14281,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14285,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14286,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (14287,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14291,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (14292,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (14296,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14297,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (14306,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding' (14307,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14318,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14319,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14324,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14325,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (14329,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin' (14371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14400,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y' (14400,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x' (14402,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color' (14404,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg' (14408,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition' (14416,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color' (14417,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg' (14418,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width' (14418,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color' (14421,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon' (14422,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform' (14426,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (14427,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (14430,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon' (14432,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (14433,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition' (14445,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color' (14447,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow' (14455,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color' (14456,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg' (14457,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width' (14457,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color' (14460,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14461,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14464,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (14465,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (14471,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14472,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14475,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (14476,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (14479,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14480,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (14484,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y' (14484,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x' (14506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14521,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y' (14521,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x' (14522,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size' (14523,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight' (14524,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color' (14534,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color' (14537,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (14543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14550,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (14550,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color' (14553,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (14555,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (14556,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius' (14557,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius' (14561,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color' (14564,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (14570,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color' (14571,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg' (14572,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color' (14575,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (14581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14588,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius' (14591,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (14597,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color' (14598,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg' (14640,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family' (14641,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (14642,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight' (14643,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (14644,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (14645,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align' (14646,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (14772,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg' (14792,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color' (14796,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color' (14808,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (14827,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color' (14837,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (14838,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (15034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15058,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex' (15070,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (15090,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (15103,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (15111,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color' (15113,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg' (15115,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width' (15115,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color' (15116,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius' (15121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15127,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex' (15130,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg' (15136,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity' (15144,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding' (15145,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width' (15145,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color' (15146,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (15147,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (15150,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (15150,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x' (15151,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (15151,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x' (15151,113): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (15156,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height' (15162,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding' (15171,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding' (15171,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap' (15172,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg' (15173,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width' (15173,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color' (15174,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (15175,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (15178,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap' (15183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15187,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width' (15192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15340,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (15342,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size' (15343,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg' (15344,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius' (15352,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color' (15355,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg' (15356,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition' (15366,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (15366,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (15522,37): run-time error CSS1030: Expected identifier, found ',' (15522,42): run-time error CSS1031: Expected selector, found ')' (15522,42): run-time error CSS1025: Expected comma or open brace, found ')' (15525,37): run-time error CSS1030: Expected identifier, found ',' (15525,42): run-time error CSS1031: Expected selector, found ')' (15525,42): run-time error CSS1025: Expected comma or open brace, found ')' (15528,37): run-time error CSS1030: Expected identifier, found ',' (15528,42): run-time error CSS1031: Expected selector, found ')' (15528,42): run-time error CSS1025: Expected comma or open brace, found ')' (15903,39): run-time error CSS1019: Unexpected token, found ' ' (15903,39): run-time error CSS1019: Unexpected token, found ' ' (15903,39): run-time error CSS1042: Expected function, found ' ' (15903,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (15908,36): run-time error CSS1019: Unexpected token, found ' ' (15908,36): run-time error CSS1019: Unexpected token, found ' ' (15908,36): run-time error CSS1042: Expected function, found ' ' (15908,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (15913,39): run-time error CSS1019: Unexpected token, found ' ' (15913,39): run-time error CSS1019: Unexpected token, found ' ' (15913,39): run-time error CSS1042: Expected function, found ' ' (15913,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (15918,36): run-time error CSS1019: Unexpected token, found ' ' (15918,36): run-time error CSS1019: Unexpected token, found ' ' (15918,36): run-time error CSS1042: Expected function, found ' ' (15918,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (15946,39): run-time error CSS1019: Unexpected token, found ' ' (15946,39): run-time error CSS1019: Unexpected token, found ' ' (15946,39): run-time error CSS1042: Expected function, found ' ' (15946,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } /* version 1.0 */ /* r: regular */ /* ------------------------------- */ /* ----------- Colors ------------ */ /* ------------------------------- */ .ih-grey { color: #746e6e !important; } .ih-baige { color: #a9998a !important; } .ih-white { color: #ffffff !important; } .ih-black { color: #000 !important; } .ih-baige-light { color: #d7cbbd !important; } .ih-grey-light { color: #b6b2b1 !important; } .ih-grey-bg { background-color: #746e6e !important; } .ih-white-bg { background-color: #ffffff !important; } .ih-baige-bg { background-color: #a9998a !important; } .ih-baige-light-bg { background-color: #d7cbbd !important; } .ih-grey-light-bg { background-color: #b6b2b1 !important; } .ih-grey-darker { color: #1d1f1e !important; } .ih-grey-darker-bg { background-color: #1d1f1e !important; } .twitterColor { color: #00acee; } .facebookColor { color: #3b5998; } .instagramColor { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); -webkit-background-clip: text; /* Also define standard property for compatibility */ background-clip: text; -webkit-text-fill-color: transparent; } .shareColor { color: rgba(0, 0, 0, 0.6); } /* ------------------------------- */ /* ------- cursor effect --------- */ /* ------------------------------- */ .csr-pointer { cursor: pointer; } /* ------------------------------- */ /* ------- border effect --------- */ /* ------------------------------- */ .r-border-1px { border: 1px solid; } .r-border-right-1px { border-right: 1px solid; } .r-border-left-1px { border-left: 1px solid; } .r-border-bottom-1px { border-bottom: 1px solid; } .r-border-top-1px { border-top: 1px solid; } .r-border-bottom-1px-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* ------------------------------- */ /* -------- Shade effect --------- */ /* ------------------------------- */ .black-shade { position: relative; z-index: 1; } .black-shade::before { content: ""; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: -1; } .baige-shade { position: relative; z-index: 1; } .baige-shade::before { content: ""; background: rgba(169, 153, 138, 0.35); top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: -1; } .r-black-shade { position: relative; z-index: 1; } .r-black-shade::before { content: ""; background: rgba(0, 0, 0, 0.45); top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: -1; } /* ------------------------------- */ /* ------------ Main ------------- */ /* ------------------------------- */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } h1, span.h1 { font-size: 6rem; } h2, span.h2 { font-size: 2.875rem; } h3, span.h3 { font-size: 24px; } h5 { font-size: 20px; } a { text-decoration: none; } a:hover { color: inherit; } h1, span.h1, h2, span.h2, h3, span.h3, h4, span.h4, h5, .special-link { font-family: myriad-pro, sans-serif; font-weight: 900; font-style: normal; margin: 0; } .r-hide-vs { visibility: hidden; opacity: 0; transition: all 0.7s ease; } .txt-al-center { text-align: center; } .txt-al-right { text-align: right; } .txt-al-left { text-align: left; } .side-hidden { position: absolute; top: 0; left: 0; opacity: 0; z-index: auto; transition: all 1.2s ease; } .special-link { font-size: 1.6rem; } /* fonts */ .font-light { font-weight: lighter; } .font-lg { font-size: 5rem; } .font-med { font-size: 3rem; } .font-x-med { font-size: 2rem; } .font-small { font-size: 0.875em; } .font-bold { font-weight: bold; } .small-bold-cap { text-transform: uppercase; font-size: 1.5rem; font-weight: bold; } .sales-fonts { font-family: grafolita-script, sans-serif; font-weight: 600; font-style: normal; } .slogan-fonts { font-family: Lato, sans-serif; font-weight: normal; font-style: normal; } /* width-height */ .w-100p { width: 100%; } .h-100p { height: 100%; } .w-h-100 { width: 100%; height: 100%; min-width: 100%; } .min-100p { min-width: 100%; } .cap { text-transform: uppercase; } .w-50 { width: 50%; } .txt-center { text-align: center; } .n-margin-padding { margin: 0; padding: 0; } .n-list-style { list-style: none; } .hidden-item { visibility: hidden; opacity: 0; transition: all 0.5s ease; } /* position */ .r-relative { position: relative; } .r-absolute { position: absolute; } .r-fixed { position: fixed; } /* image style */ .roundImage { border-radius: 50%; } /* avatar image icon */ .avatar-img-container { position: relative; } .avatar-img { position: absolute; bottom: 0; right: 0; z-index: 2; } /* background image style */ .bg-cover-center { background-repeat: no-repeat; background-position: center; background-size: cover; } .bg-cover-top { background-repeat: no-repeat; background-position: top; background-size: cover; } .bg-cover-bottom { background-repeat: no-repeat; background-position: bottom; background-size: cover; } /* body wrap slide */ .mainContentWrap { transition: all 0.9s ease; } .body-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; display: none; } .body-slide { filter: grayscale(0.8); transform: translate(-51.652892562vh); cursor: pointer; transition: all 0.9s ease; } .ovfl-hidden { overflow: hidden; } /* ------------------------------- */ /* ------------ Modal ------------ */ /* ------------------------------- */ .modal-wrapper { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 98; } /* ------------------------------- */ /* -------- Page Preload --------- */ /* ------------------------------- */ #master_loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; background-color: #b6b2b1; z-index: 1300; text-align: center; } #loading-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); grid-row-gap: 1.5rem; } @keyframes play120 { 0% { background-position: 0px 0px; } 100% { background-position: -18000px 0px; } } .shapeshifter { animation-duration: 2000ms; animation-timing-function: steps(120); width: 150px; height: 150px; background-repeat: no-repeat; animation-iteration-count: infinite; } .shapeshifter.play { animation-name: play120; } /* ------------------------------- */ /* ---------- Tab Box ------------ */ /* ------------------------------- */ .tabbox { padding: 3rem; padding-top: 6rem; padding-bottom: 6rem; min-height: 350px; width: 50%; } .tabbox a { padding: 0.5rem 1rem 0.5rem 1rem; } /* ------------------------------- */ /* ---------- Borders ------------ */ /* ------------------------------- */ .roundBorder { border: 0 !important; border-radius: 6px !important; overflow: hidden; transform: translateZ(0) scale(1); transition: all 0.7s ease; } .roundBorder-noscale { border: 0 !important; border-radius: 6px !important; overflow: hidden; transition: all 0.7s ease; } .normalBorder { border: 1px solid rgba(0, 0, 0, 0.2) !important; border-radius: 0 !important; transition: all 0.7s ease; } /* ------------------------------- */ /* -------- Gradient BG ---------- */ /* ------------------------------- */ .mainGradient { background: linear-gradient(90deg, rgb(169, 153, 138) 0%, rgb(187, 170, 154) 50%, rgb(200, 182, 166) 100%) !important; } .greyGradient { background: rgb(209, 204, 200) !important; } .childGradient { background: linear-gradient(90deg, rgb(116, 110, 110) 0%, rgb(129, 122, 122) 50%, rgb(135, 129, 129) 100%) !important; } .roundBorder:hover, .normalBorder:hover { transform: translateZ(0) perspective(1px) scale(1.048) !important; transition: all 0.3s ease; } /* ------------------------------- */ /* ----------- Shadows ----------- */ /* ------------------------------- */ .drop-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important; } /* ------------------------------- */ /* --------- Animations ---------- */ /* ------------------------------- */ @keyframes slideDown { from { transform: translateY(-100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideUp { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideRight { from { transform: translateX(100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideLeft { from { transform: translateX(-100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes popUp { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes showing { from { opacity: 0; } to { opacity: 1; } } @keyframes unshowing { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeInOut { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes gradient { 0% { background-position: 14% 0%; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0%; } } /* ------------------------------- */ /* -------- Initial Setup -------- */ /* ------------------------------- */ /* remove bootstrp modal werid padding */ .modal-open, .modal { padding-right: 0 !important; } .modal-content { border: 0; border-radius: 0; } /* scroll to top */ .scrollToTop { position: fixed; z-index: 999; width: 50px; height: 50px; background: #a9998a; color: rgba(255, 255, 255, 0.9); cursor: pointer; text-transform: uppercase; opacity: 0; transition: all 1s ease; } .scrollToTop:hover { background: #d7cbbd; } .showScrollUp { z-index: 980; opacity: 1; transition: all 1s ease; } .mobile-logo { width: 150px; height: 150px; position: absolute; left: 1.5rem; top: calc(50% - 250px); transform: translateY(-50%); z-index: 5; display: none; } @media (min-width: 992px) { .mobile-logo { left: 3.625rem; } } /* ------------------------------- */ /* -------- Display Layout ------- */ /* ------------------------------- */ .r-block { display: block; } .r-none { display: none; } /* ------------------------------- */ /* ------- Flex Box Layout ------- */ /* ------------------------------- */ .r-flex-origin { display: flex; } .r-flex { display: flex; align-items: center; } .r-flex-between { display: flex; justify-content: space-between; align-items: center; } .r-flex-end { display: flex; justify-content: flex-end; align-items: center; } .r-flex-al-center { display: flex; align-items: center; } .r-flex-around { display: flex; justify-content: space-around; align-items: center; } .r-flex-center { display: flex; justify-content: center; align-items: center; } .r-flex-column-center { display: flex; flex-direction: column; justify-content: center; align-items: center; } .r-flex-wrap { display: flex; flex-wrap: wrap; } /* ------------------------ */ /* ---- Grid Layout ------- */ /* ------------------------ */ .r-grid { display: grid; } .r-grid-al-center { display: grid; align-items: center; } .r-grid-jf-center { display: grid; align-items: center; justify-items: center; } .r-grid-jf-right { display: grid; justify-items: right; align-items: center; } /* two column */ .r-grid-2x { display: grid; grid-template-columns: 1fr 1fr; } /* three column */ .r-grid-3x { display: grid; grid-template-columns: 1fr 1fr 1fr; } /* four column */ .r-grid-4x { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .r-grid-center { display: grid; align-items: center; justify-items: center; } .r-grid-left { display: grid; justify-items: left; } .r-grid-right { display: grid; justify-items: right; } /* ----------------------------- */ /* -------- Navigation --------- */ /* ----------------------------- */ /* fixed navigation */ .r-fixed-nav { position: fixed; z-index: 999; width: 100%; } .hambuger-btn { padding-right: 3rem; position: fixed; z-index: 1049; right: 0; height: 70px; display: grid; align-items: center; } .hambuger-btn .open { display: block; } .hambuger-btn .close { display: none; } /* hamburger button with animation (cmstrap.js required) */ .ham-container { display: grid; cursor: pointer; width: 40px; text-align: right; } .ham { width: 100%; height: 2px; background-color: #746e6e; margin-bottom: 9px; transition: all 0.7s ease; } .mobile-fixed-nav .ham-container { width: 30px; } .mobile-fixed-nav .ham { margin-bottom: 5px; } .ham-2 { width: 30px; } .ham:last-child { margin-bottom: 0; } .ham-container:hover .ham { transition: all 0.7s ease; } /* Booking engine inputs box */ .book-engine-input { margin-right: 3rem; position: relative; } /* booking engine location drop down */ .locDrop { position: absolute; top: 50px; left: 0; background: #fff; width: 80%; min-width: 430px; text-align: left; padding-bottom: 1em; display: none; } .locShow { display: flex; flex-direction: column; box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08); font-size: 0.8em; } .locDrop a { font-family: "Lato", sans-serif; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 2em; display: flex; flex-direction: column; } .locDrop a:hover { background: #f4f4f4; } .locDrop a:hover .locDesTxt::before { color: rgba(0, 0, 0, 0.8); } .selected { background: #f4f4f4; } .locDesTxt { font-size: 0.8em; padding-left: 1em; position: relative; } .locDesTxt::before { content: "\f041"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; color: rgba(0, 0, 0, 0.5); } #locSearch { font-size: 0.8em; font-weight: bold; color: grey; padding: 1em; padding-left: 2em; cursor: default; } #locDropPanel { display: flex; align-items: center; } /* ----------------------------- */ /* --------- Buttons ----------- */ /* ----------------------------- */ /* normal btn */ .btn { font-size: 16px; } .r-btn { border-radius: 0; padding: 10px 20px 10px 20px; background: black; color: white; border: 0; } .r-btn:hover { text-decoration: none; background: white; color: black; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } /* normal btn */ .r-btn-cap { border-radius: 0; padding: 10px 20px 10px 20px; text-transform: uppercase; background: #746e6e; color: white; border: 0; } /* transparent square white button */ .r-white-transparent-btn { padding: 10px 20px 10px 20px; background: transparent; color: white; border: 1px solid white; border-radius: 0; } /* transparent square black button */ .r-black-transparent-btn { padding: 10px 20px 10px 20px; background: transparent; color: black; border: 1px solid black; } .r-baige-transparent-btn { padding: 9px 19px 9px 19px; background: transparent; color: #a9998a; border: 1px solid; } /* remove Button default */ .r-btn-remove-default { background: transparent; border: 0; } /* temporary btn */ .btn-custom { background: transparent !important; border: 1px solid #746e6e !important; color: #746e6e !important; } /* ----------------------------- */ /* --------- Images ------------ */ /* ----------------------------- */ /* 100% cover */ .coverImg lazy { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* 100% contain */ .contain-100 { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } /* ------------------------------- */ /* --------- Form input ---------- */ /* ------------------------------- */ .r-input { border: 0.0625rem solid #d2d2d2; border-radius: 4px; height: 3rem; font-size: 1em; line-height: 1.625rem; padding: 0.75rem 2rem 0.75rem 1.25rem; width: 100%; outline: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; font-size: 0.8em; min-width: 185px; } .r-input-no-border { border: 0; height: 3rem; font-size: 1em; line-height: 1.625rem; padding: 0.75rem 2rem 0.75rem 1.25rem; width: 100%; outline: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; font-size: 0.7em; min-width: 185px; } /* ------------------------------- */ /* --------- Page Maque ---------- */ /* ------------------------------- */ .marque-60vh { margin: 0 auto; height: 60vh; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 1; } .marque-100vh { margin: 0 auto; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 1; } .ih-page-marque { position: relative; } .page-marque { margin: 0 auto; height: 100vh; padding-top: 80px; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; } .page-marque .page-maque-img div { height: 100%; } .page-marque .page-maque-img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page-marque-content { margin-bottom: 2rem; } .page-marque-content.play-btn { width: 80px; } .page-marque-content.play-btn img { width: 100%; } .page-marque-content.play-btn:hover { background: radial-gradient(circle, rgb(11, 47, 79) 0%, rgb(0, 35, 65) 50%, rgb(0, 35, 65) 100%); background-size: 250% 250%; animation: gradient 3s ease-in-out infinite; transform: rotate(360deg); transition: all 0.4s ease; font-size: 40px; background: #a8998b; color: white; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 5px; cursor: pointer; transition: all 0.4s ease; position: relative; } .page-marque-content.play-btn:hover img { opacity: 0; } .page-marque-content.play-btn:hover:before { content: "\f04b"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 4rem; color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.6s ease; } .page-marque-content.play-btn:hover:before { font-size: 1rem; opacity: 1; transition: all 0.6s ease; } @media (min-width: 992px) { .page-marque-content.play-btn:hover:before { font-size: 1.5rem; } } @media (min-width: 1200px) { .page-marque-content.play-btn:hover:before { font-size: 2rem; } } .page-marque-content:last-child { text-align: center; margin-bottom: 0; } .page-marque-content span { color: #d7cbbd; } .page-marque-content a { color: white; position: relative; } .page-marque-content a::before { content: ""; background: white; width: 25px; height: 1px; position: absolute; left: -30px; top: 50%; translate: translateY(-50%); } .page-marque-content a::after { content: ""; background: white; width: 25px; height: 1px; position: absolute; right: -30px; top: 50%; translate: translateY(-50%); } /* ------------------------ */ /* --- center layout ------ */ /* ------------------------ */ .center-1280 { max-width: 1280px; margin: 0 auto; padding-left: 2rem; padding-right: 2rem; } /* ------------------------ */ /* -------- titles -------- */ /* ------------------------ */ .vertical-bef { position: relative; padding-left: 1.5rem; } .vertical-bef::before { content: ""; background: #d7cbbd; width: 8px; height: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .horizontal-bef { position: relative; padding-top: 3rem; } .horizontal-bef::before { content: ""; background: #d7cbbd; width: 20px; height: 8px; /* border-radius: 50%; */ position: absolute; top: 1.5rem; left: 0; } .mountain-bef { position: relative; } .mountain-bef::before { position: absolute; content: ""; width: 100%; height: 100%; border-bottom: 3px solid #b6b2b1; transform: rotate(-45deg); top: -50%; left: -48%; z-index: -1; animation: hmove 3s; transition: all 1s ease; } .mountain-bef::after { position: absolute; content: ""; width: 100%; height: 100%; border-bottom: 3px solid #f4ebe6; transform: rotate(45deg); top: -50%; right: -48%; z-index: -1; animation: hmove 3s; transition: all 1s ease; } /* ------------------------ */ /* ---- large img box ----- */ /* ------------------------ */ .lg-img-box { position: relative; overflow: hidden; } .img-box-svg { position: absolute; } .bottom-svg { background-image: url(/img/svg/bottom-corner.svg); background-repeat: no-repeat; width: 100px; height: 100px; bottom: 0; left: 0; z-index: 2; } .upper-svg { background-image: url(/img/svg/upper-corner.svg); background-repeat: no-repeat; width: 100px; height: 100px; right: 0; top: 0; z-index: 2; } .bottom-right-svg { background-image: url(/img/svg/bottom-right.svg); background-repeat: no-repeat; width: 100px; height: 100px; bottom: 0; right: 0; z-index: 2; } .upper-left-svg { background-image: url(/img/svg/upper-left.svg); background-repeat: no-repeat; width: 100px; height: 100px; left: 0; top: 0; z-index: 2; } .lg-img-box-content { color: white; padding: 8rem; padding-left: 9rem; background-color: #746e6e; } .lg-img-box-content-title { margin-bottom: 10rem; } .lg-img-box-content-txt { grid-row-gap: 5rem; margin-bottom: 3rem; } .lg-img-box-content-txt span { margin-bottom: 2rem; } .lg-img-box-title-container, .lg-img-box-content-container { padding: 8rem; } .lg-img-box-content-container { padding-top: 0; } /* ------------------------ */ /* -- large img grid box -- */ /* ------------------------ */ .lg-img-grid-box-container { position: relative; } .lg-img-grid-box-container { background-image: url(/img/explore-img/Picture-059.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: calc(100vh - 70px); } .lg-img-grid-img img { border-radius: 6px; overflow: hidden; } .lg-img-grid-img span { font-size: 1.5rem; } .lg-img-grid-box-content { background: white; border-radius: 6px; } /* ------------------------ */ /* -------- Sliders ------- */ /* ------------------------ */ .ih-slider-card { /* max-width: 350px; */ display: grid; grid-row-gap: 2rem; overflow: hidden; padding-bottom: 3rem; } .ih-slider-card-content { grid-row-gap: 2rem; padding: 3rem; padding-bottom: 1rem; } .ih-slider-box-container { padding: 6rem 3rem 6rem 3rem; } @media (max-width: 1199px) { .ih-slider-box-container { padding: 6rem 0 15rem 0; } } @media (max-width: 714px) { .ih-slider-box-container { padding: 5rem 0 15rem 0; } } /* large backgound slide - 1 innhotels.com/index #location */ .lg-bg-slider { background-image: url(/img/page-marque/Placeholder/photo-1506629824850-7739d6271f9e.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: calc(100vh - 70px); min-height: 820px; transition: all 0.7s linear; } .lg-bg-slider-container { padding: 5rem 3rem 5rem 3rem; height: 100%; width: 100%; } .lg-bg-slider-content { max-width: 615px; width: 100%; /* max-height: 230px; */ overflow: hidden; cursor: grab; padding-bottom: 2.125rem; } .lg-bg-slider-title { justify-self: right; } .lg-bg-slider-subtitle { margin-bottom: 2rem; } #locationSlider .lg-bg-slider-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .location-bg, .location-bg div { height: 100%; } #locationSlider .location-bg::before { content: ""; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .ih-list { grid-row-gap: 2rem; } .subject { width: 100px; max-width: 100px; margin-right: 8rem; position: relative; padding-left: 2rem; } .subject::before { content: ""; background-color: #a9998a; width: 15px; height: 15px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } /* review card */ .review-card-img { max-width: 150px; width: 100%; height: 150px; } /* .overlay-slider{ margin-right: 5rem } */ .review-cards { position: relative; margin-bottom: 3rem; } .review-card { max-width: 480px; background: #a9998a; padding: 5rem; padding-top: 7rem; padding-bottom: 7rem; border-radius: 6px; position: absolute; top: 0; z-index: -1; transform: scale(0.9); left: -2rem; margin-left: 0; opacity: 0.8; transition: all 0.7s ease; } .review-card-info { display: flex; flex-direction: column; } .review-card-info h3, .review-card-info span { margin-bottom: 10px; } .review-card-info a { padding: 5px 10px 5px 10px; border: 1px solid #d7cbbd; max-width: 100px; text-align: center; margin-top: 1rem; } .review-row { color: white; } .review-row:nth-child(1), .review-row:nth-child(2) h3, .review-row:nth-child(2) span.h3 { margin-bottom: 1rem; } .review-row:nth-child(2) { margin-bottom: 8rem; } .review-card-img, .review-card-avatar { margin-right: 2rem; margin-bottom: 1rem; } .review-card-score img { margin-right: 1rem; } .review-card-title { margin-top: 1rem; } .review-active { position: relative; z-index: 1; transform: scale(1); left: 0; margin-left: 5rem; opacity: 1; transition: all 0.7s ease; } /* image-slider */ .image-slider-container { position: relative; } .image-slider-container img { /* width: 150% !important; */ max-height: 600px; } .image-slider-title { margin-bottom: 5rem; padding-left: 5%; } .image-slider-container::before { content: ""; background: #a9998a; position: absolute; max-width: 500px; width: 100%; height: 110%; top: -5%; left: 5%; border-radius: 6px; z-index: -1; } /* deal slick customize */ .ih-slider-card-conatiner .slick-slide { margin: 0 3rem; visibility: hidden; opacity: 0; transition: all 0.5s ease; } /* .ih-slider-card-conatiner .slick-track [aria-hidden="true"] { visibility: visible; } */ .ih-slider-card-conatiner .slick-list { padding: 3rem; overflow: visible !important; } .ih-slider-card-conatiner .slick-active { visibility: visible; opacity: 1; transition: all 0.5s ease; } .ih-slider-card-conatiner .slick-arrow { z-index: 10; width: auto !important; height: auto !important; overflow: visible !important; background: transparent !important; } .ih-slider-card-conatiner .slick-prev { left: -5rem !important; } @media (max-width: 1359px) { .ih-slider-card-conatiner .slick-prev { left: 0 !important; } } @media (max-width: 1199px) { .ih-slider-card-conatiner .slick-prev { left: 3rem !important; top: auto; bottom: -7rem !important; transform: translate(0, 0); height: 20px !important; } } @media (max-width: 374px) { .ih-slider-card-conatiner .slick-prev { left: 2rem !important; } } .ih-slider-card-conatiner .slick-next { right: -5rem !important; } @media (max-width: 1359px) { .ih-slider-card-conatiner .slick-next { right: 0 !important; } } @media (max-width: 1199px) { .ih-slider-card-conatiner .slick-next { right: 3rem !important; top: auto; bottom: -7rem !important; transform: translate(0, 0); height: 20px !important; } } @media (max-width: 374px) { .ih-slider-card-conatiner .slick-next { right: 2rem !important; } } .ih-slider-card-conatiner .slick-prev:before, .ih-slider-card-conatiner .slick-next:before { color: #746e6e !important; opacity: 1 !important; font-family: myriad-pro, sans-serif !important; font-weight: lighter; font-style: normal; padding-top: 2.2rem !important; color: #a9998a !important; } .ih-slider-card-conatiner .slick-next::before { content: "NEXT" !important; padding: 0.5rem; border-right: 5px solid #746e6e; border-bottom: 5px solid #746e6e; } .ih-slider-card-conatiner .slick-prev::before { content: "PREV" !important; padding: 0.5rem; border-left: 5px solid #746e6e; border-bottom: 5px solid #746e6e; } .slick-dotted { margin-bottom: 0 !important; } /* page marque slick customize */ .page-marque .slick-slide { margin: 0; opacity: 1; visibility: visible; } .page-marque .slick-list, .page-marque .slick-list div { overflow: hidden; height: 100%; } .page-marque .slick-dots { bottom: 8rem; } .page-marque .slick-dots li { background: rgba(255, 255, 255, 0.8); width: 60px; height: 15px; margin: 0; } .page-marque .slick-dots .slick-active { background: #a9998a; } .page-marque .slick-dots li button:before { content: ""; } .page-marque .slick-dots li button { width: 100%; height: 100%; } .page-marque-content { height: auto !important; } .page-marque .slick-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .page-marque img { width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .page-marque .slick-active img { transform: scale(1); } .page-marque .black-shade { position: relative; z-index: -1; } .page-marque .black-shade::before { z-index: 1; } /* ------------------------ */ /* -------- Side-nav ------ */ /* ------------------------ */ /* side-navgation-area */ .side-nav-panel { position: fixed; z-index: 1000; background: white; max-width: 500px; width: 100%; min-width: 320px; height: 100%; padding: 5rem; padding-top: 70px; right: 0; transform: translateX(100%); opacity: 0; transition: all 0.9s ease; visibility: hidden; top: 0; } .side-nav-link-list li { margin-bottom: 2rem; } .side-nav-row { width: 100%; margin-bottom: 2rem; } .side-nav-row:last-child { margin-bottom: 0; } .side-nav-banner { position: relative; } .side-nav-banner-box { height: 100%; transition: all 1.2s ease; } .side-nav-banner-tip { position: absolute; bottom: -25px; z-index: 1; } .side-nav-banner-tip h3, .side-nav-banner-tip span.h3 { margin-bottom: 0; } .side-nav-banner-tip::before { content: ""; width: 120%; height: 100%; background-color: #1d1f1e; left: 50%; transform: translateX(-50%); z-index: -1; position: absolute; } .side-nav-book { padding: 1.5rem 3rem 1.5rem 3rem; font-size: 1.5rem; } .side-nav-logo { width: 70px; height: auto; } .side-nav-account { text-align: center; grid-row-gap: 1rem; } /* ham close control */ .ham-change { position: relative; height: 16px; display: flex; align-items: center; } .ham-change .ham-1 { transform: rotate(45deg); position: absolute; margin: 0; } .ham-change .ham-2 { opacity: 0; } .ham-change .ham-3 { transform: rotate(-45deg); position: absolute; margin: 0; } .ham-change ~ .open { display: none !important; } .ham-change ~ .close { opacity: 1 !important; display: block !important; } /* menu open control */ .menu-open { visibility: visible; right: 0; opacity: 1; transform: translateX(0); transition: all 0.9s ease; } .login-hide { visibility: hidden; opacity: 0; transition: all 0.7s ease; } .master_sign_out { position: absolute; border-radius: 50%; width: 100%; width: 100%; height: 100%; display: grid; top: 0; justify-items: center; background: rgba(169, 153, 138, 0.8); color: white; z-index: 1; visibility: hidden; opacity: 0; transition: all 0.7s ease; } .avatar-img-container:hover .master_sign_out { visibility: visible; opacity: 1; transition: all 0.7s ease; } .master_login_panel { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 5rem; background: white; transition: all 0.7s ease; } .login_back { height: 80px; } .login_form_info { margin-bottom: 12px; font-size: 0.7em; width: 15px; height: 15px; border-radius: 50%; margin-left: 1rem; color: white; position: relative; } .login_form_info_box { position: absolute; font-size: 1em; max-width: 220px; padding: 1rem; background: white; color: black; right: -250px; visibility: hidden; opacity: 0; transition: all 0.7s ease; z-index: 1; } .login_form_info_box:before { content: ""; background: white; width: 20px; height: 20px; top: 50%; transform: rotate(45deg) translateY(-50%); position: absolute; left: -10px; z-index: -1; } .login_form_info:hover .login_form_info_box { visibility: visible; opacity: 1; transition: all 0.7s ease; } .checkBoxContainer label { font-size: 0.8em; font-family: "Oswald"; font-weight: lighter; } .form-input-row { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 1rem; max-height: 105px; } .form-input-row label { font-size: 0.8em; } /* bootstrap form customize */ .form-input-row .form-control:focus { box-shadow: none; } .master_nav_form_control { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; height: auto !important; margin-top: 0 !important; } /* login social media */ .login-social .f-social-twitter i { background: rgb(56, 161, 243) !important; } .login-social .f-social-instagram i { background: rgb(193, 53, 132) !important; } .login-social .f-social-linkedin i { background: rgb(0, 119, 181) !important; } .login-social .f-social-facebook i { background: rgb(59, 89, 152) !important; } .login-social .f-social-icon:last-child { margin-right: 0; } /* mobile view control */ .mobile-fixed-nav { display: none; position: fixed; z-index: 10002; right: 0; top: 100px; height: 70px; width: 60px; } .mobile-book-btn { background: linear-gradient(120deg, rgba(116, 110, 110, 0.8) 0%, rgba(169, 153, 138, 0.8) 50%, rgba(215, 203, 189, 0.8) 100%); text-transform: uppercase; background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; margin-top: 70px; width: 100%; height: 150px; color: white; position: absolute; right: 0; transition: all 0.5s ease; cursor: pointer; font: 400 9px/1.3 "Open Sans", sans-serif; letter-spacing: 2px; text-align: center; } .mobile-book-btn span { white-space: pre; } .mobile-fixed-nav .mobile-book-btn { height: 120px; } .mobile-book-btn:hover, .fixed-video-share:hover { color: white; text-decoration: none; } .mobile-book-btn span { transform: rotate(-90deg); } .hide-book { transform: translateX(100%) !important; transition: all 0.5s ease !important; } .fixed-video-share { position: fixed; right: 0; width: 70px; top: 320px; height: 100px; background-size: 400% 400%; background: linear-gradient(120deg, rgba(131, 58, 180, 0.8) 0%, rgba(253, 29, 29, 0.8) 50%, rgba(252, 176, 69, 0.8) 100%); font-size: 0.8em; text-transform: uppercase; background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; color: white; transition: all 0.5s ease; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 999; font: 400 9px/1.3 "Open Sans", sans-serif; letter-spacing: 2px; } .mobile-fixed-nav .fixed-video-share { position: initial; margin-top: 190px; font: 400 9px/1.3 "Open Sans", sans-serif; letter-spacing: 2px; padding: 0.5rem; text-align: center; } .fixed-video-share div:nth-child(1) { margin-bottom: 1.5rem; } .fixed-video-share div:nth-child(1) > i { font-size: 1.5rem; } /* ------------------------ */ /* --- Grid Square Box ---- */ /* ------------------------ */ .grid-square-box { position: relative; width: 33.3333333333%; padding-bottom: 33.3333333333%; } .grid-square-box > .csr-pointer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-decoration: none; z-index: 1; } .grid-square-box > .csr-pointer::before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.15); top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .grid-square-box > .csr-pointer > .bg-cover-center > .ih-white { position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.7s ease; visibility: hidden; opacity: 0; transition: all 0.7s ease; } .grid-square-box > .csr-pointer:hover .ih-white { visibility: visible; opacity: 1; transition: all 0.7s ease; } .grid-square-box > .csr-pointer:hover .grid-square-btn { background: rgb(255, 255, 255); color: #746F6F; transition: all 0.7s ease; } .grid-square-box > .csr-pointer > div > img { transform: scale(1); transition: all 0.7s ease; } .grid-square-box > .csr-pointer:hover img { transform: scale(1.05); transition: all 0.7s ease; } .grid-square-box > .csr-pointer:hover .ih-white::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.7s ease; } .grid-square-box .csr-pointer span:nth-child(2) { font-family: "Lato", sans-serif; } .grid-square-btn { width: 100px; height: 100px; border-radius: 50%; } .halfOpacity { opacity: 0.5; } @media (min-width: 1200px) { #DesktopVideoShare { display: flex !important; visibility: visible; opacity: 1; } } @media (max-width: 1200px) { .side-nav-panel { z-index: 9999; } .page-marque { padding-top: 0; } .hambuger-btn { display: none; } .mobile-logo { display: block; } .mobile-fixed-nav .hambuger-btn { display: flex; background: white; padding: 0; width: 60px; height: 70px; justify-content: center; flex-direction: column; align-items: center; } .mobile-fixed-nav .hambuger-btn .ham-container { margin-bottom: 10px; } .mobile-fixed-nav .hambuger-btn span { font: 400 9px/1.3 "Open Sans", sans-serif; letter-spacing: 2px; text-transform: uppercase; } .nav-container { display: none; } .mobile-fixed-nav { display: flex; opacity: 1; transition: all 0.5s ease; } .review-card { padding: 3rem; } .grid-square-box { width: 50%; padding-bottom: 50%; } } @media (max-width: 1024px) { .grid-container { grid-template-columns: 1fr 1fr; grid-row-gap: 3rem; } .grids { width: 205px; } .lg-img-box-img, .lg-img-box-content { width: 100%; } } @media (max-width: 992px) { .lg-img-grid-box-container { height: auto; padding-top: 5rem; padding-bottom: 5rem; } .lg-img-grid-img:nth-child(3) { padding-bottom: 30px; } .lg-img-box-title-container, .lg-img-box-content-container { padding: 5rem; } } @media (max-width: 824px) { .grid-square-box { position: relative; width: 100%; padding-bottom: 100%; } } @media (max-width: 715px) { .tab-two-lg { display: block; } .tabbox { width: 100%; } } @media (max-width: 768px) { .lg-img-grid-box { display: grid; justify-items: center; grid-row-gap: 5rem; } .lg-img-grid-box-img, .lg-img-grid-box-content { width: 100%; margin-left: 0; } } @media (max-width: 500px) { .side-nav-panel { width: 100%; } .side-nav-banner-tip h3, .side-nav-banner-tip span.h3 { font-size: 2rem; } .login_form_info_box { top: -80px; bottom: auto; left: -80px; } .login_form_info_box:before { top: auto; left: 50%; transform: rotate(45deg) translateX(-50%); bottom: -10px; } } @media (max-width: 545px) { .grid-container { grid-template-columns: 1fr; grid-row-gap: 3rem; justify-items: start !important; } .lg-img-box-content { padding: 3rem; padding-bottom: 10rem; } .lg-img-box-title-container, .lg-img-box-content-container { padding: 3rem; } .ih-slider-card-conatiner .slick-slide { margin: 0; } h1, span.h1 { font-size: 5rem; } .ih-list li { flex-direction: column; } .ih-list .information { display: flex; flex-direction: column; } } @media (max-width: 375px) { .logo-group-ico { width: 40px; height: 40px; } .page-marque .slick-dots li { width: 45px; } } @media (max-height: 800px) { .side-nav-row { margin-bottom: 1rem; } .side-nav-row:nth-child(3) { padding: 0 !important; } .side-nav-book { font-size: 1em; } .side-nav-link-list .special-link { font-size: 1em; } .side-nav-link-list li { margin-bottom: 1rem; } .side-nav-banner-box { max-height: 240px; } .modal.in .modal-dialog { top: auto !important; transform: translateY(0) !important; left: 0px; } .side-nav-link-list li { margin-bottom: 1rem; } } @media (max-height: 700px) { .lg-bg-slider { height: 880px; } .r-grid-jf-center { grid-row-gap: 3rem; } } /* iPhone 5 */ @media (max-width: 320px) and (max-height: 568px) { .side-nav-panel { padding: 2rem; } .side-nav-row { margin-bottom: 1rem; } .side-nav-row:nth-child(3) { padding: 2rem !important; padding-bottom: 0 !important; } .side-nav-book, .side-nav-account-info a { font-size: 1em; padding: 0.5rem 1rem 0.5rem 1rem; } .side-nav-link-list li { margin-bottom: 1rem; } h1, span.h1 { font-size: 4rem; } .page-marque .slick-dots li { width: 40px; } #loading-image span { font-size: 2rem !important; } #loading-image .slogan-fonts { font-size: 1em; } } .adventure-container { display: grid; grid-row-gap: 2rem; } .adventure-container .horizontal-bef { display: flex; } @media (min-width: 375px) { .adventure-container { padding: 0 3rem; } } @media (min-width: 993px) { .adventure-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 3rem; grid-row-gap: 3rem; } } @media (min-width: 1360px) { .adventure-container { grid-template-rows: 1fr; grid-template-areas: "photo-box content-box"; } .adventure-container .content-box { grid-area: content-box; } } .adventure-container .photo-box .lg-img-grid-img { padding-bottom: 3rem; } @media (min-width: 768px) { .adventure-container .photo-box { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 3rem; grid-row-gap: 3rem; } } @media (min-width: 1360px) { .adventure-container .photo-box { grid-template-columns: repeat(5, 1fr); grid-template-areas: "photo-1 photo-1 photo-2 photo-2 photo-2" "photo-3 photo-3 photo-3 photo-4 photo-4"; grid-area: photo-box; /* square image responsive */ } .adventure-container .photo-box .photo-1 { grid-area: photo-1; } .adventure-container .photo-box .photo-2 { grid-area: photo-2; } .adventure-container .photo-box .photo-3 { grid-area: photo-3; } .adventure-container .photo-box .photo-4 { grid-area: photo-4; } .adventure-container .photo-box .image-square-responsive { position: relative; overflow: hidden; padding-bottom: 100%; } .adventure-container .photo-box .image-square-responsive img { position: absolute; left: 0; bottom: 0; } } .marketing-social-marketing { -moz-column-gap: 3rem; column-gap: 3rem; } @media (max-width: 375px) { .marketing-social-marketing { padding: 6rem 0 !important; } } .truncate { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: normal; } #welcomePanel .lg-img-box-content { display: grid; } .ih-section > div { max-width: 1280px; margin: 0 auto; padding: 3.625rem 2.875rem; } @media (min-width: 1360px) { .ih-section > div { padding: 3.625rem 0; } } @media (min-width: 768px) { .ih-section .content { display: flex; -moz-column-gap: 2.875rem; column-gap: 2.875rem; align-items: center; } } .ih-section .content > div { width: 100%; height: 100%; margin-bottom: 2em; } .ih-section .content > div p { margin-bottom: 2em; } @media (min-width: 768px) { .ih-section .content > div { width: 50%; } } .ih-section .content .outer:before { padding-top: 56.25%; } .reverse-section > div { padding-top: 0; padding-bottom: 0; } .reverse-section .content { flex-direction: row-reverse; } .last-section > div { padding: 3.625rem 0; } .full-width-ih-section div { max-width: none; } .who-we-are { background-color: #746e6e; min-height: 400px; } @media (min-width: 992px) { .who-we-are { position: relative; } } .who-we-are > div { row-gap: 2.875rem; -moz-column-gap: 2.875rem; column-gap: 2.875rem; } @media (min-width: 768px) { .who-we-are > div { display: flex; } } @media (min-width: 768px) { .who-we-are > div > div { width: 50%; } } .who-we-are > div > div .outer:before { padding-top: 56.25%; } .who-we-are > div .lg-bg-slider-title { margin-bottom: 2.875rem; } .who-we-are > div p { max-width: 600px; color: white; } @media (min-width: 992px) { .what-we-care { position: relative; margin-top: -8em; } } .what-we-care .our-mission { padding: 3rem 2rem; grid-area: mission; border-radius: 10px; background-color: white; z-index: 10; } .what-we-care .our-mission h2, .what-we-care .our-mission span.h2 { margin-bottom: 2.5rem; } .what-we-care .our-vision { padding: 2rem; grid-area: vision; border-radius: 10px; background-color: white; z-index: 10; } .what-we-care .our-vision h2, .what-we-care .our-vision span.h2 { margin-bottom: 2.5rem; } .what-we-care .our-value { grid-area: value; } .what-we-care .our-value h2, .what-we-care .our-value span.h2 { margin-bottom: 2.5rem; } .what-we-care .our-value .value-container { display: grid; row-gap: 2.875rem; } @media (min-width: 992px) { .what-we-care .our-value .value-container { grid-template-columns: repeat(2, 1fr); -moz-column-gap: 2.875rem; column-gap: 2.875rem; } } .what-we-care .our-value .value-container .value-item h3, .what-we-care .our-value .value-container .value-item span.h3 { margin-bottom: 2rem; } .what-we-care > div { display: grid; grid-template-areas: "mission" "vision" "value"; row-gap: 3.625rem; -moz-column-gap: 2.875rem; column-gap: 2.875rem; } @media (min-width: 992px) { .what-we-care > div { grid-template-areas: "mission vision" "value value"; } } .location-title { display: table; margin: 0 auto; } .going-green .lg-bg-slider-title { margin-bottom: 2em; }/*# sourceMappingURL=cmstrap.css.map */ .box, .box-w-shadow { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } .box, .box-w-shadow { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .max-1280, .dine-nav .on-background, .pet-nav .on-background, .weddings-nav .on-background, .pet-person .content, .testimonial-section .content, .page-marque-contents > div, main.ux-main, .section > div, .full-width-section > div { max-width: 1280px; margin: 0 auto; } .section, .full-width-section { padding: 0 1.5rem; margin-bottom: 2.125rem; margin-top: 2.125rem; } .section > div > h1, .full-width-section > div > h1, .section > div > span.h1, .full-width-section > div > span.h1 { margin-bottom: 1.5rem; } .section > div > h4, .full-width-section > div > h4, .section > div > span.h4, .full-width-section > div > span.h4, .section > div p, .full-width-section > div p { margin-bottom: 1.5rem; } .section > div > ul.box-tab, .full-width-section > div > ul.box-tab { margin-bottom: 2.875rem; } @media (min-width: 992px) { .section, .full-width-section { padding: 0 3.625rem; } } @media (min-width: 1200px) { .section, .full-width-section { margin-bottom: 4rem; margin-top: 4rem; } } .section.no-margin, .no-margin.full-width-section { margin: 0; max-width: none; } @media (min-width: 992px) { .section.no-margin, .no-margin.full-width-section { padding: 3.625rem; } } @media (min-width: 1200px) { .section.no-margin, .no-margin.full-width-section { padding-bottom: 4rem; padding-top: 4rem; } } @media (min-width: 992px) { .no-header-section, main.ux-main { padding-top: 3.625rem; min-height: calc(100vh - 547px - 100px); margin-top: 0; } } @media (min-width: 1201px) { .no-header-section, main.ux-main { padding-top: calc(130px + 3.625rem); } } .full-width-section { padding: 0; } .full-width-section > div { max-width: none; padding: 0 1.5rem; } @media (min-width: 992px) { .full-width-section > div { padding: 0; } } @media (min-width: 992px) { .full-width-section { padding: 0; } } .overflow-x-scroll-container { overflow-x: scroll; overflow-y: hidden; padding: 2.125rem 2px; padding-bottom: 4rem; margin-top: -2.125rem; margin-bottom: -4rem; cursor: pointer; } .overflow-x-scroll-container.active { cursor: grabbing; } .overflow-x-scroll-container::-webkit-scrollbar { display: none; } .overflow-x-scroll-container > div { margin-bottom: 0; } .overflow-x-scroll-container.x2 > div { min-width: 50%; } .overflow-x-scroll-container.x3 > div { min-width: 33.3333333333%; } .overflow-x-scroll-container.x4 > div { min-width: 25%; } .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .font-link, a, strong, button, input[type=submit], input[type=button] { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, .font-paragraph, p, span { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes gradient { 0% { background-position: 14% 0%; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0%; } } .linear-background-animated, .btn-important.animated, .btn.animated, .animated.btn-square, .animated.btn-square-hollow, .animated.btn-on-background, .page-marque-content a.animated, .animated.btn-on-solid-background, .animated.btn-link, .animated.btn-hollow, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; } .shimmerLine { height: 10px; background: #777; margin-top: 20px; } .shimmerBox { height: 100%; position: relative; } .shimmerBox::before { content: ""; position: absolute; height: 100%; width: 100%; min-width: 250px; animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes fullView { 100% { width: 100%; } } .animateLoading { animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .page-marque-content a.loading::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @keyframes clipMe { 0%, 100% { clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%); } 35% { clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } 50% { clip-path: polygon(0 25%, 100% 0, 100% 75%, 0% 100%); } 65% { clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%); } } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { color: #ffffff; background-color: #a8998b; border: 0; text-align: center; width: -moz-fit-content; width: fit-content; } .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { color: #ffffff; } .btn.loading, .loading.btn-square, .loading.btn-square-hollow, .loading.btn-on-background, .page-marque-content a.loading, .loading.btn-on-solid-background, .loading.btn-important, .loading.btn-link, .loading.btn-hollow, .loading.btn-square-hollow { position: relative; } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .page-marque-content a.loading::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { content: ""; width: calc(100% - 10px); height: calc(100% - 10px); top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: inset 0 0 0 1px; animation: clipMe 1.5s linear infinite; } .btn:focus, .btn-square:focus, .btn-square-hollow:focus, .btn-on-background:focus, .page-marque-content a:focus, .btn-on-solid-background:focus, .btn-important:focus, .btn-link:focus, .btn-hollow:focus, .btn:active, .btn-square:active, .btn-square-hollow:active, .btn-on-background:active, .page-marque-content a:active, .btn-on-solid-background:active, .btn-important:active, .btn-link:active, .btn-hollow:active { color: #ffffff; background-color: #a8998b; opacity: 0.75; } .btn.disabled, .disabled.btn-square, .disabled.btn-square-hollow, .disabled.btn-on-background, .page-marque-content a.disabled, .disabled.btn-on-solid-background, .disabled.btn-important, .disabled.btn-link, .disabled.btn-hollow, .btn[disabled], [disabled].btn-square, [disabled].btn-square-hollow, [disabled].btn-on-background, .page-marque-content a[disabled], [disabled].btn-on-solid-background, [disabled].btn-important, [disabled].btn-link, [disabled].btn-hollow, .btn.aspNetDisabled, .aspNetDisabled.btn-square, .aspNetDisabled.btn-square-hollow, .aspNetDisabled.btn-on-background, .page-marque-content a.aspNetDisabled, .aspNetDisabled.btn-on-solid-background, .aspNetDisabled.btn-important, .aspNetDisabled.btn-link, .aspNetDisabled.btn-hollow, .btn.swiper-button-disabled, .swiper-button-disabled.btn-square, .swiper-button-disabled.btn-square-hollow, .swiper-button-disabled.btn-on-background, .page-marque-content a.swiper-button-disabled, .swiper-button-disabled.btn-on-solid-background, .swiper-button-disabled.btn-important, .swiper-button-disabled.btn-link, .swiper-button-disabled.btn-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn.enlarged, .enlarged.btn-square, .enlarged.btn-square-hollow, .enlarged.btn-on-background, .page-marque-content a.enlarged, .enlarged.btn-on-solid-background, .enlarged.btn-important, .enlarged.btn-link, .enlarged.btn-hollow { padding: 1rem 3rem 1rem 3rem; max-height: 80px; } .btn.fixed, .fixed.btn-square, .fixed.btn-square-hollow, .fixed.btn-on-background, .page-marque-content a.fixed, .fixed.btn-on-solid-background, .fixed.btn-important, .fixed.btn-link, .fixed.btn-hollow { display: inline-block; min-width: 100px; width: auto; text-align: center; white-space: nowrap; } .btn-hollow, .btn-square-hollow { color: #a8998b; border: 1px solid #a8998b; background: none; } .btn-hollow:hover, .btn-square-hollow:hover { background: none; color: #a8998b; background-color: #E8E5E2; animation: none; transition: none; } .btn-hollow:focus, .btn-square-hollow:focus, .btn-hollow:active, .btn-square-hollow:active { color: #a8998b; background-color: #ffffff; } .btn-hollow.disabled, .disabled.btn-square-hollow, .btn-hollow[disabled], [disabled].btn-square-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); border: 0; } .btn-link { background: none; border: 0; max-width: none; min-width: auto; padding: 0; color: #746F6F; display: flex; align-items: center; } .btn-link:hover, .btn-link:focus, .btn-link:active { background: none; color: #746F6F; } .btn-link:focus, .btn-link:active { color: #746F6F; background: none; } .btn-link.disabled, .btn-link[disabled] { pointer-events: none; color: rgba(116, 111, 111, 0.2); background: none; } .btn-important { color: #ffffff; background-color: #746F6F; border: 0; } .btn-important:hover { color: #ffffff; } .btn-important:focus, .btn-important:active { background-color: #746F6F; } .btn-important.disabled, .btn-important[disabled] { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn-on-solid-background { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-solid-background:hover { color: #a8998b; background: none; background-color: rgba(255, 255, 255, 0.8); } .btn-on-solid-background:focus, .btn-on-solid-background:active { color: #a8998b; background-color: #ffffff; } .btn-on-solid-background.disabled, .btn-on-solid-background[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background, .page-marque-content a { color: #ffffff; border: 1px solid #ffffff; background: none; width: -moz-max-content; width: max-content; } .btn-on-background:hover, .page-marque-content a:hover { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-background:hover > .arrow, .page-marque-content a:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background:focus, .page-marque-content a:focus, .btn-on-background:active, .page-marque-content a:active { color: #a8998b; background-color: #ffffff; } .btn-on-background:focus > .arrow, .page-marque-content a:focus > .arrow, .btn-on-background:active > .arrow, .page-marque-content a:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background.disabled, .page-marque-content a.disabled, .btn-on-background[disabled], .page-marque-content a[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background.disabled > .arrow, .page-marque-content a.disabled > .arrow, .btn-on-background[disabled] > .arrow, .page-marque-content a[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .btn-square, .btn-square-hollow { width: 46px; min-width: 0 !important; height: 46px; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .btn-square > .arrow, .btn-square-hollow > .arrow { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='white'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.up > .arrow, .up.btn-square-hollow > .arrow { transform: rotate(180deg); } .btn-square.left > .arrow, .left.btn-square-hollow > .arrow { transform: rotate(90deg); } .btn-square.right > .arrow, .right.btn-square-hollow > .arrow { transform: rotate(-90deg); } .btn-square > .plus, .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square > .minus, .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.small, .small.btn-square-hollow { min-width: 32px; min-height: 32px; width: 32px; height: 32px; } .btn-square.small > .arrow, .small.btn-square-hollow > .arrow, .btn-square.small > .plus, .small.btn-square-hollow > .plus, .btn-square.small > .minus, .small.btn-square-hollow > .minus { width: 12px; height: 12px; } .btn-square-hollow > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='%23A8998B'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow.active { background: #a8998b; color: #ffffff; } .btn-square-hollow.active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background > .arrow, .page-marque-content a.btn-square-hollow > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:hover > .arrow, .page-marque-content a.btn-square-hollow:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:focus > .arrow, .page-marque-content a.btn-square-hollow:focus > .arrow, .btn-square-hollow.btn-on-background:active > .arrow, .page-marque-content a.btn-square-hollow:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background.disabled > .arrow, .page-marque-content a.btn-square-hollow.disabled > .arrow, .btn-square-hollow.btn-on-background[disabled] > .arrow, .page-marque-content a.btn-square-hollow[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .data-pager { display: flex; gap: 10px; align-items: center; position: relative; } .data-pager-prev, .data-pager-next { position: absolute !important; background-size: 20px !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } html { font-size: 16px; scroll-padding-top: calc(80px + 3.625rem); } *, *:before, *:after { box-sizing: border-box; } body { margin: 0; padding: 0; max-width: 100%; position: relative; line-height: 1.5; font-size: 1rem; background-color: #f8f8f8; color: #746F6F; } a, .special-link { color: #746F6F; } code[class*=language-], pre[class*=language-] { font-size: 0.875rem; } div.code-toolbar > .toolbar { opacity: 1; } div.code-toolbar > .toolbar .toolbar-item { margin-right: 5px; } div.code-toolbar > .toolbar .toolbar-item:last-of-type { margin-right: 0; } .mirrorCard { margin: 5%; padding: 5%; } @media (max-width: 700px) { .mirrorCard { margin: 10px; padding: 10px; } } .child-page-marquee .swiper-pagination-bullet, .lg-bg-slider-content .swiper-pagination-bullet, .page-marque .swiper-pagination-bullet { width: 30px; height: 30px; border-radius: 50px; background: #E8E5E2; margin: 0 6px !important; } .child-page-marquee .swiper-pagination-bullet-active, .lg-bg-slider-content .swiper-pagination-bullet-active, .page-marque .swiper-pagination-bullet-active { background: #a8998b; } .child-page-marquee .swiper-pagination, .lg-bg-slider-content .swiper-pagination, .page-marque .swiper-pagination { bottom: 1.5rem !important; } .ih-page-marque.remember-marquee { text-align: center; background-color: white; } .ih-page-marque.remember-marquee .page-marque-contents { top: 30%; } .ih-page-marque.remember-marquee img { -o-object-fit: contain; object-fit: contain; } .ih-page-marque.remember-marquee .mobile-logo { display: none; } .ih-page-marque.remember-marquee h1, .ih-page-marque.remember-marquee span.h1, .ih-page-marque.remember-marquee h3, .ih-page-marque.remember-marquee span.h3 { color: #746F6F; text-align: center; } @media (min-width: 1200px) { .ih-page-marque.remember-marquee { text-align: right; } .ih-page-marque.remember-marquee img { -o-object-fit: cover; object-fit: cover; } .ih-page-marque.remember-marquee .page-marque-contents { top: 50%; } .ih-page-marque.remember-marquee h1, .ih-page-marque.remember-marquee span.h1, .ih-page-marque.remember-marquee h3, .ih-page-marque.remember-marquee span.h3 { text-align: right; } } .page-marque { margin: 0 auto; height: 100vh; position: relative; z-index: 1; } .page-marque.career-marquee img { -o-object-position: top; object-position: top; } .remember-section > div > p { font-size: 1.125rem !important; } .lg-bg-slider-content .swiper-wrapper { margin-bottom: 1rem; } .lg-bg-slider-content .swiper-pagination { bottom: 0rem !important; } .mouse-icon { border: 1px solid white; border-radius: 16px; height: 40px; width: 24px; position: absolute; z-index: 10; bottom: 5%; left: 50%; transform: translateX(-50%); cursor: pointer; transition: all 0.5s ease-in; } .mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: drop; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-play-state: running; } .mouse-icon .wheel { position: relative; border-radius: 10px; background: rgba(255, 255, 255, 0.8); width: 2px; height: 6px; top: 4px; margin-left: auto; margin-right: auto; } .mouse-icon:hover { transform: translate(-50%, -50%); } @keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } .slide { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover; z-index: 3; display: block; } .slide-info { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 8em; } .form-container { container: form/inline-size; } .form-container .form-groups { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; } .form-container .form-groups .form-group { flex: 0 1 100%; } .form-container .form-groups .form-check { margin-bottom: 0; } @container form (min-width: 430px) { .form-container .form-groups.grid-2 .form-group, .form-container .form-groups.grid-2 .form-check, .form-container .form-groups.grid-3 .form-group, .form-container .form-groups.grid-3 .form-check, .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(50% - 0.75rem); } } @container form (min-width: 768px) { .form-container .form-groups.grid-3 .form-group, .form-container .form-groups.grid-3 .form-check, .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(33.3333333333% - 1rem); } .form-container .form-groups .form-group.w-100p, .form-container .form-groups .form-check.w-100p { flex: 0 1 100% !important; } } @container form (min-width: 1200px) { .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(25% - 1.125rem); } } .form-group.disabled select:disabled { background: none; } .form-group .input-container { width: 100%; } #title { margin: 0 auto !important; font-size: 8rem; color: aliceblue; line-height: 1.5; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); /* font-family: 'Source Sans Pro Bold', sans-serif; */ font-family: "Helvetica", serif; font-weight: 600; font-style: normal; text-align: center; } #subtitle { margin: 0 auto !important; font-size: 2rem; color: aliceblue; line-height: 1.5; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); font-family: "Muli", sans-serif; font-weight: 400; font-style: normal; } #view-hotel-btn { margin-top: 2em; border-radius: 0; padding: 10px 20px 10px 20px; background: transparent; color: white; border: 1px solid white; text-transform: uppercase; font-family: "Oswald", sans-serif; } #view-hotel-btn:hover { background: aliceblue; color: #222325; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .prev { position: absolute; left: 0; font-size: 3em; color: rgba(255, 255, 255, 0.6); background: rgba(34, 34, 34, 0.6); padding-top: 0; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; cursor: pointer; z-index: 5; height: 50px; display: flex; align-items: center; top: 50%; } .next { position: absolute; right: 0; font-size: 3em; color: rgba(255, 255, 255, 0.6); background: rgba(34, 34, 34, 0.6); padding-top: 0; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; cursor: pointer; z-index: 5; height: 50px; display: flex; align-items: center; top: 50%; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.6); } .slides-view { display: flex; position: absolute; background: rgba(235, 235, 235, 0.022); bottom: 10%; left: 50%; transform: translate(-50%, -50%); z-index: 5; } .dot, .current-slide { display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: rgba(0, 0, 0, 0.2); margin-right: 1em; } .current-slide { background: rgba(0, 0, 0, 0.557); } #widget-logo { width: 25px; margin-right: 1em; } .booking { position: absolute; display: block; width: 100%; align-items: center; background: rgba(240, 240, 240, 0.8); z-index: 999; left: 0; bottom: -56px; box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.3); } .booking ::-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .booking ::placeholder { color: rgba(0, 0, 0, 0.8); } .booking-widget { display: flex; justify-content: center; align-items: center; height: 56px; } .booking-widget span { cursor: pointer; } .m-location-input { display: flex; align-items: center; } #MDateTimeInputBox, #MRoomGuestText { position: relative; border: 0; background: transparent; padding-left: 2em; cursor: pointer; padding-right: 2em; } #MDateTimeInputBox { border-right: 1px solid black; height: 2em; } .m-room-guest { position: relative; } .m-guests { display: flex; justify-content: space-between; align-items: center; margin-top: 1em; margin-bottom: 1em; } .m-nog { display: flex; align-items: center; } .m-nog > input { width: 30px; text-align: center; } .m-inputs { margin-right: 1em; } .m-guestdrop, div .m-guestdrop div { margin-right: 0 !important; } .m-guestdrop { position: absolute; padding: 1em; background-color: #fff; color: #484c55; width: 100%; height: auto; display: none; border-radius: 0px 0px 6px 6px; top: 48px; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .m-guestdrop input::-webkit-outer-spin-button, .m-guestdrop input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .m-guestdrop input[type=number] { -moz-appearance: textfield; } .b-Icon { position: absolute; top: 50%; transform: translate(0, -52%); } .m-nog div { padding-right: 10px; } .m-noa, .m-noc { padding-right: 0 !important; } #mnoa, #mnoc { text-align: center; width: 30px; border: 0; } .m-plus, .m-minus { cursor: pointer; } #m-a-pl, #m-a-mi, #m-c-pl, #m-c-mi { color: rgba(0, 0, 0, 0.8); } #m-a-pl:hover, #m-a-mi:hover, #m-c-pl:hover, #m-c-mi:hover { color: #3f505a; } .sticky-op { background: rgb(240, 240, 240); } .sticky { position: fixed !important; top: 0; width: 100%; box-shadow: 0 2px 4px 0 rgba(82, 82, 82, 0.16), 0 2px 10px 0 rgba(78, 78, 78, 0.12); z-index: 1200; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } #adults-label, #child-label { display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .search-param, #adults-label, #child-label, .submit-btn, .searchIcon { height: 2em; padding-right: 20px; margin-right: 20px; } .searchIcon { display: flex; justify-content: center; align-items: center; font-size: 1.2em; padding-left: 1em; } .magnifyingGlass { padding: 15px; cursor: pointer; } #n-adults, #n-children { margin-right: 10px; } .search-param, #n-adults, #n-children { border: 0; background: transparent; } .search-param, #adults-label, .searchIcon { border: 0; border-right: 1px solid black; } .search-param-desktop { width: 20em; } .submit-btn { border-radius: 0; background: #9b212d; height: 100%; color: white; border: 0; font-family: "Oswald"; text-transform: uppercase; min-width: 150px; } /*WILL UPDATE THE ANIMATION EFFECTS IN IT */ .submit-btn:hover { background: rgba(0, 0, 0, 0.8); color: white; transition-property: background; transition-duration: 0.5s; } .box1 { display: flex; justify-content: center; padding-top: 1em; padding-bottom: 1em; background: #f8f8f8; } .adventuring, .community, .deal-ic, .trending { display: flex; margin: 3em; align-items: center; color: #606060; cursor: pointer; } .adventuring i, .deal-ic i, .community i, .trending i { border: 2px solid #606060; padding: 0.5em; width: 63px; min-width: 63px; border-radius: 50%; text-align: center; } .adventuring h3, .adventuring span.h3, .deal-ic h3, .deal-ic span.h3, .community h3, .community span.h3, .trending h3, .trending span.h3 { margin-left: 1.5em; font-weight: bold; color: #606060; font-family: "Lato", sans-serif; } .adventuring:hover, .deal-ic:hover, .community:hover, .trending:hover { color: #222325; } .adventuring:hover i, .deal-ic:hover i, .community:hover i, .trending:hover i { border: 2px solid #222325; } .adventuring:hover h3, .adventuring:hover span.h3, .deal-ic:hover h3, .deal-ic:hover span.h3, .community:hover h3, .community:hover span.h3, .trending:hover h3, .trending:hover span.h3 { color: #222325; } .about { height: 800px; display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin: 0 auto; padding-left: 15%; position: relative; background: #3d323b; } .about::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center bottom; opacity: 0.2; transform: translateZ(0); -webkit-transform: translateZ(0); background-image: url(/img/page-marque/Placeholder/Untitled-2.jpg); z-index: 0; } .side-pattern { position: absolute; background-image: url(/img/pattern/pattern02-white.png); background-repeat: repeat-y; background-position: top center; background-size: 100%; height: 100%; top: 3em; width: 75px; bottom: 0; left: 0; } .about-img { margin-top: 2em; width: 80%; background-size: cover; color: aliceblue; position: relative; } .about-img img { width: 800px; } .about-img { font-size: 2em; } .about-description { display: flex; justify-content: center; width: 48%; position: absolute; border: 3px solid #f8f8f8; top: 35%; left: 40%; padding-left: 3vw; padding-right: 1vw; padding-top: 10%; padding-bottom: 5%; color: rgba(255, 255, 255, 0.6); } .about-description h2, .about-description span.h2 { font-style: italic; color: #f8f8f8; } /* .about-textarea:first-child{ width: 30%; color: transparent; user-select: none; } */ .about-textarea:last-child { width: 70%; } .about-textarea p { padding-top: 1em; padding-bottom: 1em; } .aboutbtn { padding-top: 1em; } .about-btn { color: #f8f8f8; width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid #f8f8f8; margin: 0px; white-space: nowrap; overflow-x: no-content; text-transform: uppercase; } .about-btn:hover { background: aliceblue; color: #222325; } .pattern { margin-top: 5%; width: 100%; height: 25px; } /* ourhotel popular places option2 */ .ourHotel, .popularPlaces { height: 700px; } /* .popularPlaces{ margin-top: 3em; } */ .deal-slider .outer { position: relative; } .deal-slider .outer:before { display: block; content: ""; width: 100%; padding-top: 66.7664670659%; } .deal-slider .outer > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .o-hotel-container, .p-places-container { width: 100%; height: 100%; display: flex; } .ohimg, .ppimg { width: 55%; position: relative; } .o-h-img, .p-p-img { width: 100%; height: 100%; } .o-h-img { background-image: url(/img/page-marque/Placeholder/jasper-08.jpg); background-position: center center; background-size: cover; /* filter: grayscale(40%); */ z-index: -1; } .p-p-img { background-image: url(/img/page-marque/Placeholder/jasper-01.jpg); background-position: center center; background-size: cover; /* filter: grayscale(40%); */ z-index: -1; top: 0; left: 0; position: absolute; transition: all 1s ease; opacity: 0; transform: translateX(100%); } .o-h-description, .p-p-description { display: flex; flex-direction: column; width: 45%; background: #3d323b; color: rgba(255, 255, 255, 0.8); /* align-items: center; */ padding-left: 5em; padding-top: 4em; padding-bottom: 4em; width: 45%; } .o-h-description { flex-direction: row; padding-top: 0; padding-bottom: 0; } .o-h-content, .p-p-content { width: 400px; height: 300px; /* display: flex; */ /* flex-direction: column; */ /* justify-content: space-around; */ position: relative; } .o-h-content { display: flex; flex-direction: column; justify-content: space-around; height: 100%; } .o-h-textarea, .o-h-button, .p-p-textarea, .p-p-button { width: 100%; } .o-h-textarea { font-size: 1.5em; } .p-p-textarea { position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease; transform: translateX(100%); } .near { padding-left: 1em; } .p-p-detail { margin-top: 1.5em; list-style-type: none; padding: 0; } .p-p-detail li { margin-bottom: 1em; display: flex; align-items: center; } .ppActive { opacity: 1; transform: initial; } .o-h-button, .p-p-button { color: rgb(255, 255, 255); } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 5em; text-transform: uppercase; margin-bottom: 1em; } .uni-btn { margin-top: 2em; border-radius: 0; padding: 10px 20px 10px 20px; background: transparent; color: white; border: 1px solid white; text-transform: uppercase; } .uni-btn:hover { background: aliceblue; color: #222325; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .o-h-corporate { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; align-self: center; justify-items: center; align-items: center; width: 350px; } .o-h-logo { width: 100px; height: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.09; } .box2 { display: flex; width: 100%; background: #f8f8f8; color: #222325; height: 750px; } .side-img { width: 50%; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; /* background-position-x: -10em; */ } .side-img h1, .side-img span.h1, .side-img2 h1, .side-img2 span.h1 { color: aliceblue; font-weight: bold; } .description { width: 50%; display: flex; flex-direction: column; justify-content: center; align-content: space-around; padding-left: 5em; padding-right: 5em; position: relative; z-index: 1; background: #4e444c; color: rgba(255, 255, 255, 0.6); } .description a { color: #f8f8f8; width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid #f8f8f8; text-transform: uppercase; } .description a:hover { background: aliceblue; color: #222325; } .description h2, .description span.h2 { color: #f8f8f8; } .description p { padding-top: 1em; margin-bottom: 100px; } .upperImg { position: absolute; top: 0; right: 0; left: 0; bottom: 80%; display: flex; z-index: 5; } .lowerImg { position: absolute; top: 80%; bottom: 0; right: 0; left: 0; display: flex; z-index: 5; } .upper, .lower { width: 100%; background-size: cover; } .whybook { height: 880px; background: #f8f8f8; display: flex; justify-content: center; position: relative; z-index: 1; } .w-container { width: 100%; height: 100%; display: flex; justify-content: space-evenly; padding: 2em 0 2em 0; position: relative; padding-right: 2em; padding-left: 2em; align-items: center; margin: 0 atuo; max-width: 1200px; } .whybook-gallery { width: 600px; height: 600px; display: flex; } .w-title { width: 600px; } .w-title p { padding-top: 1em; padding-bottom: 1em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 5em; text-transform: uppercase; } .t-right { display: flex; align-items: flex-end; padding-left: 5em; } .w-content { display: flex; } .reviewsBox { height: 600px; } .socialContainer { width: 100%; position: relative; } .socials { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; color: aliceblue; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2em; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background-position: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .socials h3, .socials span.h3 { font-size: 4rem; cursor: pointer; } .text { text-align: center; width: 600px; display: flex; flex-direction: column; justify-content: start; z-index: 99; padding: 1em; color: #3d323b; background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .text h2, .text span.h2 { padding: 5px; } .text span { width: 80%; text-align: left; margin: 1em auto; } .text span::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02e"; margin-right: 1em; } .ratings { width: 100%; margin: 0 auto; padding-top: 1em; padding-right: 4vw; padding-left: 3vw; } .rating { margin-top: 2vh; text-align: left; height: 230px; overflow: hidden; } .rating:first-of-type { margin-top: 0; } .u-name, .u-comtitle { font-weight: bold; } .u-name { font-size: 1.5em; } .u-local { font-size: 10px; } .u-comtitle { margin-top: 10px; } .rating-control { margin-top: 2vh; margin-bottom: 0px; display: flex; justify-content: center; } .rating-left, .rating-right { cursor: pointer; } .rating-right, .rating-left { margin-left: 10px; margin-right: 10px; } .rating-nav-cirle { display: flex; align-items: center; } .rating-nav-cirle button { cursor: pointer; vertical-align: center; width: 8px; height: 8px; margin: 4px; border-radius: 50%; border: 0; padding: 0; color: transparent; background-color: #a5a5a5; } .m-adventures { height: 700px; display: grid; grid-template-columns: 1fr 1fr; } .mAd-layout:first-of-type { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; position: relative; } .mAd-layout:first-of-type > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .mAd-layout:first-of-type > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .mAd-layout:first-of-type > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .mAd-layout:first-of-type > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .mAd-layout:last-of-type { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; position: relative; } .mAd-layout:last-of-type > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .mAd-layout:last-of-type > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .mAd-layout:last-of-type > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } .x2 { -ms-grid-column-span: 2; grid-column: span 2; } .mAd { position: relative; overflow: hidden; cursor: pointer; } .m-h3 { position: absolute; bottom: 10%; z-index: 99; color: rgb(255, 255, 255); font-size: 2em; width: 100%; text-align: center; } .m-h3::before { content: ""; position: absolute; width: 80px; height: 80px; top: 0%; opacity: 0; left: 50%; transform: translateX(-50%); background-image: url(/img/hotel/Placeholder/logo/innhotel_logo-light.png); background-repeat: no-repeat; z-index: -99; transition: all 0.5s ease; } .m-h3 span { position: relative; text-transform: uppercase; font-size: 0.9em; } .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; border-top: 1px solid white; transition: all 0.5s ease; } .mAd-bg { width: 100%; height: 100%; background-size: cover; background-position: center; transform: scale(1); transition: transform 0.5s ease; } .mAd:hover .mAd-bg { position: relative; transform: scale(1.05); } .mAd:hover .mAd-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(61, 50, 59, 0.8); } .mAd:hover .m-h3::before { top: -180%; opacity: 1; } .mAd:hover .line { width: 100%; } .descriptions { position: initial; padding-left: 3em; padding-right: 3em; display: flex; flex-direction: column; justify-content: center; } .descriptions p { padding-top: 1em; padding-bottom: 1em; } .descriptions a { width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid rgb(0, 0, 0); text-transform: uppercase; } .descriptions a:hover { background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); } .mAd::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: radial-gradient(ellipse at center, rgba(62, 62, 62, 0) 0, rgba(56, 56, 56, 0) 30%, rgba(52, 52, 52, 0.09) 50%, rgba(43, 43, 43, 0.3) 100%); transition: opacity 0.3s; } .deals { display: inline-block; padding-top: 3em; /* height: 610px; */ padding-bottom: 3em; background: #f8f8f8; } .deal-control { margin-top: 3%; display: flex; justify-content: center; } .deal-title-m { text-align: center; margin-bottom: 3%; } .deal-container-m { display: flex; padding-left: 5em; padding-right: 5em; } /* .deal-col{ margin: auto 2em; border: 3px solid black; padding: 15px; position: relative; width: 15%; } */ /* option 2 */ .deal-col { margin: auto 2em; padding: 15px; position: relative; width: 15%; padding: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: default; background: #fff; } /* .deal-col:first-of-type{ margin-left: 0; } */ /* option 1 */ /* .deal-img-m{ position: absolute; left: 10px; right: -15px; top: -30px; } */ .deal-col:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); transform: translateY(-15px); } /* option 1 */ /* .deal-content-text{ margin-top: 9em; overflow-y:hidden; } */ .deal-content-text { margin-top: 1em; overflow-y: hidden; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; } /* option 2 */ .deal-button-m { padding-top: 10px; padding-bottom: 10px; text-align: center; margin-bottom: 1em; } .deal-left, .deal-right { margin-left: 10px; margin-right: 10px; cursor: pointer; } .wrap-text { position: relative; overflow: hidden; /* line-height: 1.2em; */ max-height: 4.5em; text-align: left; transition: all 1s ease; cursor: pointer; margin: 0 0 15px; } .wrap-text-toggle { max-height: 20em; transition: all 1s ease; } .deal-description-m { position: relative; } .deal-instruction-info { position: absolute; right: 5px; top: 2px; } .deal-instruction-info::before { content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: white; font-size: 1.2em; cursor: pointer; } .deal-instruction-info:hover::before { color: rgba(255, 255, 255, 0.7); transition: all 0.5s linear; } .deal-description-m::after { content: "\f0dd"; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; bottom: -10px; right: 50%; cursor: pointer; transform: translate(50%); } .deal-coupon-code { text-align: center; } #deal-c-code { font-size: 1.2em; font-weight: bold; color: #3d323b; } .modal-open { padding-right: 0 !important; } .modal { z-index: 10000; } /*In order to override specificity battles that were occurring on modals with reused names on pages references main.css, this high-specificity style is being used to override transform on the deal modal */ .dealModalBottomAdjuster.modal-dialog.modal-dialog-centered { transform: translate(0, 100%); } .instruction-img img { width: 100%; } #instructionModal { padding-right: 0; } /* .deal-left:hover i, .deal-right:hover i{ color: #a5a5a5; } */ .nav-cirle { display: flex; align-items: center; } .nav-cirle span { cursor: pointer; vertical-align: center; width: 8px; height: 8px; margin: 4px; border-radius: 50%; border: 0; padding: 0; background-color: #a5a5a5; } .nav-cirle > .actives { background-color: #222325; } .deal-button-m { padding-top: 10px; padding-bottom: 10px; text-align: center; } .deal-button-m a { color: black; padding: 10px 15px 10px 15px; border: 1px solid black; } .deal-button-m a:hover { background: black; color: #dadada; text-shadow: rgba(255, 255, 255, 0.199); } /* .carousel-inner .item{ display: block; } */ .carousel-inner .active { display: block; display: flex; justify-content: center; } .deal-inner { overflow: initial; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .side-img2 { width: 50%; height: 100vh; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; background-position-y: -50px; } .popular-places { display: flex; justify-content: center; padding-top: 1em; padding-bottom: 1em; background: #ffffff; } .popular-places h2, .popular-places span.h2 { color: #222325; font-weight: bold; margin-top: 3rem; } .popular-places-content { margin: 0 auto; width: 100%; height: 60vh; display: flex; justify-content: center; align-items: center; background: #3d323b; position: relative; color: rgba(255, 255, 255, 0.6); } .popular-places-content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center top; opacity: 0.2; transform: translateZ(0); -webkit-transform: translateZ(0); background-image: url(/img/Mountain4K-001.jpg); z-index: 0; } .place-name h3, .place-name span.h3 { color: #f8f8f8; } .columns-1, .columns-2 { width: 40%; } .jasper, .terracana, .invermere, .canmore { position: relative; height: 25vh; } .place-img { position: absolute; width: 40%; height: 75%; background: linear-gradient(rgba(0, 0, 0, 0.199), rgba(43, 37, 37, 0.199)); background-size: cover; left: 10%; bottom: 10%; z-index: 1; } .place-name { position: absolute; padding: 2em; border: 3px solid #f8f8f8; z-index: 5; } .jasper-name { padding-left: 4em; padding-right: 4em; right: 45%; transform: translate(50%, 0); cursor: pointer; } .jasper-content { padding-left: 1em; padding-right: 1em; width: 40%; position: absolute; right: 0; top: 60%; transform: translate(0, -50%); } .terracana-img { top: 0; } .terracana-name { padding-left: 4em; padding-right: 4em; bottom: 0; cursor: pointer; } .terracana-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 45%; transform: translate(0, -50%); width: 40%; } .invermere-name { right: 40%; transform: translate(50%, 0); bottom: 0; cursor: pointer; } .invermere-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 40%; transform: translate(0, -50%); width: 40%; } .canmore-name { cursor: pointer; } .canmore-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 60%; transform: translate(0, -50%); width: 40%; } .canmore-img { bottom: 0; } /* .columns-1{ display: flex; flex-direction: column; } */ /* .jasper-img h3, .terracana-img h3, .invermere-img h3, .canmore-img h3{ font-size: 5rem; font-weight: bold; color: aliceblue; text-shadow: rgba(0, 0, 0, 0.199); } */ .info { display: flex; flex-direction: row; height: 30vh; background: #f8f8f8; color: #222325; padding: 5vw; justify-content: space-evenly; align-items: center; margin: 0 auto; width: 100%; } .hotelHolder { width: 45vw; display: flex; flex-direction: row; color: #222325; text-decoration: none; justify-content: space-evenly; overflow: no-display; } .navbar-mobile { flex-basis: 100%; flex-grow: 1; align-items: center; } .weather { background-color: white; width: 200px; /*box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1);*/ padding: 5px; } /* .loginMarque { background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(/img/page-marque/Placeholder/canada.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; } .loginMarque::after{ background-color:white; opacity:0.5; top:0; left:0; right:0; bottom:0; position:absolute; z-index:-2; } .loginCard { width: 90vw; margin: 0px 5vw 250px 5vw; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px 1px; border-radius: 12px; padding: 12px 5vh 12px 5vh; background-color: #ffffff; } */ /* The container */ .checkBoxContainer { display: block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; font-size: 1em; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 1em; } /* Hide the browser's default checkbox */ .checkBoxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 15px; width: 15px; left: 0; margin: 0; z-index: 1; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #eee; } /* On mouse-over, add a grey background color */ .checkBoxContainer:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .checkBoxContainer input:checked ~ .checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkBoxContainer input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkBoxContainer .checkmark:after { left: 5px; top: 2.5px; width: 5px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); } .text-danger { color: #a94442; font-size: 1.2rem; font-weight: 400; } /* bootstrap modal customize */ #videoModal { z-index: 1200; } #videoModal .modal-content { max-height: none; } #videoModal .modal-header, #videoModal .modal-footer { border: 0; } #videoModal .modal-body { display: grid; gap: 1.5rem; } #videoModal .modal-body .form-row:nth-child(2) { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1.5rem; } #videoModal .modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } #videoModal .modal-header .close { opacity: 1; color: black; text-shadow: none; border: none; padding: 0; background: none; } #contest-form-modal .plain-input { min-width: 1px; width: 100%; } #contest-form-modal .form-group { display: grid; max-width: none; width: 100%; } #contest-form-modal .form-group textarea { background: transparent; border: 0; } #contest-form-modal textarea { resize: none; } #videoModal .contest-btn { text-align: center; color: black; } .master_notify span { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1301; background: rgba(249, 166, 2, 0.8); color: white; } .sent { padding: 1.5rem; } .agreeGroup { display: flex !important; } .agreeGroup input { margin-right: 1rem; } .withAlertHeight { top: 50px; } .photoButton { padding: 1px 9px 1px 9px; border: 1px solid grey; border-radius: 4px; margin-left: 15px; } /* Alert Panel Style*/ .master_alert { width: 100%; z-index: auto; background: #E8E5E2; background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; min-height: 50px; display: flex; align-items: center; } .master_alert > div { width: 100%; padding: 1rem 1.5rem; } .master_alert > div .content { display: flex; justify-content: space-between; flex-wrap: wrap; -moz-column-gap: 1rem; column-gap: 1rem; align-items: center; height: 100%; width: 100%; } .master_alert > div .content > div:nth-child(1) { position: relative; padding-left: 1.875rem; } .master_alert > div .content > div:nth-child(1):before { content: ""; background-color: #746F6F; width: 1.125rem; height: 1.125rem; border-radius: 3px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } @media (max-width: 575px) { .master_alert > div .content { flex-direction: column; align-items: flex-start; justify-content: center; flex-wrap: nowrap; font-size: 0.875rem; } .master_alert > div .content a, .master_alert > div .content strong { font-size: 0.875rem; } } @media (min-width: 992px) { .master_alert > div { padding: 1rem 3.625rem; } } @media (min-width: 1200px) { .master_alert > div { padding: 0 3.625rem; } } .master_alert.remember-banner { background: #1d1d1d; color: white; } .master_alert.remember-banner > div .content > div:nth-child(1):before { content: "\f4ba"; font-family: "Font Awesome 5 Free"; font-weight: 900; background: none; transform: translateY(calc(-50% - 2px)); } .master_alert.remember-banner > div .content a, .master_alert.remember-banner > div .content strong { color: rgba(255, 255, 255, 0.85); } .master_alert .r-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-items: center; align-items: center; width: 100%; grid-row-gap: 1rem; } .alertBtnContainer { position: relative; width: 30px; height: 30px; justify-self: right; } @media (max-width: 575px) { .alertBtnContainer { position: absolute; top: 0; right: 1rem; } } .alertBtnContainer i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .alertButton { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; border: 0; background: transparent; } /* alert media query */ @media (max-width: 768px) { #AlertPanel .r-grid { grid-row-gap: 0; } #AlertPanel h3, #AlertPanel span.h3 { font-size: 1.2em; } #AlertPanel a { font-size: 0.8rem; } #AlertPanel .alertBtnContainer { width: 15px; height: 15px; } #AlertPanel .alertBtnContainer i { font-size: 1.2em; } } @media (max-width: 575px) { .dropdown { width: 100%; } } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) { position: relative; width: 30px; margin-right: 10px; } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) img { width: 30px; height: 30px; } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) span { width: 10px; height: 10px; } /* mobile view queries */ @media (max-width: 1400px) { .deal-container-m { padding-left: 0; padding-right: 0; } .deal-col { width: 30%; } .mAd-layout:first-of-type { grid-template-columns: 1fr; } .x2-1 { grid-column: auto; } } @media (max-width: 1280px) { .w-title, .text, .whybook-gallery { width: 100%; } .reviewS, .innCanada { width: 50%; } } @media (max-width: 1200px) { /* change 5 col to 4 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1) { display: none; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 4em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 4em; } .mAd-3 { grid-column: span 2; } .mAd-layout:last-of-type { grid-template-columns: 1fr 1fr; } } @media (min-width: 1025px) and (max-width: 1150px) { .adventuring, .community, .deal-ic, .trending { margin-left: 1em; margin-right: 1em; } } @media (max-width: 1024px) { .info { justify-content: space-between; } .hotelHolder { display: none !important; } .about { padding-left: 10%; } .about-img { width: 57%; } .about-description { width: 50%; left: 47%; padding: 5em 1.5em 5em 1.5em; } .box1 { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; } .adventuring, .community, .deal-ic, .trending { width: 50%; justify-self: center; margin-left: 0; } .whybook { height: auto; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 3em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 3em; } .innCanada { display: flex; flex-direction: column-reverse; } .t-right { padding-left: 2em; } /* change 5 col to 3 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2) { display: none; } } @media (max-width: 905px) { .about-img { width: 100%; } .about-img img { width: 100%; } } @media (max-width: 960px) { .booking { display: none; top: 69px; bottom: 0; height: -moz-fit-content; height: fit-content; } .m-inputs { margin-right: 0; } .searchIcon { margin-left: 1em; } .booking, .booking-widget { width: 100%; } .search-param-desktop { width: auto; } .m-room-guest { padding-left: 1em; } .search-param, .searchIcon { padding-left: 0; } .m-date-input .datepicker { width: auto; } .m-date-input .datepicker__months::before { display: none; } .m-date-input .datepicker__info--selected { display: grid; } .dropdown { display: flex; justify-content: space-between; position: relative; align-items: center; margin-right: 1em; } .dropdown-items { display: none; } /* TODO: Fix fonts overwriting */ .navName { font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-style: normal; } .dropdown:last-of-type { margin-right: 0; } .ourHotel, .popularPlaces { height: auto; } .o-hotel-container, .p-places-container { display: block; } .o-h-img, .p-p-img { height: 500px; } .ohimg, .ppimg, .o-h-description, .p-p-description { width: 100%; } .ppimg { height: 500px; } .o-h-content { height: auto; } } @media (max-width: 768px) { .booking { height: 150px; padding: 2em; background: rgb(255, 255, 255); } .booking-widget { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; } .m-location-input { grid-column: span 3; } .search-param, .searchIcon { border-right: 0; padding: 0; margin: 0; } .search-param { padding-left: 1.5em; width: 100%; } .m-inputs { padding-left: 1em; } #MDateTimeInputBox, #MRoomGuestText { border: 0; padding-left: 2em; } .callToActionMessage { display: none; } .page-marque { overflow: hidden; } .box1 { display: flex; flex-direction: row; flex-wrap: wrap; } .community, .adventuring, .deal-ic, .trending { flex: 1; margin-left: 3em; margin-right: 1em; margin-top: 1em; margin-bottom: 1em; } .o-h-description { display: block; } .o-h-content, .p-p-content { width: 60%; } .o-h-content { padding-top: 2em; padding-bottom: 4em; } .o-h-corporate { display: none; } .w-content { display: block; width: 100%; } .reviewS, .innCanada { width: 100%; } .t-right { display: block; padding-left: 0; text-align: right; margin-top: 2em; } .m-adventures { height: 1000px; grid-template-columns: 1fr; } .mAd-layout:last-of-type { grid-template-columns: 1fr 1fr; } .mAd-3, .x2-2 { grid-column: span 1; } .deals { display: inline-block; margin-top: 5%; width: 100%; } .deal-img-m { position: initial; } .deal-container-m { display: block; padding-left: 2em; padding-right: 2em; } .deal-content-text { text-align: center; margin-top: 1em; } .deal-inner { display: block; } .deal-col { width: 100%; margin-top: 5em; } /* change 5 col to 2 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2), .deal-col:nth-last-of-type(3) { display: none; } .deal-content-m { margin-top: 0; } .info { height: auto; } /* .booking-widget{ display: block; } */ } @media (max-width: 600px) { .box1 { flex-wrap: nowrap; flex-direction: column; justify-content: center; } .o-h-description, .p-p-description { padding-left: 0; } .o-h-content, .p-p-content, .p-p-button, .p-p-next { width: 80%; margin: 0 auto; } .deal-col { margin: auto; } /* change 5 col to 1 */ .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2), .deal-col:nth-last-of-type(3), .deal-col:nth-last-of-type(4) { display: none; } } @media (max-width: 568px) { .booking { height: 250px; } .booking-widget { grid-template-columns: 1fr; } .m-date-input .datepicker__info--selected { display: block; } .m-location-input { grid-column: auto; } .m-inputs input { width: 100%; } .m-date-input .datepicker { width: 100%; } .search-param { padding-left: 1em; } .m-inputs { text-align: left; margin-bottom: 1.5em; } .about { height: 720px; padding-left: 1em; padding-right: 1em; } .about-description { width: 92%; padding: 5em 1em 5em 1em; } .rating { margin-top: 1em; } .deals { height: auto; } .deal-content-text { padding-top: 0; height: auto; } } @media (max-width: 460px) { .info { display: block; text-align: center; } #title { font-size: 5rem; } .reviewsBox { height: 560px; } .ratings { padding-left: 1em; padding-right: 1em; } .description { padding-left: 1em; padding-right: 1em; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 2em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 2em; } } @media (max-width: 360px) { .about { height: 600px; padding-left: 1em; padding-right: 1em; } #title { font-size: 4rem; } .reviewsBox { height: 580px; } } /* @media(max-width: 320px){ } */ .fixedNav-hide { transform: translateX(100%); transition: all 0.3s ease; } .grecaptcha-badge { visibility: hidden; } .roundBorder:hover, .normalBorder:hover { transform: none !important; } .body-content { min-width: 0; } main.ux-main { display: flex; -moz-column-gap: 3.625rem; column-gap: 3.625rem; } main.ux-main .section, main.ux-main .full-width-section { padding: 0; } main .section .table, main .full-width-section .table { border: 0 !important; color: #746f6f !important; } main .section .table thead, main .full-width-section .table thead, main .section .table tbody, main .full-width-section .table tbody, main .section .table tfoot, main .full-width-section .table tfoot, main .section .table tr, main .full-width-section .table tr, main .section .table td, main .full-width-section .table td, main .section .table th, main .full-width-section .table th { border-color: rgba(29, 29, 29, 0.3) !important; } .nav-container > div { gap: 1rem; } .book-engine-inputs { min-width: 650px; } .book-engine-inputs .form-group { outline: 0 !important; width: 100%; border-radius: 0; } .book-engine-inputs .form-group .plain-input { width: 100%; } .book-engine-inputs .search-input-container ul { top: calc(40px + 0.5rem) !important; border-radius: 0 0 6px 6px !important; } @media (min-width: 1361px) { .book-engine-inputs { min-width: 840px; } } .locDrop, .datepicker { top: 48px; box-shadow: none !important; transition: none !important; height: auto !important; border-radius: 0 0 6px 6px; } .datepicker--closed { display: none; } @media (min-width: 768px) { .datepicker__month { width: 250px; } } .datepicker__month-day--today, .datepicker__month-day--last-day-selected, .datepicker__close-button { color: white !important; background-color: #a8998b !important; } .datepicker__month-day--hovering, .datepicker__month-day--selected { background-color: #E8E5E2; } #locSearch { padding: 1rem; margin-bottom: 0 !important; } .locDrop { padding-bottom: 0; } .locDrop a { font-size: 0.8rem; padding: 0.5rem 1rem; display: block; } .locDrop a p { margin-bottom: 0; } .locDrop a p:nth-child(1) span { font-weight: bold; } .locDrop a:hover { background: #E8E5E2; } .locDrop a.hidden { display: none; } .datepicker__info, .datepicker__info-text--selected-days { display: flex; } .datepicker__month, .datepicker__month-day, .datepicker__info--selected { color: #746F6F; } .datepicker__month-day--invalid { color: rgba(116, 111, 111, 0.3); } .book-engine-btn { width: auto; height: 80px; } .book-engine-btn > .btn-important { height: 100%; } .hambuger-btn { height: 80px; } @media (min-width: 1151px) { .hambuger-btn { display: flex; flex-direction: column; justify-content: center; } } .hambuger-btn > p { font-size: 0.875rem; margin-top: 5px; margin-bottom: 0; font-weight: bold; } .nav-logo { max-width: 120px; min-width: 100px; width: 100%; } .side-nav-link-list li { margin-bottom: 0; border-bottom: 1px solid rgba(29, 29, 29, 0.3); padding: 0; display: flex; } .side-nav-link-list li a { padding: 1rem 0; width: 100%; } .side-nav-link-list li .plain-accordion { width: 100%; } .side-nav-link-list li .plain-accordion .accordion-header { display: flex; justify-content: space-between; } .side-nav-link-list li .plain-accordion .accordion-item { border: 0; } .side-nav-link-list li .plain-accordion .accordion-item a { padding: 1rem 0; border: 0; } .side-nav-link-list li .plain-accordion .accordion-item button { padding: 0; width: -moz-fit-content; width: fit-content; min-width: 60px; } .side-nav-link-list li .plain-accordion .accordion-body { padding: 0; } .side-nav-link-list li .plain-accordion .accordion-body ul { padding: 0; } .side-nav-link-list li .plain-accordion .accordion-body ul li { padding: 0; border: 0; } .side-nav-link-list li .mobile-nav-account-link > span { display: inline-block; margin-right: 0.5rem; } .side-nav-link-list li .mobile-nav-account-link img { width: 45px; height: 45px; } .side-nav-link-list li .mobile-nav-account-link img ~ span { width: 15px; height: 15px; } .bold-link { font-weight: bold; } .side-nav-panel { padding: 1.5rem; } @media (min-width: 576px) { .side-nav-panel { padding: 3.625rem; } .side-nav-panel .master_login_panel { padding: 3.625rem; } } @media (max-width: 575px) { .side-nav-panel { width: 100%; overflow-x: hidden; overflow-y: scroll; } .side-nav-panel .master_nav_panel, .side-nav-panel .master_login_panel { height: -moz-max-content; height: max-content; gap: 1rem; } .side-nav-panel .master_login_panel { padding: 1.5rem; } } .side-nav-link a { font-size: 1.125rem; line-height: 1.5; } @media (min-width: 1360px) { .top-banner > div .content > div:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); } } .marqueeHasTop { height: calc(100% - 50px) !important; } .top-open { position: fixed; width: 100%; top: 0; left: 0; z-index: 10000; } .hasTop { padding-top: 50px; transition: all 0.3s ease; } .page-marque-contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 1.5rem; } .page-marque-contents .hero-section-title { color: #ffffff; } @media (min-width: 992px) { .page-marque-contents { padding: 0 3.625rem; } } .page-marque-content { margin-bottom: 1rem; } .page-marque-content:nth-child(1) { margin-bottom: 0; } .page-marque-content:nth-child(2) { margin-bottom: 1.5rem; } .page-marque-content a:before, .page-marque-content a:after { display: none; } .page-marque-content:last-child { text-align: left; } .page-marque-content .marque-content-logo { min-width: 120px; width: 25vw; max-width: 150px; margin-bottom: 1rem; } .page-marque-content .content { align-items: center; margin-right: auto; gap: 1.5rem; display: grid; width: auto; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .page-marque-content .content .flex { max-height: 80px; height: 100%; } .page-marque-content .content .flex a { display: flex; align-items: center; } .page-marque img { transition: none; transform: none; } .page-marque-box { width: 100%; position: relative; } .welcome-section h3, .welcome-section span.h3 { margin-bottom: 0; } .welcome-section > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; } @media (min-width: 769px) { .welcome-section > div { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1201px) { .welcome-section > div { display: flex; justify-content: space-between; } } @media (max-width: 1024px) { .welcome-section .grids { justify-self: center; } } @media (max-width: 650px) { .welcome-section .grids { justify-self: flex-start; } } .ads-section .content:nth-child(1) { background-color: #E8E5E2; border-radius: 6px 0 0 6px; } .ads-section .ads-highlight { display: flex; gap: 1rem; margin-bottom: 1.5rem; } .ads-section .ads-highlight:last-of-type { margin-bottom: 0; } .ads-section .ads-highlight img { max-width: 30px; height: -moz-max-content; height: max-content; } .ads-section .ads-highlight p { margin: 0; } @media (max-width: 576px) { .lg-img-box { flex-direction: column; } .lg-img-box .lg-img-box-content { padding: 4rem 1.5rem; } } .lg-img-box-content { padding: 3rem; display: grid; row-gap: 3rem; container-type: inline-size; padding-top: 4rem; padding-bottom: 4rem; } .lg-img-box-content .logo-group { align-items: flex-end; row-gap: 1rem; display: block; } @media (min-width: 1361px) { .lg-img-box-content .logo-group { max-width: 500px; } } .lg-img-box-content .logo-group .logo-group-ico { display: flex; max-height: 60px; } .lg-img-box-content .logo-group .logo-group-ico a { width: 100%; height: 100%; } .lg-img-box-content .logo-group .logo-group-ico a img { -o-object-fit: contain; object-fit: contain; } @container (min-width: 200px) { .lg-img-box-content .logo-group { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); } } @container (min-width: 375px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } .lg-img-box-content .logo-group-ico { max-width: 80px; } } @container (min-width: 468px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } } @container (min-width: 568px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(4, 1fr); } } .lg-img-box-content .logo-group-ico { max-height: 80px; width: 100%; height: 100%; } .review-cards { margin-bottom: 0; } .reviewer-card .review-row { -moz-column-gap: 1.5rem; column-gap: 1.5rem; color: #746F6F; } @media (max-width: 575px) { .reviewer-card .review-row:nth-child(1) { flex-direction: column; gap: 1rem; } } @media (max-width: 575px) { .reviewer-card .review-row:nth-child(3) { flex-wrap: wrap; gap: 1rem; } } .reviewer-card .review-row:nth-child(3) > div { width: 100%; } .reviewer-card .outer:before { padding-top: 100% !important; } .reviewer-card .outer img { border-radius: 0 !important; } .reviewer-card .review-row:nth-child(2) { margin-bottom: 4rem; } @media (max-width: 375px) { .reviewer-card .review-row:nth-child(3) { display: grid; gap: 1rem; } } .reviewer-card .swiper-slide-info div { margin-top: 1rem; } #socialPanel { display: flex; -moz-column-gap: 3rem; column-gap: 3rem; row-gap: 3rem; flex-direction: column; } @media (min-width: 768px) { #socialPanel { flex-direction: row; } #socialPanel > div { width: 50%; } } .saving-card-container.swiper { overflow: hidden; padding: 1.5rem; margin: -1.5rem; } .saving-card-container .swiper-slide { visibility: hidden; } .saving-card-container .swiper-slide.swiper-slide-active { visibility: visible; } .saving-card-container .swiper-slide.swiper-slide-active + .swiper-slide { visibility: visible; } .saving-card-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { visibility: visible; } @media (max-width: 991px) { #adventureGrid { padding: 4rem 1.5rem; } } #adventureGrid > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; width: 100%; } @media (max-width: 991px) { #adventureGrid > div { grid-template-columns: 1fr; } } #adventureGrid > div > div > div { height: 100%; } #adventureGrid > div .content > div { margin-bottom: 4rem; } #adventureGrid > div .content > div > div h1, #adventureGrid > div .content > div > div span.h1 { margin-bottom: 0; } #adventureGrid > div .picture-cards { grid-template-columns: repeat(2, 1fr); } @media (max-width: 575px) { #adventureGrid > div .picture-cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } } #locationSlider { position: relative; } #locationSlider .location-bg:before { z-index: 2; } @media (max-height: 700px) { #locationSlider .lg-bg-slider { height: 900px; } } #locationSlider .lg-bg-slider-container { padding: 1.5rem; } #locationSlider .lg-bg-slider-container .lg-bg-slider-title h1, #locationSlider .lg-bg-slider-container .lg-bg-slider-title span.h1 { color: white; } #locationSlider .swiper-slide { -webkit-user-select: none; -moz-user-select: none; user-select: none; } #locationSlider .ih-list { gap: 1rem; } .twelve form { display: flex; flex-direction: column; justify-content: center; align-items: normal; gap: 1.5rem; margin: 1.5rem 0; } @media (min-width: 768px) { .twelve form { flex-direction: row; } } .twelve form .button { display: flex; justify-content: center; } .twelve form .btn, .twelve form .btn-hollow, .twelve form .btn-link, .twelve form .btn-important, .twelve form .btn-on-solid-background, .twelve form .btn-on-background, .twelve form .btn-square, .twelve form .btn-square-hollow, .twelve form .page-marque-content a, .page-marque-content .twelve form a { height: 100%; max-height: none; margin-bottom: 0; } .searchbar { padding: 0; margin-top: 0; background-color: #746F6F; color: white; } .searchbar .search-control { margin: 0; } .searchbar .search-control:after { font-size: 1.25rem; color: white; } .searchbar input[type=text] { background: none; color: white; font-size: initial; padding-left: 2.5rem; } .searchbar input[type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .searchbar input[type=text]::placeholder { color: rgba(255, 255, 255, 0.8); } .hotel-container > div { display: grid; row-gap: 3.625rem; } .hotel-container .hotel-amenity { gap: 1.5rem; } .hotel-container .hotel-logo-container { padding-left: 0; justify-content: flex-start; } .hotel-container .hotel-logo-container .hotel-logo { max-width: 80px; width: 20vw; } .hotel-container .hotel-btn { gap: 1rem; } .hotel-title { gap: 1rem; justify-content: space-between; flex-direction: column-reverse; } @media (min-width: 1200px) { .hotel-title { flex-direction: row; } } .hotel-info > p { border-bottom: 1px solid rgba(29, 29, 29, 0.3); padding-bottom: 1rem; margin-bottom: 1rem !important; } .hotel-addresses { margin-bottom: 1rem; font-size: 0.875rem; color: #a8998b; } .hotel-addresses span { display: inline-block; } .amenity-container { width: 100%; margin-bottom: 1rem; } .amenity-container ul { padding: 0; margin: 0; display: block; gap: 1rem; row-gap: 0; } @media (min-width: 768px) { .amenity-container ul { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; } } .amenity-container ul li { margin-bottom: 0; padding: 0.25rem 0.5rem; position: relative; padding-left: 2.5rem; } .amenity-container ul li .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0.25rem; display: flex; align-items: center; } .amenity-container ul li .icon img { max-width: 1.5rem; max-height: 1.5rem; filter: invert(66%) sepia(4%) saturate(1103%) hue-rotate(348deg) brightness(91%) contrast(100%); } .errorMsg { height: auto; transform: none; } .hotel-info > div { display: flex; flex-wrap: wrap; } .hotel-info > div > div span { font-size: 0.875rem; } .what-we-care .our-mission h2, .what-we-care .our-mission span.h2 { margin-bottom: 1rem; } .member-container { margin-top: 0; } .member-container > div { padding-top: 0; } .member-container ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .member-container ul { margin-left: -0.5rem; margin-right: -0.5rem; } } @media (min-width: 992px) { .member-container ul { margin-left: -1rem; margin-right: -1rem; } } @media (min-width: 1360px) { .member-container ul { margin-left: -2rem; margin-right: -2rem; } } .member-container ul li { text-align: center; margin-bottom: 2rem; width: 100%; } @media (min-width: 768px) { .member-container ul li { width: calc(50% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; } } @media (min-width: 992px) { .member-container ul li { width: calc(33.3333333333% - 2rem); margin-left: 1rem; margin-right: 1rem; } } @media (min-width: 1200px) { .member-container ul li { width: calc(25% - 4rem); margin-left: 2rem; margin-right: 2rem; } .member-container ul li:nth-child(1), .member-container ul li:nth-child(2), .member-container ul li:nth-child(3) { width: calc(33.3333333333% - 4rem); } } .member-container ul li:last-of-type { margin-bottom: 0; } .member-container ul li h3, .member-container ul li span.h3 { margin: 0 auto; margin-top: 1em; margin-bottom: 1em; text-transform: capitalize; } .adventure-tab { background: #746f6f; width: 100%; } .experience-tab { background: #746f6f; width: 100%; } .tab-two-lg { margin: 0; background: #746f6f; } .load-button { padding: 1.5rem; text-align: center; } .career-welcome-section { margin-top: 0; padding: 3rem 0; background-color: #746F6F; } .career-welcome-section h3, .career-welcome-section span.h3 { font-style: italic; } .career-welcome-section p { margin-bottom: 0 !important; } .careers-filter .form-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 2.125rem; } @media (min-width: 1200px) { .promise-blurb-container { grid-template-columns: repeat(3, 1fr); } } .promise-blurb-container .card-container > p { margin-top: 1.5rem; margin-bottom: 0; } .contact-container { height: auto; } @media (min-width: 768px) { .contact-container > div { display: flex; -moz-column-gap: 3rem; column-gap: 3rem; height: 100%; width: 100%; } .contact-container > div > div:nth-child(1) { width: 30%; } .contact-container > div > div:nth-child(2) { width: 70%; } } .contact-container > div > div ul { padding: 0; } .contact-social-icons { gap: 1rem; } .contact-social-icons a { font-size: 1.5rem; } .accordion-button:not(.collapsed) { font-weight: 600; } .contactFormContainer .contact-form-panel { display: grid; row-gap: 1rem; } .contactFormContainer .contact-form-panel .form-row .plain-input, .contactFormContainer .contact-form-panel .form-row .plain-dropdown { width: 100%; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) { display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .plain-input, .contactFormContainer .contact-form-panel .form-row:nth-child(1) .plain-dropdown { min-width: 1px; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .form-group:first-of-type { width: -moz-fit-content; width: fit-content; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .form-group:first-of-type .plain-dropdown { width: -moz-fit-content; width: fit-content; } .contactFormContainer .contact-form-panel .form-group { width: 100%; } .section.blur:after, .blur.full-width-section:after { z-index: -2; } .dine-marquee .mobile-logo { display: none; } .dine-marquee .marque-100vh { height: auto; } .dine-marquee .marque-100vh > div > .section:nth-child(1), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(1) { min-height: 400px; } .dine-marquee .marque-100vh > div > .section:nth-child(2), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(2) { position: inherit; margin-top: 2rem; margin-bottom: 0; } @media (min-width: 768px) { .dine-marquee .marque-100vh { height: 100vh; } .dine-marquee .marque-100vh > div > .section:nth-child(2), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(2) { position: absolute; bottom: 0; width: 100%; } } @media (min-width: 1200px) { .dine-marquee .marque-100vh { min-height: 800px; } } .dine-blur { padding: 1.5rem; } @media (min-width: 992px) { .dine-blur { padding: 3.625rem; } } .dine-blur.black-shade:before { background: rgba(116, 111, 111, 0.8); } .dine-blur > div > h1, .dine-blur > div > span.h1, .dine-blur > div > p { color: white; } .dine-marquee .mobile-logo { display: none; } .dine-hero-section { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2.125rem; text-align: left; margin-top: 0; margin-bottom: 0; height: auto; } .dine-hero-section .hero-section-title { text-align: center; } .dine-hero-section > div { display: flex; gap: 1.5rem; } .dine-hero-section > div .content { flex-wrap: wrap; } @media (min-width: 576px) { .dine-hero-section > div .content { flex-wrap: nowrap; } } .dine-hero-section > div > .form-group { min-width: 260px; } .dine-hero-section > div a.btn, .dine-hero-section > div a.btn-hollow, .dine-hero-section > div a.btn-link, .dine-hero-section > div a.btn-important, .dine-hero-section > div a.btn-on-solid-background, .dine-hero-section > div a.btn-on-background, .dine-hero-section > div a.btn-square, .dine-hero-section > div a.btn-square-hollow, .dine-hero-section > div .page-marque-content a, .page-marque-content .dine-hero-section > div a { width: -moz-max-content; width: max-content; display: flex; align-items: center; } .dine-hero-section .content { flex-wrap: wrap; } .dine-hero-section .content > div { width: 100%; } .dine-hero-section .content > div a { width: 100%; justify-content: center; } @media (min-width: 576px) { .dine-hero-section .content { flex-wrap: nowrap; } } .dine-hero-section .dine-logo { min-width: 180px; width: 100%; flex-direction: column; padding: 1.5rem; padding-bottom: 2.875rem; text-align: center; color: white; background: #746F6F; opacity: 0.9; clip-path: polygon(100% 0, 100% 100%, 50% 93%, 0% 100%, 0 0, 50% 0); width: 20vw; } @media (min-width: 1200px) { .dine-hero-section .dine-logo { padding-top: calc(130px + 2.125rem); max-width: 200px; } } .pet-bag .parent { gap: 3.625rem; display: flex; flex-direction: column; } @media (min-width: 576px) { .pet-bag .parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); } } .pet-bag .outer { height: 100%; } .pet-bag .div1 { grid-area: 1/1/3/3; } .pet-bag .div2 { grid-area: 1/3/2/5; } .pet-bag .div3 { grid-area: 2/1/2/3; } @media (min-width: 768px) { .pet-bag .div3 { grid-area: 2/3/3/4; } } .pet-bag .div2 p { margin-bottom: 0; } .pet-bag .div4 { grid-area: 2/3/3/5; } @media (min-width: 768px) { .pet-bag .div4 { grid-area: 2/4/3/5; } } .pet-local, .wedding-location { background: linear-gradient(180deg, #746F6F 50%, #a8998b 50%); color: white; margin-bottom: 0; } @media (min-width: 768px) { .pet-local, .wedding-location { background: linear-gradient(90deg, #746F6F 50%, #a8998b 50%); } } .pet-local > div, .wedding-location > div { display: flex; gap: 7.25rem; padding: 3.625rem 0; flex-direction: column; } @media (min-width: 768px) { .pet-local > div, .wedding-location > div { flex-direction: row; gap: 3.625rem; } } .pet-local > div > *, .wedding-location > div > * { flex: 1; display: grid; gap: 1rem; justify-items: flex-start; } #event-request-form .customizedRadio tbody { display: grid; gap: 0.5rem; } .latest-blog-container { margin-bottom: 3.625rem !important; } .latest-blog-container .latest-date { position: absolute; top: 0; padding: 1rem 1.5rem; background: rgba(116, 111, 111, 0.8); border-radius: 6px 0; color: white; display: flex; } .latest-blog-container .latest-date p { margin-bottom: 0; } .latest-blog-container .latest-date .latest-month { font-weight: bold; } .blog-share { margin-bottom: 2.125rem; } @media (min-width: 1200px) { .blog-share { margin-bottom: 4rem; } } .blog-share .blog-icon-container { display: flex; gap: 1rem; text-align: center; } @media (min-width: 768px) { .blog-share .blog-icon-container { gap: 2rem; } } .blog-share .blog-icon-container > .icons { display: grid; gap: 1rem; } .blog-share .blog-icon-container > .icons p { margin: 0; } .blog-share .blog-icon-container i { font-size: 1.5rem; } @media (min-width: 768px) { .blog-share .blog-icon-container i { font-size: 3rem; } } .pet-person, .testimonial-section { position: relative; margin-top: 0; } .pet-person .outer:before, .testimonial-section .outer:before { padding-top: 50vh; } @media (min-width: 1200px) { .pet-person .outer:before, .testimonial-section .outer:before { min-height: 500px; } } .pet-person .content, .testimonial-section .content { text-align: right; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 1.5rem; } @media (min-width: 768px) { .pet-person .content, .testimonial-section .content { bottom: 3.625rem; } } .pet-person .content h1, .pet-person .content span.h1, .testimonial-section .content h1, .testimonial-section .content span.h1 { color: white; } .pet-person .content h1 span, .pet-person .content span.h1 span, .testimonial-section .content h1 span, .testimonial-section .content span.h1 span { display: inline-block; } .testimonial-section .outer:before { padding-top: 60vh; } .testimonial-section .content h2, .testimonial-section .content span.h2 { max-width: 650px; padding: 1.5rem; text-align: left; margin-left: revert; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .pet-show-off .content > div:nth-child(1) { width: 250px; margin-bottom: 1.5rem; } .pet-show-off .content > p { margin-bottom: 2.875rem; } .dine-welcome .dine-restaurant-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 1.5rem; align-items: center; } .dine-welcome .dine-restaurant-logos li:nth-child(5) img { max-width: 80px; } .dine-welcome .dine-restaurant-logos li:last-of-type img { max-width: none; } @media (min-width: 460px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 600px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(4, 1fr); max-width: 800px; margin: 0 auto; } } @media (min-width: 992px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(5, 1fr); max-width: 800px; margin: 0 auto; } } .dine-welcome .dine-restaurant-logos a { display: block; } .pet-highlight > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 3rem; text-align: center; } .pet-highlight > div > div { min-height: 205px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pet-highlight > div > div img { margin-bottom: 1.5rem; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #a8998b; padding: 10px; } .pet-highlight > div > div p:last-of-type { margin-bottom: 0; } #pet-welcome { padding: 3.625rem 2.125rem; background-color: #746F6F; } #pet-welcome > div { color: white; } .pet-store-logo-container { max-width: 150px; } .dine-nav, .pet-nav, .weddings-nav { margin-top: 0; background-color: #746F6F; } .dine-nav > div, .pet-nav > div, .weddings-nav > div { padding: 1.5rem 1rem; } .dine-nav .nav-tabs, .pet-nav .nav-tabs, .weddings-nav .nav-tabs { justify-content: flex-start; } .dine-services .outer:before, .dine-beverages .outer:before, .dine-recipes .outer:before, .dine-sustainability .outer:before, .dine-teams .outer:before, .pet-blog .outer:before { padding-top: 116.6666666667% !important; } #pet-etiquette { margin-top: 0; } #pet-etiquette .outer:before { padding-top: 60vh; } .pet-etiquette { position: relative; margin-bottom: 0; padding-bottom: 2.125rem; } @media (min-width: 992px) { .pet-etiquette { padding-bottom: 3.625rem; } } .pet-etiquette:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url("/img/svg/paw.svg"); background-position: bottom -12vh right -12vw; background-size: 35vw; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(795%) hue-rotate(331deg) brightness(97%) contrast(88%); } .pet-etiquette .content > h1, .pet-etiquette .content > span.h1, .pet-etiquette .content > p { text-align: center; } .pet-etiquette .content > p { margin-bottom: 3.625rem; } .pet-etiquette .content > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); display: grid; gap: 2.125rem; } @media (min-width: 768px) { .pet-etiquette .content > div { grid-template-columns: repeat(2, 1fr); gap: 3.625rem; } } .etiquette-container > div { padding-left: 2.875rem; position: relative; } .etiquette-container > div > p:nth-child(1) { position: absolute; left: 0.6rem; top: 0.8rem; color: white; margin: 0; font-size: 0.875rem; font-weight: bold; min-width: 15px; text-align: center; } .etiquette-container > div h3, .etiquette-container > div span.h3 { text-transform: uppercase; } .etiquette-container > div:before { content: ""; position: absolute; width: 2rem; height: 2rem; background-image: url("/img/svg/paw.svg"); background-position: center; background-size: cover; left: 0; top: 0; filter: invert(62%) sepia(17%) saturate(286%) hue-rotate(348deg) brightness(97%) contrast(86%); } .dine-special-events > div > .content .picture-cards { width: 100%; } .dine-special-events > div > .content .picture-cards .card-container { width: 100%; } @media (min-width: 992px) { .dine-special-events > div > .content .picture-cards { display: flex; } .dine-special-events > div > .content .picture-cards .picture-cards { flex-direction: column; width: calc(50% - 1.5rem); } } @media (min-width: 1200px) { .dine-special-events > div > .content { display: flex; gap: 2.125rem; } .dine-special-events > div > .content > div:nth-child(1) { max-width: 350px; align-self: center; } } @media (min-width: 576px) { .dine-recipes .picture-cards, .dine-sustainability .picture-cards, .pet-blog .picture-cards { grid-template-columns: repeat(3, 1fr); } } .pet-local-store .tab-content .card .content { gap: 1rem; } #LocationTabContent .card .content:nth-child(1) > div { display: flex; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(116, 111, 111, 0.3); margin-bottom: 1rem; flex-wrap: wrap; } #LocationTabContent .card .content:nth-child(1) > div img { max-width: 100px; } #LocationTabContent .card .content:nth-child(1) p { height: 300px; overflow-y: scroll; } #LocationTabContent .card .content:nth-child(1) p::-webkit-scrollbar { width: 6px; background-color: #fff; } #LocationTabContent .card .content:nth-child(1) p::-webkit-scrollbar-thumb { background-color: #E8E5E2; } .dine-support-local.blur:after { background-image: url(/img/body-page-head/shawnanggg-nmpW_WwwVSc-unsplash.jpg); } .dine-support-local .card-container .content > h3, .dine-support-local .card-container .content > span.h3 { max-width: 500px; } .dine-pos.blur:after { background-image: url(/img/body-page-head/shawnanggg-nmpW_WwwVSc-unsplash.jpg); } .dine-pos > div { gap: 3.625rem; } .dine-pos > div > div { width: 100%; } .dine-pos > div > div > h1, .dine-pos > div > div > span.h1, .dine-pos > div > div > p { color: white; } .dine-pos > div > div > div { display: grid; gap: 1.5rem; margin-bottom: 1.5rem; } .dine-pos > div > div > div i { font-size: 3rem; margin-bottom: 1rem; } .dine-pos > div > div > div .card-container .content { text-align: center; } .dine-pos > div > div > div .card-container .content p { margin-bottom: 0; } @media (min-width: 992px) { .dine-pos > div > div > div { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .dine-pos > div { display: flex; } } #restaurantTab .nav-item:nth-last-child(2) { display: none; } #restaurantTabContent .suppiler-logo { width: 120px; height: 120px; margin-bottom: 2.125rem; } #restaurantTabContent .suppiler-logo img { -o-object-fit: contain; object-fit: contain; } #restaurantTabContent .btn-container { display: flex; gap: 1rem; justify-content: space-between; } .dine-menus .content:first-of-type > div { display: flex; gap: 1rem; margin-bottom: 1rem; align-items: flex-start; flex-wrap: wrap; } .dine-menus .content:first-of-type > div img { -o-object-fit: contain; object-fit: contain; } .tab-content .content:first-of-type > div.flex { gap: 1rem; margin: 1.5rem 0; } .tab-content .content:first-of-type .outer { width: 120px; height: 120px; } .tab-content .content:first-of-type .outer img { border-radius: 0; } @media (min-width: 1200px) { .tab-content .content:last-of-type > div:last-of-type { display: flex; gap: 1.5rem; justify-content: space-between; margin-top: 1.5rem; } } .dine-instagram, .pet-instagram, .weddings-instagram, .gerry-moments { margin-bottom: 0; } .dine-instagram > div, .pet-instagram > div, .weddings-instagram > div, .gerry-moments > div { padding: 0; } .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .dine-instagram > div > div .outer, .pet-instagram > div > div .outer, .weddings-instagram > div > div .outer, .gerry-moments > div > div .outer { overflow: hidden; } .dine-instagram > div > div .outer img, .pet-instagram > div > div .outer img, .weddings-instagram > div > div .outer img, .gerry-moments > div > div .outer img { scale: 1; transition: all 0.3s ease; } .dine-instagram > div > div .outer:hover img, .pet-instagram > div > div .outer:hover img, .weddings-instagram > div > div .outer:hover img, .gerry-moments > div > div .outer:hover img { scale: 1.05; transition: all 0.3s ease; } @media (min-width: 576px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } } @media (min-width: 576px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } } @media (min-width: 992px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .wedding-welcome > div > div .picture-cards { grid-template-columns: repeat(3, 1fr); } } .offer-page-header { display: flex; align-items: center; justify-content: center; } #dealSlider .saving-card-container .swiper-wrapper { padding-bottom: 6rem; } #dealSlider .saving-card-container .swiper-button-prev, #dealSlider .saving-card-container .swiper-button-next { top: 100%; width: unset; height: unset; } #dealSlider .saving-card-container .swiper-button-prev { left: 50% !important; transform: translate(-110%, -60%); } #dealSlider .saving-card-container .swiper-button-prev::after { content: "" !important; } #dealSlider .saving-card-container .swiper-button-next { right: 50% !important; transform: translate(110%, -60%); } #dealSlider .saving-card-container .swiper-button-next::after { content: "" !important; } #reviewSlider .review-cards-container .swiper-button-prev, #reviewSlider .review-cards-container .swiper-button-next { top: 0%; width: -moz-fit-content; width: fit-content; height: unset; } #reviewSlider .review-cards-container .swiper-button-prev { right: calc(46px + 2.125rem + 0.5rem) !important; top: 2.125rem !important; left: auto; /* transform: translate(-125%, 80%); */ margin: 0; } #reviewSlider .review-cards-container .swiper-button-prev::after { content: "" !important; } #reviewSlider .review-cards-container .swiper-button-next { right: 2.125rem !important; top: 2.125rem !important; margin-top: 0; } #reviewSlider .review-cards-container .swiper-button-next::after { content: "" !important; } .child-page-marquee { overflow: hidden; } .child-page-marquee > div:nth-child(2) > div > div { display: flex; align-items: center; padding: 0 1.5rem; justify-content: flex-start; text-align: left; } @media (min-width: 992px) { .child-page-marquee > div:nth-child(2) > div > div { padding: 0 3.625rem; } } @media (min-width: 1200px) { .child-page-marquee > div:nth-child(2) > div > div { justify-content: center; text-align: center; } } .child-page-marquee .marquee-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1; } .tabbox { padding: 1.5rem; padding-top: 3.625rem; padding-bottom: 3.625rem; justify-items: left; } @media (min-width: 992px) { .tabbox { padding: 3.625rem; padding-top: 4rem; padding-bottom: 4rem; } } #lastest-blog .scrollable-tab-container { margin-bottom: 2.125rem; } .resource-modal .modal-body { display: block; } @media (min-width: 768px) { .resource-modal .modal-body { display: flex; } .resource-modal .modal-body > div { flex: 1; } .resource-modal .modal-body > div ul { list-style-type: disc; } } .resource-modal .modal-body > div:nth-child(2) { max-width: 300px; display: grid; gap: 1rem; } .resource-modal .modal-body > div:nth-child(2) .outer { height: -moz-fit-content; height: fit-content; } .resource-modal .modal-body > div:nth-child(2) img { -o-object-fit: contain; object-fit: contain; } .blogInsetContainer { display: grid; gap: 2.125rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); max-height: 600px; overflow-y: scroll; } .travel-contact-section { margin-bottom: 0; padding: 1.5rem; background-color: rgba(29, 29, 29, 0.05); } @media (min-width: 992px) { .travel-contact-section { padding: 3.625rem; } } .travel-contact-section .contact-information { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2.125rem; } .travel-contact-section .contact-information ul { padding: 0; margin: 0; } #accordionLinks ul { padding: 0; } @media (min-width: 1200px) { .team-members-section li:last-of-type { width: calc(25% - 4rem); margin: 0 2rem; } } .flatpickr-calendar { width: 340px !important; } .rewards-icon-container { position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; background-color: #f8f8f8; border-radius: 50%; } .rewards-icon-container #account_avatar_icon { width: 100%; height: 100%; } .rewards-icon-container .rewards-check-icon-vip { animation: icon_animation_vip 3s infinite; } .rewards-icon-container .rewards-check-icon-silver { animation: icon_animation_silver 3s infinite; } .rewards-icon-container .rewards-check-icon-gold { animation: icon_animation_gold 3s infinite; } .rewards-icon-container .rewards-check-icon-platinum { animation: icon_animation_platinum 3s infinite; } .rewards-icon-container .rewards-check-icon-diamond { animation: icon_animation_diamond 3s infinite; } .history-highlight-card-container { container: historyCard/inline-size; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .history-highlight-card-container .history-highlight-cards { display: grid; gap: 3rem; } @container historyCard (min-width: 700px) { .history-highlight-card-container .history-highlight-cards { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(1) { grid-area: 1/1/2/2; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(2) { grid-area: 1/2/2/3; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(3) { grid-area: 2/1/3/3; } } html, body { margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; } /* reset */ .container-fluid { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; display: flex; flex-direction: column-reverse; } a { color: black; text-decoration: none; font-family: "Oswald"; } .edit-nav { position: fixed; width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1em; padding-top: 1em; margin: 0 auto; z-index: 1200; background: white; } .logo { font-size: 2em; } .mobile-nav { display: none; } .nav-items { display: flex; flex-direction: row; max-width: 100%; overflow-x: hidden; font-size: 1.2em; } /* .navName{ font-family: 'Volkorn Bold', serif; font-stretch: condensed; } */ .dropdown-items { visibility: hidden; position: absolute; background-color: #ffffff; padding-top: 5em; padding-bottom: 5em; width: 100%; margin: 0 auto; left: 0; right: 0; z-index: -1; opacity: 0; transition: visibility 0.2s, opacity 1s linear; box-shadow: 0 1px 4px -3px rgba(0, 0, 0, 0.3); /* box-shadow: */ } .dropdowns a { text-decoration: none; margin-right: 1em; } .dropdowns:hover .dropdown-items { visibility: visible; opacity: 1; transition: 0.5s; } .rows { display: flex; justify-content: space-evenly; } .local-name { display: flex; flex-direction: column; justify-content: center; } .local-name a { text-decoration: none; margin-top: 0.5em; } .local-img { width: 960px; } .img-gallery img { width: 960px; margin: 0 auto; } .local-info { display: flex; flex-direction: column; justify-content: center; } .weather-panel { display: flex; flex-direction: column; text-align: left; } .weatherInfo { display: flex; flex-direction: row; position: relative; } @font-face { font-family: "Roboto"; src: url(/fonts/Roboto-Light.ttf); } @font-face { font-family: Roboto; src: url(/fonts/Roboto-Light.ttf); } .date { font-size: 1em; font-weight: bold; color: rgba(0, 0, 0, 0.5); font-family: "Roboto", sans-serif; } .city { font-size: 1.5em; font-weight: bold; text-transform: uppercase; color: rgba(0, 0, 0, 0.7); font-family: "Roboto", sans-serif; } .temp { font-size: 4em; font-family: "Roboto", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.9); } #weatherIcons { text-align: center; margin: 0; padding: 0; } /* Underline from center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -10%; background: rgb(0, 0, 0); height: 4px; transition-property: left, right; transition-duration: 0.1s; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Under line from left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: rgb(0, 0, 0); height: 1px; transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 10%; } .m-location-input { position: relative; } @media (max-width: 960px) { .edit-nav { display: block; border-bottom: 1px solid #CFCFCF; } .mobile-nav { display: flex; justify-content: space-between; align-items: center; padding: 10px; } .icon-view { padding-left: 0; margin-left: 0; margin: 0; } .icon-view li { list-style-type: none; } .nav-logo { margin: auto; position: absolute; left: 50%; transform: translate(-50%, 0); } .nav-items { /* remember to hide after coding */ display: none; margin-top: 1em; text-align: center; padding: 1em; } .dropdowns { margin-top: 1em; } /* hamburger toggle animation */ #toggle { width: 16px; } .bar { height: 2px; width: 100%; background-color: black; display: block; border-radius: 5px; transition: 0.3s ease; } #bar1 { transform: translateY(-4px); } #bar3 { transform: translateY(4px); } #toggle, #search { cursor: pointer; } #toggle:hover .bar:nth-child(1) { transform: translateY(2px) rotate(45deg); } #toggle:hover .bar:nth-child(3) { transform: translateY(-2px) rotate(-45deg); } #toggle:hover .bar:nth-child(2) { opacity: 0; } .change #bar1 { transform: translateY(2px) rotate(45deg); } .change #bar3 { transform: translateY(-2px) rotate(-45deg); } .change #bar2 { opacity: 0; } .change { display: block; } } @media (max-width: 1400px) { .rows { width: 95%; margin: 0 auto; display: flex; } .local-img { width: 100%; padding: 2em 2em; } .img-gallery img { width: 100%; } } .nav-link-container > ul { padding: 0; margin: 0; display: flex; max-height: 50px; height: 100%; align-items: center; justify-content: center; background-color: #746F6F; } .nav-link-container > ul li { margin-bottom: 0; display: flex; position: relative; } .nav-link-container > ul li > a { color: #ffffff; padding: 1rem 0.75rem; height: 50px; display: flex; align-items: center; width: 100%; white-space: nowrap; } .nav-link-container > ul li:before { content: ""; background-color: #a8998b; height: 3px; opacity: 0; width: 100%; position: absolute; bottom: 0; left: 0; border-radius: 50px; transition: all 0.3s linear; } .nav-link-container > ul li:hover:before { opacity: 1; } .nav-link-container > ul li > ul li:before { display: none; } .nav-link-container > ul li > ul li a:hover { background-color: #a8998b; } .nav-link-container > ul li.dropdown .dropdown-menu { display: block; background: #746F6F; border: 0; box-shadow: none; padding: 0; top: 100%; height: -moz-fit-content; height: fit-content; overflow: hidden; border-radius: 0 0 3px 3px; transform-origin: top; transform: rotateX(-90deg); transition: transform 0.3s linear; } .nav-link-container > ul li.dropdown:hover .dropdown-menu { transform: rotateX(0deg); transition: transform 0.3s linear; } @media (max-width: 1200px) { .nav-link-container { display: none; } } .nav-booking { margin-right: 0 !important; } .scrolled { transition: all 0.3s linear; background: rgb(26, 26, 26); border: 0; } .scrolled > .nav-link-container > ul { background-color: #746F6F; } .unscrolled { transition: all 0.3s linear; background: transparent; } .unscrolled > .nav-link-container > ul { background-color: rgba(116, 111, 111, 0.85); }/*# sourceMappingURL=nav.css.map */ .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #45d46d; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #FFD18C; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #FF7A7A; } .linear-functional-beige { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } /* Branding */ .branding { background: #746e6e; } @media (min-width: 1200px) { .branding { padding-top: 0 !important; padding-bottom: 0 !important; } } .b-container { max-width: 1280px; margin: 0 auto; text-align: center; padding-top: 2em; padding-bottom: 2em; } @media (min-width: 992px) { .b-container { padding-bottom: 0; } } .ihlogo { position: relative; height: 70px; } .ihlogo img { max-width: 200px; position: absolute; -o-object-fit: contain; object-fit: contain; left: 50%; top: 60px; transform: translate(-50%, -50%); z-index: 2; } .ihlogo:before { content: ""; background: #746F6F; width: 220px; height: 80px; position: absolute; left: 50%; top: 60px; transform: translate(-50%, -50%); z-index: 2; } .childlogo { padding: 0; padding-top: 2rem; padding-bottom: 2rem; display: flex; justify-content: center; margin: 0; position: relative; z-index: 1; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); gap: 3rem; } .childlogo img { width: 100%; max-width: 80px; max-height: 60px; -o-object-fit: contain; object-fit: contain; } .childlogo li { list-style: none; width: 100%; } /* Footer area */ footer { background: #746e6e; padding-top: 3em; padding-bottom: 3em; color: rgba(255, 255, 255, 0.9); padding-left: 1em; padding-right: 1em; padding-top: 2em !important; } .footer-detail { display: flex; justify-content: space-between; max-width: 1280px; margin: 0 auto; } .f-detail { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 3.625rem; width: 100%; justify-items: flex-start; } .f-member img { width: 150px; } .f { display: flex; -moz-flex-direction: column; flex-direction: column; padding-left: 1.5em; border-left: 1px solid rgba(255, 255, 255, 0.2); } .f-findus { margin-left: 0; border-left: 0; padding-left: 0; } .f:last-of-type { border-right: 0; margin-right: 0; } .f-t { font-weight: bold; text-transform: uppercase; } .f-t:first-of-type { grid-column: span 2; } .f-c a, .f-contact span a, .f-findus-guide { color: rgba(255, 255, 255, 0.6); font-weight: normal; } .f-c a:hover, .f-contact span a:hover, .f-findus-guide:hover { color: rgba(255, 255, 255, 0.9); } .f-social-ic { margin-top: 0.5em; height: 35px; display: flex; } .f-social-icon { width: 35px; height: 35px; margin-right: 1em; overflow: hidden; } .f-social-icon i { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; font-size: 1.5em; } .f-social-icon span { position: absolute; font-size: 0; width: 0; height: 0; opacity: 0; background: rgb(59, 89, 152); color: rgb(255, 255, 255); padding: 0.5em; margin-top: 0.5em; } .f-social-twitter span, .f-social-twitter .ic-tooltip::before { background: rgb(56, 161, 243); } .f-social-tripadvisor span, .f-social-tripadvisor .ic-tooltip::before { background: rgb(0, 175, 135); } .f-social-instagram span, .f-social-instagram .ic-tooltip::before { background: rgb(193, 53, 132); } .f-social-linkedin span, .f-social-linkedin .ic-tooltip::before { background: rgb(0, 119, 181); } .f-social-facebook span, .f-social-facebook .ic-tooltip::before { background: rgb(59, 89, 152); } .f-social-icon:hover .ic-tooltip { font-size: 1em; width: auto; height: auto; opacity: 1; transition: 0.3s ease-in-out; } .ic-tooltip::before { content: ""; width: 10px; height: 10px; position: absolute; transform: rotate(45deg); top: -5px; background: rgb(59, 89, 152); } .f-social-icon .fa-linkedin-in:after { content: ""; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0, 119, 181); z-index: -1; transform: translateY(-100%); } .f-social-icon .fa-twitter:after { content: ""; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(56, 161, 243); z-index: -1; transform: translateY(-100%); } .f-social-icon .fa-tripadvisor:after { content: ""; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0, 175, 135); z-index: -1; transform: translateY(-100%); } .f-social-icon .fa-instagram:after { content: ""; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(193, 53, 132); z-index: -1; transform: translateY(-100%); } .f-social-icon .fa-facebook-f:after { content: ""; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(59, 89, 152); z-index: -1; transform: translateY(-100%); } .f-social-icon:hover { text-decoration: none; } .f-social-icon:hover i { transition: all 0.3s ease-in-out; color: rgb(255, 255, 255); } .f-social-icon:hover i:after { transition: all 0.3s ease-in-out; transform: translateY(0); opacity: 1; } .f-social-ic a { margin-right: 1em; } .f-social-ic a:last-of-type { margin-right: 0; } .rights-certificate { text-align: center; } .f-cert img { width: 100px; } hr { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } .f-ic::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 0.5em; } .f-address::before { content: "\f015"; } .f-email:before { content: "\f0e0"; } .f-tollfree:before { content: "\f6b6"; padding-right: 0.4em; } .f-phone:before { content: "\f879"; } .f-sales:before { content: "\f590"; } .f-weddings:before { content: "\f70b"; } .f-ic { position: relative; } .tooltip { opacity: 0; width: -moz-fit-content; width: fit-content; position: absolute; left: 75%; bottom: 0; background: white; color: black; z-index: 2; padding: 0.2em; padding-top: 0; padding-bottom: 0; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .f-ic:hover .tooltip { opacity: 1; transition: all 0.5s ease-in-out; } .tooltip:before { content: ""; width: 5px; height: 5px; background: white; transform: translateY(-50%) rotate(45deg); position: absolute; left: -10px; top: 50%; } .f-copyrights { display: flex; max-width: 1280px; margin: 0 auto; justify-content: space-between; color: rgba(255, 255, 255, 0.6); } .f-terms a { margin-right: 0.5em; color: rgba(255, 255, 255, 0.6); font-weight: normal; } .f-ic { color: rgba(255, 255, 255, 0.6); } .f-findus-guide:hover { color: rgba(255, 255, 255, 0.6); } .f-findus-guide::before { content: "\f56d"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 0.5em; } @media only screen and (max-width: 980px) { .childlogo { display: grid; grid-template-columns: repeat(4, 1fr); justify-items: initial; } .childlogo li { margin-right: 0; } .childlogo::before { left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 860px) { .f { padding-left: 1em; } .f:first-of-type { padding-left: 0; } } @media only screen and (max-width: 779px) { .f-detail { grid-template-columns: 1fr 1fr; justify-items: initial; } .f { padding-left: 1em; margin-bottom: 1em; } .f-findus, .f-link { margin-right: 1em; padding-left: 0; border: none; } } @media only screen and (max-width: 540px) { .f-copyrights { display: block; margin-bottom: 1em; } } @media only screen and (max-width: 430px) { .childlogo { grid-template-columns: repeat(4, 1fr); } .f-detail { display: block; margin: 0 auto; } .f { padding-left: 0; border: none; } } @media only screen and (max-width: 330px) { .childlogo { grid-template-columns: repeat(3, 1fr); } .nav-area-item a { font-size: 1em; } }/*# sourceMappingURL=footer.css.map */ .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } .brand-loading-text, .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .box-nav-vertical, .ux-navigation > a, .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .nav-tabs .nav-item .nav-link, a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .normal-text-link, .flatpickr-calendar, .datepicker, .nav-tabs.box-tab .nav-link, p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } .box, .box-nav-vertical, .ux-navigation > a, .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .nav-tabs.box-tab .nav-link { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .nav-tabs.box-tab .nav-link { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .box-nav-vertical, .ux-navigation > a, .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span { font-family: "Open Sans", sans-serif; font-weight: 500; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .nav-tabs .nav-item .nav-link, .font-link, a, strong, button, input[type=submit], input[type=button] { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .normal-text-link, .flatpickr-calendar, .datepicker, .nav-tabs.box-tab .nav-link, .font-paragraph, p, span { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .box, .box-nav-vertical, .ux-navigation > a, .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .nav-tabs.box-tab .nav-link { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .nav-tabs.box-tab .nav-link { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .box-nav-vertical, .ux-navigation > a { padding: 0.875rem; text-transform: capitalize; width: 280px; } .box-nav-vertical:hover, .ux-navigation > a:hover { background-color: #E8E5E2; } .nav-tabs { margin-left: -1.5rem; } .nav-tabs .nav-item { border-right: 1px solid rgba(29, 29, 29, 0.3); padding: 0 1.5rem; margin-bottom: 0; } .nav-tabs .nav-item .nav-link { border: 0; border-radius: 0; text-transform: uppercase; padding: 0; } .nav-tabs .nav-item .nav-link.active { color: #746F6F; background: none; font-weight: 700; margin-bottom: 5px; border-bottom: 3px solid; } .nav-tabs .nav-item .nav-link:disabled { color: rgba(116, 111, 111, 0.3); border-color: transparent; } .nav-tabs .nav-item:last-of-type { border-right: 0; } .nav-tabs.on-background { margin-bottom: 0; background: #746F6F; } .nav-tabs.on-background .nav-item { border-color: rgba(255, 255, 255, 0.3); } .nav-tabs.on-background .nav-link { color: #ffffff; } .nav-tabs.on-background .nav-link.active { color: #ffffff !important; } .nav-tabs.on-background .nav-link:disabled { color: rgba(255, 255, 255, 0.3) !important; } .nav-tabs.box-tab { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-left: -0.75rem; gap: 1.5rem; padding: 0; } .nav-tabs.box-tab .nav-item { border: 0; padding: 0 0.75rem; width: 100%; display: table; } .nav-tabs.box-tab .nav-link { padding: 0.5rem 1rem; min-width: 180px; border-radius: 6px; background-color: white; text-transform: uppercase; width: 100%; font-weight: bold !important; font-size: 1rem; } @media (min-width: 768px) { .nav-tabs.box-tab .nav-link { padding: 1rem; } } .nav-tabs.box-tab .nav-link.active { border: 0; margin-bottom: 0; background-color: #E8E5E2; } .nav-tabs.box-tab .nav-link:disabled { background-color: white; opacity: 0.85; } .nav-tabs.box-tab.scrollable { display: flex; flex-wrap: nowrap; gap: 0; } .nav-tabs.box-tab.scrollable .nav-item { min-width: 33.3333333333%; } @media (min-width: 1200px) { .nav-tabs.box-tab.scrollable .nav-item { min-width: 25%; } } @media (min-width: 1360px) { .nav-tabs.box-tab.scrollable .nav-item { min-width: 20%; } } @media (min-width: 1200px) { .nav-tabs.box-tab.scrollable { gap: 1.5rem; } } .accordion .accordion-item { color: #746F6F; border-right: 0; border-left: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .accordion .accordion-body { padding-left: 2rem; } .plain-accordion .accordion-item { background: none; } .plain-accordion .accordion-item .accordion-button { background: none; box-shadow: none; padding: 1.5rem 0; } .plain-accordion .accordion-item .accordion-body { padding: 1.5rem 0; padding-top: 0; } .scrollable-tab-container { display: flex; align-items: center; } .scrollable-tab-container > .left { order: 1; margin-bottom: 0.875rem; } .scrollable-tab-container > .right { order: 3; margin-bottom: 0.875rem; } .scrollable-tab-container .wrapper { overflow-x: scroll; scroll-behavior: smooth; width: 100%; order: 2; padding-bottom: 0.875rem; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .scrollable-tab-container .wrapper::-webkit-scrollbar { display: none; } .max-1280, .section > div, .full-width-section > div { max-width: 1280px; margin: 0 auto; } .section, .full-width-section { padding: 0 1.5rem; margin-bottom: 2.125rem; margin-top: 2.125rem; } .section > div > h1, .full-width-section > div > h1, .section > div > span.h1, .full-width-section > div > span.h1 { margin-bottom: 1.5rem; } .section > div > h4, .full-width-section > div > h4, .section > div > span.h4, .full-width-section > div > span.h4, .section > div p, .full-width-section > div p { margin-bottom: 1.5rem; } .section > div > ul.box-tab, .full-width-section > div > ul.box-tab { margin-bottom: 2.875rem; } @media (min-width: 992px) { .section, .full-width-section { padding: 0 3.625rem; } } @media (min-width: 1200px) { .section, .full-width-section { margin-bottom: 4rem; margin-top: 4rem; } } .section.no-margin, .no-margin.full-width-section { margin: 0; max-width: none; } @media (min-width: 992px) { .section.no-margin, .no-margin.full-width-section { padding: 3.625rem; } } @media (min-width: 1200px) { .section.no-margin, .no-margin.full-width-section { padding-bottom: 4rem; padding-top: 4rem; } } @media (min-width: 992px) { .no-header-section { padding-top: 3.625rem; min-height: calc(100vh - 547px - 100px); margin-top: 0; } } @media (min-width: 1201px) { .no-header-section { padding-top: calc(130px + 3.625rem); } } .full-width-section { padding: 0; } .full-width-section > div { max-width: none; padding: 0 1.5rem; } @media (min-width: 992px) { .full-width-section > div { padding: 0; } } @media (min-width: 992px) { .full-width-section { padding: 0; } } .overflow-x-scroll-container { overflow-x: scroll; overflow-y: hidden; padding: 2.125rem 2px; padding-bottom: 4rem; margin-top: -2.125rem; margin-bottom: -4rem; cursor: pointer; } .overflow-x-scroll-container.active { cursor: grabbing; } .overflow-x-scroll-container::-webkit-scrollbar { display: none; } .overflow-x-scroll-container > div { margin-bottom: 0; } .overflow-x-scroll-container.x2 > div { min-width: 50%; } .overflow-x-scroll-container.x3 > div { min-width: 33.3333333333%; } .overflow-x-scroll-container.x4 > div { min-width: 25%; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes gradient { 0% { background-position: 14% 0%; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0%; } } .linear-background-animated, .btn-important.animated, .btn.animated, .animated.btn-square, .animated.btn-square-hollow, .animated.btn-on-background, .animated.btn-on-solid-background, .animated.btn-link, .animated.btn-hollow, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; } .shimmerLine { height: 10px; background: #777; margin-top: 20px; } .shimmerBox { height: 100%; position: relative; } .shimmerBox::before { content: ""; position: absolute; height: 100%; width: 100%; min-width: 250px; animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes fullView { 100% { width: 100%; } } .animateLoading { animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .box, .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .box-nav-vertical, .ux-navigation > a, .nav-tabs.box-tab .nav-link { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .card-radio .form-check-label, .card-checkbox .form-check-label, .nav-tabs.box-tab .nav-link { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .normal-text-link, .flatpickr-calendar, .datepicker, .font-paragraph, p, span, .nav-tabs.box-tab .nav-link { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .normal-text-link, .flatpickr-calendar, .datepicker, .font-paragraph, p, span, .nav-tabs.box-tab .nav-link { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .input-container, .plain-input-container { container: formControl/inline-size; display: table; } @container formControl (min-width: 410px) { .input-container .plain-input, .input-container .plain-dropdown, .plain-input-container .plain-input, .plain-input-container .plain-dropdown { min-width: 280px; width: -moz-fit-content; width: fit-content; } } @media (min-width: 768px) { .input-container .plain-input, .input-container .plain-dropdown, .plain-input-container .plain-input, .plain-input-container .plain-dropdown { width: 100%; } } .plain-input, .plain-dropdown { padding: 0.5rem 1rem; border: 1px solid #E5E5E5; border-radius: 3px; background-color: #ffffff; min-width: 0; width: 100%; color: #746F6F; } .plain-input::-moz-placeholder, .plain-dropdown::-moz-placeholder { color: #E5E5E5; } .plain-input::placeholder, .plain-dropdown::placeholder { color: #E5E5E5; } .plain-input:focus, .plain-dropdown:focus, .plain-input:active, .plain-dropdown:active { outline: 2px solid #a8998b; } .plain-input:disabled, .plain-dropdown:disabled { background-color: rgba(116, 111, 111, 0.2); } .form-group { margin: 0; outline: 1px solid #E5E5E5; border-radius: 3px; padding: 0.5rem 1rem; background-color: #ffffff; width: 100%; text-align: left; position: relative; } .form-group label { color: #a8998b; } .form-group span.info { height: auto; width: auto; display: block; padding: 0; background: none; position: absolute; right: 1rem; top: 0.5rem; cursor: pointer; color: #E5E5E5; width: 18px; height: 18px; border: 2px solid; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .form-group span.info:hover { color: rgba(29, 29, 29, 0.5); } .form-group span.info i { font-size: 10px; } .form-group div.input-container { position: relative; width: 100%; } .form-group div.input-container > i { position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .form-group div.input-container input, .form-group div.input-container select, .form-group div.input-container textarea { border: 0; padding-left: 0; padding-right: 0; } .form-group div.input-container input:focus, .form-group div.input-container input:active, .form-group div.input-container select:focus, .form-group div.input-container select:active, .form-group div.input-container textarea:focus, .form-group div.input-container textarea:active { outline: 0; } .form-group div.input-container.with-cta { display: flex; -moz-column-gap: 1.5rem; column-gap: 1.5rem; align-items: center; } .form-group div.input-container.with-cta > .invalid-msg { flex-basis: 100%; } .form-group div.input-container.search-input-container > div { position: relative; } .form-group div.input-container.search-input-container > div input[type=search]::-webkit-search-cancel-button { display: none; } .form-group div.input-container.search-input-container > div ul { position: absolute; left: -1rem; /* top: auto; */ top: calc(40px + 0.5rem + 2px); background: white; width: calc(100% + 2rem); z-index: 99; margin-bottom: 0; padding: 0; border-radius: 6px; overflow: hidden; } .form-group div.input-container.search-input-container > div ul > li { cursor: pointer; padding: 1rem; margin-bottom: 0; } .form-group div.input-container.search-input-container > div ul > li:hover { background-color: #E8E5E2; } .form-group div.input-container.search-input-container > div ul > .no_result { font-weight: bold; padding: 1rem; } .form-group:focus-within, .form-group:active { outline: 2px solid #a8998b; } .form-group.disabled { background-color: rgba(116, 111, 111, 0.2); } .form-group.disabled input:disabled { background: none; } .card-radio, .card-checkbox { container-type: inline-size; padding-left: 0 !important; } .card-radio input[type=radio], .card-radio input[type=checkbox], .card-checkbox input[type=radio], .card-checkbox input[type=checkbox] { display: none; } .card-radio input[type=radio]:checked + .form-check-label, .card-radio input[type=checkbox]:checked + .form-check-label, .card-checkbox input[type=radio]:checked + .form-check-label, .card-checkbox input[type=checkbox]:checked + .form-check-label { outline: 2px solid #a8998b; position: relative; } .card-radio input[type=radio]:checked + .form-check-label:before, .card-radio input[type=checkbox]:checked + .form-check-label:before, .card-checkbox input[type=radio]:checked + .form-check-label:before, .card-checkbox input[type=checkbox]:checked + .form-check-label:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; width: 35px; height: 35px; bottom: 0; right: 0; font-size: 1.5em; color: #ffffff; background-color: #a8998b; border-radius: 6px 0; display: flex; align-items: center; justify-content: center; z-index: 10; } .card-radio .form-check-label, .card-checkbox .form-check-label { background: #ffffff; width: 100%; height: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .card-radio .form-check-label div.outer, .card-radio .form-check-label span.outer, .card-checkbox .form-check-label div.outer, .card-checkbox .form-check-label span.outer { min-width: 200px; } .card-radio .form-check-label div.outer:before, .card-radio .form-check-label span.outer:before, .card-checkbox .form-check-label div.outer:before, .card-checkbox .form-check-label span.outer:before { padding-top: 67.1428571429%; } .card-radio .form-check-label .content, .card-checkbox .form-check-label .content { padding: 1.5rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .card-radio .form-check-label .content p, .card-checkbox .form-check-label .content p { margin-bottom: 0; } @container (min-width: 350px) { input[type=radio]:checked + .form-check-label:before, input[type=checkbox]:checked + .form-check-label:before { width: 2em; height: 2em; } } div.form-group:has(> span.invalid-msg) { outline: 2px solid #B03333; } div.plain-input-container:has(> span.invalid-msg) input:not(input[type=submit]) { outline: 2px solid #B03333; } .invalid-msg { color: #B03333; font-size: 0.75rem; } .form-check label span { display: block; font-size: 0.875rem; } .datepicker { border-radius: 6px; } .datepicker .datepicker__month { font-size: 0.875rem; } .datepicker .datepicker__month-name { font-size: 1rem; } .datepicker .datepicker__week-name { font-size: 0.75rem; } .datepicker .datepicker__inner { padding: 0.875rem; } .flatpickr-calendar { border-radius: 6px; border: 0; box-shadow: none; margin-left: -1rem; margin-top: 0.5rem; padding: 1rem; color: #746F6F; } .flatpickr-calendar .flatpickr-day { font-size: 0.875rem; } .flatpickr-calendar .flatpickr-day.selected { background: #a8998b; color: white; border: 1px transparent; border-radius: 0; } .flatpickr-calendar .flatpickr-day.selected:hover { color: #746F6F; } .flatpickr-calendar .flatpickr-day.today { border: 0; background: rgba(168, 153, 139, 0.45); color: white; border-radius: 0; } .flatpickr-calendar .flatpickr-day.today:hover { background: none; color: #746F6F; } .flatpickr-calendar .flatpickr-day:hover { background: none; border-radius: 0; border: 1px solid #e6e6e6; } .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar .numInputWrapper, .flatpickr-calendar .flatpickr-current-month input.cur-year { font-size: 1rem; font-weight: bold; color: #746F6F; } .flatpickr-calendar span.flatpickr-weekday { font-size: 0.75rem; font-weight: 400; text-transform: uppercase; } .flatpickr-calendar.open, .flatpickr-calendar.inline, .flatpickr-calendar.animate .open { margin-left: -1rem; margin-top: 0.5rem; } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .normal-text-link, .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes gradient { 0% { background-position: 14% 0%; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0%; } } .linear-background-animated, .btn-important.animated, .btn.animated, .animated.btn-square, .animated.btn-square-hollow, .animated.btn-on-background, .animated.btn-on-solid-background, .animated.btn-link, .animated.btn-hollow, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; } .shimmerLine { height: 10px; background: #777; margin-top: 20px; } .shimmerBox { height: 100%; position: relative; } .shimmerBox::before { content: ""; position: absolute; height: 100%; width: 100%; min-width: 250px; animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes fullView { 100% { width: 100%; } } .animateLoading { animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @keyframes clipMe { 0%, 100% { clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%); } 35% { clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } 50% { clip-path: polygon(0 25%, 100% 0, 100% 75%, 0% 100%); } 65% { clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%); } } .btn, .btn-square, .btn-square-hollow, .btn-on-background, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { color: #ffffff; background-color: #a8998b; border: 0; text-align: center; width: -moz-fit-content; width: fit-content; } .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { color: #ffffff; } .btn.loading, .loading.btn-square, .loading.btn-square-hollow, .loading.btn-on-background, .loading.btn-on-solid-background, .loading.btn-important, .loading.btn-link, .loading.btn-hollow, .loading.btn-square-hollow { position: relative; } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { content: ""; width: calc(100% - 10px); height: calc(100% - 10px); top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: inset 0 0 0 1px; animation: clipMe 1.5s linear infinite; } .btn:focus, .btn-square:focus, .btn-square-hollow:focus, .btn-on-background:focus, .btn-on-solid-background:focus, .btn-important:focus, .btn-link:focus, .btn-hollow:focus, .btn:active, .btn-square:active, .btn-square-hollow:active, .btn-on-background:active, .btn-on-solid-background:active, .btn-important:active, .btn-link:active, .btn-hollow:active { color: #ffffff; background-color: #a8998b; opacity: 0.75; } .btn.disabled, .disabled.btn-square, .disabled.btn-square-hollow, .disabled.btn-on-background, .disabled.btn-on-solid-background, .disabled.btn-important, .disabled.btn-link, .disabled.btn-hollow, .btn[disabled], [disabled].btn-square, [disabled].btn-square-hollow, [disabled].btn-on-background, [disabled].btn-on-solid-background, [disabled].btn-important, [disabled].btn-link, [disabled].btn-hollow, .btn.aspNetDisabled, .aspNetDisabled.btn-square, .aspNetDisabled.btn-square-hollow, .aspNetDisabled.btn-on-background, .aspNetDisabled.btn-on-solid-background, .aspNetDisabled.btn-important, .aspNetDisabled.btn-link, .aspNetDisabled.btn-hollow, .btn.swiper-button-disabled, .swiper-button-disabled.btn-square, .swiper-button-disabled.btn-square-hollow, .swiper-button-disabled.btn-on-background, .swiper-button-disabled.btn-on-solid-background, .swiper-button-disabled.btn-important, .swiper-button-disabled.btn-link, .swiper-button-disabled.btn-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn.enlarged, .enlarged.btn-square, .enlarged.btn-square-hollow, .enlarged.btn-on-background, .enlarged.btn-on-solid-background, .enlarged.btn-important, .enlarged.btn-link, .enlarged.btn-hollow { padding: 1rem 3rem 1rem 3rem; max-height: 80px; } .btn.fixed, .fixed.btn-square, .fixed.btn-square-hollow, .fixed.btn-on-background, .fixed.btn-on-solid-background, .fixed.btn-important, .fixed.btn-link, .fixed.btn-hollow { display: inline-block; min-width: 100px; width: auto; text-align: center; white-space: nowrap; } .btn-hollow, .btn-square-hollow { color: #a8998b; border: 1px solid #a8998b; background: none; } .btn-hollow:hover, .btn-square-hollow:hover { background: none; color: #a8998b; background-color: #E8E5E2; animation: none; transition: none; } .btn-hollow:focus, .btn-square-hollow:focus, .btn-hollow:active, .btn-square-hollow:active { color: #a8998b; background-color: #ffffff; } .btn-hollow.disabled, .disabled.btn-square-hollow, .btn-hollow[disabled], [disabled].btn-square-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); border: 0; } .btn-link { background: none; border: 0; max-width: none; min-width: auto; padding: 0; color: #746F6F; display: flex; align-items: center; } .btn-link:hover, .btn-link:focus, .btn-link:active { background: none; color: #746F6F; } .btn-link:focus, .btn-link:active { color: #746F6F; background: none; } .btn-link.disabled, .btn-link[disabled] { pointer-events: none; color: rgba(116, 111, 111, 0.2); background: none; } .btn-important { color: #ffffff; background-color: #746F6F; border: 0; } .btn-important:hover { color: #ffffff; } .btn-important:focus, .btn-important:active { background-color: #746F6F; } .btn-important.disabled, .btn-important[disabled] { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn-on-solid-background { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-solid-background:hover { color: #a8998b; background: none; background-color: rgba(255, 255, 255, 0.8); } .btn-on-solid-background:focus, .btn-on-solid-background:active { color: #a8998b; background-color: #ffffff; } .btn-on-solid-background.disabled, .btn-on-solid-background[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background { color: #ffffff; border: 1px solid #ffffff; background: none; width: -moz-max-content; width: max-content; } .btn-on-background:hover { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-background:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background:focus, .btn-on-background:active { color: #a8998b; background-color: #ffffff; } .btn-on-background:focus > .arrow, .btn-on-background:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background.disabled, .btn-on-background[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background.disabled > .arrow, .btn-on-background[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .btn-square, .btn-square-hollow { width: 46px; min-width: 0 !important; height: 46px; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .btn-square > .arrow, .btn-square-hollow > .arrow { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='white'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.up > .arrow, .up.btn-square-hollow > .arrow { transform: rotate(180deg); } .btn-square.left > .arrow, .left.btn-square-hollow > .arrow { transform: rotate(90deg); } .btn-square.right > .arrow, .right.btn-square-hollow > .arrow { transform: rotate(-90deg); } .btn-square > .plus, .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square > .minus, .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.small, .small.btn-square-hollow { min-width: 32px; min-height: 32px; width: 32px; height: 32px; } .btn-square.small > .arrow, .small.btn-square-hollow > .arrow, .btn-square.small > .plus, .small.btn-square-hollow > .plus, .btn-square.small > .minus, .small.btn-square-hollow > .minus { width: 12px; height: 12px; } .btn-square-hollow > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='%23A8998B'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow.active { background: #a8998b; color: #ffffff; } .btn-square-hollow.active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:focus > .arrow, .btn-square-hollow.btn-on-background:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background.disabled > .arrow, .btn-square-hollow.btn-on-background[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .data-pager { display: flex; gap: 10px; align-items: center; position: relative; } .data-pager-prev, .data-pager-next { position: absolute !important; background-size: 20px !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .ux-position-top-right { left: auto; top: 1.5rem; right: 1.5rem; bottom: auto; } .ux-position-bottom-right { left: auto; top: auto; right: 1.5rem; bottom: 1.5rem; } .ux-position-top-left { left: 1.5rem; top: 1.5rem; right: auto; bottom: auto; } .ux-position-bottom-left { left: 1.5rem; top: auto; right: auto; bottom: 1.5rem; } @media (min-width: 992px) { .ux-position-top-right { left: auto; top: 3.625rem; right: 3.625rem; bottom: auto; } .ux-position-bottom-right { left: auto; top: auto; right: 3.625rem; bottom: 3.625rem; } .ux-position-top-left { left: 3.625rem; top: 3.625rem; right: auto; bottom: auto; } .ux-position-bottom-left { left: 3.625rem; top: auto; right: auto; bottom: 3.625rem; } } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span, .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .box, .box-w-shadow, .box-nav-vertical, .ux-navigation > a, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-hollow:hover, .btn-link:hover, .btn-important:hover, .btn-on-solid-background:hover, .btn-on-background:hover, .btn-square:hover, .btn-square-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .card-container { container: card/inline-size; } .card-container .card { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .card-container .card .outer { position: relative; width: 100%; height: auto; } .card-container .card .outer:before { content: ""; display: block; padding-top: 65.625%; } .card-container .card .outer img { border-radius: 6px 6px 0 0; } .card-container .card .outer .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-container .card .outer .img-placeholder { background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; width: 100%; height: 100%; border-radius: 6px 6px 0 0; } .card-container .card .content { padding: 1.5rem; } .card-container .card .btn-container { display: flex; flex-direction: column; row-gap: 1rem; flex-wrap: wrap; } @media (min-width: 576px) { .card-container .card .btn-container a, .card-container .card .btn-container input[type=submit], .card-container .card .btn-container button { width: -moz-fit-content; width: fit-content; width: -moz-max-content; width: max-content; } } .card-container .card.cta-card { position: relative; transition: all 0.3s ease; } .card-container .card.cta-card:before { content: "\f35d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; right: 0; padding: 10px; background: white; z-index: 10; opacity: 0; transition: all 0.3s ease; border-radius: 0 6px 0 0; } .card-container .card.cta-card:hover { cursor: pointer; scale: 1.015; transition: all 0.3s ease; } .card-container .card.cta-card:hover:before { opacity: 1; transition: all 0.3s ease; } .card-container .card.picture-card .outer img { border-radius: 6px !important; } .card-container .card.picture-card .content { position: absolute; bottom: 0; color: white; } .card-container .card.picture-card .content h3, .card-container .card.picture-card .content span.h3, .card-container .card.picture-card .content p { margin-bottom: 0; } .card-container .card.picture-card:has(.content) .outer:after { content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px !important; } .card-container .card.picture-card.vertical-picture-card .outer:before { padding-top: 116.6666666667%; } .card-container .card.picture-card.fade-in-content .content { width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 6px; opacity: 0; background: rgba(116, 111, 111, 0.6); transition: all 0.3s ease; } .card-container .card.picture-card.fade-in-content:hover .outer img { filter: blur(6px); transition: all 0.3s ease; } .card-container .card.picture-card.fade-in-content:hover .content { opacity: 1; transition: all 0.3s ease; } .card-container .card.clean-card { background: none; box-shadow: none; border-radius: 0; } .card-container .card.clean-card img { border-radius: 0 !important; } .card-container .card.book-card { min-height: 380px; } .card-container .card.book-card > .content { padding: 0 !important; } .card-container .card.book-card > .content > .content .title { display: flex; flex-direction: column; row-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; margin-bottom: 1rem; } .card-container .card.book-card > .content > .content .title > h2, .card-container .card.book-card > .content > .content .title > span.h2 { margin-bottom: 0; text-transform: capitalize; } .card-container .card.book-card > .content > .content .title > span:not(.badge) { font-size: 0.875rem; padding: 0 0.875rem; border: 1px solid #a8998b; width: -moz-max-content; width: max-content; } .card-container .card.book-card > .content > .content > ul { padding: 0; margin: 0; display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .card-container .card.book-card > .content > .content .text-container { margin-bottom: 0; margin-top: 1rem; } .card-container .card.book-card > .content > .content .text-container > ul { padding: 0; } .card-container .card.book-card > .content > .content .guest-number-container { display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .card-container .card.book-card > .content > .content .guest-number-container input[type=number] { width: 30px; height: 30px; text-align: center; } .card-container .card.book-card > .content > .content .guest-number-container p { margin-bottom: 0; margin-left: 0.5rem; } .card-container .card.book-card > .content > .content:last-of-type { display: flex; flex-wrap: wrap; gap: 1rem; grid-template-columns: repeat(2, 1fr); align-items: center; border-top: 1px solid rgba(29, 29, 29, 0.3); } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container > span { font-size: 0.875rem; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice { margin-bottom: 0; } .card-container .card.book-card > .content > .content:last-of-type > .form-group { width: 100%; grid-column: span 2; } .card-container .card.book-card > .content > .content:last-of-type > .form-group select { min-width: 0; width: 100%; } .card-container .card.book-card > .content > .content .btn-container { justify-content: flex-end; } .card-container .card .card-body { padding: 1.5rem; } .card-container .card .card-body .placeholder { display: block; background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; border-radius: 0.25rem; } .card-container .card .card-body .title-placeholder { height: 1.2rem; } .card-container .card.loading .outer .inner img.coverImg { opacity: 0 !important; } .card-container .card.loading .outer .inner::before { content: ""; position: absolute; inset: 0; background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; border-radius: 6px 6px 0 0; z-index: 1; } .card-container .card.loading .content { color: transparent; } .card-container .card.loading .content .bottom-bar, .card-container .card.loading .content .btn > *, .card-container .card.loading .content .btn-hollow > *, .card-container .card.loading .content .btn-link > *, .card-container .card.loading .content .btn-important > *, .card-container .card.loading .content .btn-on-solid-background > *, .card-container .card.loading .content .btn-on-background > *, .card-container .card.loading .content .btn-square > *, .card-container .card.loading .content .btn-square-hollow > *, .card-container .card.loading .content .course-section-wrapper > * { visibility: hidden; } .card-container .card.loading .content > h3, .card-container .card.loading .content > span.h3 { background-color: rgba(29, 29, 29, 0.3); height: 1.4rem; width: 60%; border-radius: 0.25rem; margin-bottom: 1rem; animation: pulse 2s infinite ease-in-out; } .card-container .card.loading .content > p, .card-container .card.loading .content > a, .card-container .card.loading .content > div { background-color: rgba(29, 29, 29, 0.3); height: 1.4rem; width: 90%; border-radius: 0.25rem; margin-bottom: 1.2rem; animation: pulse 2s infinite ease-in-out; color: transparent !important; text-shadow: none !important; } @container card (min-width: 320px) { .card-container .card .content { padding: 2.125rem; } .card-container .card .btn-container { flex-direction: row; -moz-column-gap: 1rem; column-gap: 1rem; align-items: flex-start; } .card-container .card .card-body { padding: 2.125rem; } } @container card (min-width: 700px) { .card-container .card { flex-direction: row !important; } .card-container .card .outer img { border-radius: 6px 0 0 6px; } .card-container .card > div { width: 100%; } .card-container .card .content { padding: 2.875rem; display: flex; flex-direction: column; } .card-container .card .btn-container { margin-top: auto; } .card-container .card .card-body { padding: 2.875rem; } .card-container .reverse-card { flex-direction: row-reverse !important; } .card-container .reverse-card .outer img { border-radius: 0 6px 6px 0; } .card-container .book-card .content { flex-direction: column; } } @container card (min-width: 1100px) { .card-container .book-card .outer { max-width: 475px; } .card-container .book-card .content { flex-direction: row; } .card-container .book-card > .content { display: flex; } .card-container .book-card > .content > .content { max-width: 520px; width: 100%; } .card-container .book-card > .content > .content:first-of-type { flex-direction: column; } .card-container .book-card > .content > .content .title { flex-direction: row !important; align-items: center; justify-content: space-between; } .card-container .book-card > .content > .content .title span { white-space: nowrap; } .card-container .book-card > .content > .content ul p { margin-bottom: 0; } .card-container .book-card > .content > .content:last-of-type { border-top: 0 !important; border-left: 1px solid rgba(29, 29, 29, 0.3); grid-template-columns: 1fr !important; width: auto; align-items: flex-start !important; max-width: 285px; width: 100%; align-items: center !important; justify-content: center; } .card-container .book-card > .content > .content:last-of-type > .form-group { grid-column: span 1 !important; width: 100%; } .card-container .book-card > .content > .content:last-of-type > .form-group .price-select-container { position: relative; } .card-container .book-card > .content > .content:last-of-type > .form-group .price-select-container:after { position: absolute; top: 0; right: 14px; width: 50px; height: 100%; content: ""; background: linear-gradient(to right, transparent, #ffffff); pointer-events: none; } .card-container .book-card > .content > .content:last-of-type .price-container { text-align: center; width: 100%; } .card-container .book-card > .content > .content .btn-container { justify-content: center !important; } } .general-cards-carousel .card-arrows { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 999; } @container (min-width: 320px) { .general-cards-carousel .card-arrows { top: 2.125rem; right: 2.125rem; } } @container (min-width: 700px) { .general-cards-carousel .card-arrows { top: 2.875rem; right: 2.875rem; } } .picture-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1.5rem; } .picture-cards-carousel .swiper-pagination { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); justify-content: center; align-items: flex-end; row-gap: 1rem; right: 1.5rem; left: auto !important; height: 100%; width: -moz-min-content !important; width: min-content !important; } .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background-color: white; } @container card (min-width: 576px) { .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px; } } .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet-active { background-color: #a8998b; } .picture-cards-slider .swiper-button-next, .picture-cards-slider .swiper-button-prev, .general-cards-slider .swiper-button-next, .general-cards-slider .swiper-button-prev { opacity: 0.3; transition: opacity 0.3s ease-in-out; width: 46px; } .picture-cards-slider .swiper-button-next:after, .picture-cards-slider .swiper-button-prev:after, .general-cards-slider .swiper-button-next:after, .general-cards-slider .swiper-button-prev:after { display: none; } .picture-cards-slider:hover .swiper-button-next, .picture-cards-slider:hover .swiper-button-prev, .general-cards-slider:hover .swiper-button-next, .general-cards-slider:hover .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease-in-out; } .picture-cards-slider:hover .swiper-button-next.swiper-button-disabled, .picture-cards-slider:hover .swiper-button-prev.swiper-button-disabled, .general-cards-slider:hover .swiper-button-next.swiper-button-disabled, .general-cards-slider:hover .swiper-button-prev.swiper-button-disabled { opacity: 0; } .picture-cards-slider .swiper-button-prev, .general-cards-slider .swiper-button-prev { left: 1.5rem; right: auto; } .picture-cards-slider .swiper-button-next, .general-cards-slider .swiper-button-next { right: 1.5rem; left: auto; } .picture-cards-slider .swiper-button-next, .picture-cards-slider .swiper-button-prev { opacity: 0.3; transition: opacity 0.3s ease-in-out; width: 46px; } .picture-cards-slider .swiper-button-next:after, .picture-cards-slider .swiper-button-prev:after { display: none; } .picture-cards-slider:hover .swiper-button-next, .picture-cards-slider:hover .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease-in-out; } .picture-cards-slider .swiper-button-prev { left: 1.5rem; right: auto; } .picture-cards-slider .swiper-button-next { right: 1.5rem; left: auto; } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .btn-group .dropdown-menu li .dropdown-item, .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .modal .modal-dialog { max-width: 1280px; } .modal .modal-content { border: 0; max-height: 700px; overflow: hidden; } .modal .modal-body { display: grid; gap: 2.125rem; } .modal.marketing-modal .modal-dialog { max-width: 980px; } @media (max-width: 767px) { .modal.marketing-modal .modal-dialog .modal-content { max-height: none; } } .modal.marketing-modal .modal-main-content { display: flex; flex-direction: column; } @media (min-width: 769px) { .modal.marketing-modal .modal-main-content { flex-direction: row; } } .modal.marketing-modal .modal-body { padding: 0; gap: 0; } .modal.marketing-modal .outer { width: 100%; height: 200px; } .modal.marketing-modal .outer .coverImg[src="#"], .modal.marketing-modal .outer .coverImg:not([src]), .modal.marketing-modal .outer .coverImg[src=""] { /* Hide the broken image and show placeholder */ display: none; } .modal.marketing-modal .outer .coverImg[src="#"] + .image-placeholder, .modal.marketing-modal .outer .coverImg:not([src]) + .image-placeholder, .modal.marketing-modal .outer .coverImg[src=""] + .image-placeholder { display: flex; align-items: center; justify-content: center; } .modal.marketing-modal .outer .image-placeholder { display: none; width: 100%; height: 100%; /* Adjust to your needs */ background: #746F6F; display: flex; align-items: center; justify-content: center; color: white; } .modal.marketing-modal .outer .image-placeholder svg { width: 250px; } @media (min-width: 769px) { .modal.marketing-modal .outer { max-width: 350px; height: 100%; } } .modal.marketing-modal .content { width: 100%; height: 100%; } .modal.marketing-modal .content > .form-container { width: 100%; height: 100%; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; } .modal.marketing-modal .content > .form-container .btn-group { gap: 1rem; flex-wrap: wrap; } .modal.marketing-modal .content > .form-container .btn-group button { width: 100%; } @media (min-width: 376px) { .modal.marketing-modal .content > .form-container .btn-group button { width: auto; } } @media (min-width: 769px) { .modal.marketing-modal .content > .form-container .btn-group { margin: 0 auto; } } @media (min-width: 769px) { .modal.marketing-modal .content > .form-container { padding: 2.5rem; } .modal.marketing-modal .content > .form-container > h3, .modal.marketing-modal .content > .form-container > span.h3, .modal.marketing-modal .content > .form-container > p { text-align: center; } } .modal.marketing-modal .btn-close { position: absolute; width: 50px; height: 50px; font-size: 1rem; left: 0; top: 0; color: white; z-index: 10; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; } @media (min-width: 769px) { .modal.marketing-modal .btn-close { font-size: 0.5rem; right: 0; left: auto; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat; } } .pagination { -moz-column-gap: 10px; column-gap: 10px; } .btn-group .dropdown-toggle { display: flex; -moz-column-gap: 10px; column-gap: 10px; } .btn-group .dropdown-toggle:after { display: none; } .btn-group .dropdown-menu { padding: 0; border: 0; border-radius: 0; border-radius: 6px; overflow: hidden; } .btn-group .dropdown-menu li { margin-bottom: 0; } .btn-group .dropdown-menu li .dropdown-item { padding: 0.5rem 1rem 0.5rem 1rem; min-height: 46px; display: flex; align-items: center; width: 100%; color: #746F6F; } @media (min-width: 768px) { .btn-group .dropdown-menu li .dropdown-item { min-width: 200px; } } @media (min-width: 1200px) { .btn-group .dropdown-menu li .dropdown-item { min-width: 280px; } } .btn-group .dropdown-menu li .dropdown-item:focus, .btn-group .dropdown-menu li .dropdown-item:active { color: #746F6F; } .btn-group .dropdown-menu li .dropdown-item:hover { background-color: #E8E5E2; } .table-container { container: table/inline-size; } .table-container .table thead { display: none; } .table-container .table tbody tr, .table-container .table tbody th { display: block; } .table-container .table tbody tr:not(.sub-section-row) { margin-bottom: 1.5rem; padding: 1rem 0; border-radius: 6px; } .table-container .table tbody tr:not(.sub-section-row):nth-of-type(2n) { background-color: rgba(29, 29, 29, 0.05); } .table-container .table tbody tr:not(.sub-section-row):last-of-type { margin-bottom: 0; } .table-container .table tbody td { border-collapse: separate; display: table; text-align: left !important; width: 100%; } .table-container .table tbody td:before { content: attr(data-label); display: table-cell; font-weight: 700; padding-right: 1.78em; width: 35%; } .table-container .table tbody td:last-of-type { border-bottom: 0; } .table-container .table tbody td.btn-group { display: table; } .table-container .table tbody td.btn-group a { vertical-align: middle; margin: 0.5rem; margin-left: 0; } @container table (min-width: 768px) { .table-container .table thead { display: table-header-group; } .table-container .table tbody tr { display: table-row; margin-bottom: 0; padding: 0; border-radius: 0; } .table-container .table tbody tr:nth-of-type(2n) { background-color: transparent !important; } .table-container .table tbody th { display: table-cell; text-align: left; width: auto; } .table-container .table tbody td { display: table-cell; text-align: left; width: auto; } .table-container .table tbody td:before { content: none; } .table-container .table tbody td:last-of-type { border-bottom: 1px solid rgba(29, 30, 30, 0.3019607843); } .table-container .table tbody td.btn-group { display: flex; } .table-container .table tbody td.btn-group a { margin: 0; } } .box, .box-w-shadow, .box-nav-vertical, .ux-navigation > a, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-hollow:hover, .btn-link:hover, .btn-important:hover, .btn-on-solid-background:hover, .btn-on-background:hover, .btn-square:hover, .btn-square-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link, .btn-group .dropdown-menu li .dropdown-item { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link, .btn-group .dropdown-menu li .dropdown-item { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .alert { background-color: white; padding: 1rem 3.5rem; position: relative; padding-left: 4.5rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .alert:before { content: "\f129"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.125rem; left: 2.125rem; top: 50%; transform: translateY(-50%); position: absolute; color: #a8998b; } .alert p { margin-bottom: 0 !important; } .alert p :not(.alert-title) { font-size: 0.875rem; } .alert p :not(.alert-title) > a { font-size: 0.875rem; } .alert ul { list-style-type: disc; font-size: 0.875rem; padding-right: 0; } .alert ul li { margin-bottom: 0; } .alert.valid:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #36AD5E; } .alert.invalid:before { content: "\f129"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #B03333; } .alert.warning { padding: 1rem 3.5rem; padding-left: 4.5rem; background-color: white !important; } .alert.warning:before { content: "\f129"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #C98C1A; } .alert.with-action { display: flex; gap: 1rem; -moz-column-gap: 3rem; column-gap: 3rem; justify-content: space-between; flex-wrap: wrap; } .alert.with-action .btn-group { display: flex; gap: 1rem; } .toast { border: 0; border-radius: 6px; overflow: hidden; max-width: 300px; margin-bottom: 0 !important; } .toast .toast-header { background-color: white; border-radius: 0; } .toast .toast-header > strong { font-size: 0.875rem; color: #746F6F; } .toast .toast-header .icon { position: relative; width: 20px; height: 20px; border-radius: 6px; overflow: hidden; margin-right: 10px; } .toast .toast-header .icon:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background-color: #a8998b; transform: translateY(-50%); } .toast .toast-body { background-color: #f8f8f8; } .toast.valid .toast-header .icon:before { background-color: #36AD5E; } .toast.invalid .toast-header .icon:before { background-color: #B03333; } .toast-container { position: fixed; z-index: 99999; pointer-events: inherit; } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link, .btn-group .dropdown-menu li .dropdown-item { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-hollow:hover, .btn-link:hover, .btn-important:hover, .btn-on-solid-background:hover, .btn-on-background:hover, .btn-square:hover, .btn-square-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } .brand-loading-text, .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice h2 span, .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice span.h2 span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span, .box-nav-vertical, .ux-navigation > a { font-family: "Open Sans", sans-serif; font-weight: 500; } .font-link, a, strong, button, input[type=submit], input[type=button], .nav-tabs .nav-item .nav-link, .btn, .btn-hollow, .btn-link, .btn-important, .btn-on-solid-background, .btn-on-background, .btn-square, .btn-square-hollow { font-family: "Open Sans", sans-serif; font-weight: 600; } .font-paragraph, p, span, .nav-tabs.box-tab .nav-link, .datepicker, .flatpickr-calendar, .normal-text-link, .btn-group .dropdown-menu li .dropdown-item { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .box, .box-w-shadow, .box-nav-vertical, .ux-navigation > a, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow, .nav-tabs.box-tab .nav-link, .card-radio .form-check-label, .card-checkbox .form-check-label { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-hollow:hover, .btn-link:hover, .btn-important:hover, .btn-on-solid-background:hover, .btn-on-background:hover, .btn-square:hover, .btn-square-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .card-container { container: card/inline-size; } .card-container .card { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .card-container .card .outer { position: relative; width: 100%; height: auto; } .card-container .card .outer:before { content: ""; display: block; padding-top: 65.625%; } .card-container .card .outer img { border-radius: 6px 6px 0 0; } .card-container .card .outer .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-container .card .outer .img-placeholder { background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; width: 100%; height: 100%; border-radius: 6px 6px 0 0; } .card-container .card .content { padding: 1.5rem; } .card-container .card .btn-container { display: flex; flex-direction: column; row-gap: 1rem; flex-wrap: wrap; } @media (min-width: 576px) { .card-container .card .btn-container a, .card-container .card .btn-container input[type=submit], .card-container .card .btn-container button { width: -moz-fit-content; width: fit-content; width: -moz-max-content; width: max-content; } } .card-container .card.cta-card { position: relative; transition: all 0.3s ease; } .card-container .card.cta-card:before { content: "\f35d"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; right: 0; padding: 10px; background: white; z-index: 10; opacity: 0; transition: all 0.3s ease; border-radius: 0 6px 0 0; } .card-container .card.cta-card:hover { cursor: pointer; scale: 1.015; transition: all 0.3s ease; } .card-container .card.cta-card:hover:before { opacity: 1; transition: all 0.3s ease; } .card-container .card.picture-card .outer img { border-radius: 6px !important; } .card-container .card.picture-card .content { position: absolute; bottom: 0; color: white; } .card-container .card.picture-card .content h3, .card-container .card.picture-card .content span.h3, .card-container .card.picture-card .content p { margin-bottom: 0; } .card-container .card.picture-card:has(.content) .outer:after { content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px !important; } .card-container .card.picture-card.vertical-picture-card .outer:before { padding-top: 116.6666666667%; } .card-container .card.picture-card.fade-in-content .content { width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 6px; opacity: 0; background: rgba(116, 111, 111, 0.6); transition: all 0.3s ease; } .card-container .card.picture-card.fade-in-content:hover .outer img { filter: blur(6px); transition: all 0.3s ease; } .card-container .card.picture-card.fade-in-content:hover .content { opacity: 1; transition: all 0.3s ease; } .card-container .card.clean-card { background: none; box-shadow: none; border-radius: 0; } .card-container .card.clean-card img { border-radius: 0 !important; } .card-container .card.book-card { min-height: 380px; } .card-container .card.book-card > .content { padding: 0 !important; } .card-container .card.book-card > .content > .content .title { display: flex; flex-direction: column; row-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; margin-bottom: 1rem; } .card-container .card.book-card > .content > .content .title > h2, .card-container .card.book-card > .content > .content .title > span.h2 { margin-bottom: 0; text-transform: capitalize; } .card-container .card.book-card > .content > .content .title > span:not(.badge) { font-size: 0.875rem; padding: 0 0.875rem; border: 1px solid #a8998b; width: -moz-max-content; width: max-content; } .card-container .card.book-card > .content > .content > ul { padding: 0; margin: 0; display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .card-container .card.book-card > .content > .content .text-container { margin-bottom: 0; margin-top: 1rem; } .card-container .card.book-card > .content > .content .text-container > ul { padding: 0; } .card-container .card.book-card > .content > .content .guest-number-container { display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .card-container .card.book-card > .content > .content .guest-number-container input[type=number] { width: 30px; height: 30px; text-align: center; } .card-container .card.book-card > .content > .content .guest-number-container p { margin-bottom: 0; margin-left: 0.5rem; } .card-container .card.book-card > .content > .content:last-of-type { display: flex; flex-wrap: wrap; gap: 1rem; grid-template-columns: repeat(2, 1fr); align-items: center; border-top: 1px solid rgba(29, 29, 29, 0.3); } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container > span { font-size: 0.875rem; } .card-container .card.book-card > .content > .content:last-of-type > .room-price-container #roomPrice { margin-bottom: 0; } .card-container .card.book-card > .content > .content:last-of-type > .form-group { width: 100%; grid-column: span 2; } .card-container .card.book-card > .content > .content:last-of-type > .form-group select { min-width: 0; width: 100%; } .card-container .card.book-card > .content > .content .btn-container { justify-content: flex-end; } .card-container .card .card-body { padding: 1.5rem; } .card-container .card .card-body .placeholder { display: block; background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; border-radius: 0.25rem; } .card-container .card .card-body .title-placeholder { height: 1.2rem; } .card-container .card.loading .outer .inner img.coverImg { opacity: 0 !important; } .card-container .card.loading .outer .inner::before { content: ""; position: absolute; inset: 0; background-color: rgba(29, 29, 29, 0.3); animation: pulse 2s infinite ease-in-out; border-radius: 6px 6px 0 0; z-index: 1; } .card-container .card.loading .content { color: transparent; } .card-container .card.loading .content .bottom-bar, .card-container .card.loading .content .btn > *, .card-container .card.loading .content .btn-hollow > *, .card-container .card.loading .content .btn-link > *, .card-container .card.loading .content .btn-important > *, .card-container .card.loading .content .btn-on-solid-background > *, .card-container .card.loading .content .btn-on-background > *, .card-container .card.loading .content .btn-square > *, .card-container .card.loading .content .btn-square-hollow > *, .card-container .card.loading .content .course-section-wrapper > * { visibility: hidden; } .card-container .card.loading .content > h3, .card-container .card.loading .content > span.h3 { background-color: rgba(29, 29, 29, 0.3); height: 1.4rem; width: 60%; border-radius: 0.25rem; margin-bottom: 1rem; animation: pulse 2s infinite ease-in-out; } .card-container .card.loading .content > p, .card-container .card.loading .content > a, .card-container .card.loading .content > div { background-color: rgba(29, 29, 29, 0.3); height: 1.4rem; width: 90%; border-radius: 0.25rem; margin-bottom: 1.2rem; animation: pulse 2s infinite ease-in-out; color: transparent !important; text-shadow: none !important; } @container card (min-width: 320px) { .card-container .card .content { padding: 2.125rem; } .card-container .card .btn-container { flex-direction: row; -moz-column-gap: 1rem; column-gap: 1rem; align-items: flex-start; } .card-container .card .card-body { padding: 2.125rem; } } @container card (min-width: 700px) { .card-container .card { flex-direction: row !important; } .card-container .card .outer img { border-radius: 6px 0 0 6px; } .card-container .card > div { width: 100%; } .card-container .card .content { padding: 2.875rem; display: flex; flex-direction: column; } .card-container .card .btn-container { margin-top: auto; } .card-container .card .card-body { padding: 2.875rem; } .card-container .reverse-card { flex-direction: row-reverse !important; } .card-container .reverse-card .outer img { border-radius: 0 6px 6px 0; } .card-container .book-card .content { flex-direction: column; } } @container card (min-width: 1100px) { .card-container .book-card .outer { max-width: 475px; } .card-container .book-card .content { flex-direction: row; } .card-container .book-card > .content { display: flex; } .card-container .book-card > .content > .content { max-width: 520px; width: 100%; } .card-container .book-card > .content > .content:first-of-type { flex-direction: column; } .card-container .book-card > .content > .content .title { flex-direction: row !important; align-items: center; justify-content: space-between; } .card-container .book-card > .content > .content .title span { white-space: nowrap; } .card-container .book-card > .content > .content ul p { margin-bottom: 0; } .card-container .book-card > .content > .content:last-of-type { border-top: 0 !important; border-left: 1px solid rgba(29, 29, 29, 0.3); grid-template-columns: 1fr !important; width: auto; align-items: flex-start !important; max-width: 285px; width: 100%; align-items: center !important; justify-content: center; } .card-container .book-card > .content > .content:last-of-type > .form-group { grid-column: span 1 !important; width: 100%; } .card-container .book-card > .content > .content:last-of-type > .form-group .price-select-container { position: relative; } .card-container .book-card > .content > .content:last-of-type > .form-group .price-select-container:after { position: absolute; top: 0; right: 14px; width: 50px; height: 100%; content: ""; background: linear-gradient(to right, transparent, #ffffff); pointer-events: none; } .card-container .book-card > .content > .content:last-of-type .price-container { text-align: center; width: 100%; } .card-container .book-card > .content > .content .btn-container { justify-content: center !important; } } .general-cards-carousel .card-arrows { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 999; } @container (min-width: 320px) { .general-cards-carousel .card-arrows { top: 2.125rem; right: 2.125rem; } } @container (min-width: 700px) { .general-cards-carousel .card-arrows { top: 2.875rem; right: 2.875rem; } } .picture-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1.5rem; } .picture-cards-carousel .swiper-pagination { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); justify-content: center; align-items: flex-end; row-gap: 1rem; right: 1.5rem; left: auto !important; height: 100%; width: -moz-min-content !important; width: min-content !important; } .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background-color: white; } @container card (min-width: 576px) { .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px; } } .picture-cards-carousel .swiper-pagination .swiper-pagination-bullet-active { background-color: #a8998b; } .picture-cards-slider .swiper-button-next, .picture-cards-slider .swiper-button-prev, .general-cards-slider .swiper-button-next, .general-cards-slider .swiper-button-prev { opacity: 0.3; transition: opacity 0.3s ease-in-out; width: 46px; } .picture-cards-slider .swiper-button-next:after, .picture-cards-slider .swiper-button-prev:after, .general-cards-slider .swiper-button-next:after, .general-cards-slider .swiper-button-prev:after { display: none; } .picture-cards-slider:hover .swiper-button-next, .picture-cards-slider:hover .swiper-button-prev, .general-cards-slider:hover .swiper-button-next, .general-cards-slider:hover .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease-in-out; } .picture-cards-slider:hover .swiper-button-next.swiper-button-disabled, .picture-cards-slider:hover .swiper-button-prev.swiper-button-disabled, .general-cards-slider:hover .swiper-button-next.swiper-button-disabled, .general-cards-slider:hover .swiper-button-prev.swiper-button-disabled { opacity: 0; } .picture-cards-slider .swiper-button-prev, .general-cards-slider .swiper-button-prev { left: 1.5rem; right: auto; } .picture-cards-slider .swiper-button-next, .general-cards-slider .swiper-button-next { right: 1.5rem; left: auto; } .picture-cards-slider .swiper-button-next, .picture-cards-slider .swiper-button-prev { opacity: 0.3; transition: opacity 0.3s ease-in-out; width: 46px; } .picture-cards-slider .swiper-button-next:after, .picture-cards-slider .swiper-button-prev:after { display: none; } .picture-cards-slider:hover .swiper-button-next, .picture-cards-slider:hover .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease-in-out; } .picture-cards-slider .swiper-button-prev { left: 1.5rem; right: auto; } .picture-cards-slider .swiper-button-next { right: 1.5rem; left: auto; } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: rgba(29, 30, 30, 0.3019607843); --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #746F6F; --bs-link-hover-color: rgb(92.8, 88.8, 88.8); --bs-code-color: #d63384; --bs-highlight-bg: #a8998b; } .form-check { display: block; min-height: 1.5rem; padding-left: 2.0625em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -2.0625em; } .form-check-reverse { padding-right: 2.0625em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -2.0625em; margin-left: 0; } .form-check-input { width: 1.5625em; height: 1.5625em; margin-top: -0.03125em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: rgb(185.5, 183, 183); outline: 0; box-shadow: 0 0 0 0.25rem rgba(116, 111, 111, 0.25); } .form-check-input:checked { background-color: #746F6F; border-color: #746F6F; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #746F6F; border-color: #746F6F; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 3.625em; } .form-switch .form-check-input { width: 3.125em; margin-left: -3.625em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 3.125em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28185.5, 183, 183%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 3.625em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -3.625em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check[disabled] + .btn-hollow, .btn-check[disabled] + .btn-link, .btn-check[disabled] + .btn-important, .btn-check[disabled] + .btn-on-solid-background, .btn-check[disabled] + .btn-on-background, .btn-check[disabled] + .btn-square, .btn-check[disabled] + .btn-square-hollow, .btn-check:disabled + .btn, .btn-check:disabled + .btn-hollow, .btn-check:disabled + .btn-link, .btn-check:disabled + .btn-important, .btn-check:disabled + .btn-on-solid-background, .btn-check:disabled + .btn-on-background, .btn-check:disabled + .btn-square, .btn-check:disabled + .btn-square-hollow { pointer-events: none; filter: none; opacity: 0.65; } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 6px; --bs-card-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; --bs-card-inner-border-radius: 5px; --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: #000; --bs-accordion-bg: #fff; --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: rgba(29, 29, 29, 0.3); --bs-accordion-border-width: 1px; --bs-accordion-border-radius: 0.375rem; --bs-accordion-inner-border-radius: calc(0.375rem - 1px); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: #746F6F; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23746F6F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23746F6F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: rgb(185.5, 183, 183); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(116, 111, 111, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #746F6F; --bs-accordion-active-bg: #E8E5E2; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #6c757d; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #dee2e6; --bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; --bs-nav-tabs-link-active-color: #495057; --bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(var(--bs-nav-tabs-border-width) * -1); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #746F6F; } .nav-pills .nav-link { background: none; border: 0; border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } h6, h5, h4, span.h4, h3, span.h3, h2, span.h2, h1, span.h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, span.h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, span.h1 { font-size: 2.5rem; } } h2, span.h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, span.h2 { font-size: 2rem; } } h3, span.h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, span.h3 { font-size: 1.75rem; } } h4, span.h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, span.h4 { font-size: 1.5rem; } } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.1875em; background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--bs-link-color); text-decoration: underline; } a:hover { color: var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 2.125rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 6px; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: 5px; --bs-modal-header-padding-x: 2.125rem; --bs-modal-header-padding-y: 2.125rem; --bs-modal-header-padding: 2.125rem 2.125rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #a8998b; --bs-backdrop-opacity: 0.3; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: #e9ecef; --bs-progress-border-radius: 0.375rem; --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .row > * { margin-top: 1.5rem; } .form-check { margin-bottom: 1rem; width: 100%; } .form-check-input { margin-top: 0; cursor: pointer; } .card { border: 0; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: background-position 0.15s ease-in-out; } } .nav-tabs { border-bottom: 0; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; } .popover-arrow { position: absolute; } .tooltip { position: absolute; } .tooltip-arrow { position: absolute; } .progress-bar { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .progress-bar.progress-bar-animated { background-size: 200% 200%; animation: gradient 2s linear infinite; } .progress-bar.potential-progress-bar { background: #B03333; } .spinner-border { width: 1rem; height: 1rem; border-width: 3px; } .badge { background-color: transparent !important; color: #746F6F !important; border: 1px solid rgba(116, 111, 111, 0.2); font-weight: 500; border-radius: 3px; } .badge.text-bg-primary { background-color: #746F6F !important; color: #ffffff !important; border: 1px solid #746F6F !important; } .badge.text-bg-primary.light { background-color: #e9e9e9 !important; color: #746F6F !important; border: 1px solid rgba(116, 111, 111, 0.2) !important; } .badge.text-bg-secondary { background-color: #a8998b !important; color: #ffffff !important; border: 1px solid #a8998b !important; } .badge.text-bg-secondary.light { background-color: #F4EBE5 !important; color: #a8998b !important; border: 1px solid #E8E5E2 !important; } .badge.text-bg-success { background-color: #36AD5E !important; color: #ffffff !important; border: 1px solid #36AD5E !important; } .badge.text-bg-success.light { background-color: #cfffdf !important; color: #36AD5E !important; border: 1px solid rgba(54, 173, 94, 0.2) !important; } .badge.text-bg-warning { background-color: #C98C1A !important; color: #ffffff !important; border: 1px solid #C98C1A !important; } .badge.text-bg-warning.light { background-color: #FFE8BD !important; color: #C98C1A !important; border: 1px solid rgba(201, 140, 26, 0.2) !important; } .badge.text-bg-danger { background-color: #B03333 !important; color: #ffffff !important; border: 1px solid #B03333 !important; } .badge.text-bg-danger.light { background-color: #ffc6c6 !important; color: #B03333 !important; border: 1px solid rgba(176, 51, 51, 0.2) !important; } .badge.text-bg-dark { background-color: #1d1d1d !important; color: #ffffff !important; border: 1px solid #1d1d1d !important; } .badge.text-bg-light { background-color: #ffffff !important; color: #1d1d1d !important; border: 1px solid rgba(29, 29, 29, 0.2) !important; } .swiper.black-shade:before { z-index: 2; } .swiper.general-cards-slider:not(.x3, .x4) { overflow: visible !important; } .swiper.general-cards-slider:not(.x3, .x4) .swiper-slide { visibility: hidden; } .swiper.general-cards-slider:not(.x3, .x4) .swiper-slide.swiper-slide-active { visibility: visible; } .swiper .card-arrows { display: flex; gap: 1rem; } .swiper .card-arrows .swiper-button-prev, .swiper .card-arrows .swiper-button-next { position: initial !important; margin: 0; } .swiper .swiper-button-prev, .swiper .swiper-button-next { position: absolute !important; } .swiper .swiper-button-prev:after, .swiper .swiper-button-next:after { display: none; } .swiper .swiper-button-prev.swiper-button-disabled, .swiper .swiper-button-next.swiper-button-disabled { opacity: 0; } .ux-main .body-content > .section, .ux-main .body-content > .full-width-section { margin-top: 0 !important; } .ux-navigation { display: grid; } .ux-font-list li { display: flex; align-items: center; border-bottom: 1px solid; padding: 0.875rem 0; margin-bottom: 0; } .ux-font-list li > * { margin-bottom: 0 !important; width: 100%; } @media (min-width: 992px) { .ux-font-list li > * { width: 33.3333333333%; } } .ux-button-list { display: flex; align-items: center; -moz-column-gap: 2rem; column-gap: 2rem; flex-wrap: wrap; } .ux-button-list .solid-bg { background-color: #746F6F; padding: 1rem; } .ux-tab-on-functional-beige { padding: 1rem; background-color: #a8998b; } .ux-tab-on-branding-dark-grey { padding: 1rem; background-color: #746F6F; } .ux-form-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 1rem; align-items: flex-start; } .ux-tab-list .on-background { padding: 1rem 0; margin-left: 0; } .swiper-button-disabled { display: none !important; } .ux-branding-black-30 { color: rgba(29, 29, 29, 0.3) !important; } .brand-loading-text { color: #746F6F; } .brand-loading-svg { width: 150px; margin-bottom: 1.5rem; } #loadingModal .modal-body { gap: 0.5rem; } #loadingModal .modal-dialog { margin: 0; max-width: none; width: 100%; height: 100%; } .full-page { position: fixed; bottom: 0; inset: 0; width: 100%; height: 100%; background-color: rgba(232, 229, 226, 0.9) !important; border-radius: 0; z-index: 1055; max-height: none !important; } .branded-placeholder { background-color: rgba(29, 29, 29, 0.3) !important; }/*# sourceMappingURL=ux.css.map */ .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .hero-section-title, h2 > span, span.h2 > span, h2, span.h2, h1 > span, span.h1 > span, h1, span.h1, .font-title { font-family: "Open Sans", sans-serif; font-weight: 800; } h3 > span, span.h3 > span, h3, span.h3, .font-subtitle { font-family: "Open Sans", sans-serif; font-weight: 700; } .subtitle-alt, h4 > span, span.h4 > span, h4, span.h4, .font-subtitle-alt { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, a, strong, button, input[type=submit], input[type=button], .font-link { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, p, span, .font-paragraph { font-family: "Open Sans", sans-serif; font-weight: 400; } pre span, .font-code { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } h1, span.h1 { font-size: 2.125rem; font-size: clamp(2.125rem, 1.95rem + 0.875vw, 3rem); margin-bottom: 1rem; } h2, span.h2 { font-size: 1.5rem !important; font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) !important; margin-bottom: 1rem; } h3, span.h3 { font-size: 1.125rem !important; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important; margin-bottom: 1rem; } h4, span.h4 { font-size: 1rem !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important; margin-bottom: 1rem; } p, span { margin-bottom: 1rem; } p.p2, span.p2 { font-size: 0.875rem; } p.p3, span.p3 { font-size: 0.75rem; } span { margin-bottom: 0; } pre span { display: inline; font-size: 0.875rem; } a, strong, button, input[type=submit], input[type=button] { font-size: 1rem; text-decoration: none; } .hero-section-title { font-size: 2.125rem; font-size: clamp(2.125rem, 1.75rem + 1.875vw, 4rem); } mark { background-color: #a8998b; color: white; } .underline { text-decoration: underline; } .box, .box-w-shadow { border: 0; border-radius: 6px; overflow: hidden; } .box-w-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .blur { position: relative; overflow: hidden; } .blur:after { content: ""; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; filter: blur(10px); } .max-1280, .dine-nav .on-background, .pet-nav .on-background, .weddings-nav .on-background, .pet-person .content, .testimonial-section .content, .page-marque-contents > div, main.ux-main, .section > div, .full-width-section > div { max-width: 1280px; margin: 0 auto; } .section, .full-width-section { padding: 0 1.5rem; margin-bottom: 2.125rem; margin-top: 2.125rem; } .section > div > h1, .full-width-section > div > h1, .section > div > span.h1, .full-width-section > div > span.h1 { margin-bottom: 1.5rem; } .section > div > h4, .full-width-section > div > h4, .section > div > span.h4, .full-width-section > div > span.h4, .section > div p, .full-width-section > div p { margin-bottom: 1.5rem; } .section > div > ul.box-tab, .full-width-section > div > ul.box-tab { margin-bottom: 2.875rem; } @media (min-width: 992px) { .section, .full-width-section { padding: 0 3.625rem; } } @media (min-width: 1200px) { .section, .full-width-section { margin-bottom: 4rem; margin-top: 4rem; } } .section.no-margin, .no-margin.full-width-section { margin: 0; max-width: none; } @media (min-width: 992px) { .section.no-margin, .no-margin.full-width-section { padding: 3.625rem; } } @media (min-width: 1200px) { .section.no-margin, .no-margin.full-width-section { padding-bottom: 4rem; padding-top: 4rem; } } @media (min-width: 992px) { .no-header-section, main.ux-main { padding-top: 3.625rem; min-height: calc(100vh - 547px - 100px); margin-top: 0; } } @media (min-width: 1201px) { .no-header-section, main.ux-main { padding-top: calc(130px + 3.625rem); } } .full-width-section { padding: 0; } .full-width-section > div { max-width: none; padding: 0 1.5rem; } @media (min-width: 992px) { .full-width-section > div { padding: 0; } } @media (min-width: 992px) { .full-width-section { padding: 0; } } .overflow-x-scroll-container { overflow-x: scroll; overflow-y: hidden; padding: 2.125rem 2px; padding-bottom: 4rem; margin-top: -2.125rem; margin-bottom: -4rem; cursor: pointer; } .overflow-x-scroll-container.active { cursor: grabbing; } .overflow-x-scroll-container::-webkit-scrollbar { display: none; } .overflow-x-scroll-container > div { margin-bottom: 0; } .overflow-x-scroll-container.x2 > div { min-width: 50%; } .overflow-x-scroll-container.x3 > div { min-width: 33.3333333333%; } .overflow-x-scroll-container.x4 > div { min-width: 25%; } .font-title, h1, h1 > span, h2, h2 > span, span.h1, span.h1 > span, span.h2, span.h2 > span, .hero-section-title { font-family: "Open Sans", sans-serif; font-weight: 800; } .font-subtitle, h3, h3 > span, span.h3, span.h3 > span { font-family: "Open Sans", sans-serif; font-weight: 700; } .font-subtitle-alt, h4, h4 > span, .subtitle-alt, span.h4, span.h4 > span { font-family: "Open Sans", sans-serif; font-weight: 500; } .special-link, .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow, .font-link, a, strong, button, input[type=submit], input[type=button] { font-family: "Open Sans", sans-serif; font-weight: 600; } .accordion-button, .searchbar input[type=text], .alertMsg, body, .normal-text-link, .font-paragraph, p, span { font-family: "Open Sans", sans-serif; font-weight: 400; } .font-code, pre span { font-family: "roboto-mono", monospace; font-weight: 400; } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { padding: 0.5rem 2rem 0.5rem 2rem; border-radius: 0; position: relative; text-decoration: none; min-height: 46px; max-height: 46px; min-width: 135px; text-transform: uppercase; display: inline-block; line-height: 30px; } .normal-btn { text-decoration: none; padding: 1rem 2rem 1rem 2rem; font-size: 1rem; color: white; border-radius: 0; border: 0; } .master-hamburger-container { position: fixed; top: 0; right: 0; width: 111.41px; height: 111.41px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; z-index: 1200; cursor: pointer; } .master-hamburger-container .master-ham-btn { display: grid; grid-row-gap: 0.5rem; width: 30px; height: 30px; transform: rotate(90deg); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-1 { transform: translateX(30%); } .master-hamburger-container .master-ham-btn #ham-1, .master-hamburger-container .master-ham-btn #ham-3 { width: 13px; transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn #ham-3 { transform: translateX(100%); } .master-hamburger-container .master-ham-btn:hover > #ham-1 { transform: translateX(100%); transition: all 0.7s ease; } .master-hamburger-container .master-ham-btn:hover > #ham-3 { transform: translateX(30%); transition: all 0.7s ease; } .master-hamburger-container .master-ham { width: 30px; height: 3px; background-color: #000; } .master-hamburger-container .master-ham-text { margin-top: 0.2rem; } .master-btn-active { transform: rotate(0) !important; transition: all 0.7s ease; } .master-ham-1-active { width: 100% !important; transform: translate(0) !important; transform: rotate(45deg) translate(10px, 10px) !important; transition: all 0.7s ease; } .master-ham-2-active { display: none; } .master-ham-3-active { width: 100% !important; transform: translate(0) !important; transform: rotate(-45deg) translate(3px, -3px) !important; transition: all 0.7s ease; } .ux-color-branding-black { width: 100%; height: 85px; background-color: #1d1d1d; } .ux-color-branding-dark-grey { width: 100%; height: 85px; background-color: #746F6F; } .ux-color-branding-light-grey { width: 100%; height: 85px; background-color: #e9e9e9; } .ux-color-branding-white { width: 100%; height: 85px; background-color: #ffffff; } .ux-color-functional-beige { width: 100%; height: 85px; background-color: #a8998b; } .ux-color-functional-light-beige { width: 100%; height: 85px; background-color: #D7CBBE; } .ux-color-functional-light-orange { width: 100%; height: 85px; background-color: #F4EBE5; } .ux-color-functional-beige-20 { width: 100%; height: 85px; background-color: #E8E5E2; } .ux-color-accent-purple { width: 100%; height: 85px; background-color: #43273B; } .ux-color-accent-navy-blue { width: 100%; height: 85px; background-color: #394358; } .ux-color-accent-emerard { width: 100%; height: 85px; background-color: #21362C; } .ux-color-accent-orange { width: 100%; height: 85px; background-color: #EDC7A2; } .ux-color-accent-light-grey { width: 100%; height: 85px; background-color: #f8f8f8; } .ux-color-feedback-valid { width: 100%; height: 85px; background-color: #36AD5E; } .ux-color-feedback-valid-light { width: 100%; height: 85px; background-color: #cfffdf; } .ux-color-feedback-warning { width: 100%; height: 85px; background-color: #C98C1A; } .ux-color-feedback-warning-light { width: 100%; height: 85px; background-color: #FFE8BD; } .ux-color-feedback-invalid { width: 100%; height: 85px; background-color: #B03333; } .ux-color-feedback-invalid-light { width: 100%; height: 85px; background-color: #ffc6c6; } .linear-functional-beige, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background: linear-gradient(120deg, #a8998b 0%, #D7CBBE 100%); } .linear-branding-dark-grey, .btn-important:hover { background: linear-gradient(120deg, #746F6F 0%, #BCB4B4 100%); } @keyframes gradient { 0% { background-position: 14% 0%; } 50% { background-position: 87% 100%; } 100% { background-position: 14% 0%; } } .linear-background-animated, .btn-important.animated, .btn.animated, .animated.btn-square, .animated.btn-square-hollow, .animated.btn-on-background, .page-marque-content a.animated, .animated.btn-on-solid-background, .animated.btn-link, .animated.btn-hollow, .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; } .shimmerLine { height: 10px; background: #777; margin-top: 20px; } .shimmerBox { height: 100%; position: relative; } .shimmerBox::before { content: ""; position: absolute; height: 100%; width: 100%; min-width: 250px; animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes fullView { 100% { width: 100%; } } .animateLoading { animation: shimmer 2s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .page-marque-content a.loading::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @keyframes clipMe { 0%, 100% { clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%); } 35% { clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } 50% { clip-path: polygon(0 25%, 100% 0, 100% 75%, 0% 100%); } 65% { clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%); } } .btn, .page-marque-content .special-solid-btn-container a, .btn-square, .btn-square-hollow, .btn-on-background, .page-marque-content a, .btn-on-solid-background, .btn-important, .btn-link, .btn-hollow { color: #ffffff; background-color: #a8998b; border: 0; text-align: center; width: -moz-fit-content; width: fit-content; } .btn:hover, .btn-square:hover, .btn-square-hollow:hover, .btn-on-background:hover, .page-marque-content a:hover, .btn-on-solid-background:hover, .btn-important:hover, .btn-link:hover, .btn-hollow:hover { color: #ffffff; } .btn.loading, .loading.btn-square, .loading.btn-square-hollow, .loading.btn-on-background, .page-marque-content a.loading, .loading.btn-on-solid-background, .loading.btn-important, .loading.btn-link, .loading.btn-hollow, .loading.btn-square-hollow { position: relative; } .btn.loading::before, .loading.btn-square::before, .loading.btn-square-hollow::before, .loading.btn-on-background::before, .page-marque-content a.loading::before, .loading.btn-on-solid-background::before, .loading.btn-important::before, .loading.btn-link::before, .loading.btn-hollow::before { content: ""; width: calc(100% - 10px); height: calc(100% - 10px); top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: inset 0 0 0 1px; animation: clipMe 1.5s linear infinite; } .btn:focus, .btn-square:focus, .btn-square-hollow:focus, .btn-on-background:focus, .page-marque-content a:focus, .btn-on-solid-background:focus, .btn-important:focus, .btn-link:focus, .btn-hollow:focus, .btn:active, .btn-square:active, .btn-square-hollow:active, .btn-on-background:active, .page-marque-content a:active, .btn-on-solid-background:active, .btn-important:active, .btn-link:active, .btn-hollow:active { color: #ffffff; background-color: #a8998b; opacity: 0.75; } .btn.disabled, .disabled.btn-square, .disabled.btn-square-hollow, .disabled.btn-on-background, .page-marque-content a.disabled, .disabled.btn-on-solid-background, .disabled.btn-important, .disabled.btn-link, .disabled.btn-hollow, .btn[disabled], [disabled].btn-square, [disabled].btn-square-hollow, [disabled].btn-on-background, .page-marque-content a[disabled], [disabled].btn-on-solid-background, [disabled].btn-important, [disabled].btn-link, [disabled].btn-hollow, .btn.aspNetDisabled, .aspNetDisabled.btn-square, .aspNetDisabled.btn-square-hollow, .aspNetDisabled.btn-on-background, .page-marque-content a.aspNetDisabled, .aspNetDisabled.btn-on-solid-background, .aspNetDisabled.btn-important, .aspNetDisabled.btn-link, .aspNetDisabled.btn-hollow, .btn.swiper-button-disabled, .swiper-button-disabled.btn-square, .swiper-button-disabled.btn-square-hollow, .swiper-button-disabled.btn-on-background, .page-marque-content a.swiper-button-disabled, .swiper-button-disabled.btn-on-solid-background, .swiper-button-disabled.btn-important, .swiper-button-disabled.btn-link, .swiper-button-disabled.btn-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn.enlarged, .enlarged.btn-square, .enlarged.btn-square-hollow, .enlarged.btn-on-background, .page-marque-content a.enlarged, .enlarged.btn-on-solid-background, .enlarged.btn-important, .enlarged.btn-link, .enlarged.btn-hollow { padding: 1rem 3rem 1rem 3rem; max-height: 80px; } .btn.fixed, .fixed.btn-square, .fixed.btn-square-hollow, .fixed.btn-on-background, .page-marque-content a.fixed, .fixed.btn-on-solid-background, .fixed.btn-important, .fixed.btn-link, .fixed.btn-hollow { display: inline-block; min-width: 100px; width: auto; text-align: center; white-space: nowrap; } .btn-hollow, .btn-square-hollow { color: #a8998b; border: 1px solid #a8998b; background: none; } .btn-hollow:hover, .btn-square-hollow:hover { background: none; color: #a8998b; background-color: #E8E5E2; animation: none; transition: none; } .btn-hollow:focus, .btn-square-hollow:focus, .btn-hollow:active, .btn-square-hollow:active { color: #a8998b; background-color: #ffffff; } .btn-hollow.disabled, .disabled.btn-square-hollow, .btn-hollow[disabled], [disabled].btn-square-hollow { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); border: 0; } .btn-link { background: none; border: 0; max-width: none; min-width: auto; padding: 0; color: #746F6F; display: flex; align-items: center; } .btn-link:hover, .btn-link:focus, .btn-link:active { background: none; color: #746F6F; } .btn-link:focus, .btn-link:active { color: #746F6F; background: none; } .btn-link.disabled, .btn-link[disabled] { pointer-events: none; color: rgba(116, 111, 111, 0.2); background: none; } .btn-important { color: #ffffff; background-color: #746F6F; border: 0; } .btn-important:hover { color: #ffffff; } .btn-important:focus, .btn-important:active { background-color: #746F6F; } .btn-important.disabled, .btn-important[disabled] { pointer-events: none; color: #ffffff; background: rgba(116, 111, 111, 0.2); } .btn-on-solid-background { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-solid-background:hover { color: #a8998b; background: none; background-color: rgba(255, 255, 255, 0.8); } .btn-on-solid-background:focus, .btn-on-solid-background:active { color: #a8998b; background-color: #ffffff; } .btn-on-solid-background.disabled, .btn-on-solid-background[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background, .page-marque-content a { color: #ffffff; border: 1px solid #ffffff; background: none; width: -moz-max-content; width: max-content; } .btn-on-background:hover, .page-marque-content a:hover { color: #a8998b; background: none; background-color: #ffffff; } .btn-on-background:hover > .arrow, .page-marque-content a:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background:focus, .page-marque-content a:focus, .btn-on-background:active, .page-marque-content a:active { color: #a8998b; background-color: #ffffff; } .btn-on-background:focus > .arrow, .page-marque-content a:focus > .arrow, .btn-on-background:active > .arrow, .page-marque-content a:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-on-background.disabled, .page-marque-content a.disabled, .btn-on-background[disabled], .page-marque-content a[disabled] { pointer-events: none; color: rgba(255, 255, 255, 0.3); background: rgba(29, 29, 29, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); } .btn-on-background.disabled > .arrow, .page-marque-content a.disabled > .arrow, .btn-on-background[disabled] > .arrow, .page-marque-content a[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .btn-square, .btn-square-hollow { width: 46px; min-width: 0 !important; height: 46px; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .btn-square > .arrow, .btn-square-hollow > .arrow { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='white'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.up > .arrow, .up.btn-square-hollow > .arrow { transform: rotate(180deg); } .btn-square.left > .arrow, .left.btn-square-hollow > .arrow { transform: rotate(90deg); } .btn-square.right > .arrow, .right.btn-square-hollow > .arrow { transform: rotate(-90deg); } .btn-square > .plus, .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square > .minus, .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square.small, .small.btn-square-hollow { min-width: 32px; min-height: 32px; width: 32px; height: 32px; } .btn-square.small > .arrow, .small.btn-square-hollow > .arrow, .btn-square.small > .plus, .small.btn-square-hollow > .plus, .btn-square.small > .minus, .small.btn-square-hollow > .minus { width: 12px; height: 12px; } .btn-square-hollow > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow > .plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3Crect x='20.8713' y='41.9026' width='40' height='2' transform='rotate(-90 20.8713 41.9026)' fill='%23A8998B'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow > .minus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97792' y='20.7961' width='40' height='2' fill='%23A8998B'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } .btn-square-hollow.active { background: #a8998b; color: #ffffff; } .btn-square-hollow.active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background > .arrow, .page-marque-content a.btn-square-hollow > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23FFFFFF'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:hover > .arrow, .page-marque-content a.btn-square-hollow:hover > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background:focus > .arrow, .page-marque-content a.btn-square-hollow:focus > .arrow, .btn-square-hollow.btn-on-background:active > .arrow, .page-marque-content a.btn-square-hollow:active > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='%23A8998B'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='%23A8998B'/%3E%3C/svg%3E"); } .btn-square-hollow.btn-on-background.disabled > .arrow, .page-marque-content a.btn-square-hollow.disabled > .arrow, .btn-square-hollow.btn-on-background[disabled] > .arrow, .page-marque-content a.btn-square-hollow[disabled] > .arrow { width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='24' viewBox='0 0 45 24' fill='none'%3E%3Crect x='44.4203' y='1.50003' width='31' height='3' transform='rotate(135 44.4203 1.50003)' fill='rgba(255, 255, 255, 0.3)'/%3E%3Crect x='1.9939' y='0.0858459' width='31' height='3' transform='rotate(45 1.9939 0.0858459)' fill='rgba(255, 255, 255, 0.3)'/%3E%3C/svg%3E"); } .data-pager { display: flex; gap: 10px; align-items: center; position: relative; } .data-pager-prev, .data-pager-next { position: absolute !important; background-size: 20px !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } html { font-size: 16px; scroll-padding-top: calc(80px + 3.625rem); } *, *:before, *:after { box-sizing: border-box; } body { margin: 0; padding: 0; max-width: 100%; position: relative; line-height: 1.5; font-size: 1rem; background-color: #f8f8f8; color: #746F6F; } a, .special-link { color: #746F6F; } code[class*=language-], pre[class*=language-] { font-size: 0.875rem; } div.code-toolbar > .toolbar { opacity: 1; } div.code-toolbar > .toolbar .toolbar-item { margin-right: 5px; } div.code-toolbar > .toolbar .toolbar-item:last-of-type { margin-right: 0; } .mirrorCard { margin: 5%; padding: 5%; } @media (max-width: 700px) { .mirrorCard { margin: 10px; padding: 10px; } } .child-page-marquee .swiper-pagination-bullet, .lg-bg-slider-content .swiper-pagination-bullet, .page-marque .swiper-pagination-bullet { width: 30px; height: 30px; border-radius: 50px; background: #E8E5E2; margin: 0 6px !important; } .child-page-marquee .swiper-pagination-bullet-active, .lg-bg-slider-content .swiper-pagination-bullet-active, .page-marque .swiper-pagination-bullet-active { background: #a8998b; } .child-page-marquee .swiper-pagination, .lg-bg-slider-content .swiper-pagination, .page-marque .swiper-pagination { bottom: 1.5rem !important; } .ih-page-marque.remember-marquee { text-align: center; background-color: white; } .ih-page-marque.remember-marquee .page-marque-contents { top: 30%; } .ih-page-marque.remember-marquee img { -o-object-fit: contain; object-fit: contain; } .ih-page-marque.remember-marquee .mobile-logo { display: none; } .ih-page-marque.remember-marquee h1, .ih-page-marque.remember-marquee span.h1, .ih-page-marque.remember-marquee h3, .ih-page-marque.remember-marquee span.h3 { color: #746F6F; text-align: center; } @media (min-width: 1200px) { .ih-page-marque.remember-marquee { text-align: right; } .ih-page-marque.remember-marquee img { -o-object-fit: cover; object-fit: cover; } .ih-page-marque.remember-marquee .page-marque-contents { top: 50%; } .ih-page-marque.remember-marquee h1, .ih-page-marque.remember-marquee span.h1, .ih-page-marque.remember-marquee h3, .ih-page-marque.remember-marquee span.h3 { text-align: right; } } .page-marque { margin: 0 auto; height: 100vh; position: relative; z-index: 1; } .page-marque.career-marquee img { -o-object-position: top; object-position: top; } .remember-section > div > p { font-size: 1.125rem !important; } .lg-bg-slider-content .swiper-wrapper { margin-bottom: 1rem; } .lg-bg-slider-content .swiper-pagination { bottom: 0rem !important; } .mouse-icon { border: 1px solid white; border-radius: 16px; height: 40px; width: 24px; position: absolute; z-index: 10; bottom: 5%; left: 50%; transform: translateX(-50%); cursor: pointer; transition: all 0.5s ease-in; } .mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-name: drop; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-play-state: running; } .mouse-icon .wheel { position: relative; border-radius: 10px; background: rgba(255, 255, 255, 0.8); width: 2px; height: 6px; top: 4px; margin-left: auto; margin-right: auto; } .mouse-icon:hover { transform: translate(-50%, -50%); } @keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } .slide { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover; z-index: 3; display: block; } .slide-info { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 8em; } .form-container { container: form/inline-size; } .form-container .form-groups { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; } .form-container .form-groups .form-group { flex: 0 1 100%; } .form-container .form-groups .form-check { margin-bottom: 0; } @container form (min-width: 430px) { .form-container .form-groups.grid-2 .form-group, .form-container .form-groups.grid-2 .form-check, .form-container .form-groups.grid-3 .form-group, .form-container .form-groups.grid-3 .form-check, .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(50% - 0.75rem); } } @container form (min-width: 768px) { .form-container .form-groups.grid-3 .form-group, .form-container .form-groups.grid-3 .form-check, .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(33.3333333333% - 1rem); } .form-container .form-groups .form-group.w-100p, .form-container .form-groups .form-check.w-100p { flex: 0 1 100% !important; } } @container form (min-width: 1200px) { .form-container .form-groups.grid-4 .form-group, .form-container .form-groups.grid-4 .form-check { flex: 0 1 calc(25% - 1.125rem); } } .form-group.disabled select:disabled { background: none; } .form-group .input-container { width: 100%; } #title { margin: 0 auto !important; font-size: 8rem; color: aliceblue; line-height: 1.5; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); /* font-family: 'Source Sans Pro Bold', sans-serif; */ font-family: "Helvetica", serif; font-weight: 600; font-style: normal; text-align: center; } #subtitle { margin: 0 auto !important; font-size: 2rem; color: aliceblue; line-height: 1.5; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); font-family: "Muli", sans-serif; font-weight: 400; font-style: normal; } #view-hotel-btn { margin-top: 2em; border-radius: 0; padding: 10px 20px 10px 20px; background: transparent; color: white; border: 1px solid white; text-transform: uppercase; font-family: "Oswald", sans-serif; } #view-hotel-btn:hover { background: aliceblue; color: #222325; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .prev { position: absolute; left: 0; font-size: 3em; color: rgba(255, 255, 255, 0.6); background: rgba(34, 34, 34, 0.6); padding-top: 0; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; cursor: pointer; z-index: 5; height: 50px; display: flex; align-items: center; top: 50%; } .next { position: absolute; right: 0; font-size: 3em; color: rgba(255, 255, 255, 0.6); background: rgba(34, 34, 34, 0.6); padding-top: 0; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; cursor: pointer; z-index: 5; height: 50px; display: flex; align-items: center; top: 50%; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.6); } .slides-view { display: flex; position: absolute; background: rgba(235, 235, 235, 0.022); bottom: 10%; left: 50%; transform: translate(-50%, -50%); z-index: 5; } .dot, .current-slide { display: inline-block; width: 1em; height: 1em; border-radius: 50%; background: rgba(0, 0, 0, 0.2); margin-right: 1em; } .current-slide { background: rgba(0, 0, 0, 0.557); } #widget-logo { width: 25px; margin-right: 1em; } .booking { position: absolute; display: block; width: 100%; align-items: center; background: rgba(240, 240, 240, 0.8); z-index: 999; left: 0; bottom: -56px; box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.3); } .booking ::-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .booking ::placeholder { color: rgba(0, 0, 0, 0.8); } .booking-widget { display: flex; justify-content: center; align-items: center; height: 56px; } .booking-widget span { cursor: pointer; } .m-location-input { display: flex; align-items: center; } #MDateTimeInputBox, #MRoomGuestText { position: relative; border: 0; background: transparent; padding-left: 2em; cursor: pointer; padding-right: 2em; } #MDateTimeInputBox { border-right: 1px solid black; height: 2em; } .m-room-guest { position: relative; } .m-guests { display: flex; justify-content: space-between; align-items: center; margin-top: 1em; margin-bottom: 1em; } .m-nog { display: flex; align-items: center; } .m-nog > input { width: 30px; text-align: center; } .m-inputs { margin-right: 1em; } .m-guestdrop, div .m-guestdrop div { margin-right: 0 !important; } .m-guestdrop { position: absolute; padding: 1em; background-color: #fff; color: #484c55; width: 100%; height: auto; display: none; border-radius: 0px 0px 6px 6px; top: 48px; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .m-guestdrop input::-webkit-outer-spin-button, .m-guestdrop input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .m-guestdrop input[type=number] { -moz-appearance: textfield; } .b-Icon { position: absolute; top: 50%; transform: translate(0, -52%); } .m-nog div { padding-right: 10px; } .m-noa, .m-noc { padding-right: 0 !important; } #mnoa, #mnoc { text-align: center; width: 30px; border: 0; } .m-plus, .m-minus { cursor: pointer; } #m-a-pl, #m-a-mi, #m-c-pl, #m-c-mi { color: rgba(0, 0, 0, 0.8); } #m-a-pl:hover, #m-a-mi:hover, #m-c-pl:hover, #m-c-mi:hover { color: #3f505a; } .sticky-op { background: rgb(240, 240, 240); } .sticky { position: fixed !important; top: 0; width: 100%; box-shadow: 0 2px 4px 0 rgba(82, 82, 82, 0.16), 0 2px 10px 0 rgba(78, 78, 78, 0.12); z-index: 1200; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } #adults-label, #child-label { display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .search-param, #adults-label, #child-label, .submit-btn, .searchIcon { height: 2em; padding-right: 20px; margin-right: 20px; } .searchIcon { display: flex; justify-content: center; align-items: center; font-size: 1.2em; padding-left: 1em; } .magnifyingGlass { padding: 15px; cursor: pointer; } #n-adults, #n-children { margin-right: 10px; } .search-param, #n-adults, #n-children { border: 0; background: transparent; } .search-param, #adults-label, .searchIcon { border: 0; border-right: 1px solid black; } .search-param-desktop { width: 20em; } .submit-btn { border-radius: 0; background: #9b212d; height: 100%; color: white; border: 0; font-family: "Oswald"; text-transform: uppercase; min-width: 150px; } /*WILL UPDATE THE ANIMATION EFFECTS IN IT */ .submit-btn:hover { background: rgba(0, 0, 0, 0.8); color: white; transition-property: background; transition-duration: 0.5s; } .box1 { display: flex; justify-content: center; padding-top: 1em; padding-bottom: 1em; background: #f8f8f8; } .adventuring, .community, .deal-ic, .trending { display: flex; margin: 3em; align-items: center; color: #606060; cursor: pointer; } .adventuring i, .deal-ic i, .community i, .trending i { border: 2px solid #606060; padding: 0.5em; width: 63px; min-width: 63px; border-radius: 50%; text-align: center; } .adventuring h3, .adventuring span.h3, .deal-ic h3, .deal-ic span.h3, .community h3, .community span.h3, .trending h3, .trending span.h3 { margin-left: 1.5em; font-weight: bold; color: #606060; font-family: "Lato", sans-serif; } .adventuring:hover, .deal-ic:hover, .community:hover, .trending:hover { color: #222325; } .adventuring:hover i, .deal-ic:hover i, .community:hover i, .trending:hover i { border: 2px solid #222325; } .adventuring:hover h3, .adventuring:hover span.h3, .deal-ic:hover h3, .deal-ic:hover span.h3, .community:hover h3, .community:hover span.h3, .trending:hover h3, .trending:hover span.h3 { color: #222325; } .about { height: 800px; display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin: 0 auto; padding-left: 15%; position: relative; background: #3d323b; } .about::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center bottom; opacity: 0.2; transform: translateZ(0); -webkit-transform: translateZ(0); background-image: url(/img/page-marque/Placeholder/Untitled-2.jpg); z-index: 0; } .side-pattern { position: absolute; background-image: url(/img/pattern/pattern02-white.png); background-repeat: repeat-y; background-position: top center; background-size: 100%; height: 100%; top: 3em; width: 75px; bottom: 0; left: 0; } .about-img { margin-top: 2em; width: 80%; background-size: cover; color: aliceblue; position: relative; } .about-img img { width: 800px; } .about-img { font-size: 2em; } .about-description { display: flex; justify-content: center; width: 48%; position: absolute; border: 3px solid #f8f8f8; top: 35%; left: 40%; padding-left: 3vw; padding-right: 1vw; padding-top: 10%; padding-bottom: 5%; color: rgba(255, 255, 255, 0.6); } .about-description h2, .about-description span.h2 { font-style: italic; color: #f8f8f8; } /* .about-textarea:first-child{ width: 30%; color: transparent; user-select: none; } */ .about-textarea:last-child { width: 70%; } .about-textarea p { padding-top: 1em; padding-bottom: 1em; } .aboutbtn { padding-top: 1em; } .about-btn { color: #f8f8f8; width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid #f8f8f8; margin: 0px; white-space: nowrap; overflow-x: no-content; text-transform: uppercase; } .about-btn:hover { background: aliceblue; color: #222325; } .pattern { margin-top: 5%; width: 100%; height: 25px; } /* ourhotel popular places option2 */ .ourHotel, .popularPlaces { height: 700px; } /* .popularPlaces{ margin-top: 3em; } */ .deal-slider .outer { position: relative; } .deal-slider .outer:before { display: block; content: ""; width: 100%; padding-top: 66.7664670659%; } .deal-slider .outer > .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .o-hotel-container, .p-places-container { width: 100%; height: 100%; display: flex; } .ohimg, .ppimg { width: 55%; position: relative; } .o-h-img, .p-p-img { width: 100%; height: 100%; } .o-h-img { background-image: url(/img/page-marque/Placeholder/jasper-08.jpg); background-position: center center; background-size: cover; /* filter: grayscale(40%); */ z-index: -1; } .p-p-img { background-image: url(/img/page-marque/Placeholder/jasper-01.jpg); background-position: center center; background-size: cover; /* filter: grayscale(40%); */ z-index: -1; top: 0; left: 0; position: absolute; transition: all 1s ease; opacity: 0; transform: translateX(100%); } .o-h-description, .p-p-description { display: flex; flex-direction: column; width: 45%; background: #3d323b; color: rgba(255, 255, 255, 0.8); /* align-items: center; */ padding-left: 5em; padding-top: 4em; padding-bottom: 4em; width: 45%; } .o-h-description { flex-direction: row; padding-top: 0; padding-bottom: 0; } .o-h-content, .p-p-content { width: 400px; height: 300px; /* display: flex; */ /* flex-direction: column; */ /* justify-content: space-around; */ position: relative; } .o-h-content { display: flex; flex-direction: column; justify-content: space-around; height: 100%; } .o-h-textarea, .o-h-button, .p-p-textarea, .p-p-button { width: 100%; } .o-h-textarea { font-size: 1.5em; } .p-p-textarea { position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease; transform: translateX(100%); } .near { padding-left: 1em; } .p-p-detail { margin-top: 1.5em; list-style-type: none; padding: 0; } .p-p-detail li { margin-bottom: 1em; display: flex; align-items: center; } .ppActive { opacity: 1; transform: initial; } .o-h-button, .p-p-button { color: rgb(255, 255, 255); } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 5em; text-transform: uppercase; margin-bottom: 1em; } .uni-btn { margin-top: 2em; border-radius: 0; padding: 10px 20px 10px 20px; background: transparent; color: white; border: 1px solid white; text-transform: uppercase; } .uni-btn:hover { background: aliceblue; color: #222325; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .o-h-corporate { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; align-self: center; justify-items: center; align-items: center; width: 350px; } .o-h-logo { width: 100px; height: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.09; } .box2 { display: flex; width: 100%; background: #f8f8f8; color: #222325; height: 750px; } .side-img { width: 50%; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; /* background-position-x: -10em; */ } .side-img h1, .side-img span.h1, .side-img2 h1, .side-img2 span.h1 { color: aliceblue; font-weight: bold; } .description { width: 50%; display: flex; flex-direction: column; justify-content: center; align-content: space-around; padding-left: 5em; padding-right: 5em; position: relative; z-index: 1; background: #4e444c; color: rgba(255, 255, 255, 0.6); } .description a { color: #f8f8f8; width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid #f8f8f8; text-transform: uppercase; } .description a:hover { background: aliceblue; color: #222325; } .description h2, .description span.h2 { color: #f8f8f8; } .description p { padding-top: 1em; margin-bottom: 100px; } .upperImg { position: absolute; top: 0; right: 0; left: 0; bottom: 80%; display: flex; z-index: 5; } .lowerImg { position: absolute; top: 80%; bottom: 0; right: 0; left: 0; display: flex; z-index: 5; } .upper, .lower { width: 100%; background-size: cover; } .whybook { height: 880px; background: #f8f8f8; display: flex; justify-content: center; position: relative; z-index: 1; } .w-container { width: 100%; height: 100%; display: flex; justify-content: space-evenly; padding: 2em 0 2em 0; position: relative; padding-right: 2em; padding-left: 2em; align-items: center; margin: 0 atuo; max-width: 1200px; } .whybook-gallery { width: 600px; height: 600px; display: flex; } .w-title { width: 600px; } .w-title p { padding-top: 1em; padding-bottom: 1em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 5em; text-transform: uppercase; } .t-right { display: flex; align-items: flex-end; padding-left: 5em; } .w-content { display: flex; } .reviewsBox { height: 600px; } .socialContainer { width: 100%; position: relative; } .socials { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; color: aliceblue; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2em; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background-position: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .socials h3, .socials span.h3 { font-size: 4rem; cursor: pointer; } .text { text-align: center; width: 600px; display: flex; flex-direction: column; justify-content: start; z-index: 99; padding: 1em; color: #3d323b; background: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .text h2, .text span.h2 { padding: 5px; } .text span { width: 80%; text-align: left; margin: 1em auto; } .text span::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02e"; margin-right: 1em; } .ratings { width: 100%; margin: 0 auto; padding-top: 1em; padding-right: 4vw; padding-left: 3vw; } .rating { margin-top: 2vh; text-align: left; height: 230px; overflow: hidden; } .rating:first-of-type { margin-top: 0; } .u-name, .u-comtitle { font-weight: bold; } .u-name { font-size: 1.5em; } .u-local { font-size: 10px; } .u-comtitle { margin-top: 10px; } .rating-control { margin-top: 2vh; margin-bottom: 0px; display: flex; justify-content: center; } .rating-left, .rating-right { cursor: pointer; } .rating-right, .rating-left { margin-left: 10px; margin-right: 10px; } .rating-nav-cirle { display: flex; align-items: center; } .rating-nav-cirle button { cursor: pointer; vertical-align: center; width: 8px; height: 8px; margin: 4px; border-radius: 50%; border: 0; padding: 0; color: transparent; background-color: #a5a5a5; } .m-adventures { height: 700px; display: grid; grid-template-columns: 1fr 1fr; } .mAd-layout:first-of-type { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; position: relative; } .mAd-layout:first-of-type > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .mAd-layout:first-of-type > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .mAd-layout:first-of-type > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .mAd-layout:first-of-type > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .mAd-layout:last-of-type { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; position: relative; } .mAd-layout:last-of-type > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .mAd-layout:last-of-type > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .mAd-layout:last-of-type > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } .x2 { -ms-grid-column-span: 2; grid-column: span 2; } .mAd { position: relative; overflow: hidden; cursor: pointer; } .m-h3 { position: absolute; bottom: 10%; z-index: 99; color: rgb(255, 255, 255); font-size: 2em; width: 100%; text-align: center; } .m-h3::before { content: ""; position: absolute; width: 80px; height: 80px; top: 0%; opacity: 0; left: 50%; transform: translateX(-50%); background-image: url(/img/hotel/Placeholder/logo/innhotel_logo-light.png); background-repeat: no-repeat; z-index: -99; transition: all 0.5s ease; } .m-h3 span { position: relative; text-transform: uppercase; font-size: 0.9em; } .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; border-top: 1px solid white; transition: all 0.5s ease; } .mAd-bg { width: 100%; height: 100%; background-size: cover; background-position: center; transform: scale(1); transition: transform 0.5s ease; } .mAd:hover .mAd-bg { position: relative; transform: scale(1.05); } .mAd:hover .mAd-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(61, 50, 59, 0.8); } .mAd:hover .m-h3::before { top: -180%; opacity: 1; } .mAd:hover .line { width: 100%; } .descriptions { position: initial; padding-left: 3em; padding-right: 3em; display: flex; flex-direction: column; justify-content: center; } .descriptions p { padding-top: 1em; padding-bottom: 1em; } .descriptions a { width: 22rem; padding: 10px 15px 10px 15px; border: 1px solid rgb(0, 0, 0); text-transform: uppercase; } .descriptions a:hover { background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); } .mAd::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: radial-gradient(ellipse at center, rgba(62, 62, 62, 0) 0, rgba(56, 56, 56, 0) 30%, rgba(52, 52, 52, 0.09) 50%, rgba(43, 43, 43, 0.3) 100%); transition: opacity 0.3s; } .deals { display: inline-block; padding-top: 3em; /* height: 610px; */ padding-bottom: 3em; background: #f8f8f8; } .deal-control { margin-top: 3%; display: flex; justify-content: center; } .deal-title-m { text-align: center; margin-bottom: 3%; } .deal-container-m { display: flex; padding-left: 5em; padding-right: 5em; } /* .deal-col{ margin: auto 2em; border: 3px solid black; padding: 15px; position: relative; width: 15%; } */ /* option 2 */ .deal-col { margin: auto 2em; padding: 15px; position: relative; width: 15%; padding: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: default; background: #fff; } /* .deal-col:first-of-type{ margin-left: 0; } */ /* option 1 */ /* .deal-img-m{ position: absolute; left: 10px; right: -15px; top: -30px; } */ .deal-col:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); transform: translateY(-15px); } /* option 1 */ /* .deal-content-text{ margin-top: 9em; overflow-y:hidden; } */ .deal-content-text { margin-top: 1em; overflow-y: hidden; padding-left: 1em; padding-right: 1em; margin-bottom: 1em; } /* option 2 */ .deal-button-m { padding-top: 10px; padding-bottom: 10px; text-align: center; margin-bottom: 1em; } .deal-left, .deal-right { margin-left: 10px; margin-right: 10px; cursor: pointer; } .wrap-text { position: relative; overflow: hidden; /* line-height: 1.2em; */ max-height: 4.5em; text-align: left; transition: all 1s ease; cursor: pointer; margin: 0 0 15px; } .wrap-text-toggle { max-height: 20em; transition: all 1s ease; } .deal-description-m { position: relative; } .deal-instruction-info { position: absolute; right: 5px; top: 2px; } .deal-instruction-info::before { content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: white; font-size: 1.2em; cursor: pointer; } .deal-instruction-info:hover::before { color: rgba(255, 255, 255, 0.7); transition: all 0.5s linear; } .deal-description-m::after { content: "\f0dd"; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; bottom: -10px; right: 50%; cursor: pointer; transform: translate(50%); } .deal-coupon-code { text-align: center; } #deal-c-code { font-size: 1.2em; font-weight: bold; color: #3d323b; } .modal-open { padding-right: 0 !important; } .modal { z-index: 10000; } /*In order to override specificity battles that were occurring on modals with reused names on pages references main.css, this high-specificity style is being used to override transform on the deal modal */ .dealModalBottomAdjuster.modal-dialog.modal-dialog-centered { transform: translate(0, 100%); } .instruction-img img { width: 100%; } #instructionModal { padding-right: 0; } /* .deal-left:hover i, .deal-right:hover i{ color: #a5a5a5; } */ .nav-cirle { display: flex; align-items: center; } .nav-cirle span { cursor: pointer; vertical-align: center; width: 8px; height: 8px; margin: 4px; border-radius: 50%; border: 0; padding: 0; background-color: #a5a5a5; } .nav-cirle > .actives { background-color: #222325; } .deal-button-m { padding-top: 10px; padding-bottom: 10px; text-align: center; } .deal-button-m a { color: black; padding: 10px 15px 10px 15px; border: 1px solid black; } .deal-button-m a:hover { background: black; color: #dadada; text-shadow: rgba(255, 255, 255, 0.199); } /* .carousel-inner .item{ display: block; } */ .carousel-inner .active { display: block; display: flex; justify-content: center; } .deal-inner { overflow: initial; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; } .side-img2 { width: 50%; height: 100vh; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; background-position-y: -50px; } .popular-places { display: flex; justify-content: center; padding-top: 1em; padding-bottom: 1em; background: #ffffff; } .popular-places h2, .popular-places span.h2 { color: #222325; font-weight: bold; margin-top: 3rem; } .popular-places-content { margin: 0 auto; width: 100%; height: 60vh; display: flex; justify-content: center; align-items: center; background: #3d323b; position: relative; color: rgba(255, 255, 255, 0.6); } .popular-places-content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center top; opacity: 0.2; transform: translateZ(0); -webkit-transform: translateZ(0); background-image: url(/img/Mountain4K-001.jpg); z-index: 0; } .place-name h3, .place-name span.h3 { color: #f8f8f8; } .columns-1, .columns-2 { width: 40%; } .jasper, .terracana, .invermere, .canmore { position: relative; height: 25vh; } .place-img { position: absolute; width: 40%; height: 75%; background: linear-gradient(rgba(0, 0, 0, 0.199), rgba(43, 37, 37, 0.199)); background-size: cover; left: 10%; bottom: 10%; z-index: 1; } .place-name { position: absolute; padding: 2em; border: 3px solid #f8f8f8; z-index: 5; } .jasper-name { padding-left: 4em; padding-right: 4em; right: 45%; transform: translate(50%, 0); cursor: pointer; } .jasper-content { padding-left: 1em; padding-right: 1em; width: 40%; position: absolute; right: 0; top: 60%; transform: translate(0, -50%); } .terracana-img { top: 0; } .terracana-name { padding-left: 4em; padding-right: 4em; bottom: 0; cursor: pointer; } .terracana-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 45%; transform: translate(0, -50%); width: 40%; } .invermere-name { right: 40%; transform: translate(50%, 0); bottom: 0; cursor: pointer; } .invermere-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 40%; transform: translate(0, -50%); width: 40%; } .canmore-name { cursor: pointer; } .canmore-content { position: absolute; padding-left: 1em; padding-right: 1em; right: 0; top: 60%; transform: translate(0, -50%); width: 40%; } .canmore-img { bottom: 0; } /* .columns-1{ display: flex; flex-direction: column; } */ /* .jasper-img h3, .terracana-img h3, .invermere-img h3, .canmore-img h3{ font-size: 5rem; font-weight: bold; color: aliceblue; text-shadow: rgba(0, 0, 0, 0.199); } */ .info { display: flex; flex-direction: row; height: 30vh; background: #f8f8f8; color: #222325; padding: 5vw; justify-content: space-evenly; align-items: center; margin: 0 auto; width: 100%; } .hotelHolder { width: 45vw; display: flex; flex-direction: row; color: #222325; text-decoration: none; justify-content: space-evenly; overflow: no-display; } .navbar-mobile { flex-basis: 100%; flex-grow: 1; align-items: center; } .weather { background-color: white; width: 200px; /*box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1);*/ padding: 5px; } /* .loginMarque { background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(/img/page-marque/Placeholder/canada.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; } .loginMarque::after{ background-color:white; opacity:0.5; top:0; left:0; right:0; bottom:0; position:absolute; z-index:-2; } .loginCard { width: 90vw; margin: 0px 5vw 250px 5vw; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px 1px; border-radius: 12px; padding: 12px 5vh 12px 5vh; background-color: #ffffff; } */ /* The container */ .checkBoxContainer { display: block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; font-size: 1em; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 1em; } /* Hide the browser's default checkbox */ .checkBoxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 15px; width: 15px; left: 0; margin: 0; z-index: 1; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #eee; } /* On mouse-over, add a grey background color */ .checkBoxContainer:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .checkBoxContainer input:checked ~ .checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkBoxContainer input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkBoxContainer .checkmark:after { left: 5px; top: 2.5px; width: 5px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); } .text-danger { color: #a94442; font-size: 1.2rem; font-weight: 400; } /* bootstrap modal customize */ #videoModal { z-index: 1200; } #videoModal .modal-content { max-height: none; } #videoModal .modal-header, #videoModal .modal-footer { border: 0; } #videoModal .modal-body { display: grid; gap: 1.5rem; } #videoModal .modal-body .form-row:nth-child(2) { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1.5rem; } #videoModal .modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } #videoModal .modal-header .close { opacity: 1; color: black; text-shadow: none; border: none; padding: 0; background: none; } #contest-form-modal .plain-input { min-width: 1px; width: 100%; } #contest-form-modal .form-group { display: grid; max-width: none; width: 100%; } #contest-form-modal .form-group textarea { background: transparent; border: 0; } #contest-form-modal textarea { resize: none; } #videoModal .contest-btn { text-align: center; color: black; } .master_notify span { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1301; background: rgba(249, 166, 2, 0.8); color: white; } .sent { padding: 1.5rem; } .agreeGroup { display: flex !important; } .agreeGroup input { margin-right: 1rem; } .withAlertHeight { top: 50px; } .photoButton { padding: 1px 9px 1px 9px; border: 1px solid grey; border-radius: 4px; margin-left: 15px; } /* Alert Panel Style*/ .master_alert { width: 100%; z-index: auto; background: #E8E5E2; background-size: 400% 400%; animation: gradient 3s ease-in-out infinite; transition: all 0.5s ease; min-height: 50px; display: flex; align-items: center; } .master_alert > div { width: 100%; padding: 1rem 1.5rem; } .master_alert > div .content { display: flex; justify-content: space-between; flex-wrap: wrap; -moz-column-gap: 1rem; column-gap: 1rem; align-items: center; height: 100%; width: 100%; } .master_alert > div .content > div:nth-child(1) { position: relative; padding-left: 1.875rem; } .master_alert > div .content > div:nth-child(1):before { content: ""; background-color: #746F6F; width: 1.125rem; height: 1.125rem; border-radius: 3px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } @media (max-width: 575px) { .master_alert > div .content { flex-direction: column; align-items: flex-start; justify-content: center; flex-wrap: nowrap; font-size: 0.875rem; } .master_alert > div .content a, .master_alert > div .content strong { font-size: 0.875rem; } } @media (min-width: 992px) { .master_alert > div { padding: 1rem 3.625rem; } } @media (min-width: 1200px) { .master_alert > div { padding: 0 3.625rem; } } .master_alert.remember-banner { background: #1d1d1d; color: white; } .master_alert.remember-banner > div .content > div:nth-child(1):before { content: "\f4ba"; font-family: "Font Awesome 5 Free"; font-weight: 900; background: none; transform: translateY(calc(-50% - 2px)); } .master_alert.remember-banner > div .content a, .master_alert.remember-banner > div .content strong { color: rgba(255, 255, 255, 0.85); } .master_alert .r-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-items: center; align-items: center; width: 100%; grid-row-gap: 1rem; } .alertBtnContainer { position: relative; width: 30px; height: 30px; justify-self: right; } @media (max-width: 575px) { .alertBtnContainer { position: absolute; top: 0; right: 1rem; } } .alertBtnContainer i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .alertButton { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; border: 0; background: transparent; } /* alert media query */ @media (max-width: 768px) { #AlertPanel .r-grid { grid-row-gap: 0; } #AlertPanel h3, #AlertPanel span.h3 { font-size: 1.2em; } #AlertPanel a { font-size: 0.8rem; } #AlertPanel .alertBtnContainer { width: 15px; height: 15px; } #AlertPanel .alertBtnContainer i { font-size: 1.2em; } } @media (max-width: 575px) { .dropdown { width: 100%; } } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) { position: relative; width: 30px; margin-right: 10px; } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) img { width: 30px; height: 30px; } .dropdown.account-dropdown .dropdown-toggle > span:nth-child(1) span { width: 10px; height: 10px; } /* mobile view queries */ @media (max-width: 1400px) { .deal-container-m { padding-left: 0; padding-right: 0; } .deal-col { width: 30%; } .mAd-layout:first-of-type { grid-template-columns: 1fr; } .x2-1 { grid-column: auto; } } @media (max-width: 1280px) { .w-title, .text, .whybook-gallery { width: 100%; } .reviewS, .innCanada { width: 50%; } } @media (max-width: 1200px) { /* change 5 col to 4 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1) { display: none; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 4em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 4em; } .mAd-3 { grid-column: span 2; } .mAd-layout:last-of-type { grid-template-columns: 1fr 1fr; } } @media (min-width: 1025px) and (max-width: 1150px) { .adventuring, .community, .deal-ic, .trending { margin-left: 1em; margin-right: 1em; } } @media (max-width: 1024px) { .info { justify-content: space-between; } .hotelHolder { display: none !important; } .about { padding-left: 10%; } .about-img { width: 57%; } .about-description { width: 50%; left: 47%; padding: 5em 1.5em 5em 1.5em; } .box1 { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; } .adventuring, .community, .deal-ic, .trending { width: 50%; justify-self: center; margin-left: 0; } .whybook { height: auto; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 3em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 3em; } .innCanada { display: flex; flex-direction: column-reverse; } .t-right { padding-left: 2em; } /* change 5 col to 3 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2) { display: none; } } @media (max-width: 905px) { .about-img { width: 100%; } .about-img img { width: 100%; } } @media (max-width: 960px) { .booking { display: none; top: 69px; bottom: 0; height: -moz-fit-content; height: fit-content; } .m-inputs { margin-right: 0; } .searchIcon { margin-left: 1em; } .booking, .booking-widget { width: 100%; } .search-param-desktop { width: auto; } .m-room-guest { padding-left: 1em; } .search-param, .searchIcon { padding-left: 0; } .m-date-input .datepicker { width: auto; } .m-date-input .datepicker__months::before { display: none; } .m-date-input .datepicker__info--selected { display: grid; } .dropdown { display: flex; justify-content: space-between; position: relative; align-items: center; margin-right: 1em; } .dropdown-items { display: none; } /* TODO: Fix fonts overwriting */ .navName { font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-style: normal; } .dropdown:last-of-type { margin-right: 0; } .ourHotel, .popularPlaces { height: auto; } .o-hotel-container, .p-places-container { display: block; } .o-h-img, .p-p-img { height: 500px; } .ohimg, .ppimg, .o-h-description, .p-p-description { width: 100%; } .ppimg { height: 500px; } .o-h-content { height: auto; } } @media (max-width: 768px) { .booking { height: 150px; padding: 2em; background: rgb(255, 255, 255); } .booking-widget { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; } .m-location-input { grid-column: span 3; } .search-param, .searchIcon { border-right: 0; padding: 0; margin: 0; } .search-param { padding-left: 1.5em; width: 100%; } .m-inputs { padding-left: 1em; } #MDateTimeInputBox, #MRoomGuestText { border: 0; padding-left: 2em; } .callToActionMessage { display: none; } .page-marque { overflow: hidden; } .box1 { display: flex; flex-direction: row; flex-wrap: wrap; } .community, .adventuring, .deal-ic, .trending { flex: 1; margin-left: 3em; margin-right: 1em; margin-top: 1em; margin-bottom: 1em; } .o-h-description { display: block; } .o-h-content, .p-p-content { width: 60%; } .o-h-content { padding-top: 2em; padding-bottom: 4em; } .o-h-corporate { display: none; } .w-content { display: block; width: 100%; } .reviewS, .innCanada { width: 100%; } .t-right { display: block; padding-left: 0; text-align: right; margin-top: 2em; } .m-adventures { height: 1000px; grid-template-columns: 1fr; } .mAd-layout:last-of-type { grid-template-columns: 1fr 1fr; } .mAd-3, .x2-2 { grid-column: span 1; } .deals { display: inline-block; margin-top: 5%; width: 100%; } .deal-img-m { position: initial; } .deal-container-m { display: block; padding-left: 2em; padding-right: 2em; } .deal-content-text { text-align: center; margin-top: 1em; } .deal-inner { display: block; } .deal-col { width: 100%; margin-top: 5em; } /* change 5 col to 2 */ .deal-col:nth-last-of-type(0), .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2), .deal-col:nth-last-of-type(3) { display: none; } .deal-content-m { margin-top: 0; } .info { height: auto; } /* .booking-widget{ display: block; } */ } @media (max-width: 600px) { .box1 { flex-wrap: nowrap; flex-direction: column; justify-content: center; } .o-h-description, .p-p-description { padding-left: 0; } .o-h-content, .p-p-content, .p-p-button, .p-p-next { width: 80%; margin: 0 auto; } .deal-col { margin: auto; } /* change 5 col to 1 */ .deal-col:nth-last-of-type(1), .deal-col:nth-last-of-type(2), .deal-col:nth-last-of-type(3), .deal-col:nth-last-of-type(4) { display: none; } } @media (max-width: 568px) { .booking { height: 250px; } .booking-widget { grid-template-columns: 1fr; } .m-date-input .datepicker__info--selected { display: block; } .m-location-input { grid-column: auto; } .m-inputs input { width: 100%; } .m-date-input .datepicker { width: 100%; } .search-param { padding-left: 1em; } .m-inputs { text-align: left; margin-bottom: 1.5em; } .about { height: 720px; padding-left: 1em; padding-right: 1em; } .about-description { width: 92%; padding: 5em 1em 5em 1em; } .rating { margin-top: 1em; } .deals { height: auto; } .deal-content-text { padding-top: 0; height: auto; } } @media (max-width: 460px) { .info { display: block; text-align: center; } #title { font-size: 5rem; } .reviewsBox { height: 560px; } .ratings { padding-left: 1em; padding-right: 1em; } .description { padding-left: 1em; padding-right: 1em; } .o-h-button h2, .o-h-button span.h2, .p-p-button h2, .p-p-button span.h2 { font-size: 2em; } .t-left h2, .t-left span.h2, .t-right h2, .t-right span.h2, .descriptions h2, .descriptions span.h2, .deal-title-m h2, .deal-title-m span.h2, .popular-places h2, .popular-places span.h2 { font-size: 2em; } } @media (max-width: 360px) { .about { height: 600px; padding-left: 1em; padding-right: 1em; } #title { font-size: 4rem; } .reviewsBox { height: 580px; } } /* @media(max-width: 320px){ } */ .fixedNav-hide { transform: translateX(100%); transition: all 0.3s ease; } .grecaptcha-badge { visibility: hidden; } .roundBorder:hover, .normalBorder:hover { transform: none !important; } .body-content { min-width: 0; } main.ux-main { display: flex; -moz-column-gap: 3.625rem; column-gap: 3.625rem; } main.ux-main .section, main.ux-main .full-width-section { padding: 0; } main .section .table, main .full-width-section .table { border: 0 !important; color: #746f6f !important; } main .section .table thead, main .full-width-section .table thead, main .section .table tbody, main .full-width-section .table tbody, main .section .table tfoot, main .full-width-section .table tfoot, main .section .table tr, main .full-width-section .table tr, main .section .table td, main .full-width-section .table td, main .section .table th, main .full-width-section .table th { border-color: rgba(29, 29, 29, 0.3) !important; } .nav-container > div { gap: 1rem; } .book-engine-inputs { min-width: 650px; } .book-engine-inputs .form-group { outline: 0 !important; width: 100%; border-radius: 0; } .book-engine-inputs .form-group .plain-input { width: 100%; } .book-engine-inputs .search-input-container ul { top: calc(40px + 0.5rem) !important; border-radius: 0 0 6px 6px !important; } @media (min-width: 1361px) { .book-engine-inputs { min-width: 840px; } } .locDrop, .datepicker { top: 48px; box-shadow: none !important; transition: none !important; height: auto !important; border-radius: 0 0 6px 6px; } .datepicker--closed { display: none; } @media (min-width: 768px) { .datepicker__month { width: 250px; } } .datepicker__month-day--today, .datepicker__month-day--last-day-selected, .datepicker__close-button { color: white !important; background-color: #a8998b !important; } .datepicker__month-day--hovering, .datepicker__month-day--selected { background-color: #E8E5E2; } #locSearch { padding: 1rem; margin-bottom: 0 !important; } .locDrop { padding-bottom: 0; } .locDrop a { font-size: 0.8rem; padding: 0.5rem 1rem; display: block; } .locDrop a p { margin-bottom: 0; } .locDrop a p:nth-child(1) span { font-weight: bold; } .locDrop a:hover { background: #E8E5E2; } .locDrop a.hidden { display: none; } .datepicker__info, .datepicker__info-text--selected-days { display: flex; } .datepicker__month, .datepicker__month-day, .datepicker__info--selected { color: #746F6F; } .datepicker__month-day--invalid { color: rgba(116, 111, 111, 0.3); } .book-engine-btn { width: auto; height: 80px; } .book-engine-btn > .btn-important { height: 100%; } .hambuger-btn { height: 80px; } @media (min-width: 1151px) { .hambuger-btn { display: flex; flex-direction: column; justify-content: center; } } .hambuger-btn > p { font-size: 0.875rem; margin-top: 5px; margin-bottom: 0; font-weight: bold; } .nav-logo { max-width: 120px; min-width: 100px; width: 100%; } .side-nav-link-list li { margin-bottom: 0; border-bottom: 1px solid rgba(29, 29, 29, 0.3); padding: 0; display: flex; } .side-nav-link-list li a { padding: 1rem 0; width: 100%; } .side-nav-link-list li .plain-accordion { width: 100%; } .side-nav-link-list li .plain-accordion .accordion-header { display: flex; justify-content: space-between; } .side-nav-link-list li .plain-accordion .accordion-item { border: 0; } .side-nav-link-list li .plain-accordion .accordion-item a { padding: 1rem 0; border: 0; } .side-nav-link-list li .plain-accordion .accordion-item button { padding: 0; width: -moz-fit-content; width: fit-content; min-width: 60px; } .side-nav-link-list li .plain-accordion .accordion-body { padding: 0; } .side-nav-link-list li .plain-accordion .accordion-body ul { padding: 0; } .side-nav-link-list li .plain-accordion .accordion-body ul li { padding: 0; border: 0; } .side-nav-link-list li .mobile-nav-account-link > span { display: inline-block; margin-right: 0.5rem; } .side-nav-link-list li .mobile-nav-account-link img { width: 45px; height: 45px; } .side-nav-link-list li .mobile-nav-account-link img ~ span { width: 15px; height: 15px; } .bold-link { font-weight: bold; } .side-nav-panel { padding: 1.5rem; } @media (min-width: 576px) { .side-nav-panel { padding: 3.625rem; } .side-nav-panel .master_login_panel { padding: 3.625rem; } } @media (max-width: 575px) { .side-nav-panel { width: 100%; overflow-x: hidden; overflow-y: scroll; } .side-nav-panel .master_nav_panel, .side-nav-panel .master_login_panel { height: -moz-max-content; height: max-content; gap: 1rem; } .side-nav-panel .master_login_panel { padding: 1.5rem; } } .side-nav-link a { font-size: 1.125rem; line-height: 1.5; } @media (min-width: 1360px) { .top-banner > div .content > div:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); } } .marqueeHasTop { height: calc(100% - 50px) !important; } .top-open { position: fixed; width: 100%; top: 0; left: 0; z-index: 10000; } .hasTop { padding-top: 50px; transition: all 0.3s ease; } .page-marque-contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 1.5rem; } .page-marque-contents .hero-section-title { color: #ffffff; } @media (min-width: 992px) { .page-marque-contents { padding: 0 3.625rem; } } .page-marque-content { margin-bottom: 1rem; } .page-marque-content:nth-child(1) { margin-bottom: 0; } .page-marque-content:nth-child(2) { margin-bottom: 1.5rem; } .page-marque-content a:before, .page-marque-content a:after { display: none; } .page-marque-content:last-child { text-align: left; } .page-marque-content .marque-content-logo { min-width: 120px; width: 25vw; max-width: 150px; margin-bottom: 1rem; } .page-marque-content .content { align-items: center; margin-right: auto; gap: 1.5rem; display: grid; width: auto; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .page-marque-content .content .flex { max-height: 80px; height: 100%; } .page-marque-content .content .flex a { display: flex; align-items: center; } .page-marque img { transition: none; transform: none; } .page-marque-box { width: 100%; position: relative; } .welcome-section h3, .welcome-section span.h3 { margin-bottom: 0; } .welcome-section > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; } @media (min-width: 769px) { .welcome-section > div { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1201px) { .welcome-section > div { display: flex; justify-content: space-between; } } @media (max-width: 1024px) { .welcome-section .grids { justify-self: center; } } @media (max-width: 650px) { .welcome-section .grids { justify-self: flex-start; } } .ads-section .content:nth-child(1) { background-color: #E8E5E2; border-radius: 6px 0 0 6px; } .ads-section .ads-highlight { display: flex; gap: 1rem; margin-bottom: 1.5rem; } .ads-section .ads-highlight:last-of-type { margin-bottom: 0; } .ads-section .ads-highlight img { max-width: 30px; height: -moz-max-content; height: max-content; } .ads-section .ads-highlight p { margin: 0; } @media (max-width: 576px) { .lg-img-box { flex-direction: column; } .lg-img-box .lg-img-box-content { padding: 4rem 1.5rem; } } .lg-img-box-content { padding: 3rem; display: grid; row-gap: 3rem; container-type: inline-size; padding-top: 4rem; padding-bottom: 4rem; } .lg-img-box-content .logo-group { align-items: flex-end; row-gap: 1rem; display: block; } @media (min-width: 1361px) { .lg-img-box-content .logo-group { max-width: 500px; } } .lg-img-box-content .logo-group .logo-group-ico { display: flex; max-height: 60px; } .lg-img-box-content .logo-group .logo-group-ico a { width: 100%; height: 100%; } .lg-img-box-content .logo-group .logo-group-ico a img { -o-object-fit: contain; object-fit: contain; } @container (min-width: 200px) { .lg-img-box-content .logo-group { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); } } @container (min-width: 375px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } .lg-img-box-content .logo-group-ico { max-width: 80px; } } @container (min-width: 468px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } } @container (min-width: 568px) { .lg-img-box-content .logo-group { grid-template-columns: repeat(4, 1fr); } } .lg-img-box-content .logo-group-ico { max-height: 80px; width: 100%; height: 100%; } .review-cards { margin-bottom: 0; } .reviewer-card .review-row { -moz-column-gap: 1.5rem; column-gap: 1.5rem; color: #746F6F; } @media (max-width: 575px) { .reviewer-card .review-row:nth-child(1) { flex-direction: column; gap: 1rem; } } @media (max-width: 575px) { .reviewer-card .review-row:nth-child(3) { flex-wrap: wrap; gap: 1rem; } } .reviewer-card .review-row:nth-child(3) > div { width: 100%; } .reviewer-card .outer:before { padding-top: 100% !important; } .reviewer-card .outer img { border-radius: 0 !important; } .reviewer-card .review-row:nth-child(2) { margin-bottom: 4rem; } @media (max-width: 375px) { .reviewer-card .review-row:nth-child(3) { display: grid; gap: 1rem; } } .reviewer-card .swiper-slide-info div { margin-top: 1rem; } #socialPanel { display: flex; -moz-column-gap: 3rem; column-gap: 3rem; row-gap: 3rem; flex-direction: column; } @media (min-width: 768px) { #socialPanel { flex-direction: row; } #socialPanel > div { width: 50%; } } .saving-card-container.swiper { overflow: hidden; padding: 1.5rem; margin: -1.5rem; } .saving-card-container .swiper-slide { visibility: hidden; } .saving-card-container .swiper-slide.swiper-slide-active { visibility: visible; } .saving-card-container .swiper-slide.swiper-slide-active + .swiper-slide { visibility: visible; } .saving-card-container .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { visibility: visible; } @media (max-width: 991px) { #adventureGrid { padding: 4rem 1.5rem; } } #adventureGrid > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; width: 100%; } @media (max-width: 991px) { #adventureGrid > div { grid-template-columns: 1fr; } } #adventureGrid > div > div > div { height: 100%; } #adventureGrid > div .content > div { margin-bottom: 4rem; } #adventureGrid > div .content > div > div h1, #adventureGrid > div .content > div > div span.h1 { margin-bottom: 0; } #adventureGrid > div .picture-cards { grid-template-columns: repeat(2, 1fr); } @media (max-width: 575px) { #adventureGrid > div .picture-cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } } #locationSlider { position: relative; } #locationSlider .location-bg:before { z-index: 2; } @media (max-height: 700px) { #locationSlider .lg-bg-slider { height: 900px; } } #locationSlider .lg-bg-slider-container { padding: 1.5rem; } #locationSlider .lg-bg-slider-container .lg-bg-slider-title h1, #locationSlider .lg-bg-slider-container .lg-bg-slider-title span.h1 { color: white; } #locationSlider .swiper-slide { -webkit-user-select: none; -moz-user-select: none; user-select: none; } #locationSlider .ih-list { gap: 1rem; } .twelve form { display: flex; flex-direction: column; justify-content: center; align-items: normal; gap: 1.5rem; margin: 1.5rem 0; } @media (min-width: 768px) { .twelve form { flex-direction: row; } } .twelve form .button { display: flex; justify-content: center; } .twelve form .btn, .twelve form .btn-hollow, .twelve form .btn-link, .twelve form .btn-important, .twelve form .btn-on-solid-background, .twelve form .btn-on-background, .twelve form .btn-square, .twelve form .btn-square-hollow, .twelve form .page-marque-content a, .page-marque-content .twelve form a { height: 100%; max-height: none; margin-bottom: 0; } .searchbar { padding: 0; margin-top: 0; background-color: #746F6F; color: white; } .searchbar .search-control { margin: 0; } .searchbar .search-control:after { font-size: 1.25rem; color: white; } .searchbar input[type=text] { background: none; color: white; font-size: initial; padding-left: 2.5rem; } .searchbar input[type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .searchbar input[type=text]::placeholder { color: rgba(255, 255, 255, 0.8); } .hotel-container > div { display: grid; row-gap: 3.625rem; } .hotel-container .hotel-amenity { gap: 1.5rem; } .hotel-container .hotel-logo-container { padding-left: 0; justify-content: flex-start; } .hotel-container .hotel-logo-container .hotel-logo { max-width: 80px; width: 20vw; } .hotel-container .hotel-btn { gap: 1rem; } .hotel-title { gap: 1rem; justify-content: space-between; flex-direction: column-reverse; } @media (min-width: 1200px) { .hotel-title { flex-direction: row; } } .hotel-info > p { border-bottom: 1px solid rgba(29, 29, 29, 0.3); padding-bottom: 1rem; margin-bottom: 1rem !important; } .hotel-addresses { margin-bottom: 1rem; font-size: 0.875rem; color: #a8998b; } .hotel-addresses span { display: inline-block; } .amenity-container { width: 100%; margin-bottom: 1rem; } .amenity-container ul { padding: 0; margin: 0; display: block; gap: 1rem; row-gap: 0; } @media (min-width: 768px) { .amenity-container ul { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; } } .amenity-container ul li { margin-bottom: 0; padding: 0.25rem 0.5rem; position: relative; padding-left: 2.5rem; } .amenity-container ul li .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0.25rem; display: flex; align-items: center; } .amenity-container ul li .icon img { max-width: 1.5rem; max-height: 1.5rem; filter: invert(66%) sepia(4%) saturate(1103%) hue-rotate(348deg) brightness(91%) contrast(100%); } .errorMsg { height: auto; transform: none; } .hotel-info > div { display: flex; flex-wrap: wrap; } .hotel-info > div > div span { font-size: 0.875rem; } .what-we-care .our-mission h2, .what-we-care .our-mission span.h2 { margin-bottom: 1rem; } .member-container { margin-top: 0; } .member-container > div { padding-top: 0; } .member-container ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .member-container ul { margin-left: -0.5rem; margin-right: -0.5rem; } } @media (min-width: 992px) { .member-container ul { margin-left: -1rem; margin-right: -1rem; } } @media (min-width: 1360px) { .member-container ul { margin-left: -2rem; margin-right: -2rem; } } .member-container ul li { text-align: center; margin-bottom: 2rem; width: 100%; } @media (min-width: 768px) { .member-container ul li { width: calc(50% - 1rem); margin-left: 0.5rem; margin-right: 0.5rem; } } @media (min-width: 992px) { .member-container ul li { width: calc(33.3333333333% - 2rem); margin-left: 1rem; margin-right: 1rem; } } @media (min-width: 1200px) { .member-container ul li { width: calc(25% - 4rem); margin-left: 2rem; margin-right: 2rem; } .member-container ul li:nth-child(1), .member-container ul li:nth-child(2), .member-container ul li:nth-child(3) { width: calc(33.3333333333% - 4rem); } } .member-container ul li:last-of-type { margin-bottom: 0; } .member-container ul li h3, .member-container ul li span.h3 { margin: 0 auto; margin-top: 1em; margin-bottom: 1em; text-transform: capitalize; } .adventure-tab { background: #746f6f; width: 100%; } .experience-tab { background: #746f6f; width: 100%; } .tab-two-lg { margin: 0; background: #746f6f; } .load-button { padding: 1.5rem; text-align: center; } .career-welcome-section { margin-top: 0; padding: 3rem 0; background-color: #746F6F; } .career-welcome-section h3, .career-welcome-section span.h3 { font-style: italic; } .career-welcome-section p { margin-bottom: 0 !important; } .careers-filter .form-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 2.125rem; } @media (min-width: 1200px) { .promise-blurb-container { grid-template-columns: repeat(3, 1fr); } } .promise-blurb-container .card-container > p { margin-top: 1.5rem; margin-bottom: 0; } .contact-container { height: auto; } @media (min-width: 768px) { .contact-container > div { display: flex; -moz-column-gap: 3rem; column-gap: 3rem; height: 100%; width: 100%; } .contact-container > div > div:nth-child(1) { width: 30%; } .contact-container > div > div:nth-child(2) { width: 70%; } } .contact-container > div > div ul { padding: 0; } .contact-social-icons { gap: 1rem; } .contact-social-icons a { font-size: 1.5rem; } .accordion-button:not(.collapsed) { font-weight: 600; } .contactFormContainer .contact-form-panel { display: grid; row-gap: 1rem; } .contactFormContainer .contact-form-panel .form-row .plain-input, .contactFormContainer .contact-form-panel .form-row .plain-dropdown { width: 100%; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) { display: flex; -moz-column-gap: 1rem; column-gap: 1rem; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .plain-input, .contactFormContainer .contact-form-panel .form-row:nth-child(1) .plain-dropdown { min-width: 1px; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .form-group:first-of-type { width: -moz-fit-content; width: fit-content; } .contactFormContainer .contact-form-panel .form-row:nth-child(1) .form-group:first-of-type .plain-dropdown { width: -moz-fit-content; width: fit-content; } .contactFormContainer .contact-form-panel .form-group { width: 100%; } .section.blur:after, .blur.full-width-section:after { z-index: -2; } .dine-marquee .mobile-logo { display: none; } .dine-marquee .marque-100vh { height: auto; } .dine-marquee .marque-100vh > div > .section:nth-child(1), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(1) { min-height: 400px; } .dine-marquee .marque-100vh > div > .section:nth-child(2), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(2) { position: inherit; margin-top: 2rem; margin-bottom: 0; } @media (min-width: 768px) { .dine-marquee .marque-100vh { height: 100vh; } .dine-marquee .marque-100vh > div > .section:nth-child(2), .dine-marquee .marque-100vh > div > .full-width-section:nth-child(2) { position: absolute; bottom: 0; width: 100%; } } @media (min-width: 1200px) { .dine-marquee .marque-100vh { min-height: 800px; } } .dine-blur { padding: 1.5rem; } @media (min-width: 992px) { .dine-blur { padding: 3.625rem; } } .dine-blur.black-shade:before { background: rgba(116, 111, 111, 0.8); } .dine-blur > div > h1, .dine-blur > div > span.h1, .dine-blur > div > p { color: white; } .dine-marquee .mobile-logo { display: none; } .dine-hero-section { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2.125rem; text-align: left; margin-top: 0; margin-bottom: 0; height: auto; } .dine-hero-section .hero-section-title { text-align: center; } .dine-hero-section > div { display: flex; gap: 1.5rem; } .dine-hero-section > div .content { flex-wrap: wrap; } @media (min-width: 576px) { .dine-hero-section > div .content { flex-wrap: nowrap; } } .dine-hero-section > div > .form-group { min-width: 260px; } .dine-hero-section > div a.btn, .dine-hero-section > div a.btn-hollow, .dine-hero-section > div a.btn-link, .dine-hero-section > div a.btn-important, .dine-hero-section > div a.btn-on-solid-background, .dine-hero-section > div a.btn-on-background, .dine-hero-section > div a.btn-square, .dine-hero-section > div a.btn-square-hollow, .dine-hero-section > div .page-marque-content a, .page-marque-content .dine-hero-section > div a { width: -moz-max-content; width: max-content; display: flex; align-items: center; } .dine-hero-section .content { flex-wrap: wrap; } .dine-hero-section .content > div { width: 100%; } .dine-hero-section .content > div a { width: 100%; justify-content: center; } @media (min-width: 576px) { .dine-hero-section .content { flex-wrap: nowrap; } } .dine-hero-section .dine-logo { min-width: 180px; width: 100%; flex-direction: column; padding: 1.5rem; padding-bottom: 2.875rem; text-align: center; color: white; background: #746F6F; opacity: 0.9; clip-path: polygon(100% 0, 100% 100%, 50% 93%, 0% 100%, 0 0, 50% 0); width: 20vw; } @media (min-width: 1200px) { .dine-hero-section .dine-logo { padding-top: calc(130px + 2.125rem); max-width: 200px; } } .pet-bag .parent { gap: 3.625rem; display: flex; flex-direction: column; } @media (min-width: 576px) { .pet-bag .parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); } } .pet-bag .outer { height: 100%; } .pet-bag .div1 { grid-area: 1/1/3/3; } .pet-bag .div2 { grid-area: 1/3/2/5; } .pet-bag .div3 { grid-area: 2/1/2/3; } @media (min-width: 768px) { .pet-bag .div3 { grid-area: 2/3/3/4; } } .pet-bag .div2 p { margin-bottom: 0; } .pet-bag .div4 { grid-area: 2/3/3/5; } @media (min-width: 768px) { .pet-bag .div4 { grid-area: 2/4/3/5; } } .pet-local, .wedding-location { background: linear-gradient(180deg, #746F6F 50%, #a8998b 50%); color: white; margin-bottom: 0; } @media (min-width: 768px) { .pet-local, .wedding-location { background: linear-gradient(90deg, #746F6F 50%, #a8998b 50%); } } .pet-local > div, .wedding-location > div { display: flex; gap: 7.25rem; padding: 3.625rem 0; flex-direction: column; } @media (min-width: 768px) { .pet-local > div, .wedding-location > div { flex-direction: row; gap: 3.625rem; } } .pet-local > div > *, .wedding-location > div > * { flex: 1; display: grid; gap: 1rem; justify-items: flex-start; } #event-request-form .customizedRadio tbody { display: grid; gap: 0.5rem; } .latest-blog-container { margin-bottom: 3.625rem !important; } .latest-blog-container .latest-date { position: absolute; top: 0; padding: 1rem 1.5rem; background: rgba(116, 111, 111, 0.8); border-radius: 6px 0; color: white; display: flex; } .latest-blog-container .latest-date p { margin-bottom: 0; } .latest-blog-container .latest-date .latest-month { font-weight: bold; } .blog-share { margin-bottom: 2.125rem; } @media (min-width: 1200px) { .blog-share { margin-bottom: 4rem; } } .blog-share .blog-icon-container { display: flex; gap: 1rem; text-align: center; } @media (min-width: 768px) { .blog-share .blog-icon-container { gap: 2rem; } } .blog-share .blog-icon-container > .icons { display: grid; gap: 1rem; } .blog-share .blog-icon-container > .icons p { margin: 0; } .blog-share .blog-icon-container i { font-size: 1.5rem; } @media (min-width: 768px) { .blog-share .blog-icon-container i { font-size: 3rem; } } .pet-person, .testimonial-section { position: relative; margin-top: 0; } .pet-person .outer:before, .testimonial-section .outer:before { padding-top: 50vh; } @media (min-width: 1200px) { .pet-person .outer:before, .testimonial-section .outer:before { min-height: 500px; } } .pet-person .content, .testimonial-section .content { text-align: right; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 1.5rem; } @media (min-width: 768px) { .pet-person .content, .testimonial-section .content { bottom: 3.625rem; } } .pet-person .content h1, .pet-person .content span.h1, .testimonial-section .content h1, .testimonial-section .content span.h1 { color: white; } .pet-person .content h1 span, .pet-person .content span.h1 span, .testimonial-section .content h1 span, .testimonial-section .content span.h1 span { display: inline-block; } .testimonial-section .outer:before { padding-top: 60vh; } .testimonial-section .content h2, .testimonial-section .content span.h2 { max-width: 650px; padding: 1.5rem; text-align: left; margin-left: revert; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .pet-show-off .content > div:nth-child(1) { width: 250px; margin-bottom: 1.5rem; } .pet-show-off .content > p { margin-bottom: 2.875rem; } .dine-welcome .dine-restaurant-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 1.5rem; align-items: center; } .dine-welcome .dine-restaurant-logos li:nth-child(5) img { max-width: 80px; } .dine-welcome .dine-restaurant-logos li:last-of-type img { max-width: none; } @media (min-width: 460px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 600px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(4, 1fr); max-width: 800px; margin: 0 auto; } } @media (min-width: 992px) { .dine-welcome .dine-restaurant-logos { grid-template-columns: repeat(5, 1fr); max-width: 800px; margin: 0 auto; } } .dine-welcome .dine-restaurant-logos a { display: block; } .pet-highlight > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 3rem; text-align: center; } .pet-highlight > div > div { min-height: 205px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pet-highlight > div > div img { margin-bottom: 1.5rem; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #a8998b; padding: 10px; } .pet-highlight > div > div p:last-of-type { margin-bottom: 0; } #pet-welcome { padding: 3.625rem 2.125rem; background-color: #746F6F; } #pet-welcome > div { color: white; } .pet-store-logo-container { max-width: 150px; } .dine-nav, .pet-nav, .weddings-nav { margin-top: 0; background-color: #746F6F; } .dine-nav > div, .pet-nav > div, .weddings-nav > div { padding: 1.5rem 1rem; } .dine-nav .nav-tabs, .pet-nav .nav-tabs, .weddings-nav .nav-tabs { justify-content: flex-start; } .dine-services .outer:before, .dine-beverages .outer:before, .dine-recipes .outer:before, .dine-sustainability .outer:before, .dine-teams .outer:before, .pet-blog .outer:before { padding-top: 116.6666666667% !important; } #pet-etiquette { margin-top: 0; } #pet-etiquette .outer:before { padding-top: 60vh; } .pet-etiquette { position: relative; margin-bottom: 0; padding-bottom: 2.125rem; } @media (min-width: 992px) { .pet-etiquette { padding-bottom: 3.625rem; } } .pet-etiquette:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url("/img/svg/paw.svg"); background-position: bottom -12vh right -12vw; background-size: 35vw; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(795%) hue-rotate(331deg) brightness(97%) contrast(88%); } .pet-etiquette .content > h1, .pet-etiquette .content > span.h1, .pet-etiquette .content > p { text-align: center; } .pet-etiquette .content > p { margin-bottom: 3.625rem; } .pet-etiquette .content > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); display: grid; gap: 2.125rem; } @media (min-width: 768px) { .pet-etiquette .content > div { grid-template-columns: repeat(2, 1fr); gap: 3.625rem; } } .etiquette-container > div { padding-left: 2.875rem; position: relative; } .etiquette-container > div > p:nth-child(1) { position: absolute; left: 0.6rem; top: 0.8rem; color: white; margin: 0; font-size: 0.875rem; font-weight: bold; min-width: 15px; text-align: center; } .etiquette-container > div h3, .etiquette-container > div span.h3 { text-transform: uppercase; } .etiquette-container > div:before { content: ""; position: absolute; width: 2rem; height: 2rem; background-image: url("/img/svg/paw.svg"); background-position: center; background-size: cover; left: 0; top: 0; filter: invert(62%) sepia(17%) saturate(286%) hue-rotate(348deg) brightness(97%) contrast(86%); } .dine-special-events > div > .content .picture-cards { width: 100%; } .dine-special-events > div > .content .picture-cards .card-container { width: 100%; } @media (min-width: 992px) { .dine-special-events > div > .content .picture-cards { display: flex; } .dine-special-events > div > .content .picture-cards .picture-cards { flex-direction: column; width: calc(50% - 1.5rem); } } @media (min-width: 1200px) { .dine-special-events > div > .content { display: flex; gap: 2.125rem; } .dine-special-events > div > .content > div:nth-child(1) { max-width: 350px; align-self: center; } } @media (min-width: 576px) { .dine-recipes .picture-cards, .dine-sustainability .picture-cards, .pet-blog .picture-cards { grid-template-columns: repeat(3, 1fr); } } .pet-local-store .tab-content .card .content { gap: 1rem; } #LocationTabContent .card .content:nth-child(1) > div { display: flex; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(116, 111, 111, 0.3); margin-bottom: 1rem; flex-wrap: wrap; } #LocationTabContent .card .content:nth-child(1) > div img { max-width: 100px; } #LocationTabContent .card .content:nth-child(1) p { height: 300px; overflow-y: scroll; } #LocationTabContent .card .content:nth-child(1) p::-webkit-scrollbar { width: 6px; background-color: #fff; } #LocationTabContent .card .content:nth-child(1) p::-webkit-scrollbar-thumb { background-color: #E8E5E2; } .dine-support-local.blur:after { background-image: url(/img/body-page-head/shawnanggg-nmpW_WwwVSc-unsplash.jpg); } .dine-support-local .card-container .content > h3, .dine-support-local .card-container .content > span.h3 { max-width: 500px; } .dine-pos.blur:after { background-image: url(/img/body-page-head/shawnanggg-nmpW_WwwVSc-unsplash.jpg); } .dine-pos > div { gap: 3.625rem; } .dine-pos > div > div { width: 100%; } .dine-pos > div > div > h1, .dine-pos > div > div > span.h1, .dine-pos > div > div > p { color: white; } .dine-pos > div > div > div { display: grid; gap: 1.5rem; margin-bottom: 1.5rem; } .dine-pos > div > div > div i { font-size: 3rem; margin-bottom: 1rem; } .dine-pos > div > div > div .card-container .content { text-align: center; } .dine-pos > div > div > div .card-container .content p { margin-bottom: 0; } @media (min-width: 992px) { .dine-pos > div > div > div { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .dine-pos > div { display: flex; } } #restaurantTab .nav-item:nth-last-child(2) { display: none; } #restaurantTabContent .suppiler-logo { width: 120px; height: 120px; margin-bottom: 2.125rem; } #restaurantTabContent .suppiler-logo img { -o-object-fit: contain; object-fit: contain; } #restaurantTabContent .btn-container { display: flex; gap: 1rem; justify-content: space-between; } .dine-menus .content:first-of-type > div { display: flex; gap: 1rem; margin-bottom: 1rem; align-items: flex-start; flex-wrap: wrap; } .dine-menus .content:first-of-type > div img { -o-object-fit: contain; object-fit: contain; } .tab-content .content:first-of-type > div.flex { gap: 1rem; margin: 1.5rem 0; } .tab-content .content:first-of-type .outer { width: 120px; height: 120px; } .tab-content .content:first-of-type .outer img { border-radius: 0; } @media (min-width: 1200px) { .tab-content .content:last-of-type > div:last-of-type { display: flex; gap: 1.5rem; justify-content: space-between; margin-top: 1.5rem; } } .dine-instagram, .pet-instagram, .weddings-instagram, .gerry-moments { margin-bottom: 0; } .dine-instagram > div, .pet-instagram > div, .weddings-instagram > div, .gerry-moments > div { padding: 0; } .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .dine-instagram > div > div .outer, .pet-instagram > div > div .outer, .weddings-instagram > div > div .outer, .gerry-moments > div > div .outer { overflow: hidden; } .dine-instagram > div > div .outer img, .pet-instagram > div > div .outer img, .weddings-instagram > div > div .outer img, .gerry-moments > div > div .outer img { scale: 1; transition: all 0.3s ease; } .dine-instagram > div > div .outer:hover img, .pet-instagram > div > div .outer:hover img, .weddings-instagram > div > div .outer:hover img, .gerry-moments > div > div .outer:hover img { scale: 1.05; transition: all 0.3s ease; } @media (min-width: 576px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } } @media (min-width: 576px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); } } @media (min-width: 992px) { .dine-instagram > div > div, .pet-instagram > div > div, .weddings-instagram > div > div, .gerry-moments > div > div { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .wedding-welcome > div > div .picture-cards { grid-template-columns: repeat(3, 1fr); } } .offer-page-header { display: flex; align-items: center; justify-content: center; } #dealSlider .saving-card-container .swiper-wrapper { padding-bottom: 6rem; } #dealSlider .saving-card-container .swiper-button-prev, #dealSlider .saving-card-container .swiper-button-next { top: 100%; width: unset; height: unset; } #dealSlider .saving-card-container .swiper-button-prev { left: 50% !important; transform: translate(-110%, -60%); } #dealSlider .saving-card-container .swiper-button-prev::after { content: "" !important; } #dealSlider .saving-card-container .swiper-button-next { right: 50% !important; transform: translate(110%, -60%); } #dealSlider .saving-card-container .swiper-button-next::after { content: "" !important; } #reviewSlider .review-cards-container .swiper-button-prev, #reviewSlider .review-cards-container .swiper-button-next { top: 0%; width: -moz-fit-content; width: fit-content; height: unset; } #reviewSlider .review-cards-container .swiper-button-prev { right: calc(46px + 2.125rem + 0.5rem) !important; top: 2.125rem !important; left: auto; /* transform: translate(-125%, 80%); */ margin: 0; } #reviewSlider .review-cards-container .swiper-button-prev::after { content: "" !important; } #reviewSlider .review-cards-container .swiper-button-next { right: 2.125rem !important; top: 2.125rem !important; margin-top: 0; } #reviewSlider .review-cards-container .swiper-button-next::after { content: "" !important; } .child-page-marquee { overflow: hidden; } .child-page-marquee > div:nth-child(2) > div > div { display: flex; align-items: center; padding: 0 1.5rem; justify-content: flex-start; text-align: left; } @media (min-width: 992px) { .child-page-marquee > div:nth-child(2) > div > div { padding: 0 3.625rem; } } @media (min-width: 1200px) { .child-page-marquee > div:nth-child(2) > div > div { justify-content: center; text-align: center; } } .child-page-marquee .marquee-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1; } .tabbox { padding: 1.5rem; padding-top: 3.625rem; padding-bottom: 3.625rem; justify-items: left; } @media (min-width: 992px) { .tabbox { padding: 3.625rem; padding-top: 4rem; padding-bottom: 4rem; } } #lastest-blog .scrollable-tab-container { margin-bottom: 2.125rem; } .resource-modal .modal-body { display: block; } @media (min-width: 768px) { .resource-modal .modal-body { display: flex; } .resource-modal .modal-body > div { flex: 1; } .resource-modal .modal-body > div ul { list-style-type: disc; } } .resource-modal .modal-body > div:nth-child(2) { max-width: 300px; display: grid; gap: 1rem; } .resource-modal .modal-body > div:nth-child(2) .outer { height: -moz-fit-content; height: fit-content; } .resource-modal .modal-body > div:nth-child(2) img { -o-object-fit: contain; object-fit: contain; } .blogInsetContainer { display: grid; gap: 2.125rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); max-height: 600px; overflow-y: scroll; } .travel-contact-section { margin-bottom: 0; padding: 1.5rem; background-color: rgba(29, 29, 29, 0.05); } @media (min-width: 992px) { .travel-contact-section { padding: 3.625rem; } } .travel-contact-section .contact-information { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2.125rem; } .travel-contact-section .contact-information ul { padding: 0; margin: 0; } #accordionLinks ul { padding: 0; } @media (min-width: 1200px) { .team-members-section li:last-of-type { width: calc(25% - 4rem); margin: 0 2rem; } } .flatpickr-calendar { width: 340px !important; } .rewards-icon-container { position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; background-color: #f8f8f8; border-radius: 50%; } .rewards-icon-container #account_avatar_icon { width: 100%; height: 100%; } .rewards-icon-container .rewards-check-icon-vip { animation: icon_animation_vip 3s infinite; } .rewards-icon-container .rewards-check-icon-silver { animation: icon_animation_silver 3s infinite; } .rewards-icon-container .rewards-check-icon-gold { animation: icon_animation_gold 3s infinite; } .rewards-icon-container .rewards-check-icon-platinum { animation: icon_animation_platinum 3s infinite; } .rewards-icon-container .rewards-check-icon-diamond { animation: icon_animation_diamond 3s infinite; } .history-highlight-card-container { container: historyCard/inline-size; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .history-highlight-card-container .history-highlight-cards { display: grid; gap: 3rem; } @container historyCard (min-width: 700px) { .history-highlight-card-container .history-highlight-cards { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(1) { grid-area: 1/1/2/2; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(2) { grid-area: 1/2/2/3; } .history-highlight-card-container .history-highlight-cards .card-container:nth-child(3) { grid-area: 2/1/3/3; } }/*# sourceMappingURL=main.css.map */