/* Minification failed. Returning unminified contents. (176,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (246,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (275,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (284,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (305,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (361,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (438,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (478,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (484,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (487,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (494,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (503,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (504,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (526,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (542,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (581,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (605,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (632,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (649,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (876,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (889,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (903,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (921,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1022,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (1035,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (1038,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (1047,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (1066,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1098,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1251,16): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width' (1252,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height' (1285,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (1385,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (1546,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1548,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size' (1564,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def' (1565,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1582,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color' (1586,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue' (1586,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation' (1586,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness' (1608,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1611,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1686,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout' (1686,57): run-time error CSS1039: Token not allowed after unary operator: '-border-layout' (1696,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1702,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout' (1702,55): run-time error CSS1039: Token not allowed after unary operator: '-border-layout' (1796,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (1803,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1808,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (1840,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1876,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (1910,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1912,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1918,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1986,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2007,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2025,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2082,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2116,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2122,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2129,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (2209,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2211,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2254,23): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow' (2256,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2261,23): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow' (2274,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default' (2428,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2442,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2487,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2492,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2510,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2538,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2563,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2573,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2579,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-msgbubble-boxshadow' (2622,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2700,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2704,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2741,16): run-time error CSS1038: Expected hex color, found '#ffff' (2806,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2810,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2833,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2834,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2845,40): run-time error CSS1046: Expect comma, found '72' (2845,46): run-time error CSS1046: Expect comma, found '/' (2937,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3076,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3215,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3231,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3313,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3564,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3621,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (3644,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (3752,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (3789,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font' (3819,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font' (3860,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3890,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3929,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (3990,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4007,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (4020,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (4024,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4028,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (4034,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4129,39): run-time error CSS1046: Expect comma, found '0' (4129,43): run-time error CSS1046: Expect comma, found '/' (4175,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4204,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (4226,45): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color' (4226,82): run-time error CSS1046: Expect comma, found '158' (4226,90): run-time error CSS1046: Expect comma, found '/' (4226,110): run-time error CSS1046: Expect comma, found '255' (4226,118): run-time error CSS1046: Expect comma, found '/' (4243,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (4253,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (4258,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4268,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4274,28): run-time error CSS1039: Token not allowed after unary operator: '-video-sidebar-bg-color' (4276,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (4278,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1' (4673,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5010,20): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width' (5042,40): run-time error CSS1046: Expect comma, found '0' (5042,44): run-time error CSS1046: Expect comma, found '/' (5401,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5408,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5442,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5465,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5479,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5482,36): run-time error CSS1046: Expect comma, found '55' (5482,42): run-time error CSS1046: Expect comma, found '/' (5482,70): run-time error CSS1046: Expect comma, found '113' (5482,78): run-time error CSS1046: Expect comma, found '/' (5500,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5504,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5509,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5522,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5530,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5565,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5583,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5613,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5623,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5640,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5658,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5696,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5716,40): run-time error CSS1046: Expect comma, found '45' (5716,46): run-time error CSS1046: Expect comma, found '/' (5781,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (5789,40): run-time error CSS1046: Expect comma, found '45' (5789,46): run-time error CSS1046: Expect comma, found '/' (5813,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5831,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5836,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6039,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6061,42): run-time error CSS1046: Expect comma, found '255' (6061,50): run-time error CSS1046: Expect comma, found '/' (6271,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6290,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6321,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6336,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6344,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6400,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6428,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6436,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6471,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6480,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6488,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6516,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6544,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6605,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6611,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6834,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6851,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (6901,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6907,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6942,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6952,41): run-time error CSS1046: Expect comma, found '255' (6952,49): run-time error CSS1046: Expect comma, found '/' (6952,62): run-time error CSS1046: Expect comma, found '0' (6952,66): run-time error CSS1046: Expect comma, found '/' (6981,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7034,36): run-time error CSS1046: Expect comma, found '0' (7034,40): run-time error CSS1046: Expect comma, found '/' (7391,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7397,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (7419,27): run-time error CSS1038: Expected hex color, found '#ffff' (7430,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7440,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7445,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7488,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (7496,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color' (7544,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (7548,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (7574,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7595,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7611,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7772,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7793,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7802,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7816,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (7821,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (7825,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7839,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7846,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7847,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7915,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7949,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (7956,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8032,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8036,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8045,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8116,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8121,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8350,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8602,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (8608,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8633,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color' (8641,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8663,30): run-time error CSS1046: Expect comma, found '0' (8663,34): run-time error CSS1046: Expect comma, found '/' (8664,34): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (8702,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8708,28): run-time error CSS1038: Expected hex color, found '#0000' (8709,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8834,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8856,28): run-time error CSS1038: Expected hex color, found '#0000' (8857,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8886,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default' (8892,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (8901,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (8915,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (9123,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-soundscape-color' (9124,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-soundscape-border-color' (9125,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-soundscape-border-color' (9129,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-soundscape-border-color' (9130,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9160,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2' (9164,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default' (9165,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border' (9174,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2' (9178,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color' (9179,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2' (9183,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color' (9184,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark' (9185,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3' (9189,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color' (9190,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark' (9191,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3' (9195,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark' (9196,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2' (9200,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1' (9201,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border' (9205,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border' (9209,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2' (9210,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (9214,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2' (9218,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default' (9222,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default' (9226,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color' (9245,38): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1' (9273,56): run-time error CSS1046: Expect comma, found '246' (9273,64): run-time error CSS1046: Expect comma, found '/' (9300,55): run-time error CSS1046: Expect comma, found '20' (9300,61): run-time error CSS1046: Expect comma, found '/' (9375,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font' (9376,36): run-time error CSS1046: Expect comma, found '0' (9376,40): run-time error CSS1046: Expect comma, found '/' (9383,36): run-time error CSS1046: Expect comma, found '0' (9383,40): run-time error CSS1046: Expect comma, found '/' (9387,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow' (9391,30): run-time error CSS1046: Expect comma, found '17' (9391,36): run-time error CSS1046: Expect comma, found '/' (9397,30): run-time error CSS1046: Expect comma, found '60' (9397,36): run-time error CSS1046: Expect comma, found '/' (9413,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9414,36): run-time error CSS1046: Expect comma, found '0' (9414,40): run-time error CSS1046: Expect comma, found '/' (9434,28): run-time error CSS1039: Token not allowed after unary operator: '-video-topnav-bg-color' (9495,30): run-time error CSS1046: Expect comma, found '98' (9495,36): run-time error CSS1046: Expect comma, found '/' (9512,20): run-time error CSS1046: Expect comma, found '255' (9512,28): run-time error CSS1046: Expect comma, found '/' (9529,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (9533,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-bg-color' (9534,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9536,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-bg-color' (9540,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color' (9555,31): run-time error CSS1046: Expect comma, found '236' (9555,38): run-time error CSS1046: Expect comma, found ')' (9581,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-bg-color' (9582,18): run-time error CSS1046: Expect comma, found '18' (9582,23): run-time error CSS1046: Expect comma, found ')' (9583,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-bg-color' (9588,18): run-time error CSS1046: Expect comma, found '18' (9588,23): run-time error CSS1046: Expect comma, found ')' (9593,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1' (9597,17): run-time error CSS1039: Token not allowed after unary operator: '-text-white' (9699,24): run-time error CSS1039: Token not allowed after unary operator: '-text-white' (9704,17): run-time error CSS1039: Token not allowed after unary operator: '-text-white' (9802,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (9835,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9843,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9886,58): run-time error CSS1046: Expect comma, found '246' (9886,66): run-time error CSS1046: Expect comma, found '/' (9891,57): run-time error CSS1046: Expect comma, found '246' (9891,65): run-time error CSS1046: Expect comma, found '/' (9895,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (9899,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (9942,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9953,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9955,22): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color' (9956,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (9981,30): run-time error CSS1046: Expect comma, found '98' (9981,36): run-time error CSS1046: Expect comma, found '/' (9985,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color' */ /*css form oc*/ .cus-conatiner-learn { max-width: 1380px; margin: 0 auto; padding: 0 15px; } @media only screen and (max-width: 1500px) { .cus-conatiner-learn { max-width: 90%; } } @media only screen and (max-width: 1100px) { .cus-conatiner-learn { max-width: 100%; padding: 0 30px; } } @media only screen and (max-width: 767px) { .cus-conatiner-learn { padding: 0 15px; } } .oc-main-wrapper { overflow: hidden; min-height: 950px; position: relative; margin-top: 45px; padding-top: 15px; } .oc-main-wrapper section.fx-grid-component, .lpl-container { max-width: 1380px; margin: 0 auto; padding: 0 15px; } @media only screen and (max-width: 1500px) { .oc-main-wrapper section.fx-grid-component, .lpl-container { max-width: 90%; } } @media only screen and (max-width: 1100px) { .oc-main-wrapper section.fx-grid-component, .lpl-container { max-width: 860px; } } @media only screen and (max-width: 960px) { .oc-main-wrapper section.fx-grid-component, .lpl-container { max-width: 650px; } } /*css for learn placeholder loader*/ .learn-placeholder-loader .body-content-wrapper { margin-bottom: 15px; margin-top: 15px; margin: -20px; overflow: hidden; border-radius: 12px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .learn-placeholder-loader .body-content-wrapper .content-shape-dg:first-child .image-placeholder:first-child { width: 100%; height: 160px; margin-top: 0; } .learn-placeholder-loader .placeload .learn-name .image-placeholder { margin-top: 38px; height: 11px; } .learn-placeholder-loader .placeholder-image-wrapper { margin-top: 15px; display: grid; align-items: center; grid-template-columns: 65%; grid-gap: 25px; } .learn-placeholder-loader .placeholder-image-wrapper .placeholder-learn-image .image-placeholder:nth-child(2) { width: 70%; } .learn-placeholder-loader .placeholder-image-wrapper .placeholder-learn-image .image-placeholder:nth-child(3) { width: 30%; } .learn-placeholder-loader .placeholder-image-wrapper .img-pal-learn { width: 70px; height: 70px; border-radius: 50%; } @media(max-width: 1200px) { .learn-placeholder-loader .dg-placeload-row .lp-cards:nth-child(1) { display: none; } } @media(max-width: 960px) { .learn-placeholder-loader .dg-placeload-row .lp-cards:nth-child(-n+2) { display: none; } } @media(max-width: 767px) { .learn-placeholder-loader .dg-placeload-row .lp-cards:nth-child(-n+3) { display: none; } } .oic-banner-hero .cus-conatiner-learn { width: 100%; } main.oc-main-wrapper::after { content: ''; display: table; clear: both; } .oc-4x-grid-innerwrapper { position: relative; } .oc-4x-grid-innerwrapper { position: relative; width: 100%; background: #d0c9c9; border-radius: 10px; overflow: hidden; max-height: 175px; } .oc-hover-content .oc-4x-grid-innerwrapper { border: 1px solid rgba(46, 186, 191, 0.611764705882353); border-bottom: 0; border-radius: 10px; max-height: 134px; overflow: hidden; } .oc-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; width: 100%; padding: 0 15px; } .before-hover-text { margin-bottom: 10px; } .header-oc { width: 100%; align-items: center; } .header-oc p { color: var(--on-primary-color); font-size: 16px; line-height: 25px; margin: 15px 0 10px; max-width: 85%; } .oc-slider-control { display: flex; align-items: center; justify-content: space-between; } .oc-content h5 { font-size: 15px; font-weight: 500; margin: 0; margin-bottom: 3px; } .oc-content p { margin: 0; font-size: 13px; } .oc-hover-content .oc-content h5 { font-size: 13px; font-weight: 500; margin: 0; margin-bottom: 3px; } .oc-hover-content .oc-content p { margin-bottom: 4px; font-size: 11px; } .oc-4x-grid-innerwrapper:hover .after-hover-text { opacity: 1; visibility: visible; } .oc-progress { margin-bottom: 22px; max-width: 160px; margin-left: auto; margin-right: auto; } .oc-progress p { font-size: 12px; margin-bottom: 4px; font-weight: 400; } .oc-view-btn { font-size: 12px; color: #fff; background-color: rgba(46, 186, 191, 0.88); box-shadow: none; border: 2px solid rgba(46, 186, 191, 0.88); border-radius: 25px; padding: 2px 8px; font-weight: 500; min-width: 103px; transition: all .3s; } .oc-view-btn:hover { background-color: #ffffff; color: var(--primary-color); border: 2px solid #ffffff; } /*.oc-video-duration { position: absolute; bottom: 0; left: 0; background-color: #000; color: #fff; padding: 5px; padding: 1px 6px; line-height: 16px; transition: all .3s; min-width: 75px; }*/ .oic-image-bottom-content { text-align: left; width: 100%; padding: 15px 0; padding-left: 6px; } .oc-hover-content .oic-image-bottom-content { display: none; } .oic-image-bottom-content .before-hover-text h5 { color: var(--primary-color); font-weight: 600; font-size: 0.93rem; min-height: 40.8px; line-height: 20px; margin-top: 0; } .oic-image-bottom-content .oc-pract h5 { color: var(--on-primary-color); font-weight: 600; } .oic-image-bottom-content .oc-pract label { font-size: 12px; } .oic-image-bottom-content .oc-pract-name { grid-gap: 2.5px; } .oc-hover-content .oc-video-duration { opacity: 0; visibility: hidden; } .oc-grid-msg-thumb { text-align: center; margin-top: 10px; color: var(--primary-color); display: grid; grid-template-columns: repeat(3, max-content); grid-gap: 10px; align-items: center; justify-content: center; } .oc-grid-msg-thumb label { color: inherit; margin-bottom: 0 !important; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .oc-grid-msg-thumb span { display: inline-block; padding-right: 5px; font-size: 12px; color: #848484; } .thumb-msg span { padding-left: 5px; padding-right: 0; } .hr-line-default { background-color: #EBEBEB; } .hr-line-trans { background-color: #EBEBEB; height: 100%; width: 1px; } .oc-grid-msg-thumb img { max-width: 12px; } .fx-grid-component .overlay-hc-moadalities { background-color: rgba(0, 0, 0, 0); box-shadow: none; border-radius: 6px; } .progress-lession { height: 4px; background-color: #fff; } .bg-success-lession { background-color: var(--primary-color); } .oc-4x-grid-slider { margin-bottom: 25px; } .oc-main-wrapper .slick-slider .slick-track { padding: 0 0px 25px; } .oc-main-wrapper .slick-slide { text-align: center; margin-right: 20px; margin-left: 20px; } .oc-wrapper-mid { /*box-shadow: var(--default-shadow);*/ border-radius: 10px; position: relative; height: 100%; /*background-color: var(--card-bg-color);*/ margin: 15px 0px; overflow: hidden; min-height: 300px; } .oc-modules-top-tag { display: none; } .oc-slider-control .slick-arrow img { max-width: 16px; } .oc-slider-control .slick-arrow span { display: inline-block; font-size: 16px; color: #848484; line-height: 15px; } .oc-slider-control .slick-arrow.slick-disabled { opacity: 0.5; cursor: default; } .oc-slider-control .prev { margin-right: 30px; } .oc-slider-control .prev img { margin-right: 10px; } .oc-slider-control .next img { margin-left: 10px; } .oc-slider-control .slick-arrow { cursor: pointer; } .icons-like-msg { width: 14px; height: 14px; display: inline-block; } .oc-grid-msg-thumb svg.icon { fill: #848484; } .active-oc-wrapper svg.icon { fill: var(--primary-color); } .oc-grid-content { display: none; padding: 10px; } .oc-hover-content .oc-grid-content { display: block; position: absolute; top: 95%; left: 0; font-size: 13px; padding: 7px; min-height: initial; background-color: #fff; border: 1px solid rgba(46, 186, 191, 0.6); border-radius: 0px 0px 10px 10px; border-top: 0; box-shadow: 0px 3px 5px rgba(0,0,0,0.2); } .oc-hover-content .oc-pract-name { grid-gap: 1px; } .oc-grid-content-footer { display: flex; align-items: center; justify-content: space-between; } .oc-save-btn { box-shadow: none; border: 0; background: no-repeat; display: grid; grid-template-columns: max-content max-content; grid-gap: 5px; color: var(--primary-color); font-size: 10px; font-weight: 600; } .oc-save-btn svg { fill: var(--primary-color); width: 10px; stroke-width: 4px; stroke: var(--primary-color); } .play-oc-course { display: grid; grid-template-columns: repeat(2, max-content); align-items: center; color: var(--on-primary-color); grid-gap: 5px; font-size: 10px; margin-bottom: 0 !important; cursor: pointer; } .play-oc-course svg { width: 13px; fill: var(--primary-color); stroke: var(--primary-color); stroke-width: 22px; } .oc-time-info { display: grid; grid-template-columns: repeat(5, max-content); align-items: center; grid-gap: 10px; margin-bottom: 0 !important; } label.oc-time-info span { font-size: 10px; } .oc-dot { height: 17.5px; font-weight: 700; } .active-oc-wrapper .oc-grid-msg-thumb span { color: var(--primary-color); } .slick-list.draggable.oic-zindex-content { z-index: 999; } .time-changes-section .slick-list.draggable { z-index: 100; } .mindfulness-section .slick-list.draggable { z-index: 101; } .oc-content-head { color: var(--primary-color); margin-bottom: 0; line-height: 17px; font-weight: 700; padding: 0 !important; font-size: 12px; text-align: left; margin-bottom: 4px; margin-top: 0px; } .oc-pract { display: flex; justify-content: flex-start; align-items: center; margin: 7px 0; } .oc-pract img { border-radius: 50%; width: 90px !important; height: 90px; } .oc-pract-cd { display: flex; justify-content: flex-start; align-items: center; margin: 7px 0; } .oc-pract-cd img { border-radius: 50%; width: 65px !important; height: 65px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); } .oc-pract-cd h5 { color: var(--on-primary-color); line-height: 16px; font-weight: 600; padding: 0 !important; font-size: 15px; margin: 0; margin-bottom: 0px; } .oc-pract-cd .oc-pract-name { padding-left: 0px; } .oc-pract-cd .learn-oc-desc { min-height: initial; } .oic-image-bottom-content .oc-pract-name { grid-gap: 5px; } .oc-pract-cd label { font-size: 13px; line-height: 14px; color: var(--on-primary-color); font-weight: 400; margin: 0; margin-bottom: 0 !important; } .ncd-profile-top-wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .oc-pract-name { display: grid; align-items: center; justify-content: flex-start; text-align: left; grid-gap: 4px; padding-left: 18px; } .learn-explore-wrapper .oc-pract-name { padding-left: 0; } .oc-pract h5 { color: var(--primary-color); margin-bottom: 0; line-height: 16px; font-weight: 600; padding: 0 !important; font-size: 16px; margin: 0; } .oic-check-points .tick { position: absolute; left: 0; } .oc-pract label { font-size: 9px; line-height: 14px; color: var(--on-primary-color); font-weight: 400; margin: 0; margin-bottom: 0 !important; } .oic-buy-course-wrapper .oc-pract label { font-size: 11px; } .oc-hover-paratext { font-size: 9px; line-height: 14px; text-align: left; color: #7d7d7d; margin-bottom: 5px; } .oic-check-points { display: grid; grid-template-columns: repeat(2, minmax(300px, 1fr)); grid-gap: 14px; } .learn-slider { position: relative; } .learn-slider .slick-track { margin-left: inherit; } .learn-slider-inner-wrapper { position: relative; } .learn-slider-inner-wrapper .prev-ctrl { left: -55px; z-index: 99; } .learn-slider-inner-wrapper .next-ctrl { right: -55px; z-index: 99; } .learn-slider-inner-wrapper .slick-dots { bottom: 60px; } .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { width: 100%; min-height: 150px; max-height: 150px; border-radius: 6px; object-fit: cover; } @media only screen and (max-width: 1500px) { .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { min-height: 135px; max-height: 135px; } } @media only screen and (max-width: 1400px) { .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { min-height: 125px; max-height: 125px; } } @media only screen and (max-width: 1000px) { .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { min-height: 145px; max-height: 145px; } } @media only screen and (max-width: 899px) { .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { min-height: 150px; max-height: 150px; } } @media only screen and (max-width: 767px) { .header-oc h3 { text-align: center; margin-left: 15px; } .oc-slider-control .slick-arrow span { display: none; } .oc-4x-grid-innerwrapper { max-height: 180px; } .learn-slider-inner-wrapper .oc-4x-grid-innerwrapper img.img-arange-slider { min-height: 160px; max-height: 160px; } } .oic-points { margin-bottom: 75px; } .oic-course-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .oic-course-content-wrapper { flex-direction: column-reverse; } .oc-content-block { padding-top: 24px; padding-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .oci-content-block-inner { display: grid; grid-template-columns: 67% 1fr; align-items: flex-start; grid-gap: 55px; margin-top: 25px; } .oci-content-block-inner-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0; border: none; width: 100%; position: relative; } .oci-content-block-inner-overlay { position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; } .oci-content-block-inner-icon-container, .oc-view-btn, .noc-course-related-btn { display: flex; align-items: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); white-space: nowrap; width: 60px; height: 60px; text-align: center; border-radius: 50%; justify-content: center; } .oci-content-block-inner-icon-container-play-icon { position: relative; left: 4px; top: 3px; } .oc-btn-btn-modifier { min-width: initial; } .oci-content-block-inner-icon-container-play-icon svg { width: 27px; height: 27px; fill: #fff; } .oci-thumbnails { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.15); -webkit-transition: -webkit-box-shadow 83ms; transition: -webkit-box-shadow 83ms; transition: box-shadow 83ms; transition: box-shadow 83ms, -webkit-box-shadow 83ms; border-radius: 5px; min-height: 508px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .oci-thumbnails-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .oci-thumbnails-inner-image { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; /*align-items: center;*/ overflow: hidden; background-color: var(--card-bg-color); border-radius: 13px; } .oci-thumbnails-inner-image img { width: 100%; object-fit: cover; border-radius: 2px; } .oic-course-header-head { font-size: 21px; font-weight: 400; color: var(--primary-color); line-height: 27px; cursor: default; pointer-events: none; margin-bottom: 5px; display: inline-block; } .oic-course-header-head:hover { color: #05a9af; } .oic-course-header-wrapper .oc-time-info span { font-size: 14px; color: var(--on-primary-color); font-weight: 400; } .ncd-subs-start-btn { display: flex; flex-direction: column; align-items: center; margin-bottom: 15px; } .ncd-enroll .tags { margin-left: 5px; } .oci-viewers { font-size: 14px; font-weight: 500; color: var(--on-primary-color); margin-bottom: 8px !important; margin-top: 3px; } .oic-course-header-wrapper .oc-dot { font-weight: 700; vertical-align: text-top; height: initial; color: var(--primary-color) !important; font-size: 25px !important; line-height: 8px; display: inline-block; margin-left: 5px; margin-right: 5px; } .ncd-enroll span:first-child { margin-left: 0; } .oic-course-header-wrapper .oc-time-info { grid-gap: 10px; grid-template-columns: auto; } .lls-card-entity-type, .lls-card-meta-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; } .lls-card-meta-list li { overflow: hidden; margin-right: 4px; } .course-info__social-annotations-action { text-decoration: none; font-weight: 600; background-color: transparent; color: #0073b1; border: none; } .oic-like-course-btn { text-decoration: none; font-weight: 600; background-color: transparent; color: #0073b1; border: none; cursor: default; padding: 0; } .oic-profile-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; text-align: left; } .oic-preview { color: #fff; } oic-like-course { } .oic-profile-image-inner { font-size: 0; margin-right: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .oic-profile-image-inner svg { width: 30px; height: 30px; fill: #b9c0c0; border: 1px solid #fff; border-radius: 50%; } .oic-profile-image-inner svg:nth-of-type(1n+2) { margin-left: -11px; } .oic-members-likers { color: var(--on-primary-color); font-weight: 400; font-size: 14px; } .oic-buy-course-wrapper-fdc { text-align: center; display: flex; flex-direction: column; justify-content: center; } .box-shadow-learn { box-shadow: var(--default-shadow); border-radius: 13px; padding: 20px; background-color: var(--card-bg-color); position: relative; } .oic-buy-course-wrapper { border-radius: 5px; padding: 15px; text-align: center; margin-top: 40px; background-color: var(--card-bg-color); } .oic-buy-course-btn { width: 100%; Padding: 8px 20px; } .oic-share-course { box-shadow: none; border: navajowhite; background: none; display: flex; align-items: center; justify-content: center; width: 100%; } button.oic-share-course:hover { color: var(--primary-color); } .oic-hr-line { margin: 15px -15px 14px; border-color: #ddd; } .oic-share-course svg { margin-right: 11px; } .oic-aisde-points h5 { font-size: 17px; } .oic-aisde-points label { font-size: 15px; } .oic-check-points .para-text { position: relative; padding-left: 30px; font-weight: 400; font-size: 14px; } h5.oic-instructor { font-size: 22px; margin-top: 10px; margin-bottom: 15px; color: var(--primary-color); font-weight: 600; width: 100%; text-align: left; } .oic-aisde-points .oc-pract img { border-radius: 50%; width: 70px !important; height: 70px; } .what-you-will-learn { font-size: 22px; color: var(--primary-color); font-weight: 600; margin-bottom: 15px; margin-top: 0px; } .online-course-learn-wrapper-image img { position: relative; left: -4px; } @media only screen and (max-width: 767px) { .oci-viewers { font-size: 13px; font-weight: 500; margin-bottom: 6px !important; margin-top: 0px; } .oic-course-content-wrapper { flex-direction: column; } .oci-content-block-inner-btn { width: 100%; margin-right: 0; margin-bottom: 12px; } .oc-subs-plan-head .vr-line-profile { width: .5px; } .oc-subscription-section .main-head-steps-sp { margin: 28px auto 22px; } .oic-check-points { display: grid; grid-template-columns: 100%; grid-gap: 14px; } .oic-course-header-wrapper .oc-time-info { grid-gap: 8px; } .oic-course-header-wrapper .oc-time-info span { font-size: 13px; } } /*css form oc-inside page*/ @keyframes swing { 0% { transform: rotate(0deg); } 10% { transform: rotate(10deg); } 30% { transform: rotate(0deg); } 40% { transform: rotate(-10deg); } 50% { transform: rotate(0deg); } 60% { transform: rotate(5deg); } 70% { transform: rotate(0deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes sonar { 0% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #close-sidebar, .oic-video-main-wrapper, .oic-main-wrapper-fixed { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*----------------page-wrapper----------------*/ .page-wrapper .theme { width: 40px; height: 40px; display: inline-block; border-radius: 4px; margin: 2px; } /*----------------toggeled sidebar----------------*/ .page-wrapper.toggled .sidebar-wrapper { left: var(--custom-sidebar-width); top: var(--nav-min-height); } @media screen and (min-width: 768px) { .page-wrapper.toggled .page-content { padding-left: 350px; } .explore-navtabs img { display: none; } .learn-list-instr .ncd-enroll br { display: none; } .oic-banner-hero__title br { display: none; } } /*----------------show sidebar button----------------*/ .show-sidebar-oicv { width: 100%; position: absolute; left: 0; top: 0; border-radius: 0; transition-delay: 0.3s; padding: 0; min-width: inherit; z-index: 15; background-color: transparent; color: var(--white-color); border-left: 0; border-right: 0; opacity: 1; visibility: visible; } .show-side-bar-inner .vr-line-profile { border: 0px solid rgba(255, 255, 255, 0.3); margin: 0 10px; } .page-wrapper.toggled .show-sidebar-oicv { opacity: 1; visibility: visible; } .page-wrapper.toggled .sidebar-more-content, .page-wrapper.toggled .show-side-bar-inner .vr-line-profile { display: none; } .page-wrapper.toggled .sidebar-video-info { padding: 6px 15px; } .show-side-bar-inner { width: 100%; display: flex; align-items: center; justify-content: space-between; } .sidebar-more-content { display: flex; padding: 6px 15px; cursor: pointer; align-items: center; color: #fff; } .sidebar-video-info-label { color: #fff; margin-bottom: 0 !important; font-weight: 400; } .page-wrapper.oci-video-page.toggled .icon-open-more { display: none; } .show-sidebar-oicv .icon-open-more { width: 18px; height: 20px; display: inline-block; margin-right: 5px; fill: #fff; } .icon-open-oic { width: 20px; height: 20px; } /*----------------sidebar-wrapper----------------*/ .sidebar-wrapper { z-index: 999; overflow-y: auto; } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0; } .sidebar-wrapper a { text-decoration: none; } /*----------------sidebar-content----------------*/ .sidebar-content { position: relative; height: 100%; } .sidebar-content.desktop { overflow-y: hidden; } /*--------------------sidebar-brand----------------------*/ .sidebar-wrapper .sidebar-brand { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem; } .video-container-learn-course .sidebar-wrapper li.sidebar-dropdown.active a { background-color: var(--card-bg-color); } .sidebar-wrapper .sidebar-brand > a { font-weight: bold; display: grid; grid-template-columns: repeat(2, max-content); grid-gap: 6px; } .sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; height: 20px; } .icon-open-more { width: 18px; height: 20px; display: inline-block; margin-right: 5px; } /*--------------------sidebar-header----------------------*/ .sidebar-wrapper .sidebar-header { padding: 20px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic img { object-fit: cover; height: 100%; width: 100%; } .sidebar-wrapper .sidebar-header .user-info { float: left; } .sidebar-wrapper .sidebar-header .user-info > span { display: block; } .sidebar-wrapper .sidebar-header .user-info .user-role { font-size: 12px; } .sidebar-wrapper .sidebar-header .user-info .user-status { font-size: 11px; margin-top: 4px; } .sidebar-wrapper .sidebar-header .user-info .user-status i { font-size: 8px; margin-right: 4px; color: #5cb85c; } /*-----------------------sidebar-search------------------------*/ .sidebar-wrapper .sidebar-search > div { padding: 10px 20px; } /*----------------------sidebar-menu-------------------------*/ .sidebar-wrapper .sidebar-menu { padding-bottom: 10px; } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; } .sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; text-decoration: none; position: relative; padding: 0.8rem 0.85rem; text-transform: capitalize; white-space: initial; } .sidebar-wrapper .sidebar-menu ul li a i { font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .sidebar-wrapper .sidebar-menu ul li a:hover > i::before { display: inline-block; animation: swing ease-in-out 0.5s 1 alternate; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after { content: ""; background-image: url('/Content/images/new-home/arrow-top.svg'); display: inline-block; text-align: center; position: absolute; right: 15px; top: 15px; width: 12px; height: 12px; background-size: cover; opacity: .9; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 9px 0; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding: 5px 10px 5px 10px; font-size: 13px; } .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; } .sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; } .sidebar-menu .side-menu-list { padding: 20px; } .oic-side-menu-list { margin-bottom: 0 !important; display: block; cursor: pointer; color: var(--primary-color); font-weight: 600; font-size: var(--base-font-size); } .oic-video-list-rad { font-size: 14px; display: block; } .oic-side-menu-list-time { font-size: 12px; display: block; line-height: 21px; } .sidebar-dropdown, .recomended-meditation-list { background-color: var(--theme-light-bg-def); border-radius: var(--bs-border-radius); } .sidebar-dropdown:not(:last-child), .recomended-meditation-list:not(:last-child) { margin-bottom: 0.7rem; } .sidebar-menu .radio-oic-video input[type="radio"] + .radio-label-bp:before { top: 50%; width: 1rem; height: 1rem; margin-right: 8px; transform: translateY(-50%); } .sidebar-submenu { border-top: 1px solid var(--chat-inbox-border-color); } .sidebar-menu .radio-oic-video input[type="radio"]:checked + .radio-label-bp:before { background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ); box-shadow: inset 0 0 0 2px #ffffff; } .oic-video-list-radio-wrapper { display: grid; align-items: flex-start; grid-template-columns: max-content 1fr max-content; justify-content: space-between; padding: 0 !important; grid-gap: 5px; text-transform: capitalize; font-size: 13px !important; } .oic-label-list { margin-bottom: 0; flex-grow: 1; margin-top: -4px; } .sidebar-menu .oc-save-btn svg { fill: var(--primary-color); width: 12px; stroke-width: 10px; stroke: var(--primary-color); } .radio-oic-video { width: 100%; } .sidebar-menu .oc-save-btn { grid-gap: initial; padding: 0; } .radio.radio-oic-video { margin: 0; } /*--------------------------side-footer------------------------------*/ .sidebar-footer { position: absolute; width: 100%; bottom: 0; display: flex; } .sidebar-footer > a { flex-grow: 1; text-align: center; height: 30px; line-height: 30px; position: relative; } .sidebar-footer > a .notification { position: absolute; top: 0; } .badge-sonar { display: inline-block; background: #980303; border-radius: 50%; height: 8px; width: 8px; position: absolute; top: 0; } .badge-sonar:after { content: ""; position: absolute; top: 0; left: 0; border: 2px solid #980303; opacity: 0; border-radius: 50%; width: 100%; height: 100%; animation: sonar 1.5s infinite; } /*--------------------------page-content-----------------------------*/ .page-wrapper .page-content { display: inline-block; width: 100%; padding-top: 0; padding-left: 0px; } /*.page-wrapper .page-content { overflow-x: hidden; } */ /*-----------------------------oci-video-page-------------------------------------------------*/ .oci-video-page .sidebar-wrapper { border-right: var(--border-width-layout) solid var(--border-layout); } .oci-video-page { margin: 0 auto; display: block; position: relative; } .oci-video-page .sidebar-content .sidebar-brand span { color: var(--primary-color); } .oci-video-page .sidebar-wrapper .sidebar-header, .oci-video-page .sidebar-wrapper .sidebar-search, .oci-video-page .sidebar-wrapper .sidebar-menu { border-top: var(--border-width-layout) solid var(--border-layout); } .oci-video-page .sidebar-wrapper .sidebar-search input.search-menu, .oci-video-page .sidebar-wrapper .sidebar-search .input-group-text { border-color: transparent; box-shadow: none; } .page-wrapper.oci-video-page.toggled #close-sidebar { color: #bdbdbd; } .page-wrapper.oci-video-page.toggled #close-sidebar:hover { color: #ffffff; } .oci-video-page .sidebar-wrapper .sidebar-menu .header-menu span { color: #6c7b88; } .oci-video-page .sidebar-footer > a:first-child { border-left: none; } .oci-video-page .sidebar-footer > a:last-child { border-right: none; } /*.oic-video-main-wrapper { width: 100%; display: grid; grid-template-columns: 100%; grid-template-rows: 500px auto; height: 100%; } .page-wrapper .page-content { min-height: calc(100vh - 40px); } @media only screen and (max-width: 1400px) { .oic-video-main-wrapper { grid-template-rows: 510px auto; } } @media only screen and (min-width: 1450px) { .oic-video-main-wrapper { grid-template-rows: 650px auto; } } */ .oic-video-tabs-wrapper { position: relative; padding-bottom: 35px; } .oic-video-tabs-wrapper .pract-profile-right .tab-content { max-width: 95%; margin: 0 auto; width: 100%; } @media (minwidth: 1500px) { .oic-video-tabs-wrapper .pract-profile-right .tab-content { max-width: 1380px; } } .pp-m22 { margin: 16px 0 16px; } .oic-video-tabs-wrapper .nav-pills { border-bottom: 0; display: flex; align-items: center; justify-content: center; padding: 12px; position: sticky; top: 0; background-color: #fff; z-index: 9; } .overview-tab-label-left { color: #454545; font-weight: 600; } .oic-overview-right p { line-height: 24px; color: var(--on-primary-color); font-weight: 400; font-size: 15px; } .oic-video-tabs-wrapper .oc-pract h5, .overview-tab-label-left { font-size: 17px; color: var(--primary-color); } .oic-video-tabs-wrapper .oc-pract label { font-size: 15px; color: var(--on-primary-color); line-height: 24px !important; } label.one-to-one-learn { margin-bottom: 15px !important; } .oc-pract-name { grid-gap: 8px; } .overview-tab-wrapper { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: flex-start; grid-gap: 20px; margin: 0px 0px; } .overview-tab-wrapper .oc-pract img { align-self: flex-start; } .overview-tab-view-profile { display: grid; grid-template-columns: repeat(2, max-content); grid-gap: 15px; align-items: center; } .overview-tab-view-profile a { color: var(--primary-color); } .overview-tab-view-profile button { padding: 7px 14px; font-size: 15px; font-weight: 600; } .oic-main-wrapper-fixed.oic-video-main-wrapper { grid-template-rows: auto auto; height: calc(100vh - 70px); transition: all .3s; } .oic-main-wrapper-fixed .oic-video-main-inner-wrapper { position: static; height: 280px; width: 100%; left: 0; top: 0; z-index: 99; transition: all .3s; } .oic-main-wrapper-fixed .oic-video-tabs-wrapper { overflow: auto; } .oic-video-main-inner-wrapper { position: relative; } .oic-footer { padding: 10px; text-align: center; color: var(--on-primary-color); font-weight: 400; font-size: 14px; align-self: flex-end; } /*.oic-main-wrapper-fixed .oic-video-tabs-wrapper { margin-bottom: 0px; }*/ /*.oic-video-tabs-wrapper { margin-bottom: 500px; }* /*css form subscription page*/ .oc-subscription-section { position: relative; background-size: cover; background-repeat: no-repeat; } .oc-subscription-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .oic-video-tabs-wrapper .pract-profile-right ul li a { border-bottom: 3px solid transparent; } .oic-video-tabs-wrapper .pract-profile-right ul li a.active { color: var(--secondary-color); background: transparent; border-bottom: 3px solid var(--primary-color); border-radius: 0; font-weight: 600; } .ovc-gm-tab-play, .ovc-prac-tab-pdf { fill: var(--primary-color); cursor: pointer; } .ovc-prac-tab-pdf { width: 52px; height: 52px; } .ni.ovc-gm-tab-play { font-size: 55px; } @media (min-width: 768px) { .oc-subscription-table-wrapper { padding: 0 24px 24px; } } .oc-subscription-table-wrapper { max-width: 700px; margin: 0 auto; } .oc-subs-plan-head { display: grid; grid-template-columns: auto max-content auto; background-color: #fff; position: relative; -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important; box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12); } .oc-subs-plan-head .vr-line-profile { width: 1.5px; background-color: #acacac; height: 100%; } .oc-faq-section { background: rgba(243, 246, 248, 0.5); } .save-subs { font-size: 12px; position: absolute; top: -1px; right: -1px; font-weight: 600; color: #fff !important; height: 24px; padding: 4px 16px; line-height: 100%; background-color: #2F7B16; } .oc-subs-btn { padding: 7px 12px; font-size: 14px; min-width: 130px; } .oc-subs-plan-head-inner { padding: 30px 20px; } .oc-subs-plan-head-inner h5 { font-size: 22px; color: var(--primary-color); } .info_link-mod { cursor: pointer; } .oc-sales-tax-included { min-height: 48px; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; text-align: center; padding: 17px 0 17px; border-top: 1px solid #e1e9ee; color: var(--on-primary-color); margin-top: 45px; } .oc-sales-tax-included p { margin-bottom: 0; } .info_link-mod:hover { text-decoration: underline; } .oc-subs-plan-head-inner p { font-size: 14px; font-weight: 400; } .oc-head-subs { color: var(--on-primary-color); font-weight: 400; text-align: center; margin: 35px 0; font-size: 19px; } .oc-subs-plan-list { -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important; box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12); transition: -webkit-box-shadow 83ms; transition: box-shadow 83ms; transition: box-shadow 83ms, -webkit-box-shadow 83ms; padding: 8px 25px; border-radius: 2px; margin-bottom: 16px; width: 100%; background-color: #fff; } .oc-subs-plan-list li { padding: 11px 0; } .oc-subs-plan-list li:not(:last-child) { border-bottom: 1px solid rgba(204, 204, 204, 0.27); } .learn-icons svg { width: 66px; height: 75px; position: relative; top: 4px; } .f-400 { font-weight: 400; } .sidebar-wrapper .radio-oic-video .oic-label-list a { padding: 0; } .sidebar-menu .radio input[type="radio"] { position: absolute; opacity: 0; width: 93%; z-index: 99; margin: 0; cursor: pointer; height: 23px; left: 0; } .oc-train-team { text-align: center; width: 100%; color: var(--on-primary-color); font-size: 18px; margin: 18px 0 !important; font-size: 17px; } .para-text-with-check { position: relative; padding-left: 28px; font-weight: 400; margin-bottom: 0; } .para-text-with-check i.tick { position: absolute; left: 0; } .oc-subscription-table { width: 100%; } .oc-faq-wrapper { display: grid; grid-template-columns: auto auto; grid-gap: 22px 30px; } .oc-faq-questions { } .oc-faq-questions h5 { font-size: 15px; font-weight: 500; color: var(--on-primary-color); } .oc-faq-questions p { font-size: 13px; font-weight: 400; color: var(--on-primary-color); line-height: 20px; } .oc-faq-head { font-size: 20px; font-weight: 600; color: var(--on-primary-color); padding: 24px 0; text-align: center; } .status-oic-header { display: flex; align-items: center; justify-content: space-between; } .status-oic-subscription { display: flex; align-items: center; } .oic-subscrip-cancel { margin-left: 15px; } .status-oic-active { color: green; font-weight: bold; font-size: 15px; margin-left: 6px; } .workbook-tab-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; } .workbook-tab-content img.up { max-width: 50px; } .dropdown-menu { z-index: 99999; } .oic-purchase { padding-left: 0; } .min-h-auto { min-height: initial !important; } .cus-clearfix { clear: both; display: table; content: ''; } .oic-purchase .label-text-order-summary { font-size: 14px; font-weight: 500; } .oic-purchase .head-os-pract { padding-bottom: 4px !important; } .oic-module ul { list-style-type: none; padding: 0; margin: 0; } .oic-module .radio-oic-video input[type="radio"] + .radio-label-bp:before { top: -2px; width: 1.2em; height: 1.2em; margin-right: 0.6em; } .oic-module .radio-oic-video input[type="radio"]:checked + .radio-label-bp:before { background-color: var(--primary-color); box-shadow: inset 0 0 0 3px #ffffff; border: 1.2px solid var(--primary-color); } .oic-module .oic-label-list { text-align: left; } .oic-buy-course-wrapper-module.sidebar-wrapper { width: initial; height: initial; max-height: initial; position: initial; top: initial; left: initial; z-index: initial; } .oic-buy-course-wrapper-module .sidebar-menu { margin: -20px; } .oic-buy-course-wrapper-module .oic-side-menu-list, .oic-buy-course-wrapper-module.oic-aisde-points label { text-align: left; } .oic-banner-hero { background-image: url('/Content/images/learn/learn-banner-healing-clouds.jpg'); background-size: cover; background-position: center center; color: #fff; min-height: 280px; display: flex; align-items: center; } .oic-banner-hero__content { padding: 15px 0; } .oic-banner-hero__title { margin-bottom: 8px; margin-top: 0; text-shadow: var(--text-shadow); font-size: 38px; color: var(--white-color); font-weight: 700; } .oic-banner-hero__description { text-shadow: var(--text-shadow); font-size: 1.2rem; max-width: 420px; line-height: 1.4; margin: 1.1rem 0 1.3rem; } .oic-banner-hero__action { margin-bottom: 8px; } .oic-banner-slider { width: 100%; border-radius: var(--border-radius-default); overflow: hidden; } .oic-cta-learn-banner { color: #fff; font-size: 14px; } .oic-cta-learn-banner:hover, .oic-cta-learn-banner:active { color: #fff; } .oic-banner-hero .hc-default-btn { font-size: 15px; min-height: initial; } .oic-banner-slider .slick-next { right: 30px; z-index: 999; } .oic-banner-slider .slick-prev { left: 30px; z-index: 999; } .oic-banner-slider .slick-dots { display: flex !important; list-style-type: none; font-size: 0; align-items: center; justify-content: center; padding: 0; top: -29px; position: relative; } /*css for steps online course*/ .oc-step-first { min-height: 100vh; display: flex; align-items: center; justify-content: center; } .oc-step-cta { width: initial; min-width: 240px; } .oc-step-first-inner-wrapper { text-align: center; } .oc-step-first-inner-wrapper h3 { font-size: 24px; font-weight: 600; margin-bottom: 4px; margin-top: 30px; } .oc-step-first-inner-wrapper p { font-size: 15px; font-weight: 400; color: #807e7e; margin-bottom: 40px; } .logo-oc-step { position: fixed; left: 20px; top: 20px; } .logo-oc-step .futLogo { max-width: 220px; } .hc-default-link { color: rgb(0, 152, 199); font-size: 17px; font-weight: 500; } .oc-step-second-inner-wrapper { font-size: 14px; text-align: center; } .oc-step-second-head { font-size: 25px; font-weight: 600; margin-bottom: 12px; } .oc-step-second-para { font-size: 15px; font-weight: 400; color: #807e7e; } .oc-categories-inner { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 35px; } .oc-categories { -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important; box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12); border-radius: 5px; overflow: hidden; } .oc-categories h4 { text-align: left; margin: 12px 15px 10px; font-size: 19px; font-weight: 600; } .oc-step-second-head { margin-top: 30px; } .oc-categories img { max-width: 85%; height: auto; margin-left: auto; display: block; } .oc-categories-details { font-size: 15px; font-weight: 400; color: #807e7e; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 10px; } .oc-arrow { fill: none; } .oc-categories-details svg { width: 24px; height: 24px; fill: var(--primary-color); margin-left: 23px; } .c-my-35 { margin-bottom: 35px; margin-top: 35px; } .oc-categories a p { transition: all .4s; } .oc-categories a:hover p { background-color: var(--primary-color); color: #fff; } .new-prac-card-head { display: grid; align-items: center; justify-content: space-between; grid-template-columns: auto auto; grid-gap: 10px; } .oc-categories a:hover svg { fill: #fff; } .search-bar-learn { width: 100%; } /*css for browser btn*/ .hc-learn-browser-nav { display: none; } .hc-learn-browse-search { width: 100%; max-width: 641px; display: flex; align-items: center; } .hc-learn-browser-link { display: flex; align-items: center; margin-right: 20px; } a.hc-learn-browser-link { display: flex; align-items: center; margin-right: 20px; } .learn-chevron-down { fill: var(--primary-color); font-size: 17px !important; } .nav-menu-browse-text { color: var(--primary-color); font-weight: 500; letter-spacing: 0.2px; font-size: 16px; margin-right: 3px; } .hc-learn-browser-nav { margin-top: 14px; min-width: 200px; position: absolute; z-index: 999; width: auto; } .learn-suggestion-text { padding: 6px 15px; border-radius: 4px; color: var(--secondary-color); margin-top: 3px; } .learn-suggestion-text label { margin-bottom: 0 !important; font-size: 14px; font-weight: 400; } .js-learn-auto-suggestion { display: none; position: absolute; width: 100%; z-index: 9; } .learn-input-has-value { display: none !important; } .nav-menu-categories { display: flex; justify-content: space-between; margin-right: 0px; } .nav-menu-categories ul a:hover li { color: var(--primary-color); } .nav-menu-category-list { margin: 8px 10px 0px 8px; list-style-type: none; max-width: 210px; } .nav-menu-category-left-col { padding-left: 0px; max-width: 210px; } .nav-menu-category-short-list { list-style-type: none; padding-left: 0; } .nav-menu-category { width: auto; font-size: 17px; font-weight: 600; padding-bottom: 4px; font-stretch: normal; color: var(--primary-color); margin-bottom: 10px; } .nav-menu-subcategory { line-height: 20px; display: flex; font-size: 0.93rem; align-items: center; font-weight: 500; color: var(--secondary-color); margin-bottom: 22px; padding-left: 0px; } .hc-learn-browser-nav-inner { box-shadow: var(--chat-msgbubble-boxshadow); border-radius: 3px; padding: 13px 15px; } /*css for browser btn ends here*/ .search-bar-learn input { height: 34px; max-width: initial; min-width: 50%; padding-left: 15px; border-radius: 4px; padding-left: 45px; } .search-bar-input-wrapper { position: relative; } .search-icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 9px 15px; cursor: pointer; line-height: 13px; } .clear-learn-auto-suggestion svg { max-width: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); stroke: #848484; cursor: pointer; opacity: 0.5; } .search-icon svg { width: 20px; height: 20px; fill: var(--primary-color); } .clear-learn-auto-suggestion svg { } .menu-dropdown-ul { margin-bottom: 0; } .ni.menu-chevron-down { font-size: 17px; } .small-down { margin-left: 5px; } .pipe-oc { margin: 0 15px 0 0; } .pipe-oc::after { content: ''; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 1px; height: 155%; background-color: #fff; } .headerinner-wrapper.headerinner-wrapper-learn .pipe-oc .hdr-drp { left: -74px !important; top: 24px; } .browse-pract-hide { display: none !important; } /*css for learn landing page*/ header { position: relative; } .fixed-top-learn { position: absolute; top: 0; right: 0; left: 0; z-index: 1030; padding: 0 15px; } .learn-section { margin-bottom: 55px; } .learn-logo-pattern { position: absolute; left: 0; top: 0; width: 292px; height: auto; z-index: 99999; } .learn-logo-pattern .hc-svg-logo svg { position: absolute; max-width: 80%; top: 14px; left: 15px; } .learn-pattern .st0 { fill: var(--primary-color); } .btn-learn { background: var(--primary-color); color: #ffffff !important; text-align: center; Padding: 8px 20px; text-decoration: none !important; display: inline-block; -webkit-transition-duration: .1s; transition-duration: .1s; font-size: 16px !important; font-weight: 600 !important; box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15); border: 2px; border-radius: 25px; cursor: pointer; } .btn-learn:hover, .btn-learn:active, .btn-learn:focus { background: #05a9af; outline: none; } .banner-learn { min-height: 89vh; background-image: url(/Content/images/learn/learn-banner.jpg); background-position: center; background-size: cover; display: flex; align-items: center; justify-content: flex-end; text-align: center; flex-direction: column; padding-bottom: 3%; } .banner-learn h1 { color: #ffff; font-weight: 700; line-height: 52px; font-size: 38px; margin-bottom: 28px; } .banner-learn p { color: #fff; font-size: 24px; margin: -10px 0 45px; font-weight: 600; } .learn-menu-list li a { font-size: 15px; color: #ffffff; font-weight: 700; } .learn-menu-list li:not(:last-child) a { text-shadow: 1px 1px 4px rgba(0,0,0,0.4); } .login-btn { min-width: 132px; padding: 9px; } .learn-menu-list li:not(:last-child) { margin-right: 27px; } .lerrn-get-started { min-width: 215px; padding: 10px; font-weight: 600; font-size: 18px; border-radius: 100px; } .banner-learn .lerrn-get-started { box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, .3); } .learn-menu-list { margin-top: 14px; } .text-with-bg { background-image: url(/Content/images/learn/test-bg.png); display: inline-block; padding: 11px 21px 23px 10px; background-size: 100%; background-repeat: no-repeat; line-height: 71px; background-position: center center; } .learn-menu-list .dropdown-menu a { font-weight: 500 !important; font-size: 16px; } .learn-menu-list .dropdown-menu { border: 1px solid var(--primary-color); } .learn-menu-list .dropdown-menu a:hover { background-color: var(--primary-color); color: #fff; } .learn-section-head { color: #2e2e2e; font-weight: 700; font-size: 34px; margin-bottom: 25px; } .explore-navtabs { justify-content: center; } .explore-navtabs a { color: #bcbcbc; font-size: 23px; font-weight: 700; } .explore-navtabs li .nav-link.active { background-color: transparent; color: var(--primary-color); border-bottom: 3px solid var(--primary-color); border-radius: 0; } .explore-learn .learn-card-slider { margin-top: 20px; } .explore-learn .learn-card-slider-item { border-radius: 30px; overflow: hidden; box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%); margin: 0 15px; background-color: #fff; } .explore-learn .learn-card-slider-item.slick-slide.slick-current.slick-active.slick-center { transform: scale(1.2); transition: all 300ms ease; } .explore-learn .learn-card-slider .slick-track { padding: 40px 0; } .explore-learn .slider-item-img-wrapper { height: 160px; overflow: hidden; max-height: 160px; } @media (min-width: 1600px) { .explore-learn .slider-item-img-wrapper { height: 180px; overflow: hidden; max-height: 180px; } } .explore-learn .slider-item-img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .explore-learn .learn-card { padding: 15px; background-color: #fff; } .explore-learn .learn-card h5 { color: #2e2e2e; font-weight: 700; margin-top: 0; font-size: 15px; min-height: 42px; line-height: 23px; } .explore-learn .learn-card p { color: #9b9b9b; font-size: 14px; font-weight: 400; line-height: 20px; } .explore-learn p.learn-card-pract-name { text-align: center; margin-bottom: 0; color: #2e2e2e; font-size: 12px; } .explore-learn .learn-card-slider-item.slick-center p { font-size: 13px; } .explore-learn .learn-card-slider-item:focus { outline: none; } .explore-learn .learn-card-slider-item.slick-center .slider-item-img-wrapper { height: 200px; } .explore-learn .learn-card-slider-item.slick-center p.learn-card-pract-name { font-size: 11px; } .explore-learn .learn-card-practices { margin-bottom: 20px; } .explore-learn .practices-name { margin-bottom: 0 !important; border: 1px solid; padding: 2px 10px; border-radius: 5px; font-size: 13px; } .explore-learn .bc-light-blue { border-color: var(--primary-color); color: var(--primary-color); } .explore-learn .bc-blue { border-color: #1e6b88; color: #1e6b88; } .explore-learn .learn-explore-wrapper { min-height: 512px; max-width: 92%; margin: 0 auto; } .explore-learn .learn-explore-wrapper .slick-list { margin: 0; padding: 0; } .explore-learn .learn-explore-wrapper .oc-slider-control { display: grid; grid-template-columns: max-content max-content; align-items: center; justify-content: center; } .explore-learn { position: relative; margin-bottom: 110px; } .explore-pattern { position: absolute; right: 0; top: 150%; width: 165px; } .de-mystified-wrapper { display: grid; grid-template-columns: 53% auto; grid-column-gap: 60px; } .de-mystified-wrapper-content, .online-course-learn-wrapper-content { z-index: 9; padding-top: 100px; } .de-mystified-wrapper-image img, .online-course-learn-wrapper-image img { max-width: 100%; height: auto; border-radius: 25px; box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.15); border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; } .de-mystified-wrapper-content h2, .online-course-learn-wrapper h2 { text-align: left; margin-bottom: 16px; max-width: 550px; } .de-mystified-wrapper-content p, .online-course-learn-wrapper p, .online-course-learn-wrapper-content p { padding-bottom: 50px; font-size: 18px; color: #9b9b9b; max-width: 301px; line-height: 31px; font-weight: 400; } .de-mystified-learn { margin-bottom: 100px } .learn-grid-therapists { max-width: 500px; } .accredited-therapist-pattern { position: absolute; left: 0; top: -40%; transform: translateY(-50%); width: 142px; z-index: -1; } .accerediated-therapist .learn-section-head { position: relative; margin-bottom: 16px; line-height: 43px; } .accerediated-therapist .text-with-bg { padding: 3px 23px 15px 10px; line-height: 66px; background-position: center center; color: #fff; min-height: 84px; } .accerediated-therapist { position: relative; margin-bottom: 140px; } .accredited-therapist-pattern-two { position: absolute; right: 0; top: 200%; width: 152px; z-index: -1; } .online-course-learn-wrapper-accredited { display: grid; grid-template-columns: 40% auto; grid-column-gap: 60px; } .pdf-icon-wrapper { display: grid; grid-template-columns: max-content auto; align-items: center; grid-gap: 10px; } .pdf-icon-wrapper p { margin-bottom: 0; color: var(--primary-color); font-weight: 600; } .oc-accredited-img img { max-width: 470px; } .online-course-learn-wrapper { display: grid; grid-template-columns: auto 35%; grid-column-gap: 60px; } .oc-accredited-img { max-width: 100%; height: auto; } section.learn-section.online-course-learn { max-width: 90%; margin-right: auto; overflow: hidden; margin-bottom: 150px; } .learn-section .online-course-learn-wrapper-accredited { max-width: 90%; margin-left: auto; overflow: hidden; margin-bottom: 150px; } .online-course-learn-wrapper-image img { border-top-right-radius: initial; border-bottom-right-radius: initial; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .online-course-learn-wrapper-image { padding: 16px 3px; padding-right: 0; } .testimonial-para { color: #9b9b9b; font-size: 15px; font-weight: 400; text-align: justify; position: relative; } section.learn-section.online-course-testimonial { position: relative; } .oc-testimonial-wrapper { max-width: 80%; margin-left: auto; margin-right: auto; } .online-course-testimonial-wrapper { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; grid-gap: 60px 120px; justify-content: center; align-items: center; text-align: center; } .testi-cols img.testi-image { width: 140px; height: 140px; object-fit: cover; border-radius: 50%; overflow: hidden; margin-bottom: 35px; } span.testi-quotes { position: absolute; left: -25px; top: -22px; } .testimonial-para img { max-width: 20px; height: auto; } span.testi-quotes.testi-quotes-rotate { right: -27px; bottom: -10px; left: initial; top: initial; transform: rotate(180deg); } .testimonial-head { color: #9b9b9b; font-size: 15px; font-weight: 500; font-style: italic; } .testi-left-pattern { position: absolute; left: 0; top: -130px; width: 130px; z-index: -1; } .testi-right-pattern { position: absolute; right: 0; bottom: -210px; width: 90px; } .learn-hc-journey-content p { color: #9b9b9b; font-size: 18px; font-weight: 500; margin-bottom: 60px; } .learn-hc-journey-content { text-align: center; } .learn-hc-journey-content h2.learn-section-head { margin-bottom: 20px; } .theme-color { color: var(--primary-color) !important; } .crowdcube-care-section .testi-pract-video-div { border-radius: 20px; overflow: hidden; border: 1px solid #b5c9ca; } .cc-br-word-covid { display: block; } /*css form subscribe newsletter*/ .subscribe-newsletter { background-color: var(--primary-color); padding: 15px; display: flex; align-items: center; justify-content: center; width: 100%; } .subscribe-newsletter-inner { display: grid; grid-template-columns: auto 60%; grid-gap: 20px; align-items: center; justify-content: center; width: 80%; } .row-df { display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .subscribe-newsletter-inner p { margin-bottom: 0; color: #fff; font-weight: 500; font-size: 20px; } .subscribe-newsletter-inner form { justify-self: flex-end; width: 100%; } .input-wrapper-subscribe { position: relative; } .input-wrapper-subscribe input { color: #fff; font-size: 16px; } .input-wrapper-subscribe input::placeholder { color: #fff !important; } .input-wrapper-subscribe input:focus { border-color: #ffffff; background-color: transparent; outline: none; box-shadow: none; } .input-wrapper-subscribe input { border-radius: 35px; border: 2px solid #fff; background-color: transparent; padding: 12px 154px 12px 20px; max-width: none; height: calc(2em + 0.75rem + 2px); min-width: 350px; color: #fff !important; } .input-wrapper-subscribe input:focus { border: 2px solid #fff; } .default-white-btn { height: calc(1.8em + 0.75rem + 2px); border-radius: 35px; border: 2px solid #fff; background-color: #fff; min-width: 180px; font-size: 17px; font-weight: 700; color: var(--primary-color); transition: all .3s; } .defs-pos-abs { position: absolute; right: 0; } .testi-cols:focus { outline: none; } /*css for tooltip starts here*/ [data-tooltip], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; display: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100%; max-width: 100%; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 14px; font-weight: normal; line-height: 23px; font-weight: 400; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: 0px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translate(-50%, -9px); -moz-transform: translate(-50%, -9px); transform: translate(-50%, -9px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { /* top: 3px;*/ } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } /*css for tooltip ends here*/ /*loader css starts here*/ /* ALL LOADERS */ .loader-learn { border-radius: 100%; position: relative; margin: 0 auto; } /* LOADER 6 */ .loader-wrapper { position: absolute; left: 50%; top: 62%; transform: translate(-50%, -50%); } #loader-6 { top: 75%; left: 50%; transform: translate(-50%, -50%); display: grid; grid-template-columns: repeat(4,auto); align-items: center; grid-gap: 6px; justify-content: center; } #loader-6 span { display: inline-block; width: 5px; height: 35px; background-color: var(--primary-color); } #loader-6 span:nth-child(1) { animation: grow 1s ease-in-out infinite; } #loader-6 span:nth-child(2) { animation: grow 1s ease-in-out 0.15s infinite; } #loader-6 span:nth-child(3) { animation: grow 1s ease-in-out 0.30s infinite; } #loader-6 span:nth-child(4) { animation: grow 1s ease-in-out 0.45s infinite; } @keyframes grow { 0%, 100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(1.8); -ms-transform: scaleY(1.8); -o-transform: scaleY(1.8); transform: scaleY(1.8); } } /*loader css ends here*/ .healing-clouds-pattern-top { position: absolute; max-width: 110px; left: 0; top: 333px; z-index: -1; } .healing-clouds-pattern-bottom { position: absolute; max-width: 110px; right: 0; top: 50%; z-index: 0; } /*css for whishlist*/ .learn-wishlist svg { fill: none; stroke: var(--on-primary-color); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; width: 14px; height: 14px; cursor: pointer; display: none; } .add-learn-wishlist svg { fill: #000000; } .df-jcsb-learn { display: flex; justify-content: space-between; } /*css for whishlist ends here*/ .oc-online-view label, .oc-video-duration label { font-size: 12px; color: var(--on-primary-color); margin-top: 6px; font-weight: 400 !important; } .footer-learn-placeholder { display: flex; justify-content: space-between; margin-top: 15px; } .footer-learn-placeholder .image-placeholder:first-child { width: 50px !important; } .footer-learn-placeholder .image-placeholder:nth-child(2) { width: 30px !important; } .oic-video-tabs-wrapper .hr-line-profile { margin-top: 0px; } .oic-video-tabs-wrapper .nav-tabs > li { float: left; margin-bottom: -2px; } .oic-video-tabs-wrapper .overViewTabDiv .nav-tabs > li > a { padding: 10px 0 7px; border: none !important; } @media only screen and (max-width: 991px) { .row-df { align-items: center; flex-direction: column; align-items: center; text-align: center; } .row-df-modifier.row-df { align-items: center; flex-direction: row; align-items: center; text-align: center; } } @media only screen and (max-width: 767px) { footer .futtext { margin-bottom: 0; } .social.about_responsive { text-align: center !important; } .social { justify-content: center; margin-top: 15px; } .footernavs__item a { font-size: 14px !important; } .footer-para-txt { margin-top: 10px !important; font-size: 13px !important; padding: 12px 15px 0px 15px; } .certifications-all { margin-top: 12px; margin-right: auto; } .social { justify-content: center !important; margin-top: 15px; } .row-df-modifier .footer-left-wrapper { text-align: center; } } @media screen and (max-width: 480px) { footer .futtext p { text-align: center !important; text-align-last: auto !important; } img.futLogo { width: 210px; } .social.about_responsive { text-align: center !important; } } /*css for learn placeholder loader ends here*/ .oic-poinets-wrapper .para-text { line-height: 25px; color: var(--on-primary-color); font-weight: 400; font-size: 15px; } .oic-course-content-wrapper div#spinner { position: absolute; left: 45%; top: 41%; transform: translate(-50%, -50%); z-index: 999; } .audio-wrapper-dash .controls div#spinner { left: initial; top: initial; } .oci-content-block-inner .oic-buy-course-wrapper-module .sidebar-menu { margin: 0px -20px; padding-bottom: 0; } .oci-content-block-inner .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown a.side-menu-list { padding: 12px 40px 12px 20px; } .oci-content-block-inner .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown label.radio-label, .oci-content-block-inner .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown label::before { cursor: default; } /*footer for css starts here*/ footer { text-align: center; padding: 5px 0 10px 0; font-family: var(--primary-font); float: left; width: 100%; } .cpy-10 { padding: 10px 0; } .footer-left-wrapper { text-align: left; } .futLogo { max-width: 180px; } .certifications-all { max-width: 301px; margin-left: auto; } footer .futtext { width: 100%; float: left; } footer .futtext p { color: #454545; margin: 0; font-family: var(--primary-font); font-size: 14px; font-weight: 500; text-align: justify; -moz-text-align-last: left; text-align-last: left; line-height: 17px; } .footer-para-txt { text-align: center !important; text-align-last: center !important; margin-top: 3px !important; border-top: 1px solid rgba(156, 156, 156, 0.24); padding: 12px 0 0 0; } .social-med-icon { text-align: left; } .social { display: grid; display: -webkit-grid; grid-template-columns: repeat(4, max-content); grid-gap: 15px; justify-content: flex-end; } .social a { height: 24px; } .path-footer-icons { width: 20px; height: 20px; display: inline-block; fill: #454545; } .path-footer-icons { fill: var(--primary-color); } .footernavs { text-align: left; } .footernavs__list { list-style: none; padding: 0; margin-bottom: 5px; margin-top: 5px; } .footernavs__list li:not(:last-child) { padding-right: 15px; } .footernavs__list li { display: inline-block; } .footernavs__item a { font-weight: 600; font-size: 14px; color: #454545; border-radius: 5px; } .info_link, .info_link:hover, .info_link:active, .info_link:focus { color: var(--primary-color); } /*modification learn details page*/ .oic-course-header-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 8px; } .oic-course-header-head { margin-bottom: 0; } .noc-tags-likes-wrapper { display: grid; grid-template-columns: repeat(2, max-content); align-items: center; grid-gap: 35px; } .oic-course-header-main-wrapper { width: 100%; margin-bottom: 25px; } .noc-tags-likes-wrapper label.nd-tag { margin-bottom: 0 !important; border-radius: 4px; line-height: 19px; padding: 1px 12px 1px; text-transform: capitalize; } .noc-tags-likes-wrapper .learn-viewers { color: var(--on-primary-color); font-weight: 400; font-size: 14px; margin-bottom: 0 !important; } .oic-buy-course-wrapper .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown a.side-menu-list { padding: 11px 10px 11px 10px; } .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown .sidebar-submenu { padding-left: 10px; padding-right: 10px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after { display: none; } .oic-right-wrapper-grid .oic-side-menu-list { font-weight: 400; } .oci-content-block-inner .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding: 5px 10px 5px 0px; font-size: 13px; } .oci-content-block-inner .oic-buy-course-wrapper { margin-top: 10px; } .oci-content-block-inner .oic-right-wrapper-grid .oic-buy-course-wrapper-module .sidebar-menu { margin: 0px 0px; padding-bottom: 0; } .oic-right-wrapper-grid .sidebar-submenu { background-color: #ffffff; border-top: 1px solid #EBEBEB; padding-top: 2px; padding-bottom: 2px; } .noc-cmw-wrapper { display: flex; align-items: center; flex-wrap: wrap; margin-top: 2px; } .oic-left-wrapper-grid .oic-course-header-wrapper .oc-dot, .noc-cmw-wrapper .oc-dot, .oic-right-wrapper-grid .oic-buy-course-wrapper li.sidebar-dropdown .oic-side-menu-list .oc-dot { vertical-align: initial; font-size: 42px !important; position: relative; top: -2px; margin-left: 20px; margin-right: 20px; line-height: 0; color: var(--primary-color); font-weight: 500; } .oic-left-wrapper-grid .oic-course-header-wrapper .oc-dot { margin-left: 6px; margin-right: 6px; } .sidebar-submenu .oic-label-list { margin-bottom: 0; flex-grow: 1; margin-top: 0px; color: var(--primary-color); } .noc-cmw-wrapper .oc-dot { color: var(--on-primary-color); margin-left: 5px; margin-right: 5px; font-weight: 300; } .oic-right-wrapper-grid .oic-video-list-radio-wrapper { grid-template-columns: max-content 1fr max-content; margin-bottom: 0 !important; } .oic-right-wrapper-grid .radio.radio-oic-video label, .oic-right-wrapper-grid .radio.radio-oic-video a { color: var(--on-primary-color) !important; } .oic-right-wrapper-grid .oic-buy-course-wrapper li.sidebar-dropdown.active .oic-side-menu-list { color: var(--primary-color); } .oic-right-wrapper-grid .oic-buy-course-wrapper li.sidebar-dropdown.active .oic-side-menu-list .oc-dot { color: var(--on-primary-color); } .oic-right-wrapper-grid .oic-buy-course-wrapper li.sidebar-dropdown .oic-side-menu-list .oc-dot { margin-left: 4px; margin-right: 4px; color: var(--primary-color); font-size: 34px !important; } .oic-right-wrapper-grid .sidebar-dropdown .oic-side-menu-list strong { font-weight: 600; } .noc-course-related-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 30px; width: 100%; } .noc-course-related-items-img-wrapper { position: relative; cursor: pointer; } .noc-course-related-items-img { border-radius: 10px; min-height: 160px; max-height: 160px; object-fit: cover; width: 100%; } .noc-course-related-btn { width: 45px; height: 45px; cursor: pointer; opacity: 0; visibility: hidden; transition: all .3s; } .oic-buy-course-wrapper .sidebar-menu .radio-oic-video input[type="radio"] + .radio-label-bp:before { margin-top: 1px; } .noc-course-related-items-img-wrapper:hover .noc-course-related-btn { opacity: 1; visibility: visible; } .noc-course-related-btn svg { max-width: 17px; position: relative; left: 3px; } noc-course-related--btn svg { } .noc-try-hc-learn { display: grid; grid-template-columns: 50% 1fr; align-items: center; grid-gap: 40px; } .certificates-content-wrapper { max-width: 100%; } .noc-try-hc-learn-right-wrapper img { max-width: 100%; } .noc-try-hc-learn .get-matched-head { margin: 15px 0 15px; margin-top: 0; } .noc-hc-learn-team { margin: 85px 0 !important; } .noc-hc-learn-team .get-matched-head h3 { font-size: 26px; font-weight: 700; line-height: 36px; margin-bottom: 15px; } .ncd-guided-meditation-content-tags { display: flex; align-items: center; } .ncd-additional-courses { position: relative; border-radius: 15px; margin-top: 35px; box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 20%); } .ncd-additional-courses-img, .ncd-worksheet-image { height: auto; max-width: 100%; border-radius: 15px; min-height: 170px; object-fit: cover; } .ncd-guided-meditation-content { position: absolute; bottom: 13px; left: 15px; } .ncd-guided-meditation-content { position: absolute; bottom: 0; left: 0; display: flex; color: #fff; justify-content: space-between; width: 100%; align-items: center; padding: 15px; } .ncd-guided-meditation-content-left h4 { margin-bottom: 8px; } .ncd-guided-meditation-content-tags > span { padding: 4px 7px; background-color: rgba(98, 113, 101, 0.88); border-radius: 5px; font-size: 11px; font-weight: 500; } .ncd-additional-courses .oci-content-block-inner-icon-container-play-icon { position: relative; left: 3px; top: 3px; background-color: var(--primary-color); white-space: nowrap; width: 42px; height: 42px; text-align: center; border-radius: 50%; justify-content: center; display: flex; align-items: center; } .ncd-guided-meditation-content-tags > span:not(:last-child) { margin-right: 10px; } .ncd-additional-courses .oci-content-block-inner-icon-container-play-icon svg { width: 23px; height: 23px; fill: #fff; position: relative; left: 1px; top: 1px; } .ncd-worksheet { position: relative; overflow: hidden; border-radius: 15px; margin-top: 35px; box-shadow: var(--default-shadow); cursor: pointer; } .ncd-worksheet-data { color: #fff; font-size: 18px; font-weight: 600; position: absolute; bottom: 0; margin-left: 15px; margin-bottom: 15px; z-index: 99; } .ncd-worksheet::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient( 0deg, var(--secondary-light-color) 17%, rgb(158 158 158 / 15%) 57%, rgb(255 255 255 / 0%) 100%); } .oic-right-wrapper-grid .sidebar-menu { margin-bottom: 0 !important; } .see-full-profile { margin-top: 90px; } .see-full-profile .oc-pract label { font-size: 14px; } p.ncd-para { line-height: 25px; color: var(--on-primary-color); font-weight: 400; font-size: 15px; } .noc-try-hc-learn .get-matched-head p { font-weight: 400; font-size: 15px; line-height: 26px; margin-bottom: 0; color: var(--on-primary-color); max-width: 75%; } .see-full-profile-link { color: var(--primary-color); font-weight: 600; font-size: 18px; text-decoration: underline; width: 100%; display: block; margin-bottom: 40px; } .see-full-profile-link:hover { color: var(--primary-color); text-decoration: underline; } .oic-buy-course-wrapper.oic-buy-course-wrapper-module.oic-aisde-points.sidebar-wrapper { margin-bottom: 25px; background-color: var(--video-sidebar-bg-color); padding: 15px 0; box-shadow: var(--default-shadow); border-radius: 13px; border: 1px solid var(--chat-dark-border-1); } .oic-video-main-wrapper { min-height: calc(100vh - 93px); } @media (min-width: 768px) and (max-width: 1024px) { .oic-course-header-wrapper { align-items: flex-start; width: 100%; margin-bottom: 8px; flex-direction: column; } .oic-course-header-head { margin-bottom: 7px; } .oci-content-block-inner { padding: 0px !important; } .what-you-will-learn { font-size: 19px; } .oic-course-desc { margin-top: 20px !important; } .oic-course-header-main-wrapper { margin-top: 20px; } .noc-hc-learn-team .get-matched-head h3 { text-align: left; margin-bottom: 15px; } .get-matched-head { margin: 20px 0 10px; } .ncd-profile-top-wrapper { align-items: center; justify-content: center; } .noc-course-related-items-img { min-height: 140px; max-height: 140px; } } @media (min-width: 768px) and (max-width: 991px) { .noc-course-related-items-img { border-radius: 10px; min-height: 110px; max-height: 110px; object-fit: cover; width: 100%; } .ncd-additional-courses-img, .ncd-worksheet-image { height: auto; width: 100%; max-width: 100%; border-radius: 15px; min-height: 300px; object-fit: cover; } .oic-course-content-wrapper .oci-thumbnails { min-height: 363px !important; } .oc-content-block .oci-content-block-inner { grid-template-columns: 100%; grid-gap: 30px; overflow: hidden; margin-top: 0; padding: 0px; } .oic-course-header-main-wrapper { width: 100%; margin-bottom: 0px; margin-top: 20px; } h5.oic-instructor { font-size: 20px; } .see-full-profile { margin-top: 45px; } } @media only screen and (max-width: 767px) { .oic-course-content-wrapper .oci-thumbnails { min-height: 283px !important; } .oci-content-block-inner-icon-container, .oc-view-btn, .noc-course-related-btn { width: 45px; height: 45px; opacity: 1; visibility: visible; } .oci-content-block-inner-icon-container-play-icon svg { width: 23px; height: 23px; position: relative; left: -1px; } .oic-course-header-main-wrapper { margin-top: 20px; } .oic-course-header-wrapper { align-items: flex-start; width: 100%; margin-bottom: 8px; flex-direction: column; } .oc-content-block .oci-content-block-inner { padding: 0px; grid-template-columns: auto; } .oic-left-wrapper-grid .oic-course-header-wrapper .oc-dot { font-size: 36px !important; margin-left: 10px; margin-right: 10px; } .oic-course-header-main-wrapper { width: 100%; margin-bottom: 5px; } .noc-try-hc-learn { grid-template-columns: auto; } .noc-try-hc-learn .get-matched-head p { max-width: 100%; line-height: 26px; } .noc-hc-learn-team { margin: 35px 0 54px !important; } .noc-try-hc-learn .get-matched-head { margin: 30px 0 12px; } .noc-try-hc-learn .book-seesion-btn { font-size: 16px; } .see-full-profile { margin-top: 50px; } .see-full-profile-link { margin-bottom: 10px; text-align: center; } .noc-tags-likes-wrapper { grid-gap: 13px; } .ncd-guided-meditation-content-tags .gm-timer { font-size: 10px; } .ncd-guided-meditation-content-tags .gm-timer svg { width: 13px; height: 13px; } .ncd-additional-courses { margin-top: 19px; } } @media only screen and (max-width: 425px) { .oic-course-content-wrapper .oci-thumbnails { min-height: 186px !important; } } /*css for fofter ends here*/ .oc-testimonial-wrapper .learn-section-head { color: #2e2e2e; font-weight: 700; font-size: 34px; margin-bottom: 60px; } .testimonial-para img { display: none; } @media only screen and (max-width: 1500px) { .oc-wrapper-mid { min-height: 318px; } .oc-main-wrapper .slick-slide { margin-right: 15px; margin-left: 15px; } } @media only screen and (max-width: 1500px) { .learn-grid-therapists { max-width: 375px; } .oic-video-tabs-wrapper .pract-profile-right { width: 100%; } .overview-tab-wrapper { grid-template-columns: 1fr 1px 1fr; align-items: flex-start; grid-gap: 37px; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .overview-tab-view-profile { display: grid; grid-template-columns: auto; grid-gap: 15px; align-items: center; } } @media only screen and (max-width: 1024px) { .oic-course-header-head { font-size: 19px !important; line-height: 17px; } .after-hover-text { opacity: 1 !important; visibility: visible !important; } .oc-wrapper-mid.oc-hover-content { position: relative; } .dropdown hi pipe-oc { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 992px) { .oci-content-block-inner { display: grid; grid-template-columns: 60% 1fr; align-items: flex-start; grid-gap: 40px !important; margin-top: 10px !important; overflow: hidden; padding: 8px; } .oic-course-header-wrapper .oc-time-info { grid-gap: 8px; } .oic-course-header-wrapper .oc-time-info span { font-size: 13px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .overview-tab-wrapper .vr-line-profile { height: 1px; width: 100%; } .overview-tab-wrapper { grid-template-columns: 100%; } .oic-video-tabs-wrapper .pract-profile-right { max-width: 100%; margin: 0 auto; } .oc-categories-inner { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 35px; } .banner-learn { min-height: 600px; padding-bottom: 4%; background-position: 28%; } .explore-learn .learn-explore-wrapper { padding-right: 0; margin-left: 30px; min-height: 512px; } .explore-pattern { top: 53%; width: 105px; } .explore-learn { position: relative; margin-bottom: 0; } .de-mystified-wrapper-content, .online-course-learn-wrapper-content { z-index: 9; padding-top: 0; } .accredited-therapist-pattern-two { top: 93%; width: 81px; } .accredited-therapist-pattern { width: 86px; z-index: -1; } .testi-cols img.testi-image { width: 130px; height: 130px; margin-left: auto; margin-right: auto; } .testi-left-pattern { position: absolute; left: 0; top: -200px; width: 100px; z-index: -1; } section.learn-section.online-course-learn { margin-bottom: 50px; } .testi-right-pattern { position: absolute; right: 0; bottom: -270px; width: 60px; } } @media only screen and (max-width: 991px) { /*css form animated menu*/ .fixed-top-learn button:focus { outline: none; } .fixed-top-learn .navbar-collapse { background-color: #fff; border-radius: 4px; padding: 16px; } .learn-menu-list li a { font-size: 15px; color: var(--primary-color); font-weight: 700; text-shadow: none !important; } .learn-logo-pattern { z-index: 99; } .menu-icon__line { height: 3.5px; width: 30px; display: block; background-color: #ffffff; margin-bottom: 5px; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease; border-radius: 10%; } .headerinner-wrapper-learn .menu-icon__line { background-color: #ffffff; } .menu-icon__line-left { width: 15px; } .oci-content-block-inner { grid-template-columns: 100%; grid-gap: 30px; overflow: hidden; margin-top: 0; padding: 7px; } .what-you-will-learn { margin-top: 15px; } .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn { max-width: 320px; } .oc-hover-content .oc-4x-grid-innerwrapper { max-height: 190px; } .online-course-learn-wrapper-image img { border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .online-course-learn-wrapper { display: flex; grid-row-gap: 60px; align-items: center; flex-direction: column; } .de-mystified-wrapper { display: flex; grid-row-gap: 60px; align-items: center; flex-direction: column-reverse; } section.learn-section.online-course-learn, .de-mystified-learn { max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 30px; position: relative; padding-bottom: 100px; } .de-mystified-wrapper-content h2, .online-course-learn-wrapper h2, .de-mystified-wrapper-content p, .online-course-learn-wrapper p { max-width: initial !important; text-align: center; padding-bottom: 0; } .btn-bottom-small-screen { position: absolute; bottom: 0; margin-bottom: 10px; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 991px) and (min-width: 768px) { .oic-profile-image { justify-content: center; } .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn { max-width: 320px; margin: 0 auto; } .oic-course-desc { grid-template-columns: 60% 1fr; align-items: center; } } @media only screen and (max-width :768px) { .online-course-testimonial-wrapper { display: block; } .online-course-testimonial-wrapper.slick-initialized .slick-slide { display: block; margin: 30px; } } @media only screen and (max-width: 767px) { .oc-time-info { grid-template-columns: auto; } .hc-learn-browser-nav { margin-top: 9px; } section.learn-section.online-course-learn .online-course-learn-wrapper .online-course-learn-wrapper-image { padding-bottom: 50px; } .de-mystified-wrapper-content p, .online-course-learn-wrapper p, .online-course-learn-wrapper-content p { max-width: 100%; } .explore-navtabs { justify-content: center; position: relative; padding-bottom: 16px !important; margin-bottom: 16px !important; } .explore-navtabs img { width: 50px; height: 23px; position: sticky; right: 0; top: 24px; margin-top: 36px; } .explore-learn .learn-card-slider { margin-top: 0px; } .online-course-learn-wrapper-accredited { grid-template-columns: auto; width: 100%; max-width: 100% !important; margin: 0 !important; padding-bottom: 85px; } .oc-accredited-img img { max-width: 100%; height: auto; } .subscribe-newsletter-inner { grid-template-columns: auto; grid-gap: 20px; text-align: center; } .online-course-testimonial-wrapper.slick-initialized .slick-slide { display: block; margin: 10px; } span.testi-quotes { position: absolute; left: -8px; top: -22px; } span.testi-quotes.testi-quotes-rotate { right: 0; bottom: -10px; left: initial; top: initial; transform: rotate(180deg); } .online-course-testimonial-wrapper .slick-dots { position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, 50%); } .oc-categories-inner { display: grid; grid-template-columns: repeat(1, 100%); grid-gap: 35px; } .slick-list.draggable::after { display: none; } .oc-4x-grid-innerwrapper { max-height: 184px; } .fx-grid-component .slick-list { overflow: visible; } .oc-faq-wrapper { display: grid; grid-template-columns: auto; grid-gap: 22px 30px; } .oc-subs-plan-head-inner { padding: 30px 10px; } .oc-subs-plan-list { padding: 8px 18px; } .oc-subs-btn { padding: 7px 10px; font-size: 13px; border-radius: 3px; } .status-oic-header { flex-direction: column; align-items: flex-start; } .oci-video-page { max-width: 100%; } .overview-tab-wrapper { grid-template-columns: 100%; grid-template-rows: auto 1px auto; align-items: flex-start; grid-gap: 20px; margin: 0px 0px; padding-bottom: 20px; } .oic-video-main-wrapper { grid-template-rows: 250px auto; min-height: calc(100vh - 83px); height: initial; } .oic-video-tabs-wrapper .vr-line-profile { width: 100%; background-color: #EBEBEB; height: 100%; } .overview-tab-view-profile button { font-size: 14px; font-weight: 500; } .mysubs-table .bootstrap-table { border: 0px solid #ddd; border-left: 0; border-top: 0; } .mysubs-table .fixed-table-body { padding-top: 0rem; } /* css form video page*/ .page-wrapper .page-content { padding-top: 0; } .show-sidebar-oicv { position: initial; } .sidebar-video-info-label { margin-bottom: 0 !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 220px; top: 4px; position: relative; } @media screen and (-webkit-min-device-pixel-ratio:0) { .sidebar-video-info-label { top: 0px; position: relative; } } .show-sidebar-oicv .icon-open-more { width: 15px; height: 15px; margin-right: 7px; } .sidebar-more-content { padding: 6px 20px; align-items: center; padding-right: 0; } .sidebar-wrapper { width: 100%; left: -100%; top: 49px; } .page-wrapper.toggled .sidebar-wrapper { left: var(--custom-sidebar-width); } .oic-video-main-inner-wrapper { position: relative; margin-bottom: 35px; } .oic-video-tabs-wrapper .pract-profile-right { max-width: 100%; } .oic-main-wrapper-fixed.oic-video-main-wrapper { height: calc(100vh - 80px); } .oic-footer { font-size: 11px; } .oic-banner-hero__content { padding: 15px 8px; text-align: center; } .oic-banner-hero__title { font-size: 25px; line-height: 32px; } .oic-banner-hero__description { font-size: 16px; text-shadow: 1px 1px 4px rgb(0 0 0 / 40%); line-height: 22px; max-width: 70%; margin: 15px auto 25px; } .oic-cta-learn-banner { font-size: 13px; } .oic-banner-hero .hc-default-btn { max-width: 260px; font-size: 16px; line-height: 26px; } .oc-main-wrapper section.fx-grid-component { margin-top: 0px; } .headerinner-wrapper.headerinner-wrapper-learn .logo img { width: 36px; left: 35px; } header.headerinner-wrapper.headerinner-wrapper-learn .df-jcsb { display: flex; justify-content: center; align-items: center; min-height: 48px; } .search-bar-learn input { padding-left: 8px; padding-left: 35px; } .oic-banner-slider { width: 100%; margin-bottom: 35px; } .learn-menu-list li a { font-size: 12px; font-weight: 700; } .learn-logo-pattern { position: absolute; left: 0; top: 0; width: 175px; height: auto; } .login-btn { min-width: 103px; padding: 7px; margin-top: 12px; font-size: 14px !important; } .learn-menu-list { margin-top: 2px; } .banner-learn h1 { line-height: 36px; font-size: 28px; } .banner-learn h1 br { display: none; } .banner-learn p { font-size: 19px; margin: 15px 0 45px; } .banner-learn { background-image: url(/Content/images/learn/learn-banner.jpg); padding: 15px; padding-bottom: 50px !important; background-position: 39% center; } .text-with-bg { padding: 10px 10px 8px 8px; line-height: 41px; background-position: center 62%; } .lerrn-get-started { min-width: 190px; padding: 11px; font-weight: 700; font-size: 16px; border-radius: 100px; } .banner-learn { box-shadow: 0px 0px 12px 2px rgba(255, 255, 255, .28); } .online-course-testimonial-wrapper { grid-template-columns: auto; } section.learn-section.online-course-learn { max-width: initial; padding: 15px; padding-bottom: 80px; margin-bottom: 90px; } .online-course-learn-wrapper, .de-mystified-wrapper { grid-template-columns: auto; grid-row-gap: 0px; } .online-course-learn-wrapper-content { text-align: center; } .de-mystified-wrapper-content h2, .online-course-learn-wrapper h2 { text-align: center; } .learn-section { padding: 15px; } .learn-grid-therapists { max-width: 500px; width: 100%; } .explore-learn .learn-explore-wrapper { padding-right: initial; margin-left: initial; min-height: initial; margin: auto; max-width: 100%; } .learn-explore-wrapper .next-ctrl { right: 0px; } .learn-explore-wrapper .prev-ctrl { left: 0px; } .explore-learn { position: relative; margin-bottom: 182px; width: 100%; } .explore-learn .learn-card-slider-item { margin: 0 15px; } .testi-left-pattern, .testi-right-pattern { z-index: -1; } .learn-section-head { font-size: 29px; margin-bottom: 35px; line-height: 38px; } .de-mystified-wrapper-content p, .online-course-learn-wrapper p { padding-bottom: 0px; font-size: 16px; color: #9b9b9b; max-width: 350px; line-height: 25px; font-weight: 400; } .explore-navtabs { display: -ms-flexbox; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 0rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .explore-navtabs a { font-size: 16px; } .de-mystified-wrapper-content { text-align: center; } .de-mystified-learn { padding-bottom: 120px; } .explore-pattern { right: 0; top: 73%; width: 69px; z-index: -1; } .accredited-therapist-pattern { left: -15px; top: 79%; transform: translateY(-50%); width: 42px; } .accredited-therapist-pattern-two { right: 0; top: 95%; width: 44px; z-index: -5; } .fixed-top-learn { position: absolute; top: 0; right: 0; left: 0; z-index: 1030; padding: 0 19px; } .de-mystified-wrapper-image img, .online-course-learn-wrapper-image img { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .accerediated-therapist .text-with-bg { line-height: 40px; min-height: 38px; background-position: 50% 22%; } .de-mystified-wrapper-content, .online-course-learn-wrapper-content { z-index: 9; padding-top: 0px; } .testi-right-pattern { bottom: -100px; width: 30px; } .testi-left-pattern { position: absolute; left: 0; top: -95px; width: 55px; } .testi-cols img.testi-image { width: 120px; height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } section.learn-section.learn-hc-journey { margin-top: 85px; } .learn-hc-journey-content p { color: #9b9b9b; font-size: 18px; font-weight: 500; margin-bottom: 30px; } .learn-section { margin-bottom: 50px; } .explore-learn .learn-card-slider .slick-track { padding-top: 0; padding-bottom: 20px; } .de-mystified-wrapper-content { margin-bottom: 25px; } .learn-pattern { width: 192px; } .learn-logo-pattern .hc-svg-logo svg { position: absolute; max-width: 81%; top: 16px; left: 15px; } } /*css for crowdcube*/ .cus-conatiner { max-width: 80%; margin: 0 auto; padding: 0 15px; } @media only screen and (min-width: 1700px) { .cus-conatiner { max-width: 1600px; } } @media only screen and (max-width: 767px) { .cus-conatiner { max-width: 100%; margin: 0 auto; } } /*css for banner starts here*/ .crowdcube-learn { min-height: 89vh; background-image: url(/Content/images/hc-crowdcube/healingclouds-crowdcube-banner.jpg); background-position: center; background-size: cover; display: flex; text-align: left; align-items: center; padding-top: 10%; } .crowdcube-learn .cus-conatiner { width: 100%; } .crowdcube-learn h1 { font-size: 55px; font-weight: 700; line-height: 76px; color: var(--on-primary-color); margin-bottom: 25px; } .crowdcube-learn p { font-size: 20px; line-height: 31px; color: var(--on-primary-color); } .crowdcube-learn button { margin-top: 30px; } .cc-banner-para2 { margin: 15px 0 20px; } .cc-banner-para2 { margin: 25px 0 10px; } @media only screen and (max-width: 1400px) { .crowdcube-learn h1 { font-size: 45px; line-height: 58px; margin-bottom: 15px; } .crowdcube-learn p { font-size: 18px; line-height: 31px; } .cc-banner-para2 { margin: 15px 0 0px; } } /*css for banner ends here*/ .crowdcube-heading-main { font-size: 40px; color: var(--on-primary-color); margin: 0px; margin-bottom: 50px; font-weight: 700; position: relative; display: block; text-align: center; line-height: 57px; } .hc-cc-exponential-graph { display: flex; align-items: center; justify-content: center; width: 100%; } .hc-cc-exponential-graph svg { max-width: 600px; width: 100%; } .crodcube-invest-full-bg-section { background-color: var(--primary-color); padding: 30px 0; margin-bottom: 90px; } .crodcube-invest-head { color: #fff; font-weight: 600; font-size: 25px; line-height: 35px; margin-bottom: 19px; } .crowdcube-invest-white { color: var(--primary-color) !important; background-color: #fff; min-width: 167px; box-shadow: 0 4px 9px 0 rgb(56 55 55 / 18%), 0 2px 8px 0 rgb(118 113 113 / 15%); Padding: 10px 20px; } .crowdcube-invest-color { min-width: 216px; Padding: 10px 20px; font-size: 15px; } .crodcube-faq-section h2 { display: block; padding: 10px 15px; text-decoration: none; position: relative; padding-left: 0; font-size: 17px; color: var(--on-primary-color); } .crodcube-faq-section h2[aria-expanded="true"] { color: var(--primary-color); } .crodcube-faq-section-inner .card-body { font-size: 15px; color: var(--on-primary-color); } .crodcube-faq-section .panel-group .panel-heading a:after { content: '-'; float: right; } .crodcube-faq-section .panel-group .panel-heading a.collapsed:after { content: '+'; } .crowdcube-heading { color: var(--on-primary-color); font-size: 40px; font-weight: 600; margin-bottom: 45px; } .crowdcube-subhead { font-size: 17px; color: var(--on-primary-color); font-weight: 400; text-align: center; margin-bottom: 50px; line-height: 28px; } .crodcube-faq-section .accordion { margin-top: 40px; } .crodcube-faq-section .accordion .card { border: none; margin-bottom: 10px; } .crodcube-faq-section .accordion .card h2 { background: url('/Content/images/hc-crowdcube/minus.png') no-repeat calc(100% - 10px) center; background-size: 16px; cursor: pointer; font-size: 18px; } .crodcube-faq-section .accordion .card h2.collapsed { background-image: url('/Content/images/hc-crowdcube/plus.png'); } .crodcube-faq-section .accordion .card-body { padding-left: 0; padding-right: 0; } /*css for helping you be easier starts*/ .cc-theme-head { color: var(--primary-color); font-weight: 600; font-size: 20px; margin-bottom: 22px; } .crowdcube-helping-section .crowdcube-heading-main, .crowdcube-covid-section .crowdcube-heading-main, .crowdcube-business-section .crowdcube-heading-main, .crowdcube-care-section .crowdcube-heading-main { margin-bottom: 20px; } .crowdcube-helping-row { margin-top: 40px; } .cc-helping-list { color: var(--on-primary-color); display: grid; grid-template-columns: 178px auto; grid-gap: 40px; } .cc-helping-list:not(:last-child) { margin-bottom: 30px; } .cc-helping-list h3 { font-size: 21px; font-weight: 700; margin-bottom: 0; margin-top: 5px; text-align: right; } .cc-helping-list p { font-size: 15px; margin-bottom: 0; line-height: 28px; } .cc-helping-form input { border-radius: 50px; } .cc-helping-form input { border-radius: 50px; border-color: var(--primary-color); } .investing-label { font-size: 14px; margin-bottom: 0; } .inverting-form { align-items: center; color: var(--on-primary-color); } section.crowdcube-helping-section, .crowdcube-covid-section, .crowdcube-business-section, .crowdcube-care-section, .crowdcube-ourteam-section, .crodcube-faq-section { margin-bottom: 90px; } .crowdcube-partner-section { margin-bottom: 30px; } .theme-color-bold { color: var(--primary-color); font-weight: 600; } .cc-care-list { display: grid; grid-template-columns: max-content auto; grid-gap: 35px; align-items: center; } .cc-care-list img { max-width: 50px; } .cc-care-list p { margin-bottom: 0; font-weight: 400; color: var(--on-primary-color); } .cc-care-list p .theme-color-bold { font-weight: 700; } .cc-care-list:not(:last-child) { margin-bottom: 65px; } .cc-care-list { padding-left: 25px; } .crowdcube-care-section .row { align-items: center; } .hidden { display: none !important; } .cc-helping-form .field-validation-error { font-size: 13px; line-height: 19px; display: inline-block; } .cc-team-box img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; } .cc-team-box-inner { color: var(--on-primary-color); } .cc-team-box-inner h4 { font-size: 17px; font-weight: 600; margin-bottom: 3px; } .cc-team-box-inner label { font-size: 13px; font-weight: 300; margin-bottom: 0; } .cc-team-box { display: grid; grid-template-columns: max-content auto; align-items: center; grid-gap: 20px; box-shadow: 0px 2px 4px 2px rgb(45 45 45 / 12%); border-radius: 15px; padding: 8px 20px; } .last-team-row, .last-partner-row { justify-content: center; } .crowdcube-ourteam-section .cc-team-box { margin-bottom: 30px; } .crowdcube-partner-logo { text-align: center; } .crowdcube-partner-logo img { max-width: 120px; } .crowdcube-partner-logo { text-align: center; margin-bottom: 60px; } .partner-main-row { align-items: center; } img.cc-gympass-partner { max-width: 158px; } img.cc-hsbc-partner { max-width: 135px; } img.cc-tesco-partner { max-width: 198px; } img.cc-mind-body-partner { max-width: 145px; } img.cc-juno-body-partner { max-width: 95px; } img.cc-betterspace-partner { max-width: 165px; } img.cc-motivates-partner { max-width: 158px; } img.cc-anytime-partner { max-width: 158px; } .covid-sub-head { font-weight: 700; color: var(--on-primary-color); text-align: center; font-size: 20px; margin-bottom: 40px; line-height: 31px; } .cc-box-shadow { box-shadow: 0px 2px 4px 2px rgb(45 45 45 / 12%); border-radius: 25px; padding: 8px 20px; display: grid; grid-template-columns: max-content auto; align-items: center; grid-gap: 5px; background-color: #fff; } .cc-progress { margin: 12px auto; width: 90%; height: 38px; overflow: hidden; background: #EBEBEB; border-radius: 20px; } .cc-bar { position: relative; float: left; min-width: 1%; height: 100%; background: var(--primary-color); border-radius: 25px; } .cc-percent { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; font-family: tahoma,arial,helvetica; font-size: 12px; color: white; } .cc-box-shadow label { font-size: 28px; font-weight: 700; color: var(--primary-color); margin-bottom: 0; } .increase-text { color: var(--on-primary-color); text-align: center; margin-bottom: 20px; font-size: 19px; } .cc-growth-progress { margin-top: 40px; } .cc-ml-auto { margin-left: auto; margin-right: auto; } .crowdcube-covid-section, .crowdcube-business-section { position: relative; } .cc-pattern-1 { position: absolute; left: 0; top: 75%; transform: translateY(-50%); z-index: -1; display: none; } .cc-pattern-2 { position: absolute; right: 0; bottom: -36%; z-index: -1; } .crodcube-faq-section .hc-default-link { font-size: 15px; } .cc-project1-img { max-width: 97.5%; } .crodcube-faq-section .para-text { padding-left: 28px; } p.para-text { position: relative; } .tick { position: absolute; left: 0; } .fa-check.tick::after { content: ''; position: absolute; font-weight: 800; left: 0; background: url(/Content/images/new-home/tick-new.svg); background-size: 100%; width: 16px; height: 16px; background-repeat: no-repeat; top: 5px; } label.input-list-text-cc { display: grid; grid-template-columns: 70px auto; grid-gap: 15px; } .row-align-partner-logo-ant { display: none; } img.cc-fringe-partner { max-width: 165px; } @media only screen and (min-width: 767px) { .cc-hide-in-desktop { display: none; } } @media only screen and (max-width: 1100px) { .cus-conatiner { max-width: 95%; } .crodcube-faq-section .accordion .card h2 { line-height: 26px; padding-right: 33px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { img.cc-fringe-partner { max-width: 145px; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .crowdcube-learn { min-height: 670px; } .cc-pattern-1 { max-width: 170px; } .cc-pattern-2 { bottom: -26%; max-width: 132px; } .cc-team-box img { width: 65px; height: 65px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row-align-partner-logo-ant { display: block; } .logo-ant-hide-ipad { display: none; } .crowdcube-learn { background-position: 84%; } } @media only screen and (max-width: 991px) { .crowdcube-care-section .testi-pract-video-div { margin-bottom: 40px; } .cc-helping-list { grid-template-columns: auto; grid-gap: 17px; } .cc-helping-list h3 { text-align: left; } } @media only screen and (max-width: 767px) { .crowdcube-learn h1 br { display: none; } .cus-conatiner { max-width: 100%; } .cc-pattern-1 { top: 92%; max-width: 100px; } .cc-pattern-2 { position: absolute; right: 0; bottom: -100px; z-index: -1; max-width: 70px; } .row.partner-main-row, .row.last-partner-row { display: grid; grid-template-columns: repeat(2, 1fr); } .crowdcube-partner-logo { text-align: left; } .last-partner-row { justify-content: flex-start; } .cc-helping-list { grid-template-columns: auto; grid-gap: 10px; text-align: center; } .crowdcube-learn h1 { font-size: 29px; line-height: 40px; max-width: 75%; color: var(--on-primary-color); } .crowdcube-invest-color { text-align: center; display: block; } .capital-cc--df-jcsb { margin: 25px auto 0px; } .cc-banner-para1 br, .crodcube-invest-head br { display: none; } .crowdcube-learn p { font-size: 15px; line-height: 24px; color: #1e1e1e; max-width: 75%; text-shadow: 0px 0px 2px rgb(255 255 255 / 96%); font-weight: 500; } .crowdcube-learn { min-height: 89vh; background-image: url(/Content/images/hc-crowdcube/healingclouds-crowdcube-banner.jpg); background-position: 80%; padding: 0; padding-top: 90px; } .crowdcube-heading-main { font-size: 30px; line-height: 46px; } .crowdcube-subhead { margin-bottom: 35px; } .cc-care-list { padding-left: 0; } .cc-care-list:not(:last-child) { margin-bottom: 40px; } section.crowdcube-helping-section, .crowdcube-covid-section, .crowdcube-business-section, .crowdcube-care-section, .crowdcube-ourteam-section, .crodcube-faq-section { margin-bottom: 70px; } .cc-helping-list h3 { font-size: 17px; line-height: 22px; text-align: center; } .cc-helping-list p { line-height: 23px; } .cc-theme-head { margin-top: 40px; text-align: center; } .covid-sub-head { margin-bottom: 0; } .cc-box-shadow label { font-size: 22px; } .cc-progress { height: 34px; } .cc-project1-img { margin-bottom: 15px } .crowdcube-partner-logo img { max-width: 96px; } img.cc-mind-body-partner, img.cc-motivates-partner, img.cc-anytime-partner { max-width: 130px; } img.cc-betterspace-partner { max-width: 140px; } img.cc-gympass-partner { max-width: 140px; } img.cc-gympass-partner { max-width: 124px; } img.cc-juno-body-partner { max-width: 64px; } img.cc-tesco-partner { max-width: 168px; } img.cc-fringe-partner { max-width: 123px; } .mob-mb-0 { margin-bottom: 0; } .crowdcube-partner-section { margin-bottom: 60px; width: 100%; overflow: hidden; } .crodcube-invest-head { color: #fff; font-weight: 600; font-size: 18px; line-height: 33px; margin-bottom: 35px; } .crowdcube-partner-logo { text-align: center; } .cc-hide-in-mob { display: none; } } @media only screen and (max-width: 340px) { .crowdcube-learn p { font-size: 14px; max-width: 83%; } .crowdcube-partner-logo img { max-width: 83px; } .crowdcube-learn button { margin-top: 18px; } .lerrn-get-started { font-size: 14px; } img.cc-mind-body-partner, img.cc-motivates-partner, img.cc-anytime-partner { max-width: 115px; } img.cc-betterspace-partner { max-width: 130px !important; } img.cc-gympass-partner { max-width: 125px; } img.cc-fringe-partner { max-width: 100px; } img.cc-juno-body-partner { max-width: 65px !important; } .crowdcube-learn p { max-width: 81%; } } /*css for helping you be easier ends here*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } /*css for crowdcube ends here*/ .dfjcsb-ocv { display: grid; grid-template-columns: auto auto; justify-content: space-between; grid-gap: 10px; white-space: initial; align-items: center; } .hc-default-btn.oc-start-subs-btn { font-size: 14px; display: block; margin: 0px 0 30px; Padding: 9px 20px; min-width: 190px; font-weight: 500; } .meditation-recomended-wrapper .hc-default-btn.oc-start-subs-btn { margin: 10px 0 20px; } .oc-course-created label { font-size: 13px; } .capital-rist-txt { color: var(--on-primary-color); margin-bottom: 0 !important; font-size: 13px; } .capital-cc--df-jcsb { display: flex; align-items: center; justify-content: space-between; } .cc-hc-band { margin-top: 35px; } .team-label { display: block; text-align: center; width: 100%; color: var(--on-primary-color); margin-top: 25px; font-weight: 500; } .ncd-hr-line-profile { border-color: #E6E6E6; margin-top: 15px; margin-bottom: 12px; } .oc-course-created .ncd-hr-line-profile { width: 100%; margin-top: 7px; margin-bottom: 7px; } .oc-time-info .tags { margin-left: 5px; } .oc-time-info .tags label { margin-bottom: 0 !important; } /*.oic-buy-course-wrapper-fdc.box-shadow-learn.learn-default-box-shadow.oc-course-created { background-color: #fff; }*/ .ncd-subs-start-btn label { font-weight: 500; color: var(--on-primary-color); font-size: 15px; display: flex; } .ncd-subs-start-btn label em { margin-right: 6px; } .learn-menu { display: flex; align-items: center; } .ncd-guided-medi h5 { color: var(--primary-color); font-size: 16px; font-weight: 600; margin-bottom: 6px; margin-top: 0; } .ncd-guided-medi p { color: var(--on-primary-color); font-size: 15px; font-weight: 300; line-height: 26px; } .oic-course-desc { margin-top: 40px; } section.learn-cd-main-wrapper-section { position: relative; overflow: hidden; padding-bottom: 35px; min-height: calc(100vh - 130px); } .learning-objectives { margin-top: 35px; } .ncd-profile-wrapper { box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-radius: 13px; padding: 40px; position: relative; height: 100%; background-color: #fff; margin-top: 45px; overflow: hidden; } .ncd-img-profile-pattern { position: absolute; top: -2px; right: -2px; max-width: 45%; } .ncd-profile-main { display: flex; align-items: center; } .ncd-learn-profil-img { width: 120px; height: 120px; border-radius: 50%; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); margin-right: 30px; } .ncd-profile-details h5 { margin-top: 0; font-size: 20px; color: var(--on-primary-color); font-weight: 600; margin-bottom: 6px; } .ncd-profile-details .ncd-enroll .oc-dot { vertical-align: text-top; } .ncd-profile-details .ncd-enroll .oc-dot { vertical-align: text-top; line-height: 14px; margin-right: 4px; margin-left: 5px; font-weight: 700; } .ncd-profile-details .ncd-enroll span { font-weight: 300; font-size: 14px; } .ncd-profile-details .ncd-enroll span:first-child { margin-left: 0; } .ncd-profile-details label { margin-top: 0; color: var(--on-primary-color); font-weight: 600; margin-bottom: 1px; font-size: 15px; } .ncd-profile-details p { margin-top: 0; color: var(--on-primary-color); font-weight: 300; margin-bottom: 0px; font-size: 13px; } .ncd-user-lan-exp { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 35px; margin-top: 8px; } .ncd-profile-wrapper-hr { max-width: 50%; margin-left: 0; border-top: 1px solid #d1d1d1; margin-top: 30px; margin-bottom: 20px; } .ncd-profile-wrapper-tabs .tab-content { margin-top: 30px; } .ncd-profile-wrapper-tabs .box { margin-bottom: 0; } .ncd-learn-pract-deta { margin-bottom: 30px; } .ncd-learn-pract-deta h4 { font-size: 16px; color: var(--primary-color); font-weight: 600; margin-bottom: 9px; margin-top: 0px; } .ncd-learn-pract-deta p, .cdn-learn-review-para { line-height: 26px; color: var(--on-primary-color); font-weight: 300; font-size: 15px; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a { font-size: 16px !important; font-weight: 600 !important; color: var(--primary-color) !important; border: none !important; } .ncd-learn-courses { margin-top: 55px; margin-bottom: 65px; } .ncd-learn-about-content .hc-default-btn.oc-start-subs-btn { min-width: 185px; padding: 9px; } .ncd-learn-review-pract { display: flex; } .ncd-learn-review-pract-img { width: 60px; height: 60px; border-radius: 50%; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5); margin-right: 20px; } .ncd-learn-review-name h5 { font-size: 16px; color: var(--primary-color); margin-top: 0; margin-bottom: 5px; font-weight: 600; } .cdn-learn-review-para { font-size: 14px; line-height: 22px; margin-bottom: 0; margin-top: 5px; } .ncd-learn-hor-line { width: 1px; height: 50%; background-color: #BCBCBC; } .stars { max-width: 96px; } .ncd-learn-review-content:not(:last-child) { margin-bottom: 35px; } .ncd-learn-courses .oc-learn-dashboard .before-hover-text p { color: var(--on-primary-color); font-size: 13px; margin-bottom: 30px; line-height: 22px; max-height: 164px; } @media only screen and (max-width: 767px) { .cus-conatiner-learn { padding: 0 15px; } .oic-course-desc { margin-top: 20px; } .ncd-profile-main { flex-direction: column; } .ncd-learn-profil-img { margin-right: 0; margin-top: 5px; margin-bottom: 25px; } .ncd-profile-details h5 { text-align: center; } .ncd-profile-wrapper { padding: 20px; } .ncd-profile-wrapper-hr { max-width: 100%; } .ncd-learn-review-content { align-items: center; grid-template-columns: auto; grid-gap: 5px; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs { border-bottom: 0; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; } .ncd-profile-details .ncd-enroll { justify-content: center; align-items: center; display: flex; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a { font-size: 15px !important; font-weight: 500 !important; color: var(--primary-color) !important; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a { font-size: 15px !important; font-weight: 500 !important; color: var(--primary-color) !important; margin: 0; } .oic-video-tabs-wrapper .overViewTabDiv .nav-tabs > li:not(:last-child) { margin-right: 20px; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li:not(:last-child) { margin-right: 20px; } .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::before, .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::after { display: none; } .ncd-learn-pract-deta h4 { font-size: 15px; font-weight: 500; } .ncd-learn-pract-deta p, .cdn-learn-review-para { font-size: 14px; } .review-tabs-wrapper .calling strong { display: block; color: #2ebac0; font-size: 14px; font-weight: 500; } .ncd-learn-review-name h5 { font-size: 15px; font-weight: 500; } .oic-left-wrapper-grid .what-you-will-learn { margin-bottom: 10px; font-size: 18px; } .audio-wrapper-dash { max-width: 100%; } .noc-course-related { margin-top: 14px; } .ncd-profile-top-wrapper .oc-pract img { width: 90px !important; height: 90px; } h5.oic-instructor { font-size: 20px; } } /*css form placeholder*/ .ncd-subs-start-btn .placeolder-btn-ncd { font-size: 14px; display: block; margin: 8px 0 15px; Padding: 8px 20px; font-weight: 500; box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15); border: 2px; border-radius: 25px; cursor: pointer; width: 210px !important; height: 36px !important; text-transform: uppercase; } .oic-buy-course-wrapper-fdc.box-shadow-learn.learn-default-box-shadow.oc-course-created.placeload { min-height: initial; margin: 0; } .image-placeholder.loads.ncd-placeholder-viewers { max-width: 150px; margin-top: 4px; margin-bottom: 11px; } .image-placeholder.loads.ncd-placeholder-img-cnd { border-radius: 50%; width: 80px !important; height: 80px !important; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); } .image-placeholder.loads.ncd-placeholder-cwith { max-width: 190px; margin-top: 15px; margin-bottom: 10px !important; } .oc-course-created.placeload .loads { width: 100%; margin-top: 10px; height: 12px; } .ncd-placeholder-cwith { margin-bottom: 11px !important; } .oc-pract-name .ncd-placeholder-cwith-nn:nth-child(1) { width: 103px; } .oc-pract-name .ncd-placeholder-cwith-nn:nth-child(2) { width: 106px; } .oc-pract-name .ncd-placeholder-cwith-nn:nth-child(3) { width: 80px; } .oc-course-created.placeload .oc-pract-name .ncd-placeholder-cwith-nn { margin-bottom: 5px; margin-top: 0; } .ncd-profile-wrapper.placeload { margin: 0; } .ncd-profile-main-placeholder .ncd-placeholder-center-img { width: 120px !important; height: 120px !important; border-radius: 50%; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); margin-right: 30px; } .ncd-profile-details-placeholder .ncd-placeholder-name-center { width: 155px !important; } .ncd-profile-main-placeholder .ncd-enroll .ncd-placeholder { width: 207px; } .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) { width: 76px; } .ncd-user-lan-placeholder .ncd-placeholder:nth-child(2) { width: 72px; } .ncd-user-exp-placeholder .ncd-placeholder:nth-child(1) { width: 83px; } .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) { width: 65px; } .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(1) { width: 94px; } .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(2) { width: 106px; } .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(3) { width: 78px; } .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta .ncd-placeholder:first-child { width: 78px; } .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta:nth-child(2) .ncd-placeholder:first-child { width: 50px; } .ncd-learn-about-content-btn .image-placeholder { width: 185px !important; height: 38px !important; border-radius: 35px; } .ncd-profile-wrapper.placeload { margin: 0; padding: 40px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15) !important; border: none; margin-top: 40px; } @media only screen and (max-width: 1100px) and (min-width: 540px) { .oc-pract-name { padding-left: 17px; } .oci-content-block-inner-btn { width: 100%; margin-bottom: 20px; margin-right: 0; } .oci-thumbnails { min-height: 330px; } .oic-course-content-wrapper { flex-direction: column; } } .ncd-learn-review-name .review-block-date { font-size: 13px; color: var(--on-primary-color); font-weight: 300; } .ncd-profile-wrapper-tabs div#Reviews { max-height: initial; overflow: initial; overflow-y: initial; } .ncd-profile-wrapper-tabs .calling strong { font-size: 16px; } .ncd-profile-wrapper .overview-pract-profile p, .ncd-profile-wrapper .calling p { line-height: 26px; color: var(--on-primary-color); font-weight: 300; font-size: 15px; } @media only screen and (min-width: 768px) { .ncd-profile-wrapper-tabs #Specialties { margin: 0 0; } } @media screen and (max-width: 700px) { .ncd-learn-review-name .review-block-date { font-size: 13px !important; } } @media only screen and (max-width: 767px) { .ncd-profile-wrapper-tabs #Specialties { margin: 0 0; } .ncd-profile-wrapper-tabs #Specialties .calling.dg-minmax { padding: 0px 0px; } .learn-placeholder-loader .dg-placeload-row { max-width: 100%; } .learn-placeholder-loader .placeload { margin: 10% 0 10%; } } /*css for guided meditation starts here*/ .hc-gm-library .oic-banner-hero { background-image: url('/Content/images/learn/hc-guided-meditation-banner.jpg'); } .oc-gm-btns-wrapper { display: grid; grid-template-columns: repeat(2, max-content); grid-gap: 20px; margin-top: 40px; } .oc-gm-btns-wrapper .hc-default-btn { font-size: 15px; min-width: 190px; border: 2px solid var(--primary-color); padding: 9px; } button.hc-default-btn.gm-oc-btn { background-color: #fff; color: var(--primary-color) !important; } .hc-gm-library-main .oc-wrapper-mid { min-height: initial; border-radius: 10px; } .hc-gm-library-main .before-hover-text { margin-bottom: 10px; } .hc-gm-library-main .oc-wrapper-mid { position: relative; } .hc-gm-library-main .oic-image-bottom-content { position: absolute; bottom: 0px; left: 0px; max-width: 100%; padding: 8px 15px; } .hc-gm-library-main .before-hover-text { margin-bottom: 0; } .hc-gm-library-main .oc-4x-grid-innerwrapper { max-height: 226px; } .gm-view-btn { display: flex; align-items: center; background-color: var(--primary-color); width: 45px; height: 45px; text-align: center; border-radius: 50%; border: none; justify-content: center; } .hc-gm-library-main .fx-grid-component .overlay-hc-moadalities { background: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 65%)); } .gm-tags { display: flex; align-items: center; } .gm-tags label { color: #fff; background-color: #3f5d47; padding: 4px 7px; font-size: 12px; margin-bottom: 0 !important; border-radius: 5px; margin-right: 10px; } .meditation-oic-course-content-wrapper .oic-poinets-wrapper { max-width: 83%; } @media only screen and (max-width: 1024px) { .hc-gm-library-main img.img-arange-slider { min-height: 160px; max-height: 160px; } .hc-gm-library-main .oc-view-btn:hover { background-color: var(--primary-color); } } @media only screen and (max-width: 576px) { .oc-main-wrapper.hc-gm-library-main section.fx-grid-component, .oc-main-wrapper section.fx-grid-component, .lpl-container { max-width: 340px; margin: 0 auto !important; } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper { grid-template-columns: 60% auto; } .learn-placeholder-loader.hc-gm-library-placeholder.cus-conatiner-learn { padding: 0; } .gm-placeholder-loads-tags { grid-template-columns: 45px 45px 25px; } .hc-gm-library-main .learn-slider-inner-wrapper .prev-ctrl { display: none !important; } .hc-gm-library-main .learn-slider-inner-wrapper .next-ctrl { display: none !important; } } @media only screen and (max-width: 350px) { .oc-main-wrapper.hc-gm-library-main section.fx-grid-component { max-width: 280px; margin: 0 auto !important; } } .gm-timer { color: #fff; font-size: 11px; display: flex; align-items: center; } span.timer { line-height: 9px; display: inline-block; margin-right: 6px; } .hc-gm-library-main .oic-image-bottom-content .before-hover-text h5 { font-size: 0.9rem; text-shadow: 1px 1px 4px rgb(0 0 0 / 72%); color: #ffffff; margin-bottom: 8px; min-height: inherit; font-weight: 500; } .gm-timer svg { width: 16px; height: 16px; } .oc-content svg { width: 23px; height: 23px; position: relative; } .hc-gm-library-main .healing-clouds-pattern-top { top: 188px; max-width: 90px; } .hc-gm-library-main .healing-clouds-pattern-bottom { max-width: 100px; top: 60%; } .hc-gm-library-placeholder .placeload { min-height: 180px; overflow: hidden; background: #dddddd; margin: 10% 0 10%; box-shadow: none; } .hc-gm-library-placeholder .loads.loads2 { background: -webkit-linear-gradient(to right, #c7cdd8 8%, #c7cdd8 18%, #c7cdd8 33%); background: linear-gradient(to right, #c7cdd8 8%, #c7cdd8 18%, #c7cdd8 33%); } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper { position: absolute; bottom: 0; z-index: 9; width: 100%; margin-top: 15px; display: grid; align-items: center; grid-template-columns: 60% auto; grid-gap: 25px; padding: 15px; } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper .img-pal-learn { width: 52px; height: 52px; justify-self: right; } .hc-gm-library-placeholder .placeload .content-shape-dg:not(:last-child) { margin-bottom: 0; } .hc-gm-library-placeholder.learn-placeholder-loader .body-content-wrapper .content-shape-dg:first-child .image-placeholder:first-child { height: 180px; } .hc-gm-library-placeholder .body-content-wrapper { position: relative; } .gm-placeholder-loads-tags { display: grid; grid-template-columns: 55px 55px 45px; grid-gap: 15px; } .row.create-account-page.ques-ca-row .form-group, .ques-ca-row .form-group { margin-bottom: 35px !important; } @media(max-width: 1500px) { .gm-placeholder-loads-tags { grid-template-columns: 25px 30px 45px; } } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper .placeholder-learn-image .image-placeholder:nth-child(2) { width: 100%; } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper .placeholder-learn-image .image-placeholder:nth-child(3) { width: 100%; } .hc-gm-library-placeholder.learn-placeholder-loader .dg-placeload-row { max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 1199px) { .gm-placeholder-loads-tags { grid-template-columns: 25px 25px 22px; grid-gap: 10px; } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper { grid-template-columns: 45% auto; grid-gap: 20px; } .hc-gm-library-placeholder.learn-placeholder-loader .placeholder-image-wrapper .img-pal-learn { width: 40px; height: 40px; justify-self: right; } .placeholder-last-child-meditation-col { display: none; } } /*css for guided meditation ends here*/ /*modifications for learn left-dash menu*/ .learn-search-input-main { display: none; } .welcome.learn-menu { display: flex; align-items: center; } @media (max-width: 1252px) { .headerinner-wrapper .logo img.cus-mob-view-ll { height: 58px; position: absolute; left: 30px; transform: translate(-50%, -50%); top: 39px; z-index: 851; width: 58px; } .learn-menu { display: none; } .hc-learn-browse-search { width: 85%; } .hc-learn-browser-nav { width: 100%; max-width: 100%; left: 0; } } @media (min-width: 1253px) { .learn-layout-menu.sidebar-mini.sidebar-collapse .content-wrapper, .learn-layout-menu.sidebar-mini.sidebar-collapse .right-side, .learn-layout-menu.sidebar-mini.sidebar-collapse .main-footer { margin-left: initial !important; z-index: initial; } } .mob-view-hc-learn-browse-search { transition: animation all .3s; } .ui-front.ui-menu { width: auto !important; border-radius: 4px; max-width: 550px; z-index: 998; } .ui-front.ui-menu::-webkit-scrollbar, .hc-learn-browser-nav .content::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .ui-front.ui-menu, .hc-learn-browser-nav .content::-webkit-scrollbar { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } /*.learn-body-wrapper-al .ui-front.ui-menu { max-width: 581px; } @media (max-width: 1366px) { .learn-body-wrapper-al .ui-front.ui-menu { max-width: 551px; } } @media (max-width: 1300px) { .learn-body-wrapper-al .ui-front.ui-menu { max-width: 500px; } } @media (min-width: 1440px) { .learn-body-wrapper-al .ui-front.ui-menu { max-width: 587px; } } @media (min-width: 1560px) { .learn-body-wrapper-al .ui-front.ui-menu { max-width: 592px; } } .ui-front.ui-menu { max-width: 621px; }*/ .ui-menu-item.ui-state-focus, .ui-menu-item.ui-state-hover, .ui-menu-item.ui-widget-content .ui-menu-item.ui-state-focus, .ui-menu-item.ui-widget-content .ui-state-hover, .ui-menu-item.ui-widget-header .ui-state-focus, .ui-menu-item.ui-widget-header .ui-state-hover { background: #f1f1f1 !important; } @media(max-width: 991px) { .hc-learn-browse-search { width: 85%; } } @media (max-width: 767px) { .search-bar-learn { display: none; } .mob-view-hc-learn-browse-search .search-bar-learn, .mob-view-hc-learn-browse-search .close-mobile-search-input { display: block; } .hc-learn-browser-link { margin-right: 0; } .hc-learn-browser-nav { width: 100%; left: 0; left: 50%; transform: translateX(-50%); max-width: 100%; } .nav-menu-category { width: 100%; font-size: 14px; } .nav-menu-category-list { margin: 0px 10px 10px 0px; list-style-type: none; } .nav-menu-category-left-col { padding-left: 0; } .nav-menu-category-list ul { padding-left: 0; } .nav-menu-categories { display: grid; margin-right: 0; } .nav-menu-subcategory { font-size: 14px; } .nav-menu-subcategory { margin-bottom: 15px; } .hc-learn-browse-search { width: initial; display: flex; align-items: center; } .hc-learn-browse-search { width: initial; display: flex; align-items: center; justify-self: flex-start; width: 100%; } .learn-header-wrapper-al .hc-learn-browse-search { padding-left: 48px; } .ui-front.ui-menu { width: auto !important; border-radius: 4px; z-index: 99999; } .learn-autocomplete-drop-title h4 { font-size: 13px; min-width: 100% !important; width: 100%; margin-bottom: 3px; } .ui-front.ui-menu { width: calc(100% - 18px) !important; min-height: calc(100vh - 110px); border-radius: 4px; z-index: 99999; padding-bottom: 20px; } .learn-autocomplete-drop-title h4 { font-size: 12px !important; font-weight: 500; } .learn-autocomplete-drop-title label { font-weight: 300; font-size: 12px; } } @media (min-width: 768px) { .js-mob-view-search-icon, .js-hide-mob-view-hc-learn-browser-nav, .close-mobile-search-input, .learn-ovelay-search-mob-view { display: none; } } .mob-view-hc-learn-browse-search .search-bar-learn { position: absolute; left: 50%; transform: translateX(-50%); width: 95%; z-index: 999999; margin-top: 40px; } .close-mobile-search-input svg { fill: var(--on-primary-color); } .close-mobile-search-input label { margin-bottom: 0 !important; font-size: 14px; color: var(--secondary-color); font-weight: 400; } .learn-search--overlay { position: fixed; top: 0; left: 0; width: 100%; } .learn-search--overlay .learn-ovelay-search-mob-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .learn-search--overlay .df-jcsb.col-md-12.py-8 { background-color: #ffff; } .mob-view-hc-learn-browse-search .close-mobile-search-input { position: absolute; z-index: 999; top: -24px; right: 0px; } .close-mobile-search-input svg { fill: var(--on-primary-color); width: 23px; height: 23px; opacity: 0.8; } /*ends here*/ .oic-buy-course-btn.learn-oc-gm-white { background-color: #fff; color: var(--primary-color) !important; } .oic-buy-course-btn.learn-oc-gm-white:hover { background-color: #fff; color: var(--primary-color) !important; } .oic-banner-hero__action { display: grid; grid-template-columns: repeat(2, max-content); grid-gap: 20px; } @media only screen and (max-width: 767px) { .oic-banner-hero__action { grid-template-columns: auto; justify-content: center; } } .learn-auto-complete-drop .learn-autocom-drop-img { max-width: 165px; min-width: 165px; margin-right: 15px; } .learn-auto-complete-drop .learn-autocom-drop-img img { border-radius: 5px; width: 100%; height: 65px; object-fit: cover; margin-right: 15px; } .ui-menu-item.ui-state-focus { background-image: none; background-color: #fff; } .ui-menu .ui-state-active, .ui-menu .ui-state-focus { margin: 0 !important; padding: 10px !important; background: transparent; } .learn-autocomplete-drop-title h4 { font-size: 14px; color: var(--secondary-color); font-weight: 600; display: inline; min-width: 394px; width: calc(100% - 30px); } .learn-autocomplete-drop-title label { color: var(--on-secondary-color); font-weight: 400; font-size: 13px; margin-top: 0px; width: calc(100% - 30px); } .learn-auto-complete-drop { display: flex; justify-content: flex-start; } .ui-menu .ui-menu-item { margin-bottom: 0px; } .ui-widget-content { font-weight: 400; background-image: none; border: 1px solid #e4dfdf; border-radius: 2px; } .ui-menu .ui-menu-item { padding: 10px !important; padding-bottom: 0; } /*css for search page*/ .learn-search-layout-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .learn-search-layout-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 310px; flex: 0 0 310px; margin-right: 24px; } .learn-search-layout-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 1px; box-shadow: var(--default-shadow); border-radius: 13px; padding: 20px; position: relative; background-color: var(--card-bg-color); } /*css for checkbox*/ .hc-radio-check [type=checkbox], .hc-radio-check [type=radio] { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .hc-radio-check [type=checkbox]:focus + label::before, .hc-radio-check [type=radio]:focus + label::before { box-shadow: 0 0 0 2px rgba(46, 186, 191, 0.24) !important; } .hc-radio-check [type=checkbox]:hover + label::before, .hc-radio-check [type=radio]:hover + label::before { border-color: var(--primary-color); } .hc-radio-check [type=checkbox]:active + label::before, .hc-radio-check [type=radio]:active + label::before { transition-duration: 0; } .hc-radio-check [type=checkbox] + label, .hc-radio-check [type=radio] + label { position: relative; padding: 6px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hc-radio-check [type=checkbox] + label::before, .hc-radio-check [type=radio] + label::before { background-color: #fff; border: 1px solid var(--primary-color); box-sizing: content-box; content: ""; color: #444; margin-right: 13px; left: 0; width: 19px; height: 19px; display: inline-block; vertical-align: middle; } .hc-radio-check [type=checkbox] + label::after, .hc-radio-check [type=radio] + label::after { box-sizing: content-box; content: ""; background-color: var(--primary-color); position: absolute; top: 50%; left: 5px; width: 11px; height: 11px; top: 13.5px; transform: scale(0); transform-origin: 50%; transition: transform 200ms ease-out; } .learn-body-wrapper-al.hc-radio-check [type=checkbox] + label::after, .learn-body-wrapper-al .hc-radio-check [type=radio] + label::after { margin-top: 0px; } .hc-radio-check [type=checkbox][disabled] + label::before, .hc-radio-check [type=radio][disabled] + label::before { -webkit-animation: none; animation: none; box-shadow: none; border: 1px solid rgba(128, 128, 128, 0.5); } .hc-radio-check [type=checkbox][disabled]:active + label::before, [type=checkbox][disabled]:focus + label::before, .hc-radio-check [type=checkbox][disabled]:hover + label::before, .hc-radio-check [type=radio][disabled]:active + label::before, .hc-radio-check [type=radio][disabled]:focus + label::before, .hc-radio-check [type=radio][disabled]:hover + label::before { border-color: rgba(128, 128, 128, 0.5); filter: none; transition: none; } .hc-radio-check [type=checkbox] + label::before, .hc-radio-check [type=checkbox] + label::after { border-radius: 0; } .hc-radio-check [type=checkbox] + label::after { background-color: transparent; top: 50%; left: calc(0px + 0px + 17px/5); width: 12px; height: 4.8px; margin-top: calc(40px / -3 / 2 * 0.8); border-style: solid; border-color: #444; border-width: 0 0 3px 3px; border-radius: 0; -o-border-image: none; border-image: none; transform: rotate(-45deg) scale(0); transition: none; } .hc-radio-check [type=checkbox]:checked + label::after { content: ""; transform: rotate(-45deg) scale(1); transition: transform 200ms ease-out; } .hc-radio-check [type=radio] + label::before, [type=radio] + label::after { border-radius: 50%; } .hc-radio-check [type=radio]:checked:active + label::before, .hc-radio-check [type=radio]:checked:focus + label::before { -webkit-animation: none; animation: none; filter: none; transition: none; } .hc-radio-check [type=radio]:checked + label::before { -webkit-animation: none; animation: none; background-color: #fff; } .hc-radio-check [type=radio]:checked + label::after { transform: scale(1); } @-webkit-keyframes borderscale { 50% { box-shadow: 0 0 0 2px #900; } } @keyframes borderscale { 50% { box-shadow: 0 0 0 2px #900; } } .hc-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 95% 50%; border: 1px solid grey; border-radius: 0; padding: 0.4em 0.4em; min-width: 100%; padding-right: 1.5em; border-radius: 3px; } .hc-select select:focus, .hc-select select:hover { border-color: black; outline: none; } .hc-select select:active { border-color: #900; } .hc-select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .hc-select select::-ms-expand { display: none; } .hc-select select:focus::-ms-value { background: transparent; color: grey; } } .hc-radio-check input:focus { border: 1px solid black; } .hc-radio-check input:not(:focus):invalid { border: 1px solid red; outline: none; } .hc-radio-check input:not(:focus):valid { border: 1px solid green; } .hc-radio-check ul, .hc-select ul { list-style-type: none; padding-left: 0; } .hc-radio-check ul li label { font-size: 15px; color: var(--on-primary-color); font-weight: 400; cursor: pointer; margin-bottom: 0 !important; padding: 0 !important; min-height: 38px; display: flex; align-items: center; } /*css for checkbox ends here*/ .learn-search-results-main { padding: 30px 0; min-height: calc(100vh - 90px); position: relative; margin-bottom: 60px; } .learn-results-text { margin-bottom: 8px; font-size: 15px; color: var(--on-primary-color); font-weight: 400; display: flex; align-items: center; } /*css for let filter*/ .learn-left-legends { line-height: 16px; color: var(--primary-color); font-size: 15px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 14px; text-transform: uppercase; border: none; } .learn-left-filter-fs fieldset:not(:last-child) { margin-bottom: 15px; } .learn-search-layout-sidebar-filters { box-shadow: var(--default-shadow); border-radius: 13px; padding: 20px; position: relative; height: 100%; background-color: var(--card-bg-color); } .learn-skills-tag { border: 1px solid var(--primary-color); margin-top: 8px; font-weight: 400; line-height: 20px; margin-left: 0; padding-top: 5px; margin-right: 8px; padding-left: 10px; margin-bottom: 0; padding-right: 10px; padding-bottom: 5px; border-radius: 25px; display: inline-flex; font-size: 14px; color: var(--on-primary-color); transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .learn-skills-tag:hover, .active-learn-tag, .learn-skills-tag:focus { background-color: var(--primary-color); border: 1px solid var(--primary-color); color: #fff; } /*ends here*/ /*css for cards*/ .learn-result-card { padding-bottom: 24px; } .learn-result-card:not(:last-child) { margin-bottom: 24px; } .learn-result-card:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.15); } .learn-feed-list { list-style-type: none; padding-left: 0; margin-top: 35px; } .learn-card-detail { display: -webkit-box; display: -ms-flexbox; display: flex; } .learn-card-detail-thumbnail { width: 245px; } .learn-card-detail-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 25px; } .learn-card-detail-video { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.15); -webkit-transition: -webkit-box-shadow 83ms; transition: -webkit-box-shadow 83ms; transition: box-shadow 83ms; transition: box-shadow 83ms, -webkit-box-shadow 83ms; border-radius: 5px; min-height: 138px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .placeload-search-results { min-height: 138px; margin: 0 !important; } h3.learn-card-detail-body-main-head { margin-bottom: 7px; margin-top: -6px; } .learn-card-detail-body-main-head a { font-size: 19px; color: var(--primary-color); font-weight: 600; } .learn-card-detail-tags { margin-top: 12px; } .learn-list-instr { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style-type: none; } .learn-list-instr-item .oc-dot { font-weight: 700; vertical-align: text-top; height: initial; color: var(--primary-color) !important; font-size: 33px !important; line-height: 0px; display: inline-block; margin-left: 5px; margin-right: 5px; } .learn-list-released-item { margin-left: 20px; font-size: 14px; color: var(--on-primary-color); font-weight: 300; } .learn-list-instr-item, .learn-viewer-count-learners { font-size: 14px; color: var(--on-primary-color); font-weight: 400; } .learn-card-detail-video-thumb-image { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; overflow: hidden; } .learn-card-detail-video-thumb-image img { width: 100%; border-radius: 2px; height: 100%; object-fit: cover; } .learn-card-detail-video-overlay { width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: opacity .3s linear .3s; transition: opacity .3s linear .3s; opacity: 0; } .learn-card-detail-thumbnail-link:hover .learn-card-detail-video-overlay { opacity: 1; z-index: 1; } a.learn-card-detail-thumbnail-link { cursor: pointer; } .learn-card-play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-box-sizing: content-box; } .learn-card-detail-body { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 1px; } .learn-card-detail-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .learn-search-results-main .nd-pattern-top { left: 0; } .filter-txt { color: var(--on-primary-color); } .learn-filter-icon svg { color: var(--on-primary-color); } .filtered-tags-btns { display: flex; align-items: flex-end; line-height: 15px; padding: 6px 10px; border: none; background-color: var(--primary-color); color: #fff; font-size: 13px; margin-left: 20px; border-radius: 25px; text-transform: capitalize; } .filtered-tags-btns svg { width: 10px; height: 10px; margin-left: 8px; stroke: #fff; position: relative; top: -2px; } .learn-search-placeholder .learn-card-detail-video .image-placeholder { height: 100%; margin-top: 0; } .learn-search-placeholder .ncd-enroll { display: flex; align-items: center; justify-content: flex-start; } .learn-search-placeholder .learn-list-instr-item .oc-dot { font-size: 38px !important; line-height: 0px; display: inline-block; position: relative; top: -7px; color: #dfdfdf !important; } .learn-search-placeholder .ncd-enroll .ncd-placeholder { width: 73px; } .learn-search-placeholder .learn-card-detail-thumbnail { border-radius: 15px; overflow: hidden; } .learn-search-placeholder .learn-card-detail { width: 100%; } .learn-search-placeholder .learn-card-detail-body-main-head .ncd-placeholder { max-width: 330px; } .learn-search-placeholder .learn-card-detail-body-view-count { max-width: 85px; } .learn-search-layout-results .ncd-profile-wrapper.placeload { min-height: initial; padding: 0; box-shadow: none !important; } .learn-search-placeholder .learn-result-card { margin: 0; padding: 0; width: 100%; } .search-card-txt { color: var(--on-primary-color); font-weight: 400; } .learn-card-detail-body-main .search-card-txt:hover { color: var(--primary-color); } .learn-body-wrapper-al .learn-search-layout-container { margin-bottom: 0px; } .js-oc-stickIt { transition: all .3s; } /*css for cards ends here*/ @media only screen and (min-width: 992px) { .learn-filter-button { display: none; } } @media only screen and (max-width: 991px) { .learn-search-layout-sidebar { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 30px; } .learn-list-instr-item, .learn-viewer-count-learners { font-size: 13px; } .learn-search-layout-container, .learn-card-detail { flex-direction: column; } .learn-card-detail-thumbnail { width: 100%; } h3.learn-card-detail-body-main-head { margin-bottom: 7px; margin-top: 14px; line-height: 20px; } .learn-list-instr { flex-direction: column; align-items: flex-start; } .js-learn-search-layout-sidebar { display: none; } .learn-list-released-item { margin-left: 0; margin-top: 6px; } .learn-filter-button { align-items: center; border: none; border-radius: 2px; cursor: pointer; font-weight: 600; display: inline-flex; justify-content: flex-start; min-width: 6.4rem; background-color: transparent; margin-bottom: 15px; overflow: hidden; } .learn-filter-icon { height: 25px; margin-right: 7px; } .learn-auto-complete-drop .learn-autocom-drop-img { min-width: 85px; max-width: 85px; width: 100%; margin-right: 7px; } } /*ends here*/ @media only screen and (max-width: 767px) { .learn-search-results-main { padding: 15px 0; } .learn-suggestion-text { padding: 6px 7px; } .learn-suggestion-text label { font-size: 12px; } .search-bar-learn ::-webkit-input-placeholder { font-size: 12px; } .search-bar-learn ::-moz-placeholder { font-size: 12px; } .search-bar-learn :-ms-input-placeholder { font-size: 12px; } .search-bar-learn ::placeholder { font-size: 12px; } .learn-card-detail-body-main-head a { font-size: 16px; } .learn-feed-list { margin-top: 15px; } .learn-card-detail-tags { margin-top: 6px; margin-bottom: 3px; } .learn-feed-list li:not(:last-child) { padding-bottom: 24px; margin-bottom: 24px; } .search-icon { right: 0; left: initial; } .mob-view-hc-learn-browse-search .search-icon { left: 0; right: initial; line-height: 13px; padding: 9px 9px; width: 20px; } a.hc-learn-browser-link:hover, a.hc-learn-browser-link:focus { color: transparent; } .ui-tags-search { display: none; } .learn-results-text { flex-direction: column; align-items: flex-start; } .filtered-tags-btns { margin-top: 8px; margin-left: 0; } .learn-search-layout-results .ncd-profile-wrapper.placeload { margin-top: 15px; border-radius: 0; } .headerinner-wrapper .logo img.cus-mob-view-ll { width: 34px; height: 34px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 851; } /*.learn-header-wrapper-al.headerinner-wrapper .logo img.cus-mob-view-ll { display: none; }*/ .modot-pd-0 { padding-left: 0; } .modot-pd-0 { padding-left: 0; margin-left: 0 !important; } .learn-card-detail-video-overlay { opacity: 1 !important; } .hc-gm-library-main .healing-clouds-pattern-bottom { top: 53%; } .learn-body-wrapper-al section.learn-cd-main-wrapper-section { padding-bottom: 0px; } .dfjcsb-ocv { grid-template-columns: auto 70px; white-space: initial; } } .learn-menu ul.dropdown-menu.mobileUlMenu.hdr-drp.navigation__nav { min-width: 190px; top: 59px; } /*css for meditation starts here*/ .learn-search-input-main.meditation-search-input-main { display: none; } .pract-profile-right .overview-tab-inner-wrapper label.practise-routines { color: var(--on-primary-color); font-weight: 500; } .meditation-oci-content-block-inner-head .oic-course-header-wrapper { max-width: 877px; } @media only screen and (max-width: 1253px) and (min-width: 768px) { .skin-blue .sidebar-menu > li.header { color: #27325A; background: #27325A; margin-bottom: 25px; } .logo-mini img { height: 58px !important; margin-top: 0px !important; position: relative; top: 7px; } .page-wrapper.toggled .page-content { padding-left: 0px; } .page-wrapper .page-content { padding-top: 0; } .video-container-learn-course { min-height: 100vh; position: relative; } .page-wrapper.oci-video-page #sidebar { min-height: 100vh; } .overview-tab-view-profile a.hc-default-btn.book-therapy-session { max-width: 195px; min-width: 195px; padding: 9px 9px; font-size: 15px; } .oci-video-page { height: 100%; } .sidebar-wrapper { top: 49px; } .oic-video-main-wrapper { grid-template-rows: 385px auto; min-height: calc(100vh - 91px); height: initial; } .page-wrapper .page-content { min-height: initial; } .learn-layout-menu.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 0px !important; } .learn-body-wrapper-al.learn-layout-menu.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 0 !important; } .learn-body-wrapper-al .menu-icon-cust-learn { display: none; } .learn-body-wrapper-al #mainMenu { opacity: 1; } .learn-body-wrapper-al #wrapper .headerinner-wrapper #headerinner .menu { top: 0; visibility: visible; } .learn-body-wrapper-al #wrapper .headerinner-wrapper #headerinner .menu > ul > li { padding: 0 !important; } .learn-body-wrapper-al #wrapper .headerinner-wrapper #headerinner .menu .drop-down-learn .dropdown-menu { position: absolute; height: auto; max-height: initial; } ul.dropdown-menu.mobileUlMenu.hdr-drp.js-learn-dropmenu.js-learn-show-dropmenu { display: block; } .learn-body-wrapper-al .js-learn-dropmenu { height: auto; max-height: initial; min-width: 200px; right: 0; left: initial; } .learn-body-wrapper-al .js-learn-dropmenu a { font-size: 14px; } .learn-body-wrapper-al #wrapper .headerinner-wrapper #headerinner .menu ul li a { margin-bottom: 0; } .learn-body-wrapper-al .learn-menu { display: flex; } .learn-body-wrapper-al .drop-down-link img { width: 30px; object-fit: cover; height: 30px; } .learn-body-wrapper-al .drop-down-learn .drop-down-link p { line-height: 16px; } .learn-body-wrapper-al .headerinner-wrapper .logo img.cus-mob-view-ll { height: 38px; width: 38px; position: absolute; left: 30px; transform: translate(-50%, -50%); top: 24px; z-index: 851; } .learn-body-wrapper-al { position: relative; } .learn-body-wrapper-al .oc-content-block { padding-bottom: 10px; } .main-sidebar { padding-top: 0px !important; } .hc-gm-library-main .oic-image-bottom-content .before-hover-text h5 { font-size: 12px; margin-bottom: 3px; } .gm-timer svg { width: 13px; height: 13px; } .gm-timer { font-size: 10px; font-weight: 300; } .nav-menu-categories { display: grid; grid-template-columns: auto auto auto; justify-content: initial; } .nav-menu-category-left-col { padding-left: 0; } } @media only screen and (min-width: 1253px) { .menu-icon-cust-learn { display: none; } } @media only screen and (max-width: 1252px) { .menu-icon-cust-learn { position: absolute; left: 15px; top: 10px; } #headerinner .toggle-sidebar-btn { height: 28px !important; } .learn-menu { display: none; } .hc-learn-browser-nav .content { max-height: calc(100vh - 120px); overflow: scroll; padding-bottom: 0; } .sidebar-wrapper { top: 48px !important; } } /*css for meditation details page starts here*/ .meditation-oic-course-content-wrapper { flex-direction: column-reverse; } .meditation-oci-content-block-inner { grid-template-columns: 65% 1fr; } .meditation-oci-thumbnails { border-radius: 13px; min-height: 410px; } .meditation-oic-course-content-wrapper .oic-poinets-wrapper .para-text { margin-top: 0; margin-bottom: 18px; font-size: 16px; } @media only screen and (min-width: 1400px) { .meditation-oci-thumbnails { border-radius: 15px; min-height: 430px; } } .meditation-audio-wrapper-dash { max-width: 100% !important; } .oic-course-header-wrapper.meditation-oic-course-header-wrapper { margin-bottom: 0px; position: relative; top: -5px; display: initial; } .oic-course-header-wrapper.meditation-oic-course-header-wrapper .oic-course-header-head { margin-bottom: 8px; font-weight: 400; color: var(--secondary-color); font-size: 24px; line-height: 37px; } .recomended-meditation-text { color: var(--primary-color); font-size: 18px; margin-bottom: 20px; font-weight: 600; } .meditation-recomended-wrapper .learn-default-box-shadow:not(:last-child) { margin-bottom: 30px; } .guided-meditation-audio-player, .guided-meditation-controls { overflow: visible !important; } .medtitaion-timeline-audio-wrapper { position: absolute; top: -39px; line-height: 19px; } .medtitaion-timeline-audio-text { margin-bottom: 0 !important; font-size: 13px; font-weight: 600; color: var(--on-primary-color); margin-top: 0; } .medtitaion-timeline-audio-label { margin-bottom: 0 !important; font-size: 11px; font-weight: 400; color: var(--primary-color); margin-top: 0; } .meditation-recomended-wrapper .learn-default-box-shadow { min-height: 110px; display: flex; align-items: center; width: 100%; max-width: 100%; } .meditation-audio-wrapper-dash { width: 100%; } .meditation-recomended-wrapper .play-container { height: 68px; width: 68px; } .meditation-recomended-wrapper .audio-player .controls .toggle-play.play { border: 13px solid rgb(0 0 0 / 0%); border-left: 20px solid var(--card-bg-color); } .meditation-recomended-wrapper .toggle-play { left: 12px !important; } .meditation-recomended-wrapper .audio-player .timeline-audio { top: 4px; } .guided-meditation-main-wrapper { min-height: initial !important; } .guided-meditation-main-wrapper .learn-cd-main-wrapper-section { min-height: calc(100vh - 96px); } @media only screen and (max-width: 1100px) and (min-width: 540px) { .meditation-oci-thumbnails { border-radius: 15px; min-height: 318px; } } @media only screen and (max-width: 767px) { .meditation-oic-course-header-head.oic-course-header-head { font-size: 17px; font-weight: 600; line-height: 25px; } .meditation-oci-content-block-inner .oci-content-block-inner { grid-gap: 0px; } .meditation-recomended-wrapper .play-container { border: 2px solid var(--primary-color); height: 60px; width: 60px; } .meditation-recomended-wrapper .audio-player .controls .toggle-play.play { border: 12px solid #0000; border-left: 20px solid var(--primary-color); } .meditation-recomended-wrapper .toggle-play { left: 10px !important; } .meditation-oci-content-block-inner-btn { width: 100%; } .sidebar-wrapper { z-index: 80; } .learn-auto-complete-drop .learn-autocom-drop-img img { width: 100%; height: 48px; } .learn-autocomplete-drop-title label, .learn-autocomplete-drop-title h4 { width: 100%; } .default-white-btn { min-width: 150px; font-size: 17px; font-weight: 600; } .pdf-icon-wrapper p { word-break: break-all; line-height: 20px; } } /*css for meditation details page ends here*/ /*css for sidebar fix blockquote search page results*/ /*.js-oc-stickIt .js-oc-stick-sidebar-content { transition: all .3s; }*/ @media only screen and (max-width: 1252px) and (min-width: 768px) { .headerinner-wrapper.headerinner-wrapper-learn .logo img.cus-mob-view-ll { width: 42px; height: 42px; top: 25px; } } @media only screen and (min-width: 992px) { .js-oc-stickIt .js-oc-stick-sidebar-content { position: sticky; top: 30px; width: 310px; z-index: 9; padding-bottom: 0; } } .no-results-search { text-align: center; flex-grow: 1; line-height: 27px; } .learn-explore-wrapper .slick-dots { display: flex !important; } .oic-video-tabs-wrapper .overview-tab-inner-wrapper .oc-pract { display: grid; grid-template-columns: 100px auto; align-items: center; margin: 7px 0; } .learn-toggle-btn { display: none; } .cd-placeload-thumnails.placeholder { min-height: initial; border: none; margin: 0; } .cd-placeload-thumnails .image-placeholder { border-radius: 10px; min-height: 160px; max-height: 160px; object-fit: cover; width: 100%; } .oic-course-content-wrapper .wistia_responsive_padding { width: 100%; border-radius: 10px; overflow: hidden; } /*.js-cd-slick-slider .slick-track, .js-cd-slick-slider .noc-course-related-items-img-wrapper { width: 100% !important; }*/ .fixed .content-wrapper, .fixed .right-side { padding-top: 0px !important; } @media (max-width: 1253px) { header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al { position: relative; width: 100%; min-height: 48px; } } @media (max-width: 1253px) and (min-width: 768px) { .meditation-recomended-wrapper .play-container { border: 2px solid var(--primary-color); height: 55px; width: 55px; } .oci-content-block-inner.meditation-oci-content-block-inner { grid-gap: 50px !important; } .medtitaion-timeline-audio-wrapper { top: -27px; } .medtitaion-timeline-audio-text { font-size: 12px; } .meditation-recomended-wrapper .toggle-play { left: 10px !important; } .meditation-recomended-wrapper .audio-player .controls .toggle-play.play { border: 10px solid #0000; border-left: 18px solid var(--primary-color); } } @media (max-width: 1024px) { .meditation-recomended-wrapper .toggle-play { left: 8px !important; } } .medtitaion-timeline-audio-wrapper, .medtitaion-timeline-audio-wrapper h5 { font-size: 14px; text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap; display: inline-block; line-height: 26px; } .hc-gm-library-main .oc-wrapper-mid .oc-content { z-index: 999; } .search-bar-input-wrapper input { padding-left: 45px; padding-right: 40px; border-radius: var(--border-radius-default); transition: all .3s; } .main-footer { width: 100%; background-color: var(--white-color); } .oc-main-wrapper .slick-slider { margin: 0 -15px 0px; padding-bottom: 60px; } .play-gm { background-color: var(--card-bg-color); border-radius: 50%; margin-right: 10px; } .ni.gm-play-icon { font-size: 57px; } .guided-meditation-controls .audio-player .controls .time { margin-top: 36px; } .ni.ni-close { color: var(--secondary-color); } .sidebar-content a { font-weight: 600; } .ovc-thep-cer { display: grid; grid-template-columns: repeat(2, max-content); grid-gap: 15px; margin: 5px 0; } .ovc-thep-cer label { font-weight: 600; } .sidebar-wrapper .sidebar-brand a span { font-weight: 600; display: inline-block; } @media (max-width: 1024px) { .header-oc p { max-width: 100%; } .meditation-oci-content-block-inner-btn { width: 100%; } .meditation-oci-content-block-inner { grid-template-columns: 60% 1fr; } .meditation-oci-content-block-inner.meditation-oci-content-block-inner-head { grid-template-columns: auto; } } @media (max-width: 992px) { .meditation-recomended-wrapper { padding: 36px 0px; } .meditation-oci-content-block-inner { padding: 0 15px !important; } .cus-conatiner-learn-medi-mob-pd-0 { padding: 0; } .meditation-oic-course-content-wrapper .oic-poinets-wrapper { max-width: 100%; } .guided-meditation-main-wrapper .oc-content-block { padding-bottom: 0; } } @media (max-width: 767px) { .oc-4x-grid-slider { margin-bottom: 55px; } .oc-main-wrapper .slick-slider .slick-track { padding: 0px 0px 13px; } .oci-thumbnails.meditation-oci-thumbnails { min-height: 225px !important; } .oic-course-header-head { font-size: 18px !important; margin-bottom: 2px; } .oci-content-block-inner .sidebar-wrapper .sidebar-menu ul li.sidebar-dropdown a.side-menu-list { padding: 12px 20px 12px 20px; } } @media (max-width: 545px) { .oic-video-tabs-wrapper .overview-tab-inner-wrapper .oc-pract { grid-template-columns: auto; justify-content: center; grid-gap: 25px; } .oic-video-tabs-wrapper .oc-pract-name { padding-left: 0; text-align: center; } .ovc-thep-cer { justify-content: center; } .oic-video-tabs-wrapper .oc-pract img { margin: 0 auto; } } @media only screen and (max-width: 425px) { .oci-thumbnails.meditation-oci-thumbnails.oci-thumbnails { min-height: 186px !important; } } @media(max-width: 991px) { .search-bar-input-wrapper input { padding-left: 45px; } .learn-search--overlay .search-bar-input-wrapper input { padding-right: 45px; } .learn-search-results-main .learn-search-layout-content { margin-top: 5px; } } .ph-oc-action-btn .ni-icon-views { margin-top: 10px; } .meditation-oci-content-block-inner-head .ncd-subs-start-btn { margin-bottom: 0px; } .oic-video-tabs-wrapper .box-body { min-height: 120px; } .phl-video-overview-scroll .oic-overview-right p { margin-bottom: 10px; } label.ni-icon-views { display: flex; align-items: center; gap: 10px; } .ni-icon-views em { position: relative; top: 1px; font-size: 20px !important; } .meditation-oci-content-block-inner-head { margin-bottom: 45px; } @media only screen and (max-width: 1024px) { .phl-video-overview-scroll { padding-right: 14px; } .oic-video-tabs-wrapper { padding-bottom: 15px; } .oci-video-page .slimScrollDiv, .oci-video-page .phl-video-overview-scroll { padding-right: 14px; height: initial !important; overflow: visible !important; padding-right: 0; } } .ph-al-header { -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; } .js-ph-af-header-fixed { position: fixed !important; top: 0; left: 0; animation: smoothScroll 0.5s forwards; width: 100%; z-index: 888; } @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } .condition-tag-soundscape { background: var(--tag-bg-soundscape-color); border: 1px solid var(--tag-bg-soundscape-border-color); color: var(--tag-bg-soundscape-border-color); } .condition-tag-soundscape:hover { background: var(--tag-bg-soundscape-border-color); color: var(--white-color); } .menu-dropdown-ul.teams-learn-class { display: block !important; } .headerinner-wrapper-learn { z-index: 1000; } .learn-text-result-text { flex-grow: 1; text-align: center; } .dark-mode-logo { display: none; } html[color-mode="dark"] .dark-mode-logo-hide { display: none; } html[color-mode="dark"] .dark-mode-logo { display: block; opacity: 0.9; } html[color-mode="dark"] #wrapper .headerinner-wrapper { background: var(--chat-dark-bg-2); } html[color-mode="dark"] .placeload { background: var(--bg-default); border: 1px solid var(--chat-dark-border); box-shadow: none; } html[color-mode="dark"] .hc-gm-library-placeholder .loads.loads2 { background: linear-gradient(to right, #202020 8%, #202020 18%, #202020 33%); } html[color-mode="dark"] .slick-dots li button { background-color: var(--chat-dark-bg-2); } html[color-mode="dark"] .slick-dots li.slick-active button { border: 2px solid var(--salmon-color); background-color: var(--chat-dark-bg-2); } html[color-mode="dark"] .go-to-library { background-color: var(--dash-btn-bg-color) !important; color: var(--light-grey-dark) !important; border: 1px solid var(--chat-dark-border-3); } html[color-mode="dark"] .go-to-library { background-color: var(--dash-btn-bg-color) !important; color: var(--light-grey-dark) !important; border: 1px solid var(--chat-dark-border-3); } html[color-mode="dark"] .go-to-library:hover { background-color: var(--input-focus-dark) !important; border: 1px solid var(--chat-dark-border-2) !important; } html[color-mode="dark"] .sidebar-submenu { background-color: var(--chat-dark-bg-1); border-top: 1px solid var(--chat-dark-border); } html[color-mode="dark"] .sidebar-dropdown { border-bottom: 1px solid var(--chat-dark-border); } html[color-mode="dark"] .oci-video-page .sidebar-wrapper { background-color: var(--chat-dark-bg-2); box-shadow: var(--default-shadow); } html[color-mode="dark"] .oic-video-tabs-wrapper .nav-pills { background-color: var(--chat-dark-bg-2); } html[color-mode="dark"] .learn-card-detail-video-thumb-image { background-color: var(--bg-default); } html[color-mode="dark"] .learn-search-placeholder .learn-list-instr-item .oc-dot { color: var(--bg-default) !important; } html[color-mode="dark"] .ncd-additional-courses .oci-content-block-inner-icon-container-play-icon { background-color: var(--dark-primary-color); } html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before { background: #1f1f1f; } html[color-mode="dark"] .learn-search-layout-results .ncd-profile-wrapper.placeload { border: none; } @media(max-width: 767px) { html[color-mode="dark"] .dark-mode-logo { display: none !important; } } html[color-mode="dark"] #sidebarUL .radio-bp input[type="radio"]:checked + .radio-label-bp:before, html[color-mode="dark"] #sidebarUL .radio input[type="radio"]:checked + .radio-label:before { box-shadow: inset 0 0 0 3px var(--chat-dark-bg-1); } @media (min-width: 991px) { .learn-body-wrapper-al.sidebar-mini .content-wrapper, .learn-body-wrapper-al.sidebar-mini .main-header { margin-left: 0 !important; } } /*new slider setting css */ .oc-4x-grid-slider .slick-list { max-width: 90%; overflow: visible; } .oc-4x-grid-slider { overflow: hidden; } .oc-4x-grid-slider::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background-image: linear-gradient(to right,rgb(245 246 250 / 0%),25%,#f5f6fa 100%); width: 120px; } .oc-slider-controls .prev, .oc-slider-controls .next { position: initial; transform: none; } .oc-slider-controls { display: flex; gap: 24px; align-items: center; position: absolute; right: 0; top: -45px; } .learn-slider-inner-wrapper .prev-ctrl, .learn-slider-inner-wrapper .next-ctrl { top: 45%; } .hc-gm-library-main .learn-slider-inner-wrapper .prev-ctrl, .hc-gm-library-main .learn-slider-inner-wrapper .next-ctrl { top: 36%; } html[color-mode="dark"] .oc-4x-grid-slider::after { background-image: linear-gradient(to right,rgb(20 20 20 / 30%),25%,#141414 100%); } @media(max-width: 1024px) { .oc-4x-grid-slider::after { width: 120px; } } @media(max-width: 767px) { .oc-4x-grid-slider .slick-list { max-width: 100%; } .oc-4x-grid-slider { overflow: visible; } .oc-4x-grid-slider::after { display: none; } } /*updated mediataion details page css*/ .section-gm-detail .oci-thumbnails-inner-image { border-radius: 0px; position: relative; min-height: 100vh; position: fixed; bottom: 0; right: 0; } /* .section-gm-detail .oci-thumbnails-inner-image::after { content: ''; width: 100%; height: 100%; position: absolute; background-color: rgb(0 0 0 / 36%); left: 0; top: 0; }*/ .section-gm-detail .wistia_responsive_padding { width: 100%; height: 100%; } .content-wrapper.guided-meditation-main-wrapper { min-height: 100vh !important; } .gm-details-content-main-wrapper { min-height: 100vh; padding: 5rem 3rem; text-align: center; /*color: #ffff; background-color: rgb(0 0 0 / 50%); display: flex; flex-direction: column; justify-content: space-between; position: relative;*/ } .gm-details-content-head { font-size: 2rem; font-weight: 600; color: inherit; line-height: 27px; cursor: default; pointer-events: none; letter-spacing: 0.03rem; margin-bottom: 5px; display: inline-block; font-family: var(--secondary-font); text-shadow: 1px 1px 2px rgb(0 0 0 / 85%); } .gm-details-content-para { font-size: 1rem; margin-bottom: 0; color: #ffffff; text-shadow: 1px 1px 2px rgb(0 0 0 / 85%); } .gm-details-recomended-meditation .box-shadow-learn { box-shadow: var(--default-shadow); border-radius: 6px; padding: 10px; position: relative; background-color: rgb(13 17 26 / 50%); display: flex; align-items: center; } .gm-details-content-bottom .saved-icon { background-color: rgb(46 60 92 / 36%); } .gm-details-content-bottom .learn-like-count span { color: #fff; } .gm-details-content-wrapper { max-width: 1100px; margin: 0 auto; } .gm-details-recomend-head { font-size: 18px; margin-bottom: 20px; font-weight: 400; color: var(--white-color); text-shadow: 1px 1px 4px rgb(0 0 0 / 77%); } .gm-details-recomended-meditation-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .guided-meditation-main-wrapper .ni.gm-play-icon { font-size: 40px; color: #fff; cursor: pointer; } .guided-meditation-main-wrapper .play-gm { background-color: initial; } .guided-meditation-main-wrapper .oci-thumbnails-inner-image { background-color: var(--video-topnav-bg-color); border-radius: 0px; } .guided-meditation-main-wrapper .medtitaion-timeline-audio-wrapper { position: absolute; top: -26px; line-height: 15px; } .gm-details-recomended-meditation { max-width: 1030px; margin: 0 auto; } .guided-meditation-main-wrapper .audio-player .timeline-audio { top: 0px; } .guided-meditation-main-wrapper .audio-player .controls .time { margin-top: 28px; } .guided-meditation-main-wrapper .audio-player .controls .time > * { padding: 2px; font-size: 13px; color: #fff; } .guided-meditation-main-wrapper .learn-medi-detail-save-icon { position: initial; justify-content: center; margin-bottom: 2.5rem; } .guided-meditation-main-wrapper .back-to-library.saved-icon em.icon { font-size: 1.1rem; top: 0.01rem; } .guided-meditation-main-wrapper .learn-like-count em.icon.ni { font-size: 20px; top: 0; } /*.box-shadow-learn.learn-default-box-shadow.recomended-meditation-list::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 23%); z-index: -1; border-radius: 6px; }*/ .back-to-library.saved-icon { position: fixed; left: 20px; top: 20px; background-color: rgb(98 98 98 / 55%); } .gm-video-pause-btn { position: absolute; right: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; display: flex; align-items: center; justify-content: center; } .gm-video-pause-btn em.icon.ni { position: absolute; font-size: 5.2rem; color: rgb(255 255 255 / 53%); cursor: pointer; } .gm-details-content-wrapper { position: absolute; top: 86px; left: 50% !important; width: 100%; left: 0; transform: translateX(-50%); padding: 1.5rem; border-radius: 10px; overflow: hidden; } .gm-details-content { color: var(--white-color); } a.hc-default-btn.gm-btn-banner { background-color: var(--yell-btn-bg-color); color: var(--primary-color); font-weight: 400; border: 1px solid var(--yell-btn-bg-color); } a.hc-default-btn.gm-btn-banner:hover { background-color: var(--yell-btn-darkbg-color); } .gm-auio-details { display: flex; text-align: left; flex-direction: column; align-items: flex-start !important; gap: 5px; overflow: hidden; } .progress-audio { width: 100%; height: 3px; background-color: rgb(233 236 239); } .gm-auio-details .current { line-height: 1.5; color: #fff; } .guided-meditation-main-wrapper .medtitaion-timeline-audio-text { min-height: 20px; font-weight: 500; font-size: 13px; color: #fff; line-height: 1.3; overflow: hidden; max-width: 90%; white-space: nowrap; display: inline-block; text-overflow: ellipsis; } .gm-details-recomended-meditation-list .audio-player .controls { grid-column-gap: 4px; } html[color-mode="dark"] a.hc-default-btn.gm-btn-banner { background-color: var(--yell-btn-bg-color) !important; color: rgb(9 18 24) !important; border: 1px solid var(--yell-btn-bg-color); } html[color-mode="dark"] a.hc-default-btn.gm-btn-banner:hover { background-color: #edcd2b !important; color: rgb(9 18 24) !important; border: 1px solid #fdd718 !important; } html[color-mode="dark"] .guided-meditation-main-wrapper .oci-thumbnails-inner-image { background-color: var(--chat-dark-bg-1); } html[color-mode="dark"] .gm-details-content, html[color-mode="dark"] .gm-details-recomend-head { color: var(--text-white); } @media(max-width: 1600px) { .gm-details-content-main-wrapper { padding: 4rem 3rem; } .gm-details-content-head { font-size: 1.9rem; line-height: 35px; } .gm-details-content-para { font-size: 0.97rem; line-height: 1.4; } .gm-details-recomend-head { font-size: 17px; } } @media(max-width: 1200px) { .oci-thumbnails-inner-image .wistia_responsive_padding { padding: 80.25% 0 0 0 !important; } } @media(max-width: 1100px) { .oci-thumbnails-inner-image .wistia_responsive_padding { padding: 150% 0 0 0 !important; } } @media(max-width: 900px) { .oci-thumbnails-inner-image .wistia_responsive_padding { padding: 140.25% 0 0 0 !important; } } @media(max-width: 767px) { .gm-details-recomended-meditation, .gm-details-content-para { display: none; } .gm-details-recomended-meditation-list { grid-template-columns: repeat(1, 1fr); } .gm-details-content-wrapper { top: 3px; padding: 0.8rem; left: 0 !important; transform: none; padding-left: 3.7rem; } .tooltip { display: none; } .gm-details-content-bottom { bottom: 90px; padding: 1rem; } .back-to-library.saved-icon { position: fixed; left: 10px; top: 13px; } .guided-meditation-main-wrapper .learn-medi-detail-save-icon { margin-bottom: 0.5rem; } .gm-details-recomend-head { font-size: 16px; margin-bottom: 10px; } .gm-details-content-head { font-size: 1.3rem; line-height: 27px; } .gm-details-content-para { font-size: 1rem; line-height: 1.3; margin-top: 6px !important; } .oci-thumbnails-inner-image .wistia_responsive_padding { padding: 220.25% 0 0 0 !important; } } h3.condition-tag.condition-tag-continue { color: #031334 !important; background: #f7f8fb; border-color: var(--text-white); } html[color-mode="dark"] h3.condition-tag.condition-tag-continue { background: #141414; color: var(--text-white) !important; } .ph-learn-video-wrapper { } .ph-save-list-learn-video { } .sidebar-video-info .learn-like-count span { top: 1px; } .sidebar-menu .ph-save-list-learn-video.radio-oic-video input[type="radio"] + .radio-label-bp:before { top: 9px; } .sidebar-video-info .learn-like-count em.icon.ni { font-size: 19px; cursor: pointer; } .ph-save-list-learn-video .oic-side-menu-list-time { font-size: 0.68rem; line-height: 1; } .ph-save-list-learn-video .oic-label-list { cursor: pointer; } .sidebar-menu .ph-save-list-learn-video .radio input[type="radio"] { width: 93%; height: 45px; } .ph-learn-video-wrapper em.icon{ z-index: 999; cursor: pointer; } .ph-learn-video-wrapper .oic-video-list-rad { line-height: 1.3; margin-bottom: 5px; } .learn-card-detail-thumbnail-link { position: relative; } .learn-card-detail-thumbnail-link .saved-icon { top: 10px; } .ph-learn-video-pract-detail { display: flex; flex-direction: column; gap: 2px; margin-top: 3px; } .ph-learn-video-pract-detail h5{ line-height: 1.4 !important; } .overview-tab-inner-wrapper .ph-learn-video-pract-detail label { margin-bottom: 0 !important; line-height: 1.4 !important; } .overview-tab-inner-wrapper .ph-learn-video-pract-detail label.one-to-one-learn { margin-bottom: 15px !important; } .ph-gm-video-page em{ align-self: flex-start; } .ph-gm-video-page .oic-video-list-rad { font-size: 14px; display: block; line-height: 1.3; margin-bottom: -1px; } @media(max-width: 767px) { .ph-learn-video-pract-detail { text-align: center; } } html[color-mode="dark"] .bs-tooltip-auto[x-placement^=right] .arrow::before, html[color-mode="dark"] .bs-tooltip-right .arrow::before { border-right-color: var(--secondary-color); } #sidebarUL { padding: 5px 0px 5px 10px; font-size: 13px; position: relative; } .ph-video-list { padding: 5px 10px 5px 0px; font-size: 13px; } .ph-video-list-wrapper{ position: relative; } .save-video-item { position: absolute; right: 4px; top: 5px; z-index: 9999; width: 30px; height: 20px; display: flex; align-items: center; justify-content: center; padding: 0.04rem; cursor: pointer; } .save-video-item[data-original-title="Unsave"] { fill: var(--primary-color); } .ph-video-meditation-list { padding: 10px 0px 10px 0px; } .nav-pills .nav-link:not(.active):hover { color: var(--primary-color); } /*css for new course video page*/ .ph-courses-video-main-wrapper { padding-top: 55px; } .ph-courses-video-banner-img-wrapper { position: absolute; right: 0; width: 60%; top: 45px; } .ph-courses-video-banner-content-col { position: relative; z-index: 1; min-height: calc(100vh - 150px); padding: 5rem 0px; } #searchResultDiv .learn-card-detail-thumbnail { position: relative; } .container-max-wid{ max-width: 85%; } .ph-courses-video-top-grad, .ph-courses-video-bottom-grad { background: rgba(15,23,30,.1); bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .ph-courses-video-top-grad { background: linear-gradient(90deg,#f5f6fa 2%,rgb(245 246 250 / 0)); max-width: 325px; } .ph-courses-video-bottom-grad { background: linear-gradient(0deg,#f5f6fa 0%,rgb(245 246 250 / 0%) 50%); } .ph-courses-video-banner-content-col-inner { color: var(--secondary-color) } .ph-courses-video-banner-content-col-inner p { color: var(--secondary-color); font-size: 0.98rem; } .ph-courses-video-banner-head { font-size: 1.8rem; font-weight: 800; margin-bottom: 0.8rem; } .ph-courses-video-desc-pract { margin-top: 1.2rem; } .ph-courses-video-desc-pract h4 { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.2rem } .ph-courses-video-desc-pract label { font-size: 0.95rem; } .ph-courses-video-desc-pract-certification-items { display: flex; align-items: center; gap: 0.8rem; line-height: 1rem; } .ph-courses-video-desc-pract-certification-items h5 { margin: 0; line-height: 1.5rem; font-size: 1.02rem; font-weight: 600; } .ph-courses-video-tags-details { margin-bottom: 0.5rem; } .ph-courses-video-pract-name { color: var(--primary-color); font-weight: 600; font-size: 1.05rem; } .ph-courses-video-tags { font-size: 0.75rem; font-weight: 400; margin-right: 10px; margin-bottom: 10px !important; padding: 1px 10px; color: var(--primary-color); line-height: 18px; background: var(--card-bg-color); border: 1px solid var(--primary-color); box-sizing: border-box; border-radius: 3px; } .ph-learn-course-video { position: relative; height: 100%; } .teams-go-to-library { width: 2.2rem; height: 2.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; right: 1.1rem; top: 3.6rem; z-index: 888; border-radius: 50%; padding: 2px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgb(98 98 98 / 55%); } .teams-go-to-library em.icon { color: var(--chat-bg-color); font-size: 1.25rem; position: relative; top: -0.01rem; } .teams-go-lib-wrapper { display: none; } .teams-body .teams-go-lib-wrapper { display: block; } @media(max-width: 767px) { .learn-video-save-like { left: 15px; right: auto; } .teams-go-to-library { right: 0.5rem; top: 0.5rem; z-index: 9; } .overview-tab-inner-wrapper .oc-pract .dashboard-mychattherapist-avatar { margin: 0 auto; } .oic-video-tabs-wrapper .pract-profile-right ul li a { font-size: 0.9rem; padding: 0.2rem 0.2rem; } .oic-video-tabs-wrapper .nav-pills { gap: 0.8rem; padding: 9px; } } #SavedIcon, #LikedIcon { cursor: pointer; }