/* Minification failed. Returning unminified contents. (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,82): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (83,59): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (94,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (95,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (96,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-ivory' (130,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (131,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (137,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold-soft' (137,62): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (142,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (143,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (156,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (156,85): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (175,46): run-time error CSS1039: Token not allowed after unary operator: '-chrome-1' (175,66): run-time error CSS1039: Token not allowed after unary operator: '-chrome-2' (179,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (184,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (185,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (192,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (196,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (196,63): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (201,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (202,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (211,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg' (212,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (220,39): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (228,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (236,52): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (238,27): run-time error CSS1039: Token not allowed after unary operator: '-chrome-icon' (242,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-ivory' (243,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (244,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (245,29): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (245,51): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (246,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (250,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (257,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (258,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (264,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (275,36): run-time error CSS1039: Token not allowed after unary operator: '-chrome-icon' (279,46): run-time error CSS1039: Token not allowed after unary operator: '-chrome-1' (279,63): run-time error CSS1039: Token not allowed after unary operator: '-chrome-2' (288,46): run-time error CSS1039: Token not allowed after unary operator: '-chrome-hover' (292,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg' (297,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (301,51): run-time error CSS1039: Token not allowed after unary operator: '-chrome-hover' (301,79): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (334,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (349,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (352,40): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (355,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (361,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (363,24): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (365,59): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (367,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment-2' (368,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (369,24): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (371,41): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (374,34): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (375,45): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (382,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (383,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (384,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (385,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (393,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (393,61): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (399,45): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (399,66): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (400,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (400,44): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (408,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow-lg' (409,24): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (413,46): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (413,69): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (414,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (415,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (418,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (424,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (425,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (428,49): run-time error CSS1039: Token not allowed after unary operator: '-chrome-icon' (431,26): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (433,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (434,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (438,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (441,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (443,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (452,46): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (452,67): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (457,43): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (459,34): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (460,40): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (467,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (468,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (479,46): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (479,72): run-time error CSS1039: Token not allowed after unary operator: '-gita-ivory' (480,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (481,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (482,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (482,47): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (485,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (486,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (487,33): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (488,27): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (488,49): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (492,43): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (497,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (501,37): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (502,56): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (503,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (509,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (514,21): run-time error CSS1039: Token not allowed after unary operator: '-gita-maxread' (547,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (548,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (561,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (563,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (566,59): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (573,38): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (579,51): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (582,62): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (594,51): run-time error CSS1039: Token not allowed after unary operator: '-gita-maxread' (596,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (601,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (612,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (648,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (649,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (650,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (651,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (655,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (662,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (663,33): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (664,27): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (664,49): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (668,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (670,73): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (671,39): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (672,39): run-time error CSS1039: Token not allowed after unary operator: '-gita-peacock' (682,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (685,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (688,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (689,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (697,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (700,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (704,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-iast' (705,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (711,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-iast' (713,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (714,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (716,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (717,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold-soft' (717,65): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (718,43): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (722,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (726,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (727,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (749,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (750,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (751,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (759,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (771,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (772,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (773,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (774,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (776,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (786,24): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (790,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (792,57): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (793,44): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (794,29): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (798,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (799,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (800,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (802,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (805,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (805,72): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (810,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (810,54): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (812,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (813,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (814,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (815,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (819,55): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (821,52): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (832,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (833,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (834,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (835,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (836,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (843,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (845,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (846,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (850,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (851,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (856,33): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (857,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (858,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-peacock' (859,27): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (859,69): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (860,33): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (862,38): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (862,76): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (863,34): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (863,82): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (864,34): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (864,65): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (865,34): run-time error CSS1039: Token not allowed after unary operator: '-gita-ivory' (865,75): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (868,37): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (868,83): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (871,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (872,45): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (872,74): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (896,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (898,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (899,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (900,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (908,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (914,80): run-time error CSS1039: Token not allowed after unary operator: '-gita-deva' (925,21): run-time error CSS1039: Token not allowed after unary operator: '-gita-maxread' (926,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (933,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (936,76): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (937,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (944,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (948,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (960,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (971,9): run-time error CSS1030: Expected identifier, found '>' (971,45): run-time error CSS1031: Expected selector, found ')' (971,45): run-time error CSS1025: Expected comma or open brace, found ')' (985,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (994,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1024,44): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1029,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1029,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1030,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1033,53): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1045,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment-2' (1046,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (1046,44): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (1066,37): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1073,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1074,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1081,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (1085,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (1086,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1095,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1100,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (1101,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1105,42): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1106,28): run-time error CSS1033: Expected closing bracket, found 'i' (1106,29): run-time error CSS1031: Expected selector, found ']' (1106,29): run-time error CSS1025: Expected comma or open brace, found ']' (1116,28): run-time error CSS1033: Expected closing bracket, found 'i' (1116,29): run-time error CSS1031: Expected selector, found ']' (1116,29): run-time error CSS1025: Expected comma or open brace, found ']' (1117,28): run-time error CSS1033: Expected closing bracket, found 'i' (1117,29): run-time error CSS1031: Expected selector, found ']' (1117,29): run-time error CSS1025: Expected comma or open brace, found ']' (1121,28): run-time error CSS1033: Expected closing bracket, found 'i' (1121,29): run-time error CSS1031: Expected selector, found ']' (1121,29): run-time error CSS1025: Expected comma or open brace, found ']' (1122,28): run-time error CSS1033: Expected closing bracket, found 'i' (1122,29): run-time error CSS1031: Expected selector, found ']' (1122,29): run-time error CSS1025: Expected comma or open brace, found ']' (1130,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (1133,26): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1134,32): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (1142,30): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (1142,61): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (1150,45): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1151,54): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (1152,60): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1153,39): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (1154,40): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1155,43): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1156,50): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (1160,42): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1163,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1164,25): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (1164,47): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (1169,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (1169,58): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1170,29): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (1170,51): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius-sm' (1170,86): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (1172,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1182,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1182,50): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (1183,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1183,64): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1185,47): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (1185,77): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (1188,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1188,68): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1194,23): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1195,35): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1197,36): run-time error CSS1039: Token not allowed after unary operator: '-gita-maroon' (1197,115): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (1198,42): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1206,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line-gold' (1207,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-icon' (1215,45): run-time error CSS1039: Token not allowed after unary operator: '-chrome-hover' (1215,73): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg-strong' (1228,17): run-time error CSS1039: Token not allowed after unary operator: '-chrome-fg' (1230,85): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1238,46): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (1238,64): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (1239,28): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (1241,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-shadow' (1246,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1251,43): run-time error CSS1039: Token not allowed after unary operator: '-gita-ochre' (1257,39): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1259,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1262,39): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-head' (1263,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-wood' (1267,57): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment-2' (1272,45): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1272,66): run-time error CSS1039: Token not allowed after unary operator: '-gita-gold' (1276,69): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (1280,71): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' (1291,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-parchment' (1291,63): run-time error CSS1039: Token not allowed after unary operator: '-gita-line' (1297,17): run-time error CSS1039: Token not allowed after unary operator: '-gita-ink-soft' (1297,63): run-time error CSS1039: Token not allowed after unary operator: '-gita-serif-body' (1301,42): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1301,86): run-time error CSS1039: Token not allowed after unary operator: '-gita-card' (1303,22): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1304,24): run-time error CSS1039: Token not allowed after unary operator: '-gita-saffron' (1307,38): run-time error CSS1039: Token not allowed after unary operator: '-gita-radius' */ /* ============================================================================ Bhagavad Gita — Devotional Design System "spiritual, timeless, calm" — like a beautifully printed devotional book. Presentation layer only. Loaded AFTER bootstrap/mdb/style.css so it themes the existing shared class vocabulary (see CLAUDE.md). Mobile-first. ============================================================================ */ :root { /* ---- Palette ---------------------------------------------------------- */ --gita-ivory: #F2F3F5; /* page background — himalayan mist */ --gita-parchment: #E7E9EE; /* raised panels / bands */ --gita-parchment-2:#DDE1E8; /* deeper mist */ --gita-saffron: #3F5C7A; /* primary — slate blue */ --gita-ochre: #527699; /* primary light / hover */ --gita-maroon: #2F3440; /* body text / headings — slate ink */ --gita-wood: #1E2A3A; /* darkest headings / navbar — deep slate */ --gita-gold: #D97A5A; /* warm accent — coral (used sparingly) */ --gita-gold-soft: #F0C9BC; /* soft coral tint */ --gita-lotus: #C2185B; /* rare secondary */ --gita-peacock: #00796B; /* rare secondary */ --gita-ink-soft: #687284; /* muted text */ --gita-line: rgba(31, 42, 58, 0.12); /* hairline borders */ --gita-line-gold: rgba(217, 122, 90, 0.34); /* warm coral rules */ /* ---- Type ------------------------------------------------------------- */ --gita-serif-head: "Cormorant Garamond", "EB Garamond", "Tiro Devanagari Sanskrit", "Noto Serif Devanagari", Georgia, "Times New Roman", serif; --gita-serif-body: "EB Garamond", "Cormorant Garamond", "Tiro Devanagari Sanskrit", "Noto Serif Devanagari", Georgia, serif; --gita-deva: "Tiro Devanagari Sanskrit", "Noto Serif Devanagari", "Sanskrit_2003", serif; --gita-iast: "EB Garamond", "Cormorant Garamond", Georgia, serif; /* ---- Spacing / shape -------------------------------------------------- */ --gita-radius: 14px; --gita-radius-sm: 9px; --gita-shadow: 0 6px 22px rgba(31, 42, 58, 0.09), 0 1px 3px rgba(31, 42, 58, 0.06); --gita-shadow-lg: 0 14px 40px rgba(31, 42, 58, 0.14); --gita-maxread: 44rem; /* comfortable reading measure */ /* ---- Semantic surfaces (themable) ----------------------------------- */ --gita-card: #ffffff; /* card / panel surface */ /* "chrome" = navbar, drawer, section header bands. Light & airy by default */ --chrome-1: #F4F5F7; /* chrome surface top */ --chrome-2: #E6E8EC; /* chrome surface bottom */ --chrome-fg: #4A5564; /* chrome text */ --chrome-fg-strong:#1E2A3A; /* chrome brand / active text */ --chrome-icon: #3F5C7A; /* chrome icons (slate) */ --chrome-hover: rgba(63, 92, 122, 0.10); color-scheme: light; } /* ============================================================================ Dark reading mode — cool, moonlit slate; cohesive with the Himalayan palette. Toggled via (persisted in localStorage, no FOUC). ============================================================================ */ html[data-theme="dark"] { --gita-ivory: #0F1318; /* page background — deep slate night */ --gita-parchment: #1C232C; /* raised panels / bands */ --gita-parchment-2:#232B35; --gita-card: #161B22; /* cards */ --gita-maroon: #DCE2EA; /* body text */ --gita-wood: #EEF3F9; /* headings */ --gita-ink-soft: #909AAA; /* muted text */ --gita-saffron: #6F93B8; /* primary — slate blue (brightened) */ --gita-ochre: #84A6CB; --gita-gold: #E08A66; /* warm accent — coral (brightened) */ --gita-gold-soft: #46332B; --gita-line: rgba(220, 226, 234, 0.10); --gita-line-gold: rgba(224, 138, 102, 0.32); --gita-shadow: 0 8px 26px rgba(0,0,0,0.55), 0 1px 3px rgba(0,0,0,0.5); --gita-shadow-lg: 0 18px 48px rgba(0,0,0,0.65); /* chrome goes deep slate in dark mode */ --chrome-1: #0C1014; --chrome-2: #141A21; --chrome-fg: #B8C2CE; --chrome-fg-strong:#EEF3F9; --chrome-icon: #6F93B8; --chrome-hover: rgba(111, 147, 184, 0.16); color-scheme: dark; } /* dark-mode tweaks for elements that hardcode light tints */ html[data-theme="dark"] .alert-warning { background: #33260F; border-color: var(--gita-line-gold); } html[data-theme="dark"] .alert-success { background: #14271D; border-color: rgba(0,121,107,.4); } html[data-theme="dark"] .alert-danger { background: #331E18; color: #F0B49A; } html[data-theme="dark"] .alert-info { background: var(--gita-parchment); } html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background: rgba(255,240,210,0.045); } html[data-theme="dark"] .word.selected, html[data-theme="dark"] ::selection { color: #0F1318; } /* ============================================================================ 1. Base ============================================================================ */ html { -webkit-text-size-adjust: 100%; } body { font-family: var(--gita-serif-body); color: var(--gita-maroon); background-color: var(--gita-ivory); background-image: radial-gradient(circle at 18% 12%, rgba(224, 138, 60, 0.05), transparent 42%), radial-gradient(circle at 84% 86%, rgba(201, 162, 39, 0.05), transparent 46%); background-attachment: fixed; font-size: 1.06rem; line-height: 1.7; overflow-x: hidden; /* belt-and-braces: never scroll sideways */ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Faint concentric mandala halo, fixed behind everything, never competing with text. Pure CSS gradients (no url()) so the bundler/minifier can't mangle it. */ body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; background-color: transparent; background-image: radial-gradient(circle at 50% 30%, transparent 119px, rgba(201, 98, 46, 0.05) 120px, transparent 122px), radial-gradient(circle at 50% 30%, transparent 169px, rgba(201, 162, 39, 0.05) 170px, transparent 172px), radial-gradient(circle at 50% 30%, transparent 219px, rgba(201, 98, 46, 0.04) 220px, transparent 222px), radial-gradient(circle at 50% 30%, transparent 269px, rgba(201, 162, 39, 0.035) 270px, transparent 272px); background-repeat: no-repeat; } p { margin: 0 0 1rem; } a { color: var(--gita-saffron); transition: color .2s ease; } a:hover, a:focus { color: var(--gita-ochre); } body a:hover { text-decoration: none; } /* tame the global underline-on-hover */ .ParaMargin a:hover, .text-primary-anchor:hover, .OriginalVerse:hover { text-decoration: underline; } ::selection { background: var(--gita-gold-soft); color: var(--gita-wood); } /* Headings — elegant serif */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--gita-serif-head); color: var(--gita-wood); font-weight: 600; letter-spacing: .005em; line-height: 1.25; } h1, .h1 { font-size: clamp(2rem, 4vw, 2.9rem); } h2, .h2 { font-size: clamp(1.7rem, 3.2vw, 2.35rem); } h3, .h3 { font-size: clamp(1.4rem, 2.6vw, 1.85rem); } /* Thin ornamental rule */ hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gita-line-gold) 18%, var(--gita-line-gold) 82%, transparent); margin: 1.6rem 0; } img { max-width: 100%; height: auto; } /* responsive media everywhere */ /* ============================================================================ 2. Layout container ============================================================================ */ .container { max-width: 1180px; } /* The layout wraps body content in .container with top padding for the fixed nav */ body > .container { padding-top: 72px !important; } /* ============================================================================ 3. Navbar — deep wood/maroon with a gold hairline ============================================================================ */ .navbar.dark-primary-color, .dark-primary-color { background: linear-gradient(180deg, var(--chrome-1) 0%, var(--chrome-2) 100%) !important; } .navbar { box-shadow: 0 2px 14px rgba(59, 36, 20, 0.22); border-bottom: 2px solid var(--gita-gold); min-height: 58px; padding: 0; } .navbar .navbar-brand { font-family: var(--gita-serif-head); color: var(--chrome-fg-strong) !important; font-weight: 700; letter-spacing: .03em; padding: 12px 14px; } .navbar .navbar-brand h1.module { font-size: 1.6rem; color: var(--chrome-fg-strong); margin: 0; line-height: 1.1; } .navbar .gita-om { color: var(--gita-gold); font-family: var(--gita-deva); font-weight: 400; } /* Mobile-only brand beside the hamburger (desktop brand is hidden < 993px) */ .gita-brand-mobile { display: none; font-family: var(--gita-serif-head); color: var(--chrome-fg-strong) !important; font-weight: 700; font-size: 1.4rem; letter-spacing: .03em; line-height: 58px; padding: 0 12px; } .navbar .nav-link { color: var(--chrome-fg) !important; font-family: var(--gita-serif-body); font-size: 1.04rem; letter-spacing: .01em; padding: 17px 14px; position: relative; transition: color .2s ease, background-color .2s ease; } .navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--chrome-fg-strong) !important; } /* gold underline on hover / active */ .navbar .navbar-desktop .nav-item > .nav-link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 9px; height: 2px; background: var(--gita-gold); transform: scaleX(0); transform-origin: center; transition: transform .25s ease; } .navbar .navbar-desktop .nav-item > .nav-link:hover::after, .navbar .navbar-desktop .nav-item.active > .nav-link::after { transform: scaleX(1); } .navbar .nav-item.active > .nav-link { color: var(--chrome-fg-strong) !important; } /* beat MDB's .white-text (#fff !important) so icons follow the chrome theme */ .navbar .fa { color: var(--chrome-icon) !important; } /* Dropdown menus — parchment cards */ .navbar .dropdown-menu { background: var(--gita-ivory); border: 1px solid var(--gita-line); border-top: 2px solid var(--gita-gold); border-radius: 0 0 var(--gita-radius-sm) var(--gita-radius-sm); box-shadow: var(--gita-shadow); padding: 6px 0; } .navbar .dropdown-menu .dropdown-item { color: var(--gita-maroon); padding: 9px 18px; font-size: 1rem; transition: background-color .15s ease, color .15s ease; } .navbar .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item.active { background: var(--gita-parchment); color: var(--gita-saffron); } /* Search box in navbar */ .SearchBoxClass { border-radius: 22px; border: 1px solid var(--gita-line-gold); padding: 6px 16px; } /* ---- Mobile side-nav drawer (MDB sideNav) ---- */ .button-collapse { display: none; padding: 16px 16px; font-size: 1.4rem; line-height: 1; } .button-collapse .fa { color: var(--chrome-icon) !important; } .side-nav { /* keep MDB's own width (240px) & closed-offset math intact — only theme it */ background: linear-gradient(180deg, var(--chrome-1), var(--chrome-2)) !important; box-shadow: 4px 0 24px rgba(0,0,0,.3); padding-top: 8px; } /* MDB themes the
  • white (#fff) and grey (#ddd) on hover — override so the maroon gradient shows through and hover/active is a readable gold tint */ .side-nav li, .side-nav .nav-item { background-color: transparent !important; } .side-nav li:hover, .side-nav li.active { background-color: var(--chrome-hover) !important; } .side-nav .nav-item .nav-link, .side-nav .dropdown-item { color: var(--chrome-fg) !important; display: block; min-height: 44px; /* tap target */ padding: 12px 22px; font-size: 1.06rem; border-bottom: 1px solid var(--gita-line); } .side-nav .dropdown-item { padding-left: 38px; font-size: 1rem; } .side-nav .nav-link:hover, .side-nav .dropdown-item:hover { background: var(--chrome-hover); color: var(--chrome-fg-strong) !important; } .side-nav .collapse .dropdown-item { background: rgba(0,0,0,.16); } .side-nav .rotate-icon { float: right; } /* Toggle desktop vs mobile nav around the bootstrap md breakpoint */ @media (max-width: 1199px) { .navbar.dark-primary-color { display: flex; align-items: center; } .navbar-desktop { display: none !important; } .button-collapse { display: inline-flex !important; align-items: center; order: 0; } .gita-brand-mobile { display: inline-block; order: 1; } .navbar .container { display: none; } /* desktop links live here; hidden on mobile */ .navbar-mobile { order: 2; } } @media (min-width: 1200px) { .button-collapse { display: none !important; } .gita-brand-mobile { display: none !important; } .navbar-mobile { display: none; } /* one tidy row: brand | links (grow) | toggle + login — no float wrapping */ .navbar-desktop { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; } .navbar-desktop > .navbar-brand { flex: 0 0 auto; } .navbar-desktop > .nav.pull-left { flex: 1 1 auto; float: none !important; margin: 0; display: flex; flex-wrap: nowrap; align-items: center; } .navbar-desktop > .nav.pull-left > li { float: none !important; } .navbar-desktop > .nav.pull-right { flex: 0 0 auto; float: none !important; margin: 0; display: flex; align-items: center; } .navbar .nav-link { padding-left: 12px; padding-right: 12px; white-space: nowrap; } } /* ============================================================================ 4. Buttons ============================================================================ */ .btn { font-family: var(--gita-serif-body); font-weight: 600; letter-spacing: .02em; border-radius: 999px; border: 1px solid transparent; box-shadow: none; text-transform: none; transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .15s ease; } .btn:hover { box-shadow: 0 4px 14px rgba(201, 98, 46, 0.28); } .btn:active { transform: translateY(1px); } /* Primary call-to-action class used across the site */ .btn.accent-color, .accent-color { background: var(--gita-saffron) !important; color: #fff !important; } .btn.accent-color { border-color: var(--gita-saffron); } .btn.accent-color:hover, .btn.accent-color:focus { background: var(--gita-ochre) !important; color: #fff !important; } /* Bootstrap primary/secondary buttons warmed to the palette */ .btn-primary { background: var(--gita-saffron) !important; color: #fff !important; border-color: var(--gita-saffron) !important; } .btn-primary:hover, .btn-primary:focus { background: var(--gita-ochre) !important; } .btn-secondary { background: var(--gita-parchment-2) !important; color: var(--gita-maroon) !important; border-color: var(--gita-line-gold) !important; } .btn-secondary:hover { background: var(--gita-parchment) !important; } /* Quiet / outline buttons inherit a warm look */ .btn-floating { box-shadow: var(--gita-shadow); } .btn-action.accent-color { background: var(--gita-saffron) !important; } /* ============================================================================ 5. Cards & panels ============================================================================ */ .card { position: relative; background: var(--gita-card); border: 1px solid var(--gita-line); border-radius: var(--gita-radius); box-shadow: var(--gita-shadow); margin-bottom: 1.5rem; transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease; } .card + .card { margin-top: 0; } /* Round the header to the card corners WITHOUT clipping the whole card (overflow:hidden would clip share reveals / dropdowns / tooltips inside cards) */ .card > .card-header:first-child { border-radius: calc(var(--gita-radius) - 1px) calc(var(--gita-radius) - 1px) 0 0; } /* Warm top accent rule (opt-in via .gita-card-accent) */ .gita-card-accent::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--gita-saffron), var(--gita-gold) 70%, transparent); border-radius: var(--gita-radius) var(--gita-radius) 0 0; z-index: 1; } /* Gentle lift on interactive / clickable cards (opt-in via .gita-card-interactive) */ .gita-card-interactive { cursor: pointer; } .gita-card-interactive:hover, .gita-card-interactive:focus-within { transform: translateY(-3px); box-shadow: var(--gita-shadow-lg); border-color: var(--gita-line-gold); } .card-header { background: linear-gradient(180deg, var(--gita-parchment), var(--gita-card)); border-bottom: 1px solid var(--gita-line-gold); font-family: var(--gita-serif-head); font-size: 1.3rem; font-weight: 600; color: var(--gita-wood); padding: 14px 20px; letter-spacing: .01em; } /* Card headers that opt into the dark band keep contrast but warm */ .card-header.dark-primary-color { color: var(--chrome-fg-strong) !important; border-bottom: 2px solid var(--gita-gold); } .card-header a { color: inherit; opacity: .9; font-size: .9rem; } .card-header.dark-primary-color a { color: var(--chrome-icon); } .card-block, .card-body { padding: 1.25rem 1.4rem; } .card-text { color: var(--gita-maroon); } .card-title { font-family: var(--gita-serif-head); color: var(--gita-wood); } /* List groups (chapter / essay lists on the home page) */ .list-group { border-radius: var(--gita-radius); overflow: hidden; } .list-group-item { position: relative; background: var(--gita-card); border: 0; border-bottom: 1px solid var(--gita-line); padding: 13px 18px 13px 22px; font-size: 1.05rem; transition: background-color .15s ease, padding-left .15s ease; } .list-group-item::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--gita-saffron), var(--gita-gold)); transform: scaleY(0); transform-origin: center; transition: transform .2s ease; } .list-group-item:last-child { border-bottom: 0; } .list-group-item:hover { background: var(--gita-parchment); padding-left: 28px; } .list-group-item:hover::before { transform: scaleY(1); } .list-group-item a { color: var(--gita-maroon); display: block; } .list-group-item a:hover { color: var(--gita-saffron); } /* ============================================================================ 6. Headings, bands & section titles used across pages ============================================================================ */ .Gita-Home-Heading, .Gita-Verse-Heading { font-family: var(--gita-serif-head); color: var(--gita-wood); text-align: center; padding: 14px 16px; margin: 0; width: 100%; } .Gita-Home-Heading { font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 600; } .Gita-Verse-Heading { font-size: clamp(1.3rem, 2.6vw, 1.7rem); font-weight: 600; } /* The old loud yellow/grey bands → calm parchment with a gold underline */ .light-primary-color { background: linear-gradient(180deg, var(--gita-parchment) 0%, var(--gita-ivory) 100%) !important; color: var(--gita-wood) !important; border-bottom: 2px solid var(--gita-line-gold); border-radius: var(--gita-radius-sm) var(--gita-radius-sm) 0 0; } .header-light { background: var(--gita-parchment) !important; color: var(--gita-wood) !important; border-left: 3px solid var(--gita-saffron); border-radius: 0 var(--gita-radius-sm) var(--gita-radius-sm) 0; padding: 10px 16px !important; text-align: left; } .default-primary-color { background: var(--gita-ochre) !important; } .Header { font-size: 1.15rem; text-align: center; color: var(--gita-maroon); } /* Generic muted/secondary text helpers (used by injected content) */ .secondary-text-color { color: var(--gita-ink-soft) !important; } .primary-text-color, .text-primary-color { color: var(--gita-maroon) !important; } .text-primary-anchor { color: var(--gita-saffron) !important; } /* ============================================================================ 7. Reading typography — essays & long prose ============================================================================ */ .ParaMargin { font-family: var(--gita-serif-body); font-size: 1.18rem; line-height: 1.85; margin: 0 auto; padding: 0 4px; max-width: var(--gita-maxread); text-align: left; text-indent: 0; } .ParaMargin p { margin-bottom: 1.15rem; } /* ---------------------------------------------------------------------------- Essays — Table of Contents (leader-dot list) #FirstSeries / #SecondSeriesPartOne / #SecondSeriesPartTwo are filled by Custom.js GetEssays() with rows of

    Chapter N - Title

    and

    **

    separators. Theme those into a calm, well-margined contents list with baseline leader dots. Presentation only — no markup, JS, or data-contract change. */ #FirstSeries, #SecondSeriesPartOne, #SecondSeriesPartTwo { max-width: none; /* use the card width — leader dots want room */ margin-left: 0; margin-right: 0; /* cancel Bootstrap .row negative side margins */ padding: .3rem clamp(.6rem, 2.5vw, 1.6rem) .6rem; /* the breathing room / margin */ } /* the "**" separators become invisible — each row carries its own hairline */ #FirstSeries > p.text-md-center, #SecondSeriesPartOne > p.text-md-center, #SecondSeriesPartTwo > p.text-md-center { display: none; } /* one chapter = one baseline-aligned leader row */ #FirstSeries > p, #SecondSeriesPartOne > p, #SecondSeriesPartTwo > p { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 .5rem; margin: 0; padding: .72rem .3rem; border-bottom: 1px solid var(--gita-line); color: var(--gita-maroon); line-height: 1.5; transition: background-color .15s ease; } #FirstSeries > p:last-child, #SecondSeriesPartOne > p:last-child, #SecondSeriesPartTwo > p:last-child { border-bottom: 0; } /* "Chapter I" label — small, quiet, lettered */ #FirstSeries > p > a:first-child, #SecondSeriesPartOne > p > a:first-child, #SecondSeriesPartTwo > p > a:first-child { flex: 0 0 auto; font-family: var(--gita-serif-head); font-size: .95rem; letter-spacing: .02em; color: var(--gita-ink-soft); white-space: nowrap; } /* title (the prominent part) — a in the first series */ #FirstSeries > p > span { font-size: 1.16rem; color: var(--gita-wood); } /* leader dots fill to the row's end, sitting on the text baseline */ #FirstSeries > p::after, #SecondSeriesPartOne > p::after, #SecondSeriesPartTwo > p::after { content: ""; flex: 1 1 28px; min-width: 22px; border-bottom: 1.6px dotted var(--gita-line-gold); transform: translateY(-.18em); } /* hover warms the row */ #FirstSeries > p:hover, #SecondSeriesPartOne > p:hover, #SecondSeriesPartTwo > p:hover { background: var(--gita-parchment); border-radius: 6px; } #FirstSeries > p:hover > a:first-child, #SecondSeriesPartOne > p:hover > a:first-child, #SecondSeriesPartTwo > p:hover > a:first-child { color: var(--gita-saffron); } /* phones — drop the dots so long titles don't strand them on their own line */ @media (max-width: 600px) { #FirstSeries > p::after, #SecondSeriesPartOne > p::after, #SecondSeriesPartTwo > p::after { display: none; } #FirstSeries > p, #SecondSeriesPartOne > p, #SecondSeriesPartTwo > p { padding: .6rem .2rem; gap: 0 .4rem; } } #BindEssay { text-align: justify; max-width: var(--gita-maxread); margin: 0 auto; } #BindEssay::first-letter { font-family: var(--gita-serif-head); font-size: 3.4rem; line-height: .8; float: left; padding: 6px 10px 0 0; color: var(--gita-saffron); } /* Bengali Writings excerpts (#BwBind) and full articles (#BindEssay): the stored HTML can carry inline light colours from the source editor that turn invisible on the parchment card. Force a readable colour on the prose; links and the Read-More button keep their own colours. */ #BwBind p, #BwBind p span:not(.pull-right), #BwBind p font, #BwBind p b, #BwBind p i, #BwBind p u, #BwBind p div, #BindEssay, #BindEssay p, #BindEssay span, #BindEssay font, #BindEssay b, #BindEssay i, #BindEssay u, #BindEssay div, #BindEssay li { color: var(--gita-maroon) !important; } /* Bengali Writings list layout (#BwBind): Custom.js injects a floated `span.Alphabet` wrapper holding nested Bootstrap `.row` blocks. The card has no padding and the stacked negative row margins (-15px each) drag the saffron heading band off the card's left edge — the leading letter was being clipped. Inset the list from the card edge and neutralise every nested margin so the headings and prose share one consistent left inset. */ #BwBind { margin-left: 0; margin-right: 0; padding: clamp(1.1rem, 3vw, 1.9rem) clamp(1rem, 3vw, 1.7rem); } #BwBind .Alphabet { float: none !important; display: block; width: 100%; } #BwBind > .Alphabet > .row, #BwBind > .row { margin-left: 0; margin-right: 0; margin-bottom: 2.2rem; } #BwBind > .Alphabet > .row:last-child, #BwBind > .row:last-child { margin-bottom: 0; } #BwBind .Gita-Home-Heading.header-light { margin: 0 0 1rem; } #BwBind p.text-justify { margin: 0 !important; line-height: 1.85; overflow: hidden; /* contain the floated Read-More button */ } #BwBind p.text-justify .pull-right { margin-top: .6rem; } .jumbotron { background: var(--gita-card); border: 1px solid var(--gita-line); border-radius: var(--gita-radius); box-shadow: var(--gita-shadow); padding: clamp(1.4rem, 4vw, 2.8rem); } .jumbotron p { font-family: var(--gita-serif-body); font-size: 1.15rem; line-height: 1.8; text-align: justify; } blockquote, .blockquote { background: var(--gita-parchment); border-left: 3px solid var(--gita-saffron) !important; border-radius: 0 var(--gita-radius-sm) var(--gita-radius-sm) 0; margin: 1.5rem 0; padding: 1rem 1.4rem; font-style: italic; color: var(--gita-maroon); } blockquote footer, .blockquote footer { font-style: normal; color: var(--gita-ink-soft); } .bq-warning { border-left-color: var(--gita-saffron) !important; } .bq-success { border-left-color: var(--gita-peacock) !important; } /* ============================================================================ 8. Sacred verse typography (Devanagari / IAST / translation) ============================================================================ */ .Sanskrit-Font, #originalVerse p, #AnvayaVerse p, #SandhiVerse p, #gitapradeep p { font-family: var(--gita-deva); font-size: clamp(1.4rem, 3.4vw, 1.9rem); line-height: 2.0; /* room for diacritics & matras */ color: var(--gita-wood); } #originalVerse { color: var(--gita-wood) !important; font-family: var(--gita-deva); text-align: center; font-weight: 500; padding: .5rem; } #originalVerse p { text-align: center; } .font-Readable { font-family: var(--gita-deva); font-size: clamp(1.25rem, 3vw, 1.6rem); line-height: 1.95; color: var(--gita-wood); } .transliteration { font-family: var(--gita-iast); color: var(--gita-ink-soft) !important; font-size: clamp(1.05rem, 2.2vw, 1.25rem); line-height: 1.7; text-align: center; padding: .35rem .5rem; } #TransVerse p { font-family: var(--gita-iast); font-size: 1.2rem; line-height: 1.7; } .OriginalVerse { color: var(--gita-wood) !important; } .OriginalVerse:hover { color: var(--gita-saffron) !important; } .word { font-size: 1.2rem; font-weight: 600; color: var(--gita-saffron); } .word.selected { background: var(--gita-gold-soft); color: var(--gita-wood); } .meaning { font-size: 1.1rem; color: var(--gita-maroon); } /* Verse panes that label themselves with an inner

    (Transliteration, Anvaya…) */ #TransVerse h3, #AnvayaVerse h3, #SandhiVerse h3, #sadescription h3 { font-family: var(--gita-serif-head); font-size: 1.15rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gita-saffron); border-bottom: 1px solid var(--gita-line-gold); padding-bottom: 6px; margin-bottom: 12px; } /* The "**" separators the JS emits → soft lotus glyph */ .text-md-center, .text-lg-center { text-align: center; } /* ============================================================================ 9. Verse-number chips (chapter outline grids) ============================================================================ */ .verseSmall { display: inline-block; float: none; width: auto; min-width: 84px; margin: 5px; text-align: center; vertical-align: top; } .verseSmall a { display: block; color: var(--gita-saffron) !important; background: var(--gita-parchment); border: 1px solid var(--gita-line-gold); border-radius: 999px; padding: 8px 10px !important; font-weight: 500; transition: background-color .15s ease, color .15s ease, transform .12s ease; } .verseSmall a:hover, .verseSmall:hover a { background: var(--gita-saffron) !important; color: #fff !important; transform: translateY(-1px); text-decoration: none; } .verseSmall:hover { background: transparent !important; } /* ============================================================================ 10. Forms & inputs ============================================================================ */ .form-control { box-sizing: border-box; border: 1px solid var(--gita-line-gold); border-radius: var(--gita-radius-sm); color: var(--gita-maroon); background: var(--gita-card); padding: .55rem .85rem; font-family: var(--gita-serif-body); } /* MDB forces box-sizing:content-box on .md-form inputs; combined with our padding that makes a width:100% input render WIDER than its container. That phantom horizontal overflow made the GreyWyvern on-screen keyboard hide itself (its position guard treats any overflowing ancestor as an off-screen scroll box). Force border-box so inputs fit — keeps every keyboardInput field usable. */ .md-form .form-control, .md-form input.form-control { box-sizing: border-box; } .form-control:focus { border-color: var(--gita-saffron); box-shadow: 0 0 0 .15rem rgba(201, 98, 46, .15); outline: none; } .md-form label { color: var(--gita-ink-soft); } .md-form input[type=text]:focus + label, .md-form input.form-control:focus + label { color: var(--gita-saffron); } .group label, fieldset label { color: var(--gita-maroon); } ::placeholder { color: var(--gita-ink-soft); opacity: .7; } /* Alerts / notices — calm parchment instead of loud bootstrap colors */ .alert { border-radius: var(--gita-radius-sm); border: 1px solid var(--gita-line-gold); color: var(--gita-maroon); } .alert-warning { background: #FBF1DC; border-color: var(--gita-line-gold); } .alert-success { background: #E7F0E9; border-color: rgba(0, 121, 107, .3); } .alert-danger { background: #F6E3DC; border-color: rgba(201, 98, 46, .4); color: #8A2B14; } .alert-info { background: var(--gita-parchment); border-color: var(--gita-line-gold); } /* ============================================================================ 11. Tables — readable & responsive ============================================================================ */ .table { color: var(--gita-maroon); background: var(--gita-card); } .table > thead > tr > th { background: var(--gita-parchment); color: var(--gita-wood); font-family: var(--gita-serif-head); border-bottom: 2px solid var(--gita-line-gold); font-weight: 600; } .table > tbody > tr > td, .table > tbody > tr > th { border-top: 1px solid var(--gita-line); vertical-align: middle; } .table-striped > tbody > tr:nth-of-type(odd) { background: rgba(245, 237, 224, .5); } .table-hover > tbody > tr:hover { background: var(--gita-parchment); } /* Any raw inside content scrolls instead of overflowing on small screens */ @media (max-width: 768px) { .card table, .ParaMargin table, .jumbotron table, #BindEssay table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } } /* ============================================================================ 12. Footer (embedded on the home page) ============================================================================ */ .page-footer { background: var(--gita-parchment) !important; border: 1px solid var(--gita-line); border-top: 3px solid var(--gita-gold); border-radius: var(--gita-radius); color: var(--gita-maroon) !important; /* beat MDB's footer.page-footer{color:#fff} */ margin-top: 2rem; padding: 1.5rem 0 1rem; } .page-footer p, .page-footer li, .page-footer span, .page-footer b { color: var(--gita-maroon); } .page-footer .title { font-family: var(--gita-serif-head); color: var(--gita-wood); font-size: 1.2rem; letter-spacing: .04em; } .page-footer a { color: var(--gita-saffron) !important; } .page-footer a:hover { color: var(--gita-ochre) !important; } /* ============================================================================ 13. Tags / chips / pagination / modal ============================================================================ */ #tags > span { background: var(--gita-saffron) !important; border-radius: 999px; } .RBlogs { border-left-color: var(--gita-saffron) !important; } .RABlogs { border-left-color: var(--gita-peacock) !important; } .BlogsTitle { color: var(--gita-wood) !important; font-family: var(--gita-serif-head); } .BlogsTitle:hover { color: var(--gita-saffron) !important; } .modal-content { border-radius: var(--gita-radius); border: 1px solid var(--gita-line); overflow: hidden; } .modal-header { background: var(--gita-parchment); border-bottom: 1px solid var(--gita-line); } .modal-title { font-family: var(--gita-serif-head); color: var(--gita-wood); } .modal-footer { background: var(--gita-ivory); border-top: 1px solid var(--gita-line); } .page-item.active .page-link, .bootpag .active { background: var(--gita-saffron) !important; border-color: var(--gita-saffron) !important; color:#fff !important; } /* nprogress loading bar in saffron */ #nprogress .bar { background: var(--gita-saffron) !important; } #nprogress .peg { box-shadow: 0 0 10px var(--gita-saffron), 0 0 5px var(--gita-saffron); } /* ============================================================================ 13b. Verse-index alphabet pickers (sqv / qvir / eqv / sid) ============================================================================ */ #LetterSqvi { text-align: center; line-height: 2.4; } /* Custom.js wraps the letter links inside a .Alphabet span (sometimes one wrapper for all of them, separated by " | "). Chip the links, and make the wrapper transparent so the literal "|" separators disappear. */ .Alphabet { display: inline !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; border-radius: 0 !important; color: transparent; /* hides the "|" separators between links */ float: none !important; } .Alphabet a { display: inline-block; padding: 6px 14px; margin: 4px; border: 1px solid var(--gita-line-gold); border-radius: 999px; background: var(--gita-parchment); color: var(--gita-saffron) !important; font-family: var(--gita-deva); font-size: 1.1rem; line-height: 1.4; cursor: pointer; text-decoration: none; transition: background-color .15s ease, color .15s ease, transform .12s ease; } .Alphabet a:hover, .Alphabet a.active { background: var(--gita-saffron); color: #fff !important; transform: translateY(-1px); text-decoration: none; } #bind-meaning { font-size: 1.1rem; } #bind-meaning .Sanskrit-Font, #bind-meaning .font-Readable { font-family: var(--gita-deva); } /* ============================================================================ 14. Ornamental dividers — utility classes for the views ============================================================================ */ .gita-divider { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 1.8rem auto; max-width: var(--gita-maxread); color: var(--gita-gold); } .gita-divider::before, .gita-divider::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--gita-line-gold), transparent); } .gita-divider .glyph { font-family: "Tiro Devanagari Sanskrit", "Noto Serif Devanagari", var(--gita-serif-head), sans-serif; font-size: 1.5rem; color: var(--gita-saffron); line-height: 1; } /* Section eyebrow above a heading */ .gita-eyebrow { display: block; text-align: center; font-family: var(--gita-serif-body); letter-spacing: .35em; text-transform: uppercase; font-size: .78rem; color: var(--gita-saffron); margin-bottom: .35rem; } /* A calm hero band for landing-type pages */ .gita-hero { text-align: center; padding: clamp(1.6rem, 5vw, 3rem) 1rem; } .gita-hero h1 { margin: 0 0 .4rem; } .gita-hero .gita-lead { font-size: clamp(1.05rem, 2.4vw, 1.3rem); color: var(--gita-ink-soft); max-width: 40rem; margin: 0 auto; } /* --- Unified page titles: every page heading reads like the hero ------------- A .gita-eyebrow immediately followed by a .Gita-Home-Heading marks a genuine page title. (Section headers injected by Custom.js have no eyebrow, so they keep their calm parchment band and are untouched.) We flatten whatever band or card is wrapped around the title and render it as one large, centered Cormorant line closed by a thin gold rule — identical in spirit to Memorable Lines. */ div:has(> .gita-eyebrow + .Gita-Home-Heading) { background: transparent !important; box-shadow: none !important; border: 0 !important; text-align: center; padding: clamp(1.4rem, 4vw, 2.6rem) 1rem clamp(.5rem, 2vw, 1rem) !important; margin: 0 0 .4rem !important; } .gita-eyebrow + .Gita-Home-Heading { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 .4rem !important; margin: 0 auto !important; color: var(--gita-wood) !important; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.14; } .gita-eyebrow + .Gita-Home-Heading::after { content: ""; display: block; width: 92px; height: 1px; margin: .8rem auto 0; background: linear-gradient(90deg, transparent, var(--gita-line-gold), transparent); } /* ============================================================================ 15. Helpers & small-screen safety ============================================================================ */ .center-on-small-only { text-align: center; } @media (max-width: 992px) { .pull-left, .pull-right { float: none !important; } } @media (max-width: 576px) { body { font-size: 1.02rem; } .card-block, .card-body { padding: 1rem; } .verseSmall { min-width: 72px; margin: 4px; } .ParaMargin { font-size: 1.1rem; } /* stacked footer columns get breathing room & lose vertical rules */ .page-footer [style*="border-right"], .page-footer [style*="border-left"] { border: 0 !important; } } /* Respect reduced-motion preferences */ @media (prefers-reduced-motion: reduce) { * { transition: none !important; } } /* ============================================================================ 15b. Richer cards — chapter cards, works cards, header trimmings ============================================================================ */ /* Card header: optional leading icon + a pill "View All" link */ .card-header .gita-head-icon { color: var(--gita-saffron); margin-right: 8px; } .card-header .pull-right a, .card-header .pull-right { font-size: .8rem; } .card-header .gita-viewall { display: inline-block; padding: 3px 12px; border-radius: 999px; border: 1px solid var(--gita-line-gold); color: var(--gita-saffron) !important; font-family: var(--gita-serif-body); letter-spacing: .04em; text-transform: uppercase; font-size: .72rem; transition: background-color .15s ease, color .15s ease; } .card-header .gita-viewall:hover { background: var(--gita-saffron); color: #fff !important; text-decoration: none; } /* Chapter cards (Chapters page) — the cover art is a complete title plate (CHAPTER n + Sanskrit heading + English subtitle are painted into the image), so it is shown WHOLE and never cropped: a blurred, dimmed copy fills the banner edge-to-edge while a contained sharp copy floats on top. The welcome invocation and English subtitle move to the calm card body below — readable and accessible. */ .gita-chapter-card { overflow: hidden; } .gita-chapter-banner { position: relative; height: clamp(225px, 34vw, 360px); overflow: hidden; background: var(--gita-parchment-2); border-radius: var(--gita-radius) var(--gita-radius) 0 0; } .gita-chapter-blur, .gita-chapter-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gita-chapter-blur { object-fit: cover; object-position: center; transform: scale(1.15); filter: blur(24px) saturate(1.08) brightness(0.94); opacity: 0.5; } .gita-chapter-bg { object-fit: contain; object-position: center; z-index: 1; filter: drop-shadow(0 10px 26px rgba(40, 24, 12, 0.28)); } .gita-chapter-banner::after { content: ""; position: absolute; inset: 0; z-index: 2; background: radial-gradient(125% 100% at 50% 45%, transparent 60%, rgba(40, 24, 12, 0.12) 100%); box-shadow: inset 0 -1px 0 var(--gita-line-gold); pointer-events: none; } .gita-chapter-badge { position: absolute; top: 14px; left: 14px; z-index: 3; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--gita-saffron); color: #fff; font-family: var(--gita-serif-head); font-size: 1.25rem; font-weight: 700; line-height: 1; box-shadow: 0 4px 12px rgba(201, 98, 46, 0.5); border: 2px solid rgba(255, 255, 255, 0.75); } /* Welcome invocation + English subtitle, now seated on the parchment body */ .gita-chapter-titles { text-align: center; margin: .2rem 0 .1rem; } .gita-chapter-welcome { color: var(--gita-maroon); margin: 0 0 .3rem; font-size: clamp(1.2rem, 2.7vw, 1.6rem); line-height: 1.55; } .gita-chapter-desc { color: var(--gita-ink-soft); margin: 0; font-family: var(--gita-serif-head); font-size: clamp(1.02rem, 2.1vw, 1.2rem); font-style: italic; line-height: 1.5; } /* "Other Source" dictionary popup — injected by Custom.js into a .div_dic.card. Its word/source header rows carry an inline #FFECB3 yellow; we override it (inline styles need !important) into a calm parchment chip with a saffron edge, and turn the "**" footer into a quiet lotus. */ .div_dic { border: 1px solid var(--gita-line-gold) !important; padding: 8px 6px 4px !important; } .div_dic > p:first-child { text-align: center; color: var(--gita-ink-soft); font-family: var(--gita-serif-head); font-size: 1.08rem; margin: .3rem .6rem .7rem; } .div_dic > p:first-child b { color: var(--gita-saffron); } .div_dic p[style*="FFECB3" i] { background: linear-gradient(180deg, var(--gita-parchment), var(--gita-card)) !important; color: var(--gita-wood) !important; border: 1px solid var(--gita-line-gold); border-left: 3px solid var(--gita-saffron); border-radius: var(--gita-radius-sm); padding: 10px 14px !important; margin: 10px !important; font-family: var(--gita-serif-head); } .div_dic p[style*="FFECB3" i] b { color: var(--gita-saffron); font-size: 1.12rem; } .div_dic p[style*="FFECB3" i] .pull-right { color: var(--gita-ink-soft); font-size: .82rem; font-family: var(--gita-serif-body); letter-spacing: .04em; } .div_dic p[style*="FFECB3" i] .pull-right b { color: var(--gita-maroon); font-size: .92rem; } .div_dic p[style*="FFECB3" i] + p { color: var(--gita-maroon); padding: 0 16px; margin: 0 0 .2rem; line-height: 1.7; } .div_dic p.text-md-center { color: transparent; position: relative; height: 1.1rem; margin: .1rem 0 1rem; } .div_dic p.text-md-center::after { content: "\2740"; color: var(--gita-gold); font-size: 1rem; position: absolute; left: 0; right: 0; top: 0; text-align: center; } .div_dic a { color: var(--gita-saffron); } .div_dic a:hover { color: var(--gita-ochre); } /* Works cards (saam) — equal-width row, equal-height, lift, centered media */ .gita-works { display: flex; flex-wrap: wrap; gap: 1.25rem; } .gita-works .card { flex: 1 1 240px; margin-bottom: 0; display: flex; flex-direction: column; } .gita-works .card .card-block:last-child { margin-top: auto; } .gita-works .card img { object-fit: cover; max-height: 200px; width: 100%; border-radius: calc(var(--gita-radius) - 1px) calc(var(--gita-radius) - 1px) 0 0; } /* ============================================================================ 15c. Blogs list — date chip, card padding, pagination ============================================================================ */ /* blog post cards (Custom.js emits .col-md-10.card with content directly inside) */ #BlogsDetail .card { padding: 1.3rem 1.6rem; margin-bottom: 1.8rem; } #BlogsDetail .card > h2 { font-family: var(--gita-serif-head); margin: .2rem 0 .5rem; line-height: 1.25; } #BlogsDetail .card > h2 > a.BlogsTitle { color: var(--gita-wood) !important; } #BlogsDetail .card > h2 > a.BlogsTitle:hover { color: var(--gita-saffron) !important; } #BlogsDetail .card > h6 { color: var(--gita-ink-soft); } #BlogsDetail .card p > a { color: var(--gita-saffron); } #BlogsDetail .card .fa-tags { color: var(--gita-saffron); margin-right: 6px; } #BlogsDetail img.img-fluid { border-radius: var(--gita-radius-sm); margin: .5rem auto; } /* clean date chip (replaces the old yellow calendar look), sized to its column */ #BlogsDetail .published_side_bar { padding: 0; } #BlogsDetail .holder { font-family: var(--gita-serif-body); width: 62px; } #BlogsDetail .month { width: 62px; height: auto; padding: 5px 0; margin: 0; background: var(--gita-saffron) !important; border: 0; box-shadow: none; border-radius: var(--gita-radius-sm) var(--gita-radius-sm) 0 0; } #BlogsDetail .month p { color: #fff !important; font-size: 11px; font-weight: 600; margin: 0; border: 0; padding: 0; letter-spacing: .04em; } #BlogsDetail .day { width: 62px; height: auto; padding: 4px 0 6px; margin: 0; background: var(--gita-card); border: 1px solid var(--gita-line-gold); border-top: 0; border-radius: 0 0 var(--gita-radius-sm) var(--gita-radius-sm); box-shadow: var(--gita-shadow); } #BlogsDetail .day p { color: var(--gita-saffron); font-size: 26px; font-weight: 700; margin: 0; text-shadow: none; } /* pagination (bootpag) themed to the palette */ .page-selection, .page-selection-bottom { display: flex; justify-content: center; } .pagination { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px; padding-left: 0; margin: .5rem 0; list-style: none; } .pagination > li { list-style: none; } .pagination > li > a, .pagination > li > span { color: var(--gita-saffron); background: var(--gita-card); border: 1px solid var(--gita-line-gold); font-family: var(--gita-serif-body); } .pagination > li > a:hover { background: var(--gita-parchment); color: var(--gita-ochre); } .pagination > li.active > a, .pagination > li.active > span, .pagination > .active > a { background: var(--gita-saffron) !important; border-color: var(--gita-saffron) !important; color: #fff !important; } /* blogs sidebar (Authors / Series) */ #BindDetailAuthors { padding: .4rem 1.1rem 1rem; } #BindDetailAuthors h2, #BindDetailAuthors h3 { font-family: var(--gita-serif-head); text-align: center; border-bottom: 1px solid var(--gita-line-gold); padding-bottom: 8px; margin-top: 1rem; } #BindDetailAuthors a { color: var(--gita-maroon); display: block; padding: 7px 4px; border-bottom: 1px solid var(--gita-line); } #BindDetailAuthors a:hover { color: var(--gita-saffron); padding-left: 8px; } /* ============================================================================ 16. Theme toggle (light / dark reading modes) ============================================================================ */ .gita-theme-toggle { -webkit-appearance: none; appearance: none; background: transparent; border: 1px solid var(--gita-line-gold); color: var(--chrome-icon); border-radius: 999px; width: 40px; height: 40px; min-width: 40px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 1.05rem; padding: 0; transition: background-color .2s ease, color .2s ease, transform .15s ease; } .gita-theme-toggle:hover { background: var(--chrome-hover); color: var(--chrome-fg-strong); } .gita-theme-toggle:active { transform: scale(.94); } .gita-theme-toggle .gita-theme-label { display: none; } /* show moon in light mode (→ switch to dark), sun in dark mode (→ switch to light) */ .gita-theme-toggle .fa-sun-o { display: none; } .gita-theme-toggle .fa-moon-o { display: inline; } html[data-theme="dark"] .gita-theme-toggle .fa-moon-o { display: none; } html[data-theme="dark"] .gita-theme-toggle .fa-sun-o { display: inline; } .navbar-desktop .gita-theme-toggle { margin: 9px 4px 9px 8px; vertical-align: middle; } /* mobile: a labelled full-width control inside the drawer */ .side-nav .gita-theme-toggle { width: auto; height: 42px; border-radius: 999px; padding: 0 18px; gap: 10px; margin: 12px 22px; color: var(--chrome-fg) !important; } .side-nav .gita-theme-toggle .gita-theme-label { display: inline; font-family: var(--gita-serif-body); font-size: 1rem; } /* ============================================================================ 17. Recitation player — elegant custom skin over the native