/* Minification failed. Returning unminified contents. (2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5097,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (5242,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5400,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5404,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (5647,29): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (5648,32): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (5861,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (6398,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (7851,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (8074,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (8079,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (8418,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (8459,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (8460,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (8868,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (8933,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (8942,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (9433,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9445,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9462,36): run-time error CSS1039: Token not allowed after unary operator: '-background-side-menu' (9507,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9520,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (9993,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (10211,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (10290,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (10419,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (10803,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (10834,27): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (10861,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11054,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11065,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11224,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11228,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11229,28): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (11230,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (11234,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11307,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11421,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (11422,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (11426,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (11427,28): run-time error CSS1039: Token not allowed after unary operator: '-shadow-in-container' (11428,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (11472,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (11473,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (12529,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (13212,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (13943,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (14571,67): run-time error CSS1019: Unexpected token, found '*' (14571,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (14580,67): run-time error CSS1019: Unexpected token, found '*' (14580,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (15076,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (15080,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (15299,22): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (16011,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (16100,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (16436,28): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (16521,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (16540,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (16744,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (16900,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (17014,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17026,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17065,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (17069,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (17087,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (18670,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (18707,40): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18712,36): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18723,36): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18728,36): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (18761,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18768,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18775,41): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (18828,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (19664,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (19671,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-strip' (19682,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19687,21): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19697,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (19706,26): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (19717,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (20360,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (20569,28): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (22741,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (25128,18): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (25308,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (25314,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (25456,29): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (25461,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (26223,17): run-time error CSS1039: Token not allowed after unary operator: '-cb-color' (26225,22): run-time error CSS1039: Token not allowed after unary operator: '-cb-checked-bg' (26230,22): run-time error CSS1039: Token not allowed after unary operator: '-background' (26231,18): run-time error CSS1039: Token not allowed after unary operator: '-cb-border' (26320,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (26403,28): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (26687,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (26769,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (27706,23): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (27713,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (27718,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (27723,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (28167,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (28174,17): run-time error CSS1039: Token not allowed after unary operator: '-select-place-holder' (28188,28): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (28529,22): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (28720,29): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (28812,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (28814,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (28815,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (29380,22): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (29423,28): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (29613,29): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (30963,18): run-time error CSS1039: Token not allowed after unary operator: '-cb-border' (30964,28): run-time error CSS1039: Token not allowed after unary operator: '-background' (30971,21): run-time error CSS1039: Token not allowed after unary operator: '-cb-color' (30973,26): run-time error CSS1039: Token not allowed after unary operator: '-cb-checked-bg' (31162,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31163,35): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31168,22): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (31185,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31189,22): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (31941,34): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (31942,47): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (31943,45): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (31954,33): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (32231,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (35898,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (35982,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (36016,44): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (36017,34): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (36018,41): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (36035,37): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (37185,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (37715,26): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (38228,23): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (38386,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (38403,33): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (38449,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (38471,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (38495,28): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (38497,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (38501,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (38502,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (38507,19): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (38520,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (38539,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (38543,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (38648,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (38707,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (38771,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-header-color' (38843,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (38872,32): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (38873,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (38888,57): run-time error CSS1030: Expected identifier, found 'a' (38888,58): run-time error CSS1031: Expected selector, found ')' (38888,58): run-time error CSS1025: Expected comma or open brace, found ')' (38907,53): run-time error CSS1030: Expected identifier, found '.' (38907,53): run-time error CSS1031: Expected selector, found '.' (38907,53): run-time error CSS1025: Expected comma or open brace, found '.' (38925,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (38966,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-open-title' (38978,20): run-time error CSS1039: Token not allowed after unary operator: '-line-color' (38986,20): run-time error CSS1039: Token not allowed after unary operator: '-line-under-item-color-hover' (38993,26): run-time error CSS1039: Token not allowed after unary operator: '-mobile-nav-current-bg' (38998,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (39021,25): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (39073,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (39460,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (39533,26): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (39535,16): run-time error CSS1039: Token not allowed after unary operator: '-panel-border' (39589,15): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (40240,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (41111,75): run-time error CSS1030: Expected identifier, found ',' (41111,106): run-time error CSS1031: Expected selector, found ')' (41111,106): run-time error CSS1025: Expected comma or open brace, found ')' (41832,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (41917,26): run-time error CSS1039: Token not allowed after unary operator: '-select-bg' (41974,18): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (42105,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (42242,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (42339,23): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (42478,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (42516,24): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-color' (42576,28): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (42583,28): run-time error CSS1039: Token not allowed after unary operator: '-header-hover' (42597,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (42838,28): run-time error CSS1039: Token not allowed after unary operator: '-combo-option-hover' (42839,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (43006,22): run-time error CSS1039: Token not allowed after unary operator: '-line-between-items' (43187,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (43679,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (43779,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (43829,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (44428,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (45064,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (45417,39): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (46553,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (46644,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (46704,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (46711,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (46713,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (46716,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (46717,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (46733,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (46805,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (46893,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (46901,31): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (46909,39): run-time error CSS1039: Token not allowed after unary operator: '-background-blue-in-blue' (47027,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47374,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47406,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47603,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47607,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47608,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47612,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47613,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47624,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47625,33): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47636,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47637,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47643,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47644,39): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47697,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47698,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (47702,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (47706,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47711,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (47715,28): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47730,22): run-time error CSS1039: Token not allowed after unary operator: '-background' (47731,22): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (47733,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (47744,30): run-time error CSS1039: Token not allowed after unary operator: '-background' (47745,30): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (47755,30): run-time error CSS1039: Token not allowed after unary operator: '-comp-box-shadow' (47773,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47788,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-search-bg' (47807,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (47808,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (47809,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (47812,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47821,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover-color' (47822,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47826,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (47827,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47836,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-color' (47837,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (47838,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (47841,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47850,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-hover-color' (47851,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47855,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-click-color' (47856,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (47876,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (47877,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (47878,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (47881,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (47883,18): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-border' (47890,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-color' (47891,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (47895,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-click-color' (47904,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (47905,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (47906,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-radius' (47909,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (47911,18): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-border' (47918,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-hover-color' (47919,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (47923,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-click-color' (47938,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (47941,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (47942,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-box-shadow' (47946,25): run-time error CSS1039: Token not allowed after unary operator: '-side-comp-title-font-size' (47948,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47949,39): run-time error CSS1039: Token not allowed after unary operator: '-line-under-title-color' (47956,25): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (47965,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (47979,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (47992,40): run-time error CSS1039: Token not allowed after unary operator: '-line-under-item-color' (48003,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48011,25): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (48087,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48106,27): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (48128,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48156,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48157,22): run-time error CSS1039: Token not allowed after unary operator: '-tile-box-shadow' (48159,28): run-time error CSS1039: Token not allowed after unary operator: '-background-over-grey-color' (48163,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48164,39): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48174,42): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48175,41): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48193,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48258,22): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (48275,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (48279,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-background' (48293,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48309,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (48405,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48415,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48422,25): run-time error CSS1039: Token not allowed after unary operator: '-stock-items-border' (48437,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48469,28): run-time error CSS1039: Token not allowed after unary operator: '-indicator-bg-color' (48481,21): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48503,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (48534,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-color' (48539,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (48558,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (48563,17): run-time error CSS1039: Token not allowed after unary operator: '-pagination-active-color' (48569,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (48601,22): run-time error CSS1039: Token not allowed after unary operator: '-select-bg' (48608,18): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (48621,29): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48630,33): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (48634,33): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48643,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (48668,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (48672,31): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (48676,31): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (48684,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (48831,32): run-time error CSS1039: Token not allowed after unary operator: '-fast-search-items-bg-color' (48852,22): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (48865,18): run-time error CSS1039: Token not allowed after unary operator: '-select-border' (48876,28): run-time error CSS1039: Token not allowed after unary operator: '-fast-search-items-bg-color' (48963,29): run-time error CSS1039: Token not allowed after unary operator: '-background-light-blue' (48968,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' (48973,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-text-color' (48978,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-btn-text-color' (48982,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48983,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48987,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48988,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48992,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48993,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (48999,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49000,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49006,34): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49007,35): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49011,37): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49012,38): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49026,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49128,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49170,27): run-time error CSS1039: Token not allowed after unary operator: '-link-hover-decoretion' (49181,28): run-time error CSS1039: Token not allowed after unary operator: '-combo-option-hover' (49182,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (49250,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color' (49294,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (49341,25): run-time error CSS1039: Token not allowed after unary operator: '-space-between-components' (49887,17): run-time error CSS1039: Token not allowed after unary operator: '-title-color' (49907,25): run-time error CSS1039: Token not allowed after unary operator: '-item-radius' (49938,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color-on-l-blue' */ :root { --link-color: #1776B5; --link-color-on-l-blue: #096CAE; --link-hover-color: #2272BB; /* buttons */ --btn-radius: 22px; --btn-box-shadow: 0px 2px 5px #00000029; --btn-font-size: 20px; --primary-btn-color: #2272BB; --primary-btn-hover-color: #30699E; --primary-btn-click-color: #15446E; --primary-btn-text-color: #FFFFFF; --secondary-btn-color: #FFFFFF; --secondary-btn-hover-color: #EBF2F6; --secondary-btn-click-color: #DCE9F2; --secondary-btn-text-color: #194D7B; --secondary-btn-border: 1px solid var(--secondary-btn-text-color); --login-btn-radius: 19px; /* titles */ --title-color: #123A5E; --text-color: #000000; --line-under-title-color: #123A5E33; --line-under-item-color: #E6ECF2; --line-under-item-color-hover: #C3D5E6; --header-hover: #196394; --navigation-open-title: #465D78; --footer-strip: #0A2136; --footer-font-color: #FFFFFF; /* background */ --background-color: #FFFFFF; --background: #FFFFFF; --stock-search-bg: #EDF5FA; --background-light-blue: #EDF5FA; --background-side-menu: #EAF2F8; --background-blue-in-blue: #F6F9FC; --grey-background: #EBEBEB; --background-over-grey-color: #E9F4FC; --space-between-components: 24px; --side-comp-title-font-size: 22px; /*form*/ --select-place-holder: #0000008A; --select-border: 1px solid #AAADAF; --line-color: var(--link-color); --link-hover-decoretion: underline; --link-press-decoretion: underline; --comp-box-shadow: 0px 3px 10px #00000029; --tile-box-shadow: 0px 3px 6px #00000029; --pagination-active-color: #123A5E; --pagination-color: #1776B5; --select-bg: url(../images/icons/border_arrow.svg) no-repeat left #fff; --stock-items-border: 1px solid #E2E2E2; --cb-border: 1px solid #D1DAE2; --cb-color: var(--primary-btn-text-color); --cb-checked-bg: var(--primary-btn-color) 0% 0% no-repeat padding-box; --line-between-items: 1px solid #00000033; --indicator-bg-color: #D9EDFE; --panel-border: 2px solid #E6EEF5; --item-radius: 4px; --fast-search-items-bg-color: #0B3860; --shadow-in-container: #C4DBED; --mobile-nav-header-color: #1776B5; --mobile-nav-current-bg: #E9F4FC; --combo-option-hover: #F1F4F9; } /*! * FullCalendar v3.8.2 * Docs & License: https://fullcalendar.io/ * (c) 2018 Adam Shaw */.fc button,.fc table,body .fc{font-size:1em}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-webkit-touch-callout:none;-khtml-user-select:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none}.fc-limited{display:none}.fc-icon,.fc-toolbar .fc-center{display:inline-block}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-icon:after,.fc-toolbar button{position:relative}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap3 hr.fc-divider{border-color:inherit}.fc-bootstrap3 .fc-today.alert{border-radius:0}.fc-bootstrap3 .fc-popover .panel-body{padding:0}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee} /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} /*@font-face { font-family: "Assistant"; font-weight: 200; src: url("../fonts/Assistant-ExtraLight.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 300; src: url("../fonts/Assistant-Light.ttf"); font-display: swap; }*/ @font-face { font-family: "Assistant"; font-weight: 400; src: url( "../fonts/Assistant-Regular.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 500; src: url("../fonts/Assistant-Medium.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 600; src: url("../fonts/Assistant-SemiBold.ttf"); font-display: swap; } /*@font-face { font-family: "Assistant"; font-weight: 700; src: url("../fonts/Assistant-Bold.ttf"); font-display: swap; } @font-face { font-family: "Assistant"; font-weight: 800; src: url("../fonts/Assistant-ExtraBold.ttf"); font-display: swap; } */ /* -------------------------------------------------- uSkinned.net BASE -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 LINKS 2.0 LISTS 3.0 MISC 4.0 TYPOGRAPHY */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /* -------------------------------------------------- 1.0 LINKS -------------------------------------------------- */ a, .slick-prev, .slick-next { color: #337ab7; } a, .btn, .slick-prev, .slick-next { -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; } a:hover { text-decoration:none; } .btn { border-radius:0; } a.see_all { position:absolute; top:0; right:0; font-size:11px; } #top-link-block { z-index:200; position:relative; } #top-link-block a { display:block; margin:0 auto; } @media (max-width:991px) { #top-link-block a { text-align:center; border-radius:0; border:0 none; box-shadow:0 none; } } @media (min-width:992px) { #top-link-block { position:fixed; bottom:25px; right:15px; padding:0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; opacity:0; -webkit-transition:opacity 0.2s ease-in-out 0s; -moz-transition:opacity 0.2s ease-in-out 0s; -ms-transition:opacity 0.2s ease-in-out 0s; transition:opacity 0.2s ease-in-out 0s; } #top-link-block.affix.show { -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity:1; } } /* -------------------------------------------------- 2.0 LISTS -------------------------------------------------- */ ul, ol { padding:0; margin:0 0 16px; line-height:1.4; } ul { margin-left:16px; list-style: disc outside; } ol { margin-left:20px; list-style: decimal; } ul ul, ol ol { padding:4px 0 0 8px; } ul ul { list-style: circle outside; } ol ol { list-style: lower-roman; } li { margin-bottom:4px; } dl { } dl dt { font-weight:bold; padding-bottom:2px; } dl dd { padding-bottom:4px; } ul.nav, ol.nav, nav ul, nav ol, ul.list, ol.list, nav ul li, nav ol li, ul.list li, ol.list li { padding:0; margin:0; list-style:none; /*line-height:1;*/ } /* -------------------------------------------------- 3.0 MISC -------------------------------------------------- */ img { width:100%; height:auto; } .promo_pods .item img, .gallery .item img, .try-gallery .item img { width:100%; height:auto; } /* IMAGE TRANSITIONS */ .image.video, .banner .image, .promo_pods .image, .listing .image, .gallery .image, .try-gallery .image{ overflow:hidden; padding:0; } .image.video a img, .banner .item a img, .promo_pods .item a img, .listing .item a img, .gallery .item a img, .try-gallery .item a img { -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .image.video a:hover img, .banner .item a:hover img, .promo_pods .item a:hover img, .listing .item a:hover img, .gallery .item a:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .try-gallery .item a:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } i.fa { margin-right:5px; } i.fa.after { margin-right:0; margin-left:5px; } .glyphicon.lg { font-size:40px; } @media (max-width:767px) { .text-left-xs { text-align:left; } } /* -------------------------------------------------- 4.0 TYPOGRAPHY -------------------------------------------------- */ /* -------------------------------------------------- font-family: 'Helvetica Neue' font-weight: -------------------------------------------------- */ /*body { font-family:'Helvetica Neue', sans-serif; } input, select, textarea, button { font-family:'Helvetica Neue', sans-serif; } h1, h2, h3, h4, h5, h6, .heading { font-family:'Helvetica Neue', sans-serif; } */ /*h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:26px; } h4 { font-size:22px; }*/ h5, p.heading { font-size:16px; } /*h6 { font-size:16px; }*/ h1, h2, h3 { margin-top:16px 0; } #left_col h1:first-child, #right_col h1:first-child, #wide_col h1:first-child, #mid_col h1:first-child { margin-top:0; } h4, h5, h6, p.heading { margin-top:8px 0; } footer .heading { font-size:16px; } p { margin:8px 0 16px; } p, .text { line-height:1.4; } .intro { font-size:130%; } p#skip { display:none; } body{ font-size:16px; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- PLUGINS -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 SLICK CAROUSEL 2.0 LIGHTBOX 3.0 ANIMATE */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /* -------------------------------------------------- 1.0 SLICK CAROUSEL -------------------------------------------------- */ /* * http://kenwheeler.github.io/slick/ */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0; } .slick-list { position: relative; overflow: hidden; display: block; direction:rtl; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index:0; } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } /*.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }*/ .slick-slide { float: right; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } /* .slick-slide { -moz-opacity:0.3; -webkit-opacity:0.3; -ms-opacity:0.3; opacity:0.3; } .slick-active { -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; opacity:1; } */ /* Arrows */ .slick-prev, .slick-next { } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { } /* Dots */ .slick-slider { } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* -------------------------------------------------- 2.0 LIGHTBOX -------------------------------------------------- */ /*! * Lightbox for Bootstrap 3 by @ashleydw * https://github.com/ashleydw/lightbox * * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE */ .ekko-lightbox-container { position: relative; } .ekko-lightbox-nav-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } .ekko-lightbox-nav-overlay a { z-index: 100; display: block; width: 49%; height: 100%; font-size: 30px; color: #fff; opacity: 0; /* text-shadow: 2px 2px 4px #000; filter: dropshadow(color=#000000, offx=2, offy=2); */ -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .ekko-lightbox-nav-overlay a:empty { width: 49%; } .ekko-lightbox a:hover { text-decoration: none; opacity: 1; } .ekko-lightbox .glyphicon-chevron-left { left: 0; float: left; padding-left: 15px; text-align: left; background-color: transparent; } .ekko-lightbox .glyphicon-chevron-right { right: 0; float: right; padding-right: 15px; text-align: right; background-color: transparent; } .ekko-lightbox .modal-footer { text-align: left; } .modal-backdrop.in { -webkit-opacity: 0.85; -moz-opacity: 0.85; opacity: 0.85; background-color: #000000; } .ekko-lightbox .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } .ekko-lightbox .modal-header { border: 0; padding-left: 0; padding-right: 0; } .ekko-lightbox .modal-header .close { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; color: #fff; text-shadow: 0; margin-top: 5px; } .ekko-lightbox .modal-header .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .ekko-lightbox .modal-header h4.modal-title { color: #fff; padding: 0; } .ekko-lightbox .modal-body { padding: 0; } .ekko-lightbox .modal-footer { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; border: 0; color: #fff; padding: 0; margin:16px 0; } .ekko-lightbox-nav-overlay a { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; text-shadow: none; } .ekko-lightbox .modal-dialog { margin:0 auto!important; } /* -------------------------------------------------- 3.0 ANIMATE -------------------------------------------------- */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }@keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }.flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }@keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }.shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } }@keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } }.wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } }.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }@keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }@keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }.hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } }.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }@keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } }.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } }.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } }.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes rollInRight { 0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); } }@-moz-keyframes rollInRight { 0% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -moz-transform: translateX(0) rotate(0deg); } }@-o-keyframes rollInRight { 0% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; -o-transform: translateX(0) rotate(0deg); } }@keyframes rollInRight { 0% { opacity: 0; transform: translateX(100%) rotate(120deg); } 100% { opacity: 1; transform: translateX(0) rotate(0deg); } }.rollInRight { -webkit-animation-name: rollInRight; -moz-animation-name: rollInRight; -o-animation-name: rollInRight; animation-name: rollInRight; } /* EXTENDED WITH THIS http://www.oxygenna.com/tutorials/scroll-animations-using-waypoints-js-animate-css */ .os-animation{ opacity: 0; } .os-animation.animated { opacity: 1; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- uSkinned.net LAYOUT -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 GENERAL 2.0 HEADER 3.0 CONTENT 4.0 FOOTER 4.1 FOOTER NAV 5.0 NAVIGATION 5.0.1 COMMON NAV 5.1 MAIN NAV 5.3 TOP NAV 5.3 SUB 5.4 BREADCRUMB 5.5 PAGINATION 5.6 SITEMAP 5.7 SOCIAL 5.8 QUICK LINKS 5.10 SLICK CAROUSEL NAVIGATION 6.0 PROMO PODS 6.1 WIDE COLUMN PODS 7.0 LISTING 7.1 BLOG LISTING 7.2 SEARCH LISTING 7.3 SECTION LISTING 7.4 GRID LISTING 7.5 PROMO POD LISTING 8.0 PANELS 9.0 PAGE COMPONENT 9.1 TABBED 9.2 ACCORDION 9.3 QUOTES 9.4 IMAGES 9.5 GALLERY 9.6 RESOURCES 9.7 TABLES 9.8 COMMENTS 9.9 AUTHOR BIO 9.10 IMAGE SLIDESHOW 10.0 ADVANCED PAGE COMPONENT 10.1 BANNER 10.2 CTA STRIP 10.3 PROMO PODS 10.4 VIDEO 10.5 TEXT WITH IMAGE / VIDEO 10.6 TEXT WITH FORM 10.7 BLOG WITH FORM 10.8 TABBED LISTING 10.9 STANDARD COMPONENTS 10.10 GRID 11.0 FORMS 11.1 SITE SEARCH 11.2 AJAX LOADING 11.3 COOKIES 12.0 HOME PAGE */ /* BOOTSTRAP BREAKPOINTS .col-xs- < 768px (container width 100%) .col-sm- > 768px (container width 750px) .col-md- > 992px (container width 970px) .col-lg- > 1200px (container width 1170px) */ /*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css);*/ /*@import url(//fonts.googleapis.com/css?family=Assistant|Assistant:SemiBold&subset=hebrew);*/ /*@import url(//fonts.googleapis.com/css?family=Assistant:SemiBold&subset=hebrew);*/ /* ---------------------------------------------------------------------------------------------------- 1.0 GENERAL ---------------------------------------------------------------------------------------------------- */ /*RTL*/ /*Main navigation*/ html { direction: rtl; } .navigation nav.main ul li { float: right; } .navigation nav.main ul li i.fa-chevron-down { right: auto; left: -10px; } /*Main navigation sub items*/ .navigation nav.main ul li li:hover > ul { right: 180px; } .navigation nav.main ul li:hover > ul { right: 0px; } .navigation nav.main ul li.has_child i.fa.fa-chevron-right { right: 175px; } fa-chevron-right:before { content: "\76"; } .fa-chevron-right:before { font-family: "Verdana"; } .fa-chevron-right:before { font-weight: normal; } .navigation nav.main ul li ul { right: -999em; } /*Breadcrumbs*/ .breadcrumb > li + li::before { float: right; } #right_col[role=main] ul, #left_col[role=main] ul, #right_col[role=main] ol, #left_col[role=main] ol:not(.carousel-indicators) { margin-right: 16px; } .slick-track { /*float: left;*/ float: right; } table thead th { text-align: right; } /*Navigation*/ .navigation nav.top { left: 0; } header .site_search { left: 0; } /* header #logo { right: 15px; }*/ .cust-lang { right: 300px; } /*Top navigation: members area, sitemap, private policy*/ i.fa { margin-left: 5px; } .navigation nav.top > ul li { margin-right: 10px; margin-left: 0px; } i.fa.after { margin-right: 5px; } /*Footer*/ /*footer .social { float: left; } footer .company_details { float: right; }*/ /*Components*/ .page-component-edu img.link-of-com { margin-left: 15px; } .page-component-edu img.title-of-com { margin-left: 10px; } .page-component-edu panel-body.comp-title-container h4, comp-title-container { margin-right: 20px; } .page-component-edu .comp-title-container h6 { margin-right: 20px; } .page-component-edu .listing .link-container { margin-left: 15px; } .page-component-edu .banner img.banner-img { margin-left: 15px; } .nav-tabs > li { float: right; } .page-component-edu .banner-containter .banner { padding: 0 0 0 0 !important; } /*End of RTL*/ body { } #site { margin: 0 auto; max-width: none !important; } /* ---------------------------------------------------------------------------------------------------- 2.0 HEADER ---------------------------------------------------------------------------------------------------- */ /*header { box-shadow: 0 1px 16px rgba(0,0,0,0.45); margin-bottom: 6px; } header .container { position:relative; } header #logo { position:absolute; top:10px; left:15px; width: 25%; z-index:501; } header #logo a { font-family: Assistant; text-indent: 50px!important; width: auto!important; display: block; background-repeat: no-repeat; background-position: right bottom; font-size: 16px; color: #000; } header .container .title { position: absolute; margin-top: 30px; margin-right: 50px; } header .container .title .line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 1px solid #AFC2D3; line-height: 30px; } header .title a { font-family: Assistant; font-size: 34px; margin-top: -3px; color: #000; } header #logo a:active { position:relative; top:1px; } @media (max-width:767px) { header { height:80px; margin-bottom:150px; } header #logo { top:0; left:0; margin:20px 50%; position:relative; float:left; } } @media (min-width:768px) { header { height:170px; z-index:500; position: fixed; background-color: #fff; width: 100%; } } @media (max-width:991px) { header #logo { top: 0px; right: -29%!important; } header #logo a { background-size: 55% auto; } header #logo { width: 35%; } header .title a { font-size: 25px!important; } header .container .title .line { border-left: 0; } } @media (max-width:1199px) { header .title a { font-size: 25px!important; } }*/ @media (min-width:992px) { } @media (min-width:1200px) { } .cust-lang { position: absolute; top: 20px; left: 100px; z-index: 505; display: none; } /* ---------------------------------------------------------------------------------------------------- 3.0 CONTENT ---------------------------------------------------------------------------------------------------- */ .content #right_col { /* background-color: rgba(255,255,255,1); box-shadow: 0 1px 5px rgba(0,0,0,0.15); */ /*width: 21%;*/ margin-left: 0; margin-right: 0; } @media (max-width: 480px) { .advanced-page .content #left_col, .advanced-page .content #mid_col { margin-top: 15px; } } @media (min-width: 768px) { .content #right_col { /*margin-left: 30px;*/ margin-right: 15px; width: 22.5%; } } .content { padding: 16px 0; background-color: rgba(238,238,238,1); } .content.short { padding: 176px 0 8px 0; } @media (max-width:767px) { .content #left_col, .content #mid_col { padding-bottom: 24px; } .advanced-page .content #left_col, .advanced-page .content #mid_col { padding-bottom: 0; } } @media (min-width:768px) { .content { } } @media (min-width:992px) { .content { } } @media (min-width:1200px) { } /* ---------------------------------------------------------------------------------------------------- 4.0 FOOTER ---------------------------------------------------------------------------------------------------- */ /*footer { background-color: rgba(46, 66, 84, 1.0)!important; padding: 0!important; } footer.footer2 { background-color: rgba(36,52,66, 1.0)!important; } footer .company_details { padding-right:10px; } footer { //padding:16px 0; background-color:#eeeeee; } @media (max-width:767px) { footer .company_details, footer .footer_quick_links { margin-bottom:32px; } } @media (min-width:768px) and (max-width:991px) { footer { padding:24px 0; } footer .social { margin:16px 0; } } @media (min-width:992px) { footer { padding:20px 0 20px; } } @media (min-width:1200px) { } footer .container .row:not(:last-child) { //background-color: rgba(46, 66, 84, 1.0); } footer .col-md-3 { //width: 100%; padding-top:10px; }*/ /* -------------------------------------------------- 5.0 NAVIGATION -------------------------------------------------- */ .navigation { position: relative; z-index: 5; } .navigation .reveal { display: none; } .navigation a.expand { position: absolute; top: 0; right: 0; z-index: 300; width: 80px; height: 80px; display: block; text-indent: -9999px; } .navigation a.expand span { display: block; width: 40px; height: 3px; position: absolute; left: 20px; opacity: 1; transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s; } .navigation a.expand span.top { top: 26px; } .navigation a.expand span.mid { top: 38px; } .navigation a.expand span.bottom { top: 50px; } .navigation a.expand.active span.mid { opacity: 0; } .navigation a.expand.active span.top, .navigation a.expand.active span.bottom { top: 38px; } .navigation a.expand.active span.top { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .navigation a.expand.active span.bottom { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } @media (max-width:767px) { .navigation { margin-right: -15px; margin-left: -15px; /*top: 108px;*/ /*margin-bottom:120px;*/ } /*.navigation .expand.active { margin-bottom:120px!important; }*/ html.reveal_out { } /*html.reveal_out header { z-index:301; width:100%; height:100%; }*/ html.reveal_out .navigation .reveal { display: block; } } @media (min-width:768px) { .navigation a.expand { display: none; } .navigation .reveal { display: block; } } @media (min-width:768px) and (max-width:991px) { } /* -------------------------------------------------- 5.0.1 COMMON NAV -------------------------------------------------- */ /*header nav.common { height: 45px; width: 100%; position: relative; top: 0px; right: 0; left: 0; z-index: 300; margin: 0 auto; text-align: center; margin-bottom: 0; } header nav.common { background-color: #F0F0F0; background-color: rgba(46,66,84,1.0); } header nav.common ul li a { min-height:45px; padding: 12px 0; width: 20%; } header nav.common ul li:not(:last-child) a { border-left: 1px solid #688BAE; } header nav.common ul li a span { display:block; } header nav.common > ul li a { font-family: Assistant,Arial; font-size:20px; line-height:100%; text-align:center; } header nav.common ul li, header nav.common ul li a { position:relative; } header nav.common ul li i { cursor:pointer; position:absolute; top:0; right:0; width:60px; height:32px; padding-top:22px; text-align:center; } header nav.common ul li i.fa-external-link { position:relative; padding:0; top:auto; right:auto; bottom:auto; left:auto; width:auto; height:auto; background:transparent!important; } header nav.common ul li.has_child a span { padding-right:35px; } header nav.common ul li .fa-chevron-down:before { //content: "\f107"; content: ''; }*/ nav.common ul li:first-child:hover > a, nav.common ul ul { background-color: #000000; background-color: rgba(0,0,0,1.0); } nav.common ul li:nth-child(2):hover > a, nav.common ul ul { background-color: #71A240; background-color: rgba(113,162,64,1.0); } nav.common ul li:nth-child(3):hover > a, nav.common ul ul { background-color: #C8C8C8; background-color: rgba(48,152,207,1.0); } nav.common ul li:nth-child(4):hover > a, nav.common ul ul { background-color: #C8C8C8; background-color: rgba(146,81,141,1.0); } nav.common ul li:last-child:hover > a, nav.common ul ul { background-color: #000000; background-color: rgba(0,0,0,1.0); } nav.common li > a.active { color: #007CB6 !important; } /*header nav.common ul li i, header nav.common ul li a { color: #ffffff; color: rgba(255,255,255,1); } @media (min-width:992px) and (max-width:1199px) { header nav.common ul li a { min-height:45px; padding: 12px 0; width: 17%; } } @media (min-width:768px) and (max-width:991px) { header nav.common ul li a { padding: 12px 30px; } header nav.common > ul > li:not(:first-child) a::before { margin-left: 30px!important; margin-right: -30px!important; } header nav.common ul li a { min-height:45px; padding: 12px 0; width: 14%; } }*/ @media (min-width:768px) { /*Fix for FF*/ @-moz-document url-prefix() { .home-learn-dlg { margin-top: 0px !important; } } /*header nav.common, header nav.common ul, header nav.common ul li { z-index:500; } header nav.common { //height:32px; position:relative; right:0; left:0; z-index:300; } header nav.common ul { overflow:visible; line-height:1; margin: 0 auto; width: 1140px; } header nav.common ul li { //float:left; //display:inline; //position:relative; }*/ /*header nav.common > ul > li { margin-left: 2px; margin-right: -4px; }*/ /*header nav.common > ul > li:not(:first-child) a::before { content: ''; border-right: solid rgb(104, 139, 174) 1px; top: auto; margin-left: 60px; margin-right: -60px; }*/ /*header nav.common > ul > li:last-child { border-left: solid #ffffff 3px; } header nav.common ul li a { display:block; float:right; /height:32px; /padding: 12px 60px; margin-left: -1px; } header nav.common ul li.has_child a span { padding-right:20px; } header nav.common ul li i { top:10px; right:10px; width:20px; height:20px; padding-top:3px; } header nav.common ul li i.fa-external-link { } header.show.affix { margin-top: -45px; transition: margin-top 0.5s linear; }*/ } @media (max-width:767px) { i.fa.fa-chevron-down.after { display: none; } /*header nav.common, x:-moz-any-link, x:default{ margin-bottom:108px; }*/ /*Fix for FF*/ @-moz-document url-prefix() { .home-learn-dlg { margin-top: 150px; } } /*header nav.common { position:relative; clear:both; z-index: 2; margin-bottom:108px; } header nav.common ul { position:relative; clear:both; } header nav.common ul li { display:block; border-width:0 0 1px; border-style:solid; border-bottom-color: #688BAE; background-color: rgb(56,81,103); width: 100%; } header nav.common ul li a { display:block; width: 100%; } header nav.common ul li.has_child a span { background-image:none; } header #logo { visibility:hidden; /*display:none; } header.show.affix, header.show.affix .common { height:0; } header.show.affix ul { display: none!important; } header.show.affix a, header.show.affix .title, header.show.affix .container .navigation .reveal .site_search { display: none!important; }*/ /*.site_search { display: none !important; }*/ } /* -------------------------------------------------- 5.1 MAIN NAV -------------------------------------------------- */ .navigation nav.main { background-color: #F0F0F0; background-color: rgba(212,222,232,1.0); } .navigation nav.main ul li a { min-height: 32px; padding: 10px 15px; } .navigation nav.main ul li a span { display: block; } .navigation .main > ul li a { font-family: Assistant,Arial; font-size: 18px; line-height: 100%; text-align: center; } .navigation nav.main ul li, .navigation nav.main ul li a { position: relative; } .navigation nav.main ul li i { cursor: pointer; position: absolute; top: 0; right: 0; width: 60px; height: 32px; padding-top: 22px; text-align: center; } .navigation nav.main ul li i.fa-external-link { position: relative; padding: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto; background: transparent !important; } .navigation nav.main ul li.has_child a span { padding-right: 35px; } @media (max-width:767px) { /*.navigation nav.main ul li i { background-color: #ffffff!important; background-color: rgba(255,255,255,1.0)!important; }*/ i.fa.fa-chevron-down.after { display: none; } .navigation nav.main { position: relative; clear: both; margin-top: 80px; } .navigation nav.main ul { position: relative; clear: both; } .navigation nav.main ul li { display: block; border-width: 0 0 1px; border-style: solid; } .navigation nav.main ul li a { display: block; } .navigation nav.main ul li.has_child a span { background-image: none; } .navigation nav.main ul ul { display: none; padding-right: 35px; border-width: 1px 0 0 0; border-style: solid; } .navigation nav.main ul ul li { border-width: 0 1px 1px 0; border-style: solid; } .navigation nav.main ul ul li:last-child { border-bottom: 0 none; } .navigation nav.main ul li.open > ul { display: block; position: relative; top: auto; left: auto; } } @media (min-width:768px) { /*header,*/ .navigation, .navigation nav.main, .navigation nav.main ul, .navigation nav.main ul li { z-index: 500; } .navigation nav.main { height: 32px; position: relative; top: 86px; right: 0; left: 0; z-index: 300; } .navigation nav.main ul { overflow: visible; line-height: 1; } .navigation nav.main ul li { /*float:left;*/ display: inline; position: relative; } .navigation nav.main > ul > li { margin-left: 2px; margin-right: -4px; } .navigation nav.main > ul > li::before { content: ''; border-right: solid #ffffff 3px; position: absolute; height: 100%; top: 0%; } .navigation nav.main > ul > li:last-child { border-left: solid #ffffff 3px; } .navigation nav.main ul li a { display: block; float: left; height: 32px; padding: 10px 10px; } .navigation nav.main ul li.has_child a span { padding-right: 20px; } .navigation nav.main ul li i { top: 10px; right: 10px; width: 20px; height: 20px; padding-top: 3px; } .navigation nav.main ul li i.fa-external-link { } /* DROP DOWN 2ND LEVEL */ .navigation nav.main ul li ul { position: absolute; /*left: -999em;*/ top: 32px; z-index: 2000; width: 200px; height: auto; padding: 0; display: block; border-top: 0; } .navigation nav.main ul li ul li { float: none; width: auto; display: block; border: 0 none !important; } .navigation nav.main ul li ul li a { float: none; display: block; height: auto; line-height: 1.3; width: auto; min-width: 200px; } .navigation nav.main ul li ul li a span { display: block; background: none !important; } } @media (min-width:768px) and (max-width:1199px) { .navigation nav.main ul li li.open > ul { top: 0; left: 200px; } .navigation nav.main ul li.open > ul { left: 0; } } @media (min-width:992px) { .navigation nav.main ul li a { padding: 7px 25px; } } @media (min-width:1200px) { .navigation nav.main ul li li:hover > ul { top: 0; left: 200px; } .navigation nav.main ul li:hover > ul { left: 0; } } .navigation nav.main ul li .fa-chevron-down:before { /*content: "\f107";*/ content: ''; } /*li:hover > a, nav.main ul ul, li:hover > a, nav.main ul li ul { background-color: #428C8E!important; background-color: rgba(66,140,142,0.8); }*/ nav.main ul li:hover > a, nav.main ul ul { background-color: #C8C8C8; background-color: rgba(190,200,210,1.0) !important; margin-right: 3px; padding-right: 22px; } nav.main li > a.active { color: #007CB6 !important; } .navigation nav.main ul li i, .navigation nav.main ul li a { color: #000000; color: rgba(0,0,0,1); } /* -------------------------------------------------- 5.2 TOP NAVIGATION -------------------------------------------------- */ .navigation nav.top > ul li a, .navigation nav.top > ul li .fa-user:before { /*color: #ed6d19;*/ color: rgba(0,0,0,1) !important; } .navigation nav.top { height: auto; } .navigation nav.top > ul { color: #999; font-size: 12px; font-size: 1.2rem; } .navigation nav.top > ul li a#get-hipus { cursor: pointer; position: absolute; left: 100%; width: 55px; } .navigation nav.top > ul li a#get-hipus:before { font-family: FontAwesome; content: "\f002"; color: gray; padding-left: 5px; /*font-weight: bold;*/ } /* TODO - for the new search */ /*.navigation nav.top > ul li a.get-hipus { cursor: pointer; position: absolute; left: 100%; width: 55px; } .navigation nav.top > ul li a.get-hipus:before { font-family: FontAwesome; content: "\f002"; color: gray; padding-left: 5px; }*/ .navigation .reveal .top ul li.even { padding-right: 14px; border-right: 1px solid #000; margin-left: 0px; } @media (max-width:767px) { .navigation nav.top > ul { position: relative; clear: both; } .navigation nav.top > ul li { display: block; } .navigation nav.top > ul li a { display: block; padding: 10px; } .navigation nav.top .dropdown-menu { position: relative; float: none; width: 100%; box-shadow: none; margin: 0 0 15px; padding: 0; } .navigation nav.top li:last-child .dropdown-menu { margin-bottom: 0; } .navigation nav.top .dropdown-menu a { padding: 10px 15px; } .navigation nav.top > ul li a.get-hipus { cursor: pointer; position: relative; right: 5px; /*top: 90px;*/ width: 65px; } .navigation .reveal .top ul li.even { padding: 0; border: none; margin: 0; } } @media (min-width:768px) { .navigation nav.top { position: absolute; top: 32px; /*right:0;*/ } .navigation nav.top > ul { color: #999; font-size: 12px; font-size: 1.2rem; } .navigation nav.top > ul li { display: inline; float: left; margin-left: 10px; font-family: Assistant; font-size: 16px; } .navigation nav.top > ul li a { display: block; float: left; } .navigation nav.top > ul li a span { } .navigation nav.top > ul li div { display: block; float: left; } .navigation nav.top .dropdown-menu a { padding: 5px 10px; } .navigation nav.top > ul > li:first-child a { background-image: url(/images/icons/logo-education-office.png); width: 186px; height: 46px; margin-top: -13px; /*color: transparent!important;*/ text-indent: 100%; white-space: nowrap; overflow: hidden; } } .navigation nav.top .dropdown-menu li { display: block; clear: both; float: none; margin: 0; } .navigation nav.top .dropdown-menu a { display: block; float: none; } /* -------------------------------------------------- 5.3 SUB NAVIGATION -------------------------------------------------- */ nav.sub { position: relative; overflow: hidden; height: 100%; margin-bottom: 24px; } nav.sub p.heading { font-size: 16px; } nav.sub p.heading a { display: block; } .navigation nav.main ul li.has_child i.fa.fa-chevron-right { z-index: 2001; } /* -------------------------------------------------- 5.4 BREADCRUMB NAVIGATION -------------------------------------------------- */ nav#breadcrumb { margin: 8px 0 16px; } .content.short nav#breadcrumb { margin: 12px 0 0 0; } nav#breadcrumb ol.breadcrumb { padding: 0; margin: 0; background: transparent; } nav#breadcrumb ol.breadcrumb { font-size: 14px; font-family: Assistant,Arial; } .breadcrumb > li + li::before { /*font-family:Verdana;*/ /*content: attr(breadcrumb-data-attr);*/ font-family: FontAwesome; content: "\f104"; color: gray; /*font-weight: bold;*/ } nav#breadcrumb ol.breadcrumb li a span { color: black; } nav#breadcrumb ol.breadcrumb li span { color: #007CB6; } /* -------------------------------------------------- 5.5 PAGINATION NAVIGATION -------------------------------------------------- */ nav.pagination { } nav#pager { margin: 32px 0 32px; } /* -------------------------------------------------- 5.6 SITEMAP NAVIGATION -------------------------------------------------- */ nav.sitemap { overflow: hidden; height: 100%; position: relative; } nav.sitemap ul { margin: 0 0 8px; } nav.sitemap ul li { display: block; padding: 0; margin: 0; background: url('/images/bg/sitemap_line.png') no-repeat left -31px; } nav.sitemap ul ul { margin-left: 16px; } /* -------------------------------------------------- 5.7 SOCIAL NAVIGATION -------------------------------------------------- */ .social nav { margin-top: -8px; margin-left: 100px; } .social nav ul { line-height: 0; } .social nav ul li { display: inline-block; position: relative; margin: 0 2px 5px 0; } .social nav ul li a { display: block; float: left; text-indent: -9999px; width: 32px; height: 32px; background-image: url('/images/icons/social.png'); background-repeat: no-repeat; border-radius: 16px; } .social nav ul li:hover a { border-radius: 0; } .social nav ul li a::after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 32px; height: 32px; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s; } .social nav ul li.first a { } .social nav ul li.last a { } .social nav ul li.facebook a { background-position: left top; } .social nav ul li.twitter a { background-position: left -32px; } .social nav ul li.linkedin a { background-position: left -64px; } .social nav ul li.google_plus a { background-position: left -96px; } .social nav ul li.pinterest a { background-position: left -128px; } .social nav ul li.instagram a { background-position: left -160px; } .social nav ul li.flickr a { background-position: left -192px; } .social nav ul li.tumblr a { background-position: left -224px; } .social nav ul li.vimeo a { background-position: left -256px; } .social nav ul li.youtube a { background-position: left -288px; } .social nav ul li.dribble a { background-position: left -320px; } .social nav ul li.skype a { background-position: left -352px; } .social nav ul li.rss a { background-position: left -384px; } .social nav ul li.forum a { background-position: left -416px; } /* -------------------------------------------------- 5.8 QUICK LINKS -------------------------------------------------- */ /*footer .footer_quick_links p.heading { font-family: Assistant,Arial!important; font-size: 20px; font-weight:bold; line-height:100%; color:rgb(215,224,234); text-align:right; max-width: 85%; } footer .footer_quick_links nav.row ul li a { font-family: Assistant,Arial; font-size:16px; line-height:100%; color:rgb(215,224,234); text-align:right; } .footer_quick_links { float: right; min-width: 25%; padding-right: 10px; margin-bottom: 20px; } .footer_quick_links:not(:last-child) { //border-left: solid 1px lightgray; min-height: 100px; border-left-color:rgb(69,100,129); border-left-width:1px; border-left-style:solid; } .footer_quick_links ul { } .footer_quick_links ul li { margin-bottom:10px; margin-right: 10px; } .footer_quick_links ul li .fa-angle-right:before { content:none; } .quick_links { } .quick_links ul { }*/ .quick_links ul li { margin-bottom: 5px; margin-top: 5px; } .quick_links ul li:first-of-type { margin-top: 0; } /* -------------------------------------------------- 5.9 FOOTER NAVIGATION -------------------------------------------------- */ /*footer .container .row .col-sm-12 { padding: 0; } nav.footer { padding:0; //margin-top:16px;// //border-top-width:1px; border-top-style:solid;// background-color:rgb(36,52,66); } nav.footer ul { font-family:Assistant; font-size:14px; line-height:120%; color:rgb(169,188,206); text-align:right; margin-right: 20px; padding-top: 3px; } nav.footer ul.nav div.social p.heading { display:none; } nav.footer ul li { margin-right:8px; } nav.footer > ul.nav > li:not(:first-child) { margin-right: 4px; padding-right: 8px; border-right: #A9BCCE solid 1px; } nav.footer ul.nav li { margin-right:8px; margin-top: 12px; display:inline-block; } nav.footer ul li.site_credit { margin:0; } nav.footer ul li a, nav.footer ul li div { display:inline; padding:0; } nav.footer i.fa.fa-external-link { display: none; } @media (max-width:767px) { nav.footer ul li.copyright { display:block; clear:both; margin-bottom:16px; } nav.footer ul li.site_credit { display:block; clear:both; float:none!important; margin-top:16px; } } nav.footer ul.nav li a { //color: rgba(0,0,0,1); font-family:Assistant; font-size:14px; line-height:120%; color:rgb(169,188,206); text-align:right; } */ nav.row ul li a { /*color: rgba(255,255,255,1);*/ } div.footer_quick_links p { color: rgba(255,255,255,1); } div.company_details p a { color: rgba(255,255,255,1); } div.company_details p { /*color: rgba(0,0,0,1);*/ font-family: Assistant; font-size: 14px; line-height: 120%; color: rgb(169,188,206); text-align: right; margin-top: 12px; } /* -------------------------------------------------- 5.10 SLICK CAROUSEL NAVIGATION -------------------------------------------------- */ .slick-prev, .slick-next { width: 35px; height: 35px; position: absolute; z-index: 200; top: 30%; background: none; border: 0 none; cursor: pointer; } .slick-prev:hover, .slick-next:hover { } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-prev, .slick-next { display: table; } .slick-prev i.fa, .slick-next i.fa { position: relative; margin: 0 !important; display: block; text-align: center; display: table-cell; vertical-align: middle; } .slick-prev i.fa { background: url('/images/icons/gallery-slick-arrow-left.svg') no-repeat center; } .slick-next i.fa { background: url('/images/icons/gallery-slick-arrow-right.svg') no-repeat center; } .carusel .col-xs-12 { background-color: white; left: 35px; top: -15px; width: 80%; } .carusel .link-container a { font-family: Assistant; font-size: 17px; color: rgb(44,112,148); } .carusel .link-container:hover a { color: rgb(44,112,148); text-decoration: none; } .carusel a:link { -webkit-tap-highlight-color: rgb(44,112,148); } .carusel a:hover, .carusel a:focus, .carusel a:hover i.fa { color: rgb(44,112,148); text-decoration: none; } @media (max-width:767px) { .banner .slick-prev, .banner .slick-next { /*display:none!important;*/ } } /* ---------------------------------------------------------------------------------------------------- 6.0 PROMO PODS ---------------------------------------------------------------------------------------------------- */ .promo_pods { position: relative; overflow: hidden; height: 100%; /*margin-bottom: 24px;*/ } .promo_pods .item { position: relative; margin-bottom: 16px; } .promo_pods .item a { } .promo_pods .item.imagepod a, .promo_pods .item.videopod a { display: block; } .promo_pods .item a:hover .text { text-decoration: none; } .promo_pods .item .image { margin: 0 0 8px; } .promo_pods .item img { overflow: hidden; } .promo_pods .item.imagepod img, .promo_pods .item.videopod img { width: 100%; margin: 0; } .promo_pods .item p.heading { display: block; margin: 0 0 8px; font-size: 16px; } .promo_pods .item .text { display: block; margin-bottom: 16px; } .promo_pods .item .text p { margin: 0; } .promo_pods .item .link { } @media (max-width:767px) { .promo_pods .item .image { max-width: 140px; } .promo_pods .item.imagepod .image, .promo_pods .item.videopod .image { max-width: 100%; } } /* -------------------------------------------------- 6.1 WIDE COLUMN PODS -------------------------------------------------- */ .promo_pods.wide { } @media (min-width:768px) and (max-width:991px) { .promo_pods.wide .col-sm-6:nth-child(2n+1) { clear: both; } } @media (min-width:992px) and (max-width:1199px) { .promo_pods.wide .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width:1200px) { .promo_pods.wide .col-lg-3:nth-child(4n+1) { clear: both; } } /* ---------------------------------------------------------------------------------------------------- 7.0 LISTING ---------------------------------------------------------------------------------------------------- */ .listing .item p.heading a { font-size: 20px; font-weight: bold; line-height: 100%; color: var(--link-color); text-align: right; } .listing .item .info .text { color: black; } .listing { overflow: hidden; height: 100%; position: relative; /*padding-top: 8px;*/ /*margin-top: 16px;*/ } .advanced-component .listing { padding: 0; margin: 0; } .listing .item { padding-bottom: 6px; /*margin-bottom:16px;*/ display: flex; } .listing.section.grid .item { padding-bottom: 6px; display: block; } .listing .text-right { margin: 0; padding: 0; } .listing .item a { font: bold 18px Assistant; } .listing .item .image { margin-bottom: 8px; } .listing .item .image img { margin: 8px; float: right !important; } .listing .item p.heading { display: block; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 120%; text-align: right; margin: 0 0 8px; } .listing .item .text { display: block; margin: 0 0 16px; } .listing .item .info .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .listing .item .meta a, .listing .item .text a { display: inline; } @media (max-width:767px) { .listing .item .pull-right { float: none; text-align: left; } } /* -------------------------------------------------- 7.1 BLOG LISTING -------------------------------------------------- */ .listing.blog { } .listing.blog .item .image { margin-bottom: 16px; } div.meta { font-size: 12px; } div.meta { } .item div.meta { margin-top: 16px; } div.meta div { padding-top: 8px; overflow: hidden; height: 100%; } .advanced-component div.meta .categories, div.meta .categories { padding-top: 8px; } @media (min-width:768px) { div.meta .categories { padding-top: 0; } } /* -------------------------------------------------- 7.2 SEARCH LISTING -------------------------------------------------- */ .listing.search { } /* -------------------------------------------------- 7.3 SECTION LISTING -------------------------------------------------- */ .listing.section:not(:last-child) { margin-top: 0; padding-top: 0; margin-bottom: var(--space-between-components); } .opened-list.listing.section { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 30px 40px 10px 25px; } .opened-list.listing.section.content h1 { padding: 0; } .opened-list.listing.section.grid.row { margin: 0; padding: 15px 5px 10px 5px; } .listing.section .image img { width: 160px; height: 107px; } .listing.section .text-right { margin: 0; padding: 0; width: auto; } .listing.section .info { width: 80%; } @media (min-width:992px) and (max-width:1200px) { .listing.section .info { width: 75%; } } @media (min-width:768px) and (max-width:991px) { .listing.section .info { width: 60%; } } @media (min-width:482px) and (max-width:767px) { .listing.section .info { width: 100%; } .listing .item .image { margin-right: 15px; } } @media (max-width:481px) { .listing.section .info { width: 100%; } .listing .item .image { margin-right: 15px; } } @media (max-width:767px) { .listing.section .item .image { max-width: 320px; } } /* -------------------------------------------------- 7.4 GRID LISTING -------------------------------------------------- */ .listing.grid { } .listing.grid .item { margin-bottom: 24px; padding-bottom: 0; } @media (max-width:767px) { .listing.grid .item .image img { max-width: 100%; } } /* -------------------------------------------------- 7.5 PROMO POD LISTING -------------------------------------------------- */ .promo_pods .item .listing { padding: 0; margin: 0 0 8px; border-width: 0 0 1px; border-style: solid; } .promo_pods .item .listing .item { margin: 8px 0; margin: 0; padding: 0; border-width: 1px 0 0; border-style: solid; } .promo_pods .item .listing .item p.heading { font-size: 14px; margin: 8px 0; } .promo_pods .item .listing.blog .item p.heading { margin: 8px 0 0; } .promo_pods .item .listing .item div.meta { margin: 0 0 8px; } .promo_pods .item a.see_all { /*top:20px; right:16px;*/ position: relative; } /* ---------------------------------------------------------------------------------------------------- 8.0 PANELS ---------------------------------------------------------------------------------------------------- */ .panel { } .panel .panel-body { } /* ---------------------------------------------------------------------------------------------------- 9.0 PAGE COMPONENT ---------------------------------------------------------------------------------------------------- */ .page_component { position: relative; } .advanced-page .page_component { margin-bottom: var(--space-between-components); } .page_component:not(:last-child) { margin-bottom: var(--space-between-components); } .page-component-edu .page_component:not(:last-child) { margin-bottom: 24px; } .page_component.textblock, .page_component.listing { margin: 0; } /* -------------------------------------------------- 9.1 TABBED -------------------------------------------------- */ .tabbed { } .tabbed .nav { font-size: 14px; } .tabbed .nav * { border-radius: 0; box-shadow: 0 none; } .tabbed .nav li a { padding: 22px 18px; } .tabbed .nav-tabs li.active a { background: transparent; } @media (min-width:992px) { .tabbed .nav i { display: none; } .tabbed .tab-content { padding: 16px; /*border-width:0 1px 1px; border-style:solid;*/ } } /* -------------------------------------------------- 9.2 ACCORDION -------------------------------------------------- */ .accordion { } .tabbed .panel, .accordion .panel { border-radius: 0; box-shadow: 0 none; } .tabbed .panel-heading, .accordion .panel-heading { padding: 0; font-size: 14px; } .tabbed .panel-heading .panel-title, .accordion .panel-heading .panel-title { padding: 0; font-size: 14px; } .tabbed .panel-heading .panel-title a, .accordion .panel-heading .panel-title a { display: block; padding: 12px; text-decoration: none; } /* -------------------------------------------------- 9.3 QUOTES -------------------------------------------------- */ .quotes { } blockquote { margin: 16px 0; padding: 0; border: 0 none; text-align: center; } blockquote i { display: block; margin: 0 auto 16px; } blockquote p { font-size: 22px; } .promo_pods blockquote p { font-size: 16px; } blockquote cite { font-size: 11px; } blockquote::before, blockquote::after { content: ""; display: block; margin: 0 auto; width: 70%; height: 3px; } blockquote::before { margin-bottom: 24px; } blockquote::after { margin-top: 24px; } @media (min-width:992px) { blockquote { margin: 24px 0; padding: 0 10%; } blockquote p { font-size: 28px; } .promo_pods blockquote p { font-size: 20px; } } /* -------------------------------------------------- 9.4 IMAGES -------------------------------------------------- */ .page_component.image { margin-bottom: 16px; } .page_component.image img { display: block; overflow: hidden; max-width: 100%; height: auto; } .page_component.image .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4); } .page_component.image .info .text { padding: 10px; font-size: 11px; color: rgba(255,255,255,0.8); } .edu-thum-daat { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 15px 15px 15px 15px; margin-bottom: 48px; } #left_col[role='main'] > .page_component.image, #left_col[role='main'] > p, #left_col[role='main'] > .body-text-container { box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; border-color: #d7d7d7; border-width: 0px 1px 1px 1px; padding: 15px 15px 15px 15px; margin-bottom: 32px; } #left_col[role='main'] > p, #left_col[role='main'] .body-text > p, #left_col[role='main'] > .body-text-container > p, #left_col[role='main'] > .edu-thum-daat > p { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: black; } #left_col[role='main'] > h1.areaTitle { margin-bottom: 40px; } /* -------------------------------------------------- 9.5 GALLERY -------------------------------------------------- */ .gallery, .try-gallery { } .gallery .item { margin-bottom: 24px; } .try-gallery .item { margin-bottom: 0px; } .try-gallery .item.col-md-4 { padding-left: 0px; padding-right: 0px; } /*.gallery .item a, .try-gallery .item a { }*/ .gallery .item .image, .grid-gallery .item .image { position: relative; /*margin-bottom: -2px;*/ border: white solid 5px; } .try-gallery .item .image { position: relative; /*margin-bottom: -2px;*/ border-radius: var(--item-radius); background-color: var(--background-over-grey-color); } .promo_pods .item a .overlayicon, .try-resources a .overlayicon, .gallery .item a .overlayicon, .grid-gallery .item a .overlayicon { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; } /*.try-gallery .item a .overlayicon { -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; opacity:0; }*/ .image.video a .overlayicon, .promo_pods .item.videopod a .overlayicon, .gallery .item.video a .overlayicon, .promo_pods .item a:hover .overlayicon, .gallery .item a:hover .overlayicon { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; } /*.try-gallery .item.video a .overlayicon { -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity:1; }*/ /*.try-gallery .item a:hover .overlayicon {*/ .try-resources a .overlayicon { -webkit-opacity: 0.95; -moz-opacity: 0.95; -ms-opacity: 0.95; opacity: 0.95; background-color: rgba(255, 255, 255, 0.6); } /*.try-gallery .item a .overlayicon { -webkit-opacity:0.95; -moz-opacity:0.95; -ms-opacity:0.95; opacity:0.95; background-color: rgba(255, 255, 255, 0.6); }*/ /*.try-gallery .item a:hover .overlayicon p {*/ .try-resources a .overlayicon { color: black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; } /*.try-gallery .item a .overlayicon p { color:black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; }*/ .grid-gallery .item a:hover .overlayicon { -webkit-opacity: 0.95; -moz-opacity: 0.95; -ms-opacity: 0.95; opacity: 0.95; background-color: rgba(198, 197, 195, 0.4); } .grid-gallery .item a .overlayicon p { color: black; line-height: 1.2; margin: 8px 16px 8px 10px; text-align: right; font: bold 20px Assistant,Arial; } /*.try-gallery .item { background-color: var(--background-over-grey-color); }*/ .try-gallery .item a .try-overlayicon p { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0,0,0); /*min-height: 30px;*/ margin-top: 7px; margin-bottom: 7px; padding-left: 15px; padding-right: 15px; } .try-gallery .item a .try-overlayicon p:first-child { text-align: right; color: black; font: bold 18px Assistant,Arial; /*min-height: 0px;*/ padding-left: 15px; padding-right: 15px; } .try-gallery .item:not(.first) a .try-overlayicon p { min-height: 46px; max-height: 46px; } .try-gallery .item.first a .try-overlayicon p:not(:first-child) { margin-top: 0px; } .try-gallery .item.first a .try-overlayicon p { margin-top: 10px; margin-bottom: 10px; min-height: 74px; padding-right: 20px; padding-left: 20px; } .try-gallery .item.first a .try-overlayicon p:first-child { min-height: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 7px; margin-bottom: 7px; } .try-gallery .row .link-container.pull-reverse-dir.pull-left { margin-bottom: 10px; } .try-gallery .row h4 { background-color: rgb(48,152,207); color: white; font-family: Assistant,Arial !important; font-size: 22px; font-weight: normal; height: 39px; padding: 6px 20px; display: table; margin: 10px -5px 10px 10px; } .page_component.try-resources a .overlayicon p { margin: 0; /*padding:0;*/ padding: 5px 20px 5px 20px; text-align: right; color: white; font: normal 30px Assistant,Arial; } .page_component.try-resources a:hover .overlayicon { text-decoration: underline !important; } /*.try-gallery .col-xs-6 { width: auto; }*/ .image.video a .overlayicon, .promo_pods .item a .overlayicon, #right_col aside .item a .overlayicon, .gallery .item a .overlayicon { display: table; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0; margin: 0; -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; } /*.try-gallery .item a .overlayicon { display:table; width:100%; height:100%; position:absolute; top:75%; right:0; bottom:0; left:0; text-align:center; padding:0; margin:0; -webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }*/ /*.try-gallery .item a .overlayicon { display:table; width:100%; height:100%; position:absolute; top:75%; right:0; bottom:0; left:0; text-align:center; padding:0; margin:0; -webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; }*/ .page_component.try-resources a .overlayicon { display: table; width: auto; position: absolute; right: 0; bottom: 0; left: auto; text-align: center; padding: 0; margin: 0; background-color: var(--title-color); opacity: 0.85; /*-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;*/ } .grid-gallery .item a .overlayicon { display: table; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0; margin: 0; -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; } .gallery .item a .overlayicon { left: 0; } .try-resources a .overlayicon { left: 0; } /*.try-gallery .item a .overlayicon { left:0; }*/ .grid-gallery .item a .overlayicon { left: 0; width: 100% !important; height: 15% !important; max-height: 55px; min-height: 50px; margin: auto 0px; top: 90%; } .image.video a .overlayicon i, .promo_pods .item a .overlayicon i, #right_col aside .item a .overlayicon i, .gallery .item a .overlayicon i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-transition: color 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s; } .grid-gallery .item a .overlayicon i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-transition: color 0.2s ease-in-out 0s; -moz-transition: color 0.2s ease-in-out 0s; -ms-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s; } /*.try-gallery .item a .overlayicon i { display:table-cell; width:100%; height:100%; vertical-align:middle; padding:0; margin:0; -webkit-transition:color 0.2s ease-in-out 0s; -moz-transition:color 0.2s ease-in-out 0s; -ms-transition:color 0.2s ease-in-out 0s; transition:color 0.2s ease-in-out 0s; }*/ .try-gallery .col-xs-12 { background-color: white; /*left: 15px; width: 97%; padding-left: 5px;*/ } .try-gallery .link-container a { font-family: Assistant; font-size: 16px; line-height: 150%; color: rgb(44,112,148); text-align: left; } .try-gallery a:link { -webkit-tap-highlight-color: rgb(44,112,148); } .try-gallery a:hover, .try-gallery a:focus, .try-gallery a:hover i.fa { color: rgb(44,112,148); text-decoration: none; } @media (max-width:767px) { .gallery .item:nth-child(2n+1), .try-gallery .item:nth-child(2n+1) { clear: both; } .try-gallery { margin-left: 0px; } } @media (max-width:991px) { .try-gallery .col-md-4, .try-gallery .col-xs-6 { /*width: auto !important;*/ } } @media (min-width:992px) { /*.try-gallery .col-md-4, .try-gallery .col-xs-6 { width: 50%; }*/ } @media (min-width:768px) { .try-gallery .item.first a .try-overlayicon p { max-height: 74px; } /*.gallery .item:nth-child(3n+1), .try-gallery .item:nth-child(3n+1) { clear:both; }*/ .try-gallery { width: 100%; } .row.page_component.try-gallery { margin-right: 0px; border: white solid 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); background-color: white; } .try-gallery .first.col-md-4 { width: 66.66%; } .try-gallery .col-md-4 { width: 33.34%; } /*.try-gallery .col-xs-6 { width: auto!important; }*/ } .grid-gallery { margin-top: 10px; margin-bottom: 10px; } .grid-gallery .item { margin-top: 15px; margin-bottom: 15px; /*padding-left: 15px; padding-right: 15px;*/ } .free-wall { margin-left: 0px; margin-right: 0px; } .brick img { margin: 0; display: block; } /* -------------------------------------------------- 9.6 RESOURCES -------------------------------------------------- */ .resources { } .resources .item { /*padding:16px;*/ } .resources .item .heading { display: block; } .resources .item .size { font-size: 12px; } .page-component-edu .try-resources { border: none; box-shadow: none; } .try-resources { border: white solid 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); } .try-resources .list-group { margin: 0; padding: 0; border: none; } /*.try-resources .item .backgr-img { float:right; }*/ .try-resources .item .after-img { /*background-color:aliceblue;*/ height: 80px; padding: 1px; text-align: right; } .try-resources .item .after-img .intro { font-size: 100%; } .try-resources .list-group-item { margin: 0; padding: 0; border: none; } .try-resources .list-group-item .fa-external-link:before { content: "\f060"; color: #0C69B7; } .try-resources .list-group-item .fa.pull-right { margin-left: 10px; margin-top: 5px; } .try-resources .item .after-img p:empty { display: none; } @media (max-width:1200px) { .try-resources .item .backgr-img { padding: 0; } .try-resources .item .after-img p:empty { display: none; } .try-resources .item .after-img .intro { font-size: 80%; padding-right: 5px; } } @media (max-width:991px) { .try-resources .item .backgr-img { clear: both; float: none; padding: 0; } .try-resources .item .after-img p:empty { display: none; } .try-resources .item .after-img .intro { font-size: 100%; } .try-resources .backgr-img .overlayicon.img-end-radius { top: 50% !important; } } @media (max-width:500px) { .try-resources .backgr-img .overlayicon.img-end-radius { top: 35% !important; } } @media (max-width:767px) { .try-resources .item .after-img .intro { font-size: 100%; } } @media (max-width:567px) { .try-resources .item .after-img .intro { font-size: 80%; } } @media (max-width:467px) { .try-resources .item .after-img .intro { font-size: 60%; } } /* -------------------------------------------------- 9.7 TABLES -------------------------------------------------- */ table { width: 100%; margin-bottom: 16px; } .page_component.tables table { } table thead { } table tr th, table tr td { padding: 8px; } table tr th { padding: 12px 8px; } table thead tr th.first, table tfoot tr td.first { } table thead tr th.last, table tfoot tr td.last { } table tbody tr.even td { } table tbody tr td { } /* -------------------------------------------------- 9.9 AUTHOR BIO -------------------------------------------------- */ .author_bio { } .author_bio p.heading { margin-bottom: 0; } .author_bio .image { margin-top: 16px; } .author_bio .info { padding: 16px 16px 0; } .author_bio .info p.heading { font-size: 16px; } .author_bio .info .text p { } @media (min-width:768px) { .author_bio .info { padding: 16px 16px 16px 0; } } /* -------------------------------------------------- 9.10 IMAGE SLIDESHOW -------------------------------------------------- */ .slideshow { } .slideshow .item { display: block; } .slideshow .item .image { } .slideshow .item .image img { display: block; overflow: hidden; } .slideshow .item .info { position: absolute; top: auto; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); } .slideshow .item .info .text { padding: 10px; font-size: 11px; color: rgba(255,255,255,0.8); } /* ---------------------------------------------------------------------------------------------------- 10.0 ADVANCED PAGE COMPONENT ---------------------------------------------------------------------------------------------------- */ .advanced-component { padding: 24px 0; overflow: hidden; height: 100%; } .advanced-component .overview { margin-bottom: 24px; } .advanced-component .image.video { position: relative; } .advanced-component.banner { padding: 0 !important; } .advanced-component.banner, .advanced-component.promo_pods, .advanced-component#right_col aside, { margin: 0; } .advanced-component .heading.main { font-size: 22px; } @media (min-width:768px) { .advanced-component { padding: 32px 0; } .advanced-component .heading.main { font-size: 26px; } } @media (min-width:992px) { .advanced-component { padding: 48px 0; } .advanced-component .heading.main { font-size: 30px; } } @media (min-width:1200px) { .advanced-component { padding: 64px 0; } .advanced-component .heading.main { font-size: 32px; } } /* -------------------------------------------------- 10.1 BANNER -------------------------------------------------- */ .advanced-component.banner { overflow: hidden; height: 100%; position: relative; z-index: 0; } .advanced-component.banner .container, .advanced-component.banner .row { } .advanced-component.banner .slides { overflow: hidden; height: 100%; position: relative; z-index: 0; } .advanced-component.banner .slides .item { position: relative; z-index: 0; } .switch-collage-gallery-component .try-gallery .item.col-md-4 { padding: 5px; } .advanced-component.banner .slides a .heading, .advanced-component.banner .slides a { color: #ffffff; } .quotes-carousel-component .advanced-component.banner .slides a, .switch-collage-gallery-component .advanced-component.banner .slides a { color: var(--link-color-on-l-blue); } .page-component-edu.switch-collage-gallery-component .slick-slide { text-align: start; } .switch-collage-gallery-component .try-gallery .item.first a .try-overlayicon p { padding: 0 13px; } .switch-collage-gallery-component .item-time-wrap { padding-inline-start: 13px; } .advanced-component.banner .slides .image { position: relative; z-index: 5; } .advanced-component.banner .slides img { display: block; overflow: hidden; } .advanced-component.banner .slides .info { width: 100%; z-index: 100; } .advanced-component.banner .slides .info .heading { margin: 8px 0 12px; line-height: 1.2; } .advanced-component.banner .slides .info p { padding: 0; margin: 0; } .advanced-component.banner .slides .info p.link { margin: 32px 0 16px; text-align: center; } .advanced-component.banner blockquote::before, .banner blockquote::after { display: none; } @media (max-width:767px) { } @media (min-width:768px) { .advanced-component.banner { padding: 16px 0 0; } } @media (min-width:992px) { .advanced-component.banner .slides .info { position: absolute; top: 0; bottom: 0; left: 0; } } @media (min-width:1200px) { } /* -------------------------------------------------- 10.2 CTA STRIP -------------------------------------------------- */ .advanced-component.cta-strip { padding: 0; } .advanced-component.cta-strip p.link { display: none; } .advanced-component.cta-strip .col-md-9 { width: 100%; text-align: center; } /* -------------------------------------------------- 10.3 PROMO PODS -------------------------------------------------- */ .advanced-component.promo_pods { } @media (max-width:991px) { .advanced-component.promo_pods .item:nth-child(2n+1) { clear: both !important; } } @media (min-width:992px) { .advanced-component.promo_pods .item:nth-child(4n+1) { clear: both !important; } } /* -------------------------------------------------- 10.4 VIDEO -------------------------------------------------- */ .advanced-component.video-component { } /* -------------------------------------------------- 10.5 TEXT WITH IMAGE / VIDEO -------------------------------------------------- */ .advanced-component.text-with-image_video { } /* -------------------------------------------------- 10.6 TEXT WITH FORM -------------------------------------------------- */ .advanced-component.text-with-form { } /* -------------------------------------------------- 10.7 BLOG WITH FORM -------------------------------------------------- */ .advanced-component.blog-with-form { } /* -------------------------------------------------- 10.8 TABBED LISTING -------------------------------------------------- */ .advanced-component.tabbed-listing { } .advanced-component.tabbed-listing .tabbed .nav, .advanced-component.tabbed-listing .tabbed .nav * { border: 0 none; } .advanced-component.tabbed-listing .tabbed .nav li { display: inline-block; float: none; } .advanced-component.tabbed-listing .tabbed .tab-content { padding: 32px 0 0; border: 0 none; } /* -------------------------------------------------- 10.9 STANDARD COMPONENTS -------------------------------------------------- */ .advanced-component.standard-components { padding: 8px 0; } .advanced-component.standard-components .page_component { } @media (min-width:768px) { .advanced-component.standard-components { padding: 12px 0; } } @media (min-width:992px) { .advanced-component.standard-components { padding: 16px 0; } } @media (min-width:1200px) { .advanced-component.standard-components { padding: 24px 0; } } /* -------------------------------------------------- 10.10 GRID -------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- 11.0 FORMS ---------------------------------------------------------------------------------------------------- */ textarea { resize: none; } fieldset { margin: 0 0 16px; } legend { padding: 0 0 8px; margin: 8px 0 16px; } label { font-weight: normal; } .form-control { border-radius: 0; min-height: 40px; } /* VALIDATION */ .input-validation-error { } .field-validation-error { display: block; padding: 5px; font-size: 12px; } .field-validation-valid { display: none; } .validation-summary-valid { display: none; } /* ---------------------------------------------------------------------------------------------------- 11.1 SITE SEARCH ---------------------------------------------------------------------------------------------------- */ .site_search { padding: 0; position: relative; } .site_search form { padding: 0; margin: 0; } .site_search .form-group { width: 100%; } .site_search .form-control { width: 100%; height: 40px; padding-right: 5px; } .site_search .btn { height: 40px; position: absolute; top: 1px; right: 0; } .site_search .border-hipus .thum-hipus input[type="radio"] { margin: -1px 8px 0px 0px; vertical-align: middle; } /*@media (max-width:767px) { .site_search { margin: 15px; } }*/ @media (min-width:768px) { header .site_search { position: absolute; top: 60px; display: none; z-index: 300; } .site_search .btn { top: 0; } } @media (min-width:992px) { } @media (min-width:1200px) { } .site_search .btn-primary { background-color: gray; border-color: gray; } header .site_search .btn-primary { background-color: transparent; border-color: transparent; color: gray; top: -41px; left: 24px; right: 87%; /*padding-right: 0;*/ position: relative; } /*header .navigation .site_search .btn-primary { background-color: transparent; border-color: transparent; color: gray; top: 18px; /left: 0px; right:95%; }*/ @media (min-width:768px) { header .site_search { position: absolute; top: 90px; display: none; z-index: 300; /*border: solid white 5px;*/ border: solid rgba(0,0,0,0.15) 1px; background-color: white; width: auto; left: 350px !important; padding-right: 0; } /* header*/ .site_search .form-control { /*width: 100%;*/ /*height: 40px;*/ padding-right: 5px; } header .border-hipus { border: solid white 8px; } /*header .navigation*/ .btn-primary .site_search { top: 25px; /*left: 5px;*/ right: 85%; } .thum-hipus { margin-top: -5px; padding-bottom: 5px; } } /* -------------------------------------------------- 11.2 AJAX LOADING -------------------------------------------------- */ .ajax_wrap { position: relative; width: 100%; height: 100%; } .ajax_wrap .ajax_loading { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } .ajax_wrap .ajax_loading .loading { margin: 0; position: relative; text-align: center; display: table; width: 100%; height: 100%; } .ajax_wrap .ajax_loading .loading span.message { display: table-cell; width: 100%; height: 100%; text-indent: -9999px; vertical-align: middle; background-repeat: no-repeat; background-position: center; } /* -------------------------------------------------- 11.3 COOKIES -------------------------------------------------- */ .cookies { padding: 1em; position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); } .cookies p.link { padding: 0; } .cookies a.close { position: absolute; top: 0; right: 0; font-size: 18px; text-decoration: none !important; font-weight: bold; } .cookies a.close:hover { -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; opacity: 0.7; } /* -------------------------------------------------- 12.0 Home Page -------------------------------------------------- */ .advanced-page .content.advanced-component.standard-components { padding: 4px 0; } .home-learn-dlg { width: 100%; margin-left: 0; /*margin-top: 218px;*/ /* margin-bottom: 48px;*/ } .home-container { padding-top: 50px; height: 346px; border-radius: 4px; /* background-size: 100%;*/ } .home-row { height: 48px; margin-top: 20%; margin-right: 1%; } /*.dlg-inner div.ma-lomdim { float: right; }*/ select#learnsubject { float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 35%; min-height: 48px; height: 48px; -webkit-appearance: none; /*-ms-appearance: none;*/ -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; padding-right: 10px; background-position: 0px; background-size: 30px 100%; border: 1px solid black; } select#learnsubject::-ms-expand { display: none; } select#edulevel { float: right !important; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 19%; width: 19%; min-height: 48px; height: 48px; -webkit-appearance: none; /*-ms-appearance: none;*/ -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; padding-right: 10px; background-position: 0px; background-size: 30px 100%; border: 1px solid black; border-right: none; border-left: none; } select#edulevel::-ms-expand { display: none; } div.hipus { float: right !important; /*margin-top: -50px; margin-left: -100px;*/ width: 10%; min-width: 50px; /*padding: 3px 15px 0 0;*/ } .hipus .link { margin: 0; } a.hipus { font-size: 24px; } a.hipus:after { font-family: FontAwesome; content: " \f104"; } a.hipus.btn-primary:hover { color: #ffffff; background-color: #007CB6; border-color: #ffffff; } a.hipus.btn.btn-primary { height: 48px; } a.hipus.btn.btn-primary[disabled] { background-color: #64656D; opacity: 1; border-color: black; height: 48px; } @media (max-width:1200px) { .home-row { margin-top: 25%; } div.hipus { width: 15%; } select#edulevel { border-left: 1px solid black; } } @media (max-width:991px) { .home-row { margin-top: 40%; } div.hipus { width: 20%; } select#edulevel { border-left: none; border-right: 1px solid black; width: 30%; } } @media (max-width:767px) { .home-row { margin-top: 10%; margin-right: 2%; } section.content .home-container .row.home-row h2 { font-size: 32px !important; } section.content .home-container .row.home-row { width: 100%; } section.content .home-container .row.home-row .ma-lomdim { width: 90%; } section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } section.content h2 { font-size: 24px; } a.hipus { font-size: 24px; } .dlg-inner h1 { font-size: 24px; } .dlg-inner h2 { font-size: 24px; } select#learnsubject, select#edulevel { font-size: 20px !important; } div.hipus { float: none; margin-top: 0px; width: 90%; } .learn-inputs { /*margin-top: 0px;*/ } select#learnsubject { background-position: 0px 3px; background-size: 10% 80%; min-width: 150px; width: 55%; } select#edulevel { background-position: 0px 3px; background-size: 10% 80%; min-width: 100px; width: 35%; border-left: 1px solid black; } .content #right_col { /*width: 60%;*/ min-height: 10px !important; height: auto; } .home-learn-dlg { padding-top: 5px; } .content.short { padding: 8px 0 8px 0; } } @media (max-width:480px) { .advanced-page .page_component { margin-bottom: 15px; } .content .container1 #right_col aside { margin-bottom: 15px; margin-top: 15px; } .listing.section:not(:last-child) { margin-bottom: 28px; } .home-row { margin-top: 10%; margin-right: 2%; } section.content .home-container .row.home-row h2 { font-size: 32px !important; } section.content .home-container .row.home-row { width: 95%; } section.content .home-container .row.home-row .ma-lomdim { width: 100%; } section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } section.content h2 { font-size: 24px; } a.hipus { font-size: 24px; } .dlg-inner h1 { font-size: 24px; } .dlg-inner h2 { font-size: 24px; } select#learnsubject, select#edulevel { font-size: 20px !important; } div.hipus { float: none; margin-top: 0px; width: 100%; } select#learnsubject { background-position: 0px 3px; background-size: 10% 80%; min-width: 150px; width: 100% !important; max-width: 100% !important; } select#edulevel { background-position: 0px 3px; background-size: 10% 80%; min-width: 100px; border-left: 1px solid black; width: 100% !important; max-width: 100% !important; } .content #right_col { /*width: 60%;*/ min-height: 10px !important; height: auto; width: auto; } .home-learn-dlg { padding-top: 5px; } .content.short { padding: 8px 0 8px 0; } } /* -------------------------------------------------- 11.3 Temporary -------------------------------------------------- */ .advanced-page .content.advanced-component.standard-components .col-md-offset-2 { margin-left: 0; } .advanced-page .content.advanced-component.standard-components .col-md-8 { width: 100%; } div.at4-arrow { text-align: center !important; } ng-autocomplete.topics-auto-complete .autocomplete-container .input-container input { background: url(../images/arrow_icon.png) no-repeat left #fff; background-size: 30px 100%; float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 100%; min-height: 48px; height: 55px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0px; border: 1px solid black; } .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete { background: url(../images/arrow_icon.png) no-repeat left #fff; background-size: 30px 100%; float: right; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: rgb(51,51,51); text-align: right; min-width: 35%; width: 100%; min-height: 48px; height: 55px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0px; border: 1px solid black; } /* -------------------------------------------------- END -------------------------------------------------- */ /* -------------------------------------------------- uSkinned.net PALETTE -------------------------------------------------- */ /* -------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------- 1.0 BACKGROUNDS 2.0 TEXT 3.0 BORDERS PRIMARY COLOUR HEX #ed6d19 RGBA rgba(237,109,25,1) */ /* -------------------------------------------------- 1.0 BACKGROUNDS -------------------------------------------------- */ body, nav.sub ul, table { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } footer, blockquote::before, blockquote::after, nav.main ul li:hover > a, nav.main ul ul, table tr.even td { background-color:#eeeeee; background-color:rgba(238,238,238,1); } .pricing_tables ul li.price, table tr th { background-color:#dddddd; background-color:rgba(221,221,221,1); } /*.navigation a.expand span { background-color:#ed6d19; background-color:rgba(237,109,25,1); } */ #site, nav.sub ul ul { background-color:#ffffff; background-color:rgba(255,255,255,1); } .ajax_wrap .ajax_loading { background-color:#ffffff; background-color:rgba(255,255,255,0.8); } .ajax_wrap .ajax_loading .loading span.message { background-image:url('/images/icons/loading_on_white.gif'); } .slideshow .text, .image .text { background-color:#000000; background-color:rgba(0,0,0,0.6); } .social nav ul li a::after { background-color:rgba(255,255,255,0); } .social nav ul li a:hover::after { background-color:rgba(255,255,255,0.2); } a .overlayicon { background-color:rgba(0,0,0,0); } .videopod a .overlayicon, .video a .overlayicon { background-color:rgba(0,0,0,0.25); } a:hover .overlayicon { background-color:rgba(0,0,0,0.75); } .field-validation-error { background-color:#a94442; } .slick-prev, .slick-next { background-color:rgba(238,238,238,1); } .slick-prev:hover, .slick-next:hover { background-color:rgba(255,255,255,1); } nav.main { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } @media (max-width:767px) { .navigation a.expand { background-color:#f6f6f6; background-color:rgba(246,246,246,1); } /*.navigation nav.main ul li i { background-color:#ed6d19; background-color:rgba(237,109,25,1); } */ } @media (min-width:768px) and (max-width:1199px) { nav.main ul li.open > a { background-color:#eeeeee; background-color:rgba(238,238,238,1); } } /* -------------------------------------------------- 2.0 TEXT -------------------------------------------------- */ body { color:#5e5e5e; } a, .highlight, a h1, a h2, a h3, a h4, a h5, a h6, a .heading, .slick-prev, .slick-next, .listing .item a, .navigation nav.main ul li i.fa-external-link { /*color:#ed6d19; color:rgba(237,109,25,1);*/ } /*a:link { -webkit-tap-highlight-color: #ed6d19; -webkit-tap-highlight-color:rgba(237,109,25,1); } */ /*h1, h2, h3, h4, h5, h6, .heading,*/ thead, /*.heading,*/ .heading a, nav.main li > a.active, nav.sub li.active > a { color: #181818; color:rgba(24,24,24,1); } fieldset label em.req { color:#a94442; color:rgba(169,68,68,1); } a .overlayicon i, .field-validation-error { color:#ffffff; color:rgba(255,255,255,1); } @media (max-width:767px) { .navigation nav.main ul li i { color:#ffffff; color:rgba(255,255,255,1); } } /* -------------------------------------------------- 3.0 BORDERS -------------------------------------------------- */ .tabbed .tab-content, hr, blockquote, abbr, acronym, nav.footer, div.meta, .promo_pods .item .listing, .promo_pods .item .listing .item, .navigation nav.main ul li, .navigation nav.main ul ul { border-color:#dddddd; } .tabbed .nav-tabs li.active a { border-bottom-color:#ffffff; } .input-validation-error, .input-validation-error:focus { border-color:#a94442; } .input-validation-error:focus { box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(169,68,68,0.5); } @media (max-width:767px) { } /* -------------------------------------------------- END -------------------------------------------------- */ /* AUTOCOMPLETE */ .autocomplete{ width: 100%; position: relative; } .autocomplete input{ font-size: 1.2em; width: 100%; padding:0.4em; } .autocomplete ul{ position: absolute; left: 0; width: 100%; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; z-index: 1; } .autocomplete li{ text-align: left; list-style:none; width: 100%; padding:0.4em; background-color: #fff; } .autocomplete li.active{ width: 100%; background-color: #4bf; } .autocomplete .highlight { background-color: #E2E2E2; } .autocomplete li.active .highlight { background: #666; color: #fff; } .jssocials-shares { margin: 0.2em 0; } .jssocials-shares * { box-sizing: border-box; } .jssocials-share { display: inline-block; vertical-align: top; margin: 0.3em 0.6em 0.3em 0; } .jssocials-share:last-child { margin-right: 0; } .jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em; } img.jssocials-share-logo { width: auto; height: 1em; } .jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 1; } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em; } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; } .jssocials-share-label { padding-left: 0.3em; vertical-align: middle; } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 0.3em; line-height: 1; vertical-align: middle; cursor: default; } .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-share-count { line-height: 1.5em; vertical-align: middle; } .modal.ltr .jssocials-share:last-child { margin-left: 15px; margin-right: 0 15px; } .jssocials-share-twitter .jssocials-share-link { background: #00aced; } .jssocials-share-twitter .jssocials-share-link:hover { background: #0087ba; } .jssocials-share-facebook .jssocials-share-link { background: #3b5998; } .jssocials-share-facebook .jssocials-share-link:hover { background: #2d4373; } .jssocials-share-googleplus .jssocials-share-link { background: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link:hover { background: #c23321; } .jssocials-share-linkedin .jssocials-share-link { background: #007bb6; } .jssocials-share-linkedin .jssocials-share-link:hover { background: #005983; } .jssocials-share-pinterest .jssocials-share-link { background: #cb2027; } .jssocials-share-pinterest .jssocials-share-link:hover { background: #9f191f; } .jssocials-share-email .jssocials-share-link { background: #3490F3; } .jssocials-share-email .jssocials-share-link:hover { background: #0e76e6; } .jssocials-share-stumbleupon .jssocials-share-link { background: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link:hover { background: #c93412; } .jssocials-share-whatsapp .jssocials-share-link { background: #29a628; } .jssocials-share-whatsapp .jssocials-share-link:hover { background: #1f7d1e; } .jssocials-share-telegram .jssocials-share-link { background: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link:hover { background: #1c88bd; } .jssocials-share-line .jssocials-share-link { background: #25af00; } .jssocials-share-line .jssocials-share-link:hover { background: #1a7c00; } .jssocials-share-viber .jssocials-share-link { background: #7b519d; } .jssocials-share-viber .jssocials-share-link:hover { background: #61407b; } .jssocials-share-pocket .jssocials-share-link { background: #ef4056; } .jssocials-share-pocket .jssocials-share-link:hover { background: #e9132e; } .jssocials-share-messenger .jssocials-share-link { background: #0084ff; } .jssocials-share-messenger .jssocials-share-link:hover { background: #006acc; } .jssocials-share-vkontakte .jssocials-share-link { background: #45668e; } .jssocials-share-vkontakte .jssocials-share-link:hover { background: #344d6c; } .jssocials-share-link { padding: .5em .6em; color: #fff; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active { color: #fff; } .jssocials-share-count-box { position: relative; height: 2.5em; padding: 0 .3em; margin-left: 0.3em; background: #f5f5f5; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box:hover { background: gainsboro; } .jssocials-share-count-box:hover:after { border-color: transparent gainsboro transparent transparent; } .jssocials-share-count-box:after { content: ""; display: block; position: absolute; top: 0.85em; left: -0.3em; width: 0; height: 0; border-width: 0.4em 0.4em 0.4em 0; border-style: solid; border-color: transparent #f5f5f5 transparent transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box .jssocials-share-count { line-height: 2.5em; color: #444; } /*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css); @import url(//fonts.googleapis.com/css?family=Assistant&subset=hebrew);*/ /* buttons */ /* titles */ /* background */ /*form*/ body { font-family: Assistant !important; } section.content h1, section.content h2, section.content h3, section.content h4 { font-family: Assistant, sans-serif; } /*section.content h1 { font-size: 30px;*/ /* background-color: rgba(48,152,207,1); color: #ffffff;*/ /*font-weight: bold; padding: 8px; }*/ /*section.content h2, section.content .cust-menu h2 a { font-size: 20px; color: rgba(48,152,207,1); font-weight: bold; margin-top: 10px; } section.content .cust-menu h2 a { font-family: 'assistant' !important; font-weight: 600 !important; line-height: 1.1; margin-bottom: 10px; }*/ /*section.content h3 { font-size: 16px; color: #0E729C; font-weight: bold; } section.content h4 { font-size: 14px; color: #6060BF; font-weight: bold; }*/ /*.ColLoginAndSearch .ContainerLogoEducationOffice, .ColLoginAndSearch .ContainerSearch, .ColLoginAndSearch .memberDT { float: right; }*/ .page-component-edu .main-content { width: 100%; } .page-component-edu .main-content h2 { /*font-family: "Assistant";*/ font-size: 28px; /*color: rgb(26, 77, 145);*/ /*text-align: right;*/ } .page-component-edu .main-content h3 { /*font-family: "Assistant";*/ font-size: 22px; /*color: rgb(26, 77, 145);*/ /*text-align: right;*/ } .page-component-edu .main-content img { width: auto; } .main-content p:first-of-type { margin-top: 0px; } .main-image-container { width: auto; margin-bottom: 20px; } /*@media (max-width: 991px) { .AdministrativeSpace .ColLoginAndSearch { padding-left: 30px; } }*/ @media (min-width: 992px) { .AdministrativeSpace .ColLoginAndSearch { float: left; width: auto; display: flex; } .main-image-container.pull-right { margin-left: 30px; float: right !important; } .main-image-container.pull-left { margin-right: 30px; float: left !important; } .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper { max-width: 50%; } } /*section.content h1.areaTitle { font-family: Assistant,Arial !important; padding-right: 20px; border: white solid 6px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); margin-bottom: 36px; }*/ section.content h1.areaTitle .text-bold { font-weight: bold; } /*#left_col:not(.home) h1:first-child:not(.areaTitle) { margin-bottom: 40px; border: white solid 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); padding-right: 20px; }*/ .page-component-edu .panel { border-radius: 0px; } /*Panel in bootstrap defined margin-bottom: 20px bug in IE*/ .page-component-edu.ltr .page_component.image-link .panel { margin-bottom: 0px; } /* Passed to application.js cause no shadow for outer control if shadowed inners */ /*.page-component-edu { box-shadow: 0 1px 5px rgba(0,0,0,0.15); }*/ .page-component-edu .page-component-edu { border: none !important; box-shadow: none !important; margin-bottom: 15px !important; } @media (max-width: 991px) { .page-component-edu .col-1 .page-component-edu { margin-bottom: 48px !important; } .page-component-edu .col-2 .page-component-edu { margin-bottom: 0 !important; } } @media (min-width: 992px) { .page-component-edu .col-1 .page-component-edu, .page-component-edu .col-2 .page-component-edu { margin-bottom: 0 !important; } } .page-component-edu .page-component-edu .comp-sub-title-container { padding: 10px 0 0 0; } .container .page-component-edu .page_component .page-component-edu .page_component .inner-panel .comp-sub-title-container h4 { background-color: rgb(197, 224, 237) !important; font-family: Assistant, Arial !important; font-size: 22px !important; font-weight: bold !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; text-align: right !important; padding: 0px 20px 0px 20px !important; height: 33px; } .page-component-edu .page-component-edu .comp-sub-title-container img.title-of-com { width: 16px; height: 16px; margin-top: -4px; } #left_col > .page-component-edu:not(:last-child) { margin-bottom: var(--space-between-components); } #left_col > .page-component-edu .page_component .row.overview { background-color: white; margin: 0; } .promo_pods .page-component-edu .panel .panel-transparent, #right_col aside .page-component-edu .panel .panel-transparent { background-color: rgba(255, 255, 255, 0.9); height: auto; } .promo_pods .page-component-edu .panel-heading, #right_col aside .page-component-edu .panel-heading { padding: 5px; } .promo_pods .page-component-edu .panel .panel-transparent a .heading, #right_col aside .page-component-edu .panel .panel-transparent a .heading { text-align: center; color: rgb(59, 101, 160); font-family: Assistant; font-size: 16px; font-weight: bold; } .promo_pods .page-component-edu:not(.not-shaped) .panel.panel-default, #right_col aside .page-component-edu:not(.not-shaped) .panel.panel-default { border-color: #d7d7d7; border-width: 1px 1px 1px 1px; } .promo_pods .page-component-edu .item .image, #right_col aside .page-component-edu .item .image { margin: 0; } .promo_pods .page-component-edu .item p.link, #right_col aside .page-component-edu .item p.link { margin: 53% 0 0px 0px; } .promo_pods .page-component-edu .item p.link:hover, #right_col aside .page-component-edu .item p.link:hover { opacity: 0.7; } .promo_pods .page-component-edu a.btn-primary::after, #right_col aside .page-component-edu a.btn-primary::after { font-family: FontAwesome !important; content: "\f104"; margin-right: 5px; } .promo_pods .page-component-edu .item p.link a, #right_col aside .page-component-edu .item p.link a { width: 100%; margin: 0; padding: 5px 0 0px 0; border: none; font-family: Assistant; font-size: 20px; font-weight: normal; background-color: rgba(0, 0, 0, 0.6); } .promo_pods .page-component-edu, #right_col aside .page-component-edu { box-shadow: none !important; padding: 10px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-family: Assistant; font-size: 24px; font-weight: normal; /*min-width: 48px;*/ } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a h2 { font-family: Assistant; font-size: 24px; font-weight: normal; height: 0; margin-top: -13px; color: #000; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active a h2 { color: #555; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a:hover h2 { color: rgb(29, 139, 209); } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a:hover { margin-bottom: -1px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active { border: none; margin-left: 6px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header.active { /*padding-bottom: 28px;*/ border-bottom: 6px solid rgb(237, 245, 250) !important; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header:not(.active) { margin-left: 6px; margin-bottom: 6px; } /*.page-component-edu a:hover { color: black; }*/ .page-component-edu img.title-of-com { width: 20px; height: 20px; } .page-component-edu .comp-sub-title-container img.title-of-com { width: 30px; height: 30px; } .page-component-edu img.link-of-com { width: 16px; height: 16px; } .page-component-edu .quick_links img.link-of-com, .small-icon img.img-of-link, .page-component-edu .sitemap img.link-of-com { width: 8px; height: 11px; margin: 7px 0 7px 7px; margin-inline-start: 0; margin-inline-end: 7px; } .links-with-imgs .link-with-img .text-container { /*padding-right: 180px;*/ } .links-with-imgs.same-img .link-with-img .text-container { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px; padding-right: 15px; } .links-with-imgs.same-img .link-with-img .text-container.item-no-title { background-image: none; } /*.images-and-buttons .links-with-imgs.same-img .link-with-img .text-container.AllDesc { padding-right: 180px }*/ /* for EDU Image-Text Link Item (Same Image and Bottom Link) */ .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { display: block; margin-top: 5px; font-size: 14px; font-family: Assistant, Arial; font-size: 16px; line-height: 150%; text-align: right; color: #2c7094; font-weight: normal; text-decoration: none; position: relative; z-index: 1; } .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a:hover.read-more { color: rgb(54, 142, 200); } .page-component-edu.ltr .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { text-align: left; } @media (max-width: 480px) { .page-component-edu .listing .links-with-imgs.same-img .link-with-img.bottom-link a.read-more { margin-top: -13px; } } /* end EDU Image-Text Link Item (Same Image and Bottom Link) */ .ltr .links-with-imgs.same-img .link-with-img .text-container { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; } .link-with-img .text-container .text { display: grid; display: block; } .link-with-img .text-container .text p { margin: 0; } .page-component-edu .link-with-img .text-container .text p { margin-top: 0; } .page-component-edu nav.row ul { /*margin-top: 15px;*/ } .page-component-edu nav.row ul > li a, .page-component-edu nav.row .row div a, .links-with-big-image ul > li a { /*font-family: Assistant;*/ font-size: 16px; line-height: 150%; color: var(--link-color); text-align: right; } .page-component-edu .ContentCollapse nav.row ul > li a { color: var(--link-color-on-l-blue); } .page-component-edu panel-body.comp-title-container h4, comp-sub-title-container { color: rgb(237, 245, 250); } /* Subtitle for EDU Container and its bg color */ .page-component-edu .panel-body .comp-sub-title-edu-container p { position: relative; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); margin: 15px 15px -10px 15px; padding: 5px 15px 5px 15px; display: table; } /* End of Subtitle for EDU Container */ .page-component-edu .comp-title-container h6 { margin-top: 5px; margin-bottom: 15px; } .page-component-edu:not(.not-shaped) .page_component #container-title { margin-bottom: 15px; } .page-component-edu .panel-body .tabbed { margin-right: 20px; margin-left: 20px; margin-bottom: 20px; } .page-component-edu .tabbed { border-style: none; } .page-component-edu .tabbed .tab-content { /*padding: 0px;*/ background-color: rgb(237, 245, 250); } .page-component-edu .quick_links p { margin-right: 20px; /*border-style: none;*/ /*border: 1px #d7d7d7 solid;*/ font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } .page-component-edu .comp-title-container p { /*background-color: white;*/ margin-right: 20px; margin-left: 20px; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } .page-component-edu .comp-sub-title-container p { padding-right: 20px; padding-left: 20px; font: normal 16px Assistant, Arial; color: rgb(51, 51, 51); } /*.page-component-edu .comp-title-container p { position: absolute; z-index: 1; }*/ .page-component-edu .comp-sub-title-container p { /*position: absolute;*/ z-index: 1; padding-top: 10px; } page-component-edu .page_component { border-color: #dddddd; margin-bottom: 16px; border: 3px solid transparent; /*border-radius: 4px;*/ /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/ /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/ } .page-component-edu .tab-header > a { background-color: rgb(176, 213, 230); margin: 2px 2px 2px 2px; margin-bottom: 4px; } .page-component-edu .nav-tabs > li > a { line-height: 0; margin: 0; border: none; } .page-component-edu .nav.nav-tabs { margin: 0 0 0 0 !important; border: none; } .tab-content > div.tab-pane { min-height: 36px; } .tabbed .nav-tabs li.active a { border-bottom-color: rgb(237, 245, 250) !important; /*background-color: rgb(237,245,250);*/ background-color: rgb(237, 245, 250); } .broadcast-calendar-tabs .tabbed .nav-tabs li.active a { background-color: rgb(48, 152, 207); color: white; } .broadcast-calendar-tabs.page-component-edu li.active a:focus { color: white !important; } @media (max-width: 768px) { .broadcast-calendar-tabs .tabbed .nav-tabs li a { font-size: 18px; padding: 15px 20px; font-weight: 800; } .broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-right: 0px !important; } } @media (min-width: 769px) { .broadcast-calendar-tabs .tabbed .nav-tabs li a { font-size: 25px; padding: 20px 50px; } /*.broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-right: 20px !important; }*/ } .broadcast-calendar-tabs .tabbed .nav-tabs li a { color: rgb(44, 112, 148); background-color: rgb(224, 238, 245); font-weight: 800; } .broadcast-calendar-tabs .tabbed .nav-tabs li { margin-left: 20px; margin-bottom: 0px; /*border-bottom: 4px solid #ffffff;*/ } .broadcast-calendar-tabs .calendar-left-content { padding: 0 15px; } .page-component-edu.broadcast-calendar-tabs .tabbed a { color: rgb(44, 112, 148); } @media (min-width: 992px) { .broadcast-calendar-tabs .tabbed .tab-content { padding: 16px 0; } } .broadcast-calendar-tabs.page-component-edu .tabbed .nav.nav-tabs { margin-top: 15px !important; margin-right: 0px !important; margin-left: 20px !important; border-bottom: 5px solid rgb(48, 152, 207); } .broadcast-calendar-tabs.page-component-edu .panel-body .tabbed { margin-right: 15px; margin-left: 0px; } .broadcast-calendar-tabs.page-component-edu .tabbed .tab-content { background-color: white; } .page-component-edu .tabbed a { color: black; } .page-component-edu .tabbed .nav-tabs li.active a { /*border-bottom-color: #b8daff;*/ border: none; } .page-component-edu .comp-title-container h6 { color: rgb(51, 51, 51); font: normal 16px Assistant, Arial; } .page-component-edu .comp-title-container h4, .comp-title-container h6, .comp-sub-title-container h4, .page-component-edu .page_component .thumbnailImage-title, h1, .heading { font-family: Assistant, Arial !important; } .page-component-edu .panel-body { padding: 0; } .page-component-edu:not(.not-shaped) .comp-title-container { /*background-color: #d4dee8;*/ /*margin-bottom: 15px;*/ /*height: 40px;*/ /*padding-top: 2px;*/ } .page-component-edu:not(.not-shaped) .page_component .comp-title-container h6 { margin-bottom: -15px; } .page-component-edu:not(.not-shaped) .page_component .quick_links.panel.panel-default { margin-bottom: 0px; } .page-component-edu:not(.not-shaped) .page_component .quick_links .comp-title-container { margin-bottom: 15px; } .page-component-edu:not(.not-shaped) .page_component #carusel-title { margin-bottom: 15px; } .page-component-edu .comp-title-container h4 { /*font-family: Assistant, Arial !important; font-size: 20px; font-weight: normal; padding: 8px 30px;*/ margin: 0; } /*.page-component-edu:not(.not-shaped) .comp-title-container#carusel-title h2, .page-component-edu:not(.not-shaped) .comp-title-container h3, .page-component-edu:not(.not-shaped) .comp-title-container h4 { background-color: rgb(48,152,207); color: white; font-family: Assistant,Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: table; margin: 12px 15px 0 15px; }*/ .page-component-edu:not(.not-shaped) .comp-title-container div.link-to-all-no-title { padding: 6px 20px; height: 40px; margin: 12px 15px 0 15px; } /******************* fixed styles for comp-sub-title-container ****************************/ .page-component-edu .comp-sub-title-container { /*background-color: #ffffff !important;*/ padding: 12px 15px 0 0; } .container .page-component-edu:not(.not-shaped) .page_component .inner-panel .comp-sub-title-container h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial !important; font-size: 22px !important; } .page-component-edu .page_component .inner-panel .comp-sub-title-container + .listing { border: solid white 15px; border-top: 0; } .page-component-edu .page-component-edu .page_component .inner-panel .comp-sub-title-container + .listing { border: none; } /***********************************************/ .page-component-edu .page_component .row.overview h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial !important; font-size: 24px; font-weight: normal; height: 40px; padding: 8px 30px; display: table; margin: 15px 0 0 0; } .page-component-edu .comp-sub-title-container h4 { color: black; font: normal 18px Assistant, Arial !important; padding: 8px 30px; margin: 0; } .page-component-edu:not(.not-shaped) .comp-sub-title-container h4 { background-color: rgb(237, 245, 250); /*width: auto!important;*/ color: black; font: normal 18px Assistant, Arial !important; height: 40px; padding: 6px 20px; display: table; /*border-left: white 3px solid;*/ margin: 0; } .page-component-edu .panel.panel-default { border-color: #d7d7d7; border-width: 1px 1px 1px 1px; } .page-component-edu:not(.not-shaped) .panel.panel-default { border-color: #d7d7d7; border-width: 0px 1px 1px 1px; margin-bottom: 0px; } .page-component-edu .text-bold { font-weight: bold; } .page-component-edu.not-shaped .comp-title-container h6 { font-weight: bold; font-size: 16px; line-height: 1.4; } /*.page-component-edu .page_component .panel.panel-default .listing:not(".page-component-edu .page_component .inner-panel .listing") { background-color: white; margin-top: 0; }*/ .page-component-edu .page_component .inner-panel .listing { background-color: var(--stock-search-bg); margin-top: 0; } .page-component-edu .panel.panel-default .listing.narrow, .page-component-edu .panel.panel-default .panel-body .narrow { padding-left: 15px; padding-right: 15px; } .page-component-edu .page-panel img.img-of-link { width: 120px; height: 120px; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container { margin-bottom: 25px !important; box-sizing: border-box; } .page-component-edu .page_component .img-container { width: 80px; height: 80px; /*background-color: white;*/ } .page-component-edu .page_component .img-container img.img-of-link { display: block; /*margin-left: auto;*/ margin-right: auto; top: 50%; } .page-component-edu .page_component .big-img-container img.img-of-link { display: block; margin-left: auto; margin-right: auto; /*top: 50%; margin-top: 10px;*/ } .pictures-and-icons-component.page-component-edu .page_component .big-img-container img.img-of-link { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); border-start-end-radius: 0; border-end-end-radius: 0; width: 181px; height: 110px; object-fit: cover; } @media (max-width: 767px) { .page-component-edu .page_component .broadcastItemBox .big-img-container img.img-of-link { margin-bottom: 12px; } } .page-component-edu .page_component .big-img-container img.img-of-link.link-img-margin-top { margin-top: 3px; } .page-component-edu img.img-of-link.prop { width: auto; height: auto; } .page-component-edu .page_component .img-container img.img-of-link.prop { display: block; margin-left: auto; margin-right: auto; top: 50%; margin-top: 10px; } .page-component-edu .page_component .link-with-img .item-name, /*.page-component-edu .page_component .link-with-img a,*/ .page-component-edu .page-panel .link-with-img .text-container a.title { font-family: Assistant; font-size: 16px; font-weight: bold; line-height: 120%; color: rgb(51, 51, 51); text-align: right; } .page-component-edu .page_component .page-panel .link-with-img .text-container a.title, .page-component-edu .page_component .big-img .link-with-img a.item-name, .page-component-edu .page_component .same-img .link-with-img a.item-name { font-size: 18px; } .page-component-edu .page-panel .link-with-img .text-container { padding-top: 15px; } .bottom-component .text-container .text, .bottom-component .text-container a { padding-right: 5px; padding-left: 30px; } .bottom-component .listing { padding-top: 5px; } .page-component-edu .page-panel.bottom-component .link-with-img { margin-bottom: 25px; } .page-component-edu .page_component .link-with-img div.text, .page-component-edu .page-panel .link-with-img div.text { margin-top: 5px; font-family: Assistant; font-size: 16px; font-weight: normal; line-height: 150%; color: rgb(51, 51, 51); text-align: right; /*max-height: 0;*/ } .page-component-edu .link-with-img .text-container .item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-component-edu .link-with-img .text-container .item-name h5 { /*all: inherit;*/ margin: 1px 0 0 0; /*font: inherit;*/ /*color: inherit;*/ transition: none; opacity: unset; } .page-component-edu .link-with-img .text-container .item-name a:hover { color: unset !important; } .page-component-edu .listing .link-container { margin-bottom: 15px; } /* .page-component-edu .listing .link-container a { color: rgb(44, 112, 148); text-align: left; font-family: Assistant, Arial; font-size: 16px; }*/ /* .page-component-edu .listing .link-container a:hover { color: black; }*/ .page-component-edu .link-with-img .space { height: 4px; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container, .page-component-edu .page_component .text-container { margin: 5px 15px 15px 15px; } .page-component-edu.images-and-buttons .page_component .big-img-container { padding-inline-end: 20px; padding-bottom: 20px; } /*.page-component-edu .page_component .row.LongItemRow { /*margin-left: 50px; // margin-right: s50px; /*margin-top: 5px;*/ /*margin-left:30px;*/ /*}*/ /*.page-component-edu.ltr .page_component .row.LongItemRow { margin-left: 0px; margin-right: 30px; }*/ @media (min-width: 1200) { .page-component-edu .page_component .text-container.non-space.RegularDesc { height: 70px; } .page-component-edu .page_component .text-container.non-space.FlexDesc { height: 90px; } .page-component-edu .page_component .text-container.non-space.AllDesc { height: auto; } } @media (min-width: 992px) { .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 15px; } .page-component-edu.current-strip:not(.not-shaped) .comp-title-container { margin-bottom: 0; } .page-component-edu .comp-title-container p.white { position: inherit; } .page-component-edu .comp-title-container p { position: absolute; z-index: 1; } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container, .page-component-edu .page_component .text-container.more-space { /*height: 80px;*/ } /*.page-component-edu .page_component .text-container.non-space.RegularDesc { height: 70px; } .page-component-edu .page_component .text-container.non-space.FlexDesc { height: 90px; } .page-component-edu .page_component .text-container.non-space.AllDesc { height: auto; }*/ /*.page-component-edu .page_component .text-container.non-space.AllDesc { height: -webkit-fill-available; }*/ } .page-component-edu .page_component .text-container.non-space.AllDesc .text { word-break: break-word; } .page-component-edu .page_component .big-img-container.small-icon { margin: 5px 15px 15px 5px; } .page-component-edu .page-panel .img-container { margin: 0px 0px 15px 15px; } .page-component-edu .page-panel .text-container { min-height: 107px; background-color: rgb(237, 245, 250); padding-top: 10px; } .page-component-edu .page-panel .link-with-img { margin-bottom: 20px; } .page-component-edu .page-panel .panel.panel-default:last-child { margin-bottom: 0px; } .page-component-edu .panel .panel-transparent { background-color: rgb(255, 255, 255); background-color: rgba(222, 222, 222, 0.57); height: 65px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .page-component-edu .panel .panel-transparent a .heading { color: black; } .page-component-edu .btn-primary { color: #ffffff; background-color: grey; border-color: grey; } .page-component-edu a.btn-primary { color: #ffffff; background-color: #333333; height: 37px; width: 145px; border-color: grey; padding-top: 8px; margin-left: 10px; } .page-component-edu a:hover.btn-primary { background-color: black; border-color: black; } .page-component-edu a.btn-primary::after { font-family: FontAwesome !important; content: "\f100"; } .page-component-edu .panel-heading p.heading { vertical-align: middle; display: table-cell !important; /*line-height: 90%;*/ } .page-component-edu .banner-containter, .page-component-edu .banner { /*width: 100%;*/ font-family: Assistant, Arial !important; font-size: large; background-color: #FFFFFF; width: auto; height: auto; } .promo_pods .page-component-edu .item .banner a img, #right_col aside .page-component-edu .item .banner a img { width: 22px; height: 22px; } .promo_pods .page-component-edu .item .banner a:hover img, #right_col aside .page-component-edu .item .banner a:hover img { transform: none; } .promo_pods .page-component-edu.box-with-img, #right_col aside .page-component-edu.box-with-img { padding: 0; } .cust-menu h2 { margin-top: 0 !important; } /*#right_col { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1) !important; }*/ .page-component-edu .box-with-img p.heading { font-size: 16px; } .page-component-edu.box-with-img { margin-bottom: 40px; } .page-component-edu .banner-containter .btn.btn-default.banner .info { border-bottom: solid rgb(226, 226, 226) 1px; } .page-component-edu .banner-containter .btn.btn-default.banner .info p { margin: 12px 0 12px 0; font-family: Assistant; font-size: 17px; } .page-component-edu .banner-containter .btn.btn-default.banner { padding: 0 10px 0 20px !important; border: none; display: table; vertical-align: middle; background-color: transparent !important; width: 100%; } .page-component-edu .banner-containter .banner .info { display: table; vertical-align: middle; display: flex; align-items: center; } .page-component-edu .banner-containter .banner .info p { vertical-align: middle; color: rgb(51, 51, 51); } .page-component-edu .banner-containter .banner p:hover { color: grey; } .page-component-edu .text-with-image_video .info, .page-component-edu .page_component .info, .page-component-edu .page_component .outro, .page-component-edu .page_component .text, .page-component-edu .main-content p, .page-component-edu .main-content div, .page-component-edu .page_component.text-img { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0, 0, 0); } .page-component-edu.ltr .text-with-image_video .info, .page-component-edu.ltr .page_component .info, .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text, .page-component-edu.ltr .main-content p, .page-component-edu.ltr .main-content div, .page-component-edu.ltr .page_component.text-img { text-align: left; } /*.page-component-edu .main-content .collapse-text { word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }*/ .page-component-edu .main-content h2 { padding-top: 20px; } .page-component-edu.course-page .main-content h2 { padding-top: 0px; margin-top: 0px; } .page-component-edu.course-page .courseNoticeWrapper { display: flex; } .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { width: 2%; } .page-component-edu .main-content h3 { padding-top: 15px; } .page-component-edu ul.coll-text, .page-component-edu ol.coll-text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; color: rgb(0, 0, 0); } .page-component-edu.ltr ul.coll-text, .page-component-edu.ltr ol.coll-text { text-align: left; } .page-component-edu a { font-family: Assistant; font-size: 16px; line-height: 150%; /*text-align: right;*/ color: var(--link-color-on-l-blue); text-decoration: none; } .page-component-edu a.carousel-control:hover { color: #FFF !important; } .page-component-edu a.carousel-control { color: #FFF !important; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img .text-container.myIdeaText a.title { color: #fff !important; } .page-component-edu a:hover { /*color: rgb(29, 139, 209) !important;*/ text-decoration: none; } /*.page-component-edu a:hover { color: var(--link-hover-color) !important; text-decoration: underline; } a.:hover { color: var(--link-hover-color) !important; text-decoration: underline; }*/ .page-component-edu .page_component .heading.main { font-size: x-large; } .page-component-edu .main-content, .page-component-edu .page_component.text-img, .page-component-edu .search-results, .page-component-edu .sitemap { background-color: white; /*padding: 30px 30px 40px 40px;*/ padding: 4px 16px 16px 16px; margin-bottom: 0; } /*.page-component-edu .text-with-image_video .read-more::after { content: " >> "; }*/ /*.page-component-edu .advanced-component.banner .row h4 { background-color: rgb(48, 152, 207); color: white; font-family: Assistant, Arial; font-size: 22px; font-weight: normal; height: 39px; padding: 6px 20px; display: table; margin: 13px 15px -15px 0px; }*/ .page-component-edu .advanced-component.banner .comp-title-container h6 { margin-top: 20px; margin-bottom: -20px; } .page-component-edu .advanced-component.banner .image .overlay { background-color: var(--title-color); opacity: 0.9; height: 40px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding-right: 20px; color: var(--grey-background); font: normal 18px Assistant, Arial; margin: 0; direction: rtl; } .page-component-edu .advanced-component.banner .image .overlay p { margin-top: 5px; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-component-edu .carusel.slides.slick-initialized.slick-slider { background-color: white; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; } .page-component-edu.tikshuv-strip .carusel.slides.slick-initialized.slick-slider { padding-inline: 14px; } .page-component-edu .carusel.slides.slick-initialized.slick-slider.galaryNoTitlePadding { padding-top: 30px; } .page-component-edu .carusel .slick-slide .overlay { background-color: rgba(0, 0, 0, 0.8); /*opacity: 0.85;*/ width: 100%; height: 38px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding: 10px 10px 0 0; color: white; font: normal 18px Assistant, Arial; line-height: 100%; margin: 0; } .page-component-edu .page_component .image .text { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 80px 60px 80px; outline: none; } @media (max-width: 991px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 68%; } } @media (max-width: 600px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 60%; } } @media (max-width: 480px) { .page-component-edu .advanced-component.banner .slick-next, .page-component-edu .advanced-component.banner .slick-prev { margin-top: 0px; top: 60%; } } .page-component-edu .slick-slide { /*padding:5px;*/ text-align: center; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; } .page-component-edu .page_component .slides .slick-prev, .page-component-edu .page_component .slides .slick-next { background-color: rgba(255, 255, 255, 0); color: #FFF; } .page-component-edu .page_component .advanced-component.banner .slides .slick-next .fa-angle-right:before { content: ""; } .page-component-edu .page_component .advanced-component.banner .slides .slick-prev .fa-angle-left:before { content: ""; } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { position: relative; /*bottom: 20px;*/ bottom: 60%; list-style: none; display: block; text-align: center; padding: 0; width: 100%; direction: rtl; } .page-component-edu .page_component .advanced-component.banner .slides ul.slick-dots[role=tablist] { margin-right: 0px !important; margin-bottom: 0px; } /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li { position: relative; display: inline-block; margin: 0 5px 0px 0px; padding: 0; cursor: pointer; }*/ /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li button { border: 0; background: rgb(153, 153, 153); display: block; height: 16px; width: 16px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; border-radius: 50%; }*/ /*.page-component-edu .page_component .advanced-component.banner .slides .slick-dots li.slick-active button { border: 0; background: rgb(48, 152, 207); display: block; height: 16px; width: 16px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; border-radius: 50%; }*/ .page-component-edu .page_component .carusel.slides .slick-next .fa-angle-right:before { content: "\f0a9"; margin-left: -20px; color: #ffffff; display: none; } .page-component-edu .page_component .carusel.slides .slick-prev .fa-angle-left:before { content: "\f0a8"; margin-right: -20px; color: #ffffff; display: none; } .page-component-edu .page_component .slides .slick-prev:hover .fa-angle-left:before, .page-component-edu .page_component .slides .slick-next:hover .fa-angle-right:before { color: black; } .page-component-edu .page_component .slides .slick-slide { width: 228px; } .page-component-edu .page_component .banner:not(.course-banner):not(.switch-collage-banner) .slides .slick-slide { height: 171px; } .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: 654px; /*height: 520px;*/ } .advanced-page .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: 654px; height: auto; } /*.page-component-edu .page_component .content.advanced-component.banner .slick-prev, .slick-next { width:35px; height:35px; position:absolute; z-index:200; top:50%; background:none; border:0 none; cursor:pointer; }*/ .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 80px; height: 50px; position: absolute; z-index: 200; top: 40%; background: none; border: 0 none; cursor: pointer; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev i.fa { background: url("/images/icons/gallery-slick-arrow-left.svg") no-repeat center; /*background:none;*/ } .page-component-edu .page_component .content.advanced-component.banner .slick-next i.fa { background: url("/images/icons/gallery-slick-arrow-right.svg") no-repeat center; /*background:none;*/ } /*@media (max-width: 991px) and (min-width: 480px) {*/ @media (max-width: 991px) and (min-width: 768px) { #left_col { /*width: 65%;*/ } #right_col { width: 35%; } section.content h1.areaTitle { text-align: right; } .navigation nav.main ul li a { padding: 8px 15px; } } @media (max-width: 1200px) and (min-width: 991px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 700px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 45px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 510px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 110px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 25px 60px 60px 60px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 60px; } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 992px) and (min-width: 767px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 550px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 45px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 380px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 250px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 20px 50px 60px 50px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px; top: 30%; } .try-gallery .col-xs-12 { /*width: 90%;*/ } } @media (max-width: 768px) and (min-width: 480px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { /*height: 520px;*/ } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 55px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 420px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 230px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 20px 40px 60px 40px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px; /*top: 25%;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 480px) and (min-width: 400px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 400px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: -10px;*/ bottom: 60%; } .page-component-edu .banner-containter, .page-component-edu .banner:not(.pod-banner) { margin-bottom: 32px; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 350px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 260px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 10px 0px 0px 0px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { /*width: 0px;*/ top: 25%; /*display:none;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (max-width: 400px) { .advanced-page .page-component-edu .banner-containter:not(.pod-banner-container), .advanced-page .page-component-edu .banner:not(.pod-banner) { height: 360px; } .advanced-page .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { bottom: -20px; } .page-component-edu .banner-containter:not(.pod-banner-container), .page-component-edu .banner:not(.pod-banner) { margin-bottom: 32px; } .page-component-edu .banner-containter, .page-component-edu .banner { /*height: 300px;*/ } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots { /*bottom: 310px;*/ bottom: 60%; } .page-component-edu .advanced-component.banner .slick-slide { padding: 10px 0px 0px 0px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { /*width: 0px;*/ top: 25%; /*display:none;*/ } #left_col { /*width: 95%;*/ } .try-gallery .col-xs-12 { /*width: 95%;*/ } } @media (min-width: 992px) { .main-content { display: inline-block; } /*.page-component-edu .page_component.main-content p img,*/ .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { width: 50%; } .page-component-edu .page_component.text-img .image p img.pull-dir, .page-component-edu .page_component.text-img .video p img.pull-dir { margin-left: 30px; } .page-component-edu .page_component.main-content p img, .page-component-edu .page_component.text-img .image p img.pull-reverse-dir, .page-component-edu .page_component.text-img .video p img.pull-reverse-dir { margin-right: 30px; } } @media (min-width: 1200px) { .main-content { display: inline-block; } .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { width: 50%; } .page-component-edu .page_component.text-img .image p img.pull-dir, .page-component-edu .page_component.text-img .video p img.pull-dir { margin-left: 30px; } .page-component-edu .main-content p img, .page-component-edu .page_component.text-img .image p img.pull-reverse-dir, .page-component-edu .page_component.text-img .video p img.pull-reverse-dir { margin-right: 30px; } } .page-component-edu .page_component.text-img .image p img, .page-component-edu .page_component.text-img .video p img { margin-bottom: 15px; } .cust-menu h2 { text-align: center; } .cust-menu ul li a { font-family: Assistant, Arial; font-size: 18px; font-weight: bold; line-height: 28px; color: var(--text-color); text-align: right; display: block; padding: 0 15px 0 0; margin-bottom: 8px; } .cust-menu ul li ul li a { font-family: Assistant; font-size: 18px; font-weight: normal; line-height: 28px; color: var(--text-color); text-align: right; } .cust-menu ul { padding: 0; margin: 0; } .cust-menu ul li { margin-bottom: 0; /*margin: 12px 2px 2px 2px; display: block;*/ /*background-color: #F5F5F5;*/ } .cust-menu ul li.active > a { background-color: var(--background-side-menu); border-radius: 4px; } /*.cust-menu .collapse.in ul.second-cust > li > a::before { margin-left: 5px; font: normal 6px FontAwesome; content: "\f0c8"; vertical-align: middle; display: inline-block; }*/ /*.cust-menu .collapse.in ul.third-cust > li { margin-bottom: 0; list-style: none; margin-right: 30px; padding: 3px 0; border-right: 3px solid rgb(48, 152, 207); }*/ .cust-menu .collapse.in ul.third-cust > li:first-of-type { padding-top: 0; } .cust-menu .collapse.in ul.third-cust > li:last-of-type { padding-bottom: 0; } .cust-menu .collapse.in ul.third-cust > li > a { font-size: 16px; font-weight: 500; padding-inline-start: 45px; } .cust-menu ul li a.nav-collapse::before { font-weight: bold; } /*.cust-menu ul li.active a.nav-collapse::before{ content: "\f078"; }*/ .cust-menu ul li.active > a.nav-collapse-childs:before, .cust-menu ul li.sub-active > a.nav-collapse-childs:before, .cust-menu ul li.parent-active > a.nav-collapse-childs:before { content: url("/images/icons/navigation-blue-down.svg"); padding-inline-end: 4px; } .cust-menu ul li a.nav-collapse { color: var(--text-color); font-weight: bold; display: block; } .cust-menu ul li a.nav-collapse-childs:before { content: url("/images/icons/navigation-blue-side.svg"); padding-inline-end: 7px; padding-inline-start: 1px; margin-inline-start: -15px; } .cust-menu ul li.sub-active > a { color: var(--text-color); display: block; } .cust-menu ul li .collapse ul li a { padding-inline-start: 30px; } .read-more { font-size: 14px; color: black; text-align: left; font-family: Assistant, Arial !important; } /*a.read-more:hover { color: grey; }*/ @media screen and (min-width: 200px) { .ellipsis-text { white-space: nowrap; width: 23em; overflow: hidden; text-overflow: ellipsis; } } @media screen and (min-width: 992px) { .columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .ellipsis-text { white-space: nowrap; width: 28em; overflow: hidden; text-overflow: ellipsis; } } .page-component-edu .quick_links.links-without-container .nav-container .row.row-without-margin .link-container { padding-bottom: 15px; } .page-component-edu .quick_links.links-without-container { padding: 0; } .page-component-edu .quick_links .links-without-container ul { margin: 0 !important; } .page-component-edu .links-without-container.quick_links { margin: 0; /*margin-top: 25px;*/ } .page-component-edu .quick_links ul.columns li, .page-component-edu .quick_links nav .row div { padding-right: 5px; } .opened-list .opened-item { display: none; } #loadMore { color: green; cursor: pointer; display: none; } #loadMore:hover { color: black; } .opened-list .opened-item { margin-bottom: 45px; } .listing.two-columns .item .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .opened-list .opened-item { padding-bottom: 0; } .opened-list .opened-item .image { margin-bottom: 0; } .opened-list .opened-item .image img { margin: 0; } .opened-list.listing.grid .item { float: right !important; } .opened-list.listing.section.two-columns { padding-right: 30px; } .small-icon { width: 20px !important; height: 20px !important; } .listing .item .small-img img { width: 163px; height: 163px; } .opened-list .col-sm-6, .opened-item.row .col-sm-5 { float: right !important; } .listing #loadMore { font-family: Assistant; font-size: 17px; line-height: 150%; text-align: right; color: rgb(29, 139, 209); text-decoration: none; float: left; background-color: #ffffff; } .listing #loadMore:after { font-family: FontAwesome; content: "\f104"; padding-right: 5px; } .page-component-edu .main-content .main-image-container.narrow-img .main-image-overlay { float: left; bottom: -38px; position: static; } .page-component-edu .main-content .main-image-overlay { background-color: rgba(224, 238, 245, 0.8); width: 100% !important; min-height: 38px; position: absolute; bottom: 0; text-align: right; padding: 7px 10px 0 0; font: normal 16px Assistant, Arial; line-height: 150%; } .main-image-container { width: 452px; height: 216px; /*height: 254px;*/ } /*.page-component-edu .link-container a:link { -webkit-tap-highlight-color: rgb(44, 112, 148); } .page-component-edu .link-container a { font-family: Assistant; font-size: 16px; line-height: 150%; color: rgb(44, 112, 148); text-align: left; }*/ .video-thumbnail { position: absolute; top: calc(50% - 31.5px - 10px); left: calc(50% - 31px); max-width: 100%; height: auto; width: auto !important; min-width: 0; display: table; } /* Start Search Results */ .search-results .heading { font-size: 20px; font-weight: bold; line-height: 100%; color: rgb(44, 112, 148); text-align: right; } .search .item { margin-bottom: 30px; } .search-results p .heading { font-weight: bold; } .search-results .item .text { font-family: Assistant; font-size: 16px; line-height: 150%; text-align: right; } .search .item .search-text { background-color: yellow; } .search-results .thum-hipus { font-size: 16px; } .search-results .site_search .btn-primary { color: gray; background-color: transparent; border-color: transparent; left: 5px; right: 85%; /*position: absolute;s*/ margin-left: 10px; } .site_search .form-control:focus { border-color: grey; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #D0E3F2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(222, 222, 222, 0.57); } .search-results p.search-results-title { font-size: 18px; font-family: Assistant; line-height: 150%; text-align: right; margin-bottom: 30px; margin-top: 25px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: rgb(44, 112, 148); border-color: rgb(44, 112, 148); } .pagination > li > a, .pagination > li > span { color: #5e5e5e; } /*a:link { -webkit-tap-highlight-color: rgb(44, 112, 148); }*/ .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; /*color: rgb(44,112,148);*/ } .form-control { font-family: Assistant !important; /*font-size: 16px;*/ } /* End Search Results */ /* Homepage Start*/ .row.search-learn-container { height: 346px; /*margin-top: 200px;*/ /*218px*/ margin-left: 0; margin-bottom: 30px; /*48px;*/ } .search-learn-container #left_col { padding-left: 0; height: 346px; } .search-learn-container #right_col { height: 346px; } .search-learn-container #left_col .content.advanced-component.standard-components { padding: 0 0 0 0; } .main-pedagogic app-banner .banners-strip { margin-bottom: 0px; } /*@media (min-width: 1200px) { .main-pedagogic { padding-top: 0px!important; } }*/ @media (min-width: 769px) and (max-width: 991px) { .row.search-learn-container { margin-top: -100px; } } @media (max-width: 480px) { .row.search-learn-container { margin-top: -30px; } } .now-in-pedagogic-no-title { padding-top: 20px; } /* Homepage End*/ /* Sitemap Start */ .sitemap .nav > li > a { padding: 2px 15px; } /* Sitemap End */ /* Start override bootstrap_rtl */ /*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; }*/ @media (min-width: 768px) { #left_col.col-sm-1, #left_col.col-sm-2, #left_col.col-sm-3, #left_col.col-sm-4, #left_col.col-sm-5, #left_col.col-sm-6, #left_col.col-sm-7, #left_col.col-sm-8, #left_col.col-sm-9, #left_col.col-sm-10, #left_col.col-sm-11, #left_col.col-sm-12 { float: left !important; } } @media (min-width: 992px) { #left_col.col-md-1, #left_col.col-md-2, #left_col.col-md-3, #left_col.col-md-4, #left_col.col-md-5, #left_col.col-md-6, #left_col.col-md-7, #left_col.col-md-8, #left_col.col-md-9, #left_col.col-md-10, #left_col.col-md-11, #left_col.col-md-12 { float: left !important; } } @media (min-width: 1200px) { #left_col.col-lg-1, #left_col.col-lg-2, #left_col.col-lg-3, #left_col.col-lg-4, #left_col.col-lg-5, #left_col.col-lg-6, #left_col.col-lg-7, #left_col.col-lg-8, #left_col.col-lg-9, #left_col.col-lg-10, #left_col.col-lg-11, #left_col.col-lg-12 { float: left !important; } } /* end override bootstrap_rtl */ @media (max-width: 767px) { .content #left_col.home { width: 100%; } } .box-with-img .panel-heading p.heading { font-weight: bold; line-height: 150%; color: rgb(26, 77, 145); text-align: right; font-size: 16px; } .box-with-img .btn.btn-primary { font-weight: bold; text-align: right; width: 100%; margin: 0; padding: 5px 15px 0 0; border: none; font-family: Assistant; font-size: 20px; background-color: rgba(0, 0, 0, 0.6); height: 37px; color: rgb(255, 255, 255); } .box-with-img a .panel { background-size: cover; } .carusel.slides .image { visibility: hidden; } .carusel.slides { visibility: hidden; } .carusel.slides .image:first-child { /*visibility: visible;*/ } .carusel.slides.slick-initialized .image { visibility: visible; } .carusel.slides.slick-initialized { visibility: visible; } .carusel.slides.slick-initialized.tikshuv-content .image { visibility: unset; } .carusel.slides.slick-initialized.tikshuv-content { visibility: unset; } .page-component-edu .text-image { background-color: white; margin-bottom: 0; } @media (max-width: 480px) { .bottom-component img { width: 96px; height: 64.2px; } .bottom-component .rec-role-erea img { width: 100%; height: auto; } .page-component-edu .bottom-component .text-container { height: auto; } } .page-component-edu .text-image .main-content { padding: 0; } section.content .carousel-caption h3 { font-size: 24px; color: white; } .topic-listing .carousel-caption h3::after { font-family: FontAwesome !important; content: "\f104"; margin-right: 15px; font-size: 24px; } .topic-listing .row div:nth-child(1) .carousel-caption { bottom: 205px; } .topic-listing .row div:nth-child(2) .carousel-caption { bottom: 120px; } .topic-listing .row div:nth-child(3) .carousel-caption { bottom: 30px; } .topic-listing .carousel-caption { left: 0; right: 0; padding-bottom: 10px; padding-top: 0px; background-color: var(--title-color); opacity: 0.9; padding: 0 15px 10px 15px; right: 25px; left: 25px; text-align: right; color: white; position: absolute; } @media (max-width: 767px) { .topic-image img { min-height: 290px; max-height: 400px; } } .topic-listing { margin: 0; padding: 0; } @media (min-width: 768px) { .image-con { position: absolute; } .topic-listing .row div .carousel-caption { bottom: 35px !important; } .topic-listing .carousel-caption { width: 90%; left: 0; right: 0; height: auto; transform: translate(-5%, 0); /* Centering Percentage Width/Height Elements*/ } .topic-listing .row { margin-right: 10px; margin-left: 10px; left: 20%; right: 20%; } .topic-image img { min-height: auto; } } @media (min-width: 768px) and (max-width: 991px) { .topic-listing .row div .carousel-caption { min-height: 94px; } } /* three-columns-with-title */ .listing-container.listing-container-three-columns-with-title h2 { /* padding-bottom: 15px;*/ margin-top: 0px; font-size: 24px; color: rgb(48, 65, 85); text-align: center; min-height: 50px; } .listing-container.listing-container-three-columns-with-title div.vert-line { top: -5px; width: 1.4%; height: 102%; background-color: rgb(238, 238, 238); position: absolute; } .listing-container.listing-container-three-columns-with-title .vert-line.vert-line1, .listing-container-three-columns-with-title .vert-line.vert-line1 { right: 32.6%; } .listing-container.listing-container-three-columns-with-title .vert-line.vert-line2, .listing-container-three-columns-with-title .vert-line.vert-line1 { left: 32.6%; } .listing-container.listing-container-three-columns-with-title .listing { overflow: visible; padding-top: 16px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n+2) { margin-right: 10px; margin-left: -10px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n-2) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .opened-list.listing.three-columns { padding-right: 15px; } @media (max-width: 991px) { .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n+2) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .col-md-4:nth-child(3n) { margin-right: 5px; margin-left: -5px; } .listing-container.listing-container-three-columns-with-title .row.RowInfoBanner.is-mobile { display: block; } .listing-container.communityListing.listing-container-three-columns-with-title .row.RowInfoBanner.not-mobile { display: none; } } @media (min-width: 992px) { .listing-container.communityListing.listing-container-three-columns-with-title .row.RowInfoBanner.is-mobile { display: none; } .listing-container.listing-container-three-columns-with-title .row.RowInfoBanner.not-mobile { display: block; } } /* end of three-columns-with-title */ .three-columns .InfoBannerBox { position: relative; margin-bottom: 16px; } .three-columns .InfoBannerBox .TitleInfo { text-align: right; font-size: 18px; line-height: 18px; padding-right: 15px; } .three-columns .tile { margin-bottom: 35px; } .two-columns .col-sm-6.item.opened-item { padding-right: 0; } .two-columns .item.opened-item { padding-left: 0; } .two-columns .item.opened-item { margin-left: 0; } .two-columns .item.opened-item.odd { float: left; } .two-columns .opened-item .col-sm-6.pull-left { padding-left: 0; } .opened-list.listing.three-columns { padding-right: 25px; } .three-columns .RowInfoBanner { padding-left: 0; padding-right: 0; } #left_col[role=main] .body-text > p { margin-bottom: 40px; } .promo_pods .box-with-img .panel-heading, #right_col aside .box-with-img .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } .quick_links.panel.panel-default { padding-bottom: 15px; } .links-with-imgs.same-img, .links-with-imgs.big-img { margin-bottom: 5px; } /*.panel.panel-default.big-icon { padding-bottom: 15px; }*/ .page-component-edu .main-content .collapse-text h2:first-child { padding-top: 0; margin-top: 0; } /* on print*/ @media print { a[href]:after { content: none !important; } .page-component-edu.box-with-img, .pod-banner-component, .main-content a.read-more { display: none; } } .ContainerTotalSearch .BoxTotalItem .SucTitle a mark { color: var(--title-color); } @media (max-width: 768px) { /*.container1 { padding-left: 15px; padding-right: 15px; }*/ /*.container1 #left_col { padding-left: 0; padding-right: 0; }*/ .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 20px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 18px 14px; } } @media (max-width: 767px) { .content #right_col { padding-left: 15px; padding-right: 15px; background-color: transparent; width: 100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); } #right_col { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important; } /* .content #right_col aside { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1) !important; } */ .content #left_col { padding-bottom: 48px; } } @media (max-width: 480px) { .content #left_col { padding-bottom: 28px; } .row.search-learn-container { margin-bottom: 20px; } .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 18px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 16px 12px; } } @media (max-width: 400px) { .page-component-edu div.tabbed ul.nav.nav-tabs li.tab-header a { font-size: 14px; /*font-weight: bold;*/ } .tabbed .nav li a { padding: 14px 10px; } } .page-component-edu .page_component .inner-panel .listing.white-listing { background-color: white; } .inner-panel .nav-container, .inner-panel p { background-color: var(--stock-search-bg); padding-bottom: 10px; } .row-without-margin { margin-left: 0; margin-right: 0; } .quick_links .inner-panel ul li { padding-right: 0; } .quick_links .inner-panel .listing.space { padding-bottom: 10px; } img.img-of-link.prop { padding-left: 4px; } .inner-panel div p { margin: 0; padding-top: 20px; line-height: 1.4; } .inner-panel div .sub-title p { padding-top: 0; } .page-component-edu .page_component .img-container.small-icon { margin-left: 1px; } .page-component-edu .tab-content nav.row ul > li a, .page-component-edu .tab-content nav.row .row div a { color: black; } .try-resources .overlayicon span { color: white; font: normal 16px Assistant, Arial; line-height: 1.5; text-align: right; padding: 7px 20px 25px 20px; display: block; } .try-resources .overlayicon { max-width: 85%; } .page-component-edu .page_component.main-content { margin-bottom: 0; } .page-component-edu .panel .comp-title-container h6 { padding-bottom: 7px; } @media (max-width: 767px) { .try-gallery .col-md-4, .try-gallery .col-xs-6 { width: 100%; } .try-gallery { margin-left: 0; margin-right: 0; } .gallery-title { margin-left: 0; margin-right: 0; } .gallery-title .col-xs-12 { width: 100%; margin-left: 0; margin-right: 0; } } .gallery-title { margin-left: 0; margin-right: 0; } .page-component-edu .quick_links .nav-container p { margin-left: 30px; } .row.no-margin { margin-left: 0; margin-right: 0; } @media (min-width: 992px) and (max-width: 1200px) { .page-component-edu .text-container.text-of-small-icon { min-height: 93px; } } .prop-container { margin-right: 15px; padding-right: 20px; } .text-of-small-icon .prop-container { margin-right: 25px; } .main-image-container { position: relative; } .image-con { display: block; position: absolute; } .image-con { width: 100%; height: auto; } .page-component-edu .main-content img { width: 100%; height: auto; border-radius: var(--item-radius); } .page-component-edu .main-content img.play-image { width: 62px; height: 63px; } @media (max-width: 991px) { .main-image-container { width: 100%; height: 0; padding-bottom: 48.25%; } } @media (max-width: 400px) { .main-image-container.narrow-img { padding-bottom: 61%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 80px; } } @media (min-width: 401px) and (max-width: 700px) { .main-image-container.narrow-img { padding-bottom: 61%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 65px; } } @media (min-width: 701px) and (max-width: 767px) { .main-image-container.narrow-img { padding-bottom: 55%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 768px) and (max-width: 880px) { .main-image-container.narrow-img { padding-bottom: 57%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 881px) and (max-width: 991px) { .main-image-container.narrow-img { padding-bottom: 55%; } .main-image-container.narrow-img.image-has-caption { margin-bottom: 60px; } } @media (min-width: 992px) { .main-image-container.narrow-img.image-has-caption { margin-bottom: 45px; } } @media (max-width: 991px) { .main-image-container.narrow-img { display: block; margin-left: auto; margin-right: auto; max-width: 524px; float: none !important; } } .page-component-edu .banner .slides.slick-slider .slick-list { height: 0; width: 100%; } @media (max-width: 480px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 70.25%; } .page-component-edu .banner .slides.slick-slider { padding-top: 10px; } } @media (min-width: 481px) and (max-width: 767px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 62.25%; } } @media (min-width: 768px) { .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 58.25%; } } .swap-banner .Banner .carousel-caption { width: 80%; right: 8%; bottom: 30px; } .swap-banner section.content .carousel-caption h3 { font-size: 28px; } .swap-banner .carousel-caption p.Mobile { font-size: 18px; } .page-component-edu .main-content h3:first-child { padding-top: 0; margin-top: 0; } /*.page-component-edu .main-content h2:first-child { padding-top: 0; margin-top: 0; }*/ .page-component-edu .page_component.main-content { margin-top: 0px; padding-top: 16px; } /*.page-component-edu .inner-panel .listing a { color: rgb(51, 51, 51); }*/ .page-component-edu .inner-panel .listing a.show-more-links, .page-component-edu .inner-panel .listing a.show-less-links, .page-component-edu .inner-panel .listing a.show-all-links, .page-component-edu .inner-panel .listing a.show-partial-links, .page-component-edu .inner-panel .listing a.bottom-link { color: rgb(44, 112, 148); } a.show-fancy { display: inline-block; background-color: #1D5C7E !important; font-size: 16px !important; color: #fff !important; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; margin-bottom: 0px; margin-top: 15px; } a.show-fancy:hover { background-color: #11415A !important; opacity: 1; color: #fff !important; } .page-component-edu .image-link .panel:not(.inner-panel) .listing { margin-top: 0; border-top-width: 0; } .image-link .listing { padding-bottom: 15px; } /*.links-with-images .component-panel .listing { padding-bottom: 0; }*/ /*.links-with-images .component-panel .image-link-container { padding: 0; }*/ .component-panel .image-link-container, .component-panel.image-link .image-link-container { padding: 0; } .component-panel .listing { padding-bottom: 0; } @media (max-width: 767px) { .Banner .carousel-inner p.Mobile { display: none; } .page_component.try-resources .overlayicon span.Mobile { display: none; font-size: 20px; } .page_component.try-resources a .overlayicon p { font-size: 20px; } } @media (max-width: 480px) { .Banner .carousel-inner { height: 115px; } .Banner .carousel-caption { position: relative; } .Banner .carousel-control .icon-prev, .Banner .carousel-control .icon-next, .Banner .carousel-control .glyphicon-chevron-left, .Banner .carousel-control .glyphicon-chevron-right { top: 75%; } .swap-banner .Banner .carousel-caption { bottom: 0; right: 0; width: 100%; } .Banner .carousel .carousel-indicators { bottom: 0px; } .page_component.try-resources a .overlayicon p { font-size: 16px; } .promo_pods.wide aside.hidden-sm { margin-bottom: 20px; } .promo_pods.wide aside.hidden-sm .BoxLimkInfo { margin-bottom: 0px; } .page-component-edu .panel.panel-default { margin-bottom: 30px; } } @media (max-width: 360px) { .page_component.try-resources a .overlayicon p { font-size: 14px; } } .links-with-big-image .links-img-container { background-color: white; min-height: 247px; margin: 10px; padding: 15px; border: 3px solid rgba(176, 213, 230, 0.7); } .links-with-big-image li a img.icon { width: 7px; height: 11px; margin: 7px; } .links-with-big-image ul li { margin-bottom: 5px; margin-top: 5px; } .links-with-big-image .links-img-container .big-image { width: auto; padding-right: 0; padding-left: 10px; display: inline-block; vertical-align: middle; float: right; } .links-with-big-image h4 { font-family: "Assistant SemiBold", Assistant, Arial !important; font-size: 34px !important; font-weight: bold !important; line-height: 100%; color: rgb(255, 157, 59) !important; text-align: right; } .links-with-big-image ul li a { font-family: Assistant; font-size: 20px; line-height: 150%; color: rgb(44, 112, 148); text-align: right; } #left_col[role=main] .links-with-big-image ul { margin-right: 0; } .links-with-big-image .links-container ul li { padding-right: 0 !important; } .links-with-big-image .links-container .links { padding-right: 25px; } .links-with-big-image .links-container { padding-right: 0; padding-left: 0; margin-right: -15px; margin-left: -15px; } .links-with-big-image .links-img-container .title { padding-right: 20px; margin-bottom: 5px; padding-left: 0; } .links-with-big-image .img-col { padding-left: 0; padding-right: 0; } @media (min-width: 481px) and (max-width: 991px) { .links-with-big-image .links-container { display: block; } .links-with-big-image nav { display: -webkit-box; } } @media (max-width: 480px) { .links-with-big-image .links-img-container .big-image { width: 50%; margin-left: 25%; margin-right: 25%; display: block; } } @media (min-width: 768px) { .links-with-big-image .links-container { padding-right: 0px; } } @media (min-width: 992px) { .links-with-big-image .links-container { padding-right: 40px; } .links-with-big-image .links-img-container .title { padding-right: 30px; } } @media (min-width: 481px) and (max-width: 768px) { .links-with-big-image .img-col { width: 30%; } .links-with-big-image .links-img-container .big-image { width: 100%; } .links-with-big-image .links-container { width: 70%; } } .links-without-container .panel-body { background-color: white; } .collapse-component .links-without-container .panel-body { background-color: var(--stock-search-bg); } .inner-panel .listing.white-listing p { background-color: white; } .inner-panel div .text-container p { padding-top: 0px; } .page-component-edu .page_component .link-with-img .text-container a .text { font-weight: normal; } /* Q&A COMPONENT*/ .page-component-edu.popXtnCmpnt .page_component.accordion .faqHolder .panel-collapse .ContentCollapse { max-width: 98%; overflow-x: auto; } .popXtnCmpnt .accordion .panel-collapse { margin-right: 25px; } .PanelCollapse .Questions { overflow: hidden; /*width: 95%;*/ } .PanelCollapse a .Questions:hover { text-decoration: var(--link-hover-decoretion) !important } .btn-collapse { float: right; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse .btn-collapse:before { font: normal 21px FontAwesome; margin: 0px 0px 0px 8px; vertical-align: sub; color: rgba(0, 0, 0, 0.5); }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: "\f196"; } .page-component-edu.popXtnCmpnt .page_component.accordion .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: "\f147"; } */ .popXtnCmpnt .accordion .PanelCollapseHidden { display: none; } .collapse-component .PanelCollapse { background-color: var(--stock-search-bg); } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div { margin-bottom: 15px; } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div.ac { margin-bottom: 0px; padding-bottom: 25px; } .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container p { margin: 15px 15px 0px 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container p.ac { margin-top: -6px; } .page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse p { margin: 0px 0px; } .popXtnCmpnt .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; } .popXtnCmpnt .panel-collapse { margin-bottom: 0px; } /*.popXtnCmpnt .panel-collapse a { text-decoration: none; color: #333; }*/ /*.popXtnCmpnt .panel-collapse .ContentCollapse a { color: #337ab7; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse { padding: 0px 0px 0px 0px; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .ContentCollapse div.sub-title { padding: 10px 40px 0px 40px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } /*ltr*/ /*.popXtnCmpnt .accordion.ltr .panel-collapse { margin-right: 0px; margin-left: 25px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse { margin-bottom: 0px; } */ /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse .Questions { margin-bottom: 8px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse .btn-collapse { float: left; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse [aria-expanded=false] .btn-collapse:before { margin: 0px 8px 0px 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .PanelCollapse [aria-expanded=true] .btn-collapse:before { margin: 0px 8px 0px 0px; }*/ .popXtnCmpnt .accordion.ltr { direction: ltr; } .page-component-edu.popXtnCmpnt .page_component.accordion.ltr .comp-title-container p { margin: 15px 0px 0px 15px; } .popXtnCmpnt .accordion.ltr .PanelCollapse .Questions { text-align: left; } .popXtnCmpnt .accordion .panel.panel-default { margin-bottom: 0; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.ltr .ContentCollapse { float: left; width: 100%; margin-top: -8px; margin-bottom: 8px; }*/ /*.popXtnCmpnt .accordion.ltr .PanelCollapse .BtnCollapse { margin: 5px 8px 10px 0px; float: left; } */ @media (max-width: 992px) { .page-component-edu.popXtnCmpnt .page_component.accordion .comp-title-container div { margin-bottom: 0px; } .page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body > .comp-title-container div { margin-bottom: 0px; } /*.page-component-edu.popXtnCmpnt .page_component.accordion .panel.panel-default .panel-body .listing { padding-top: 0px; }*/ } /* End of Q&A COMPONENT*/ /* COLLAPSE COMPONENT*/ @media (max-width: 991px) { /*.popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { margin-right: 15px; }*/ .popXtnCmpnt .accordion.collapsible .PanelCollapse .links-same-icon .col-md-6.listing-col:nth-child(even) { margin-right: 0; } } @media (max-width: 480px) { .page-component-edu div.pic_with_icons .listing .links-with-imgs.big { margin-bottom: 25px; } /*.page-component-edu div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { width: 300px; }*/ div.pic_with_icons .listing .col-lg-4.listing-col { width: 100%; } div.pic_with_icons .listing .col-md-6.listing-col.short-list { width: 100%; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-right: 0px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .links-same-icon .col-md-6.listing-col:nth-child(even) { padding-right: 15px; } } @media (max-width: 1200px) { div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float { min-width: auto !important; max-width: 100% !important; } .page-component-edu .page_component .big-img-container.no-float img.img-of-link { height: 150px !important; } } .popXtnCmpnt .accordion.collapsible .collapseHolder .image-link .listing { padding-bottom: 5px; } .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-right: 0; } /*.popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-right: 7.5px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .col-md-6.listing-col:nth-child(odd) { padding-left: 7.5px; }*/ .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-bottom: 0px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .collapse-item { overflow: hidden; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .panel-heading > a { display: inline-block; } .popXtnCmpnt .accordion.collapsible .panel-heading { background-color: var(--stock-search-bg); } .popXtnCmpnt .accordion.collapsible .panel-collapse { margin-bottom: -1px; background-color: white; } .popXtnCmpnt.collapse-component.page-component-edu .accordion.collapsible .panel-collapse, .collapse-component .accordion.collapsible .panel-collapse .page-component-edu, .collapse-component .accordion.collapsible .panel-collapse .page-component-edu .panel { background-color: var(--stock-search-bg); } .collapse-component .images-and-buttons { padding: 0 15px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .collapse-item { font-weight: bold; vertical-align: bottom; font-size: 18px; margin: 0; line-height: 50px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse .btn-collapse:before { display: inline-block; width: 30px; padding: 0 10px; line-height: 50px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.popXtnCmpnt.ltr .page_component.accordion.collapsible .PanelCollapse [aria-expanded=false] .btn-collapse:before { content: url(/images/icons/Arrow-Link-List-ltr.png); } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: url(/images/icons/navigation-blue-down.svg); } .popXtnCmpnt .accordion.collapsible .listing .link-container a.show-more-links, .popXtnCmpnt .accordion.collapsible .listing .link-container a.show-less-links { background: none; padding: 0; color: rgb(44, 112, 148); font-size: 16px; } .popXtnCmpnt .accordion.collapsible .listing .link-container a:hover.show-more-links, .popXtnCmpnt .accordion.collapsible .listing .link-container a:hover.show-less-links { background: none; padding: 0; color: rgb(29, 139, 209) !important; font-size: 16px; } .popXtnCmpnt .accordion.collapsible .link-container a.show-more-links .fa-angle-left:before { content: "\f067"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; } .popXtnCmpnt .accordion.collapsible .link-container a.show-less-links .fa-angle-left:before { content: "\f068"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; } .popXtnCmpnt .accordion.collapsible .link-container .fa { float: right; margin-top: 5px; } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px; } /* remove shadow box */ /*.PanelCollapse .ContentCollapse .page-component-edu .image-link .panel:not(.inner-panel) .listing { margin-top: -20px; }*/ .PanelCollapse .ContentCollapse .page-component-edu .listing .row.row-without-margin { margin-bottom: -10px; margin-top: -10px; padding-bottom: 10px; } .popXtnCmpnt .accordion.collapsible .PanelCollapse .panel.panel-default.big-icon { box-shadow: none; border: none !important; } .PanelCollapse .ContentCollapse .page-component-edu .image-link .image-link-container, .PanelCollapse .ContentCollapse .page-component-edu .rich-text-editor-com .text { padding: 0; } .popXtnCmpnt .accordion.collapsible .page_component.image-link .panel.panel-default { border: none; box-shadow: none; } .popXtnCmpnt .accordion.collapsible .panel.panel-default { border: none; /*box-shadow: none;*/ /*box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px;*/ } .popXtnCmpnt .accordion.collapsible .accordion .panel, .popXtnCmpnt .accordion.collapsible .panel.panel-default .rich-text-editor-com .panel { box-shadow: none; border: none; } .page-component-edu .accordion.collapsible .listing .PanelCollapse .panel-heading { border: none; border-radius: 0; padding: 0; } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container { margin-right: 10px; margin-left: 0px; /*margin-top: 5px;*/ } /* .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container a { color: rgb(44, 112, 148); font-size: 16px; }*/ .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } /* edupicturewithiconssection */ /*.accordion.collapsible .PanelCollapse .link-with-img a { display: block; }*/ @media (min-width: 1200px) { div.pic_with_icons.page-component-edu .col-md-6.listing-col:nth-child(even) { padding-right: 7.5px; } div.pic_with_icons.page-component-edu .col-md-6.listing-col:nth-child(odd) { padding-left: 7.5px; } } div.pic_with_icons .page-component-edu .listing .link-container { margin-right: 10px; margin-left: 15px; margin-top: 5px; } .page-component-edu div.pic_with_icons .links-with-imgs.big { margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); } .container-component.page-component-edu div.pic_with_icons .links-with-imgs.big { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } .page-component-edu.collapse-component div.pic_with_icons { background-color: var(--stock-search-bg); } div.pic_with_icons .listing .links-with-imgs .big-img-container { height: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; } div.pic_with_icons .text-container.non-space.RegularDesc { height: auto; padding-top: 5px; } div.pic_with_icons .listing .link-with-img .row .text-container { overflow: hidden; margin-top: 0 !important; margin-bottom: 0 !important; height: auto; } div.pic_with_icons .listing .link-with-img .row div.text { padding-bottom: 0px; margin-top: 0px; } /* 1-2 items */ div.pic_with_icons .text-block { display: flex; width: 100%; padding-right: 20px; padding-left: 20px; margin: -5px 0px 5px 0px; } div.pic_with_icons .text-block .text-container { width: inherit; margin: 0 15px 0 0; } div.pic_with_icons .text-block .text-container a { max-width: 175px; } div.pic_with_icons .text-container:hover * { text-decoration: underline; } div.pic_with_icons .text-container.RegularDesc:hover * { text-decoration: none; } div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float { /*clear:both;*/ max-width: 92.9%; min-width: 92.9%; width: -webkit-fill-available; width: -moz-available; } div.pic_with_icons .text-container.non-space.RegularDesc.no-float { height: auto; clear: both; } .pictures-and-icons-component .text-section { margin: 0px 10px; } div.pic_with_icons .links-with-imgs.big.no-float { min-height: 235px; margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); } /* end 1-2 items*/ /* 3 Columns */ div.pic_with_icons .text-block.three-col .text-container a { max-width: 220px; } @media (min-width: 1200px) { div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(1) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(2) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons .listing .col-lg-4.listing-col.short-list:nth-of-type(3) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(4) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(5) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons .listing .col-lg-4.listing-col.long-list:nth-of-type(6) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { min-height: 250px; } } div.pic_with_icons .listing .links-with-imgs .big-img-container.no-float-three-col { /*clear:both;*/ float: none !important; /*width: -webkit-fill-available;*/ /*width: -moz-available;*/ } div.pic_with_icons .text-container.non-space.RegularDesc.no-float-three-col { height: auto; clear: both; padding: 4px 15px; } div.pic_with_icons .link-with-img .text-container .item-name h3 { font-size: 18px; white-space: nowrap; margin: 1px 0 0 0; } div.pic_with_icons.page-component-edu .text-block.three-col { display: block; padding: 0px 15px 0px 15px; } /* ltr */ div.pic_with_icons.page-component-edu.ltr .text-block.three-col { display: block; padding: 0px 15px 0px 15px; } @media (min-width: 1200px) { div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(1) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(2) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.short-list:nth-of-type(3) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(4) { padding-left: 15px; padding-right: 5px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(5) { padding-left: 10px; padding-right: 10px; } div.pic_with_icons.page-component-edu.ltr .listing .col-lg-4.listing-col.long-list:nth-of-type(6) { padding-left: 5px; padding-right: 15px; } div.pic_with_icons .listing .links-with-imgs.big.no-float-three-col { min-height: 250px; } } /* end of 3 Columns */ div.pic_with_icons .links-with-imgs.big { margin-bottom: 15px; margin-top: 5px; background-color: var(--grey-background); border-radius: var(--item-radius); } .collapse-component.page-component-edu div.pic_with_icons .links-with-imgs.big { background-color: var(--stock-search-bg); border: 1px solid var(--shadow-in-container); box-shadow: var(--btn-box-shadow); } div.pic_with_icons .link-with-img .text-container .item-name h5 { font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis; overflow: hidden; } div.pic_with_icons .link-with-img .text-container h6 { font-size: 17px; /*line-height: 150%;*/ font-family: inherit; } div.pic_with_icons .link-with-img .text-container .icon-img { width: 26px; height: 26px; float: right; margin-left: 10px; } div.pic_with_icons .text-container a { display: block; } div.pic_with_icons .text-container.non-space.RegularDesc a { display: inline-block; } div.pic_with_icons .text-container a h6 { white-space: nowrap; /*max-width: 150px;*/ overflow: hidden; text-overflow: ellipsis; } .page-component-edu .page_component .big-img-container.no-float img.img-of-link { max-height: 150px; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link, .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100%; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link { height: auto; } .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { /*height: auto;*/ height: 160px; max-height: 160px; } @media screen and (max-width: 991px) { .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float img.img-of-link, .pictures-and-icons-component.page-component-edu .page_component .big-img-container.no-float-three-col img.img-of-link { width: 100%; } } #left_col[role=main] .PanelCollapse ul { margin-right: 0; } /* ltr */ @media (max-width: 991px) { .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(even) { margin-left: 15px; padding-right: 30px !important; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col.pull-left { width: 100%; } #left_col[role=main] .PanelCollapse .page-component-edu.ltr ul { margin-left: 0; } } /*@media (max-width:767px) {*/ @media (max-width: 767px) and (min-width: 480px) { /*.popXtnCmpnt .accordion.collapsible.ltr .page-component-edu .page_component .big-img-container.no-float img.img-of-link { width: auto; max-width: 100%; }*/ } .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible { box-shadow: none; } @media (min-width: 1200px) { div.pic_with_icons.page-component-edu.ltr .col-md-6.listing-col:nth-child(even) { padding-left: 7.5px; padding-right: 15px; } div.pic_with_icons.page-component-edu.ltr .col-md-6.listing-col:nth-child(odd) { padding-right: 7.5px; padding-left: 15px; } } div.pic_with_icons.page-component-edu.ltr .link-with-img .text-container .icon-img { width: 24px; height: 24px; float: left; margin-right: 10px; margin-left: 0; } div.pic_with_icons.page-component-edu.ltr .text-block .text-container { margin: 0 0px 0 15px; } div.pic_with_icons.page-component-edu.ltr .text-container.non-space.RegularDesc.no-float { padding: 10px 0px 0px 20px; } div.pic_with_icons.page-component-edu.ltr .text-block { padding-right: 0px; padding-left: 20px; } .PanelCollapse .ContentCollapse .page-component-edu .listing a.show-more-links, .PanelCollapse .ContentCollapse .page-component-edu .listing a.show-less-links { /*color: #2c7094;*/ color: rgb(44, 112, 148); font-size: 16px; } /* end edupicturewithiconssection */ /* ltr */ .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .ContentCollapse .page-component-edu .link-with-img .text-container .icon-img { float: left; margin-right: 10px; margin-left: 0px; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(even) { padding-left: 0px; padding-right: 15px; } .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .col-md-6.listing-col:nth-child(odd) { padding-right: 15px; } .popXtnCmpnt .accordion.collapsible.ltr .panel.panel-default { /*margin-bottom: 8px!important;*/ /*box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px 1px;*/ } /*.popXtnCmpnt .accordion.collapsible.ltr .panel-collapse { margin-bottom: -1px; background-color: white; margin-left: 0px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .ContentCollapse {*/ /*float: left; width: 100%;*/ /*margin-top: 0px;*/ /*margin-bottom: 3px; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .ContentCollapse { margin-top: 0px; background-color: white; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse { margin-bottom: 8px; }*/ .page-component-edu .accordion.collapsible.ltr .panel .panel-body .listing .link-container { margin-right: 0px; margin-left: 10px; } /*.popXtnCmpnt .accordion.collapsible.ltr .link-container a.show-more-links .fa-angle-right:before { content: "\f067"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; }*/ /*.popXtnCmpnt .accordion.collapsible.ltr .link-container a.show-less-links .fa-angle-right:before { content: "\f068"; font: normal 14px FontAwesome; color: #555; background-color: rgb(210, 230, 241); padding: 4px 6px 4px 6px; border-radius: 12px; }*/ .popXtnCmpnt .accordion.collapsible.ltr .link-container .fa { float: left; /*margin-top: 4px;*/ } /*.popXtnCmpnt .accordion.collapsible.ltr .panel-heading { font-size: 14px; } */ .popXtnCmpnt .accordion.collapsible.ltr .PanelCollapse .collapse-item { text-align: left; } /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse [aria-expanded=false] .btn-collapse:before {*/ /*content: "\f101";*/ /*font-size: 30px; color: #333; }*/ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse [aria-expanded=true] .btn-collapse:before { content: "\f103"; font-size: 30px; color: #333; } */ /*.page-component-edu.popXtnCmpnt .page_component.accordion.collapsible.ltr .PanelCollapse .btn-collapse { margin-top: -2px; margin-left: 12px; margin-right: 5px; width: 25px; }*/ /* For other components inside collapse */ .page-component-edu.popXtnCmpnt .page_component.accordion.collapsible .collapseHolder .PanelCollapse .comp-title-container { display: none; } /* End of COLLAPSE COMPONENT*/ /*Advanced Gallery*/ div.try-gallery#advgallery { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .try-gallery#advgallery input#adv_gallery_topic::-webkit-input-placeholder { /* Chrome */ -webkit-text-fill-color: rgba(0, 0, 0, 0.4); } .try-gallery#advgallery input#adv_gallery_topic::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.6); } .try-gallery#advgallery input#adv_gallery_topic:-ms-input-placeholder { /* IE 10+ */ color: rgba(0, 0, 0, 0.4); } .try-gallery#advgallery input#adv_gallery_topic { width: 100%; margin-right: 0px; padding: 3px 10px 5px 3px; border: 1px solid #ccc; min-height: 40px; font: bold 16px Assistant; cursor: pointer; } .try-gallery#advgallery .row.gallery-search { background-color: rgb(224, 238, 245); margin: 8px 8px 12px 8px; padding-top: 18px; padding-bottom: 18px; } .try-gallery#advgallery .InputSearch input#adv_gallery_submit { background-color: rgb(48, 152, 207); color: white; border: none; padding: 3px 10px 2px 10px; border-radius: 3px; font-size: 18px; left: -10px; min-height: 35px; min-width: 100px; top: 0px; position: absolute; } .try-gallery#advgallery div.search-divider { width: 2px; background-color: rgba(48, 152, 207, 0.4); height: 30px; position: absolute; left: -40px; top: 2px; } .try-gallery#advgallery .row.gallery-search div.link-container { position: absolute; left: -260px; top: 1px; font-weight: bold; min-width: 200px; text-align: center; } .try-gallery#advgallery .row.gallery-search div.link-container a { font-size: 18px; font-weight: bold; color: rgb(44, 112, 148); } /*hide chrome default arrow inside input*/ .try-gallery#advgallery input#adv_gallery_topic::-webkit-calendar-picker-indicator { /*display: none;*/ color: transparent; background-color: transparent; cursor: pointer; } /*hide ie default X inside input*/ .try-gallery#advgallery input#adv_gallery_topic::-ms-clear { display: none; } /*add arrow for all main browsers*/ .try-gallery#advgallery .InputSearch .myarrow:after { pointer-events: none; position: absolute; left: 30px; font: normal 16px FontAwesome; content: "\f0dd"; top: 8px; } .try-gallery#advgallery .srchTopic .linkBold { padding: 7.5px 20px 6.5px 0; min-width: 200px; max-width: 220px; text-align: right; } /*LTR*/ .try-gallery#advgallery.ltr .main-subject-links { text-align: left; } /*add arrow for all main browsers*/ .try-gallery#advgallery.ltr .InputSearch .myarrow:after { left: auto; right: 20px; } .try-gallery#advgallery.ltr .col-xs-12.pull-left { padding-left: 0; } .try-gallery#advgallery.ltr .gallery-title { margin-left: 0; margin-right: 0; } .try-gallery#advgallery.ltr .link-container.galleryReadMore { float: right !important; padding: 0 10px 10px 0; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { padding-right: 0px; } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: left; padding-left: 0px; } .try-gallery#advgallery.ltr input#adv_gallery_topic { padding: 3px 3px 5px 10px; } .try-gallery#advgallery.ltr .nopaddingL { padding-right: 0; padding-left: 45px; } .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: 2px solid #86AFC5; border-right: none; padding: 7.5px 0px 6.5px 20px; text-align: left; } .try-gallery#advgallery.ltr .col-sm-6.col-md-2.col-lg-2 { float: left; } @media (max-width: 1200px) and (min-width: 992px) { .try-gallery#advgallery .nopaddingL { clear: left; float: left; width: 100%; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { width: 70%; } } @media (max-width: 991px) and (min-width: 768px) { .try-gallery#advgallery .nopaddingL { clear: left; float: left; width: 100%; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { width: 50%; } .try-gallery#advgallery .item.first a .try-overlayicon p:first-child { margin-top: 12px !important; } .try-gallery#advgallery .item.first a .try-overlayicon p:last-child { font: normal 15px Assistant, Arial; } .try-gallery#advgallery .item:not(.first) a .try-overlayicon p { font: bold 15px Assistant, Arial; } .try-gallery#advgallery .link-container.galleryReadMore { font: normal 15px Assistant, Arial !important; } } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: left; } @media (max-width: 767px) { .try-gallery#advgallery .col-sm-6.col-md-6.InputSearch { float: none; padding-right: 15px !important; padding-left: 15px !important; } .try-gallery#advgallery.ltr .col-sm-6.col-md-6.InputSearch { float: none; padding-right: 15px !important; padding-left: 15px !important; } .try-gallery#advgallery.ltr .InputSearch .myarrow:after { right: 30px; } .try-gallery#advgallery.ltr .col-sm-6.col-md-2.col-lg-2 { float: none; } .try-gallery#advgallery .srchTopic .linkBold, .try-gallery#advgallery.ltr .srchTopic .linkBold { border-left: none; border-right: none; } .try-gallery#advgallery .srchTopic .linkBold { text-align: left; padding-left: 15px; } .try-gallery#advgallery.ltr .srchTopic .linkBold { text-align: right; padding-right: 15px; } .popXtn .try-gallery#advgallery .btn.goBtn { margin-top: 20px; width: 100%; min-width: 100%; } .try-gallery#advgallery .srch-panel { margin: 0px !important; border: 6px solid #fff !important; } .try-gallery#advgallery .ContainerButtons { text-align: left; } } @media (min-width: 768px) { .try-gallery .col-md-4 { width: 33.33%; } } .try-gallery#advgallery .srch-panel { background-color: #edf5fa; margin: 8px; /*padding: 17px 17px 12px 17px;*/ } /*.try-gallery#advgallery .linkBold { padding: 5px 20px 4.5px 0; margin-top: 2px; }*/ .try-gallery#advgallery .btn.goBtn { max-width: 155px; min-width: 155px; min-height: 40px; margin-right: -5px; } .try-gallery#advgallery .item.first a .try-overlayicon p:first-child { min-height: 0; margin-top: 17px; margin-bottom: 7px; } .try-gallery#advgallery .item.first a .try-overlayicon p { min-height: 109px; margin-top: 0; margin-bottom: 0; } .try-gallery#advgallery .link-container.galleryReadMore { padding: 0 0 10px 5px; font-size: 18px; font-weight: normal; } .try-gallery#advgallery .item:not(.first) a .try-overlayicon p { min-height: 60px; max-height: 60px; margin-top: 0; margin-bottom: 0; padding-top: 10px; } /*For autocomplete widget*/ .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget { font-family: Assistant, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } #text_box_id { direction: rtl; width: 100%; height: 40px; margin-right: 0px; padding: 3px 10px 5px 3px; border: 1px solid #ccc; min-height: 40px; font: normal 16px Assistant; } ul#ui-id-1 { /*direction:rtl;*/ max-height: 350px; overflow-y: auto; overflow-x: hidden; width: 19%; position: absolute; } ul#ui-id-1 li { width: 100% !important; display: table; overflow: hidden; padding: 0px 10px 0px 10px; cursor: pointer; } span.ui-helper-hidden-accessible[role=status] { display: none; } /*End of autocomplete widget*/ /*End of Advanced Gallery*/ .row.page_component.try-gallery .item.first a .try-overlayicon p:first-child { margin-bottom: 0px; } .row.page_component.try-gallery .item.first a .try-overlayicon p { min-height: 71px; } .try-gallery .main-subject-links { font-family: Assistant; font-size: 18px; line-height: 150%; color: rgb(44, 112, 148); text-align: right; } .try-gallery .main-subject-links a::before { /*font-family: FontAwesome !important;*/ /*content: "\f105";*/ /*content: "\00a0 \f104 \00a0";*/ content: " | "; } .try-gallery .main-subject-links a::after { /*font-family: FontAwesome !important; content: "\00a0";*/ } .try-gallery .main-subject-links a:first-child:before { content: ""; } .popXtn .try-gallery .main-subject-links a:first-child::before { padding: 0 4px; } .page-component-edu .page_component .link-with-img .text-container .text a { font-weight: normal; /*color: rgb(44, 112, 148);*/ } .page-component-edu .page_component .link-with-img .text-container .text strong a { font-weight: bold; } .listing .item .text a { font: normal 16px Assistant; } .page-component-edu .image-link .text-container .text p { padding-bottom: 0px; } .page-component-edu .page_component .text-container { margin-bottom: 5px; } #right_col { padding-left: 0px; padding-right: 0px; } .page-component-edu .main-content > div:not(.main-image-container) p.mobile img { /*position: absolute; top: 0; left: 0;*/ width: 100% !important; height: auto !important; } @media (min-width: 992px) { .main-subject-links div p:first-of-type { display: inline; } .main-subject-links div p { display: inline; } } .main-subject-links div p { display: inline; } .main-subject-links div p a { display: inline-block; } .main-subjects-title { color: rgb(51, 51, 51); } .main-subject-links .links { padding-top: 15px; } .cust-menu { margin-bottom: 30px; } @media only screen and (max-width: 768px) { .cust-menu { display: none; } } select:focus::-ms-value { background-color: white; color: #000; } .srcEmptyResults { font-size: 18px; } .srcEmptyResults a { font-weight: bold; font-size: 18px; } .form-control.has-error { border-color: #e62626; } .form-control.has-error:focus { border-color: #e62626; } .myIdeaTeaserBnnr .img-container { float: right; } .modal-feedback { padding-top: 20px; padding-bottom: 20px; font-size: 22px; color: green; } .srchFilterTopics .checkbox-group { padding-left: 2px; } .srchFilterTopics .checkbox-group label { /*margin-left: 2px;*/ } @media (max-width: 767px) { .listing .item .pre-text { text-align: right; } } @media (min-width: 992px) { .popXtn .srchFilterTopics .form-group.checkbox-group { padding-right: 0; padding-left: 15px; } .popXtn .teaching-materials-ctrl .srchFilterTopics .form-group.checkbox-group { padding-left: 0px; } .popXtn .srchFilterTopics .selectWrap { padding-left: 0px; } } .listing-col { padding-left: 0; padding-right: 0; } .image-link .image-link-container { padding: 0 15px; } .img-circle { border-radius: 50%; } .page-component-edu .listing .row.row-without-margin { width: 100%; } .link-to-all span { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 5px; padding-right: 20px; font-size: 16px; font-weight: normal; } .ltr .link-to-all span { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; font-size: 16px; font-weight: normal; float: left; } .link-to-all { margin-top: -10px; } /* Start Course banner */ /*.page-component-edu .advanced-component.course-banner .slick-slide { padding: 30px 80px 30px 80px; outline: none; }*/ .popXtnCmpnt .course-banner .fa-angle-left:before, .popXtnCmpnt .course-banner .fa-angle-right:before { content: none; } /*#left_col[role=main] .course-banner ul.slick-dots { margin-right : 0; }*/ /*.page-component-edu .banner.course-banner .slides.slick-slider .slick-list { height: auto; width: 100%; }*/ /*.page-component-edu .banner.course-banner .slides.slick-slider .slick-list { padding-bottom: 0; }*/ /*.page-component-edu .banner .slides.slick-slider .slick-list { height: auto; width: 100%; } .page-component-edu .banner .slides.slick-slider .slick-list { padding-bottom: 0; }*/ .course-banner .video-thumbnail { top: calc(50% - 20px - 10px); } /*.page-component-edu .advanced-component.banner.course-banner .slick-slide { padding: 30px 80px 30px 80px; outline: none; }*/ /*.page-component-edu .page_component .banner.course-banner .slides .slick-slide { height: 100%; }*/ /*.course-banner img { margin-bottom: 20px; }*/ /*.advanced-component.banner.course-banner .slides .slideText a { color: rgb(44, 112, 148); }*/ .page-component-edu .course-banner .slideText a { font-size: inherit; line-height: inherit; } .page-component-edu .advanced-component.banner.course-banner .row h4 { height: 40px; /*margin: 12px 15px 0 0;*/ } /* End Course banner */ /* START LEFT TO RIGHT */ .ltr .myIdeaTeaserBnnr .myIdeaText .smallBtn { float: left !important; } .ltr .areaTitle { /*float: left;*/ } section.content .ltr h1.areaTitle { padding-right: 0; padding-left: 20px; } .ltr .areaTitle { direction: ltr; } .ltr .edu-thum-daat { direction: ltr; } .ltr #left_col[role=main] > .edu-thum-daat > p { direction: ltr; text-align: left; } .try-gallery.ltr { direction: ltr; } .try-gallery.ltr .item a .try-overlayicon p:first-child { text-align: left; } .try-gallery.ltr .item a .try-overlayicon p { text-align: left; } .page-component-edu.ltr { direction: ltr; } .page-component-edu.ltr h2 { text-align: left; } .page-component-edu.ltr:not(.not-shaped) .comp-title-container h3, .page-component-edu.ltr:not(.not-shaped) .comp-title-container h4 { margin-right: 15px; margin-left: 15px; } .page-component-edu.ltr img.link-of-com { transform: rotateY(180deg); float: left; } .page-component-edu.ltr .nav-container nav.row { margin-left: 0; margin-right: 0; } .quick_links .nav-container ul li { padding-inline-start: 0; } .quick_links .nav-container nav.row.space, .quick_links .nav-container nav.row /*.short-list*/, .quick_links .nav-container nav.row.long-list { margin-right: 0; margin-bottom: 15px; } .page-component-edu.ltr .row-without-margin { float: right; } .page_component.try-resources.ltr a .overlayicon { right: auto; left: 0; } .page-component-edu.ltr .page_component .link-with-img a, .page-component-edu.ltr .page-panel .link-with-img .text-container a.title { text-align: left; } .page-component-edu.ltr .page_component .link-with-img div.text, .page-component-edu.ltr .page-panel .link-with-img div.text { text-align: left; } .page-component-edu.ltr .comp-title-container h6 { margin-left: 20px; text-align: left; } .page-component-edu.ltr div.tabbed ul.nav.nav-tabs li.tab-header.active, .page-component-edu.ltr div.tabbed ul.nav.nav-tabs li.tab-header:not(.active) { margin-right: 6px; margin-left: 0px; } .page-component-edu.ltr .nav-tabs > li { float: left; } .page-component-edu.ltr nav.row ul > li a, .page-component-edu.ltr nav.row .row div a { text-align: left; } .page-component-edu.ltr nav { float: left; } .page-component-edu.ltr .panel.inner-panel .comp-sub-title-container { padding-right: 0px; padding-left: 15px; } .page-component-edu.ltr .advanced-component.banner .image .overlay p { margin-right: 10px; margin-left: 0; } .page-component-edu.ltr .advanced-component.banner .image .overlay { text-align: left; padding-left: 20px; } .page-component-edu.ltr .slick-track { float: left; } .page-component-edu.ltr .slick-list { direction: ltr; } .page-component-edu.ltr .slick-slide { float: left; } .page-component-edu.ltr .page_component .advanced-component.banner .slides .slick-dots { position: relative; /*bottom: 20px;*/ bottom: 60%; list-style: none; display: block; text-align: center; padding: 0; width: 100%; direction: ltr; } .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text { text-align: left; } .page-component-edu.ltr .carusel.row { margin-left: 0; margin-right: 0; } .page-component-edu.ltr .carusel .col-xs-12 { left: 0; width: 100%; } .page-component-edu.ltr .carusel .slick-slide .overlay { text-align: left; padding-right: 0px; padding-left: 10px; } #left_col.ltr h1 { direction: ltr; } #left_col.ltr .topic-listing .carousel-caption, #left_col.ltr .listing .item .info .text, #left_col.ltr .listing .item p.heading { text-align: left; } /*#left_col.ltr .opened-list.listing.section { padding-right: 25px; padding-left: 40px; }*/ .ltr .cust-menu .collapse.in ul li a::after { margin-left: 5px; font: normal 6px FontAwesome; content: "\f0c8"; vertical-align: middle; /*display: inline-block;*/ } .ltr .cust-menu .collapse.in ul li a::before { content: none; } .page-component-edu.ltr .text-with-image_video .info, .page-component-edu.ltr .page_component .info, .page-component-edu.ltr .page_component .outro, .page-component-edu.ltr .page_component .text, .page-component-edu.ltr .main-content p, .page-component-edu.ltr .main-content div, .page-component-edu.ltr .page_component.text-img { text-align: left; } #left_col[role=main].ltr .topic-listing .carousel-caption h3::after { font-family: FontAwesome !important; content: "\f105"; margin-right: 0; margin-left: 15px; } .topic-listing .carousel-caption { border-radius: var(--item-radius); } .page-component-edu.ltr .read-more .fa-angle-left:before { font-family: FontAwesome !important; content: "\f105"; } /*.page-component-edu.ltr .read-more .fa-angle-right:before { font-family: FontAwesome !important; content: "\f104"; }*/ .page-component-edu.ltr .page-panel .img-container { margin-right: 15px; margin-left: 0; } .page-component-edu.ltr .bottom-component .text-container .text, .page-component-edu.ltr .bottom-component .text-container a { padding-right: 30px; padding-left: 5px; } .page_component.ltr .info .text { direction: ltr; } #left_col[role=main].ltr > p, #left_col[role=main].ltr .body-text > p, #left_col[role=main].ltr > .body-text-container > p, #left_col[role=main].ltr > .edu-thum-daat > p { text-align: left; } #left_col.ltr .col-xs-12.col-sm-4 { float: left; } .page-component-edu.ltr .main-content .main-image-overlay { text-align: left; padding-right: 0px; padding-left: 10px; } .page-component-edu.ltr .col-md-6.links-with-imgs { float: left; } .page-component-edu.ltr .page_component .img-container.small-icon { margin-left: 15px; margin-right: 1px; } .page-component-edu.ltr .prop-container { margin-right: 0; margin-left: 95px; } .page-component-edu.ltr .text-of-small-icon .prop-container { margin-right: 0; margin-left: 25px; } #left_col.ltr .listing .info .text p { direction: ltr; } .page-component-edu.ltr .main-content h3 { text-align: left; } .page-component-edu.ltr .links-with-big-image .links-container { padding-right: 0; padding-left: 40px; } @media (min-width: 1200px) { .page-component-edu.ltr .links-with-big-image .links-img-container .title { padding-right: 15px; } } .page-component-edu.ltr .links-with-big-image .links-img-container .title { padding-left: 30px; } .page-component-edu.ltr .links-with-big-image h4 { text-align: left; } .page-component-edu.ltr .links-with-big-image .links-container .links { padding-right: 15px; padding-left: 25px; } .page-component-edu.ltr .links-with-big-image .links-container ul li { padding-left: 0 !important; padding-right: 15px !important; } .page-component-edu.ltr .links-with-big-image ul li a { text-align: left; } .page-component-edu.ltr .links-with-big-image .links ul li img { transform: rotateY(180deg); } .page-component-edu.ltr .links-with-big-image .links-img-container .big-image { padding-right: 10px; padding-left: 0; float: left; } .container1.ltr .body-text-container { text-align: left; direction: ltr; } .page-component-edu.ltr .image-link .big-img-container.small-icon { margin-left: 15px; margin-right: 5px; } .page-component-edu .page_component .link-with-img .text-left { text-align: left; } .page-component-edu .comp-sub-title-container p.white { background-color: white; } .page-component-edu .ltr .listing .link-container { margin-right: 15px; } .ltr .srchFilterTopics { direction: ltr !important; } .ltr .srchFilterTopics [class^=col-xs], .ltr .srchFilterTopics [class^=col-sm], .ltr .srchFilterTopics [class^=col-md], .ltr .srchFilterTopics [class^=col-lg] { float: left !important; } .ltr .srchFilterTopics .radio-inline, .ltr .srchFilterTopics .checkbox-inline { padding-left: 20px; padding-right: 0; } .ltr .srchFilterTopics .radio input[type=radio], .ltr .srchFilterTopics .radio-inline input[type=radio], .ltr .srchFilterTopics .checkbox input[type=checkbox], .ltr .srchFilterTopics .checkbox-inline input[type=checkbox] { margin-left: -20px; margin-right: auto; } .ltr .srchFilterTopics .radio-inline + .radio-inline, .ltr .srchFilterTopics .checkbox-inline + .checkbox-inline { margin-left: 10px; margin-right: 0; } .popXtn .ltr .srchFilterTopics .form-group.checkbox-group .control-label { margin-left: 0; margin-right: 10px; } .ltr .opened-list.listing.section .pre-text { direction: ltr; } .ltr .opened-list.listing.section .pre-text-info span { float: left; } .popXtn .ltr .pre-text .pre-text-info .info-items { padding-right: 20px; padding-left: 0; background-position: bottom left; } .popXtn .ltr .pre-text .pre-text-info { padding-left: 0; padding-right: 20px; } .ltr .srcEmptyResults { direction: ltr; } .myIdeaCmpnt.ltr { direction: ltr; } .ltr.myIdeaModal { direction: ltr; } @media (min-width: 1200px) { .myIdeaCmpnt.ltr .col-md-6, .myIdeaCmpnt.ltr .col-lg-6 { float: left; } .ltr.myIdeaModal .modal-body .col-lg-6, .ltr.myIdeaModal .modal-body .col-md-6, .ltr.myIdeaModal .modal-footer .col-xs-4, .ltr.myIdeaModal .modal-footer .col-md-2 { float: left; } } .myIdeaCmpnt.ltr .divContainerButtons { float: right; } .ltr .myIdeaTeaserBnnr .img-container { float: left !important; } .ltr .myIdeaTeaserBnnr .myIdeaText .smallBtn { float: right !important; } .ltr.myIdeaModal button.close { float: right; } .ltr.myIdeaModal .modal-title { text-align: left; } .ltr.myIdeaModal .modal-body { direction: ltr; } .popXtnCmpnt.myIdeaModal .engBanner .bannerImg { padding: 24px 22px 1px 22px; } .ltr .srchFilterTopics .checkbox-group { padding-left: 0; padding-right: 2px; } .ltr .srchFilterTopics .checkbox-group label { margin-left: 0; margin-right: 2px; } .ltr .details-listing .info { /*display: inline-grid;*/ } .ltr .opened-list .col-sm-6, .ltr .opened-item.row .col-sm-5 { float: left !important; } .popXtn .ltr .btn.goBtn { font-size: 19px; } @media (max-width: 767px) { .ltr .listing .item .pre-text { text-align: left; } } @media (max-width: 767px) { .ltr .srchFilterTopics [class^=col-sm] { float: none !important; } } @media (min-width: 992px) { .popXtn .ltr .srchFilterTopics .form-group.checkbox-group { padding-left: 0; padding-right: 15px; } .popXtn .ltr .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .popXtn .ltr .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } .popXtn .ltr .srchFilterTopics .containerBtn { padding-left: 0; padding-right: 0; } .ltr .bannerFormWrap .col-lg-6.col-xs-12 { float: none !important; } } .ltr .myIdeaModal { direction: ltr; } .ltr .myIdeaModal .modal-header .close { float: right; } .popXtn .myIdeaCmpnt.ltr .btn.goBtn { font-size: 22px; } @media (max-width: 991px) { .popXtnCmpnt.ltr .myIdeaTeaserBnnr .ContainerButtons { text-align: right; } } .page-component-edu.ltr .page_component .link-with-img .item-name, .page-component-edu.ltr .page_component .link-with-img a, .page-component-edu.ltr .page-panel .link-with-img .text-container a.title { text-align: left; } .container .page-component-edu .page_component .page-component-edu.ltr .page_component .inner-panel .comp-sub-title-container h4 { text-align: left !important; } /* Course Quote Banner */ @media (max-width: 767px) { .popXtn .page-component-edu.ltr .slickCourses .slickSliderSlide { padding-left: 15px; } } .popXtn .ltr .slickSliderSlide { text-align: left; padding-left: 100px; padding-right: 0; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top left; float: left; } .popXtn .ltr .slideTitle { text-align: left; } .popXtn .ltr .slideText { text-align: left; } .page-component-edu.ltr .advanced-component.banner.course-banner .row h4 { margin: 12px 0 0 15px; } .popXtnCmpnt.ltr .slickSliderSlide .image { margin-right: 0; margin-left: 20px; } /* Course Quote Banner */ /* END LEFT TO RIGHT */ @media (max-width: 991px) { .popXtn .srchFilterTopics .selectWrap { padding-left: 0; padding-right: 0; } .popXtn .srchFilterTopics .containerBtn { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .srchFilterTopics .grades-container { float: none !important; } } .ltr .srchFilterTopics .selectWrap .form-control { font-size: 15px; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; } .btn-multi-select { width: 100%; height: 36px; text-align: right; } #left_col[role=main] ul.dropdown-menu-form { width: -webkit-fill-available; width: -moz-available; margin-right: 0; border-radius: 0; margin-top: 0; border-top: 0; } .checkbox { margin-top: 0; margin-bottom: 0; } .dropdown-menu.dropdown-menu-form { width: 100%; } .main-content-row { margin-left: auto; margin-right: auto; } .showingRslts { font-size: 16px; padding-right: 15px; /*padding-top: 15px;*/ } .popXtn .resltsDataContainer .showingRslts { padding-right: 5px; color: black; } #left_col.ltr .listing .info .text p.dir { direction: rtl; } /* Start Swap Banner */ .swap-banner .panel { margin-bottom: 0; } .swap-banner.try-resources { border: 0; } .swap-banner .Banner { border: white solid 10px; } .swap-banner.small-banner .Banner .carousel-caption { width: 84%; } /* End Swap Banner */ /*.page-component-edu li.active a:hover { color: white !important; }*/ .Containerpagination .pagination > li.active > a, .Containerpagination .pagination > li > a { cursor: pointer; } .main-image-container .video-thumbnail.no-caption { top: calc(50% - 31.5px); } body .popXtn { color: black; } /* Edu Quote Carrousel Section */ /*.course-banner .img-teacher .teacher-pic { height: 200px; }*/ /* Quote Carousel Section widen narrow margin */ @media (min-width: 768px) { .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 0px !important; } .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide.CarrouselNoTitlePadding { padding-top: 30px !important; } } /* End of Edu Quote Carrousel Section */ @media (min-width: 481px) { .popXtn .page-component-edu .page_component .content.advanced-component.banner.switch-collage-banner .slides .slick-slide { padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 30px !important; } } /* Service Page */ @media (max-width: 480px) { .row.main-content-row.service-page .main-image-container { margin-bottom: 50px !important; } } .service-page-title h1.areaTitle a.ContainerPopularButton { margin-top: 0px; padding: 7px 15px 7px 5px; } .service-page-title h1.areaTitle { overflow: auto; } .btn-section { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; margin-bottom: 8px; } .row.main-content-row.service-page .main-image-container { margin-bottom: 40px; } .row.main-content-row.service-page .main-image-container.pull-left .ContainerButtons { margin-top: 5px; float: left; } .row.main-content-row.service-page .main-image-container.pull-right .ContainerButtons { margin-top: 5px; float: right; } .row.main-content-row.service-page .main-image-container .ContainerButtons a { padding: 5px 15px 5px 15px; font-size: 18px; margin-top: 5px; width: auto; } .page-component-edu .page_component.main-content .row.main-content-row.service-page h3 { /*color: #3098CF;*/ font-size: 28px; margin-top: -10px; } .ltr .ItemInfo .service-page h3, .ltr .ItemInfo .service-page p { text-align: left !important; } .popXtn .ltr .service-page-title a.ContainerPopularButton { float: right; margin-right: 10px; padding: 7px 5px 7px 15px; } .popXtn .ltr .service-page-title a.ContainerPopularButton .fa-angle-left:before { content: "\f105"; } /* End of Service Page */ /* Start Academy Upcoming Broadcast */ .date-broadcast + .listing { margin-top: 6px; } .broadcast-date-section .listing { margin-bottom: 30px; } .page-component-edu .page_component .link-with-img .broadcast-item-bottom .ContainerButtons a { color: #fff; font-weight: normal; } .broadcast-no-found { /* margin-bottom: 20px; margin-right: 15px; margin-left: 15px;*/ font-size: 18px; margin-top: 10px; } .broadcast-no-found a { font-size: 18px; } /* End Academy Upcoming Broadcast */ /* Start Academy Live Broadcast */ .white-container { background-color: white; } .live-broadcast { margin-bottom: 48px; } .no-future-brod { max-height: 175px; } /* End Academy Live Broadcast */ /* Start Switch Collage gallery */ .calendar-left-content { overflow: auto; } /*.switch-collage-banner .try-overlayicon p:focus,*/ .switch-collage-banner .try-overlayicon p:hover, .switch-collage-banner .image a:hover { outline: none; } @media (max-width: 425px) { .switch-collage-banner .link-container.galleryReadMore { position: absolute; bottom: 10px; width: 100%; direction: rtl; left: 0; } .galleryReadMore a { position: absolute; left: 5px; bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .page-component-edu .switch-collage-banner.banner .slides.slick-slider .slick-list { padding-bottom: 75.25%; } } /* End Switch Collage gallery */ .autocomplete ul { max-height: 300px; overflow: auto; margin-left: 0; direction: rtl; } .autocomplete li { margin-bottom: 0; direction: rtl; text-align: right; } .autocomplete input { height: 36px; font-size: 16px; padding: 3px 16px; font-family: Assistant, Arial; color: #333; } /* Start Academy Broadcast Calendar */ .fc-today { cursor: pointer; } /* End Academy Broadcast Calendar */ @media (max-width: 425px) { .collapse-container .read-more { margin-right: -15px !important; margin-left: -30px !important; } } .listing-container { margin-bottom: var(--space-between-components); } /*.rich-text-editor-com .text { margin: 5px 15px 0 15px; } .rich-text-editor-com .text { padding-right: 20px; padding-left: 10px; }*/ .ltr .rich-text-editor-com .text { padding-right: 10px; /*padding-left: 20px;*/ } .btn { padding: 3px 16px; } .hipus .hipus.btn { padding-top: 6px; } .listing .links-with-imgs:first-child .link-with-img.courseItemBox { padding-top: 0px; border-top: none; } @media (min-width: 1200px) { .courseItemBox .text-container { padding-right: 228px; } } @media (min-width: 1200px) { .broadcastItemBox .text-container { padding-right: 196px; } } @media (min-width: 992px) and (max-width: 1199px) { .courseItemBox .text-container { padding-right: 188px; } } @media (min-width: 992px) and (max-width: 1199px) { .broadcastItemBox .text-container { padding-right: 159px; } } @media (min-width: 768px) and (max-width: 991px) { .courseItemBox .text-container { padding-right: 148px; } } @media (min-width: 768px) and (max-width: 991px) { .broadcastItemBox .text-container { padding-right: 118px; } } select:hover { cursor: pointer; } select option { background-color: white; } .btn { padding: 3px 16px; } .page-component-edu .listing .link-container a.darkBlue { color: #fff; } @media (max-width: 480px) { .page_component .big-img-container.img { margin: 0; /*width:100%;*/ } } .page-component-edu .page_component .img-container, .page-component-edu .page_component .big-img-container.img { margin-bottom: 5px !important; } .page-component-edu .page_component .big-img-container.img { height: auto; } .more-data { margin-top: 10px; } .broadcast-item-bottom .ContainerButtons.all-broadcast { margin-right: 225px; } .reset-autocomplete { background-image: url(../../images/icon-close-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 13px; left: 9px; cursor: pointer; } /*.page-component-edu.trip-tours-space .main-content .image-lecture img*/ @media (min-width: 992px) { .page-component-edu .main-content .img-vod-box .image-lecture img { width: 359px; height: 214px; } .page-component-edu .main-content .img-vod-box .image-lecture .credit-strip { width: 359px; } .page-component-edu .lecture.page_component.main-content .img-vod-box .image-lecture img { width: 100%; height: auto; } .page-component-edu .lecture.page_component.main-content .img-vod-box .image-lecture .credit-strip { width: 100%; } } /* Start Trips */ .trip-title { float: right; } .trip-name-filter { float: right; position: relative; } .trip-name-filter .reset-autocomplete { background-position: center; left: 4px; } .trip-name-filter .trip-name { float: right; width: 100%; font-family: Assistant; font-size: 18px; /*font-weight: bold;*/ line-height: 150%; color: #333; text-align: right; min-height: 38px; height: 38px; -webkit-appearance: none; -moz-appearance: none; padding-right: 2px; background-position: 0; background-size: 30px 100%; border: none; border-right: none; cursor: pointer; border-radius: 3px; } .trip-area-filter { float: right; } .trip-area-filter .trip-area button { float: right !important; width: 156px; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: #333; text-align: right; min-width: 19%; min-height: 48px; height: 48px; -webkit-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0; background-size: 30px 100%; border: 1px solid #000; border-right: none; border-left: none; border-radius: 0px; } .trip-search-btn { float: right; } .trip-button:after { font-family: FontAwesome; content: " \f104"; } /*.trip-search-btn .trip-button { height: 48px; border-radius: 0 !important; border: 1px solid #000; }*/ .trip-container ul li a label, .trip-name-filter ul li a { font-size: 16px; } .trip-container ul { border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; left: 0px; margin-right: 0 !important; margin-top: -1px; border-radius: 0; max-height: 330px; overflow: auto; } .trip-area ul { min-width: 156px !important; overflow-x: hidden !important; overflow-y: auto !important; } .trip-area ul li label span { text-overflow: ellipsis !important; } .trip-name-filter ul { overflow-x: hidden; } .trip-container .dropdown-menu > .active > a, .trip-container .dropdown-menu > .active > a:hover, .trip-container .dropdown-menu > .active > a:focus, .page-component-edu .trip-container li.active a:hover { background-color: #f5f5f5; color: rgb(85, 85, 85) !important; cursor: pointer; } .trip-area-filter .btn .caret { float: left; margin-left: -8px; margin-top: 9px; border-top: 11px dashed #c7c7c7 !important; border-right: 6px solid transparent; border-left: 6px solid transparent; } .trip-admin-container { margin-top: 20px; } .advanced-component.trip-component { overflow: inherit; margin-bottom: 16px; } .popXtn .trip-tours-space .main-content .lecture-description h2, .popXtn .trip-tours-space .main-content .lecture-description h3, .popXtn .main-content.lecture .lecture-description h2, .popXtn .main-content.lecture .vod-title h2, .popXtn .main-content.lecture .lecture-description h3, .popXtn .parctices-item-page .main-content .parctices-item-description h2, .popXtn .parctices-item-page .main-content .box-recommendation h2, .popXtn .parctices-item-page .main-content .parctices-item-description h3 { /* color: #3098CF;*/ padding: 0; } @media (max-width: 767px) { .trip-search-btn, .trip-area-filter, .trip-area .dropdown-multiselect, .trip-area .dropdown-multiselect button, .trip-name-filter, .trip-name, .trip-title { width: 100%; } .trip-title h1 { padding-right: 0; } .trip-area .dropdown-multiselect button { border: 1px solid #000; } .trip-name-filter .trip-name { /* border-right: 1px solid #000;*/ width: 100%; } section.content .home-container .row.home-row .trip-title h2 { padding-top: 5px; } } @media (max-width: 767px) and (min-width: 481px) { .trip-row { margin-right: -10px; margin-left: -15px; } } /*@media (max-width: 480px) { .trip-container .home-container { background-size: 250%; } }*/ /*@media (min-width: 426px) { .box-recommendation { margin-left: -10px; } }*/ @media (min-width: 768px) { .trip-area ul { max-width: 156px !important; } } .trip-name-filter .trip-name:not(:first-of-type) { z-index: 300; /*background: var(--select-bg);*/ } .trip-name-filter .reset-autocomplete { z-index: 400; } .trip-name:focus { outline: none; } .trip-area-filter .dropdown-menu > li > a { padding: 3px 8px; } /* End Trips */ .opened-list .shown-item { display: block; } @media (max-width: 991px) { .live-read-more-container { margin-bottom: 15px !important; } } .trip-bottom-item { margin-top: 8px; } .trip-bottom { padding: 0 12px; margin-right: 0 10px; font-size: 16px; padding-right: 5px; padding-left: 30px; } .trip-bottom-item .trip-bottom strong { padding-left: 8px; } @media (min-width: 992px) { .page-component-edu .page_component .text-container.non-space.RegularDesc.bottom-with-link { /*height: auto !important;*/ /*max-height: 100px;*/ height: 100px; } } .collapsible .listing { padding-top: 0; } .enterpriseListing { border-bottom: 1px solid #E2E2E2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 226, 226); margin-bottom: 16px; /* padding-bottom: 40px;*/ } .three-columns .InfoBannerBox .TitleInfo { max-height: 56px; } .three-columns .InfoBannerBox .TitleInfo.TwoColumns { height: 56px; } .three-columns .columnTitle { max-height: 81px; } .three-columns .columnTitle.TwoColumns { height: 50px; margin-bottom: 16px; } .noTitleSlideText p { margin-top: 0px; } /*style for embeded brodcast in rich text editor*/ .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9 { width: 818px; } .video-erea.VideoAreaWidth { width: 100%; } @media (max-width: 1200px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { padding-left: 0px; margin-right: 0px; margin-left: 0px; } .video-erea.VideoAreaWidth { padding-left: 0px; margin-right: 0px; margin-left: 0px; padding-right: 0px; } } @media (max-width: 650px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 80vw; } } @media (max-width: 768px) and (min-width: 650px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 85vw; } .video-erea.VideoAreaWidth { padding-left: 40px; } } @media (max-width: 1200px) and (min-width: 768px) { .RichTextEditorVideoWidth.ocol-xs-12.col-sm-9, .RichTextEditorVideoWidth .page_component.main-content { width: 50vw; } .video-erea.VideoAreaWidth { padding-left: 40px; } } /*style for embeded brodcast in rich text editor*/ .listing.Seleted-Page-No-Title-Padding { padding-top: 15px; } .listing.item-with-pictures-No-Title-Padding { padding-top: 15px; } .collapsible .listing.item-with-pictures-No-Title-Padding { padding-top: 0; } @media (max-width: 767px) { .advanced-page .main-pedagogic .content #mid_col { margin-top: 0px; } } @media (min-width: 767px) { .galary-title-two-columns { min-height: 60px; } } /* Start reCaptcha */ .captcha-wrong { color: #e62626; } .reCaptcha-container hr { margin-top: 0; margin-bottom: 8px; } .reCaptcha-container { margin-bottom: 8px; } .popXtnCmpnt .bannerCalloutSm.big-my-idea { font-size: 50px; padding-top: 30px; } .popXtnCmpnt .bannerText.big-my-idea { font-size: 26px; line-height: 35px; padding-top: 17px; } .bannerCallout.big-my-idea { padding-top: 3px; padding-bottom: 17px; } input[type=number].my-idea-phone::-webkit-inner-spin-button, input[type=number].my-idea-phone::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .myIdeaCmpnt .input-validation-error { border-color: #e62626; } @media (min-width: 992px) { .myIdeaCmpnt .my-idea-container { display: flex; } .myIdeaCmpnt .my-idea-container .bannerImg { display: flex; flex-direction: column; justify-content: center; } } /* because https://github.com/twbs/bootstrap/issues/9855 */ .modal { overflow-y: auto; } .modal-open { overflow: auto; overflow-x: hidden; } .myIdeaModal .btn { font-family: Assistant, Arial; } .myIdeaModal .modal-title { font-size: 24px; } .myIdeaModal .modal-body { font-size: 18px; } .gly-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .my-idea-loading.glyphicon { top: 3px; } /* End reCaptcha */ .myIdeaTeaserBnnr .myIdeaText .title { font-family: Assistant; font-size: 16px; font-weight: bold; line-height: 120%; text-align: right; color: #fff !important; } .my-idea-button { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; font-size: 16px; line-height: 150%; text-align: right; color: rgb(44, 112, 148); } .ltr.popXtnCmpnt .my-idea-button { margin-right: 8px; margin-left: 0; padding: 1px 5px 1px 9px !important; } .myIdeaTeaserBnnr .image { cursor: pointer; } .myIdeaTeaserBnnr .image img:hover { opacity: 0.8; } .myIdeaTeaserBnnr .myIdeaText .title { cursor: pointer; } .myIdeaTeaserBnnr .myIdeaText span:hover { opacity: 0.8; } a.article-headline { font-size: 16px; position: relative; padding-inline-end: 40px; min-width: 100px; margin-inline-start: 20px; margin-top: 12px; } .page-component-edu.ltr a.article-headline { padding-inline-start: 40px; padding-inline-end: 0px; margin-inline-end: 0; margin-inline-start: 0px; } a.article-headline:after { content: ""; background: url(/images/icons/navigation-blue-down.svg); background-repeat: no-repeat; position: absolute; top: 10px; height: 6px; width: 10px; transform: rotate(180deg); left: -6px; margin-inline-end: 30px; } .ltr a.article-headline:after { right: -6px; left: auto; } /*.page-component-edu.ltr a.article-headline:after { left: 75px; margin-left: 0px; }*/ .compt-tit-con { margin-right: 0px; margin-left: 0px; } .compt-tit-con h4 { /*float: right;*/ } .page-component-edu.ltr .compt-tit-con h4 { /*float: left;*/ } .compt-tit-con .article-headline { float: left; } .page-component-edu.ltr .compt-tit-con .article-headline { float: right; } .articles-links-container .links-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 !important; padding: 16px 16px 8px; font-weight: 600; /*color: var(--link-color-on-l-blue);*/ line-height: 25px; } .articles-links-container .links-list span a { padding: 0 8px; color: var(--link-color-on-l-blue); } /* End reCaptcha */ /*//@media (min-width: 1200px) {*/ .promo_pods .mafmarPods .col-lg-12 { float: none; padding: 0px; } .mafmarPods a.show-fancy { background-color: transparent !important; color: #2C7094 !important; padding: 0px; } /*}*/ @media (min-width: 768px) and (max-width: 991px) { .mafmarPods i.fa { margin-right: 0px; } } .search-broadcast-erea-hide-Title, .search-Material-hide-Title, .hide-title-padding-bottom { padding-bottom: 20px; } /* area search-lemida-merachok*/ .search-lemida-merachok .search-main a.hipus.btn.btn-primary { width: 100%; font-size: 24px; background-color: #3098CF; height: 40px; min-height: 40px; padding: 0px; text-align: center; } .search-lemida-merachok .search-main a.hipus.btn.btn-primary[disabled] { background-color: #64656D; height: 40px; min-height: 40px; } .page-component-edu .search-lemida-merachok a.btn-primary::after { content: " \f104"; } .search-lemida-merachok .search-main select#learnsubject { height: 40px; min-height: 40px; } .search-lemida-merachok .search-main select#edulevel { height: 40px; min-height: 40px; } .search-lemida-merachok .dlg-inner div.ma-lomdim h1 { background-color: transparent; height: 40px; color: rgb(51, 51, 51); font-size: 24px; } #left_col:not(.home) .search-lemida-merachok .ma-lomdim h1:first-child:not(.areaTitle) { border: none; margin: 0px; box-shadow: none; padding-right: 8px; padding-top: 6px; } .content .search-lemida-merachok #mid_col .search-main { padding-right: 15px; padding-left: 15px; } .search-lemida-merachok .search-main .row { background-color: #edf5fa; margin: 0px; } .search-lemida-merachok select#edulevel { border-left: 1px solid black; } .search-lemida-merachok .search-main .dlg-inner { margin-bottom: 15px; margin-top: 15px; } .search-lemida-merachok .home-learn-dlg { margin-bottom: 15px; } @media (max-width: 680px) { .search-lemida-merachok select#learnsubject { width: 100%; } .search-lemida-merachok .dlg-inner div.ma-lomdim { width: 100%; } .search-lemida-merachok .ma-lomdim h1 { width: 100%; } .search-lemida-merachok .search-main select#edulevel { width: 100%; } } @media (max-width: 991px) and (min-width: 681px) { .search-lemida-merachok .dlg-inner div.ma-lomdim { width: 30%; } .search-lemida-merachok .search-main select#edulevel { width: 30%; } .search-lemida-merachok select#learnsubject { width: 40%; } } @media (max-width: 991px) { #left_col:not(.home) .search-lemida-merachok .ma-lomdim h1:first-child:not(.areaTitle) { padding-right: 0px; text-align: center; } .search-lemida-merachok div.hipus { width: 100%; } .content .search-lemida-merachok #mid_col { padding-bottom: 0px; margin-bottom: 15px; margin-top: 0px; } .content .search-lemida-merachok #mid_col .search-main { padding-bottom: 20px; margin-bottom: 0px; margin-top: 15px; } } @media (min-width: 991px) { .search-lemida-merachok .dlg-inner div.ma-lomdim { width: auto; margin-left: 8px; } .search-lemida-merachok div.hipus { margin-right: 15px; width: 12%; } } .page-component-edu .page_component .pic_with_icons .inner-panel .listing { /*background-color: #fff;*/ margin-bottom: 15px; } .page-component-edu .page_component .pic_with_icons .inner-panel .listing p { background-color: transparent; } .page-component-edu .search-lemida-merachok .search-main a.hipus.btn.btn-primary[disabled]:hover { color: #ffffff !important; /*background-color: #64656D;*/ border-color: black; } .search-lemida-merachok .search-main a.hipus.btn.btn-primary:hover { color: #ffffff !important; /*background-color: #007CB6;*/ border-color: #ffffff; } .search-lemida-merachok .search-main select#learnsubject:focus, .search-lemida-merachok .search-main select#edulevel:focus { outline-color: rgb(77, 144, 254); } /* area search-lemida-merachok*/ /* area old hp search */ .old-search-learn select#learnsubject { height: 48px; } @media (min-width: 481px) and (max-width: 768px) { .old-search-learn select#learnsubject { width: 58%; } .old-search-learn select#edulevel { width: 37%; } .old-search-learn section.content .home-container .row.home-row .ma-lomdim { width: 95%; } } .three-long-title.ltr .RowInfoBanner .row-col { float: left; } .three-long-title.ltr .TitleInfo { text-align: left; padding: 5px 10px; } .mafmarPods a.show-fancy { background-color: transparent !important; color: #2C7094 !important; padding: 0px; } /*.recordComment { font-size: 16px; text-align: right; padding-right: 15px; }*/ @media (max-width: 991px) { .advance-search.academy-advance-search { padding: 10px 0px 0 60px; /*margin-right: 0px;*/ } } @media (min-width: 992px) { .advance-search.academy-advance-search { padding: 10px 10px 0 60px; margin-right: 0px; } } .advance-search.academy-advance-search img { width: 20px; height: auto; } .advance-search.academy-advance-search img.routed-arrow { transform: rotate(180deg); } /*.broadcastItemBox.academy-icon-for-comment { padding-right:15px; }*/ /*.free-text-academy-calander { margin-right: 20px; width: 90%; }*/ @media (min-width: 992px) { .academy-calendar-search { display: flex; justify-content: space-between; gap: 20px; align-items: center; } .academy-calendar-search .audience-field { width: 100%; display: flex; } } .free-text-academy-field { width: 100%; } .academy-calendar-search .audience-field label { text-wrap: nowrap; } .academy-calendar-search .audience-field .select-btn { width: 100%; } @media (max-width: 991px) { .free-text-academy-calander { width: 100%; margin-right: 0px; } .quick-search-broadcast-erea.search-broadcast-erea #BtnSend, .quick-search-broadcast-erea.search-broadcast-erea .btn-primary.social-button { margin-top: 10px; } } .page-component-edu .quick-search-broadcast-erea.search-broadcast-erea .btn-primary.social-button { font-size: 18px; padding: 4px 16px; } .page-component-edu .btn-primary.social-button:hover { background-color: #1D5C7E; } /*for comment wait for profile*/ /*.academy-icon-for-comment { padding-right: 15px; background-repeat: no-repeat; } .academy-text-for-comment { background-color: rgb(237,245,250); padding: 10px 15px; }*/ /*lecturers*/ .page-component-edu.lecturers .page_component .big-img-container { height: auto; } section.content .lecturers h1.areaTitle { box-shadow: none; border-width: 6px; padding-right: 28px; } .lecturers .page_component .link-with-img .lecturer-item a { color: #337ab7; } .lecturers h5 { font-weight: 700 !important; font-size: 18px !important; } .lecturers .lecturer-item { margin-bottom: 15px; } section.content .lecturers h1.areaTitle { margin-bottom: 15px; } @media (min-width: 481px) { .page-component-edu.lecturers .page_component .link-with-img .lecturer-item div.text { margin-top: 10px; margin-bottom: 10px; } } /*@media (min-width: 768px)and (max-width: 991px) { .lecturers .page_component .link-with-img .lecturer-item a { padding-right: 215px; } }*/ @media (min-width: 500px) { .lecturers .page_component .link-with-img .lecturer-item .text-container { padding-right: 165px; } /*.page-component-edu.lecturers .page_component .link-with-img .lecturer-item div.text { padding-right: 165px; }*/ } .srch-panel.srchLecturer span.reset-autocomplete { left: 24px; } .page-component-edu.lecturers { border: #fff solid 15px; background-color: white; } .page-component-edu.lecturers .page_component.image-link .panel.panel-default { box-shadow: none; } .page-component-edu.lecturers .comp-title-container h4 { margin: 0px; /*margin-top: 7px;*/ } /*lecturers*/ .main-pedagogic .panel.page-component-edu.current-strip, .main-pedagogic .panel.page-component-edu.travel-strip, .main-pedagogic .panel.page-component-edu.mooc-strip { margin-bottom: 25px; } .main-pedagogic .content.advanced-component.standard-components .tikshuv-strip, .main-pedagogic .content.advanced-component.standard-components .page_component { margin-bottom: 25px; } .advanced-page .main-pedagogic .content.advanced-component.standard-components { padding: 0; } .main-pedagogic .search-main-erea .home-learn-dlg { margin-bottom: 25px; margin-top: 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137); } .main-pedagogic .panel.page-component-edu.academy-strip { margin-bottom: 25px; /*padding-bottom: 0px;*/ } @media (min-width: 992px) { .search-col.free-text-col { padding-bottom: 6px !important; } } .live-broadcast .video-description p { margin-top: 0px; margin-bottom: 0px; } .info-items-narrow { width: 20px; } .page-component-edu .main-content .advance-fields-collapse div.open-advance-collapse, .page-component-edu .main-content .advance-fields-collapse div.close-advance-collapse { font-family: Assistant, Arial; color: #2C7094; font-size: 14px; } /*start kindrer garten*/ .kinder-garden.search img.routed-arrow { transform: rotate(180deg); } .kinder-slider .slick-prev, .kinder-slider .slick-next, .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { font-size: 0; } #left_col .page-component-edu.kinder-garden-title { margin-bottom: 40px; } /*.kinder-garden.search .clearBtnWrap.search-btn-wrapper { padding-top: 0px; }*/ .page-component-edu .main-content.kinder-garden.search .advance-fields-collapse div.open-advance-collapse, .page-component-edu .main-content.kinder-garden.search .advance-fields-collapse div.close-advance-collapse { font-size: 16px; } /*.page-component-edu:not(.not-shaped) .kinder-garden.search .panel.panel-default{ box-shadow:none; }*/ .page_component.main-content.kinder-garden .panel.panel-default, .page-panel.main-content.kinder-garden.search .panel.panel-default { box-shadow: none; } @media (min-width: 992px) { /*.slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img { max-height: 200px; }*/ } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img.video-thumbnail { position: absolute; width: auto !important; height: auto; left: calc(50% - 31px); top: calc(50% - 31.5px); } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { position: relative; /*max-height:200px;*/ } /*.kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height:300px; } @media(max-width: 991px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 500px; } } @media(max-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 520px; } } @media(max-width: 320px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { min-height: 540px; } }*/ .details-listing .showingRslts { margin-bottom: 24px; margin-right: -15px; padding-right: 0px; } .ltr .details-listing .showingRslts { /* todo - add in site.css*/ direction: ltr; } .page-component-edu.kinder-garden-content.ltr .kinder-main-slider .slick-track { float: right; } .page-component-edu.kinder-garden-content.ltr .kinder-main-slider .slick-track .slide-caption { padding-right: 15px; } /*.page-component-edu:not(.not-shaped) .comp-title-container#content-carousel-title,*/ .page-component-edu:not(.not-shaped) .comp-title-container#search-mterials-title { padding-bottom: 15px; margin: 12px 15px 0 15px; } @media (max-width: 991px) and (min-width: 700px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 260px; max-height: 260px; } } @media (max-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 380px; max-height: 380px; } } @media (max-width: 348px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 450px; max-height: 450px; } } @media (max-width: 480px) and (min-width: 399px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 320px; max-height: 320px; } } @media (max-width: 700px) and (min-width: 481px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { min-height: 280px; max-height: 280px; } } @media (min-width: 991px) { .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap { height: 330px; } } .kinder-garden-content.ltr .kinder-main-slider.slick-slider .item.slick-slide .item-inner-wrap .slide-caption { padding-left: 0px; } .kinder-garden-form .open-advance-collapse, .kinder-garden-form .close-advance-collapse { text-decoration: underline; } .kinder-garden .swap-banner.small-banner .Banner { border: none; } /*.page-component-edu:not(.not-shaped).kinder-garden-content .kinder-garden .comp-title-container h4 { margin-right: 0px; margin-top: 0px; }*/ .kinder-garden-content.search-materials span.rsltsDataItem strong { word-break: break-word; } .page-component-edu.kinder-garden-content .kinder-main-slider.slider-one-item { margin-bottom: 25px; } .item.slick-slide:focus { outline: none; } .page-component-edu.kinder-garden-content .kinder-main-slider .overlay { background-color: rgb(48, 152, 207); /*opacity: 0.85;*/ width: 100%; height: 30px; position: absolute; right: 0; bottom: 0; left: 0; text-align: right; padding: 8px 8px 0 0; color: white; font: normal 16px Assistant, Arial; line-height: 100%; margin: 0; } .page_component.main-content.kinder-garden.kinder-garden-item .video-erea, .page_component.main-content.kinder-garden.kinder-garden-item img { margin-top: 8px; } .page-component-edu.kinder-garden-content.search-materials .resltsDataContainer .comp-title-container h3 { margin-right: 0px; } /*end kindrer garten*/ /*animation for .kinder-garden.slider */ /* Transitions */ .kinder-garden.slider .slick-loading .slick-track { visibility: hidden; } .kinder-garden.slider .activate { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=100); } .kinder-garden.slider .animated { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0); } @keyframes castomfadeInUp { 0% { /*transition-delay: 5s;*/ /*transition-duration: 3s;*/ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { /*transition-delay: 4s;*/ opacity: 1; -webkit-transform: none; transform: none; } } .castomfadeInUp { /*-webkit-animation-name: fadeInUpp;*/ animation-name: castomfadeInUp; } /*start not relevant foe now*/ @keyframes mymove { 0% { transition-delay: 2s; /*transition-duration: 3s;*/ opacity: 0.5; transform: scale3d(1, 1, 1); } 50% { transition-delay: 5s; opacity: 1; /*transition-duration: 5s;*/ transform: scale3d(0.9, 0.9, 0.9); } 100% { /*transition-duration: 1s;*/ transform: scale3d(1, 1, 1); } } @keyframes myOpacity { 0% { /*transition-duration: 3s;*/ opacity: 0.5; transform: scale3d(0.8, 0.8, 0.8); } 50% { /*transition-delay: 5s;*/ opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: 0.8; transform: scale3d(0.8, 0.8, 0.8); } } .kinder-garden.slider .slick-current.slick-active img.zoomInImage.active { /*animation: myOpacity 5s infinite;*/ /*animation-iteration-count: 1;*/ animation: myOpacity 5s; /*//4s infinite;*/ animation-iteration-count: 1; } /*not relevant foe now*/ /*animation for .kinder-garden.slider /*gifts*/ .main-content.outstanding-and-gifted .ContainerItemInfo .panel.panel-default { box-shadow: none; } .main-content.outstanding-and-gifted h4#findMterials { margin-right: 0px; margin-top: 0px; } .page_component.main-content.outstanding-and-gifted .program-item img:not(:first-of-type) { margin-top: 8px; } .page-component-edu.outstanding-and-gifted-content.search-materials .resltsDataContainer .comp-title-container h3 { margin-right: 0px; } /*gifts*/ /* Start Practices */ .parctices-item-page .main-content .parctices-item-description h2, .parctices-item-page .main-content .parctices-item-description h3 { margin-top: 0; } .practice-search .search-col-field .search-label-wrap { white-space: nowrap; } .practices-container { background-color: white; } .teaching-practices-container .container-content-media { position: relative; } .container-content-media .newspaper-img { height: 241px; } .page-component-edu .comp-title-container.newspapaer-title { margin-bottom: 4px; } .page-component-edu.ltr .teaching-practices-container .container-content .content-headline h2 { text-align: left; } /*.page-component-edu.ltr .teaching-practices-container .container-content { padding-right: 38px; padding-left: 32px; }*/ /*@media (min-width: 992px) { .page-component-edu.ltr .teaching-practices-container .container-content-media { margin-right: 23px; margin-left: 0; } }*/ @media (max-width: 991px) { .practice-text-container { margin-top: 20px; } } /* End Practices */ /* Start High Banner component */ .teaching-practices-container.ltr .banner-bg { background-position: right; } @media (max-width: 768px) { .teaching-practices-container.ltr .banner-bg { background-position: right bottom; } } .teaching-practices-container.ltr .banner-mask { text-align: left; } .page-component-edu.teaching-practices-container .banner-text a { font-size: inherit; } .page-component-edu.teaching-practices-container .banner-text a:hover { color: #e2eeee !important; } .teaching-practices-container .banner-mask .banner-text { line-height: 1.42857143; } /* End High Banner component */ /* Start High Images Gallery component */ .teaching-practices-proffisonal-dev.ltr .proffisonal-dev-title { padding-right: 0; padding-left: 14px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item { padding-left: 12px; padding-right: 6px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item .title-practice h3 { margin-right: 0; margin-left: 15px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item.left { padding-right: 12px; padding-left: 6px; } .teaching-practices-proffisonal-dev.ltr .practice-subject-item { float: left; } .teaching-practices-proffisonal-dev .practice-image img:hover /*, .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3:hover*/ { opacity: 0.8; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice .text-practice { font-size: 16px; margin: 0 15px 10px 15px; } .teaching-practices-proffisonal-dev .title-practice h3 { display: flex; } @media (min-width: 769px) { .teaching-practices-container.ltr .banner-mask { background: linear-gradient(270deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 50%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } } @media (max-width: 991px) { .teaching-practices-proffisonal-dev.ltr .practice-subject-item, .teaching-practices-proffisonal-dev.ltr .practice-subject-item.left { padding-left: 12px; padding-right: 12px; } } /* End High Images Gallery component */ #chatContainer .sc-welcome .sc-welcome-title { /*background: #387095; margin-top: 0px; font-size: 15px; padding: 20px 10px 20px 10px; width: 90% !important; border-radius: 10px; margin-top: 10px; margin-bottom: 10px;*/ color: white; font-family: "Open Sans Hebrew" !important; } /*#chatContainer button#toggleChat:focus { outline: none; }*/ /*#chatContainer .sc-controls-message-label { font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: right; color: #387095; max-height: 50px; max-width: 100%; }*/ @media (max-width: 991px) { .page-component-edu:not(.not-shaped) .comp-title-container#content-carousel-title { padding-top: 16px; } } .quick-links-wrapper.mafmarPods a.show-fancy { margin-top: 0px; } .main-standart-content { padding: 16px; } /*loader*/ /*/* Center the loader */ /*#loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 50px; height: 50px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 10%; border-top: 16px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin linear infinite; animation: spin linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }*/ /*Add animation to "page content"*/ /*.animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0px; opacity: 1 } } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } #myDiv { display: none; text-align: center; }*/ @media (min-width: 1200px) { .useful-art-content .broadcastItemBox .text-container { padding-right: 80px; } /*.useful-art-content .broadcastItemBox .text-container .text { padding-right: 8px; }*/ } @media (max-width: 1199px) and (min-width: 426px) { .useful-art-content .broadcastItemBox .text-container { padding-right: 65px; } } .useful-art-content .courseItemInfo .rsltsDataItem { display: inline-block; } .page-component-edu .main-content ul, .page-component-edu .teaching-practices-container .content-text ul, .page-component-edu .image-link .text ul, .page-component-edu .rich-text-editor-com ul, .page-component-edu .faqHolder .ContentCollapse ul, .knowledge-field .age-group-components .tab-content ul, .articles-links-container ul, .thumei-daat-container .container-content .content-description ul, .collapse-container.collapse-items-container .collapse-sub-title ul, .page-component-edu.icons-lobby ul, .page-component-edu.table-component ul, .page-component-edu.component-container .text-above ul, .page-component-edu.component-container .text-below ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.ltr .main-content ul, .page-component-edu.ltr .teaching-practices-container .content-text ul, .page-component-edu.ltr .image-link .text ul, .page-component-edu.ltr .rich-text-editor-com ul, .page-component-edu.ltr .faqHolder .ContentCollapse ul, .knowledge-field.ltr .age-group-components .tab-content ul, .page-component-edu.ltr .articles-links-container ul, .collapse-container.collapse-items-container.ltr .collapse-sub-title ul, .page-component-edu.icons-lobby.ltr ul, .page-component-edu.component-container.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } #left_col[role=main] .page-component-edu .PanelCollapse .ContentCollapse ul { margin-right: 16px; } #left_col[role=main] .page-component-edu.ltr .PanelCollapse .ContentCollapse ul { margin-right: 0; } .broadcast-jump-box, .tabs-jump-box { display: inline-flex; align-items: flex-end; margin-inline-end: 16px; } .page-component-edu.useful-art-content .page_component .text-container { margin-bottom: 20px; } .page-component-edu.useful-art-content:not(.not-shaped) .comp-title-container h3 { margin-right: 0px; } .useful-art-content .search-materials-inner { padding-top: 10px; } ul.calendar-content-row li.calendar-content-item { list-style-image: url(/images/icons/navigation-blue-side.svg); width: 100%; } .page-component-edu .page_component .link-with-img .webex-link a { margin-right: 15px; color: rgb(44, 112, 148); } .search-lectuar-erea .search-btn-erea { margin-top: 0px; } /*.search-lectuar-erea{ padding-top:20px; }*/ .page-component-edu.lectuar-search-space { margin-bottom: 48px; } .search-lectuar-erea .search-col { padding-bottom: 25px !important; } p.li-menu { position: relative; margin: 0; padding: 10px 10px 10px 15px; } .li-menu .text { position: relative; } .li-menu a.nav-mobil-text::before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .li-menu a.nav-mobil-icon::before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background-color: transparent; -webkit-tap-highlight-color: transparent; } .li-menu a { transition: none; } .HeaderMenu a.li-sub-pages { cursor: pointer; } .HeaderMenu a.li-sub-pages:after { font: normal 21px FontAwesome; content: "\f103"; font-size: 17px; margin: 0 4px 0 0; vertical-align: middle; color: rgba(0, 0, 0, 0.5); } .practice-search .search-broadcast-erea .input-search { max-width: 50%; padding-left: 16px; margin-bottom: 23px; } .page-component-edu .main-content .parctices-categories { min-height: 30px; background-color: var(--grey-background); padding: 5px; margin-bottom: 5px; font-size: 14px !important; color: var(--title-color); } .page-component-edu .main-content .parctices-categories:last-child { margin-bottom: 20px; } .page-component-edu .main-content .parctices-categories img { width: 11px; } .page-component-edu .main-content .parctices-categories img:first-child { width: 17px; } .teaching-materials-ctrl .opened-list .opened-item img.matrial-arrow { width: 8px; height: 11px; margin: 7px; } /*.teaching-materials-ctrl.knowledge-field .comp-title-container{ margin-top:15px; }*/ .teaching-materials-ctrl.knowledge-field .listing.section.opened-list .opened-item { margin-right: 15px; } .listing .item .listing-with-arrows .text, .listing .item .listing-with-arrows > div { /*:not(a.arrow-img)*/ margin-right: 21px; } .parctices-item-page .row.ContainerTitlePage { margin-bottom: 15px; } @media (max-width: 991px) { .practice-search .search-broadcast-erea .input-search.practice-free-search { max-width: inherit; padding: 15px 0px 0 0px !important; margin-bottom: 0; } } .service-component-page .service-container-button { margin-top: 10px; } .service-component-page .service-container-button { float: left; } @media (max-width: 426px) { .service-component-page .service-container-button a.btn.goBtn.darkBlue { font-size: 18px; } } .service-component-page .main-image-container.with-button { margin-bottom: 55px; } .service-component-page .main-image-container.with-button.with-two-buttons { margin-bottom: 50px; } .service-component-page .main-image-container { margin-top: 6px; } /*.page-component-edu .service-component-page.text-image .main-content { padding-bottom: 15px; }*/ section.content .teaching-materials-ctrl.knowledge-field.ltr h1.areaTitle { padding-right: 20px; padding-left: 20px; } .topics-fast-search .learn-subject { width: 35%; display: inline-block; float: right; } @media (max-width: 767px) { .topics-fast-search .learn-subject { width: 100%; } } @media (max-width: 991px) { .topics-fast-search .learn-subject .learn-inputs typeahead-container { transform: translate3d(0px, 1px, 0px) !important; position: relative !important; } } .topics-fast-search .learn-subject .ng-autocomplete { width: 100%; } .topics-fast-search .learn-subject .ng-autocomplete .autocomplete-container .suggestions-container { margin-top: 55px; } .topics-fast-search .learn-subject .form-control { height: 55px; } .topics-fast-search .learn-subject .learn-inputs ul { width: 100%; } @media (min-width: 992px) { .topics-fast-search .learn-subject .learn-inputs typeahead-container { position: relative !important; transform: translate3d(0px, 51px, 0px) !important; } } .split-media-content.about.blue-teaching-unit .read-more { color: white; font-weight: bold; } .page-component-edu.split-media-content.about.blue-teaching-unit a.read-more:focus { color: white !important; } .item-page .page-component-edu.ltr.split-media-content.about.blue-teaching-unit h3.about-title { margin-left: 18px; } section.content .teaching-materials-ctrl h1.areaTitle { margin-top: 0px; } .hide-free-text-filter { visibility: hidden; height: 0px; margin: 0; padding: 0; } @media (max-width: 991px) { .teaching-materials-ctrl .tabs-jump-box { /*width: 100%;*/ font-size: 14px; } } @media (max-width: 1199px) and (min-width: 992px) { .teaching-materials-ctrl .tabs-jump-box { font-size: 16px; } } .teaching-materials-ctrl .tabs-jump-box { width: 100%; } @media (min-width: 1200px) { .teaching-materials-ctrl .tabs-jump-box { /*width: 100%;*/ font-size: 18px; } } .teaching-materials-ctrl .tabs-jump-box a { width: 100%; text-align: right; } .teaching-materials-ctrl.ltr .tabs-jump-box a { width: 100%; text-align: left; } .ltr.split-media-content.main-subject-fields .tab-anchor a { margin-right: 10px; } .split-media-content.main-subject-fields .tab-anchor a { font-size: 18px; } .teaching-materials-ctrl .tabs-jump-box a:focus, .split-media-content.main-subject-fields .tab-anchor a :focus { text-decoration: none; } .text-spinner { font-weight: bold; padding-top: 15px; padding-bottom: 15px; } .text-spinner .fa.fa-spinner.fa-spin { font-size: 30px; color: #1e6890; } .opened-list.listing.section.comp.main-list-comp { box-shadow: none; margin-top: 0; padding: 0; } .main-list-component .listing-container { margin: 0; } /*.main-list-component .more-less-container.nopadding { padding-right: 15px !important; padding-left: 15px !important; }*/ .caption-strip { background: var(--background-over-grey-color); padding: 7px 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .image-has-caption .img-radius, .page-component-edu .main-content .image-has-caption img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .split-media-content.about.blue-teaching-unit p a:hover { color: wheat !important; } .split-media-content.about.blue-teaching-unit p a { color: #FFF700; font-size: 17px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap, .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap p, .page-component-edu.split-media-content.about.blue-teaching-unit ul.coll-text, .page-component-edu.split-media-content.about.blue-teaching-unit ol.coll-text { color: white; font-size: 17px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap h3 { color: white; font-size: 22px; margin-top: 2px; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap h2 { color: white; font-size: 28px; margin-top: 2px; } .page-component-edu.split-media-content.about.blue-teaching-unit.ltr .inner-wrap .content-wrap ul li:before { content: "\f105"; } .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul li:before { content: "\f104"; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; margin-left: 5px; } #left_col[role=main] .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul { margin-right: 0px; } #left_col[role=main] .page-component-edu.split-media-content.about.blue-teaching-unit.ltr .inner-wrap .content-wrap ul { margin-left: 0px; } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap ul li { list-style-type: none; } .knowledge-field.item-page .split-media-content.about.ltr .inner-wrap img { float: right; margin: 7px 0px 7px 21px; } .knowledge-field.item-page .split-media-content.ltr .inner-wrap img.inside-content { margin: 7px 0px 7px 21px; } .main-subject-fields .video-thumbnail { top: calc(50% - 31.5px); left: calc(50% - 31px); } .main-subject-fields .caption-strip { float: left; width: 100%; margin-top: -7px; } @media (max-width: 400px) { .main-subject-fields .main-image-container.image-has-caption { margin-bottom: 80px; } } @media (min-width: 401px) { .main-subject-fields .main-image-container.image-has-caption { margin-bottom: 60px; } } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit a.read-more:hover { color: white !important; } .knowledge-field.item-page .page-component-edu.split-media-content.blue-teaching-unit .inner-wrap .content-wrap { width: 100%; } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap p { margin-bottom: 0px; } /*.page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .content-wrap>p { margin-bottom: 19px; }*/ .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .link-btn-wrap.end-link-btn-wrap { display: flex; justify-content: flex-end; align-items: center; margin-top: 15px; margin-left: 18px; } /*.page-component-edu.split-media-content.about.blue-teaching-unit .link-btn-wrap.end-link-btn-wrap a { padding: 4px 36px; color: #587E9F; font-size: 22px; background: white; border-radius: 5px; }*/ a.show-fancy.emergency { font-size: 19px !important; } .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete.reset-mode { background: #fff; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 155px; top: 23px; } .outstanding-and-gifted-form .reset-autocomplete { left: 20px; } .knowledge-field.item-page .blue-teaching-unit .link-btn-wrap { margin-top: 20px; } .service-embed-video-button { float: left; /*margin-top: 200px;*/ } .teaching-practices-container .container-content .content-text ul { font-size: 17px; line-height: 20px; } .main-subjects-title .title-wrap { padding: 0; } .main-subjects-link .search-wrap { text-align: end; } @media (min-width: 991px) { .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title h4 { margin-right: 0px; } .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title { margin-right: 10px; } } @media (max-width: 991px) { .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title h4 { margin-top: 15px; } .page-component-edu:not(.not-shaped).kinder-garden-content .comp-title-container#search-mterials-title { margin-right: 0px; } } .page-component-edu .btn-primary.social-button { background-color: rgb(48, 152, 207); padding: 2px 25px; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; border-radius: 4px; white-space: inherit; } .col-md-3.share-col { padding: 0px; } #shareWhatsapp .jssocials-share.jssocials-share-whatsapp a, #shareEmail .jssocials-share.jssocials-share-email a { width: 130px; } @media (max-width: 425px) { .page-component-edu .btn-primary.social-button { font-size: 18px; } } #socialModal .modal-title { color: #1D5C7E; font-size: 22px; } .share-row { margin-top: 15px; } .page-component-edu a.jssocials-share-link { color: #fff; } .page-component-edu a.jssocials-share-link:hover { color: #fff !important; } .vod-search-col label { margin-top: 7px; } /*.vod-broadcast-search { padding-left: 40px; }*/ @media (min-width: 991px) { .nopadding-lg { padding: 0 !important; } .margin-minus-10 { margin-right: -10px; } .margin-minus-18 { margin-right: -18px; } } @media (max-width: 991px) { .nopadding-sm { padding: 2px !important; } } .img-txt-btn { margin-top: 10px; } .page-component-edu .img-txt-btn a:focus { color: white !important; } .page-component-edu .main-content img.presentation-icon { width: 25px; height: 27px; } .page-component-edu .main-content img.transcript-icon { width: 20px; height: 27px; } .emergency-presentatio-item.presentatio-item { margin-right: 0px; } .presentatio-item { margin-left: 15px; margin-right: 0; display: inline-block; } .ltr .presentatio-item { margin-left: 0; margin-right: 15px; display: inline-block; } .vod-emergency .presentatio-item .presentation-icon, .schedulted-vod .presentatio-item .presentation-icon { margin-left: 5px; } .vod-emergency .presentatio-item a, .schedulted-vod .presentatio-item a { font-size: 18px; font-weight: 500; } .vod-emergency .presentatio-item, .schedulted-vod .presentatio-item { margin-left: 0; display: inline-block; } .vod-emergency .presentatio-item { margin-right: 18px; } .schedulted-vod .presentatio-item { margin-right: 0; margin-left: 18px; } .schedulted-vod .presentatio-item, .schedulted-vod .real-time-live-link, .schedulted-vod .social-button { margin-bottom: 5px; } .schedulted-vod .left-info::before, .recording-broadcast .left-info::before { content: ""; position: absolute; right: -30px; border-right: 1px #DFDFDF solid; height: 90px; } .recording-broadcast .left-info.long-info::before { height: 130px; } .recording-broadcast .left-info.short-info::before { height: 70px; } .recording-broadcast .low-left-info::before { content: ""; position: absolute; right: -30px; border-right: 1px #DFDFDF solid; height: 60px; } .schedulted-vod .social-button { margin-left: 18px; height: 39px; } @media (max-width: 991px) { .schedulted-vod .social-button { margin-bottom: 5px; } } .schedulted-vod .real-time-live-link { margin-left: 18px; height: 39px; } @media (max-width: 540px) { .presentatio-item { margin: 0px; margin-bottom: 15px; display: block; } .row.main-content-row.service-page .main-image-container .ContainerButtons a { padding: 5px 5px; white-space: inherit; } } :focus, a:focus, .dropdown-toggle:focus, .item.slick-slide:focus, .form-control:focus { outline: none; } :focus-visible, a:focus-visible, .dropdown-toggle:focus-visible, .item.slick-slide:focus-visible, .form-control:focus-visible { outline: -webkit-focus-ring-color auto 0.2px; } div:focus, p:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus { outline: none; } .popXtn .main-content.lecture .vod-title { margin-top: 0; /*margin-bottom: 20px;*/ } .popXtn .vod-emergency .side-info-lecture.left-info .ItemInfo .row { padding-right: 33px; } .popXtn .vod-emergency .side-info-lecture { border-left: 1px #DFDFDF solid; } .popXtn .vod-emergency .side-info-lecture.left-info { border: 0; } .page-component-edu .main-content .vod-subjects-title { font-size: 18px; margin-bottom: 5px; } .forms-buttons-section { display: flex; padding: 0; justify-content: flex-end; } /*.teaching-materials .teaching-unit-icon { height: 14px; width: 13px; } .teaching-materials .teaching-unit { background: rgba(208, 227, 242, 0.48); padding: 7px 14px; line-height: 14px; font-weight: 400; margin: 0 10px 0 0; display: inline-block; color: rgb(44, 112, 148); font-size: 16px; } .ltr .teaching-materials .teaching-unit { margin: 0 0 0 10px; } @media (max-width: 991px){ .teaching-materials .teaching-unit, .ltr .teaching-materials .teaching-unit { margin-right: 0; margin-left: 0; display: table; margin-top: 5px; } }*/ @media (min-width: 992px) { .main-image-container.small-image { width: 350px; } .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap .main-image-container.small-image img.inside-content { width: 350px; object-fit: cover; } .page-component-edu .main-image-container.small-image { width: 350px; height: 216px; } .page-component-edu .main-image-container.small-image .image-con img.main-image { width: 350px; object-fit: cover; height: 216px; } .page-component-edu.kindergarten-teaching-material-page .main-image-container.small-image .image-con img.main-image { height: auto; } } @media (max-width: 767px) { .listing-container.communityListing .listing.details-listing .item .info p.heading, .teaching-materials .listing .item .info p.heading { margin-top: 8px; } } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container .in-accordion { color: white; } .page-component-edu .accordion.collapsible .panel .panel-body .listing .link-container .in-accordion i { float: none; margin-top: 0px; } .text-with-btn { margin-top: 15px; /*float: inline-end;*/ text-align: end; } .text-with-btn .text-with-btn-container { display: inline-block; margin-bottom: 5px; } .text-with-btn .text-with-btn-container:not(:first-of-type) { margin-inline-start: 5px; } .popXtn .btn.goBtn.dark-blue-btn { background-color: #1D5C7E; padding: 2px 25px; } .popXtn .btn.goBtn.dark-blue-btn:hover { background-color: #11415a; } a#BtnSisplay, a#BtnSisplay:hover { width: auto !important; border-radius: 5px; padding: 4px 40px; color: white !important; } .skills-by-category { background-color: white; } .skills-by-category .skills-by-category-title { margin: 0; padding-top: 15px; } .skills-by-category .skills-by-category-title .title { max-width: fit-content; font-size: 22px; border: none; box-shadow: none; margin: 0; padding: 8px 20px; } .details-listing.opened-list.listing .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; } .details-listing.opened-list.listing .indicator img { width: 13px; height: 14px; } .listing.section.opened-list .opened-item .heading-wrap { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 8px; } .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 0 0 8px; color: #2C7094; line-height: 20px; } .listing.section.opened-list .opened-item .heading-wrap p.heading { margin: 0px; } @media (max-width: 991px) { .listing.section.opened-list .opened-item .heading-wrap { flex-direction: column; align-items: flex-start; } .images-and-buttons .text-with-btn .text-with-btn-container:last-child { margin-top: 5px; } .page-component-edu .text-with-btn-container a.primary-btn { display: flex; } .text-with-btn-container a i { align-self: center; } .listing.section.opened-list .opened-item .heading-wrap .indicator, .ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; margin-left: 0; margin-top: 5px; } } .page-component-edu a.a-like-button { background-color: #3098CF; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; width: 105px; display: inline-block; text-align: center; } .page-component-edu a.a-like-button.a-disabled, button.goBtn.btn-disabled { cursor: not-allowed; background-color: #64656D; } /*.page-component-edu button.goBtn.btn-disabled { cursor: not-allowed; background-color: #64656D; }*/ .page-component-edu a.a-like-button:hover { color: #fff !important; } .indicator-container { /*display: flex; align-items: flex-end; justify-content: flex-start;*/ margin: 0 0 15px; } .broadcastItemBox .indicator-container h5, .indicator-container h5 { margin-bottom: 0; } /*.indicator-container .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; }*/ /*.indicator-container .indicator .text { color: #2C7094; line-height: 20px; }*/ .popXtn .courseItemInfo .rsltsDataItem.indicator { background-color: #EDF5FA; padding: 0 10px; display: inline-block; } @media (min-width: 769px) { .rsltsDataItem.indicator { margin-right: 20px; } } .rsltsDataItem.indicator .text { color: #2C7094; line-height: 20px; } .units-search-container .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .units-search-container .RowButtns .clearBtnWrap { margin-left: 20px; } .teaching-unit-search .is-teaching-unit { margin-top: 5px; } .teaching-unit-search span { margin-right: 7px; font-size: 16px; } .ltr .teaching-unit-search span { margin-right: 0; margin-left: 7px; } @media (max-width: 991px) { .teaching-unit-search .is-teaching-unit { margin-top: 20px; } } @media (min-width: 767px) and (max-width: 991px) { .teaching-unit-search .is-teaching-unit { margin-bottom: 20px; } } .ltr .listing-container { direction: ltr; } .ltr .details-listing.opened-list.listing .indicator { margin-left: 20px; margin-right: 0; } .ltr .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin-left: 0; margin-right: 8px; } .recording-broadcast .main-subjects-list { font-size: 18px; } .recording-broadcast .copyright-container { margin-bottom: 30px; background-color: var(--stock-search-bg); border-radius: 4px; } .practice-search .container-padding { margin-bottom: 20px; } .copyright-container { /*margin: 0 0 0 25px;*/ position: relative; align-items: center; background: rgb(224, 238, 245); width: 100%; padding-right: 15px; padding-left: 15px; } .copyright-container p { margin: 0; } .container-padding { padding-right: 15px; padding-left: 15px; } @media (max-width: 991px) { .practice-search .container-padding { padding-top: 15px; margin-bottom: 5px; } } .copyright-container img, .page-component-edu .main-content .copyright-container img { float: right; height: 42px; width: 25px; margin: 12px; margin-right: 0px; } .page-component-edu .main-content.recording-broadcast .copyright-container img { margin-top: 3px; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu span { background-color: rgba(248, 245, 245, 0.4705882353); display: block; font-size: 16px; padding: 10px 30px; border-top: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu a { border-top: 1px solid #D8D8D8; border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav .ContentSubMenu.category-sub-menu > ul > li:first-child span:first-of-type { border: 0; } .HeaderMenu nav ul.big-menu span { color: black; font-size: 16px; } .page-component-edu .articles-links-container .links-list.side-aligned { justify-content: right; } .page-component-edu.ltr .articles-links-container .links-list.side-aligned { justify-content: left; } .articles-links-container li.links-list.side-aligned { display: list-item; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul li.Active, .NavMenuMobil .AdministrativeSpace .nav li.SubMenu.Active p { font-weight: bold; background-color: #edf5fa !important; } .age-group-components .combox-label-big { display: inline-block; color: var(--title-color); font-size: 24px; } .age-group-components .age-group-search label { padding-left: 15px; } .ltr.knowledge-field .age-group-components .age-group-search label { padding-right: 15px; padding-left: 0; } @media (min-width: 768px) { .age-group-components .age-group-search { display: flex; } } .age-group-components .age-group-search { width: 100%; } .age-group-components .components-title { margin-bottom: 0px; padding-top: 10px; /*margin-top: 0px; padding-bottom: 10px;*/ } .page_component.text-image .btn.goBtn.darkBlue.big-button { width: auto; font-size: 31px; white-space: normal; } /*.page-component-edu.quote-text .page_component .panel.panel-default { box-shadow: 0 0 6px rgba(0,0,0,0.08); border-radius: 3px; border: 0; padding: 15px 15px 15px 18px; } .page-component-edu.quote-text .page_component .panel.panel-default.first-panel { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .page-component-edu.quote-text .page_component .panel.panel-default.second-panel { border-top-left-radius: 0; border-top-right-radius: 0; } .page-component-edu.quote-text .page_component .panel.panel-default:nth-of-type(1) { background-color: #2C7094; } .page-component-edu.quote-text .page_component .panel.panel-default:nth-of-type(2) { background-color: rgb(48,152,207); } .page-component-edu.quote-text .row { display: flex; } .page-component-edu.quote-text .row .text-wrap { display: flex; flex-direction: column; justify-content: flex-start; } .page-component-edu.quote-text .row .text-wrap { color: white; } .page-component-edu.quote-text .row .text-wrap .title { font-weight: 400; font-size: 32px; margin: 0; } @media (min-width: 992px) { .page-component-edu.quote-text .row .text-wrap .title { display: flex; } .page-component-edu.quote-text .row .text-wrap .source { padding-right: 39.72px; } .page-component-edu.quote-text .second-panel .row .text-wrap .short-text { margin-right: 39.72px; } } .page-component-edu.quote-text .row .text-wrap .title:before { font-family: 'FontAwesome'; content: "\f10e"; color: rgb(48,152,207); margin-left: 10px; } .page-component-edu.quote-text .row .text-wrap .title:after { font-family: 'FontAwesome'; content: "\f10d"; display: contents; color: rgb(48,152,207); } .page-component-edu.quote-text .row .text-wrap .source { font-weight: 400; font-size: 16px; margin: 10px 0 0 0; } .page-component-edu.quote-text .row .text-wrap .short-text { font-weight: 400; font-size: 20px; margin: 10px 0 0 0; }*/ .search-button { border: none; background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 35%; left: 5px; outline: none; } .stock-area.Search .search-button, .mobile-search-form .search-button { top: 25%; } .teaching-materials.wide .srchFilterTopics .btn-group .btn { /* border-radius: 0;*/ border-color: #a9a9a9; font-size: 16px; } .teaching-materials.wide .srchFilterTopics .btn-group .caret { float: left; margin-top: 9px; border-top-color: grey !important; border-top-width: 7px !important; } /*.ltr .teaching-materials.wide .srchFilterTopics .btn-group .caret { display: block; height: auto; overflow: auto; float: right; margin-left: 0; margin-right: -10px; }*/ .teaching-materials.wide .srchFilterTopics ul li a { font-size: 16px; margin-top: 5px; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] { opacity: 0.6; cursor: not-allowed; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput, .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkbox, .teaching-materials.wide .srchFilterTopics ul li a[disabled] label span, .teaching-materials.wide .srchFilterTopics ul li a[disabled] label { /*opacity: 0.6;*/ cursor: not-allowed; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput { pointer-events: none; } .teaching-materials.wide .srchFilterTopics ul li a[disabled] .checkboxInput[checked] { filter: grayscale(1); } .teaching-materials.wide .srchFilterTopics .btn-group, .teaching-materials.wide .srchFilterTopics .btn-group > .btn:first-child { width: 100%; text-align: right; } .teaching-materials.wide .srchFilterTopics label.search-label { font-size: 16px; margin-top: 5px; } .text-align-end { text-align: end; } .teaching-materials.wide .srchFilterTopics .no-end-padding { padding-left: 0; } .ltr .teaching-materials.wide .srchFilterTopics .no-end-padding { padding-right: 0; padding-left: 15px; } .teaching-materials.wide .srchFilterTopics .main-subject-select { /* border: 1px solid #a9a9a9;*/ min-height: 36px; /* -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; background: url('/images/icons/arrow_drop_down_grey_64.png') no-repeat left #ffffff; background-position: 0px; background-size: 15px 85%; background-position-x: 2px; padding-left: 25px; text-overflow: ellipsis;*/ } .teaching-materials.wide .srchFilterTopics .tunit-search span { margin-right: 5px; } .ltr .teaching-materials.wide .srchFilterTopics .tunit-search span { margin-left: 5px; margin-right: 0; } .teaching-materials.wide .srchFilterTopics .materials-search { padding: 0; } .ltr .teaching-materials.wide .srchFilterTopics .materials-search .search-label { float: left; } @media (max-width: 991px) { .teaching-materials.wide .srchFilterTopics .materials-search:not(:last-child) { margin-bottom: 5px; } } .teaching-materials.wide .srchFilterTopics .materials-search .search-label { padding: 0; } .teaching-materials.wide .srchFilterTopics .materials-title { padding: 0; } @media (max-width: 991px) { .teaching-materials.wide .materials-search .materials-search-field, .ltr .teaching-materials.wide .materials-search .materials-search-field { padding: 0; } } .ltr .teaching-materials.wide .dropdown-menu { text-align: initial; } .ltr .teaching-materials.wide .checkbox label { padding-right: initial; padding-left: 20px; } .ltr .teaching-materials.wide .btn-multi-select { text-align: left; } /*.ltr .teaching-materials.wide .pagination > li > a { float: left; } .ltr .teaching-materials.wide .pagination > li:first-child > a, .ltr .teaching-materials.wide .pagination > li:first-child > span { margin-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .ltr .teaching-materials.wide .pagination > li:last-child > a, .ltr .teaching-materials.wide .pagination > li:last-child > span { margin-left: -1px; margin-right: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }*/ @media (min-width: 992px) { .teaching-materials.wide .materials-search.ages-search { display: inline-block; } .teaching-materials.wide .materials-search.ages-search .search-label { float: right; width: auto; } .teaching-materials.wide .materials-search.ages-search .materials-search-field { float: right; max-width: 135px; } .teaching-materials.wide .materials-search.ages-search .materials-search-field .dropdown-multiselect ul.dropdown-menu { min-width: auto; } } @media (min-width: 1200px) { .teaching-materials.wide .materials-search.ages-search .materials-search-field { float: right; max-width: 205px; } .teaching-materials.wide .materials-search.ages-search .materials-search-field.narrow { max-width: 185px; } } .teaching-materials.wide .sub-title { margin-bottom: 20px; font-size: 18px; } /* $$$ Quotes Start 4.1.20 $$$ */ .quotes-container { /*margin-bottom: 20px;*/ /*margin-top: 40px;*/ padding: 15px; background-color: var(--background-over-grey-color); } .quotes-container .quote-inner { font-size: 24px; font-weight: normal; border-bottom: 1px solid #3098CF; padding-bottom: 10px; } .quotes-container .quote-inner .quote-record { font-size: 14px; display: inline-block; padding: 0 30px; } .quotes-container .quote-inner p { margin-bottom: 0; padding: 0 30px; position: relative; } .quotes-container .quote-inner p::before { content: '"'; font-size: 60px; line-height: 24px; color: #3098CF; display: inline-block; vertical-align: bottom; position: relative; right: -24px; width: 0; } .quotes-container .quote-inner p::after { content: '"'; font-size: 60px; line-height: 24px; color: #3098CF; display: inline-block; vertical-align: bottom; } .quotes-container .text-inner { padding: 0 30px; } .quotes-container .text-inner p { margin-top: 10px; font-size: 18px; } .without-qoute .quote-inner { display: none; } .without-text .quote-inner { border-bottom: none; } /*.without-text .text-inner { display: none; }*/ /* $$$ Quotes End $$$ */ .page-component-edu .quotes-container .text-inner p a { font-size: 22px; } .quotes-container .text-inner p { font-size: 22px; margin-bottom: 0; margin-top: 0; } .quotes-container .text-inner p:first-of-type { margin-top: 10px; } .quotes-container .text-inner p:last-of-type { margin-bottom: 10px; } .quotes-container .text-inner .quote-record { font-size: 18px; display: inline-block; color: var(--title-color); /*margin-top: 10px;*/ font-weight: bold; } .quotes-container .text-inner .quote-record { float: left; } .ltr.quote-text .quotes-container .text-inner .quote-record { float: right; } .ltr.quote-text .quotes-container .quote-inner p::before { right: auto; left: -24px; } .quotes-container .collapse-text a { color: var(--link-color-on-l-blue); } .page-component-edu .listing .link-container a.in-accordion { padding: 2px 25px; } @media (max-width: 991px) { .in-accordion.img-txt-btn { margin-top: 0px; } } .page-component-edu .listing .link-container { margin-bottom: 15px; } .reminder { border-radius: 3px; background-image: url(../images/reminder_icon.png); background-repeat: no-repeat; color: white; padding: 6px 35px 6px 16px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .explanation-text p { margin-bottom: 0; } /*.explanation-text { margin-bottom: 15px; }*/ .summary-text p { margin-bottom: 0; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a p { color: black; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 0px; } .ltr .teaching-materials.wide .srchFilterTopics .main-subject-select { background-position-x: right; padding-left: 12px; } .page-component-edu.tabs-components .tab-header h2 { font-weight: 400; } .true-field-container { margin-top: 10px; } .true-field-container span { font-weight: 600; } .page-component-edu .main-content .true-field-container img.true-icon { margin-right: 5px; width: 15px; height: 17px; } /*.container-component .collapse-component.popXtnCmpnt .accordion.collapsible .collapse-component-panel { box-shadow: none; } .container-component .collapse-component.popXtnCmpnt .collapse-component-panel > .panel-body > .listing { margin-top: 0; } .container-component .collapse-component.popXtnCmpnt .collapse-component-panel > .panel-body > .listing > .collapseHolder { padding-left: 0; padding-right: 0; }*/ .pictures-and-icons-component .comp-title-container .subtitle-container p { position: initial; } /*.pictures-and-icons-component .image-link-container > .listing { padding-top: 15px; }*/ .collapsing-tabs.responsive .textTab { margin: 0 15px; } .tab-content .textTab p:first-of-type, .collapsing-tabs.responsive .textTab p:first-of-type { margin-top: 0px; } .tab-content .textTab p:last-of-type, .collapsing-tabs.responsive .textTab p:last-of-type { margin-bottom: 0px; } .tab-content .textTab ul, .collapsing-tabs.responsive .textTab ul { list-style-image: url(/images/icons/navigation-blue-side.svg); margin-top: 16px; } .nav-of-tabs-component li a:focus { color: black !important; } .tab-content .textTab .text :last-child { margin-bottom: 0px; } .knowledge-field.tabs-components .panel .tab-content .tab-panel.active { padding: 15px; } .ltr.tabs-components .tab-content .textTab ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .comp-title-container.min-margins .article-headline { margin-top: 0; padding-left: 25px; padding-bottom: 10px; } .comp-title-container.min-margins a.article-headline:after { margin-inline-end: 15px; } .page-component-edu.ltr .comp-title-container.min-margins .article-headline { padding-right: 25px; } .page-component-edu.ltr .comp-title-container.min-margins a.article-headline:after { margin-right: 15px; } .rtl dd.related-grades span:last-child { margin-left: 10px; } .listing-items-content .listing-without-images .broadcastItemBox .text-container { padding-right: 0px; } .page-component-edu.listing-items-content .page_component .text-container.listing-text-container { margin: 5px 18px 15px 15px; } .listing-with-icons .broadcastItemBox .text-container { padding-right: 70px; } .page-component-edu.welcome-component { margin-bottom: 48px; } .title-with-back-button h1.areaTitle a.ContainerPopularButton { margin-top: 0px; padding: 7px 15px 7px 5px; } .title-with-back-button h1.areaTitle { overflow: auto; } .popXtn .ltr .title-with-back-button a.ContainerPopularButton { float: right; margin-right: 10px; padding: 7px 5px 7px 15px; } .popXtn .ltr .title-with-back-button a.ContainerPopularButton .fa-angle-left:before { content: "\f105"; } .cust-menu ul.has-static-nav > li:last-of-type { border-top: 1px solid #E2E2E2; padding-top: 10px; } .listing-with-icons .broadcastItemBox .big-img-container .icon img { max-width: 50px; } @media (max-width: 425px) { .listing-with-icons .broadcastItemBox .text-container { padding-right: 0px; } .page-component-edu .page_component .listing-with-icons .broadcastItemBox .big-img-container img.img-of-link { margin-bottom: 0px; } .page-component-edu .page_component .listing-with-icons .big-img-container { margin-bottom: 5px !important; } } .container-component .article-page-component.newspaper-component .edu-article-container { background-color: var(--stock-search-bg); } .container-component .article-page-component.newspaper-component .comp-title-container h4 { background-color: rgb(197, 224, 237) !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; padding: 0px 20px 0px 20px !important; height: 33px; margin-right: 0px; } .container-component .article-page-component.newspaper-component .comp-title-container { background-color: white; } @media (max-width: 768px) { .page-component-edu .newspaper-text-content { display: inline-block; } } .search-form-section { display: inline; } .CloseSearch { background-image: url("/images/icon-close-search.png"); background-repeat: no-repeat; padding: 5px; border: none; background-color: transparent; } /*sliders*/ .rtl .carusel.slides.advanced-slides .slick-next, .rtl .carusel.slides.standard-slides .slick-next { left: 0px; right: auto; } .rtl .carusel.slides.advanced-slides .slick-prev, .rtl .carusel.slides.standard-slides .slick-prev { right: 0px; left: auto; } .ltr .carusel.slides.advanced-slides .slick-next, .ltr .carusel.slides.standard-slides .slick-next { left: 0px; right: auto; } .ltr .carusel.slides.advanced-slides .slick-prev, .ltr .carusel.slides.standard-slides .slick-prev { right: 0px; left: auto; } .tikshuv-strip.rtl .carusel.slides.advanced-slides .slick-next, .tikshuv-strip.rtl .carusel.slides.standard-slides .slick-next, .tikshuv-strip.ltr .carusel.slides.advanced-slides .slick-next, .tikshuv-strip.ltr .carusel.slides.standard-slides .slick-next { left: -10px; right: auto; } .tikshuv-strip.rtl .carusel.slides.advanced-slides .slick-prev, .tikshuv-strip.rtl .carusel.slides.standard-slides .slick-prev, .tikshuv-strip.ltr .carusel.slides.advanced-slides .slick-prev, .tikshuv-strip.ltr .carusel.slides.standard-slides .slick-prev { right: -10px; left: auto; } .switch-collage-banner .slick-prev.slick-arrow { right: 0px; } .switch-collage-banner .slick-next.slick-arrow { left: 0px; right: auto; } .content.advanced-component.banner .slick-prev.slick-arrow { right: 0px; left: auto; } .content.advanced-component.banner .slick-next.slick-arrow { left: 0px; right: auto; } .page-component-edu .page_component .content.advanced-component.banner .slick-next img, .page-component-edu .page_component .content.advanced-component.banner .slick-prev img { width: 24px; height: 40px; } .page-component-edu .page_component .content.advanced-component.banner.big-image-gallery .slick-next { padding-right: 10px; } .carusel.slides.tikshuv-content .slick-next img, .carusel.slides.tikshuv-content .slick-prev img { width: 16px; height: 29px; } .stop-start-buttons { /*position:absolute;*/ z-index: 900; } .listing-items-main { margin-bottom: 48px; } button.stop-start-buttons.play-mode { background-image: url(/images/Gallery-Button-Pause.svg); padding: 20px; } button.stop-start-buttons.pause-mode { background-image: url(/images/Gallery-Button-Play.svg); padding: 20px; } .stop-start-buttons.play-mode button { background-image: url(/images/Gallery-Button-Pause.svg); } .stop-start-buttons.pause-mode button { background-image: url(/images/Gallery-Button-Play.svg); } .stop-start-buttons button { padding: 13px; background-position-x: 50%; background-position-y: 50%; margin-inline-end: 16px; border: none; } .try-resources.swap-banner .stop-start-buttons button { margin-left: 0px; margin: 10px 0px; } .stop-start-buttons { display: flex; justify-content: flex-end; } /*sliders*/ .cta-strip a { font-weight: 700; color: var(--link-color-on-l-blue); } .switch-collage-banner .stop-start-buttons button { margin-left: 53px; } .yehidot-horaa-metokshavut-paragraph p { margin-bottom: 5px; } /*.yehidot-horaa-metokshavut .stop-start-buttons button { margin-bottom: -25px; }*/ .lemidah-metokshevet-container .stop-start-buttons button { margin-left: 25px; } .gallery-no-title.switch-collage-banner .stop-start-buttons { margin-top: 10px; } .kinder-garden-content .stop-start-buttons { margin-left: 22px; margin-top: -10px; margin-bottom: 5px; } .article-headline-container-line { margin-bottom: 15px; } .ContainerSocialMedia a:focus .MediaIcon { border: white solid 1px; } .banner-with-anchor .list-group .backgr-img { padding: 10px; } .banner-with-anchor .list-group .backgr-img .overlayicon { margin: 10px; } .try-resources.banner-with-anchor { border: 0px; } .try-resources.banner-with-anchor .list-group { background-color: white; } .banner-with-anchor .compt-tit-con { background-color: white; } .d-none { display: none !important; } .page-component-edu.search-level-topic { padding: 15px; } .container-component .page-component-edu.search-level-topic { padding: 0px; } .page-component-edu.search-level-topic .comp-title-container h4 { margin-right: 0px; } /*.page-component-edu.search-level-topic .text-summary { margin-right: 5px; }*/ .container-component { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } @media (max-width:992px) { .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { width: 2%; } } @media (min-width:992px) { .page-component-edu.course-page .courseNoticeWrapper .noticeIcon { margin-top: -2px; } } .page-component-edu.ltr .big-image-gallery a.article-headline { padding-inline-end: 40px; } .text-spinner img { width: 192px; height: 192px; } .text-spinner .moment-text { font-weight: 600; } .text-spinner { text-align: center; position: relative; } .spinner-message { position: absolute; top: 60%; right: 38%; color: var(--title-color); font-weight: 400; } @media (min-width: 992px) { .broadcast-calendar-space .spinner-message { right: 27%; } } .page-component-edu.collapse-component .panel-heading a, .collapse-items-container .panel-collapse-header a.collaps-anchor { color: var(--title-color); } @media (max-width: 426px) { .spinner-message { right: 15%; } } @media (min-width: 427px) and (max-width:768px ) { .spinner-message { right: 30%; } } @media (min-width: 768px) and (max-width:992px ) { .spinner-message { right: 35%; } } .page-component-edu h3 { font-size: 23px; } .component-indicator { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; gap: 8px; } .component-indicator .title { margin-bottom: 0px; } .indicator-item { border-radius: var(--btn-radius); border: 1px solid #0B3860; background-color: #F4F9FD; padding: 0px 6px; color: var(--title-color); white-space: nowrap; font-size: 16px; height: 25px; flex-shrink: 0; } .title-with-Indicator .title { display: flex; gap: 8px; } .macro-Line { border-top: 1px solid rgba(0, 0, 0, 0.1607843137); margin: 8px 0; } .innerReadMoreLessContainer button.buttonIcon { color: var(--link-color-on-l-blue); padding: 0px; } .innerReadMoreLessContainer button.buttonIcon.less { display: none; } /******************************************************************************* * bootstrap-rtl (version 3.3.4) * Author: Morteza Ansarinia (http://github.com/morteza) * Created on: August 13,2015 * Project: bootstrap-rtl * Copyright: Unlicensed Public Domain *******************************************************************************/ html { direction: rtl; } body { direction: rtl; } .flip.text-left { text-align: right; } .flip.text-right { text-align: left; } .list-unstyled { padding-right: 0; padding-left: initial; } .list-inline { padding-right: 0; padding-left: initial; margin-right: -5px; margin-left: 0; } dd { margin-right: 0; margin-left: initial; } @media (min-width: 768px) { .dl-horizontal dt { float: right; clear: right; text-align: left; } .dl-horizontal dd { margin-right: 180px; margin-left: 0; } } blockquote { border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse, blockquote.pull-left { padding-left: 15px; padding-right: 0; border-left: 5px solid #eeeeee; border-right: 0; text-align: left; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: right; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { left: 100%; right: auto; } .col-xs-pull-11 { left: 91.66666667%; right: auto; } .col-xs-pull-10 { left: 83.33333333%; right: auto; } .col-xs-pull-9 { left: 75%; right: auto; } .col-xs-pull-8 { left: 66.66666667%; right: auto; } .col-xs-pull-7 { left: 58.33333333%; right: auto; } .col-xs-pull-6 { left: 50%; right: auto; } .col-xs-pull-5 { left: 41.66666667%; right: auto; } .col-xs-pull-4 { left: 33.33333333%; right: auto; } .col-xs-pull-3 { left: 25%; right: auto; } .col-xs-pull-2 { left: 16.66666667%; right: auto; } .col-xs-pull-1 { left: 8.33333333%; right: auto; } .col-xs-pull-0 { left: auto; right: auto; } .col-xs-push-12 { right: 100%; left: 0; } .col-xs-push-11 { right: 91.66666667%; left: 0; } .col-xs-push-10 { right: 83.33333333%; left: 0; } .col-xs-push-9 { right: 75%; left: 0; } .col-xs-push-8 { right: 66.66666667%; left: 0; } .col-xs-push-7 { right: 58.33333333%; left: 0; } .col-xs-push-6 { right: 50%; left: 0; } .col-xs-push-5 { right: 41.66666667%; left: 0; } .col-xs-push-4 { right: 33.33333333%; left: 0; } .col-xs-push-3 { right: 25%; left: 0; } .col-xs-push-2 { right: 16.66666667%; left: 0; } .col-xs-push-1 { right: 8.33333333%; left: 0; } .col-xs-push-0 { right: auto; left: 0; } .col-xs-offset-12 { margin-right: 100%; margin-left: 0; } .col-xs-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-xs-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-xs-offset-9 { margin-right: 75%; margin-left: 0; } .col-xs-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-xs-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-xs-offset-6 { margin-right: 50%; margin-left: 0; } .col-xs-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-xs-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-xs-offset-3 { margin-right: 25%; margin-left: 0; } .col-xs-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-xs-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-xs-offset-0 { margin-right: 0%; margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: right; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { left: 100%; right: auto; } .col-sm-pull-11 { left: 91.66666667%; right: auto; } .col-sm-pull-10 { left: 83.33333333%; right: auto; } .col-sm-pull-9 { left: 75%; right: auto; } .col-sm-pull-8 { left: 66.66666667%; right: auto; } .col-sm-pull-7 { left: 58.33333333%; right: auto; } .col-sm-pull-6 { left: 50%; right: auto; } .col-sm-pull-5 { left: 41.66666667%; right: auto; } .col-sm-pull-4 { left: 33.33333333%; right: auto; } .col-sm-pull-3 { left: 25%; right: auto; } .col-sm-pull-2 { left: 16.66666667%; right: auto; } .col-sm-pull-1 { left: 8.33333333%; right: auto; } .col-sm-pull-0 { left: auto; right: auto; } .col-sm-push-12 { right: 100%; left: 0; } .col-sm-push-11 { right: 91.66666667%; left: 0; } .col-sm-push-10 { right: 83.33333333%; left: 0; } .col-sm-push-9 { right: 75%; left: 0; } .col-sm-push-8 { right: 66.66666667%; left: 0; } .col-sm-push-7 { right: 58.33333333%; left: 0; } .col-sm-push-6 { right: 50%; left: 0; } .col-sm-push-5 { right: 41.66666667%; left: 0; } .col-sm-push-4 { right: 33.33333333%; left: 0; } .col-sm-push-3 { right: 25%; left: 0; } .col-sm-push-2 { right: 16.66666667%; left: 0; } .col-sm-push-1 { right: 8.33333333%; left: 0; } .col-sm-push-0 { right: auto; left: 0; } .col-sm-offset-12 { margin-right: 100%; margin-left: 0; } .col-sm-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-sm-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-sm-offset-9 { margin-right: 75%; margin-left: 0; } .col-sm-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-sm-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-sm-offset-6 { margin-right: 50%; margin-left: 0; } .col-sm-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-sm-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-sm-offset-3 { margin-right: 25%; margin-left: 0; } .col-sm-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-sm-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-sm-offset-0 { margin-right: 0%; margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: right; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { left: 100%; right: auto; } .col-md-pull-11 { left: 91.66666667%; right: auto; } .col-md-pull-10 { left: 83.33333333%; right: auto; } .col-md-pull-9 { left: 75%; right: auto; } .col-md-pull-8 { left: 66.66666667%; right: auto; } .col-md-pull-7 { left: 58.33333333%; right: auto; } .col-md-pull-6 { left: 50%; right: auto; } .col-md-pull-5 { left: 41.66666667%; right: auto; } .col-md-pull-4 { left: 33.33333333%; right: auto; } .col-md-pull-3 { left: 25%; right: auto; } .col-md-pull-2 { left: 16.66666667%; right: auto; } .col-md-pull-1 { left: 8.33333333%; right: auto; } .col-md-pull-0 { left: auto; right: auto; } .col-md-push-12 { right: 100%; left: 0; } .col-md-push-11 { right: 91.66666667%; left: 0; } .col-md-push-10 { right: 83.33333333%; left: 0; } .col-md-push-9 { right: 75%; left: 0; } .col-md-push-8 { right: 66.66666667%; left: 0; } .col-md-push-7 { right: 58.33333333%; left: 0; } .col-md-push-6 { right: 50%; left: 0; } .col-md-push-5 { right: 41.66666667%; left: 0; } .col-md-push-4 { right: 33.33333333%; left: 0; } .col-md-push-3 { right: 25%; left: 0; } .col-md-push-2 { right: 16.66666667%; left: 0; } .col-md-push-1 { right: 8.33333333%; left: 0; } .col-md-push-0 { right: auto; left: 0; } .col-md-offset-12 { margin-right: 100%; margin-left: 0; } .col-md-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-md-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-md-offset-9 { margin-right: 75%; margin-left: 0; } .col-md-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-md-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-md-offset-6 { margin-right: 50%; margin-left: 0; } .col-md-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-md-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-md-offset-3 { margin-right: 25%; margin-left: 0; } .col-md-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-md-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-md-offset-0 { margin-right: 0%; margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { left: 100%; right: auto; } .col-lg-pull-11 { left: 91.66666667%; right: auto; } .col-lg-pull-10 { left: 83.33333333%; right: auto; } .col-lg-pull-9 { left: 75%; right: auto; } .col-lg-pull-8 { left: 66.66666667%; right: auto; } .col-lg-pull-7 { left: 58.33333333%; right: auto; } .col-lg-pull-6 { left: 50%; right: auto; } .col-lg-pull-5 { left: 41.66666667%; right: auto; } .col-lg-pull-4 { left: 33.33333333%; right: auto; } .col-lg-pull-3 { left: 25%; right: auto; } .col-lg-pull-2 { left: 16.66666667%; right: auto; } .col-lg-pull-1 { left: 8.33333333%; right: auto; } .col-lg-pull-0 { left: auto; right: auto; } .col-lg-push-12 { right: 100%; left: 0; } .col-lg-push-11 { right: 91.66666667%; left: 0; } .col-lg-push-10 { right: 83.33333333%; left: 0; } .col-lg-push-9 { right: 75%; left: 0; } .col-lg-push-8 { right: 66.66666667%; left: 0; } .col-lg-push-7 { right: 58.33333333%; left: 0; } .col-lg-push-6 { right: 50%; left: 0; } .col-lg-push-5 { right: 41.66666667%; left: 0; } .col-lg-push-4 { right: 33.33333333%; left: 0; } .col-lg-push-3 { right: 25%; left: 0; } .col-lg-push-2 { right: 16.66666667%; left: 0; } .col-lg-push-1 { right: 8.33333333%; left: 0; } .col-lg-push-0 { right: auto; left: 0; } .col-lg-offset-12 { margin-right: 100%; margin-left: 0; } .col-lg-offset-11 { margin-right: 91.66666667%; margin-left: 0; } .col-lg-offset-10 { margin-right: 83.33333333%; margin-left: 0; } .col-lg-offset-9 { margin-right: 75%; margin-left: 0; } .col-lg-offset-8 { margin-right: 66.66666667%; margin-left: 0; } .col-lg-offset-7 { margin-right: 58.33333333%; margin-left: 0; } .col-lg-offset-6 { margin-right: 50%; margin-left: 0; } .col-lg-offset-5 { margin-right: 41.66666667%; margin-left: 0; } .col-lg-offset-4 { margin-right: 33.33333333%; margin-left: 0; } .col-lg-offset-3 { margin-right: 25%; margin-left: 0; } .col-lg-offset-2 { margin-right: 16.66666667%; margin-left: 0; } .col-lg-offset-1 { margin-right: 8.33333333%; margin-left: 0; } .col-lg-offset-0 { margin-right: 0%; margin-left: 0; } } caption { text-align: right; } th { text-align: right; } @media screen and (max-width: 767px) { .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-right: 0; border-left: initial; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-left: 0; border-right: initial; } } .radio label, .checkbox label { padding-right: 20px; padding-left: initial; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-right: -20px; margin-left: auto; } .radio-inline, .checkbox-inline { padding-right: 20px; padding-left: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-right: 10px; margin-left: 0; } .has-feedback .form-control { padding-left: 42.5px; padding-right: 12px; } .form-control-feedback { left: 0; right: auto; } @media (min-width: 768px) { .form-inline label { padding-right: 0; padding-left: initial; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { margin-right: 0; margin-left: auto; } } @media (min-width: 768px) { .form-horizontal .control-label { text-align: left; } } .form-horizontal .has-feedback .form-control-feedback { left: 15px; right: auto; } .caret { margin-right: 2px; margin-left: 0; } .dropdown-menu { right: 0; left: auto; float: left; text-align: right; } .dropdown-menu.pull-right { left: 0; right: auto; float: right; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group > .btn, .btn-group-vertical > .btn { float: right; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-right: -1px; margin-left: 0px; } .btn-toolbar { margin-right: -5px; margin-left: 0px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: right; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-right: 5px; margin-left: 0px; } .btn-group > .btn:first-child { margin-right: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group { float: right; } .btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group { float: none; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn .caret { margin-right: 0; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-right: 0; } .input-group .form-control { float: right; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:first-child { border-left: 0px; border-right: 1px solid; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:last-child { border-left-width: 1px; border-left-style: solid; border-right: 0px; } .input-group-btn > .btn + .btn { margin-right: -1px; margin-left: auto; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-left: -1px; margin-right: auto; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-right: -1px; margin-left: auto; } .nav { padding-right: 0; padding-left: initial; } .nav-tabs > li { float: right; } .nav-tabs > li > a { margin-left: auto; margin-right: -2px; border-radius: 4px 4px 0 0; } .nav-pills > li { float: right; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-right: 2px; margin-left: auto; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-right: 0; margin-left: auto; } .nav-justified > .dropdown .dropdown-menu { right: auto; } .nav-tabs-justified > li > a { margin-left: 0; margin-right: auto; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-radius: 4px 4px 0 0; } } @media (min-width: 768px) { .navbar-header { float: right; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; } .navbar-brand { float: right; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-right: -15px; margin-left: auto; } } .navbar-toggle { float: left; margin-left: 15px; margin-right: auto; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 25px 5px 15px; } } @media (min-width: 768px) { .navbar-nav { float: right; } .navbar-nav > li { float: right; } } @media (min-width: 768px) { .navbar-left.flip { float: right !important; } .navbar-right:last-child { margin-left: -15px; margin-right: auto; } .navbar-right.flip { float: left !important; margin-left: -15px; margin-right: auto; } .navbar-right .dropdown-menu { left: 0; right: auto; } } @media (min-width: 768px) { .navbar-text { float: right; } .navbar-text.navbar-right:last-child { margin-left: 0; margin-right: auto; } } .pagination { padding-right: 0; } .pagination > li > a, .pagination > li > span { float: right; margin-right: -1px; margin-left: 0px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { margin-right: -1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .pager { padding-right: 0; padding-left: initial; } .pager .next > a, .pager .next > span { float: left; } .pager .previous > a, .pager .previous > span { float: right; } .nav-pills > li > a > .badge { margin-left: 0px; margin-right: 3px; } .list-group-item > .badge { float: left; } .list-group-item > .badge + .badge { margin-left: 5px; margin-right: auto; } .alert-dismissable, .alert-dismissible { padding-left: 35px; padding-right: 15px; } .alert-dismissable .close, .alert-dismissible .close { right: auto; left: -21px; } .progress-bar { float: right; } .media > .pull-left { margin-right: 10px; } .media > .pull-left.flip { margin-right: 0; margin-left: 10px; } .media > .pull-right { margin-left: 10px; } .media > .pull-right.flip { margin-left: 0; margin-right: 10px; } .media-right, .media > .pull-right { padding-right: 10px; padding-left: initial; } .media-left, .media > .pull-left { padding-left: 10px; padding-right: initial; } .media-list { padding-right: 0; padding-left: initial; list-style: none; } .list-group { padding-right: 0; padding-left: initial; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-right-radius: 3px; border-top-left-radius: 0; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-left-radius: 3px; border-top-right-radius: 0; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; border-top-right-radius: 0; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; border-top-left-radius: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-right: 0; border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: none; border-left: 0; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { right: 0; left: auto; } .close { float: left; } .modal-footer { text-align: left; } .modal-footer.flip { text-align: right; } .modal-footer .btn + .btn { margin-left: auto; margin-right: 5px; } .modal-footer .btn-group .btn + .btn { margin-right: -1px; margin-left: auto; } .modal-footer .btn-block + .btn-block { margin-right: 0; margin-left: auto; } .popover { left: auto; text-align: right; } .popover.top > .arrow { right: 50%; left: auto; margin-right: -11px; margin-left: auto; } .popover.top > .arrow:after { margin-right: -10px; margin-left: auto; } .popover.bottom > .arrow { right: 50%; left: auto; margin-right: -11px; margin-left: auto; } .popover.bottom > .arrow:after { margin-right: -10px; margin-left: auto; } .carousel-control { right: 0; bottom: 0; } .carousel-control.left { right: auto; left: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; right: auto; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; left: auto; margin-left: -10px; } .carousel-indicators { right: 50%; left: 0; margin-right: -30%; margin-left: 0; padding-left: 0; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: 0; margin-right: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-left: 0; margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } } .pull-right.flip { float: left !important; } .pull-left.flip { float: right !important; } /*# sourceMappingURL=bootstrap-rtl.css.map */ @charset "UTF-8"; /* buttons */ /* titles */ /* background */ /*form*/ body { font-family: "Assistant", "Arial", sans-serif; font-weight: normal; } a:hover { opacity: 0.8; } /* Strip Header */ .StripHeader { width: 100%; position: fixed; top: 0; z-index: 1000; background-color: #fff; } .HeaderScroll, header { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .TopMenu { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .TopMenu { transition: height 0.4s; -moz-transition: height 0.4s; -webkit-transition: height 0.4s; -o-transition: height 0.4s; } .ColLoginAndSearch, .ColTitlePortal { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .HeaderScroll { margin-top: 0; min-height: 60px; padding: 0; } .TopMenuScroll { opacity: 0; height: 0 !important; } .LiActiveScroll { background-color: rgba(0, 0, 0, 0) !important; } /*.ColLoginAndSearchScroll { margin-top: -32px; }*/ .ColTitlePortalScroll { margin-top: -34px; } .SucTitleScroll { display: none; } .TopMenu { /*height: 43px;*/ height: 41px; } nav { /*float: right;*/ width: 100%; } header { width: 100%; background-color: #fff; border-bottom: 1px solid #E2E2E2; padding: 10px 0; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1); } .StripHeader .TopMenu { background-color: var(--title-color); } .TopMenu ul { margin: 0; padding: 0; width: 100%; } .TopMenu ul li { display: inline-block; border-left: 1px solid #688BAE; margin-right: -3px; width: 16.6666666667%; text-align: center; } .TopMenu ul li:last-child { border-left: 0; } .TopMenu ul li a .ContentLinkLi { width: 100%; /*padding: 6px 0px 9px 0;*/ padding: 5px 0px 8px 0; font-weight: 600; } .TopMenu ul li a { color: #fff; font-size: 20px; text-decoration: none; text-align: center; } .TopMenu ul li.active, .TopMenu ul li a .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.ManagersSpace.active, .TopMenu ul li.ManagersSpace .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.PedagogicalSpace.active, .TopMenu ul li.PedagogicalSpace a:focus, .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover { background-color: #3098CF; } .TopMenu ul li.ProfessionalDeveloper.active, .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover { background-color: var(--header-hover); } .TopMenu ul li.InquiriesAndServicing.active, .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover { background-color: var(--header-hover); } li.ManagersSpace { position: relative; display: inline-block; } .NavMenuMobil { display: none; } .ContainerLogoIsrael { background-image: url(../images/logo_israel.svg); background-repeat: no-repeat; height: 62px; width: 51px; float: right; margin-left: 8px; display: inline-block; } .LogoIsraelMobile { display: none; } .ContainerTitlePortal { float: right; color: #385167; } .ContainerTitlePortal .SucTitle { font-size: 16px; color: var(--text-color); } .ContainerTitlePortal .Title { /*font-size: 34px;*/ font-size: 36px; margin-top: -8px; color: var(--text-color); } .ContainerTitlePortal .Title .Line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 3px solid var(--text-color); line-height: 30px; min-height: 38px; } .ContainerLogoEducationOffice, .ContainerSearch, .ContainerLogin { float: left; } .InquiriesAndServicing .ContainerLogin, .AdministrativeSpace .ContainerLogin { min-width: 145px; } .ContainerSearch { /* padding-right: 16px;*/ margin-left: 14px; position: relative; } .ContainerLogin a:hover span.User { text-decoration: underline; } .ContainerSearch a:hover span { text-decoration: underline; } .ContainerLogin { padding: 0 14px; border-left: 1px solid #000; border-right: 1px solid #000; margin-left: 14px; } .ContainerLogoEducationOffice { margin-top: -4px; } .ContainerSearch .IconSearch { background-image: url(../images/icons/search.svg); width: 20px; /*height: 22px;*/ float: left; margin-left: 3px; } .ContainerLogin span, .ContainerSearch span { float: left; font-size: 18px; color: var(--title-color); } .ContainerLogin span.User { float: right; } span.glyphicon.glyphicon-triangle-bottom { margin-top: 4px; } .ContainerLogin .IconLogin { background-image: url(../images/icon-user.png); width: 24px; height: 24px; float: right; margin-left: 10px; } .ContainerLogin .Message { display: inline-block; margin-left: 10px; margin-right: 10px; } .ContainerLogin .Message.badge { background-color: #DF2020; color: #fff; } .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-serv-education-office.png); /* Fix 13-11-2017 */ width: 189px; /* Fix 13-11-2017 */ height: 46px; } /*.accessibility-container { float: right; }*/ .accessibility-container button { background-color: transparent; border: none; padding: 0; text-align: start; } .accessibility-container button img { width: 15px; } .LogoArabic { background-image: url(../images/logo-Arabic.png); width: 44px; height: 31px; } .IconMenuMobile { background-image: url(../images/icon-menu-mobile.png); width: 26px; height: 17px; margin-top: 6px; display: none; } .ColLoginAndSearch .IconMenuMobile:focus, .ColLoginAndSearch .navbar-toggle:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .IconLoginMobile { background-image: url(../images/icon-login-mobile.png); width: 24px; height: 24px; margin-top: 3px; display: none; } .IconSearchMobile { background-image: url(../images/icon-search-mobile.svg); background-repeat: no-repeat; width: 21px; height: 21px; margin: 3px 0px 0px 10px; display: none; } /* Mobile */ .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } .nav > li > a { padding: 10px; height: 100%; } .NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:focus { background-color: #283948; } .NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover, .NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus { background-color: #71A240; } .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover, .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus { background-color: #3098CF; } .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover, .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus { background-color: #92518D; } .NavMenuMobil .nav > li.InquiriesAndServicing > a:hover, .NavMenuMobil .nav > li.InquiriesAndServicing > a:focus { background-color: #DF943B; } .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; } .ContainerTitlePortal a { text-decoration: none; color: #000; } .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; } .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace .nav > li > a:hover, .NavMenuMobil .AdministrativeSpace .nav > li > a:focus { background-color: #F2F7EE; } .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } header.AdministrativeSpace { padding-bottom: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover { background-color: #F2F7EE; } li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .BoxGeneralMessages .GeneralMessages { width: 100%; } /* Mobile */ /*.ContainerLogin, .ContainerSearch { margin-top: 6px; }*/ /* Strip Main */ .StripMain { background-color: #EEEEEE; padding-top: 165px; } .StripMain.ProfessionalSpace, .StripMain.InquiriesAndServicing, .StripMain.AdministrativeSpace { padding-top: 0px; } .SectionRow { margin-bottom: 40px; } .MyMessagesRow { margin-right: 15px; margin-left: 15px; min-height: 300px; } .BoxPortal { background-color: #fff; padding: 5px; /* min-height: 490px;*/ /* -webkit-transition: box-shadow 1s; transition: box-shadow 1s; */ } .grow { transition: all 0.2s ease-in-out; } .BoxPortal:hover .grow { transform: scale(1.03); } img.grow { width: 100%; } /* .RowLimkInfo .Icon.grow:hover { transform: scale(1.2); } */ .BoxPortal:hover { box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3); } .BoxPortal.ManagersSpace .ContainerImg, .BoxPortal.PedagogicalSpace .ContainerImg, .BoxPortal.ProfessionalSpace .ContainerImg { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; /*height: 230px;*/ position: relative; overflow: hidden; } .BoxPortal.ManagersSpace .ContainerImg { /* background-image: url(../images/managers-space.png);*/ } .BoxPortal.PedagogicalSpace .ContainerImg { /* background-image: url(../images/pedagogical-space.png);*/ } .BoxPortal.ProfessionalSpace .ContainerImg { /* background-image: url(../images/professional-space.png);*/ } .ManagersListLinksBox { background-color: #F2F7EE; } .PedagogicalListLinksBox { background-color: #E0EEF5; } .ProfessionalListLinksBox { background-color: #F0E6EF; } .ProfessionalListLinksBox, .PedagogicalListLinksBox, .ManagersListLinksBox { width: 100%; margin-top: 5px; padding: 15px 30px 40px 14px; min-height: 220px; } .BoxPortal.ProfessionalSpace .Title, .BoxPortal.PedagogicalSpace .Title, .BoxPortal.ManagersSpace .Title { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 34px; font-weight: 600; } .PedagogicalListLinksBox .SubTitle { padding: 0 !important; margin-bottom: 10px !important; } .PedagogicalListLinksBox .ContainerSelect { padding-left: 16px; } .PedagogicalListLinksBox .More a, .ProfessionalListLinksBox .More a, .ManagersListLinksBox .More a, .PedagogicalListLinksBox .Links a, .ProfessionalListLinksBox .Links a, .ManagersListLinksBox .Links a { font-size: 18px; margin-bottom: 5px; } .ProfessionalListLinksBox .More a, .PedagogicalListLinksBox .More a, .ManagersListLinksBox .More a { float: left; margin-bottom: 0; } .ProfessionalListLinksBox .More, .PedagogicalListLinksBox .More, .ManagersListLinksBox .More { font-weight: 600; margin-top: 16px; margin-bottom: 10px; } .ManagersListLinksBox .More a, .ManagersListLinksBox .Title { color: #638C39; display: block; } .More { font-weight: 600; margin-top: 16px; margin-bottom: 10px; position: absolute; bottom: 10px; left: 35px; font-size: 18px; } .MoreAdmin { font-weight: 600; margin-top: 16px; margin-bottom: 10px; bottom: 10px; left: 35px; font-size: 18px; float: left; } div.ManagersSpace .More a { color: #476628; } div.ProfessionalSpace .More a { color: #794275; } .ManagersListLinksBox .Links a { color: #476628; display: block; } .PedagogicalListLinksBox .Links a, .PedagogicalListLinksBox .More a, .PedagogicalListLinksBox .Title { color: #2C7094; display: block; } .ProfessionalListLinksBox .More a, .ProfessionalListLinksBox .Title { color: #794275; display: block; } .ProfessionalListLinksBox .Links a { color: #794275; display: block; } .ProfessionalDevelopment, .AdministrativeSpaceRow, .PedagogicalArea { background-color: #fff; padding-top: 20px; padding-bottom: 30px; } .AdministrativeSpaceRow .Graph { min-height: 170px; margin-bottom: 10px; } .AdministrativeSpaceRow .Graph .SubTitle { margin-top: 10px; margin-bottom: 0; } .ProfessionalDevelopment .ButtonRow, .AdministrativeSpaceRow .ButtonRow, .PedagogicalArea .ButtonRow { padding: 0 20px; margin-bottom: 20px; } .ProfessionalDevelopment button.btn-primary, .RowPayCheck button.btn-primary, .MyData button.btn-primary, .TutorialPortal button.btn-primary, .Boxvacation button.btn-primary, .Boxgrade button.btn-primary, .AdministrativeSpaceRow .ButtonRow button.btn-primary, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary, .PedagogicalArea .ButtonRow button.btn-primary { background-color: #517393 !important; } .ProfessionalDevelopment button.btn-primary:focus, .RowPayCheck button.btn-primary:focus, .MyData button.btn-primary:focus, .TutorialPortal button.btn-primary:focus, .Boxvacation button.btn-primary:focus, .Boxgrade button.btn-primary:focus, .AdministrativeSpaceRow .ButtonRow button.btn-primary:focus, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:focus, .PedagogicalArea .ButtonRow button.btn-primary:focus { background-color: #476480 !important; } .ProfessionalDevelopment button.btn-primary:hover, .RowPayCheck button.btn-primary:hover, .MyData button.btn-primary:hover, .TutorialPortal button.btn-primary:hover, .Boxvacation button.btn-primary:hover, .Boxgrade button.btn-primary:hover, .AdministrativeSpaceRow .ButtonRow button.btn-primary:hover, .AdministrativeSpaceRow .BoxMessage .Buttons button.btn-primary:hover, .PedagogicalArea .ButtonRow button.btn-primary:hover { background-color: #476480 !important; } .ProfessionalDevelopment button.btn, .TutorialPortal button.btn, .AdministrativeSpaceRow .ButtonRow button.btn, .PedagogicalArea .ButtonRow button.btn { border-radius: 0 !important; font-size: 22px !important; padding: 3px 12px; } .AdministrativeSpaceRow .BoxRequests .Date { color: #999; } .AdministrativeSpaceRow .BoxMessage { border-left: 1px solid #D3D3D3; min-height: 250px; text-align: center; } .AdministrativeSpaceRow .BoxMessage { /* padding: 0 30px;*/ } .AdministrativeSpaceRow .BoxRequests .Requests, .AdministrativeSpaceRow .BoxMessage .Message { margin-bottom: 30px; font-size: 16px; color: #333; } .AdministrativeSpaceRow .BoxRequests .Requests { margin-bottom: 25px; } .BoxRequests .NewRequest a, .BoxRequests .Requests .TheRequests a { text-decoration: none; color: #3A95C5; font-weight: 600; } .PedagogicalArea .LinksBar .Items :hover, .AdministrativeSpaceRow .BoxMessage .Message a:hover, .BoxRequests .NewRequest a:hover, .BoxRequests .Requests .TheRequests a:hover { color: #307ba3; } .AdministrativeSpaceRow .BoxMessage .Message a { color: #3A95C5; font-weight: 600; text-decoration: none; float: left; margin-top: 10px; } .AdministrativeSpaceRow .Title { font-size: 22px; color: #385167; margin-bottom: 20px; font-weight: 600; text-align: center; } .NewRequest { font-size: 16px; } .NewRequest a.Link { float: left; } .NewRequest img { margin-left: 4px; } .BoxGraph .months { font-size: 66px; color: #3A95C5; line-height: 66px; } .BoxGraph .Grade { font-size: 14px; color: #333; margin-bottom: 35px; } .BoxGraph .GradeDate { font-size: 16px; margin-bottom: 24px; } .AdministrativeSpaceRow .Buttons { text-align: center; } .AdministrativeSpaceRow .BoxMessage .Buttons button.btn, .MyData button.btn, .Boxvacation button.btn, .Boxgrade button.btn { border-radius: 0 !important; font-size: 13px; padding: 4px 14px; } .Boxvacation .Graph img { margin-bottom: 25px; } .BoxMessage .vacationMinus, .BoxMessage .vacationPlus { width: 8px; height: 8px; } .BoxMessage.Last { border-left: 0; } .ContainervacationPlusMinus { margin: 0 auto; width: 80%; margin-top: 35px; } .BoxMessage .vacationMinus { background-color: #3A95C5; } .BoxMessage .vacationPlus { background-color: #E3A640; } .ContainerPlus .vacationPlus, .ContainerMinus .vacationMinus { display: inline-block; margin-left: 5px; } .ContainerMinus { float: right; margin-left: 20px; } .ContainerPlus { float: right; } .SectionRow .SubTitle { padding: 0px 20px; margin-bottom: 20px; font-size: 16px; } .TutorialPortal { padding: 20px 0 0 20px; } .TutorialPortal button { margin-bottom: 25px; } .TutorialPortal .Text { font-size: 16px; } .VideoBox { padding-right: 0; margin-bottom: -5px; padding-left: 0; } /* slider links icons */ .LinksSlider { text-align: center; background-color: #385167; padding: 35px 25px; } /* slick slider */ * { box-sizing: border-box; } .PedagogicalArea .TextSlider { background-color: rgba(0, 0, 0, 0.8); width: 100%; bottom: 0; padding: 5px 20px; position: absolute; transition: all 0.2s ease-in-out; } .LinksSlider a { text-decoration: none; } .LinksSlider a.BoxItem .TextSlider { color: #B9C1CA; font-size: 20px; cursor: pointer; text-decoration: none; } .LinksSlider a.BoxItem:hover { opacity: 0.7; } .LinksSlider .slider { width: 100%; margin: 0 auto; } .slick-slide { margin: 0px 10px; position: relative; } .LinksSlider .slick-slide img { width: 92px; height: 92px; margin: auto; margin-bottom: 20px; } .LinksSlider .slick-prev { left: 10px; } .LinksSlider .slick-next { right: 10px; } /*.LinksSlider .slick-next, .LinksSlider .slick-prev{ z-index: }*/ .LinksSlider .slick-prev, .LinksSlider .slick-next { width: 35px; height: 35px; } .LinksSlider .slick-prev:before, .LinksSlider .slick-next:before { font-size: 25px; color: #fff; } /* Pedagogical Slider */ .PedagogicalSlider { padding: 0 45px; } .PedagogicalSlider .slick-prev:before, .PedagogicalSlider .slick-next:before { font-size: 25px; color: #000; } .PedagogicalSlider .slick-slide img { width: 100%; height: 165px; margin: auto; } .PedagogicalSlider .slider { width: 100%; margin: 0 auto; } .PedagogicalSlider .slick-prev { left: 10px; } .PedagogicalSlider .slick-next { right: 10px; } .PedagogicalSlider a .TextSlider { font-size: 18px; color: #fff; } .PedagogicalSlider a.BoxItem { overflow: hidden; } .PedagogicalSlider a.BoxItem:hover img.grow { transform: scale(1.1); } .PedagogicalArea .LinksBar .Title { color: #333; font-weight: 600; font-size: 24px; } .PedagogicalArea .LinksBar .Items { color: #3A95C5; font-size: 24px; } .PedagogicalArea .LinksBar .Items a { text-decoration: none; color: #3A95C5; font-weight: 600; } .PedagogicalArea .LinksBar .Items a, .PedagogicalArea .LinksBar .Title { margin-left: 15px; } .ProfessionalDevelopment, .AdministrativeSpaceRow, .PedagogicalArea, .MyMessagesRow, .BannerRow, .VideoRow { background-color: #fff; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .LinksSlider { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .BannerRow { padding: 12px; min-height: 337px; } .VideoRow { min-height: 410px; } .ContianerNews .NewsTitle a { font-size: 18px; font-weight: 600; } .ContianerNews .NewsTitle a, .ContianerNews .NewsDate a { color: #333; text-decoration: none !important; } .ContianerNews.Middle { padding: 20px 0; margin: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .ContianerNews .NewsImg { width: 100%; } .col-md-5.ContianerImg { padding-left: 0; } /* Strip Footer */ footer { width: 100%; background-color: var(--title-color); padding: 30px 0; min-height: 307px; } .SubFooter { width: 100%; background-color: var(--footer-strip); min-height: 56px; position: relative; } .sub-footer-row { padding-top: 14px; padding-bottom: 14px; } .ContainerCredit { color: var(--footer-font-color); /*margin-top: 20px;*/ } .ContainerCredit a { color: var(--footer-font-color); vertical-align: middle; } .ContainerCredit span { vertical-align: middle; } .StripFooter .TitleBox { font-size: 20px; color: var(--footer-font-color); margin-bottom: 20px; } .StripFooter .TitleBox div::after { display: block; content: ""; width: 35px; height: 3px; background: var(--link-color); bottom: 0; left: 0; margin-top: 7px; border-radius: 4px; } footer .ListLinks .Title, footer .ListLinks a { display: block; font-size: 16px; color: var(--footer-font-color); margin-bottom: 8px; } footer .BoxListLinks { border-right: 1px solid #456481; min-height: 273px; } /*.ContainerSocialMedia { margin-top: 10px; }*/ .ContainerSocialMedia .MediaIcon { background-repeat: no-repeat; /*width: 40px;*/ max-width: 28px; /*height: 40px;*/ float: left; margin-right: 17px; } .ContainerSocialMedia .MediaIcon:hover { opacity: 0.5; } .ContainerSocialMedia .facebook { background-position: -51px -4px; } .ContainerSocialMedia .Twitter { background-position: -103px -4px; } .ContainerSocialMedia .youtube { background-position: -154px -4px; } select.SelectDomain, select.SelectStep { margin-bottom: 11px; border-radius: 0px; background-color: #fff; height: 32px; color: #000; font-size: 16px; cursor: pointer; } select.SelectDomain.form-control, select.SelectStep.form-control { padding: 0px 12px; } .ButtonSearch.btn.btn-default { color: #fff; background-color: #2C7094; border: 0; border-radius: 0; font-size: 18px; width: 100%; padding: 1px 0px 3px 0; } .ButtonSearch.btn.btn-default:hover { background-color: #266281; } /* המרחב המינהלי */ header.AdministrativeSpace { padding-bottom: 8px; } .HeaderMenu nav { background-color: #E9EEF3; } .HeaderMenu nav ul { list-style-type: none; padding-right: 0; } .HeaderMenu nav > ul > li { display: block; float: right; height: 33px; border-left: 2px #fff solid; /* margin-left: 2px;*/ } .HeaderMenu nav > ul > li > a { text-align: center; background-color: #E9EEF3; line-height: 30px; display: block; font-size: 18px; color: #000; padding: 0; text-decoration: none; } .HeaderMenu nav > ul > li.Active > a, .HeaderMenu nav > ul > li > a:focus, .HeaderMenu nav > ul > li > a:hover { background-color: #c3ccd5; } .HeaderMenu nav ul li ul { background-color: #fff; border: 1px solid #E7E7E7; padding: 10px 10px 5px 10px; position: absolute; } .HeaderMenu nav ul li ul { display: none; } .HeaderMenu nav ul li:hover ul { display: block; } .sub-pages:focus { display: block; } .HeaderMenu nav ul li ul a { color: #567C30; font-size: 16px; display: block; padding: 3px 14px; margin-bottom: 5px; text-decoration: none; } .HeaderMenu nav ul li ul li.Active, .HeaderMenu nav ul li ul a:focus, .HeaderMenu nav ul li ul a:hover { background-color: #eee; } .HeaderMenu nav ul li ul li.Active { font-weight: 600; } li.ContainerHomeIcon a.LimkHome { background-color: #BEC8D2; } li.ContainerHomeIcon img { vertical-align: top; } .TitleBar { padding: 15px 0; } .TitleBar .Breadcrumbs { float: right; } .TitleBar .Breadcrumbs a { display: inline-block; margin-left: 3px; color: #000; font-size: 14px; } .TitleBar .buttons img { display: inline-block; float: left; margin-right: 3px; } /* aside */ /*.StripMain aside, .StripMain.ProfessionalSpace aside, .StripMain.AdministrativeSpace aside { background-color: #fff; padding: 20px; margin-bottom: 60px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); min-height: 437px; }*/ aside .BoxLimkInfo { margin-bottom: 25px; } aside .RowLimkInfo { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; margin-bottom: 10px; } .TextLimk a:hover, a:link { text-decoration: none !important; } aside .RowLimkInfo .Icon { display: inline-block; float: right; margin-left: 10px; background-repeat: no-repeat; width: 22px; height: 22px; } .Icon.MyMessages { background-image: url(../images/aside-icon-my-messages.png); } .Icon.Messages { background-image: url(../images/aside-icon-Messages.png); } .Icon.NewTurn { background-image: url(../images/aside-icon-new-turn.png); } .Icon.ServiceCenter { background-image: url(../images/aside-icon-service-center.png); } .Icon.Treating { background-image: url(../images/aside-icon-treating.png); } .Icon.UsefulForms { background-image: url(../images/aside-icon-useful-forms.png); } aside .RowLimkInfo .TextLimk { display: inline-block; float: right; font-size: 16px; color: #333; } aside .RowLimkInfo .TextLimk:hover { color: #929292; } aside .BoxInfoBanner { width: 100%; position: relative; margin-bottom: 30px; } .BoxInfoBanner img.Banner { width: 100%; } .BoxInfoBanner .Title { width: 100%; font-size: 22px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 4px 8px; position: absolute; bottom: 0; } /* main */ main .RowGeneralMessages { background-color: #fff; padding: 5px; margin-bottom: 40px; } .BoxGeneralMessages { background-color: #F2F7EE; width: 100%; min-height: 223px; } .BoxGeneralMessages .ComtainerImg { width: 32%; float: left; } .BoxGeneralMessages .ComtainerImg img { display: inline-block; border-right: 5px solid #fff; float: left; } .BoxGeneralMessages .GeneralMessages { padding: 10px 20px 20px 20px; width: 68%; display: inline-block; float: right; } .BoxGeneralMessages .Title { font-size: 28px; font-weight: 600; color: #608A37; margin-bottom: 10px; } .BoxGeneralMessages .GeneralMessages .Date { font-size: 16px; color: #51742E; } .BoxGeneralMessages .GeneralMessages .Messages { font-size: 16px; color: #333; } .GeneralMessages .MessagesItem { margin-bottom: 10px; } main .ComtainerRow { background-color: #fff; padding: 15px; margin-bottom: 40px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .ComtainerRow .BtnTitle { background-color: #71A240; padding: 5px 20px; color: #fff; font-size: 22px; display: inline-block; margin-bottom: 10px; } .BoxMyMessages { width: 100%; padding-bottom: 10px; border-top: 1px solid #E2E2E2; padding-top: 10px; } .BoxMyMessages:first-child { border-top: 0; } .BoxMyMessages .MyMessages { float: right; font-size: 16px; } .ContainerFroms .MoreFroms a, .ContainerLinks .MoreLinks a, .BoxMyMessages .MyMessagesLink a { float: left; font-size: 16px; color: #567C30; font-weight: 600; } .ComtainerRow.MyData .Title { text-align: center; font-size: 16px; font-weight: 600; margin-top: 10px; } .ComtainerRow.MyData .BoxInfo { margin-bottom: 20px; min-height: 120px; } .ComtainerRow.MyData .SubTitle { text-align: center; font-size: 16px; color: #333; margin-bottom: 20px; font-weight: normal; } .ComtainerRow.MyData .Button { text-align: center; } .MyData .BoxMyData { margin: 20px 5px; } .MyData .BoxMyDataBottom { margin: 0 20px; } .col-md-3.ColMyData { padding: 20px 0; } .ColMyData { border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; min-height: 320px; padding-top: 20px; } .ColMyData:nth-child(4n) { border-left: none; } .ColMyData:nth-child(n+5) { border-top: none; } .col-md-3.LestColMyData { padding: 20px 0; } .BoxMainTheme img.ImgTheme { margin-top: 30px; width: 100%; } .BoxMainTheme { position: relative; margin-bottom: 10px; } .BoxMainTheme .Title { text-align: center; width: 100%; font-size: 16px; line-height: 14px; min-height: 44px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 8px 0; position: absolute; bottom: 0; } /* wage */ .ContainerLinks a, .AsideMenu a { color: #567C30; font-size: 16px; display: block; padding: 3px 14px; margin-bottom: 5px; text-decoration: none; } .AsideMenu a.Active, .AsideMenu a:focus, .AsideMenu a:hover { background-color: #eee; } .AsideMenu a.Active { font-weight: 600; } .AsideMenu { margin-bottom: 50px; } .RowPayCheck { background-color: #fff; padding: 5px; margin-bottom: 40px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .RowPayCheck .Title { font-size: 32px; color: #fff; background-color: #71A240; padding: 0px 30px; } .RowPayCheck .BoxLinks { background-color: #F2F7EE; padding: 20px 20px 10px 20px; /* min-height: 216px;*/ } .RowPayCheck .BoxLinks a { display: block; color: #567C30; font-size: 16px; font-weight: 600; margin-bottom: 6px; text-decoration: none; } .RowPayCheck .ContentPayCheck { margin-top: 20px; } .RowPayCheck .Containerimg { margin: 25px 0 18px 0; } .RowPayCheck .Containerimg img { width: 100%; } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 0; padding-right: 0; } .RowPayCheck .ContentPayCheck { font-size: 16px; color: #333; padding-right: 30px; margin-bottom: 41px; } .RowPayCheck .Button { padding-right: 30px; font-weight: 600; } .RowPayCheck button.btn { border-radius: 0 !important; font-size: 14px; font-weight: 600; padding: 2px 14px; margin-bottom: 10px; } .MyDataWage select.form-control { height: 41px; font-size: 16px; border-radius: 0; } .MyDataWage .RowSelect { margin: 25px 0; } .MyDataWage .RowSelect label { font-size: 16px; font-weight: normal; margin: 10px 20px 0 0; } .MyDataWage .RowSelect button.btn { font-size: 18px; font-weight: 600; border-radius: 0; height: 41px; padding: 6px 20px; } .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .MyDataWage .RowSelect button.btn-success:hover { background-color: #4c6c2c; } .MyDataWage .BoxInfoData { margin: 0 35px; } .MyDataWage .BoxInfoData .Title { font-size: 20px; color: #71A240; font-weight: 600; margin-bottom: 20px; } .MyDataWage .BoxInfoData .TextContent { font-size: 16px; margin-bottom: 10px; } .BoxInfoData .BlockContent { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E1E1E1; } .BoxInfoData .BlockContent.BlockContentLast { border: 0; } /*.PanelCollapse { margin-bottom: 8px; }*/ .PanelCollapse a { text-decoration: none; } .PanelCollapse [aria-expanded=false] .BtnCollapse { background-image: url(../images/plus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .PanelCollapse [aria-expanded=true] .BtnCollapse { background-image: url(../images/minus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .BoxInfo a[data-toggle=collapse] { background-image: url(../images/triangle-left.png); width: 10px; height: 10px; display: inline-block; margin: 6px 0 0px 5px; background-repeat: no-repeat; background-color: #fff !important; border-color: #fff !important; } .BoxInfo a.CollapseIn[data-toggle=collapse] { background-image: url(../images/triangle-down.png); } .BoxInfo .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-down.png); } .BoxInfo .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-left.png); } .BoxMyData div.panel { border: 0px; -webkit-box-shadow: 0; box-shadow: none; margin-bottom: 0; } .PanelCollapse .Questions { font-size: 18px; font-weight: 600; padding: 8px; background-color: var(--stock-search-bg); color: #123A5E; } .PanelCollapse .Questions:before { content: ' '; display: inline-block; background-image: url(/images/icons/qa-plus.svg); background-size: contain; height: 17px; width: 17px; margin-inline-end: 8px; vertical-align: middle; } .qa-component .panel-collapse { padding: 6px; } .qa-component .PanelCollapse [aria-expanded=true] .Questions:before { background-image: url(/images/icons/qa-minus.svg); } .ContentCollapseBullets { padding: 0px 18px; font-size: 16px; } /* Portal Tabs */ .PortalTabs { margin-top: 10px; } .PortalTabs .nav-tabs > li { margin-left: 5px; margin-right: 2px; } .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { background-color: #F2F7EE; padding: 11px 11px; padding-bottom: 16px; } .PortalTabs .nav-tabs { border-bottom: 0; } .PortalTabs .nav-tabs > li > a { border-radius: 0; } .PortalTabs .nav-tabs > li > a, .PortalTabs .nav-tabs > li > a:focus, .PortalTabs .nav-tabs > li > a:hover { background-color: #D1E2C2; color: #333; font-size: 16px; font-weight: 600; } .PortalTabs .tab-content .tab-pane { padding: 20px; font-size: 16px; } .ContainerFroms { margin-top: 9px; } .ContainerFroms a { line-height: 27px; text-decoration: none; vertical-align: middle; } .ContainerFroms .Item { display: block; margin-bottom: 8px; } .ContainerFroms .IconPdf, .ContainerFroms .IconWord, .ContainerFroms .IconExcel { margin-left: 10px; float: right; margin-bottom: 5px; } .ContainerFroms .IconPdf { background-image: url(../images/icon-pdf.png); width: 22px; height: 27px; } .ContainerFroms .IconWord { background-image: url(../images/icon-word.png); width: 26px; height: 26px; } .ContainerFroms .IconExcel { background-image: url(../images/icon-Excel.png); width: 28px; height: 25px; } .ContainerFroms a span.TextLink { color: #333; font-size: 16px; vertical-align: top; } .ContainerFroms button.btn, .ContainerLinks button.btn { border-radius: 0 !important; font-size: 14px; font-weight: 600; padding: 2px 14px; } .ContainerLogin { cursor: pointer; /* position: relative;*/ } .dropdown-content { background-color: #fff; border: 1px solid #CCCCCC; padding: 10px; position: absolute; top: 80px; max-width: 275px; min-width: 275px; z-index: 100; display: none; } .BoxDropdownContent { padding-bottom: 16px; } /* .BoxDropdownContent:hover .dropdown-content{ display: block; } */ .dropdown-content .Item, .dropdown-content a { margin-bottom: 5px; margin-top: 5px; color: #333; } .dropdown-content .Details { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E1E1E1; } .ListMessage { overflow: auto; max-height: 200px; padding: 5px; margin-bottom: 5px; } .dropdown-content .ContainerListMessage a { float: left; text-decoration: underline; } .dropdown-content .ContainerListMessage button.btn, .dropdown-content .Details button.btn { padding: 1px 12px; float: left; } .dropdown-content .ContainerListMessage .ListMessage ol { padding-right: 15px; } .ContainerListMessage .Title { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .BoxDropdownContent { float: left; } .ListMessage ol li { margin-bottom: 10px; } .TitleSpace.Professional, .TitleSpace.Administrative { width: 100%; color: #fff; padding: 10px 15px; font-size: 18px; display: none; } .TitleSpace.Administrative { background-color: var(--mobile-nav-header-color); } .TitleSpace.Professional { background-color: #92518D; } .clearfix.mobile { display: none; } .RightSliderArrow.slick-arrow { background-image: url(../images/gallery-slick-arrow-right.svg); width: 16px; height: 29px; position: absolute; right: 15px; cursor: pointer; opacity: 0.7; top: 40%; } .LeftSliderArrow.slick-arrow { background-image: url(../images/slider-left-arrow.png); width: 16px; height: 29px; position: absolute; left: 15px; top: 0; cursor: pointer; opacity: 0.7; top: 40%; } .RightSliderLinksArrow.slick-arrow { background-image: url(../images/slider-links-right-arrow.png); width: 16px; height: 28px; position: absolute; right: 15px; cursor: pointer; opacity: 0.7; top: 40%; } .LeftSliderLinksArrow.slick-arrow { background-image: url(../images/slider-links-left-arrow.png); width: 16px; height: 28px; position: absolute; left: 15px; top: 0; cursor: pointer; opacity: 0.7; top: 40%; } /* Skip Links */ .SkipLinks p { display: none; } a.Skip:focus, a.Skip:active { background-color: #FFF; color: #000; height: auto; right: 30px; left: 0; padding: 15px; position: absolute; top: 0; right: 0; width: 250px; z-index: 10000; font-weight: bold; } .SkipLinks { font-size: 90%; position: relative; margin: 0em auto; margin-right: 0; width: 900px; } a.Skip { height: 1px; left: 0; position: absolute; top: -1000px; width: 1px; font-size: 100%; padding: 0 10px; text-decoration: none; font-size: 16px; } .BoxPedagogicalLearning { padding: 0 20px; } .LearningContent { margin-top: 10px; margin-bottom: 30px; } .LearningContent .ContianerImg img { width: 100%; } .LearningContent .Title a, .LearningContent .Date a, .LearningContent .ContentText { color: #333; text-decoration: none; } .LearningContent .Title { font-size: 20px; font-weight: 600; line-height: 20px; } .LearningContent .Date a { font-size: 14px; } .LearningContent .ContentText { font-size: 16px; } .LearningContent .ContianerText { margin-top: 10px; } .Banner .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 20%; } .Banner .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 30%; } .Banner .carousel-indicators .active { width: 13px; height: 13px; margin: 0; background-color: #F7AA16; } .Banner .carousel-indicators li { background-color: #2E4254; width: 13px; height: 13px; margin: 0; } .Banner .carousel-indicators { padding: 0; left: 0; margin-bottom: 0; bottom: 10px; } .Banner .carousel-caption { background-color: rgba(0, 0, 0, 0.8); width: 85%; padding: 10px 15px; right: 4%; bottom: 35px; text-align: right; } .Banner .carousel-caption h3 { margin: 0 0 10px 0; padding: 0; line-height: 25px; } .StripTitleBar { padding-top: 166px; background-color: #EEEEEE; } /* פניות ומתן שירות */ /* opening contacting page */ header.InquiriesAndServicing { padding-bottom: 8px; } main .ComtainerRow.InquiriesAndServicing { padding: 7px; margin-bottom: 20px; } .BoxTitlepage .Title { color: #fff; background-color: #DF943B; font-size: 28px; font-weight: 600; line-height: 28px; padding: 5px 15px 7px 15px; } aside.ContainerAside { background-color: #fff; padding: 20px; margin-bottom: 60px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1); } .TitleForm p { margin-bottom: 20px; font-size: 16px; } .TitleForm p:last-child { margin-bottom: 30px; } legend { display: none; } .form-control.FormStandard { border-radius: 0; } .OpeningContactingForm .FormRow { margin-bottom: 25px; } form { font-size: 16px; } form label { font-weight: normal; } form .FileType { font-size: 13px; } .TitleRadioButton { font-size: 18px; font-weight: 600; padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #ccc; } form.OpeningContactingForm input[type=radio] { margin-left: 18px; margin-bottom: 10px; } form.OpeningContactingForm .RadioButtonDetails { margin-right: 30.8px; margin-top: 5px; margin-bottom: 20px; } .RadioButtonDetails span { display: inline-block; margin-left: 8px; padding-left: 10px; line-height: 14px; border-left: 1px solid #333; } .RadioButtonDetails span:last-child { border: 0; margin-left: 0; } .RadioButtonDetails .form-control { display: inline-block; width: auto; font-size: 16px; border: 1px solid #ccc; border-radius: 0; vertical-align: middle; } .RadioButtonDetails label { margin-left: 5px; margin-bottom: 0; } .RadioButtonDetails input { margin-left: 3px; } .RadioButtonDetails select { margin-left: 20px; } .RadioButtonDetails a { display: block; color: #333; text-decoration: underline; margin-top: 15px; cursor: pointer; } .FormRow .ContainerButtons { float: left; } .FormRow .ContainerButtons a { margin-left: 40px; vertical-align: bottom; } .FormRow .ContainerButtons button { margin-left: 20px; } .ServiceButton.btn { font-size: 24px; line-height: 22px; height: 40px; padding: 0 30px; } .ServiceButton.btn-warning { background-color: #DF943B; border: 0; } form.OpeningContactingForm .input-group .form-control { width: 95%; } form.OpeningContactingForm .FormRow .input-group-btn:last-child > .btn, form.OpeningContactingForm .FormRow .input-group .form-control:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } form.OpeningContactingForm .FormRow .form-control[disabled], form.OpeningContactingForm .FormRow .form-control[readonly], form.OpeningContactingForm .FormRow fieldset[disabled] .form-control { background-color: #fff; } form.OpeningContactingForm .FormRow label.btn { padding: 4px 10px 6px 35px; font-size: 16px; } form.OpeningContactingForm .FormRow .close { float: right; color: #FF0000; opacity: 0.8; margin-left: 5px; } form.OpeningContactingForm .FormRow .BoxButtonClose { margin-top: 6px; } /* modal */ .modal.InquiriesAndServicing .modal-title { font-size: 22px; color: #DF943B; } .modal.InquiriesAndServicing label { font-weight: normal; margin-bottom: 0; } .modal.InquiriesAndServicing .form-control { border-radius: 0; } .modal.InquiriesAndServicing select.form-control { display: inline-block; width: 85%; } .modal.InquiriesAndServicing .modal-body button.CloseRwo.close { display: inline-block; color: #FF0000; opacity: 0.8; margin-left: 0px; margin-top: 6px; } .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning { background-color: #DF943B; border: 0; } .modal.InquiriesAndServicing .modal-footer .btn.btn-default, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn { font-size: 20px; line-height: 17px; height: 30px; width: 123px; padding: 0 0 3px 0; } .modal.InquiriesAndServicing .modal-footer .btn-default { background-color: #666; color: #fff; } .modal.InquiriesAndServicing .modal-body .BoxRow { margin-bottom: 25px; } .modal.InquiriesAndServicing .modal-body .BoxCheckbox { padding-right: 0; margin-top: 5px; } .modal.InquiriesAndServicing .modal-body .BoxRow input[type=checkbox] { margin-left: 5px; } .modal.InquiriesAndServicing .modal-body input[type=email] { display: inline-block; width: 94%; } .modal.InquiriesAndServicing .modal-body .BoxRow ul { margin-top: 5px; list-style-type: none; padding-right: 0; } .modal.InquiriesAndServicing .modal-body .BoxRow ul > li:before { content: "*"; margin-left: 3px; } .modal.InquiriesAndServicing .modal-body .BoxRow .ColComment, .modal.InquiriesAndServicing .modal-body .BoxRow .Colphone, .modal.InquiriesAndServicing .modal-body .BoxRow .SelectCol { padding-right: 0; } /* End modal */ /* forms gage */ .PanelCollapseMain { background-color: #EFEFEF; margin-bottom: 4px; } .PanelCollapseMain .OpenClose { width: 30px; height: 40px; float: right; } .PanelCollapseMain .Title { line-height: 38px; font-size: 22px; color: #333; float: right; } .PanelCollapseMain [aria-expanded=false] .OpenClose { background-image: url(../images/open-close-c.png); } .PanelCollapseMain [aria-expanded=true] .OpenClose { background-image: url(../images/open-close-o.png); } .SubCollapse .SubOpenClose { width: 30px; height: 40px; float: right; } .SubCollapse .Title { font-size: 18px; line-height: 40px; color: #333; float: right; } .SubCollapse [aria-expanded=false] .SubOpenClose { background-image: url(../images/sub-open-close-c.png); } .SubCollapse [aria-expanded=true] .SubOpenClose { background-image: url(../images/sub-open-close-o.png); } .ContainerLink { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E2E2E2; } .ContainerLink a { display: block; margin-right: 30px; font-size: 14px; } .FormsSection .FormItem { padding-right: 30px; margin-bottom: 10px; } .FormItem span, .SubCollapse .Title, .PanelCollapseMain .Title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; } .FormItem span { display: inline-block; vertical-align: top; } /* administrative-space-search */ .ComtainerRow.Search { padding: 7px; } .ComtainerRow.Search .BoxTitlepage .Title { background-color: #71A240; } .ContainerRadioButtns { /* padding: 15px;*/ width: 375px; /*margin-bottom: 10px;*/ } .ContainerRadioButtns span { margin-left: 10px; } .ContainerRadioButtns input[type=radio] { margin-left: 5px; vertical-align: text-top; } .ContainerRadioButtns label { font-weight: normal; margin-left: 10px; } .ContainerRadioButtns .InputSearch .form-control { border-radius: 0; } .ContainerRadioButtns .InputSearch { position: relative; } .ContainerRadioButtns .InputSearch .IconSearch { background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 7px; left: 0; } .ContainerRadioButtns .InputSearch .IconSearchPage { background-image: url(../images/icon-search.png); width: 24px; height: 22px; background-repeat: no-repeat; position: absolute; top: 5px; left: 0; } .ContainerTotalSearch { padding: 0 15px; } .ContainerTotalSearch .SucTitle { font-size: 20px; color: #567C30; font-weight: 600; } .ContainerTotalSearch .TotalTitle { margin-bottom: 20px; } .ContainerTotalSearch .BoxTotalItem { margin-bottom: 20px; } .Containerpagination nav { width: auto; text-align: center; margin: 0 auto; float: none; } .Containerpagination .pagination > .active > a, .Containerpagination .pagination > .active > a:focus, .Containerpagination .pagination > .active > a:hover, .Containerpagination .pagination > .active > span, .Containerpagination .pagination > .active > span:focus, .Containerpagination .pagination > .active > span:hover { color: #fff; background-color: #71A240; border-color: #71A240; } .Containerpagination .pagination [aria-hidden=true] { font-size: 24px; font-weight: 600; line-height: 10px; color: #71A240; } /* my referral page */ .TitleItem { font-size: 24px; color: #717171; margin-bottom: 20px; } .RowTitle { margin-bottom: 15px; } .RowTitle a.buttonNewRequest { display: inline-block; font-size: 18px; line-height: 30px; background-color: #FCF2E9; color: #B9731E; border: 1px solid #B9731E; border-radius: 5px; padding: 0 5px 3px 5px; text-decoration: none; } .RowTitle a.buttonNewRequest:hover { background-color: #f5eae2; } .RowTitle select.form-control { float: left; margin-right: 10px; width: 150px; display: inline-block; border-radius: 0; } .ComtainerRow ul { list-style-type: none; padding-right: 0; } .ComtainerRow ul li.Striped { padding: 10px 5px 5px 10px; } .ComtainerRow ul li.Striped:nth-of-type(odd) { background-color: #F2F2F2; } .ComtainerRow ul li.Striped:nth-of-type(even) { background-color: #FFFFFF; } .ContainerCollapseStriped .panelCollapseStriped .CloseOpen { width: 30px; height: 40px; float: right; margin-top: -9px; } .panelCollapseStriped [aria-expanded=false] .CloseOpen { background-image: url(../images/sub-open-close-c.png); } .panelCollapseStriped [aria-expanded=true] .CloseOpen { background-image: url(../images/sub-open-close-o.png); } .panelCollapseStriped img { margin-left: 3px; vertical-align: bottom; } .panelCollapseStriped .MainMotif { color: #25739C; } .panelCollapseStriped { margin-bottom: 10px; } .Contentcollapse .InfoGeneral { padding: 15px 0; margin: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .Contentcollapse .help, .Contentcollapse .InfoGeneral { font-size: 13px; } .Contentcollapse .help { margin-bottom: 20px; } .Containerpagination.InquiriesAndServicing .pagination > .active > a, .Containerpagination.InquiriesAndServicing .pagination > .active > a:focus, .Containerpagination.InquiriesAndServicing .pagination > .active > a:hover, .Containerpagination.InquiriesAndServicing .pagination > .active > span, .Containerpagination.InquiriesAndServicing .pagination > .active > span:focus, .Containerpagination.InquiriesAndServicing .pagination > .active > span:hover { color: #fff; background-color: #DF943B; border-color: #DF943B; } .Containerpagination.InquiriesAndServicing .pagination [aria-hidden=true] { font-size: 24px; font-weight: 600; line-height: 10px; color: #DF943B; } .panelCollapseStriped .Email a, .Contentcollapse a, .panelCollapseStriped .SubMainMotif a { text-decoration: underline; } .Contentcollapse .help .Title { margin-bottom: 5px; } .InfoGeneral .col-md-6 .col-md-5 { padding-left: 0; padding-right: 0; } .MainMotif .Icon img, .SubMainMotif .Icon img { margin-right: -31px; margin-left: 14px; vertical-align: middle; margin-top: -1px; } /* search services page */ .TitleBarSearchServices { margin-bottom: 40px; } .TitleBarSearchServices label { width: 30%; font-weight: normal; float: right; line-height: 34px; margin-bottom: 0; } .TitleBarSearchServices select.form-control { width: 70%; border-radius: 0; display: inline-block; float: right; } .ServiceButton.Search.btn { font-size: 20px; height: 34px; width: 100%; padding: 0; padding-bottom: 4px; } .ServiceButton.Search.btn.Disabled { opacity: 0.2; } .ServiceButton.Search.btn:hover { background-color: #cc8736; } .boxCollapses { border: 1px solid #ccc; margin-bottom: 15px; } .boxCollapses ul { margin-bottom: 0; } .TitleboxCollapses { padding-right: 20px; line-height: 40px; font-weight: 600; } .boxCollapses .ContainerCollapseStriped { padding-right: 15px; } .panelCollapseStriped a.MoreInfo { display: inline-block; font-size: 14px; line-height: 22px; background-color: #DF943B; color: #fff; border-radius: 5px; padding: 0 6px 2px 6px; text-align: center; margin-top: 10px; text-decoration: none; } .panelCollapseStriped a.MoreInfo:hover { background-color: #cc8736; opacity: 1; } .panelCollapseStriped a.MoreInfo[aria-expanded=false] .ArrowOpening:after { content: url(../images/icon-more-info-c.png); width: 8px; height: 8px; margin-right: 2px; } .panelCollapseStriped a.MoreInfo[aria-expanded=true] .ArrowOpening:after { content: url(../images/icon-more-info-o.png); width: 8px; height: 8px; margin-right: 2px; } .ContainerCollapseStriped .TitleCol { font-weight: 600; } .ContainerCollapseStriped .ColumnsBox { border-top: 1px solid #ccc; padding-top: 5px; margin-bottom: 30px; } .ColumnsBox .Fax { /* margin-top: 20px;*/ } .NameInstitution { margin-bottom: 20px; font-weight: 600; } /* service centers page */ .TitleAndSub { margin-bottom: 25px; } .TitleAndSub .Title { font-size: 20px; color: #333; } .GeneralInfoBox { margin-bottom: 25px; } .ContainerItemService { border-top: 1px solid #ccc; padding-top: 15px; margin-bottom: 20px; } .ContainerItemService .Title { font-size: 22px; font-weight: 600; color: #DF943B; margin-bottom: 10px; } .ContainerItemService .TitleCol { font-weight: 600; margin-bottom: 5px; } /* Search Options Box */ .SearchOptionsBox { position: absolute; /*top: 80px;*/ background-color: #fff; border: 1px solid #ccc; display: none; right: auto; left: -185px; } .SearchOptionsBox .ContainerRadioButtns { font-size: 14px !important; margin-bottom: 0; padding: 10px; width: 400px; } .SearchOptionsBox .ContainerRadioButtns .Title { float: right; font-size: 14px !important; margin-bottom: 8px; } .SearchOptionsBox .CloseSearch { float: left; cursor: pointer; margin-top: -6px; margin-left: -6px; margin-bottom: 5px; } .SearchOptionsBox .CloseSearch:hover { opacity: 0.6; } .RowInfoBanner { padding-left: 20px; padding-right: 20px; } .InfoBannerBox { position: relative; } .InfoBannerBox .ImgBanner { width: 100%; } .InfoBannerBox .TitleInfo { text-align: center; width: 100%; font-size: 24px; line-height: 24px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 10px 5px; position: absolute; bottom: 0; } /* professional space home page */ .ProfessionalSpace main .BoxGeneralMessages { background-color: #F1E7F0; } .ProfessionalSpace main .BoxGeneralMessages .Title, .ProfessionalSpace main .BoxGeneralMessages .GeneralMessages .Date { color: #92518D; } .ProfessionalSpace main .ComtainerRow .BtnTitle { background-color: #92518D; } .ProfessionalSpace main .BoxMessages { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; } .ProfessionalSpace main .BoxMessages:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } .ProfessionalSpace main .BoxMessages .MessagesLink a { float: left; font-size: 16px; color: #92518D; font-weight: 600; } .ProfessionalSpace main .BoxMessages .Messages { float: right; font-size: 16px; } .StripMain.ProfessionalSpace aside { margin-bottom: 40px; } .LearningContent .ContianerReadMore { float: left; margin-top: 15px; color: #92518D; font-weight: 600; } .LearningContent .ContianerReadMore a { color: #92518D; font-weight: 600; } .ProfessionalSpace .LearningContent { margin-top: 10px; margin-bottom: 10px; } .ProfessionalSpace .LearningContent .col-md-4.ContianerImg { padding-left: 0; } .ServiceButton.btn-warning.PaneTab, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } .ServiceButton.btn-warning.PaneTab:hover, .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab:hover { background-color: #648f38; } .tab-pane .OpeningContactingForm .FormRow:last-child { margin-bottom: 0; } .tab-pane .OperationalSupport { padding-right: 12px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E1E1E1; } .tab-pane .OperationalSupport:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .tab-pane .OperationalSupport .Title { font-size: 18px; font-weight: 600; } .tab-pane .OperationalSupport .Title:before { content: url(../images/icon-left-arrow.png); margin-right: -12px; margin-left: 6px; } .tab-pane .TitleboxCollapses { background-color: #fff; } .tab-pane .panelCollapseStriped a.MoreInfo { background-color: #71A240; } .tab-pane .panelCollapseStriped a.MoreInfo:hover { background-color: #648f38; } .tab-pane ul li.Striped:nth-of-type(odd) { background-color: #EBEEE8; } .tab-pane ul li.Striped:nth-of-type(even) { background-color: #FFFFFF; } .ServiceButton.Search.btn.PaneTab.unidentified { width: auto; float: left; padding: 0 10px; margin-top: 40px; } .modal-body ul { padding-right: 0; } .modal-body ul li { list-style-type: none; } .ContainerListMessage .ListMessage ol > li > a { text-decoration: none; float: none; } .ContainerListMessage .ListMessage ol > li > a:hover { text-decoration: underline; } .Box404 { padding: 22px; } .Title404 { margin-top: 22%; position: absolute; z-index: 999; color: #F9B52F; font-size: 36px; text-align: center; } .Back404 { color: #fff; } .Back404 a:link a:visited { color: #fff; text-decoration: none; } .Back404 a:hover { color: #B9B9B9; text-decoration: none; } .Back404 { font-size: 24px; color: #fff; margin-top: 20px; } div.Title404 h1 { color: #F9B52F; font-size: 36px; } div.ColMyData h3 { color: #71A240; font-size: 22px; text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 10px; } .BoxInfo ul { list-style-type: none; color: #000; font-size: 14px; line-height: 170%; margin-bottom: 0px; } .BoxInfo li:before { content: ""; margin-left: 5px; display: inline-block; width: 6px; height: 6px; background-color: #539794; border-radius: 0%; margin-bottom: 1px; } .BoxInfo ul ul li { list-style-type: none; color: #000; font-size: 14px; font-weight: normal; } .BoxInfo ul ul li:before { background: none; } .BoxInfo ul ul li:after { background: none; } .ColMyData .panel-group .panel { margin-top: 3px; } .MyDataDetails { bottom: 10px; padding-left: 10px; position: absolute; float: left; left: 5px; font-size: 16px; } div.ButtonRow > a:hover { background-color: #517393 !important; } .GuideTitle { border-radius: 0; font-size: 22px; padding: 6px 12px; background-color: #517393; color: #fff; } .GuideText { margin-top: 20px; font-size: 16px; } .ContainerImgLeft { float: left; margin-top: 25px; margin-right: 20px; } .BoxPayCheck { background-color: #F2F7EE; margin: 0px; } .TopTextErea { background-color: #fff; padding-bottom: 15px; padding-right: 0; } .Numbers28 { font-size: 28px; text-align: center; font-weight: bold; } .Numbers28Bordo { font-size: 28px; text-align: center; font-weight: bold; color: #954D54; } .Numbers28Green { font-size: 28px; color: #71A240; line-height: 100%; font-weight: bold; } .Numbers36Bordo { font-size: 36px; text-align: center; font-weight: bold; color: #9F4255; line-height: 50%; } .TextData { font-size: 14px; color: #333; } .text-center { text-align: center; } .NoPadding { padding: 0; } .MarginTop20 { margin-top: 20px; } .MarginTop10 { margin-top: 10px; } .MarginTop5 { margin-top: 5px; } .progress { margin-bottom: 10px; } .progress-bar { background-color: #527398; } .NoMarginLeftRight { margin-left: 0; margin-right: 0; } .MarginTop10 { margin-top: 10px; } .MarginTop30 { margin-top: 30px; } .OfekBottom { color: #385167; text-align: center; } .HoursChart { width: 220px; height: 160px; overflow: hidden; margin-top: -10px; margin-right: -40px; } .SicknessChart { width: 160px; height: 160px; overflow: hidden; margin-top: -10px; } .RadioButtonDetails select.form-control, .SelectReport select.form-control, input.form-control { /* height: 41px;*/ font-size: 16px; border-radius: 0; } .SubmitReports button { background-color: #527798; border: 0; font-size: 20px; margin-left: 15px; margin-top: 30px; color: #fff; } .SubmitReports button:hover, .SubmitReports button:focus, .SubmitReports button.focus { background-color: #364F65; color: #fff; } .ReportMessage { border: 1px #71A240 solid; padding: 20px; font-size: 18px; text-align: center; } .MyReportTable { font-size: 16px; border-bottom: 1px #E6E6E6 solid; padding-bottom: 10px; padding-top: 10px; } .ReportRequest { background-color: #F2F2F2; } .ReportEnd { background-color: #E9F2DF; } .RedError { color: #F00; } ::-webkit-input-placeholder { color: #333 !important; } .DetailsIcon { margin-left: 7px; } a.MarkAsRead { text-decoration: underline !important; } .MessagesBottom { border-bottom: 1px solid #E1E1E1; margin-bottom: 15px; padding: 0 0 5px 0; } input[type=text]::-ms-clear { display: none; } /* פיתוח מיקצועי */ /* StripMain ProfessionalSpace */ .StripMain.ProfessionalSpace .BoxTitlepage .Title { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning { background-color: #92518D; } .StripMain.ProfessionalSpace .panelCollapseStriped a.MoreInfo { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks { background-color: #EDE1D6; } .StripMain.ProfessionalSpace .ComtainerRow .BtnTitle { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title { color: #92518D; } .StripMain.ProfessionalSpace .PortalTabs .tab-content > .active, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:hover, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a:focus .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li:hover { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:focus, .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #e2d2e0; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab, .StripMain.ProfessionalSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } /* פניות ושירותים */ /* StripMain InquiriesAndServicing */ .StripMain.InquiriesAndServicing .BoxTitlepage .Title { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ContainerFroms .MoreFroms a { color: #DF943B; } .StripMain.InquiriesAndServicing .tab-pane ul li.Striped:nth-of-type(odd) { background-color: #fbf5f2; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning { background-color: #DF943B; } .StripMain.InquiriesAndServicing .panelCollapseStriped a.MoreInfo { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks { background-color: #F2F7EE; } .StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle { background-color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title { color: #DF943B; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a, .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:focus, .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a:hover { background-color: #EDE1D6; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab, .StripMain.InquiriesAndServicing .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } /* מינהלי */ /* StripMain AdministrativeSpace */ .StripMain.AdministrativeSpace .BoxTitlepage .Title { background-color: #71A240; } .StripMain.AdministrativeSpace .ServiceButton.btn-warning { background-color: #71A240; } .StripMain.AdministrativeSpace .panelCollapseStriped a.MoreInfo { background-color: #71A240; } .StripMain.AdministrativeSpace .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } .StripMain.AdministrativeSpace .RowPayCheck .BoxLinks { background-color: #F2F7EE; } .StripMain.AdministrativeSpace .ComtainerRow .BtnTitle { background-color: #71A240; } .StripMain.AdministrativeSpace .MyDataWage .RowSelect button.btn-success { background-color: #628B38; } .StripMain.AdministrativeSpace .MyDataWage .BoxInfoData .Title { color: #71A240; } .StripMain.AdministrativeSpace .PortalTabs .tab-content > .active, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:hover, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active:hover, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li.active > a:focus { background-color: #F2F7EE; } .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:focus, .StripMain.AdministrativeSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #D1E2C2; } .StripMain.AdministrativeSpace .ServiceButton.btn-warning.PaneTab, .StripMain.AdministrativeSpace .modal.InquiriesAndServicing .modal-footer .ServiceButton.btn-warning.PaneTab { background-color: #71A240; } /* 2 פיתוח מיקצועי */ /* StripMain ProfessionalSpace */ .StripMain.ProfessionalSpace .RowPayCheck .Title { background-color: #92518D; } .StripMain.ProfessionalSpace .ComtainerRow .BtnTitle { background-color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .RowSelect button.btn-success { background-color: #92518D; } .StripMain.ProfessionalSpace .btn-success { border-color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks a { color: #92518D; } .StripMain.ProfessionalSpace .BoxMyMessages .MyMessagesLink a { color: #92518D; } .StripMain.ProfessionalSpace .MyDataWage .BoxInfoData .Title { color: #92518D; } .StripMain.ProfessionalSpace .ContainerLinks a { color: #92518D; } .StripMain.ProfessionalSpace .AsideMenu a { color: #92518D; } .StripMain.ProfessionalSpace .RowPayCheck .BoxLinks { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .BoxPayCheck { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active > a { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .tab-content > .active { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a { background-color: #e9dee7; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li > a:hover { background-color: #E8D9E7; } .StripMain.ProfessionalSpace .PortalTabs .nav-tabs > li.active:hover { background-color: #f9f6f8; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab { background-color: #92518D; } .StripMain.ProfessionalSpace .ServiceButton.btn-warning.PaneTab:hover { background-color: #693565; } .StripMain.ProfessionalSpace .HeaderMenu nav ul li ul a { color: #92518D; } .StripMain.ProfessionalSpace .TitleSpace.Administrative { background-color: #92518D; } /* 2 פניות ושירותים */ /* StripMain InquiriesAndServicing */ .StripMain.InquiriesAndServicing .RowPayCheck .Title { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ComtainerRow .BtnTitle { background-color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .RowSelect button.btn-success { background-color: #DF943B; } .StripMain.InquiriesAndServicing .btn-success { border-color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks a { color: #DF943B; } .StripMain.InquiriesAndServicing .BoxMyMessages .MyMessagesLink a { color: #DF943B; } .StripMain.InquiriesAndServicing .MyDataWage .BoxInfoData .Title { color: #DF943B; } .StripMain.InquiriesAndServicing .ContainerLinks a { color: #DF943B; } .StripMain.InquiriesAndServicing .AsideMenu a { color: #DF943B; } .StripMain.InquiriesAndServicing .RowPayCheck .BoxLinks { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .BoxPayCheck { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li.active > a { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .tab-content > .active { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li { background-color: #fdfaf8; } .StripMain.InquiriesAndServicing .PortalTabs .nav-tabs > li > a { background-color: #f4e8db; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .StripMain.InquiriesAndServicing .ServiceButton.btn-warning.PaneTab:hover { background-color: #d48c38; } .StripMain.InquiriesAndServicing .HeaderMenu nav ul li ul a { color: #DF943B; } .StripMain.InquiriesAndServicing .TitleSpace.Administrative { background-color: #DF943B; } .ServiceSection .ServiceButton.btn-warning.PaneTab { background-color: #DF943B; } .ServiceSection .ServiceButton.btn-warning.PaneTab:hover { background-color: #cc8736; } .RedAsterisk { color: red; margin-right: 2px; display: inline-block; line-height: 17px; vertical-align: top; } /* opening contacting succeeded page */ .ComtainerRow.BoxMessageSucceeded { padding: 40px; } .ComtainerRow.BoxMessageSucceeded img { margin-bottom: 20px; } .ComtainerRow.BoxMessageSucceeded p { font-size: 18px; } .ComtainerRow.BoxMessageSucceeded a { font-size: 18px; margin-top: 15px; display: inline-block; } .ComtainerRow.BoxMessageSucceeded a:hover { text-decoration: underline !important; } .TitleMessage { color: #333333; font-size: 28px; margin-bottom: 25px; } /* Validation Text */ .ValidationText { color: #FF0000; font-size: 15px; } .ArrowCircle { margin-right: 3px; } .YearInfo { color: #333; margin-right: 18px; margin-top: -5px; min-width: 100px; } .ArrowNumbers { margin-top: -3px; margin-left: 15px; z-index: 99999999; } .JobAmmount { z-index: 9999999; } .form-control { box-shadow: none; } .form-control:focus { box-shadow: none; border: 1px solid #ccc; } .SelectHours .form-control { height: 26px; background-color: #F2F7EE; font-size: 16px; border-radius: 0; padding: 0; } .SelectProcess .form-control { height: 40px; background-color: #F2F7EE; font-size: 16px; border-radius: 0; } .RightMinus10 { margin-right: -10px; } .Green { color: #71A240; } .ArrowTop { margin-top: -10px; } .BoxNumberGreen { float: right; color: #567C30; font-size: 16px; font-weight: bold; margin-left: 10px; text-align: center; border-left: 1px #a2a2a2 solid; padding-left: 7px; margin-top: 5px; line-height: 90%; padding-right: 3px; } .BoxNumberGrey2 { float: right; color: #666; font-size: 16px; font-weight: bold; margin-left: 10px; text-align: center; border-left: 1px #a2a2a2 solid; padding-left: 7px; margin-top: 5px; line-height: 90%; padding-right: 3px; } .BoxNumberGreen2 { float: right; color: #3F5A23; font-size: 20px; font-weight: bold; } .BoxNumberGrey { float: right; color: #666666; font-size: 20px; font-weight: bold; } .BoxGrey { background: #F3F3F3; height: 68px; padding: 10px; } .BoxGreen { background: #F2F7EE; height: 68px; padding: 10px; } a:focus div.ProcessBoxGreen div.BoxGreen { border: 3px #B8D69A solid; } .BoxTextGreen { font-size: 16px; color: #567C30; margin-right: 20px; } .BoxTextGreen2 { font-size: 16px; color: #3F5A23; margin-right: 20px; } .BoxTextGrey { font-size: 16px; color: #666666; margin-right: 20px; } .BoxTextGrey { font-size: 16px; color: #666; } .ProcessIcons { left: 0px; position: absolute; margin-top: 14px; bottom: -24px; } .ProcessBoxGrey { padding-left: 0; } .ProcessBoxGreen { padding-left: 0; } .ProcessRow { padding-left: 15px; min-height: 140px; } .StatusBox { padding: 30px; } .NoMargin { margin: 0; } .StatusTextdown { padding-right: 30px; background-image: url(../images/info-button.png); background-repeat: no-repeat; background-position: right; background-position-y: 6px; font-size: 16px; line-height: 180%; } .btn-primary { color: #fff; background-color: #517393; border-color: #517393; } .btn-primary:hover { background-color: #476480; border-color: #476480; } .btn-primary:focus { background-color: #517393; border-color: #517393; } .PanelCollapse .PositionProcess { display: initial; font-size: 16px; line-height: 26px; vertical-align: text-bottom; } .LeftStatus { border-right: 7px #EEEEEE solid; margin-top: 20px; padding-right: 30px; } .LeftStatus h3 { margin-top: 0px; } .SchoolSetting { padding-right: 80px; background-image: url(../images/done-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 60px; } .AlertProcess { padding-right: 80px; background-image: url(../images/alert-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 50px; } .AttentionProcess { padding-right: 80px; background-image: url(../images/attention-icon.png); background-repeat: no-repeat; background-position: top right; min-height: 50px; } .OpenCallProcess { padding-right: 90px; background-image: url(../images/open-call-icon.png); background-repeat: no-repeat; background-position: right; min-height: 50px; background-position-y: 10px; } .ProcessRow .nav-tabs > li { cursor: pointer; border: 0; background: #daefc9; margin-left: 10px; width: 23.6%; border: 3px solid #fff; height: 95px; } .ProcessRow .nav-tabs.Process6 > li { cursor: pointer; border: 0; background: #F2F7EE; margin-left: 5px; width: 16%; border: 3px solid #fff; height: 80px; padding: 0; padding-right: 5px; } .nav.Process6 > li > a { padding: 3px; } .ProcessRow .nav-tabs > li.GreyProcessBox { background: #F3F3F3; color: #666666; } .ProcessRow .nav-tabs > li.GreyProcessBox:hover { background: #daefc9; } .ProcessRow .nav-tabs > li.GreenProcessBox { background: #B8D69A; border: 3px solid #83B74F; } .GreenProcessBoxTriangle { bottom: -25px; right: -4px; position: absolute; z-index: 99999; } .ProcessRow .nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; } .ProcessRow .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { cursor: pointer; background: none; border: 0; margin-right: -1px; margin-top: 1px; margin-left: 1px; } .ProcessRow5 { padding-left: 0px; min-height: 140px; } .ProcessRow5 .nav-tabs > li { cursor: pointer; border: 0; background: #daefc9; margin-left: 0px; width: 19.5%; border: 3px solid #fff; height: 95px; } .ProcessRow5 .nav-tabs > li.GreenProcessBox { background: #B8D69A; border: 3px solid #83B74F; } .ProcessRow5 .nav-tabs > li.GreyProcessBox { background: #F3F3F3; color: #666666; margin-bottom: 40px; } .ProcessRow5 .nav-tabs > li.GreyProcessBox:hover { background: #daefc9; } .ProcessRow5 .nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; } .ProcessRow5 .BoxTextGreen2 { font-size: 16px; color: #3F5A23; margin-right: 45px; } .ProcessRow5 .nav > li > a { padding: 10px; height: 100%; padding: 3px; } .ProcessRow5 .BoxTextGrey { font-size: 16px; color: #666666; margin-right: 45px; } .ProcessRow5 .nav-tabs { border-bottom: 0; } .ProcessRow5 .nav-tabs > li.active > a { background-color: #f3f3f3; } .ProcessRow5.nav-tabs > li.GreyProcessBox.active { border: 3px solid #CCCCCC; background: #F3F3F3; } .ProcessRow5 .nav-tabs > li.active > a { cursor: pointer; background: none; border: 0; margin-right: -1px; margin-top: 1px; margin-left: 1px; } .PortalTabs .nav-tabs > li.active > a:hover { margin-top: 0px; margin-right: -2px; margin-left: 0; } .PortalTabs .nav-tabs > li.active > a:focus { margin-top: 0px; margin-right: -2px; margin-left: 0; border: 0; } .ProcessRow UL { border: 0; } .ContentCollapse { padding: 15px 25px 15px 15px; font-size: 16px; } .ProcessCollapse .ContentCollapse { padding: 15px 25px 15px 15px; font-size: 16px; border-bottom: 1px #EEEEEE solid; } .ContentCollapse a { color: var(--link-color-on-l-blue); } .MarginBottom10 { margin-bottom: 10px; } .MarginRight20 { margin-right: 20px; } .StatusMessages { margin-right: 25px; } .SelectProcess .form-control option:not(:checked) { background-color: white; color: #000; } .SelectHours .form-control option:not(:checked) { background-color: white; color: #000; } .nav-tabs > li.active > a { border: 0; } .nav-tabs > li.active > a:hover { border: 0; } .ContentCollapseText p { font-size: 14px; line-height: 100%; } .ContentCollapseText { padding-right: 18px; } .JobInfo li:before { content: ""; margin-left: 5px; display: inline-block; width: 6px; height: 6px; border-radius: 0%; margin-bottom: 1px; margin-right: -10px; background-color: transparent; } .LineHeight180 { line-height: 180%; } .MarginLeft30 { margin-left: 30px; } .greyblue { color: #527398; } .DetailsProcess { clear: both; padding: 15px; } .sliderItem { width: 100px; height: 100px; float: right; } .MarginRight-15 { margin-right: -15px; } .MarginLeft20 { margin-left: 20px; } .Ereafield { width: 250px !important; } .input-group-addon { width: 26px; height: 20px; position: absolute; z-index: 9; left: 7px; top: 5px; border: 0 !important; background-image: url(../images/calendar-icon.png); cursor: pointer; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: all; transition-timing-function: ease-in-out, ease-in-out; background-color: #fff; background-repeat: no-repeat; } .datepicker.datepicker-rtl { direction: rtl; margin-right: -195px !important; margin-top: 10px !important; z-index: 99999999; } .datepicker { width: 220px; } .clsDatePicker { width: 100%; } .ViewPersonalDetails { background-image: url(../images/bg-process-white.jpg); height: 350px; text-align: center; font-size: 36px; padding-top: 70px !important; /* Strip Header */ /*.ContainerLogoIsrael { background-image: url(../images/logo_israel.svg); background-repeat: no-repeat; height: 50px; width: 39px; float: right; margin-left: 8px; display: inline-block; }*/ /* Mobile */ /* Mobile */ } .ViewPersonalDetails body { font-family: "Assistant", "Arial", sans-serif; font-weight: normal; } .ViewPersonalDetails a:hover { opacity: 0.8; } .ViewPersonalDetails h1, .ViewPersonalDetails h2, .ViewPersonalDetails h3, .ViewPersonalDetails h4, .ViewPersonalDetails h5, .ViewPersonalDetails h6, .ViewPersonalDetails .heading { font-family: "assistant" !important; font-weight: 600 !important; } .ViewPersonalDetails .StripHeader { width: 100%; position: fixed; top: 0; z-index: 1000; background-color: #fff; } .ViewPersonalDetails .HeaderScroll, .ViewPersonalDetails header { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .ViewPersonalDetails .TopMenu { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .ViewPersonalDetails .TopMenu { transition: height 0.4s; -moz-transition: height 0.4s; -webkit-transition: height 0.4s; -o-transition: height 0.4s; } .ViewPersonalDetails .ColLoginAndSearch, .ViewPersonalDetails .ColTitlePortal { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ViewPersonalDetails .HeaderScroll { margin-top: 0; min-height: 60px; padding: 0; } .ViewPersonalDetails .TopMenuScroll { opacity: 0; height: 0 !important; } .ViewPersonalDetails .LiActiveScroll { background-color: rgba(0, 0, 0, 0) !important; } .ViewPersonalDetails .ColLoginAndSearchScroll { margin-top: -32px; } .ViewPersonalDetails .ColTitlePortalScroll { margin-top: -34px; } .ViewPersonalDetails .SucTitleScroll { display: none; } .ViewPersonalDetails .TopMenu { height: 43px; } .ViewPersonalDetails nav { float: right; width: 100%; } .ViewPersonalDetails header { width: 100%; background-color: #fff; border-bottom: 1px solid #E2E2E2; padding: 10px 0; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1); } .ViewPersonalDetails .StripHeader .TopMenu { background-color: #2E4254; } .ViewPersonalDetails .TopMenu ul { margin: 0; padding: 0; width: 100%; } .ViewPersonalDetails .TopMenu ul li { display: inline-block; border-left: 1px solid #688BAE; margin-right: -3px; width: 20%; text-align: center; } .ViewPersonalDetails .TopMenu ul li:last-child { border-left: 0; } .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi { width: 100%; padding: 6px 0px 9px 0; } .ViewPersonalDetails .TopMenu ul li a { color: #fff; font-size: 20px; text-decoration: none; text-align: center; } .ViewPersonalDetails .TopMenu ul li.active, .ViewPersonalDetails .TopMenu ul li a .ContentLinkLi:hover { background-color: #1E2B35; } .ViewPersonalDetails .TopMenu ul li.ManagersSpace.active, .ViewPersonalDetails .TopMenu ul li.ManagersSpace .ContentLinkLi:hover { background-color: #71A240; } .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace.active, .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace a:focus, .ViewPersonalDetails .TopMenu ul li.PedagogicalSpace .ContentLinkLi:hover { background-color: #3098CF; } .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloperManagersSpace.active, .ViewPersonalDetails .TopMenu ul li.ProfessionalDeveloper .ContentLinkLi:hover { background-color: #92518D; } .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing.active, .ViewPersonalDetails .TopMenu ul li.InquiriesAndServicing .ContentLinkLi:hover { background-color: #DF943B; } .ViewPersonalDetails li.ManagersSpace { position: relative; display: inline-block; } .ViewPersonalDetails .NavMenuMobil { display: none; } .ViewPersonalDetails .LogoIsraelMobile { display: none; } .ViewPersonalDetails .ContainerTitlePortal { float: right; color: #385167; } .ViewPersonalDetails .ContainerTitlePortal .SucTitle { font-size: 16px; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title { font-size: 34px; margin-top: -3px; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title .Line { display: inline-block; padding-left: 13px; margin-left: 8px; border-left: 1px solid #AFC2D3; line-height: 30px; } .ViewPersonalDetails .ContainerLogoEducationOffice, .ViewPersonalDetails .ContainerSearch, .ViewPersonalDetails .ContainerLogin { float: left; } .ViewPersonalDetails .InquiriesAndServicing .ContainerLogin, .ViewPersonalDetails .AdministrativeSpace .ContainerLogin { min-width: 145px; } .ViewPersonalDetails .ContainerSearch { /* padding-right: 16px;*/ margin-left: 14px; } .ViewPersonalDetails .ContainerLogin a:hover span.User { text-decoration: underline; } .ViewPersonalDetails .ContainerSearch a:hover span { text-decoration: underline; } .ViewPersonalDetails .ContainerLogin { padding: 0 14px; border-left: 1px solid #000; border-right: 1px solid #000; margin-left: 14px; } .ViewPersonalDetails .ContainerLogoEducationOffice { margin-top: -4px; } .ViewPersonalDetails .ContainerSearch .IconSearch { background-image: url(../images/icon-search.png); width: 24px; height: 22px; float: left; margin-left: 3px; } .ViewPersonalDetails .ContainerLogin span, .ViewPersonalDetails .ContainerSearch span { float: left; font-size: 18px; color: #000; } .ViewPersonalDetails .ContainerLogin span.User { float: right; } .ViewPersonalDetails span.glyphicon.glyphicon-triangle-bottom { margin-top: 4px; } .ViewPersonalDetails .ContainerLogin .IconLogin { background-image: url(../images/icon-user.png); width: 24px; height: 24px; float: right; margin-left: 10px; } .ViewPersonalDetails .ContainerLogin .Message { display: inline-block; margin-left: 10px; margin-right: 10px; } .ViewPersonalDetails .ContainerLogin .Message.badge { background-color: #DF2020; color: #fff; } .ViewPersonalDetails .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-education-office.png); width: 186px; height: 46px; } .ViewPersonalDetails .LogoArabic { background-image: url(../images/logo-Arabic.png); width: 44px; height: 31px; } .ViewPersonalDetails .IconMenuMobile { background-image: url(../images/icon-menu-mobile.png); width: 26px; height: 17px; margin-top: 6px; display: none; } .ViewPersonalDetails .IconLoginMobile { background-image: url(../images/icon-login-mobile.png); width: 24px; height: 24px; margin-top: 3px; display: none; } .ViewPersonalDetails .IconSearchMobile { background-image: url(../images/icon-search-mobile.svg); background-repeat: no-repeat; width: 21px; height: 21px; margin: 3px 20px 0 20px; display: none; } .ViewPersonalDetails .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .ViewPersonalDetails .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } .ViewPersonalDetails .nav > li > a { padding: 10px; height: 100%; } .ViewPersonalDetails .NavMenuMobil .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li > a:focus { background-color: #283948; } .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.ManagersSpaceMobil > a:focus { background-color: #71A240; } .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.PedagogicalSpaceMobil > a:focus { background-color: #3098CF; } .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.ProfessionalSpaceMobilt > a:focus { background-color: #92518D; } .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:hover, .ViewPersonalDetails .NavMenuMobil .nav > li.InquiriesAndServicing > a:focus { background-color: #DF943B; } .ViewPersonalDetails .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; width: 100%; } .ViewPersonalDetails .ContainerTitlePortal a { text-decoration: none; color: #000; } .ViewPersonalDetails .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav { background-color: #fff; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing ul.nav a { color: #333; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li { border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .nav > li > a:focus { background-color: #F2F7EE; } .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:hover, .ViewPersonalDetails .NavMenuMobil .InquiriesAndServicing .nav > li > a:focus { background-color: #FCF2E9; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } .ViewPersonalDetails header.AdministrativeSpace { padding-bottom: 0px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } .ViewPersonalDetails .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover { background-color: #F2F7EE; } .ViewPersonalDetails li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .ViewPersonalDetails .BoxGeneralMessages .GeneralMessages { width: 100%; } .ViewPersonalDetails .ContainerLogin, .ViewPersonalDetails .ContainerSearch { margin-top: 6px; } .ViewPersonalDetails .page-component-edu .page_component .banner .slides .slick-slide { height: auto !important; } .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 50px 20px 50px !important; } .ViewPersonalDetails .page-component-edu .advanced-component.banner .slick-slide-academy { padding: 0px 35px 0px 35px !important; } .ViewPersonalDetails .academy-slick a { color: #2c7094 !important; } .ViewPersonalDetails .date-broadcast { font-size: 20px; color: #2C7094; font-weight: 600; } .ViewPersonalDetails .broadcastReadMore { margin-right: 175px; } .ViewPersonalDetails .registration-btn { font-size: 16px !important; } .ViewPersonalDetails .broadcastItemBox h5 { color: #2c7094; margin-bottom: 10px; margin-top: 0px; } .ViewPersonalDetails .broadcastItemBox h5:hover, .ViewPersonalDetails .broadcastItemBox h5:focus { color: #1d8bd1; } .ViewPersonalDetails .clearboth { clear: both; } .ViewPersonalDetails .broadcast-item-bottom { margin-top: 20px; clear: both; } .ViewPersonalDetails .academy-space .listing { margin-top: 12px; margin-bottom: 20px; display: inline-block; overflow: visible; } .ViewPersonalDetails .page-component-edu a:focus { color: #1d8bd1 !important; -webkit-tap-highlight-color: #1d8bd1; text-decoration: none; opacity: 1; } .ViewPersonalDetails .page-component-edu .listing .link-container a { color: #2c7094; font-size: 16px; } .ViewPersonalDetails .broadcast-date-section { border-bottom: 1px #DFDFDF solid; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .broadcast-date-section:last-child { border-bottom: none; } .ViewPersonalDetails .broadcast-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerImg { background-color: #3098CF; padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; min-height: 300px; } .ViewPersonalDetails .idea-banner-info { margin-right: -15px !important; padding-left: 5px !important; } .ViewPersonalDetails .academy-space .popXtnCmpnt .bannerCalloutSm { font-size: 42px; } .ViewPersonalDetails .popXtnCmpnt .bannerCallout-big { font-size: 100px; font-weight: 400; margin-top: 20px; line-height: 43px; margin-bottom: 30px; } .ViewPersonalDetails .margin-bottom40 { margin-bottom: 40px; } .ViewPersonalDetails .calendar-erea { border-bottom: 1px #DFDFDF solid; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; min-height: 150px; } .ViewPersonalDetails .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; } .ViewPersonalDetails .form-control { font-size: 16px !important; } .ViewPersonalDetails .broadcast-calendar-space label { font-size: 18px; padding: 0 0 0 10px; margin-top: 5px; text-align: left; } .ViewPersonalDetails .title-search-broadcast { font-size: 20px; font-weight: 600; margin-bottom: 10px; margin-right: 20px; } .ViewPersonalDetails .nopadding { padding: 0 !important; } .ViewPersonalDetails .search-broadcast-btn { font-size: 16px !important; width: 140px !important; float: left; } .ViewPersonalDetails .advance-search { clear: both; text-decoration: underline; margin-right: 50px; } .ViewPersonalDetails .slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 10px !important; min-height: 137px; } .ViewPersonalDetails .search-broadcast-erea { display: inline-block; width: 100%; margin-right: -10px; } .ViewPersonalDetails .broadcast-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .ViewPersonalDetails .search-broadcast-erea { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .quick-search-broadcast-erea { margin-bottom: 20px; margin-left: 15px; margin-right: -10px; display: inline-block; width: 100%; } .ViewPersonalDetails .search-col-field { margin-bottom: 20px; display: inline-block !important; width: 100%; } .ViewPersonalDetails .search-col-field:last-child { margin-bottom: 0px; } .ViewPersonalDetails .search-col { padding: 10px 10px 0 30px !important; border-left: 1px #DFDFDF solid; } .ViewPersonalDetails .search-col-left { padding: 10px 30px 0 40px !important; } .ViewPersonalDetails .popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } .ViewPersonalDetails .popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 5px; } .ViewPersonalDetails .select-grade-erea { padding-left: 0 !important; } .ViewPersonalDetails .checkboxCustomWrap { width: 48px; } .ViewPersonalDetails .search-time { padding: 10px 10px 0 30px !important; } .ViewPersonalDetails .search-time-erea { clear: both; padding-top: 20px; } .ViewPersonalDetails .search-time-options { padding: 10px 0px 0 30px !important; } .ViewPersonalDetails .search-time-options select { width: 130px; } .ViewPersonalDetails .date-options { padding: 10px 0px 0 0px !important; margin-right: 10px; } .ViewPersonalDetails .date-options2 { padding: 10px 0px 0 0px !important; margin-right: 15px; } .ViewPersonalDetails .input-group-addon { top: 10px !important; } .ViewPersonalDetails .clsDatePicker { width: 85% !important; float: left !important; } .ViewPersonalDetails .date-text { line-height: 200%; font-size: 16px !important; } .ViewPersonalDetails .datepicker-days table tr th { background-color: rgb(255, 255, 255) !important; } .ViewPersonalDetails .datepicker-days tbody { background-color: rgb(255, 255, 255) !important; } .ViewPersonalDetails .input-group .form-control:first-child { border-radius: 0 !important; } .ViewPersonalDetails .search-btn-erea { margin-top: 20px; display: inline-block; width: 100%; padding-left: 30px; } .ViewPersonalDetails .search-btn { width: 105px !important; } .ViewPersonalDetails .white-title { box-shadow: none !important; } .ViewPersonalDetails .popXtn .ContainerItemInfo .ItemInfo div .date-and-time { color: #3098CE; font-size: 24px !important; font-weight: 600; margin-right: 15px; } .ViewPersonalDetails .credit-strip { background: #E0EEF5; padding: 7px 20px; } .ViewPersonalDetails .ask-lecturer { background: #E0EEF5; border-radius: 3px; background-image: url(../images/ask-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .ViewPersonalDetails .update-diary { background: #E0EEF5; border-radius: 3px; background-image: url(../images/calendar-blue-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 93% 7px; font-weight: 600; margin-right: 7px; } .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow { background-color: #1D5C7E; padding: 2px 25px; } .ViewPersonalDetails .popXtn .btn.goBtn.darkBlueNarrow:hover { background-color: #11415a; } .ViewPersonalDetails .devider-gray { border-bottom: 1px #DFDFDF solid; height: 20px; clear: both; margin-right: 15px; } .ViewPersonalDetails .lecture .page-component-edu .main-content h2 { font-size: 24px; padding: 0; } .ViewPersonalDetails .lecture-description { margin-right: 0 !important; margin-top: 10px; } .ViewPersonalDetails .lecturer-pic { width: 90px !important; float: right; margin-left: 15px; margin-top: 5px; } .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-up.png); } .ViewPersonalDetails .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-down.png); } .ViewPersonalDetails .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/triangle-up.png); width: 100%; min-height: 48px; display: inline-block; background-repeat: no-repeat; background-color: #E1F1F7 !important; background-position: 98%; border-right: 3px #ffffff solid; border-left: 3px #ffffff solid; padding-right: 40px; padding-top: 7px; color: #1F6185; font-size: 18px; padding-left: 10px; height: auto; } .ViewPersonalDetails .lecture-boxes { padding-top: 3px; background: #fff; } .ViewPersonalDetails .lecture-box-info .collapse { padding-bottom: 10px; } .ViewPersonalDetails .AccordionTitle { font-weight: 600; float: right; color: #1D5C7E; font-size: 22px; } .ViewPersonalDetails .page-component-edu.lecture-boxes a.btn-primary::after { font-family: FontAwesome !important; content: ""; } .ViewPersonalDetails .lecture-box-info a:hover, .ViewPersonalDetails .lecture-box-info a:focus { border-color: #fff !important; } .ViewPersonalDetails .lecture-box-info a:link { -webkit-tap-highlight-color: transparent; } .ViewPersonalDetails .lecture-box-info li { font-size: 16px; padding-right: 5px; margin-bottom: 20px; } .ViewPersonalDetails .lecture-box-info ul.arrow-li { list-style-image: url("../images/Arrow-Link-List.png"); } .ViewPersonalDetails .page-component-edu .panel { border: 0; } .ViewPersonalDetails .academy-space .lecture-box-info .listing { margin-top: 0 !important; margin-bottom: 0 !important; display: inline-block; overflow: visible; } .ViewPersonalDetails .lecture-boxes .panel-group .panel + .panel { margin-top: 0; } .ViewPersonalDetails .academy-space .relevant-activities .listing { margin-top: 5px; margin-bottom: 5px; } .ViewPersonalDetails .page-component-edu.interest-in-box .text-container { min-height: 107px; background-color: #edf5fa; padding-top: 15px; padding-left: 10px; } .ViewPersonalDetails .interest-in-box .link-with-img { margin-bottom: 25px; } .ViewPersonalDetails .video-erea { margin-right: -15px; margin-left: -25px; } .ViewPersonalDetails .video-description { margin-top: 20px; } .ViewPersonalDetails .talkback-erea { margin-top: 40px; } .ViewPersonalDetails .nearest-broadcast-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .ViewPersonalDetails .text18-semibold { font-weight: 600; font-size: 18px !important; } .ViewPersonalDetails .text24-semibold { font-weight: 600; font-size: 24px !important; line-height: 130% !important; margin-top: 15px; margin-bottom: 10px; } .ViewPersonalDetails .no-broadcast-box { padding-bottom: 20px !important; } .ViewPersonalDetails .info-side { width: 50%; } .ViewPersonalDetails .clear-right { clear: right; } .ViewPersonalDetails .margin-top-30 { margin-top: 30px; } .ViewPersonalDetails .img-vod-box { float: left; } .ViewPersonalDetails .academy-space .slick-next { width: 40px !important; } .ViewPersonalDetails .academy-space .slick-prev { width: 30px !important; } .ViewPersonalDetails .academy-space .galleryTopics { padding: 0 30px; } .ViewPersonalDetails .modal-text { font-size: 18px; color: #000; } .ViewPersonalDetails slickCourses .slick-list { padding-bottom: 0 !important; } .ViewPersonalDetails .page-component-edu .banner .slides.slick-slider.slickCourses .slick-list { padding-bottom: 0 !important; height: auto !important; } .ViewPersonalDetails .img-teacher { float: left; } .ViewPersonalDetails button { background-color: #527798; border: 0; font-size: 20px; margin-left: 15px; margin-top: 30px; color: #fff; padding-bottom: 6px; } .ViewPersonalDetails button:hover, .ViewPersonalDetails button:focus { background-color: #364F65; color: #fff; } .NumBig { font-size: 28px; line-height: 110%; } .morecontent span { display: none; } .ContainerText { font-size: 16px; margin-top: 10px; } .ArticleLink { color: #333; } .AlertMessage { border-top: 1px #EEEEEE solid; margin-top: 10px; padding-top: 10px; } .AlertMessage:first-child { border-top: 0; margin-top: 0px; padding-top: 0px; } .ProcessIcons .tooltip-inner { padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; width: 180px; margin-top: 335px !important; margin-left: 155px; text-align: right; } .ProcessIcons .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .ProcessRuler h2 { background-color: #71A240; padding: 5px 20px; color: #fff; font-size: 22px; display: inline-block; margin-bottom: 10px; margin-top: 0; } .tooltip2 { display: inline; position: relative; } .tooltip2:hover:after { background: #000; border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 10px; position: absolute; z-index: 98; width: 180px; } .ProcessRow5 .tooltip2:hover:after { width: 150px; } .tooltip2:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } @media (min-width: 992px) and (max-width:1199px ) { .HeaderMenu nav > ul > li > a, .HeaderMenu nav > ul > li > button { line-height: 18px; } } @media (max-width: 768px) { .ContainerTitlePortal .SucTitle { font-size: 15px; color: #385167; } .ContainerTitlePortal .Title { font-size: 18px; margin-top: -6px; color: #385167; padding-bottom: 8px; } header { padding: 8px 0 0 0; background-color: #FDFDFE; } .StripHeader { position: static; } .ContainerLogoIsrael { display: none; } .LogoIsraelMobile { display: block; float: right; background-image: url(../images/logo-israel-mobile.png); width: 28px; height: 34px; margin: 4px 0 0 4px; } .StripMain { padding-top: 15px; } .StripMain.AdministrativeSpace { padding-top: 15px; } .UpdatesContainer .Updates { width: 50%; } footer { display: none; } .ContainerCredit { margin-bottom: 20px; text-align: center; } .ContainerSocialMedia { /*width: 188px;*/ margin: auto; /*margin-bottom: 20px;*/ } .sub-footer-row .bottom { display: flex; } .ContainerSocialMedia .youtube { margin-right: 0px; } .ColLoginAndSearch .navbar-toggle { padding: 0; margin: 0; } .NavMenuMobil { display: block; } .BoxGeneralMessages .ComtainerImg { width: 100%; } .BoxGeneralMessages .ComtainerImg img { width: 100%; border-right: 0; border-top: 5px solid #fff; } .col-md-3.LestColMyData { padding: 20px 0 30px 0; } .Banner .ContainerText { bottom: 0px; } .PedagogicalArea .LinksBar .Title, .PedagogicalArea .LinksBar .Items a { display: block; text-align: right; padding-right: 40px; } .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { padding: 10px 9px 15px 5px; } .nav > li > a { padding: 9px 8px 8px 8px; } .MyDataWage .RowSelect label { margin: 10px 0 0 0; } .SchoolYearMobile { padding-left: 0; padding-right: 0; } .MyDataWage .BoxInfoData { margin: 0 10px; } .MyDataWage .RowSelect button.btn-success { float: left; margin-top: 20px; } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 15px; padding-right: 15px; } .RowPayCheck .ContentPayCheck { padding-right: 10px; margin-bottom: 20px; } .RowPayCheck .Button { padding-right: 10px; } .PanelCollapse .Questions { vertical-align: top; /*margin-top: -6px;*/ /*width: 90%;*/ } .ContainerFroms a span.TextLink { width: 84%; } .IconLoginMobile .Message.badge { background-color: #DE2020; color: #fff; position: absolute; left: 90px; top: -4px; } .BoxGeneralMessages .GeneralMessages { width: 100%; padding: 10px 20px 20px 20px; } .ContainerTitlePortal .Title .Line { border-left: 0; } .col-md-4.NewsBox { margin-top: 20px; } .AdministrativeSpaceRow { box-shadow: 0 0 0 0; } .col-md-4.ContianerImg { margin-bottom: 8px; } .ContainerTitlePage a.ContainerPopularButton { padding: 4px 8px; font-size: 12px } .ContainerTitlePage { padding: 5px 10px; } .ContainerCourseSearch a, .SectionContainer .ContainerTitlePage .Title { font-size: 18px; line-height: 28px; } .ContainerCourseSearch { padding: 5px 15px; } .ContainerItemSelect .ContainerLogo img { width: 100%; } .SectionContainer.SectionContainerMain strong.TextItem { font-size: 14px; } .TitleBlockInfo.First { border-left: 0; } .TitleBlockInfo { font-size: 14px; margin-bottom: 3px; } .SectionContainer.SectionContainerMain { padding: 10px 10px 10px 10px; } .TitleBlockInfo a .Clear { margin-left: 5px; } .ContainerItemSelect .Title a { font-size: 16px; } .ContainerItemSelect .ItemText { font-size: 14px; } .StatusItem { font-size: 14px; } .ContainerItemSelect .col-xs-9 { padding-right: 0; padding-left: 0; } .ContainerItemSelect .RowButtns button.btn { font-size: 13px; padding: 0px 8px; } .ContainerItemSelect .RowButtns a { font-size: 13px; } .ContainerItemSelect .ItemInfo { font-size: 14px; } .ContainerItemSelect .Comment span { font-size: 14px; padding: 1px 8px; } .ContainerItemSelect .SubTitle { font-size: 14px; font-weight: 600; margin-bottom: 7px; } .ContainerItemSelect .RowButtns img { vertical-align: top; } .SectionContainerAside .BoxChecktbox .col-md-6:nth-child(even) { padding-right: 15px; } .AsideMobile { display: block; } .AsideDesktop { display: none; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo a.map { float: none; display: block; } .modal.CourseCatalog .modal-body.Scroll ul li .ItemLise { font-size: 14px; padding-right: 15px; } .ContainerCourseSearch .BoxMultiSelect .col-md-7 { padding-right: 15px; } .ContainerCourseSearch .Title { font-size: 18px; } .ContainerCourseSearch .SubTitle { font-size: 14px; } .col-md-4.ColMultiSelect { padding-left: 15px; padding-right: 15px; border-left: 0; } .BoxMultiSelect .col-xs-4 { padding-left: 0; width: 37%; } .BoxMultiSelect .col-xs-8 { width: 63%; } .ContainerCourseSearch .multiselect-selected-text { font-size: 14px; } .ContainerCourseSearch .multiselect-container > li > a > label.checkbox { font-size: 14px; } .col-md-4.ColMultiSelect { min-height: 0; } .col-md-4.ColMultiSelect { padding-left: 0; padding-right: 0; margin-right: 15px; margin-left: 15px; border-left: 0; padding-bottom: 12px; margin-bottom: 33px; border-bottom: 1px solid #ccc; } .ContainerCourseSearch .BoxContent { padding-bottom: 12px; margin-bottom: 33px; } .col-md-4.ColMultiSelect:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .BoxMultiSelect.RowButtns button.btn { font-size: 16px; width: 100px; } .BoxMultiSelect.RowButtns a { font-size: 14px; } .SectionContainer.PromotedContentArea .TitleSection { font-size: 20px; } .ContianerNews .NewsTitle a { font-size: 14px; } form.OpeningContactingForm input[type="radio"] { margin-left: 5px; } .RadioButtonDetails select { margin-left: 0; } form.OpeningContactingForm .RadioButtonDetails { margin-right: 18.8px; } .RadioButtonDetails .form-control { margin-bottom: 10px; } .RadioButtonDetails input { margin-left: 0; } .bootstrap-filestyle.input-group { margin-bottom: 10px; } .modal.InquiriesAndServicing .modal-body input[type="email"] { width: 92%; } .panelCollapseStriped img, .panelCollapseStriped .SubMainMotif, .panelCollapseStriped .MainMotif { margin-right: 30px; } .ComtainerRow ul li.Striped { padding: 10px 10px 5px 10px; } .ContainerCollapseStriped .panelCollapseStriped .CloseOpen { margin-top: -8px; margin-right: -8px; margin-left: 8px; } .RowTitle a.buttonNewRequest { margin-bottom: 15px; } .RowTitle select.form-control { float: none; margin-right: 0; margin-bottom: 15px; display: block; } .RowTitle { margin-bottom: 5px; } .InfoGeneral .col-md-6 .col-md-5 { padding-left: 15px; padding-right: 15px; } .ContainerRadioButtns .CloseSearch, .ContainerRadioButtns .Title { display: none; } } @media (max-width: 1200px) { .ColMyData:nth-child(2n) { border-left: none; } .ColMyData:nth-child(n+3) { border-top: none; } } @media (max-width: 1200px) { .HoursChart { margin-right: 10px; } } @media (min-width: 500px) and (max-width: 650px) { .HoursChart { margin-right: -60px; } } @media (max-width: 320px) { .HoursChart { margin-right: -30px; } } @media (max-width: 1200px) { .SicknessChart { margin-right: 60px; } } @media (max-width: 375px) { .SicknessChart { margin-right: 50px; } } @media (max-width: 320px) { .SicknessChart { margin-right: 20px; } } @media (max-width: 991px) { .AdministrativeSpaceRow .BoxMobile { margin: 0 15px 40px 15px; background-color: #FFF; padding-top: 20px; padding-bottom: 30px; } .AdministrativeSpaceRow .BoxMessage, .Boxgrade, .BoxMessage { border: 0; } .AdministrativeSpaceRow .BoxRequests, .AdministrativeSpaceRow .BoxMessage { padding: 13px 10px 18px 10px; } .VideoBoxMobile { padding-left: 0; } .TutorialPortal { padding: 20px 0 20px 20px; } .AdministrativeSpaceRow .BoxMessage .Message { padding-bottom: 10px; border-bottom: 1px solid #E6E6E6; } .NewRequest { padding-top: 15px; border-top: 1px solid #E6E6E6; } .BoxPortal { margin-bottom: 40px; } .SectionRowMobile { margin-bottom: 0; } .AdministrativeSpaceRow { background-color: inherit; padding-bottom: 0px; } .clearfix.mobile { display: block; } .ContainerLogoEducationOffice { display: none; } .ContainerLogin, .accessibility-container, .memberDT { display: none; } .accessibility-container-mobile { /*display: inline-block;*/ float: left; /* margin-inline-end: 5px; margin-top: -3px;*/ margin: -3px 10px 0px 5px; } .accessibility-container-mobile button { border: none; background-color: transparent; } .ContainerSearch .ButtonSearchOptions { display: none; } .SearchOptionsBox { left: 5px; right: 5px; z-index: 1000; width: 95%; margin: auto; } .SearchOptionsBox .ContainerRadioButtns { font-size: 13px !important; width: 100%; } img.grow { width: 100%; } .TitleSpace.Professional, .TitleSpace.Administrative { display: block; width: 100%; } header.AdministrativeSpace { padding-bottom: 0px; } .IconLoginMobile, .IconSearchMobile, .IconMenuMobile { display: block; float: left; } .IconLoginMobile { background-image: none; width: 24px; height: 24px; margin-top: 0px; margin-left: 20px; } .navbar-toggle { display: block; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; border: 0; border-radius: 0; } .StripHeader .TopMenu { display: none; } .col-md-3.ColMyData { padding: 20px 0 30px 0; } .SkipLinks { display: none; } .col-md-5.ContianerImg { /* padding-left: 15px;*/ margin-bottom: 5px; } .ContainerCoursesPage .Title .Text { font-size: 16px; display: block; float: right; width: 80%; } .ContainerCoursesPage .Title .Logo { height: 35px; margin-left: 10px; float: right; margin-top: 5px; } .ContainerCoursesPage .Title .SubTitle { float: right; font-size: 14px; font-weight: 600; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo { font-size: 14px; margin-bottom: 5px; } .ContainerCoursesPage .Comment span, .ContainerItemSelect .Comment span { font-size: 14px; } .ContainerCoursesPage .ContainerItemInfo .ItemInfo a.map { font-size: 14px; } .ContainerCoursesPage .ContainerSubInfo .Title { font-size: 16px; } .ContainerCoursesPage .ContainerSubInfo .Text { font-size: 14px; } .ContainerCoursesPage .RowButtns button.btn { font-size: 16px; border-radius: 5px; padding: 2px 12px; } .ContainerCoursesPage .RowButtns button img { margin-top: 0; } .ContainerCoursesPage .RowButtns { margin-bottom: 35px; } .ContainerCoursesPage .PropertiesTitel { border-top: 0; font-size: 18px; margin-top: 20px; padding-top: 0; } .ContainerProperties .TitleList { font-size: 14px; } .ContainerProperties .BoxDataInfo { font-size: 14px; } .ContainerProperties .BoxDataInfo { width: 100%; } .ContainerCoursesPage .Title a.Print img { margin-top: -12px; } .ContainerCoursesPage .Title a.ButtonBasic { margin-top: -16px; } .PromotedContentArea .col-md-6:nth-child(3) .BoxContentArea { border-top: 1px solid #CCC; } .form-control.FormStandard { margin-bottom: 10px; } .modal.InquiriesAndServicing .modal-body .BoxRow .ColComment { padding-right: 15px; } .TitleBarSearchServices select.form-control { margin-bottom: 15px; } .TitleBarSearchServices { margin-bottom: 20px; } .ColumnsBox .Fax { margin-bottom: 10px; } .ContainerButtons { text-align: center; } .ServiceButton.Search.btn { width: 50%; } .ContainerItemService .col-md-6 { margin-bottom: 10px; } .ContainerItemService { margin-bottom: 15px; } .InfoBannerBox { margin-bottom: 20px; } .SectionRow .ProfessionalDevelopment { padding-bottom: 0; } .ProfessionalSpace .LearningContent .col-md-4.ContianerImg { padding-left: 15px; } .StripMain.ProfessionalSpace aside { min-height: inherit; } footer .BoxListLinks { border-right: 0; } .ProfessionalSpace .LearningContent { margin-bottom: 20px; } .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative, .BoxDropdownContent { display: none; } } @media (max-width: 320px) { .PortalTabs .tab-content > .active, .PortalTabs .nav-tabs > li.active > a, .PortalTabs .nav-tabs > li.active > a:hover, .PortalTabs .nav-tabs > li.active > a:focus { padding: 10px 4px 15px 1px; } .nav > li > a { padding: 8px 4px 8px 1px; } .PortalTabs .nav-tabs > li { margin-left: 4px; } } @media (max-width: 500px) { .ColMyData { width: 100%; } .ColMyData:nth-child(1n) { border-left: none; } .ColMyData:nth-child(n+2) { border-top: none; } } @media (max-width: 425px) { .Banner .carousel-inner p.Mobile { display: none; } .Banner .carousel-inner h3 { font-size: 16px; margin-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Banner .carousel-caption { bottom: 0; right: 0; width: 100%; } .Banner .carousel-indicators { bottom: 5px; } .Banner .carousel-indicators li, .Banner .carousel-indicators .active { height: 10px; width: 10px; } .SectionContainer.PromotedContentArea .ContainerTextArea .TitleText { font-size: 15px; } .SectionContainer.PromotedContentArea .ContainerTextArea .TextContent { font-size: 14px; } .PromotedContentArea .ContainerImg { width: 30%; } .PromotedContentArea .ContainerTextArea { width: 70%; float: right; padding-right: 12px; } .SectionContainerTitle .Text { font-size: 14px; } .ContainerRadioButtns { width: 100%; } .ContainerRadioButtns span { display: block; } } @media screen and (max-width: 1199px) and (min-width: 768px) { .ContainerTitlePortal .Title { font-size: 25px; } .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative { /* position: absolute; left: 390px */ } .ContainerSearch.Administrative .IconSearch { /* position: absolute; left: 33px; */ } .RowPayCheck .col-md-3.ColContainerimg { padding-left: 15px; padding-right: 15px; } .ContainerFroms a span.TextLink { width: 80%; } .ProfessionalListLinksBox, .PedagogicalListLinksBox, .ManagersListLinksBox { min-height: 235px; } .StripTitleBar { padding-top: 150px; } .tab-pane .panelCollapseStriped a.MoreInfo { padding: 0px 4px 2px 4px; } } @media screen and (max-width: 991px) and (min-width: 769px) { .ContainerTitlePortal .Title .Line { border-left: 0; } .TopMenu ul li a { font-size: 17px; } .IconLoginMobile .Message.badge { background-color: #DE2020; color: #fff; position: absolute; left: 105px; top: -4px; } .BoxGeneralMessages .GeneralMessages { padding: 10px 20px 20px 40px; } .StripMain.AdministrativeSpace { padding-top: 140px; } .StripMain { padding-top: 90px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .Title404 { font-size: 28px; text-align: center; } .Back404 { margin-top: 20px; } } @media (max-width: 768px) { .Title404 { font-size: 28px; text-align: center; width: 66%; } div.Title404 h1 { color: #F9B52F; font-size: 28px; } .ContainerImgLeft { margin-top: 0px; } .ChooseInstitute, .ChooseClass { margin-top: 20px; } } @media (max-width: 425px) { .Title404 { margin-top: 35%; font-size: 18px; width: 56%; } .Back404 { font-size: 18px; } div.Title404 h1 { color: #F9B52F; font-size: 18px; } .DownloadTitle { margin-right: -15px; } } @media (min-width: 426px) { .Img404-mobile { display: none; } } @media (max-width: 425px) { .Img404 { display: none; } } @media (max-width: 375px) { .Title404 { font-size: 18px; } .Back404 { font-size: 18px; } } @media (max-width: 320px) { .Title404 { font-size: 16px; } .Back404 { font-size: 16px; } div.Title404 h1 { color: #F9B52F; font-size: 16px; } } @media (max-width: 480px) { .page-component-edu .banner .slides.slick-slider { padding-top: 10px; padding-right: 40px; padding-left: 40px; } .popXtn .slickSliderSlide { text-align: right; padding-right: 10%; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; margin-right: -10px; margin-top: 10px; } .page-component-edu .advanced-component.banner .slick-slide { padding: 30px 0px 20px 0px !important; } .popXtn .slickSliderSlide { padding-right: 25%; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 50px !important; } .popXtn .slickSliderSlide { text-align: right !important; padding-right: 15% !important; background-image: url(../images/image-quote.svg); background-repeat: no-repeat !important; background-position: top right !important; background-size: 12% !important; } .popXtn .slickSliderSlide { text-align: right; padding-right: 40px; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; } .page-component-edu .banner .slides.slick-slider .slick-list { height: auto !important; width: 100%; padding-bottom: 0 !important; } } @charset "UTF-8"; /* buttons */ /* titles */ /* background */ /*form*/ .popXtn .nopaddingL { padding-left: 0; } .popXtn .nopaddingR { padding-right: 0; } /* Q&A COMPONENT*/ .popXtnCmpnt .PanelCollapse { margin-bottom: 15px; border: var(--panel-border); border-radius: 4px; } /*.popXtnCmpnt .PanelCollapse a { text-decoration: none; color: #333; }*/ .popXtnCmpnt .PanelCollapse [aria-expanded=false] .BtnCollapse { background-image: url(../images/plus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } .popXtnCmpnt .PanelCollapse [aria-expanded=true] .BtnCollapse { background-image: url(../images/minus-button.png); width: 17px; height: 17px; display: inline-block; margin: 5px 0px 10px 8px; float: right; } /* // Q&A COMPONENT*/ /* COLLAGE COMPONENT*/ .row.page_component.try-gallery.galleryTopics { box-shadow: none; border: #fff solid 8px; } .popXtn .srch-panel { background-color: #edf5fa; margin: 15px; padding: 17px; } .popXtn .btn { font-family: Assistant, Arial; } .popXtn .btn.goBtn { background-color: #3098CF; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; } .popXtn .btn.goBtn.full-width { width: 100%; } .popXtn .btn.goBtn.full-width:hover { background-color: #1D5C7E; } .popXtn .linkBold a { font-size: 18px; font-weight: 600; } .popXtn .linkBold { text-align: left; } .popXtn .srchTopic .linkBold { border-right: 2px solid #86AFC5; padding: 9.5px 20px 4.5px 0; } .popXtn .try-gallery .item.first a .try-overlayicon p:not(:first-child) { margin-top: 0; } .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { min-height: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 17px; margin-bottom: 7px; } .popXtn .link-container.galleryReadMore { padding: 0 0 10px 5px; } @media (min-width: 991px) { .popXtn .link-container.galleryReadMore.gallery2 { position: absolute; bottom: 0; left: 0; } .popXtn .link-container.galleryReadMore.gallery4 { position: absolute; bottom: 0; left: 0; } } .popXtn .try-gallery .item.first a .try-overlayicon p { min-height: 99px; } .popXtn .main-subject-links p a { font-size: 18px; } .popXtn .try-gallery .main-subject-links a::before { padding: 0px 10px; } /* // COLLAGE COMPONENT*/ /* TOPICS LIST PAGE*/ .popXtn .srch-panel.srchFilterTopics { background-color: #edf5fa; margin: 0px !important; padding: 15px; } .popXtn .srch-panel.srchFilterTopics fieldset { margin-bottom: 0; } .popXtn .form-group.checkbox-group { font-size: 16px; margin: 7.5px 0; } .popXtn .form-group.checkbox-group .control-label { margin-left: 10px; } .popXtn .srch-panel.srchFilterTopics legend { display: block; font-size: 18px; border: none; margin: 0; } .popXtn .pre-text .pre-text-info { display: inline-block; padding-left: 20px; } .popXtn .pre-text .pre-text-info .info-items { color: #555; font-size: 15px; height: 20px; background-position: bottom right; background-repeat: no-repeat; padding-left: 20px; margin-bottom: -4px; } .popXtn .pre-text .pre-text-info .info-items.audience { background-image: url(../images/ico-audience.svg); display: inline-block; } .popXtn .pre-text .pre-text-info .info-items.main-subject { background-image: url(../images/ico-main-subject.svg); display: inline-block; } /* // TOPICS LIST PAGE*/ /* MY IDEA BANNER */ .popXtnCmpnt .myIdeaBanner { background-color: #fff; position: relative; } .popXtnCmpnt .bannerImg { background-color: var(--primary-btn-color); padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; height: 100%; border-radius: var(--item-radius); } .popXtnCmpnt .engBanner .bannerImg { padding: 24px 22px 0px 22px; } .popXtnCmpnt .bannerImg::before { content: ""; background: url(../images/border-top.svg); background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; position: absolute; top: 12px; right: 33px; height: 20px; width: 20px; } .popXtnCmpnt .bannerImg::after { content: ""; background: url(../images/border-bottom.svg); background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; position: absolute; bottom: 12px; left: 33px; height: 20px; width: 20px; } .popXtnCmpnt .bannerCalloutSm { font-size: 44px; line-height: 40px; } .popXtnCmpnt .bannerText { font-size: 22px; line-height: 29px; padding-top: 7px; } .popXtnCmpnt .engBanner .bannerText { font-size: 20px; line-height: 29px; padding-top: 7px; } .popXtnCmpnt .bannerCallout { font-size: 40px; font-weight: 600; margin-top: 8px; line-height: 43px; margin-bottom: 20px; } .popXtnCmpnt .bannerInput { margin-bottom: 15px; font-size: 16px; } .popXtn .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; } .popXtn .btn.goBtn.darkBlue:hover { background-color: #11415a; } .popXtn .btn.goBtn.darkBlue.secondary { background-color: #EEEEEE; color: #1D5C7E; } .popXtnCmpnt .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; } .popXtnCmpnt .btn.goBtn.darkBlue.secondary { background-color: #EEEEEE; color: #1D5C7E; } /* // MY IDEA BANNER */ /* MY IDEA TEASER */ .page-component-edu.popXtnCmpnt .page-panel .text-container.myIdeaText { background-color: #3098cf; color: #fff; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img .text-container.myIdeaText a.title, .page-component-edu.popXtnCmpnt .page-panel .link-with-img div.text { color: #fff; } .popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; } .popXtnCmpnt a.btn.btn-default.smallBtn:hover { color: #2c7094 !important; opacity: 0.8; } .popXtnCmpnt .page-component-edu .text-container.myIdeaText a:hover { opacity: 0.7; color: #fff !important; } .myIdeaModal.popXtnCmpnt .modal-title { font-size: 22px; } .myIdeaModal.popXtnCmpnt .bannerImg { padding: 32px 35px 11px 35px; } /* // MY IDEA TEASER */ .popXtn a.ContainerPopularButton { float: left; color: #fff; background-color: #1D5C7E; border: 1px solid #1D5C7E; border-radius: 8px; padding: 3px 15px; font-size: 16px; text-decoration: none; font-weight: normal; } .popXtn a.ContainerPopularButton:hover { background-color: #11415a; color: #f4f4f4 !important; } .popXtn .courseNoticeWrapper { background-color: var( --grey-background); padding: 10px; margin: 16px; min-height: 50px; font-size: 18px !important; border-radius: var(--item-radius); } .popXtn .courseNoticeWrapper .noticeIcon { background-image: url(../images/ico-notice.svg); background-repeat: no-repeat; background-position: center; width: 20px; height: 23px; padding: 0px 20px; display: inline-block; } /*.popXtn .coll-text.courseInfo { color: #3098CF; }*/ .popXtn .ContainerItemInfo { margin-bottom: 20px; } .popXtn .ContainerItemInfo .ItemInfo div { font-size: 18px !important; margin-bottom: 8px; } .popXtn .slickSliderSlide { text-align: right; padding-right: 90px; background-image: url(../images/image-quote.svg); background-repeat: no-repeat; background-position: top right; } .popXtn .slickSliderSlide.quote { background-image: url(../images/image-quote.svg); } .popXtn .slickSliderSlide.videoClip { background-image: url(../images/image-video.svg); } .popXtn .slickSliderSlide .slideTitle { font-size: 16px; font-weight: 600; } .popXtn .quotes-carousel-component .slickSliderSlide .slideTitle { font-size: 18px; font-weight: 600; } .popXtn .quotes-carousel-component .slickSliderSlide .slideText { font-size: 16px; } .popXtn .slickSliderSlide .slideText { font-style: italic; } .popXtn .page-component-edu .page_component .content.advanced-component.banner .slides .slick-slide { width: auto; } .popXtn .slickSliderSlide .image { margin-right: 20px; } /* // MOOC COURSE PAGE // */ /* SEARCH MOOC COURSE PAGE */ .popXtn .col-md-4.ColMultiSelect { padding-left: 30px; padding-right: 30px; border-left: 1px solid #ccc; min-height: 294px; } .popXtn .containerCourseSearch .boxMultiSelect { margin-bottom: 20px; min-height: 36px; padding: 0 10px; font-size: 16px; } .popXtn .boxMultiSelect .col-md-5 { padding-left: 0; } .popXtn .containerCourseSearch .boxMultiSelect .col-md-7 { padding-right: 5px; } .popXtn .clearBtnWrap a.clearBtn { font-size: 16px !important; } /*--multi select--*/ .popXtn .containerCourseSearch .btn-group, .popXtn .containerCourseSearch .btn-group > .btn:first-child { width: 100%; text-align: right; } .popXtn .containerCourseSearch .multiselect-container { width: 100%; } .popXtn .containerCourseSearch .btn-group .caret { float: left; margin-top: 9px; } .popXtn .containerCourseSearch .multiselect-container > li > a > label.checkbox { font-size: 16px; } .popXtn .containerCourseSearch .multiselect-container > li > a { padding-right: 3px; } .popXtn .containerCourseSearch .multiselect-selected-text { font-size: 16px; padding-left: 5px; } .popXtn .containerCourseSearch .boxMultiSelect { margin-bottom: 20px; min-height: 36px; padding: 0 10px; } .popXtn .containerCourseSearch .boxMultiSelect.radioCustomRow { margin-bottom: 0px; } .popXtn .checkboxCustomContainer .col-md-2 { padding-left: 0px; } .popXtn .containerCourseSearch .dropdown-menu > .active > a, .popXtn .containerCourseSearch .dropdown-menu > .active > a:hover, .popXtn .containerCourseSearch .dropdown-menu > .active > a:focus { background-color: #92518D; } /*.popXtn .containerCourseSearch .btn-group .btn { border-radius: 0; }*/ .popXtn .containerCourseSearch .boxMultiSelect .col-md-7 { padding-right: 5px; } .popXtn .boxMultiSelect .SubTitle .TooltipHelp { cursor: pointer; vertical-align: text-bottom; } .popXtn .boxMultiSelect .form-control { border-radius: 0; } .popXtn .boxMultiSelect label { font-weight: normal; font-size: 16px; } .popXtn .boxMultiSelect.RowButtns { padding-top: 10px; } .popXtn .boxMultiSelect.RowButtns a { font-size: 16px; text-decoration: underline; } .popXtn .boxMultiSelect.RowButtns button.btn-danger { background-color: #92518D; border-color: #92518D; } .popXtn .boxMultiSelect.RowButtns button.btn { font-size: 24px; width: 137px; float: left; padding: 2px 12px; } .popXtn .containerCourseSearch .BoxContent { border-bottom: 1px solid #ccc; padding-bottom: 23px; margin-bottom: 43px; } .popXtn .col-md-4.ColMultiSelect { padding-left: 30px; padding-right: 30px; border-left: 1px solid #ccc; min-height: 294px; } .popXtn .ColMultiSelect:first-child { border-left: 1px solid #CCCCCC; } .popXtn .btn.goBtn.small { font-size: 16px; padding: 0px 15px; } .popXtn .btn.goBtn.small:hover { background-color: #1D5C7E; } .popXtn .resltsDataContainer { border: solid #fff 15px; margin-top: 0; } .popXtn .resltsDataContainer .rsltsDataItem { padding: 0 12px; margin-right: 0 10px; border-left: 1px solid #666; } .popXtn .resltsDataContainer .rsltsDataItem:last-child { border-left: none; } .popXtn .resltsDataContainer .rsltsDataItem strong { padding-right: 8px; } .popXtn .resltsDataContainer .showingRslts { font-size: 16px; padding-top: 10px; } .popXtn .link-with-img.courseItemBox { border-top: 1px solid #E2E2E2; padding: 20px 0; } .popXtn .page-component-edu .link-with-img .text-container .item-name.courseItem h5 { font-size: 24px; color: #3098CF; font-weight: normal; } .popXtn .courseItemInfo { margin-top: 12px; } .popXtn .courseItemInfo .rsltsDataItem { padding: 0 12px; margin-right: 0 10px; font-size: 16px; } .popXtn .courseItemInfo .rsltsDataItem:first-child { padding-right: 0; } .popXtn .courseItemInfo .rsltsDataItem strong { padding-left: 8px; } .page-component-edu .page_component .content.advanced-component.banner .slick-next i.fa { background: url(../images/gallery-slick-arrow-right.svg) no-repeat center; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev i.fa { background: url(../images/gallery-slick-arrow-left.svg) no-repeat center; } .btn .caret { margin-left: -10px; } /* // SEARCH MOOC COURSE PAGE // */ /* checkbox custom */ .popXtn .checkbox-custom { opacity: 0; position: absolute; } .popXtnCmpnt .checkbox-custom { opacity: 0; position: absolute; } .popXtn .checkbox-custom, .popXtn .checkbox-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; } .popXtnCmpnt .checkbox-custom, .popXtnCmpnt .checkbox-custom-label { display: inline-block; vertical-align: middle; cursor: pointer; } .popXtn .checkbox-custom-label { position: relative; } .popXtnCmpnt .checkbox-custom-label { position: relative; } .popXtn .checkbox-custom + .checkbox-custom-label:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 8px; } .popXtnCmpnt .checkbox-custom + .checkbox-custom-label:before { content: ""; background: #fff; border: 1px solid #999; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 0 0; margin-left: 8px; } .popXtn .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } .popXtnCmpnt .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: #3098CF; font-weight: 600; } /* // checkbox custom */ /* MEDIA QUERIES */ @media (max-width: 768px) { .popXtnCmpnt .PanelCollapse .Questions { vertical-align: top; /*margin-top: -6px;*/ /*width: 90%;*/ } .StripMain.AdministrativeSpace aside.quick-links { min-height: 450px !important; } .popXtn .srch-panel.srchFilterTopics .nopaddingL { padding-left: 15px; } .popXtn .srch-panel.srchFilterTopics .nopaddingR { padding-right: 15px; } .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline, .popXtn .srch-panel.srchFilterTopics .checkbox-inline + .checkbox-inline:first-child { margin-right: 0px; margin-left: 10px; } .popXtn .btn.btn-default.smallBtn { float: none !important; margin: 10px 5px; } .popXtnCmpnt .btn.btn-default.smallBtn { float: none !important; margin: 10px 5px; } .popXtn .courseItemInfo .rsltsDataItem { display: block; margin-bottom: 5px; padding-right: 0px; } } @media (max-width: 767px) { .popXtn .pre-text .pre-text-info { display: block; padding-left: 0px; } .popXtnCmpnt .pre-text .pre-text-info { display: block; padding-left: 0px; } .popXtn .btn.goBtn { width: 100%; margin-top: 15px; } .popXtnCmpnt .btn.goBtn { width: 100%; margin-top: 15px; } .popXtn .btn.goBtn:hover { background-color: #1D5C7E; } .popXtnCmpnt .btn.goBtn:hover { background-color: #1D5C7E; } .popXt a.clearBtn { margin-top: 15px; } } @media (max-width: 1200px) { .popXtn .linkBold a { font-size: 16px; } .popXtnCmpnt .linkBold a { font-size: 16px; } .popXtn .srchTopic .linkBold { border-right: 2px solid #86AFC5; padding: 9.5px 5px 4.5px 0; } .popXtn .bannerImg { margin-bottom: 33px; } .popXtnCmpnt .bannerImg { margin-bottom: 33px; } } @media (max-width: 1200px) and (min-width: 991px) { .popXtn .linkBold a { font-size: 16px !important; } } @media (max-width: 991px) { .popXtn .srchTopic { border-right: none; } .popXtn .btn.goBtn { width: 100%; } .popXtnCmpnt .btn.goBtn { width: 100%; } .popXtn .srchTopic .linkBold { border-right: none; } .popXtn .form-group.checkbox-group .control-label { display: block; } .popXtn .bannerFormWrap { margin-top: -15px; } .popXtnCmpnt .bannerFormWrap { margin-top: -15px; } .popXtnCmpnt .page-component-edu .page-panel .link-with-img div.text { margin-bottom: 20px; } .popXtnCmpnt .myIdeaTeaserBnnr .ContainerButtons { text-align: left; } } @media (max-width: 480px) { .popXtn .containerCourseSearch .btn.goBtn.full-width { margin-top: 0px !important; } } @media (max-width: 320px) { .popXtnCmpnt .bannerCallout { font-size: 44px; } } /*Fix 01-10-17*/ @media (max-width: 480px) { .selectWrap { display: inline-block; width: 100%; } } /*End fix 01-10-17*/ /*Fix 26-10-17*/ .hiddenFix { overflow: hidden; } /*End fix 26-10-17*/ /*Fix 11-5-17*/ @media (max-width: 768px) { .popXtnCmpnt a.btn.btn-default.smallBtn { margin-top: 4px; } } /*End fix 11-5-17*/ /*Academy-zone-classes*/ .page-component-edu .page_component .banner .slides .slick-slide { height: auto !important; } .page-component-edu .advanced-component.banner .slick-slide { /* padding: 30px 50px 20px 50px!important; */ padding: 0 30px 0 20px !important; } .page-component-edu .advanced-component.banner .slick-slide-academy { padding: 0px 35px 0px 35px !important; } /*.academy-slick a { color: #2c7094 !important; }*/ .date-broadcast { font-size: 20px; /* color: #2C7094;*/ font-weight: 600; /* margin-top: 20px;*/ } .broadcast-item-bottom .ContainerButtons { float: right !important; margin-right: 175px; } .registration-btn { font-size: 16px !important; } .broadcastItemBox h5 { margin-bottom: 15px; margin-top: 0px; font-size: 24px; color: #3098CF; } .broadcastItemBox h5:hover, .broadcastItemBox h5:focus { color: #1d8bd1; } .clearboth { clear: both; } .broadcast-item-bottom { margin-top: 20px; clear: both; } .academy-space .listing { margin-top: 12px; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } .broadcast-item-bottom .link-container { margin-left: 0 !important; } .page-component-edu a:focus { /* color: #1d8bd1 !important; -webkit-tap-highlight-color: #1d8bd1;*/ text-decoration: none; opacity: 1; } /*.page-component-edu .listing .link-container a { background-color: #3098CF; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 2px 12px; border-radius: 4px; }*/ /*.page-component-edu .listing .link-container a:hover { color: #fff !important; background-color: #1D5C7E; opacity: 1; }*/ .broadcast-date-section { margin-bottom: 16px; /* margin-right: 15px; margin-left: 15px;*/ } .broadcast-date-section:last-child { border-bottom: none; } .broadcast-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .academy-space .popXtnCmpnt .bannerImg { background-color: #3098CF; padding: 32px 35px 23px 35px; color: #fff; text-align: center; width: 100%; min-height: 300px; } .idea-banner-info { margin-right: -15px !important; padding-left: 5px !important; } .academy-space .popXtnCmpnt .bannerCalloutSm { font-size: 42px; } .popXtnCmpnt .bannerCallout-big { font-size: 100px; font-weight: 400; margin-top: 20px; line-height: 43px; margin-bottom: 30px; } .margin-bottom40 { margin-bottom: 40px; } .calendar-erea { min-height: 150px; padding: 0 !important; } .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important; } .form-control { font-size: 16px !important; } .broadcast-calendar-space label { font-size: 18px; padding: 0 0 0 10px; margin-top: 5px; text-align: left; } .broadcast-calendar-space h3 { margin-top: 5px; margin-bottom: 0; font-size: 22px; } h3.title-search-broadcast { font-size: 20px; font-weight: 600; margin-bottom: 10px; margin: 0px 0px 16px 0px; } .nopadding { padding: 0 !important; } .search-broadcast-btn { font-size: 16px !important; width: 140px !important; float: left; text-wrap: nowrap; } .advance-search { clear: both; text-decoration: underline; /*margin-right: 50px;*/ } .slick-slide-academy .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 10px !important; min-height: 137px; } .search-broadcast-erea { display: inline-block; width: 100%; margin-right: -10px; } .broadcast-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .search-broadcast-erea { margin-right: 0px; margin-left: 0px; } /*.quick-search-broadcast-erea { display: inline-block; width: 100%; }*/ .search-col-field { margin-bottom: 20px; display: inline-block !important; width: 100%; } .search-col-field:last-child { margin-bottom: 0px; } .search-col { padding: 10px 0px 0 30px !important; border-left: 1px #DFDFDF solid; } .search-col-left { padding: 10px 30px 0 40px !important; } .popXtn .checkbox-custom:checked + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom:checked + .checkbox-custom-label:before { content: "✓"; font-size: 12px; color: var(--cb-color); font-weight: 600; background: var(--cb-checked-bg); } .popXtnCmpnt .checkbox-custom + .checkbox-custom-label-grade:before, .popXtn .checkbox-custom + .checkbox-custom-label:before { content: ""; background: var(--background); border: var(--cb-border); border-radius: 2px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 0 3px 15px 0; margin-left: 5px; } .select-grade-erea { padding-left: 0 !important; margin-top: 7px; } .checkboxCustomWrap { width: 48px; } .search-time { padding: 10px 0 0 16px !important; } .search-time-erea { clear: both; padding-top: 15px; } .search-time-options { padding: 10px 0px 0 30px !important; } .search-time-options select { width: 110px; padding: 3px; } .date-options { padding: 10px 0px 0 0px !important; margin-right: 10px; } .date-options2 { padding: 10px 0px 0 0px !important; margin-right: 15px; } .input-group-addon { top: 10px !important; } .clsDatePicker { width: 85% !important; float: left !important; } .date-text { line-height: 200%; font-size: 16px !important; } .datepicker-days table tr th { background-color: rgb(255, 255, 255) !important; } .datepicker-days tbody { background-color: rgb(255, 255, 255) !important; } .input-group .form-control:first-child { border-radius: 0 !important; } .search-btn-erea { margin-top: 16px; display: inline-block; width: 100%; /* padding-left: 30px;*/ } .search-btn { width: 105px; } .white-title { box-shadow: none !important; } .popXtn .ContainerItemInfo .ItemInfo div .date-and-time { color: var(--title-color); font-size: 24px !important; font-weight: 600; margin-right: 15px; } .credit-strip { background: #E0EEF5; padding: 7px 20px; } .ask-lecturer { background: #E0EEF5; border-radius: 3px; background-image: url(../images/ask-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 95% 8px; font-weight: 600; } .update-diary { background: #E0EEF5; border-radius: 3px; background-image: url(../images/calendar-blue-icon.png); background-repeat: no-repeat; color: #2C7093; padding: 4px 30px 6px 12px; font-size: 18px; background-position: 93% 7px; font-weight: 600; margin-right: 7px; } .popXtn .btn.goBtn.darkBlueNarrow { background-color: #1D5C7E; padding: 2px 25px; } .popXtn .btn.goBtn.darkBlueNarrow:hover { background-color: #11415a; } .devider-gray { border-bottom: 1px #DFDFDF solid; height: 20px; clear: both; /* margin-right: 15px;*/ } .page-component-edu.lecture .main-content h2 { font-size: 24px; padding: 0; } .lecture-description { margin-right: 0 !important; margin-top: 10px; } .lecturer-pic { width: 90px !important; float: right; margin-left: 15px; margin-top: 5px; } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/triangle-up.png); } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/triangle-down.png); } .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/triangle-up.png); width: 100%; min-height: 48px; display: inline-block; background-repeat: no-repeat; background-color: var(--item-radius) !important; background-position: 98.5%; border-right: 3px #ffffff solid; border-left: 3px #ffffff solid; padding-right: 34px; padding-top: 9px; color: #1F6185; font-size: 18px; padding-left: 10px; height: auto; margin-bottom: -10px; } .lecture-boxes .panel-group .panel + .panel { margin-top: 0; padding-bottom: 10px; /* margin-bottom: -10px; */ } .lecture-box-info .panel:first-child { padding-bottom: 10px !important; } .lecture-box-info ul { padding-top: 10px; } .content-lecture-box { padding-top: 10px; } .lecture-boxes { padding-top: 3px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .listing { height: auto; } .AccordionTitle { font-weight: 600; float: right; /*color: #1D5C7E;*/ font-size: 22px; } .page-component-edu.lecture-boxes a.btn-primary::after { font-family: FontAwesome !important; content: ""; } .lecture-box-info a:hover, .lecture-box-info a:focus { border-color: #fff !important; } .lecture-box-info a:link { -webkit-tap-highlight-color: transparent; } .lecture-box-info li { font-size: 16px; padding-right: 5px; margin-bottom: 20px; } .lecture-box-info ul.arrow-li { list-style-image: url("/images/icons/navigation-blue-side.svg"); } .page-component-edu .panel { border: 0; } .page-component-edu .panel .slider-head-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .page-component-edu .panel .slider-head-wrap a { font-size: 18px; font-weight: 600; } .page-component-edu .panel .slider-head-wrap .comp-title-container { margin: 0 !important; } .page-component-edu .panel .slider-head-wrap .comp-title-container h4 { margin: 13px 0 0 0 !important; } .academy-space .lecture-box-info .listing { margin-top: 0 !important; margin-bottom: 0 !important; display: inline-block; overflow: visible; } .lecture-boxes .panel-group .panel + .panel { margin-top: 0; } .academy-space .relevant-activities .listing { margin-top: 5px; margin-bottom: 5px; } .page-component-edu.interest-in-box .text-container { min-height: 107px; background-color: #edf5fa; padding-top: 15px; padding-left: 10px; } .interest-in-box .link-with-img { margin-bottom: 25px; } /*.video-erea { margin-right: -15px; margin-left: -25px; }*/ .video-erea iframe { border-radius: 4px; } .video-description { margin-top: 20px; } .talkback-erea { margin-top: 40px; } /*.nearest-broadcast-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; }*/ .text18-semibold { font-weight: 600; font-size: 18px !important; } .text24-semibold { font-weight: 600; font-size: 24px !important; line-height: 130% !important; margin-top: 15px; margin-bottom: 10px; } .no-broadcast-box { padding-bottom: 20px !important; } .info-side { width: 50%; } .clear-right { clear: right; } .margin-top-30 { margin-top: 30px; } .img-vod-box { float: left; } .academy-space .slick-next { width: 40px !important; } .academy-space .slick-prev { width: 30px !important; } .academy-space .galleryTopics { padding: 0 30px; } .modal-text { font-size: 18px; color: #000; } slickCourses .slick-list { padding-bottom: 0 !important; } .page-component-edu .banner .slides.slick-slider.slickCourses .slick-list { padding-bottom: 0 !important; height: auto !important; } .img-teacher { float: left; } /* START - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/ @media (max-width: 1199px) and (min-width: 992px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery2 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery3 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image { height: 400px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 200px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .first .image { height: 400px !important; } .slides.academy-slick .gallery2.galleryTopics .image img { height: 280px; } .slides.academy-slick .gallery3.galleryTopics img { height: 280px; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .gallery4 .image img { height: 280px; } } @media (min-width: 481px) and (max-width: 767px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img { height: 200px !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: auto !important; } } @media (min-width: 768px) and (max-width: 991px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image img { height: auto !important; } .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 400px !important; } } @media (max-width: 400px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 250px !important; } } @media (max-width: 480px) and (min-width: 400px) { .advanced-component.banner.switch-collage-banner .slides.academy-slick .image { height: 300px !important; } } /* END - fix for production gallery mobile+tablets view 25-3-2019 by yisca*/ h1, h2, h3, h4, h5, h6, .heading { font-family: "assistant" !important; font-weight: 600 !important; color: var(--title-color); } .gallery2.galleryTopics .try-overlayicon { height: 46px; } .gallery2.galleryTopics .image { height: 480px; } .gallery3.galleryTopics img { height: 380px; } .disabled-checkbox { opacity: 0.3; } .broadcast-item-bottom .broadcastReadMore { float: left !important; } .broadcast-date-section .listing { height: auto; margin-top: 12px; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } .academy-slick .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 40px; height: 50px; position: absolute; z-index: 200; background: none; border: 0 none; cursor: pointer; } input[type=checkbox][disabled] ~ label { opacity: 0.3 !important; } .calendar-left-content { margin-top: 55px; border-right: #DFDFDF solid 1px; padding: 0 20px 0 0; height: 310px; } .title-calendar-content { color: #2C7093; font-size: 18px; font-weight: 600; margin-bottom: 10px; } /*.calendar-hours { color: #2C7093; }*/ .calendar-content-item { color: #2C7093; font-weight: 600; padding-right: 0 !important; } .calendar-content-row { margin-bottom: 15px; } .calendar-legend { clear: both; margin: -10px 0 20px 0px; } .legend-current { border-radius: 100%; height: 23px; width: 23px; border: 1px var(--primary-btn-color) solid; background: transparent; display: inline-block; margin: 0 20px -5px 10px; } .legend-event { border-radius: 100%; height: 23px; width: 23px; background: #E0EEF5 !important; display: inline-block; margin: 0 20px -5px 10px; } .devider-gray-calendar { border-bottom: 1px #DFDFDF solid; clear: both; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; } .autocomplete li:hover { background-color: #f5f5f5; } @media (max-width: 1200px) { .gallery2.galleryTopics .image { height: 430px; } .gallery3.galleryTopics img { height: 325px; } #broadcast-time { width: 150px !important; } } @media (max-width: 1024px) { .search-btn { width: 105px !important; } } @media (min-width: 1199px) { .search-time-options select { margin-right: 25px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .try-gallery .item:not(.first) a .try-overlayicon p { font-size: 15px !important; max-height: unset; } .academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap { padding-right: 5px !important; } .gallery2.galleryTopics .image { height: 380px !important; } } @media screen and (max-width: 991px) and (min-width: 769px) { .StripMain.academy-space, .StripMain.AdministrativeSpace { padding-top: 15px; } } @media (min-width: 992px) { /*#broadcast-time { margin-right: 23px; width: 235px; }*/ .quote-width1 { width: 75% !important; } .img-teacher-width1 { width: 25% !important; } .quote-width2 { width: 66% !important; } .img-teacher-width2 { width: 33% !important; } .quote-width3 { width: 50% !important; } .img-teacher-width3 { width: 50% !important; } } @media (max-width: 991px) { .idea-banner-info .bannerFormWrap { margin-right: 15px; margin-left: 15px; } .search-broadcast-erea { margin-right: 0; } .quick-search-broadcast-erea { margin-right: 0; } .search-broadcast-erea .ContainerButtons { text-align: left !important; } .search-col { padding: 0px !important; border: 0; } .search-col-left { padding: 0px !important; } .search-time { padding: 0px !important; } .search-time-options { padding: 10px 15px 0 15px !important; } .clsDatePicker { width: 90% !important; } .date-options2 { margin-left: 15px; margin-right: 11px; } .date-options { margin-left: 15px; } .search-broadcast-erea .ContainerButtons { text-align: left !important; } .search-btn-erea { padding-left: 0px !important; } .btn.goBtn.darkBlueNarrow { width: auto !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: 83px; } .academy-space .page-component-edu .advanced-component.banner .row h4 { margin: 13px 15px 0 0; } .gallery2.galleryTopics .try-overlayicon { height: 100px; } .search-time-options select { width: 100%; } #broadcast-time { width: 100% !important; } .calendar-left-content { border-right: 0; margin: 10px 20px 0; height: auto; border-top: #DFDFDF solid 1px; padding: 20px 0; } .calendar-content-item { padding-right: 15px !important; } .title-search-broadcast { margin-right: 0; } } @media (max-width: 630px) { .broadcastReadMore { margin-right: 0; } } @media (min-width: 768px) { .academy-slick .gallery2 .col-md-4 { width: 33.33% !important; } .academy-slick .gallery3 .col-md-4 { width: 50% !important; } .academy-slick .gallery4 .col-md-4 { width: 100% !important; } #ask-lecturer-modal .modal-dialog { width: 620px; } .image-lecture { padding-right: 15px; } .calendar-erea { /*padding-left: 15px !important;*/ padding-right: 5px !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: auto; } } @media (max-width: 767px) { .academy-space .galleryTopics { padding: 0; } .gallery2.galleryTopics .try-overlayicon { height: 50px; } .popXtn .btn.goBtn.darkBlueNarrow { margin-top: 0; } .no-broadcast-text { padding: 0; } .img-teacher { float: none; padding: 40px !important; } .broadcast-item-bottom .ContainerButtons { margin-right: 0; } .broadcast-date-section .btn.goBtn { margin-top: 0 !important; } } @media (max-width: 767px) and (min-width: 600px) { .image-lecture { margin-right: 15px; margin-bottom: 5px; } } @media (max-width: 600px) { .img-vod-box { float: none !important; margin-right: -15px; margin-left: -15px; } .vod-box .info-side { width: 100%; } } @media (max-width: 560px) { .update-diary { margin-top: 10px; margin-right: 0; float: right; } } @media (max-width: 480px) { .popXtnCmpnt .bannerCallout-big { font-size: 80px; } .interest-in-box img { width: 96px; height: 64.2px; } .page-component-edu .page_component .link-with-img div.text { padding-bottom: 15px; } } @media (max-width: 425px) { .broadcastItemBox h5 { clear: both; } .ask-lecturer { font-size: 13px; display: block; width: 125px; } .update-diary { font-size: 13px; } .but-lecture-erea { padding: 0 !important; } .popXtn .btn.goBtn.darkBlueNarrow { padding: 2px 10px; font-size: 18px; margin-left: -15px; } .lecture-description { margin-right: -15px !important; margin-left: -30px !important; } .popXtn a.ContainerPopularButton { margin-top: 10px; } .side-info-lecture { padding: 0 !important; margin-left: -15px; } .image-lecture-erea { margin-right: 0; } .image-lecture-erea { margin-left: -15px; } .page-component-edu:not(.not-shaped) .comp-title-container h3 { margin: 12px 15px 0 15px; } .img-teacher { padding: 10px 0 !important; } } /*-- gallery-fix - 20-3-19 ---*/ .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 40px; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev { width: 40px; } .page-component-edu .advanced-component.banner .slick-slide { padding: 0 30px 0 20px !important; } .popXtn .academy-slick .try-gallery .item.first a .try-overlayicon { margin-top: 10px; } .popXtn .academy-slick .try-gallery .item.first a .try-overlayicon p { min-height: auto !important; } .page-component-edu .advanced-component.banner .row h4 { margin: 13px 15px 0 0; } .switch-collage-gallery-component.page-component-edu .advanced-component.banner .row h4 { margin: 12px 13px 5px 13px; } .search-time-erea .form-control { border: 1px solid #a9a9a9; } .search-broadcast-erea ul, .search-broadcast-erea ol { line-height: 0.8 !important; } .search-broadcast-erea .dropdown-menu > li > a { display: block; padding: 0 20px; } .boxMultiSelect .checkbox-custom-label-grade { margin-top: 0 !important; } .search-time-erea select::-ms-expand { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .search-time-erea #broadcast-time, .search-time-erea #broadcast-time-2 { height: 36px !important; background-image: url(../images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: center left !important; } } @supports (-ms-ime-align: auto) { .search-time-erea #broadcast-time, .search-time-erea #broadcast-time-2 { height: 36px !important; background-image: url(../images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: center left !important; } } @media (max-width: 1200px) and (min-width: 991px) { .page-component-edu .advanced-component.banner .slick-slide { padding: 0px 40px 20px 30px !important; } .try-gallery .first .image { height: 476px; } } @media (min-width: 992px) { .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p:last-child { line-height: normal; min-height: auto; } .popXtn .academy-slick .try-gallery .first .image { height: 492px; } .popXtn .academy-slick .try-gallery.gallery4 .image { height: 490px; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { /*position: absolute; bottom: 0; left: 0;*/ /*padding: 0 0 6px 4px;*/ } .popXtn .academy-slick .try-gallery.gallery3 .image .galleryReadMore { position: relative; } .advanced-component.banner .slides .image.small { height: 246px; } .academy-slick .row.page_component.try-gallery.gallery4 .item a .item-time-wrap { display: block; padding-right: 13px; } } .academy-slick .row.page_component.try-gallery.gallery3.galleryTopics .item a .try-overlayicon p { min-height: 46px; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { margin: 0; } .item-time-wrap img.broadcast-icon { width: 14px; height: 15px !important; margin-bottom: 1px; } .academy-slick .row.page_component.try-gallery.gallery2 .item a .item-time-wrap { padding-right: 13px; } .academy-slick .row.page_component.try-gallery.gallery3 .item a .item-time-wrap { padding-right: 13px; } .item-time-wrap { margin: 5px 0; display: flex; justify-content: flex-start; align-items: center; padding-right: 18px; } .item-time-wrap.small { padding-right: 13px; margin: 5px 0; } .item-time-wrap span { line-height: 16px; font-weight: 600; margin: 0 3px; display: inline-block; } .item-time-wrap span.date { border-left: 1px solid rgb(44, 112, 148); padding-left: 5px; } .item-time-wrap.broadcastItemBox { margin: 0; display: inline-flex; background: rgba(208, 227, 242, 0.48); padding: 7px 14px; align-items: flex-end; } .item-time-wrap.broadcastItemBox span { line-height: 14px; font-weight: 600; margin: 0 3px; display: inline-block; color: rgb(44, 112, 148); } .item-time-wrap.broadcastItemBox span.date { border-left: 1px solid rgb(44, 112, 148); padding-left: 5px; } @media (min-width: 1200px) { .gallery4 img { height: 360px !important; } .gallery4 .item:not(.first) a .try-overlayicon p { min-height: auto; } } @media (max-width: 1200px) { .page-component-edu .link-container a { font-size: 15px; } .row.page_component.try-gallery .item.first a .try-overlayicon p { min-height: 30px; } .try-gallery.gallery4 .advanced-component.banner .slides .image { height: auto !important; } .advanced-component.banner .slides .image { height: 223px !important; } .gallery3 .item:not(.first) a .try-overlayicon p { max-height: 46px; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 15px; } } @media (max-width: 1024px) { .popXtn .link-container.galleryReadMore { padding: 0 0 20px 5px; margin-top: -10px; } } @media (max-width: 991px) { .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 1px; } .advanced-component.banner .slides .item { width: 100%; } .academy-slick .row.page_component.try-gallery .item a .try-overlayicon p { font-size: 16px; min-height: auto !important; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: relative; } .popXtn .link-container.galleryReadMore { padding: 0; } .gallery4 .image { height: auto; } .advanced-component.banner .slides .gallery2 .image { height: 360px !important; } .page-component-edu .advanced-component.banner .slick-slide { padding: 0px 20px 10px 15px !important; } .gallery3.galleryTopics img { height: auto; } .try-gallery.gallery3 .item:not(.first) a .try-overlayicon p { min-height: 40px; max-height: 44px; } .gallery4 img { height: auto !important; } .try-gallery p:nth-child(2) { display: none; } } @media (max-width: 860px) { .try-gallery .item.first a .try-overlayicon p { max-height: 74px; } .try-gallery .item:not(.first) a .try-overlayicon p { min-height: auto; max-height: 40px; } .popXtn .try-gallery .item.first a .try-overlayicon p:first-child { margin-top: 0px; } } @media (max-width: 800px) { .try-gallery .item:not(.first) a .try-overlayicon p { min-height: auto; max-height: 36px; } } @media (max-width: 767px) { .page-component-edu .advanced-component.banner .slick-slide { padding: 0 !important; } .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: absolute; left: 5px; bottom: 10px; } } @media (max-width: 425px) { .gallery4 { padding: 0 !important; } .gallery3 img { height: 132px !important; } .row.page_component.try-gallery.galleryTopics { border: 0; } .try-gallery .item .image { position: relative; border: 0; } .page-component-edu .page_component .content.advanced-component.banner .slick-prev, .page-component-edu .page_component .content.advanced-component.banner .slick-next { width: 30px !important; } .gallery4 .image { height: 300px; } .popXtn .link-container.galleryReadMore { margin-top: 20px; } } /*-- End gallery-fix ---*/ /*End Academy-zone-classes*/ /*-- calendar fix ---*/ .fc-state-default { border: 0; background-color: transparent; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: none; background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #7092B1; text-shadow: 0; box-shadow: none; } .fc-state-default:hover { color: #1D5C7E; } .fc-next-button:focus, .fc-prev-button:focus { outline: -webkit-focus-ring-color auto 1px; } .fc-center h2 { margin-top: 5px !important; } .calendar table { background: 0; margin-top: 5px; } .fc-head-container { border: 0 !important; } .fc-day-header { background: transparent; } .fc td, .fc th { border-style: none; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border: 0; } .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { text-align: center; } .fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: none; } /*.fc-today span:before { border-radius: 100%; height: 34px; width: 34px; border: 1px #DF2020 solid; background: transparent; content: ""; position: absolute; z-index: -1; margin-left: 11px; margin-top: -7px; display: flex; }*/ .fc-content-skeleton .fc-today { cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url(../images/igul-current-day.png) !important; background-repeat: no-repeat !important; background-position: top center !important; } /*.fc-today { cursor: pointer; color: rgba(24,24,24,1); height: 36px !important; background-image: url(../images/igul-current-day.png) !important; background-repeat: no-repeat !important; background-position: top center !important; background-clip: content-box !important; line-height: 240%; }*/ .has-events { color: #ffffff; border: 0; cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url("../images/igul-event.png") !important; background-repeat: no-repeat !important; background-position: top center !important; } .fc-today.has-events { color: #ffffff; border: 0; cursor: pointer; color: rgb(24, 24, 24); height: 36px !important; background-image: url("../images/icons/current-day.png") !important; background-repeat: no-repeat !important; background-position: top center !important; } .fc td, .fc th { vertical-align: middle; } .fc-scroller { overflow-y: hidden !important; height: auto !important; } .fc-basic-view .fc-body .fc-row { height: 2.7em !important; min-height: 2em; } .fc-unthemed td.fc-today { background: transparent; } .has-events:hover { cursor: pointer; } .caret { border-top: 6px dashed !important; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent; } @media (max-width: 320px) { .fc-day-header { font-size: 1.3rem; } } /*-- End calendar fix ---*/ /*-- Tour ---*/ .advanced-component.standard-components.tours-space .col-md-8 { width: 100%; } .tours-space .listing { margin-top: 0; border-top: 1px solid #E2E2E2; padding: 20px 0 0; } #left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) { border: 0; } /*section.content .home-container .row.home-row .tours-space h2 { width: 235px; }*/ .rout-field { float: right !important; font-family: Assistant; font-size: 18px; font-weight: bold; line-height: 150%; color: #333; text-align: right; min-width: 19%; width: 40%; min-height: 48px; height: 48px; -webkit-appearance: none; -moz-appearance: none; padding-right: 10px; background-position: 0; background-size: 30px 100%; border: 1px solid #000; border-right: none; } select#edulevel { background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff; background-size: 30px 100%; } a.hipus:after { font-family: FontAwesome; content: " \f104"; } #left_col:not(.home) .tours-space h1:first-child:not(.areaTitle) { margin-bottom: 0; } .tours-space .lecture-description { margin-top: 0; } section.content .tours-space h2 { margin-top: 0; } .box-recommendation { background: var( --background-light-blue); /*padding: 16px;*/ margin-bottom: 10px; } .box-recommendation a { color: var(--link-color-on-l-blue) !important; } .box-recommendation a.primary-btn { color: var(--primary-btn-text-color) !important; } .box-recommendation a.secondary-btn { color: var( --secondary-btn-text-color) !important; } /*.box-recommendation h2 { color: #1D5C7E; }*/ .box-recommendation ul { list-style: none; } .box-recommendation ul:last-child { margin: 0; } .title-rout { font-weight: 600; margin-bottom: 0; } /*.box-recommendation ul li::before { content: "•"; color: #3098CF; display: inline-block; width: 0.5em; margin-right: -0.7em; font-size: 22px; margin-bottom: 5px; }*/ .box-recommendation ul li { margin: 0; line-height: 120%; padding: 5px 0; } .box-recommendation h3:first-of-type { margin-bottom: 20px; } .tours-space.popXtn .ContainerItemInfo { margin-bottom: 0; } .lecture-boxes .read-more { display: block; margin-top: 5px; } .lecture-box-info li.more-links { margin-bottom: 10px; margin-top: 5px; } .tours-space .page-component-edu .page_component .img-container { width: auto; height: 80px; } .tours-space .text-container.myIdeaText { background-color: #3098cf; color: #fff !important; } .tours-space .link-with-img .myIdeaText a, .tours-space .link-with-img .myIdeaText .text { color: #fff !important; } .tours-space.popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 9px 1px 5px !important; margin-top: -20px; margin-left: 8px; } .tours-space .smallBtn { color: #333 !important; background-color: #fff; border-color: #ccc; } .tours-space .link-with-img a.btn-default.smallBtn { color: #2c7094 !important; margin-top: -20px; font-weight: 400; padding: 4px 9px 4px 5px; } .btn.goBtn.darkBlue { background-color: #1D5C7E; width: 100%; font-size: 22px; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 4px 12px; border-radius: 4px; } .btn.goBtn.darkBlue:hover { background-color: #11415a; } .tours-space .page-component-edu .page_component.main-content { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .tours-space .page-component-edu .panel-body { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .tours-space .quick_links.panel.panel-default { padding-bottom: 0; } @media (min-width: 1200px) { .advanced-component.standard-components.tours-space { padding: 0; } } @media (max-width: 991px) { section.content.tours-space .home-container .row.home-row .ma-lomdim { width: 90%; } .tours-space .home-row { width: 100%; margin-top: 10%; margin-right: 2%; } /* .tours-space .home-container { background-size: 200%; }*/ section.content .home-container .row.home-row .tours-space .ma-lomdim h1 { width: 100%; padding-top: 5px; font-size: 32px; } } @media (max-width: 768px) { section.content .home-container .row.home-row .ma-lomdim h1 { width: 100%; padding-top: 5px; } .rout-field { width: 55%; } .tours-space .home-learn-dlg { padding-top: 0; margin-top: 0; } .page-component-edu .panel .slider-head-wrap { padding: 0 20px; } .page-component-edu .advanced-component.banner .row h4 { font-size: 18px; padding: 10px 15px; } } @media (max-width: 480px) { .rout-field { width: 100%; } .tours-space .home-learn-dlg { padding-top: 0; margin-top: 0; margin-bottom: 0; } } @media (max-width: 480px) and (max-width: 991px) { section.content.tours-space .home-container .row.home-row .ma-lomdim { width: 100%; } } /*-- End Tour ---*/ /*-- Social ---*/ .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-chevron-left:before { content: "\e079"; } .social-main .carousel a { color: #fff; } .social-main .carousel a:hover { color: #fff !important; } .social-main .carousel-indicators { right: 50% !important; left: 0; margin-right: -30% !important; margin-left: 0; padding-left: 0; } .listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line2 { left: 32.6%; } .listing-container.ng-scope.listing-container-three-columns-with-title div.vert-line { top: -5px; width: 1.4%; height: 102%; background-color: rgb(238, 238, 238); position: absolute; } .listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns { padding-right: 15px; } .listing-container.ng-scope.listing-container-three-columns-with-title .listing { overflow: visible; } .listing-container.ng-scope.listing-container-three-columns-with-title .vert-line.vert-line1 { right: 32.6%; } .listing-container.ng-scope.listing-container-three-columns-with-title h2 { padding-bottom: 15px; margin-top: -25px; font-size: 30px; color: rgb(48, 65, 85); text-align: center; min-height: 50px; } .listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) { margin-right: 10px; margin-left: -10px; } /*.social-main .search-btn-erea { padding-left: 25px !important; }*/ .social-search-space { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 48px; } .social-search-space label { font-size: 18px; margin-top: 5px; padding: 0; } .type-search-social { margin: 15px 15px 20px; width: 100%; } .type-search-social { margin: 15px 0 20px; width: 100%; } .social-main .listing { margin-bottom: 40px; } .social-activity-search .listing h2 { margin-bottom: 20px; margin-top: 10px; font-size: 28px; color: #3098CF; } .social-activity-search .listing p { font-size: 16px; } .social-activity-results-section { margin-bottom: 20px; margin-right: 15px; margin-left: 15px; } .school-title { font-size: 16px; font-weight: 600; } .social-role p { font-size: 16px; } .roles-targets { padding-bottom: 30px !important; } .targets-pic { padding-top: 10px; padding-left: 20px; } .role-search-space .search-col-left { padding: 15px 30px 0 45px !important; } .recommended-title h3 { font-size: 24px !important; color: #3098CF !important; margin-top: 15px; } .rec-role-erea { padding: 30px; } .link-items li { background: url(../images/Arrow-Link-List.png) no-repeat top 7px right #fff; background-size: 8px; padding-right: 15px; color: #2C7093; font-size: 16px; } ul.link-items { list-style: none; } .panel.teacher-tools { padding-bottom: 20px; } .social-role .try-resources { margin-bottom: 40px; } .age-levels { float: right; margin-left: 10px; } @media (max-width: 991px) { .type-search-social { margin: 15px 0px 10px; width: 100%; } .search-col-field .col-md-8 { padding: 0; } .social-main .search-col { padding: 10px 0px 0 0px !important; } .search-col-field:last-child { margin-bottom: 10px; } .social-main .search-btn-erea { padding-left: 0 !important; } /* .role-search-space .search-btn-erea { padding-left: 15px !important; }*/ .role-search-space .search-col-left { padding: 15px 16px 0 30px !important; } ul.link-items { margin-top: 15px; } .link-items li { padding-left: 0 !important; } .age-levels { margin-top: 0 !important; } } @media (max-width: 600px) { .type-search-social { width: 100%; } } @media (max-width: 480px) { .social-role .bottom-component img { width: 100%; height: auto; } } @media (max-width: 425px) { .type-search-social { width: 100%; } .social-activity-results-section .listing .col-xs-12, .social-activity-results-section .listing .col-md-7, .social-activity-results-section .listing .col-md-5 { padding: 0; } .social-activity-search .listing h2 { font-size: 24px; } } @media (max-width: 375px) { .type-search-social { width: 100%; } .title-search-social h4 { font-size: 19px !important; } .role-search-space .checkboxCustomWrap { width: 42px; } } @media (max-width: 320px) { .type-search-social { width: 100%; } } /*-- End Social ---*/ /*-- Main-pedagogic ---*/ .main-pedagogic .ma-lomdim h1 { font-size: 28px; font-weight: bold; line-height: 100%; color: var(--title-color); text-align: right; /* padding: 7px 0px 0 0; margin-left: 15px;*/ } select#learnsubject, .search-main select#edulevel { color: var(--select-place-holder); background: #FFFFFF 0% 0% no-repeat padding-box; border: none; border-radius: 32px; opacity: 1; border-left: none; height: 5px; width: 100%; /* background: url(../images/arrow_drop_down_grey_64.png) no-repeat left #fff; background-size: 30px 100%; */ } .main-pedagogic .search-main { background-color: var(--background-light-blue); /* padding: 55px 70px; margin-right: auto; margin-left: auto; background-position: center; background-size: cover;*/ } /* .search-main select#edulevel { min-width: 19%; width: 23%; height: 55px; }*/ .search-main a.hipus.btn.btn-primary[disabled] { height: 55px; } .banners-strip { padding: 10px 10px 20px; display: inline-block; margin-bottom: 0; } .pic-current { margin: 0 5.5% 29px 0; width: 44.5%; } .current-pics { padding-left: 0; padding-right: 3px; } .banner-main:hover { opacity: 0.9; } .link-all { font-size: 20px; float: inline-end; padding-inline-end: 16px; margin-top: -40px; } .tikshuv-strip .link-all { padding-inline-end: 0; } .strip-no-title .link-all { margin-top: 0px; } .link-all:hover { /*color: rgb(29, 139, 209);*/ } .link-all .link-arrow { width: auto; margin-inline-start: 5px; } .main-list-component.ltr .link-all .link-arrow { transform: rotate(180deg); } .current-strip { margin-bottom: 48px; } .font16 { font-size: 16px; color: #000; } .travel-content { padding: 20px 10px 30px; } .tikshuv-content { margin-top: 16px; } .main-pedagogic .slick-next i.fa { background: url(../images/gallery-slick-arrow-right.svg) no-repeat center; } .main-pedagogic .slick-prev i.fa { background: url(../images/gallery-slick-arrow-left.svg) no-repeat center; } .main-pedagogic .slick-prev, .main-pedagogic .slick-next { background-color: transparent; } .travel-strip { margin-bottom: 48px; } /*.tikshuv-strip { margin-bottom: 48px; } */ .mooc-strip { margin-bottom: 48px; } .academy-item { background: #E0EEF5; padding: 5px 10px 20px; } .academy-strip { margin-bottom: 60px; padding-bottom: 20px; } .arrow-all { padding-inline-start: 3px; } .banners-strip .comp-title-container h4 { margin: 5px !important; } .banner-main { margin-top: 10px; } /* main-pedagogic class for 1200px removed - email from yisca. * class removed: 07/04/2019 */ /*@media (max-width: 1199px) { .search-properties .learn-subject, .search-properties .learn-inputs { width: 100%; } .main-pedagogic .ma-lomdim h1 { text-align: center; } .main-pedagogic .search-main-erea { background-color: #E7F1F8; margin-bottom: 30px; } .main-pedagogic .dlg-inner div.ma-lomdim { float: none; } .dlg-inner .search-properties{ flex-direction:column; }*/ /* h1 { font-size: 32px; line-height: 150%; color: #fff; width: 230px; }*/ /*select#learnsubject { min-width: 25%; width: 32%; } }*/ @media (max-width: 991px) { .main-pedagogic div.hipus { width: 95%; } .main-pedagogic .search-main { background-size: cover; } .banner-main:first-child { margin-bottom: 20px; } /* .pic-current { margin: 30px 0 0 5%; width: 45%; }*/ .current-content { padding: 0px; } .travel-content .col-md-4 { margin-bottom: 20px; } .travel-content .col-md-6 { margin-bottom: 20px; } } @media (max-width: 767px) { .main-pedagogic { padding-top: 0; } .home-learn-dlg { margin-top: 20px; } .banners-strip { display: block; } .banners-strip { padding: 10px 0 20px; } /*.pic-current { width: 100%; }*/ .current-content { padding: 0px; } .travel-content { padding: 20px 0 0; } .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 8px 10px 0 0; } .link-all { padding-left: 20px; } /* .main-pedagogic h3 { font-size: 22px !important; }*/ .banners-strip .comp-title-container h4 { margin: 0 10px 20px !important; } } @media (max-width: 680px) { .main-pedagogic select#learnsubject { width: 100%; } .main-pedagogic .dlg-inner div.ma-lomdim { width: 100%; } .main-pedagogic .ma-lomdim h1 { width: 100%; } .main-pedagogic .search-main select#edulevel { width: 100%; } .main-pedagogic div.hipus { width: 100%; } } @media (max-width: 500px) { .main-pedagogic .search-main { padding: 30px; } .link-all { font-size: 16px; width: 110px; line-height: 100%; margin-top: -35px; padding-right: 10px; position: absolute; left: 0; } .main-pedagogic .page-component-edu:not(.not-shaped) .comp-title-container h4 { height: unset; padding: 6px 10px 8px; font-size: 18px; } .title-current { font-size: 26px; } } /* Added by Dror Efraim */ .StripMain.AdministrativeSpace aside.quick-links { min-height: 400px; } nav.quick-links-wrapper { margin-bottom: 28px; } nav.quick-links-wrapper h2 { font-size: 20px; background: #587E9F; color: white; margin: 0; margin: 0; line-height: 25px; padding-right: 10px; font-weight: 400 !important; padding: 10px 10px 10px 0; } nav.quick-links-wrapper ul { background: #F0F8FB; padding: 10px; } nav.quick-links-wrapper ul li { margin-bottom: 5px; color: #2C7094; font-size: 16px; font-weight: 600; } nav.quick-links-wrapper ul a.more-links { font-size: 17px; color: #2C7094; text-align: left; display: block; padding-left: 13px; position: relative; } nav.quick-links-wrapper ul a.more-links:after { content: ""; background: url(../images/arrow-left.png); background-repeat: no-repeat; position: absolute; top: 7px; height: 15px; width: 12px; } .academy-space .listing.math { margin-top: 0; } .InfoBannerBox .ImgBanner.math { max-height: 100%; height: 100%; } .anchors-component .panel { background: var(--background-over-grey-color); } /* Article links */ #left_col[role=main] > h1.areaTitle.articles { margin-bottom: 20px; } .articles-wrapper .articles-links-container { margin-bottom: 25px; } .articles-links-container ul.links-list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 !important; padding: 16px 16px 8px; } .articles-links-container ul.links-list li { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; position: relative; } .articles-links-container ul.links-list li a { padding: 0 10px; } /* Article item */ .articles-wrapper .article-item-container { margin-bottom: 25px; background: white; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; } .article-item-container .article-headline .article-title h2 { margin: 0; background: #3098CF; color: white; padding: 7px 20px 9px; font-size: 22px; } .article-item-container .article-headline { display: flex; justify-content: space-between; align-items: flex-start; padding: 16px; } .article-item-container .article-headline a { font-size: 14px; position: relative; padding-left: 10px; min-width: 100px; margin-right: 20px; } .article-item-container .article-headline a:after { content: ""; background: url(../images/arrow-left.png); background-repeat: no-repeat; position: absolute; top: 4px; height: 16px; width: 6px; transform: rotate(90deg); left: -6px; } .article-item-container .article-content { padding: 0 16px 16px; } .article-item-container .article-content p { font-size: 16px; } @media (min-width: 992px) { .articles-links-container ul.links-list li .link-border { position: absolute; background: black; width: 1px; height: 18px; left: 0; top: 3px; } .title-with-link .link-all { margin-top: 0px; } } @media (max-width: 991px) { .articles-links-container ul.links-list { flex-direction: column; } } @media (max-width: 768px) { .article-item-container .article-headline { flex-direction: column; align-items: flex-start; } .article-item-container .article-headline a { align-self: flex-end; margin-top: 5px; } } /*-- End-Main-pedagogic ---*/ /*-- Start-teaching-practices main page ---*/ .teaching-practices-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; /*margin-bottom: 25px;*/ background-color: white; display: flex; justify-content: space-between; height: auto; align-items: flex-start; } .teaching-practices-container .container-content { flex: 1; padding: 0 0 0 20px; padding-inline-end: 20px; padding-inline-start: 0; } .teaching-practices-container .container-content-media { flex: 1; height: 241px; margin: 0; } .teaching-practices-container .container-content .content-headline h2 { color: black; font-size: 20px; font-weight: 600; text-align: right; min-height: auto; margin: 0; padding: 0; } .teaching-practices-container .container-content .content-headline h3 { font-size: 20px; font-weight: 600; margin-top: 0; } /*.teaching-practices-container .container-content .content-text p { font-size: 17px; color: black; font-weight: 400; line-height: 20px; margin: 10px 0 20px; } */ .teaching-practices-container .container-content .content-text p:first-of-type { margin-top: 0; } .teaching-practices-container .container-content .content-link a { color: #2C7094; font-size: 16px; font-weight: 400; line-height: 19px; } .teaching-practices-container .container-content-media .media-iframe { background-image: url(../images/course-img.jpg); background-size: cover; background-position: center; height: 100%; border-radius: var(--item-radius); } /*.practice-search { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 48px; }*/ .practice-search .search-col-field { display: flex !important; justify-content: space-between; } .practice-search .search-col-field .search-label-wrap { padding: 0; max-width: 100px; } .practice-search .search-col-field label { font-size: 16px; } .practice-search .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .practice-search.teaching .RowButtns { justify-content: space-between; } .practice-search .RowButtns .clearBtnWrap { margin-left: 20px; } .practice-search .RowButtns .ContainerButtons { padding: 0; text-align: left; } .practice-search .RowButtns .ContainerButtons #BtnSisplay { width: auto !important; border-radius: 5px; padding: 4px 40px; } .teaching-practices-proffisonal-dev { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; } .teaching-practices-proffisonal-dev .proffisonal-dev-title { padding: 16px 14px 24px 0; } .teaching-practices-proffisonal-dev .proffisonal-dev-title h4 { background-color: #3098cf; color: #fff; font-family: Assistant, Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: inline-block; margin: 0; width: auto; } .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 30px; } .teaching-practices-proffisonal-dev .practice-subject-item { padding: 0 12px 0 6px; display: flex; flex-direction: column; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .teaching-practices-proffisonal-dev .practice-subject-item { display: inline-block; } } .teaching-practices-proffisonal-dev .practice-subject-item.left { padding: 0 6px 0 12px; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { background-color: var(--grey-background); height: 85px; border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { font-size: 20px; margin: 10px 15px 10px 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { margin: 0 15px 10px 0; padding-top: 10px; } } /*-- Start-teaching-practices main page media query ---*/ @media (min-width: 768px) and (max-width: 1200px) { .practice-search .RowButtns { justify-content: flex-end; width: 100%; } } @media (max-width: 991px) { .teaching-practices-container { align-items: inherit; } .teaching-practices-container .container-content { padding: 20px 20px 30px 20px; } .teaching-practices-container .container-content-media { min-height: 174px; padding: 0 16px 16px; margin: 0; } .teaching-practices-container .container-content-media .media-iframe { height: 100%; min-height: 174px; background-position: top; } .practice-search .search-col-field { flex-direction: column; margin-bottom: 5px; } .teaching-practices-proffisonal-dev .practice-subject-item { margin-bottom: 17px; } .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: 55px; } .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 8px; } .practice-search .search-col-field .search-label-wrap { max-width: 100%; } .practice-search .search-col-field label { font-size: 18px; } } @media (max-width: 768px) { .teaching-practices-container { flex-direction: column; } } /*-- End-teaching-practices main page ---*/ /*-- Start-teaching-practices stock ---*/ .multi-collapse.collapse.in { margin-bottom: 25px; } .practice-search-result .broadcast-results-section .listing { margin-bottom: 0; } .search-btn-wrapper.mobile { display: none; } .search-btn-wrapper { display: block; } .search-btn-wrapper button.clearBtn { -webkit-appearance: none; background: none; border: 0; padding: 0; color: #2C7094; } .search-btn-wrapper img.arrow-collapse { width: 20px; height: auto; } .search-btn-wrapper img.arrow-collapse.opened { transform: rotate(180deg); } .search-btn-wrapper button.clearBtn span.opened { display: none; } .search-btn-wrapper button.clearBtn span.closed { display: block; } .search-btn-wrapper button.clearBtn.pressed span.closed { display: none; } .search-btn-wrapper button.clearBtn.pressed span.opened { display: block; } .search-btn-wrapper button.clearBtn:focus { -webkit-appearance: none; background: none; border: 0; } .search-btn-wrapper button.clearBtn:active { box-shadow: none; outline: 0; } .practice-search-result dl.courseNoticeWrapper { display: flex; justify-content: flex-start; min-height: auto; flex-wrap: wrap; } .practice-search-result dl.courseNoticeWrapper span.search-title { font-size: 18px; color: #000000; font-weight: 400; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap { display: flex; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd { font-size: 18px; color: #000000; font-weight: 400; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dt { padding-right: 10px; font-size: 18px; color: #000000; font-weight: 600; } /*-- Start-teaching-practices stock media query ---*/ @media (max-width: 991px) { .practice-search-result dl.courseNoticeWrapper { flex-direction: column; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap { justify-content: flex-start; margin-bottom: 3px; } .practice-search-result dl.courseNoticeWrapper span.search-title { padding-right: 12px; margin-bottom: 6px; } .practice-search-result dl.courseNoticeWrapper .rsltsDataItem-wrap dd { min-width: 105px; border-left: 0; } .search-btn-wrapper { display: none; } .search-btn-wrapper.mobile { display: block; } } /*-- End-teaching-practices stock ---*/ /*-- Start-teaching-practices item ---*/ .parctices-item-page .page_component.main-content { padding: 30px 30px 20px 40px; } .popXtn .ContainerItemInfo.parctices-item { margin-bottom: 0; } /* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19 * now box-recommendation can reuse0 */ .box-recommendation.practice-item { background: white; padding: 0; margin-bottom: 35px; } .box-recommendation.practice-item .ul-no-numbers-wrap ul { margin-right: 0; } .box-recommendation.practice-item .ul-no-numbers-wrap ul li { margin-right: 0; } .box-recommendation.practice-item .ul-no-numbers-wrap h4 { margin-right: 0; } .box-recommendation.practice-item ul li { margin-right: 16px; } .box-recommendation.practice-item h3 { margin: 0; font-size: 17px; color: #000; padding: 0 0 5px; } .box-recommendation.practice-item h4 { margin: 0 16px 0 0; font-size: 17px; color: #000; font-weight: 400 !important; padding: 5px 0 3px; } .box-recommendation.practice-item p { margin: 0; } dl.additional-properties { display: flex; flex-direction: column; margin: 20px 0 0; } /* Removed display flex - improve IE11 support by Dror Efraim 02-06-2019*/ dl.additional-properties .dl-row { margin-bottom: 8px; } dl.additional-properties .dl-row .dl-inner-wrap { flex: 1; display: flex; } dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 180px; font-size: 17px; font-weight: 600; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { font-size: 17px; font-weight: 400; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile { display: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time { margin-left: 25px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time img { width: 15px; height: 15px; } .teaching-practices-container .banner-mask { background: linear-gradient(-270deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 50%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } .teaching-practices-container .banner-bg { background-size: contain; background-repeat: no-repeat; width: 100%; /*margin: 18px;*/ background-position: left; height: 245px; } .high-banner-component .component-panel { width: 100%; } .teaching-practices-container .banner-text-wrapper { text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3176470588); padding: 46px 23px 0 0; } .teaching-practices-container .banner-text-wrapper .banner-text img { width: 25px; height: 18px; } .teaching-practices-container .banner-text-wrapper h3.banner-title { margin-right: 15px; color: white; font-size: 22px; margin: 0 0 15px 0; } .teaching-practices-container .banner-text-wrapper .banner-text span { margin-right: 15px; color: white; font-size: 22px; font-weight: 600; } /*-- Start-teaching-practices stock media query ---*/ @media (max-width: 991px) { .parctices-item-page .page_component.main-content { padding: 0; margin-bottom: 25px; } .parctices-item-page .row.ContainerTitlePage { margin: 0 auto; } /* Remove classes: ".parctices-item .parctices-item-description" by dror 04-19 * now box-recommendation can reuse0 */ dl.additional-properties { flex-direction: column; } dl.additional-properties .dl-row { flex-direction: column; } dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 100px; max-width: 100px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: 110px; } .parctices-item .image-practice-wrap .image-practice { padding: 15px; } .parctices-item .parctices-item-description { padding: 0 15px; } .box-recommendation { padding: 20px 20px 20px 10px; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.desktop { display: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc.mobile { display: block; } .teaching-practices-container .banner-text-wrapper .banner-text { display: flex; margin-bottom: 10px; } } @media (max-width: 768px) { .teaching-practices-container .banner-bg { max-width: 100%; width: auto; background-size: auto; background-position: left bottom; min-height: 580px; margin: 12px; } .teaching-practices-container .banner-mask { background: linear-gradient(0deg, rgba(48, 152, 207, 0) 0%, rgb(48, 152, 207) 60%, rgb(48, 152, 207) 100%); width: 100%; height: 100%; } .teaching-practices-container .banner-text-wrapper { padding: 30px 20px 0 10px; } .teaching-practices-container .banner-text-wrapper .banner-text img { margin-top: 6px; } } /*-- End-teaching-practices item END---*/ /*-- Kinder garden screens 04-2019 by Dror Efraim - START ---*/ /* ------ General ------- */ /* Fix for main nav extra bg color from the left */ /* .HeaderMenu nav { background-color: white; } */ /* Fix for breadcrumbs cuurent-item */ .TitleBar .Breadcrumbs span.cuurent-item { display: inline-block; margin-left: 3px; color: #000; font-size: 14px; } /* ------ General ------- */ /* Kinder gardens search item - START*/ .kinder-garden-main .col-md-12 { padding: 0 16px; max-width: 100%; } .page-component-edu .page_component.main-content.kinder-garden { padding: 19px 0 0; max-width: 840px; } .kinder-garden-title .page_component.main-content { padding: 0; max-width: 840px; } .kinder-garden-title .page_component.main-content .ContainerTitlePage { margin: 0; } .kinder-garden .box-recommendation { padding: 20px 35px; max-width: 796px; margin: 0 auto; } /* Removed !important in line 2549 */ .kinder-garden .box-recommendation h2 { padding-top: 0; margin: 0; font-size: 24px; /*color: rgb(48, 152, 207);*/ } .kinder-garden .box-recommendation dl.additional-properties { flex-direction: row; justify-content: space-between; margin: 12px 0 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border { height: auto; width: 1px; background: rgb(202, 221, 233); } .kinder-garden .box-recommendation dl.additional-properties .dl-row { flex-direction: column; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.right { padding: 0 0 0 30px; flex: 0 1 45%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding: 0 40px 0 0; flex: 0 1 45%; margin-bottom: 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { flex: 0; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap ol { list-style: disc; text-indent: -2px; margin-bottom: 0; width: 100%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 110px; font-size: 16px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name { font-size: 17px; font-weight: 600; margin-bottom: 3px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 200px; font-size: 16px; } .kinder-garden .video-erea { max-width: 840px; } .kinder-garden .video-erea { max-width: 100%; width: auto; margin: 0 auto; } .kinder-garden .video-erea iframe { max-width: 100%; } .kinder-garden .lecture-description { margin: 0 0 20px; } .kinder-garden .lecture-description p { margin-bottom: 12px; padding-left: 22px; } .kinder-garden .lecture-description h3 { font-size: 16px; color: #000; margin: 0; padding: 0; } /* Kinder gardens carousle - START*/ .page-component-edu.kinder-garden.slider .page_component.main-content { padding: 0; max-width: 840px; margin: 0 auto; } .page-component-edu.kinder-garden.slider .panel.panel-default { margin: 0; } .kinder-slider { height: 100%; padding: 0; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption { position: absolute; bottom: 0; background: var(--title-color); opacity: 0.9; padding: 0 10px; height: 51px; width: 100%; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { display: none; } .page-component-edu.kinder-garden .main-content .kinder-slider .slick-current .item .slide-caption p { display: block; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { color: white; text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; padding: 4px 0 7px; margin: 0; } .page-component-edu.kinder-garden .main-content .kinder-slider .item { display: block !important; } .page-component-edu.kinder-garden .main-content .kinder-slider .item img { height: auto; max-width: 100%; } .kinder-garden .lecture-description h2 { font-size: 24px; padding-top: 3px; } .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 50%; height: 100%; background-color: var(--title-color); opacity: 0.8; width: 116px !important; } .kinder-slider .slick-prev:before, .kinder-slider .slick-next:before { content: ""; height: 39px; width: 20px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; } .kinder-slider .slick-prev:before { background: url("../images/kinder-slide-left-arrow.png"); } .kinder-slider .slick-next:before { background: url("../images/kinder-slide-right-arrow.png"); } .page-component-edu.kinder-garden.slider .kinder-slider .slick-slide { margin-right: 3px; margin-left: 3px; } #left_col > .page-component-edu .kinder-garden-title { margin-bottom: 30px; } #left_col > .page-component-edu .kinder-garden-content { margin-bottom: 30px; } /* Kinder gardens carousle - END*/ /* ------ Kinder garden - search item media queries START ------- */ @media (max-width: 991px) { #left_col > .page-component-edu.kinder-garden-content { margin-bottom: 28px; } .content #left_col.kinder-garden-main { padding-bottom: 0; display: flex; flex-direction: column; } .kinder-garden .box-recommendation { padding: 16px 12px; max-width: 100%; } .kinder-garden .box-recommendation dl.additional-properties { flex-wrap: wrap; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.right { padding: 0; flex: 0 1 100%; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { margin-bottom: 5px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 105px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: auto; } .kinder-garden .box-recommendation dl.additional-properties .dl-mid-border { height: 1px; width: 100%; margin-bottom: 20px; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding: 0; flex: 0 1 100%; } #left_col > .page-component-edu:not(:last-child).kinder-garden-title { margin-bottom: 20px; } .kinder-garden .lecture-description { margin: 0 !important; padding: 0 0 5px; } .kinder-garden .lecture-description h3 { margin: 15px 0 3px; } .kinder-garden .lecture-description p { line-height: 20px; margin-top: 0; } .kinder-garden .video-erea iframe { height: auto; } .page-component-edu.kinder-garden.slider .main-content h2 { padding-top: 5px; } .kinder-slider .slick-prev:before { background: url("../images/kinder-slide-left-arrow-mobile.png"); background-size: cover; width: 6px; height: 13px; transform: translate(-50%, -50%); } .kinder-slider .slick-next:before { background: url("../images/kinder-slide-right-arrow-mobile.png"); background-size: cover; width: 6px; height: 13px; transform: translate(-50%, -50%); } .page-component-edu.kinder-garden.slider .kinder-slider .slick-slide { margin-right: 2px; margin-left: 2px; } .kinder-slider .slick-prev, .kinder-slider .slick-next { width: 46px !important; height: 50px; transform: translateY(-85%); } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption { position: relative; } .page-component-edu.kinder-garden .main-content .kinder-slider .item { min-height: 183px; } .page-component-edu.kinder-garden .main-content .kinder-slider .item .slide-caption p { font-size: 14px; } } /* ------ Kinder garden - search item media queries END ------- */ /* Kinder gardens search item - END*/ /* Kinder gardens main - START*/ #left_col.kinder-garden-main > .page-component-edu:not(:last-child) { margin-bottom: 38px; } .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden { padding: 16px 0 8px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 0; } .slick-slider.kinder-main-slider { margin: 0 auto; } .slick-slider.kinder-main-slider .item-inner-wrap { display: flex; justify-content: space-between; max-width: 744px; margin: 0 auto; padding: 33px 18px; background: rgb(224, 238, 245); border-radius: var(--item-radius); } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { flex: 0 1 50%; padding-left: 15px; max-width: 293px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption h3 { color: #000; font-size: 20px; line-height: 20px; margin-bottom: 8px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption p { font-size: 17px; line-height: 20px; margin-bottom: 5px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { flex: 1 0 50%; max-width: 100%; min-height: 240px; min-width: 386px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap img { max-width: 100%; height: 100%; } /* Slider dottes */ .slick-slider.kinder-main-slider ul.slick-dots { position: relative; bottom: 0; padding: 10px 0; margin-right: 0 !important; } /*.slick-slider.kinder-main-slider ul.slick-dots li { background: grey; border-radius: 50%; margin: 0 5px; height: 16px; width: 16px; }*/ /*.slick-slider.kinder-main-slider ul.slick-dots li button { padding: 3px; border-radius: 50%; position: relative; opacity: 1; font-size: 0; height: 16px; width: 16px; } */ /*.slick-slider.kinder-main-slider ul.slick-dots li button:before { font-size: 0; height: 16px; width: 16px; }*/ /*.slick-slider.kinder-main-slider ul.slick-dots li.slick-active button:before { color: rgb(48, 152, 207); opacity: 0.75; width: 100%; height: 100%; background: rgb(48, 152, 207); border-radius: 50%; opacity: 1; }*/ .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { background-color: transparent; height: 35px; width: 18px !important; } .kinder-main-slider .slick-prev:before, .kinder-main-slider .slick-next:before { content: ""; height: 41px; width: 23px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; opacity: 1; } .kinder-main-slider .slick-prev:before { background-image: url("../images/gallery-slick-arrow-left.svg"); } .kinder-main-slider .slick-next:before { background-image: url("../images/gallery-slick-arrow-right.svg"); } .kinder-main-slider .slick-slide { margin-right: 20px; margin-left: 20px; } .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { top: 50%; transform: translateY(-100%); } .kinder-main-slider .slick-prev { left: -5px; } .kinder-main-slider .slick-next { right: -5px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { flex: 1 1 100%; max-width: 100%; } /* START -- Caption reading link added by Dror Efraim 06/2019 */ .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link { display: inline; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption a.reading-link img { width: 6px; height: 9px; display: inline-block; vertical-align: baseline; margin-right: 2px; } /* END -- Caption reading link added by Dror Efraim 06/2019 */ .main-content.kinder-garden.search .search-col { padding: 0 !important; margin: 0; } .main-content.kinder-garden.search .search-col-left { padding: 0 !important; margin: 0; border: 0; } .main-content.kinder-garden.search .search-col-left .search-col-field { padding-right: 33px; padding-left: 0; } .main-content.kinder-garden.search .search-col-field { padding-left: 33px; } .main-content.kinder-garden.search .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 60px 0 0; } .main-content.kinder-garden.search .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.kinder-garden.search .search-col-field .search-label-wrap { padding: 0; } .main-content.kinder-garden.search .search-materials-inner .input-search { max-width: 50%; padding-left: 16px; margin-bottom: 16px; } /*.page-component-edu .main-content.kinder-garden.search { padding: 16px 0 24px 0; max-width: 840px; }*/ /* ------ Kinder garden - main loby page media queries START ------- */ @media (max-width: 1200px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { min-width: auto; } } @media (max-width: 991px) { .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo { margin-bottom: 0; } .kinder-garden-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .slick-slider.kinder-main-slider .item-inner-wrap { flex-direction: column; padding: 15px; width: 100%; align-items: center; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { margin-bottom: 10px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { min-height: auto; min-width: auto; } .kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { top: 165px; transform: translateY(0); } .kinder-main-slider .slick-prev { left: -12px; } .kinder-main-slider .slick-next { right: -12px; } .slick-slider.kinder-main-slider .slick-list.draggable { max-width: 100%; margin: 0 auto; } .kinder-main-slider .slick-slide { margin-right: 10px; margin-left: 10px; } .kinder-garden-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .kinder-garden-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } .main-content.kinder-garden.search .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 10px; } .main-content.kinder-garden.search .search-col-field { padding-left: 0; padding-right: 0 !important; } .main-content.kinder-garden.search .search-col-field .col-md-9 { padding: 0; } .kinder-garden-title .page_component.main-content { max-width: 100%; } } @media (max-width: 768px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { max-height: 200px; max-width: 306px; } } /* ------ Kinder garden - main loby page media queries END ------- */ /* Kinder gardens main - END*/ /* Kinder gardens search materials - START*/ .search-materials { max-width: 840px; } .search-materials .materials-results { margin-bottom: 20px; margin-right: 19px; margin-left: 29px; } .search-materials .materials-results .listing { margin-top: 0; border-top: 1px solid #E2E2E2; padding: 17px 0 0; } .search-materials .materials-results .listing:first-child { border-top: none; } .search-materials .materials-results .listing:last-child { border-bottom: 1px solid #E2E2E2; } .page-component-edu.materials-results .listing .link-container a { background-color: #3098CF; color: #fff; font-weight: 400; letter-spacing: 0.5px; padding: 2px 12px; border-radius: 4px; } .page-component-edu.materials-results .listing .link-container a:hover { color: #fff !important; background-color: #1D5C7E; opacity: 1; } .search-materials.page-component-edu .page_component #container-title { margin-bottom: 0; } .search-materials.page-component-edu .page_component .resltsDataContainer { border: 0; margin-right: 15px; } .search-materials.page-component-edu .listing .link-container { margin-bottom: 26px; } .search-materials.page-component-edu .listing .link-container a { padding: 3px 14px; } /* ------ Kinder garden - main loby page media queries START ------- */ @media (max-width: 991px) { .search-materials .materials-results .listing:first-child { border-top: 1px solid #E2E2E2; } .search-materials .materials-results .listing:last-child { border-bottom: none; } } /* ------ Kinder garden - main loby page media queries END ------- */ /* Kinder gardens search materials - END*/ /*-- Kinder garden screens 04-2019 by Dror Efraim - END ---*/ /* Outstanding-and-gifted - START by Dror Efraim 06-2019*/ .main-content.outstanding-and-gifted .search-col { padding: 0 !important; } .main-content.outstanding-and-gifted .search-col-left { padding: 0 !important; border: 0; } .main-content.outstanding-and-gifted .search-col-left .search-col-field { padding-right: 16px; padding-left: 0; } .main-content.outstanding-and-gifted .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 0px; } .main-content.outstanding-and-gifted .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.outstanding-and-gifted .search-col-field .search-label-wrap { padding: 0; /* min-width: 116px;*/ } .main-content.outstanding-and-gifted .search-materials-inner .input-search { max-width: 50%; padding-left: 48px; margin-bottom: 23px; } .page-component-edu .main-content.outstanding-and-gifted { padding: 16px 0 24px 0; max-width: 840px; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 { padding: 0; /* max-width: 225px; margin-right: 12px;*/ } .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control { max-width: 225px; } .outstanding-and-gifted-main .col-md-12 { padding: 0 22px; max-width: 100%; } #left_col.outstanding-and-gifted-main > .page-component-edu:not(:last-child) { margin-bottom: 27px; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.outstanding-and-gifted { padding: 16px 0 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .lecture-item .listing { padding: 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong { padding-left: 3px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 12px 0 0 0; } .outstanding-and-gifted-title .page_component.main-content { padding: 0; max-width: 840px; } .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage { margin: 0; } #left_col > .page-component-edu .outstanding-and-gifted-title { margin-bottom: 30px; } #left_col > .page-component-edu .outstanding-and-gifted-content { margin-bottom: 30px; } .search-materials.page-component-edu .listing .link-container.outstanding-and-gifted { float: none !important; text-align: left; } .search-materials.page-component-edu .listing .link-container.outstanding-and-gifted a { padding: 3px 15px; border-radius: 5px; } .outstanding-and-gifted .lecture-description h2 { font-size: 24px; } .outstanding-and-gifted .box-recommendation h2 { padding-top: 0; margin: 0; font-size: 24px; /*color: rgb(48, 152, 207);*/ } .outstanding-and-gifted .box-recommendation dl.additional-properties { flex-direction: row; justify-content: space-between; margin: 12px 0 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-mid-border { height: auto; width: 1px; background: rgb(202, 221, 233); } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row { flex-direction: column; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.right { padding: 0 0 0 30px; flex: 0 1 50%; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left { padding: 0 40px 0 0; flex: 0 1 50%; margin-bottom: 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap { flex: 0; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 145px; font-size: 16px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap p.prop-name { font-size: 17px; font-weight: 600; margin-bottom: 3px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 160px; font-size: 16px; } .outstanding-and-gifted .video-erea { margin-bottom: 46px; } .outstanding-and-gifted .video-erea iframe { padding: 0 6px 0 20px; max-width: 100%; } .outstanding-and-gifted .program-item .lecture-description .coll-text.courseInfo { padding-top: 0; font-size: 24px; } .outstanding-and-gifted .program-item .box-recommendation { padding: 20px 40px; margin-bottom: 20px; } .outstanding-and-gifted .program-item .lecture-description { margin-bottom: 20px; } .outstanding-and-gifted .program-item .lecture-description h2 { font-size: 24px; } .outstanding-and-gifted .program-item .lecture-description dl { margin-bottom: 0; } .outstanding-and-gifted .program-item .lecture-description dl dt { padding-bottom: 0; } .outstanding-and-gifted .program-item .lecture-description dl dd { padding-bottom: 15px; } .outstanding-and-gifted .program-item .lecture-description dl dd a { display: block; color: #3098CF; font-size: 16px; font-weight: 400; line-height: 1.5; } .outstanding-and-gifted .program-item .lecture-description .course-site { display: inline; } .outstanding-and-gifted .program-item .lecture-description .course-site img { width: 6px; height: 9px; display: inline-block; vertical-align: baseline; margin-right: 2px; } .outstanding-and-gifted .program-item .video-erea { margin-bottom: 30px; } /* ------ Outstanding-and-gifted - media queries START ------- */ @media (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .col-md-9 { margin-right: 0; } .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 0; } .outstanding-and-gifted .program-item .box-recommendation { padding: 20px; } } @media (max-width: 991px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 23px; } .main-content.outstanding-and-gifted .search-col-field { padding-left: 0; padding-right: 0 !important; } .outstanding-and-gifted .video-erea iframe { height: 255px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 115px; } .outstanding-and-gifted .box-recommendation dl.additional-properties { flex-direction: column; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 130px; } .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row.left { padding: 0; } .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1.title { padding: 0; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 { max-width: 100%; margin-right: 0; } .main-content.outstanding-and-gifted .search-col-field .col-md-9 .form-control { max-width: 100%; } .content #left_col.outstanding-and-gifted-main { padding-bottom: 0; display: flex; flex-direction: column; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden .ContainerItemInfo { margin-bottom: 0; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .outstanding-and-gifted-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .outstanding-and-gifted-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } #left_col > .page-component-edu:not(:last-child).outstanding-and-gifted-title { margin-bottom: 20px; } .outstanding-and-gifted-title .page_component.main-content { max-width: 100%; } #left_col > .page-component-edu.outstanding-and-gifted-content { margin-bottom: 28px; } .outstanding-and-gifted .program-item .box-recommendation { padding: 14px; margin-bottom: 20px; } .outstanding-and-gifted .program-item .box-recommendation dl { flex-direction: column; margin: 12px 0 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right { padding: 0; order: 3; margin: 12px 0 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap { flex-direction: column; margin-bottom: 6px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dd { min-width: 100%; padding: 0; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.right .dl-inner-wrap dt { min-width: 100%; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-mid-border { height: 1px; width: 100%; background: rgb(202, 221, 233); order: 2; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left { order: 1; padding: 0; margin-bottom: 12px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap { flex-direction: row; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dd { min-width: 50%; padding-bottom: 5px; } .outstanding-and-gifted .program-item .box-recommendation dl .dl-row.left .dl-inner-wrap dt { min-width: 50%; } .outstanding-and-gifted .lecture-description { margin-right: 0 !important; margin-left: 0 !important; padding-bottom: 10px; } } @media (max-width: 420px) { .outstanding-and-gifted-title .page_component.main-content .ContainerTitlePage h1 { width: 100%; } } /* Outstanding-and-gifted - END by Dror Efraim 06-2019*/ /* Useful-art - START by Dror Efraim 07-2019*/ .main-content.useful-art .search-col { padding: 0 !important; } .main-content.useful-art .search-col-left { border: 0; } .main-content.useful-art .search-col-left .search-col-field { padding-right: 33px; padding-left: 0; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { color: black; font-size: 16px; line-height: 20px; margin: 0; } .main-content.useful-art .search-col-left .search-col-field .item-type { width: 100%; display: inline-block; } .main-content.useful-art .search-col-left .search-col-field .item-type label { cursor: pointer; } .main-content.useful-art .search-col-left .search-col-field .item-type label:first-child { margin-left: 44px; } .main-content.useful-art .search-col-left .search-col-field .item-type label span { color: black; font-size: 16px; line-height: 20px; margin-right: 10px; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: 1px solid #D1DAE2; border-radius: 50%; margin: 0 0 -7px; width: 24px; height: 24px; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:hover { box-shadow: 0 0 0 3px #E1EEF8; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:focus { box-shadow: 0 0 0 3px #A4D7FF; border: 1px solid #4B6C8B; outline: none; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled { background: #F3F3F3; border: 1px solid #B8B8B8; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked { border: 7px solid #3098CF; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:checked::-ms-check { border: 7px solid; border-color: #3098CF; color: white; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked { border: 7px solid #929292; background: white; cursor: auto; } .main-content.useful-art .search-col-left .search-col-field .item-type label .search-radio:disabled:checked::-ms-check { border: 7px solid; border-color: #929292; } .main-content.useful-art .search-col-field.row.RowButtns { display: flex !important; justify-content: flex-end; align-items: flex-end; margin: 69px 0 0; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons { margin-right: 20px; margin-left: 14px; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 40px; } .main-content.useful-art .search-col-field.row.RowButtns .clearBtnWrap a.clearBtn:hover { text-decoration: underline !important; } .main-content.useful-art .search-col-field .search-label-wrap { padding: 0; min-width: 116px; } .main-content.useful-art .search-materials-inner .input-search { padding-left: 43px; margin-bottom: 23px; } .page-component-edu .main-content.useful-art { padding: 32px 0 24px 0; max-width: 840px; } .main-content.useful-art .search-col-field .col-md-9 { padding: 0; max-width: 225px; margin-right: 12px; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 225px; } .useful-art-main .col-md-12 { padding: 0 22px; max-width: 100%; } #left_col.useful-art-main > .page-component-edu:not(:last-child) { margin-bottom: 27px; } .useful-art-main .page-component-edu .page_component.main-content.useful-art { padding: 16px 0 0; } .useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default { box-shadow: none; } .useful-art-main .page-component-edu .panel-body .search-info-strip { background: #EEEEEE; margin: 16px; display: flex; justify-content: flex-start; align-items: baseline; padding: 7px 10px 9px; } .useful-art-main .page-component-edu .panel-body .search-info-strip span { font-size: 18px; font-weight: 400; color: black; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl { margin-bottom: 0; margin-right: 30px; font-size: 18px; color: black; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item { display: flex; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dt { padding: 0; font-weight: 400; margin-left: 8px; } .useful-art-main .page-component-edu .panel-body .search-info-strip dl .search-item dd { padding: 0; font-weight: 600; } .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl { display: flex; align-items: center; } .useful-art-main .page-component-edu .panel-body .search-info-strip.multi-items dl span.border { height: 20px; background: black; width: 1px; margin: 0 16px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 24px; } .useful-art-main .page-component-edu:not(.not-shaped) .lecture-item .listing { padding: 0; } .useful-art-main .page-component-edu:not(.not-shaped) .listing .rsltsDataItem strong { padding-left: 5px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container h4 { margin: 12px 0 0 0; } .useful-art-title .page_component.main-content { padding: 0; max-width: 840px; } .useful-art-main .resltsDataContainer .showingRslts { padding: 0; } .useful-art-main .resltsDataContainer .showingRslts span { font-size: 16px; color: black; } .useful-art-title .page_component.main-content .ContainerTitlePage { margin: 0; } #left_col > .page-component-edu .useful-art-title { margin-bottom: 30px; } #left_col > .page-component-edu .useful-art-content { margin-bottom: 30px; } .useful-art-main .search-materials .materials-results .listing { padding: 40px 0 12px; } .useful-art-main .search-materials .materials-results .listing:first-child { padding: 28px 0 12px; } .useful-art-main .listing .text-container .courseItemInfo { display: inline-flex; margin: 0 0 5px; } .useful-art-main .listing .text-container .text { margin-top: 0; } .useful-art-main .listing .text-container .courseItemInfo .rsltsDataItem { padding: 0 0 0 30px; } .page-component-edu .main-content.useful-art.search-filter { padding: 0 0 40px 0; } .page-component-edu .main-content.useful-art.search-filter .col-md-12 { padding: 0 16px; } .page-component-edu .main-content.useful-art.search-filter .search-col { border-left: 0; } .main-content.useful-art.search-filter .search-materials-inner .input-search { padding-left: 37px; } .main-content.useful-art.search-filter .comp-title-container { padding: 16px; margin-bottom: 15px; } .main-content.useful-art.search-filter .comp-title-container .col-md-12 { padding: 0 14px; } .main-content.useful-art.search-filter .comp-title-container h3 { padding: 6px 30px; margin: 0; } .main-content.useful-art.search-filter .search-col-field { padding-right: 0; display: flex !important; align-items: center; margin-bottom: 0; justify-content: center; } .main-content.useful-art.search-filter .search-col-field .col-md-12 { padding: 0; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper { display: flex; justify-content: space-between; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap { min-width: auto; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .search-label-wrap label { margin-left: 15px; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control { width: 130px; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns { margin: 40px 0 0; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons { margin-right: 20px; margin-left: 14px; } .main-content.useful-art.search-filter .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 40px; } .search-materials .materials-results .image.arrow-link { padding-top: 5px; } .search-materials .materials-results.thesaurus .listing { padding: 10px 0; border: none; } .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container { margin-bottom: 5px; } .search-materials .materials-results.thesaurus .listing .broadcastItemBox .text-container h5 { margin-bottom: 7px; clear: none; } /* ------ Useful-art - media queries START ------- */ @media (max-width: 1199px) { .main-content.useful-art .search-col-field .col-md-9 { margin-right: 0; } .main-content.useful-art .search-materials-inner .input-search { max-width: 225px; padding: 0; } .main-content.useful-art .search-col-field .col-md-12 .search-filter-wrapper .search-col-field .dropdown-wrap .form-control { width: 115px; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons { margin-left: 0; } .main-content.useful-art .search-col-field.row.RowButtns .ContainerButtons button { padding: 4px 25px; } } @media (max-width: 991px) { .main-content.useful-art .search-materials-inner .input-search { max-width: 100%; padding-left: 0; margin-bottom: 23px; } .main-content.useful-art .search-col-field { padding-left: 0; padding-right: 0 !important; margin: 39px 0 0; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin: 0 0 10px; } .useful-art .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dd.prop-name { min-width: 115px; } .useful-art-title .page_component.main-content .ContainerTitlePage h1.title { padding: 0; } .main-content.useful-art .search-col-field .col-md-9 { max-width: 100%; margin-right: 0; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 100%; } .content #left_col.useful-art-main { padding-bottom: 0; display: flex; flex-direction: column; } .useful-art-main .page-component-edu:not(.not-shaped) .panel.panel-default { margin-bottom: 0; } .useful-art-main .page-component-edu .page_component.main-content.kinder-garden { padding: 15px 0 8px; } .useful-art-main .page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 21px; } #left_col > .page-component-edu:not(:last-child).useful-art-title { margin-bottom: 20px; } .useful-art-title .page_component.main-content { max-width: 100%; } #left_col > .page-component-edu.useful-art-content { margin-bottom: 28px; } .main-content.useful-art.search-filter .search-col-field { justify-content: flex-start; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child { margin-left: 15px; } .main-content.useful-art.search-filter .search-materials-inner .input-search { padding-left: 0; } } @media (max-width: 420px) { .useful-art-title .page_component.main-content .ContainerTitlePage h1 { width: 100%; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper { flex-direction: column; } .main-content.useful-art.search-filter .search-col-field .col-md-12 .search-filter-wrapper .search-col-field:first-child { margin: 0; } } /* Useful-art - END by Dror Efraim 07-2019*/ /* Pedagogical Merge and study programs - START by Dror Efraim 11-2019*/ section.content .knowledge-field .panel .panel-body { padding: 15px 18px 20px 18px; } section.content .knowledge-field .panel .panel-body .row { margin-bottom: 25px; } section.content .knowledge-field .panel .panel-body .row.search-filter .checkbox-wrapper { padding: 0; } section.content .knowledge-field .panel .panel-body .row .col-xs-6.search-wrap { text-align: left; padding: 0; } section.content .knowledge-field .panel .panel-body .row:last-child { margin-bottom: 0; } .knowledge-field#left_col[role=main] > h1.areaTitle { margin-bottom: 30px; } .knowledge-field .row.headline { margin: 0; } .knowledge-field .row.headline .col-md-6 { padding: 0; } section.content .knowledge-field .row.headline h1.areaTitle { max-width: fit-content; font-size: 22px; border: none; box-shadow: none; margin: 0; padding: 8px 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { section.content .knowledge-field .row.headline h1.areaTitle { display: inline-block; } } .knowledge-field .row.headline .col-md-6.search-wrap { text-align: left; } .knowledge-field .row.headline .search-col-field { max-width: 182px; } .knowledge-field .row.headline .search-col-field .search-label-wrap { display: inline; } .knowledge-field .row.headline .search-col-field .col-md-12 { padding: 0; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 18px !important; color: #2C7094; border: none; background: #EDF5FA; -webkit-appearance: none; position: relative; min-height: 37px; padding: 6px 16px; cursor: pointer; } .knowledge-field .row.headline .search-col-field .col-md-12:after { content: ""; background: url(../images/dropdown-open-arrow.png); position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background-repeat: no-repeat; background-position: center; background-size: cover; left: 16px; } .knowledge-field .row.search-filter { margin: 0; padding-right: 25px; } .knowledge-field .row.search-filter .col-sm-6 { padding: 0; } .knowledge-field .row.search-filter .selectWrap { display: flex; justify-content: flex-end; align-items: center; padding: 0; } .knowledge-field .row.search-filter .selectWrap label { font-size: 16px; font-weight: 400; color: #000000; margin-left: 16px; } .popXtn .knowledge-field .row.search-filter .selectWrap .form-control { max-width: 225px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group { display: flex; justify-content: flex-start; flex-wrap: wrap; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 14px; color: black; } /* "style-checkbox" class is for adding style to defualt checkbox - START */ .checkbox-group.style-checkbox input { -webkit-appearance: none; width: 17px; height: 17px; border: var(--cb-border); background-color: var(--background); border-radius: 2px; } .checkbox-group.style-checkbox input[type=checkbox]:checked:before { content: "✓"; font-size: 12px; color: var(--cb-color); font-weight: 600; background: var(--cb-checked-bg); position: absolute; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; padding-right: 3px; } /* style-checkbox class - END */ .knowledge-field .row.free-search { margin: 0; display: flex; justify-content: flex-start; align-items: flex-end; padding-inline-start: 20px; } .knowledge-field .row.free-search .input-search { margin-left: 54px; } .knowledge-field .row.free-search .input-search input.form-control { width: 504px; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 25px; } .knowledge-field .row.free-search .ContainerButtons { margin-left: 0; margin-right: auto; } .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn { width: 131px; } /*.knowledge-field .panel.panel-default { margin-bottom: 32px; }*/ .knowledge-field .search-info-strip { background: #EEEEEE; margin: 16px; display: flex; justify-content: flex-start; align-items: baseline; padding: 7px 10px 9px; } .knowledge-field .search-info-strip span { font-size: 18px; font-weight: 400; color: black; } .knowledge-field .search-info-strip dl { margin-bottom: 0; margin-right: 30px; font-size: 18px; color: black; } .knowledge-field .search-info-strip dl .search-item { display: flex; } .knowledge-field .search-info-strip dl .search-item dt { padding: 0; font-weight: 400; margin-left: 8px; } .knowledge-field .search-info-strip dl .search-item dd { padding: 0; font-weight: 600; } .knowledge-field .search-info-strip.multi-items dl { display: flex; align-items: center; } .knowledge-field .search-info-strip.multi-items dl span.border { height: 20px; background: black; width: 1px; margin: 0 16px; } .knowledge-field .resltsDataContainer .showingRslts { padding: 0; font-size: 16px; color: black; } .knowledge-field .resltsDataContainer .showingRslts span { font-size: 16px; color: black; } .knowledge-field .comp-title-container .col-md-12 { padding: 0 14px; } /*.knowledge-field .comp-title-container h3 { background-color: #3098cf; color: #fff; font-family: Assistant, Arial !important; font-size: 22px; font-weight: normal; height: 40px; padding: 6px 20px; display: table; margin: 0; }*/ .knowledge-field .opened-list.listing.section { margin-top: 0; padding: 15px 20px 10px 20px; } .knowledge-field .comp-title-container { /* padding: 0; */ margin-bottom: 20px; } .knowledge-field .opened-list.listing.section .search-info-strip { margin: 0; } .knowledge-field .opened-list.opened-item { margin: 0; } .knowledge-field .listing.section.opened-list .opened-item { margin-left: 0; margin-right: 0; } .knowledge-field .listing.section .info { width: 75%; padding: 0; } .knowledge-field .listing.section .info .text { margin: 0 0 8px; } .knowledge-field .listing.section .info .text p { margin-bottom: 0; } /* Tabs component */ section.content .panel .panel-body.tabs { padding: 0; margin: 0; } .knowledge-field .panel ul.nav.nav-tabs { margin-right: 0 !important; display: flex; border: 0; } .knowledge-field .panel .nav.nav-tabs li { background: #B0D5E6; border-bottom: 4px solid #ffffff; flex-grow: 1; text-align: center; margin-left: 4px; } .knowledge-field .panel .nav.nav-tabs li:last-child { margin-left: 0; } .knowledge-field .panel .nav.nav-tabs li a { height: 51px; padding: 8px 10px 10px; background-color: transparent; color: #666; font-size: 24px; font-weight: 400; } .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { background: var(--stock-search-bg); border-bottom: 4px solid var(--stock-search-bg); border-top: 2px solid #1776B5; } .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { background: var(--background-blue-in-blue); } .knowledge-field .panel .nav.nav-tabs li.active > a { color: #000; } .knowledge-field .panel .nav.nav-tabs > li > a { margin: 0; border: 0; } .knowledge-field .panel .nav.nav-tabs > li.active > a:hover { margin: 0; } .knowledge-field .panel .tab-content { background: var(--stock-search-bg); } .container-component .knowledge-field .panel .tab-content { background: var(--background-blue-in-blue); } .knowledge-field .panel .tab-content .tab-panel { display: none; } .knowledge-field .panel .tab-content .tab-panel.active { padding: 29px 15px 20px; display: block; } .knowledge-field .panel .tab-content .row.tab-content-wrap { margin: 0; display: flex; justify-content: space-between; min-width: 100%; align-items: center; padding: 0 15px; } .knowledge-field .panel .tab-content .row.tab-content-wrap:before { content: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap:after { content: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap img { width: auto; height: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 { color: #2C7094; font-size: 24px; font-weight: 400 !important; margin: 0 0 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 25px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl { color: #000000; font-size: 17px; margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line { display: flex; margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dt { font-weight: 600; min-width: 56px; margin-left: 6px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item dl .detail-line dd { font-weight: 400; padding-bottom: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item p { color: #000000; font-size: 17px; margin: 0 0 5px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line { margin: 0 0 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item .detail-line span { margin-right: 12px; color: #3187D2; font-size: 16px; font-weight: 400; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online { display: flex; align-items: center; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online img { width: auto; height: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a { text-decoration: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap .open-online a span { margin-right: 13px; color: #3098CF; font-size: 17px; font-weight: 400; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons { margin-right: auto; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width { font-size: 20px; padding: 4px 10px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width span { margin-right: 12px; } .knowledge-field .panel .tab-content .row.tab-content-wrap { align-items: flex-start; } .knowledge-field .panel .tab-content .row.tab-content-wrap.links { margin-bottom: 0px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 20px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item:last-child { margin-bottom: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a { display: flex; align-items: center; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { width: 8px; height: 14px; margin-right: 2px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 15px; color: #474747; font-size: 16px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.knowledge .content-inner h3 { margin: 0 0 15px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item h4 { color: #000000; font-size: 17px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol { list-style: none; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li { color: #000000; font-size: 17px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a.more-content { position: absolute; bottom: -35px; margin: 10px 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a span { margin-right: 0; margin-left: 6px; color: #3098CF; } .knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text { display: none; } .knowledge-field .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn a span.collapsed-text.show { display: inline-block; } .knowledge-field .panel .row.tab-content-wrap .content-inner .content-item ol li a img { width: auto; height: auto; object-fit: contain; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li a img.collapsed { transform: rotate(180deg); } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol li.read-more-btn ol { list-style: none; margin-right: 0 !important; } .knowledge-field .panel .tab-content .row.tab-content-wrap { margin-bottom: 33px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.buttons { padding: 0 5px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills h3 { margin: 0 0 20px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-item { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-item h4 { margin: 0 0 9px; } #left_col.knowledge-field .panel .tab-content .row.tab-content-wrap .content-item ol { margin: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item p strong { font-weight: 600; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values .content-item { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { margin-bottom: 20px; padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap { margin-bottom: 30px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-items-wrap h3 { margin: 0 0 15px; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { white-space: normal; } /* Main subjects field of knowledge */ .knowledge-field.main-subjects .page-component-edu.main-title { margin-bottom: 28px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content { padding: 1px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage { margin: 0; padding: 1px 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title { margin-top: 0; font-size: 32px; font-weight: 600; padding: 10px 21px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content { padding: 15px 18px; } .knowledge-field.main-subjects .main-content .row { margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .row .col-md-12 { margin: 0; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { display: flex; justify-content: space-between; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default { box-shadow: none; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col { border: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { display: flex; justify-content: flex-end; } .knowledge-field.main-subjects .search-materials-inner .comp-title-container { display: inline-flex; top: 0; position: absolute; padding: 0; margin: 0; } .knowledge-field.main-subjects .search-materials-inner .comp-title-container h4 { margin: 0; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { max-width: 767px; margin: 0 0 40px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap p { color: black; font-size: 17px; font-weight: 400; margin: 0; } .knowledge-field.main-subjects .search-materials-inner .row.search-filters { max-width: 850px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col { margin-left: 0; padding: 0 46px 0 0 !important; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col:not(.search-col-left) { border-left: 1px solid #DFDFDF; padding: 0 !important; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field { display: flex !important; max-width: 355px; margin-bottom: 19px; align-items: center; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .search-label-wrap { padding: 0; min-width: 65px; margin-left: 60px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field .col-md-9 { padding: 0; max-width: 225px; min-width: 225px; height: 100%; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns { display: flex !important; align-items: flex-end; justify-content: flex-end; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap { margin-left: 25px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .ContainerButtons { max-width: 131px; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body { padding: 22px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row { margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { margin-bottom: 50px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 { color: #587E9F; font-size: 28px; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 span { margin: 0 8px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content { background-color: white; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type { border-left: 1px solid #DFDFDF; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type { padding-right: 35px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item { margin-bottom: 33px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item:last-child { margin-bottom: 13px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item h3 { color: #000000; font-size: 22px; font-weight: 400 !important; margin: 0 0 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .content-item ol { list-style: none; font-size: 17px; font-weight: 400; color: black; } /* After filtered search results */ .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.content .col-md-6:last-of-type { border: 0; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info { background: #EEEEEE; margin-bottom: 40px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body.filtered .row.title { margin-bottom: 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap { display: flex; align-items: center; margin: 0; padding: 6px 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt { color: #000000; font-size: 18px; font-weight: 400; min-width: 78px; margin-left: 36px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd { color: #000000; font-size: 18px; font-weight: 600; margin-left: 10px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:after { content: ","; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dd:last-of-type:after { content: none; } /* Main toggle - START */ .knowledge-field .search-bar .toggles-wrapper { display: inline-block; margin-bottom: 20px; } .knowledge-field .search-bar .toggles-wrapper label { cursor: pointer; vertical-align: middle; font-size: 16px; } .knowledge-field .search-bar .toggles-wrapper label input[type=checkbox].toggle { border: 1px solid #2C7094; background: #fff; cursor: pointer; display: inline-block; height: 16px; margin: -4px 0 0 4px; outline: 0; padding: 0; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: 0.05s border-color ease-in-out; opacity: 0; position: absolute; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap { display: inline-flex; border-radius: 5px; cursor: pointer; position: relative; vertical-align: middle; border: #2C7094 solid 1px; transition: background 0.25s ease; outline: 0; max-width: 100%; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span { text-align: center; font-size: 16px; width: 129px; padding: 9px 8px 8px; color: white; z-index: 1; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right { font-weight: 600; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-right.on { color: #000000; font-weight: 400; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left { color: white; font-weight: 600; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-text-left.on { color: #000000; font-weight: 400; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap span.on { font-weight: 700; transition-delay: 0.9s; transition: all 0.9s ease; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 0; background: #2C7094; border-radius: 0 4px 4px 0; transition: all 0.25s ease; transition-property: left, right; outline: 0; max-width: 100%; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition.toggle-active { left: 0; right: 50%; border-radius: 4px 0 0 4px; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off { left: 0; right: 50%; background: white; position: absolute; top: 0; bottom: 0; z-index: 0; max-width: 100%; border-radius: 5px 0 0 5px; } .knowledge-field .search-bar .toggles-wrapper label .switch-wrap .toggle-transition-off.toggle-off { border-radius: 0 5px 5px 0; left: 50%; right: 0; } .knowledge-field .toggle-content-wrap { display: none; } .knowledge-field .toggle-content-wrap.show { display: block; } /* Main toggle - END */ /* Knowladge field squares page (posts grid) */ .knowledge-field.square-page#left_col[role=main] > h1.areaTitle { margin-bottom: 35px; padding: 15px 20px 14px; } .knowledge-field .panel.panel-default.choose-class { margin-bottom: 0; border: 0; box-shadow: none; } .knowledge-field .panel.panel-default.choose-class .panel-body { padding: 5px 18px 5px 18px; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline { align-items: center; display: flex; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .title-wrap { padding: 0; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field { max-width: 225px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap { position: relative; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap select::-ms-expand { display: none; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap .form-control { border: 1px solid #2C7094; background: white; padding: 5px 14px 6px 45px; min-height: 39px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap:after { background: url(../images/knowladge-field-dropdown.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 39px; height: 38px; background-color: #2C7094; background-repeat: no-repeat; background-size: auto; background-position: center; color: #434B67; pointer-events: none; } /* .knowledge-field .panel.panel-default.squares-tabs .panel-body { padding: 20px 18px 27px; } */ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; display: flex; align-items: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a { display: flex; align-items: center; justify-content: flex-end; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap { padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle { max-width: fit-content; padding: 8px 20px; width: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-xs-6.title-wrap h1.areaTitle { display: inline-block; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .col-md-6.search-wrap a span { margin-left: 8px; color: #000000; font-size: 16px; font-weight: 400; } .knowledge-field .panel.panel-default.squares-tabs .panel-body img.link-arrow { width: auto; object-fit: cover; height: auto; } .knowledge-field .panel.panel-default.squares-tabs .panel-body.tabs { border: 0; box-shadow: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item { width: 379px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a { display: flex; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 180px; height: 110px; object-fit: cover; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details { display: flex; flex-direction: column; justify-content: space-between; width: 100%; background: var(--stock-search-bg); border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { margin: 8px 11px 0 0; font-size: 22px; font-weight: 400 !important; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 38px 11px 15px; color: var(--link-color-on-l-blue); } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link span { font-size: 16px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img { margin-inline-start: 5px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { margin-bottom: 0; } .knowledge-field .page-component-edu.links .row { margin: 0; display: flex; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container { max-width: 404px; min-height: 220px; margin-top: 0; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type { margin-left: 38px; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .panel-body { min-height: 100%; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container .nav-container ul li { margin: 0 0 20px; } /* Knowladge field gallery page (timeline slider) */ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { position: relative; display: block; margin: 0 auto 85px; max-width: 750px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 750px; margin: 0 auto; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev { border-left: 5px solid #2C7094; border-top: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next { border-right: 5px solid #2C7094; border-bottom: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { display: block; background-color: transparent; border-left: 2px solid #2C7094; border-top: 2px solid #2C7094; transform: rotate(-45deg); left: -25px; width: 16px; height: 16px; top: 33px; z-index: 1; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev:before { font-size: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next { display: block; background-color: transparent; border-right: 2px solid #2C7094; border-bottom: 2px solid #2C7094; transform: rotate(-45deg); right: -25px; width: 16px; height: 16px; top: 33px; z-index: 1; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next:before { font-size: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline { width: 100%; height: 2px; background: #2C7094; position: absolute; display: flex; top: 40px; justify-content: space-around; z-index: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before { content: ""; position: absolute; right: -25px; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after { content: ""; position: absolute; left: -25px; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator { display: block; width: 20px; height: 20px; border: 2px solid #2C7094; border-radius: 50%; position: relative; top: -10px; background: white; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline .knowlage-slider { max-width: 100%; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide { text-align: center; margin: 0 9px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 50px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 { color: #2C7094; font-size: 18px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; max-width: 140px; height: 107px; margin: 0 auto 10px; padding: 10px 0 6px; text-align: right; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { color: #474747; font-size: 16px; padding: 0 10px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { display: flex; justify-content: flex-end; margin-left: 10px; align-items: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { color: #587E9F; font-size: 16px; margin-left: 5px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { width: 8px; height: 12px; } /* Knowladge item-page teaching material - START */ .knowledge-field .page-component-edu.split-media-content { margin: 38px 0; } .knowledge-field .page-component-edu.split-media-content .inner-wrap { display: flex; justify-content: space-between; padding: 20px 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 25px 0 90px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 20px; margin: 0 0 12px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { color: #000000; font-size: 17px; line-height: 26px; margin: 0; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap img { min-width: 364px; height: 206px; object-fit: cover; } /* "reverse" class override "search-main-erea" original class values */ .knowledge-field .page-component-edu.split-media-content .search-main-erea.reverse .ma-lomdim h1 { font-size: 22px; text-align: center; line-height: 2.2; } .main-pedagogic .search-main-erea.reverse .search-main { padding: 56px 40px; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 259px; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 125px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { width: 300px; font-size: 22px; text-align: center; padding: 15px 0; } .knowledge-field.item-page .split-media-content .inner-wrap { padding: 22px 18px 18px; box-shadow: none; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0; width: 100%; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap h4 { color: #000000; font-size: 24px; } .knowledge-field.item-page .split-media-content .inner-wrap img.inside-content { height: 211px; margin: 7px 21px 7px 0; max-width: 340px; float: left; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { background: var(--stock-search-bg); margin: 10px 15px 15px; padding: 10px 24px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link img { width: auto; height: auto; object-fit: contain; margin-right: 6px; max-width: 16px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title { margin-bottom: 12px; } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title h3 { margin: 0; color: #171717; font-size: 22px; } .knowledge-field.item-page .split-media-content .data-list dl { margin: 0; } .knowledge-field.item-page .split-media-content .data-list dl .headline { display: flex; justify-content: flex-start; border-bottom: 1px solid #D5D5D5; padding-bottom: 4px; } .knowledge-field.item-page .split-media-content .data-list dl .headline dt { min-width: 140px; color: #000000; font-size: 16px; font-weight: 600; } .knowledge-field.item-page .split-media-content .data-list dl .content { display: flex; justify-content: flex-start; background: none; padding: 5px 0 0; } .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 140px; color: #000000; font-size: 16px; font-weight: 400; } .knowledge-field.item-page .page-component-edu.split-media-content.about { background-color: #587E9F; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); margin: 0 0 40px; padding: 11px 0 18px; } .knowledge-field.item-page .page-component-edu.split-media-content.about h3.about-title { padding: 9px 22px; color: #3098CF; font-size: 22px; background: white; width: auto; display: inline-block; margin: 0 18px 13px 0; } .knowledge-field.item-page .split-media-content.about .inner-wrap { padding: 0 18px 0; } .knowledge-field.item-page .split-media-content.about .inner-wrap .content-wrap h4 { color: white; font-size: 18px; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .content-wrap p { color: white; font-size: 18px; line-height: 22px; margin-bottom: 19px; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap { display: flex; justify-content: flex-end; align-items: center; } .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap a { padding: 6px 41px; color: #587E9F; font-size: 22px; background: white; border-radius: 5px; } .knowledge-field.item-page .split-media-content.about .inner-wrap img { height: 242px; margin: 7px 21px 7px 0; max-width: 340px; float: left; } .knowledge-field.item-page .panel.panel-default.choose-class { margin-bottom: 40px; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { padding: 0; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body { padding: 0; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body { padding: 20px 18px 27px; } .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; } .knowledge-field.item-page .panel.panel-default.choose-class .row.headline .title-wrap h2 { margin: 0; } .knowledge-field.item-page .page-component-edu.tours-space.lecture .panel .panel-body { padding: 0; } /* Knowladge item-page teaching material - END */ /* Main subjects fields of knowladge full&filtered START */ .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class { margin-bottom: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class h4 { color: #587E9F; font-size: 18px; margin: 0 0 5px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { display: flex; min-width: 100%; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { width: 147px; margin-left: 26px; margin-right: 0; background-color: #EDF5FA; border-radius: 8px; padding: 8px 18px 0; height: 98px; display: flex; flex-direction: column; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap { display: flex; justify-content: space-between; position: relative; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 60px; height: 55px; background: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; margin-left: 15px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input { -webkit-appearance: none; border: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { color: #474747; font-size: 41px; font-weight: 300; height: 100%; width: 100%; text-align: center; line-height: 50px; cursor: pointer; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label { background: #587E9F; color: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; font-weight: 600; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner input[type=radio]:checked + label img { filter: brightness(100); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:last-of-type { margin-left: 0; } .main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap:hover { background: #F5F5F5; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { color: #587E9F; font-weight: 400 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 477px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: 256px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 110px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 110px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap { max-width: 100%; margin: 0 0 45px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap h4 { color: #587E9F; font-size: 18px; margin: 0 0 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter { display: flex; min-width: 100%; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap { display: flex; flex: 0 1 50%; margin: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 155px; margin-bottom: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child { margin-left: 32px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field label { display: none; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { flex: 0 1 50%; text-align: left; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn { width: 131px; } .knowledge-field.main-subjects .page-component-edu.search-bar { margin-bottom: 34px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container { justify-content: flex-start; align-items: center; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 { margin: 0; padding: 6px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap { margin-right: 33px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 { margin: 0; padding: 0; color: #587E9F; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 span { margin: 0 8px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; background-color: #EDF5FA; padding: 18px 18px 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 73px; background: white; max-width: 246px; flex: 1 0 25%; margin-left: 33px; margin-bottom: 20px; border-radius: 8px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover { background: #587E9F; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a h4 { color: white; font-weight: 600 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:hover a span { color: white; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 10px 14px; opacity: 1; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { margin: 0; color: #000000; font-size: 24px; font-weight: 400 !important; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { color: #2C7094; font-size: 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content { padding: 15px 10px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .text-wrap { margin: 0 0 2px; } .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container { margin-bottom: 0; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li { min-width: 366px; margin-left: 10px; border-bottom: 7px solid #ffffff; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li:last-child { margin-left: 0; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li.active { border-bottom: 7px solid #ffffff; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li a { text-align: center; line-height: 1.4; } .knowledge-field .panel.high-school-tabs.panel-default.squares-tabs .panel-body { padding: 27px 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections { padding: 15px 15px 0 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section { min-width: 100%; display: flex; flex-wrap: wrap; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title { min-width: 100%; margin-bottom: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title.open-collapse::after { transform: rotate(-90deg); } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title h5 { margin: 0; color: #587E9F; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 245px; flex: 1 0 25%; margin-left: 34px; } /* .main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 0; } */ /* Make read-more with collapse more generic -START */ .knowledge-field .read-more-btn { position: relative; margin: 10px 0 0; } .knowledge-field .read-more-btn a span.collapsed-text { display: none; } .knowledge-field .read-more-btn a span.collapsed-text.show { display: inline-block; } .knowledge-field .read-more-btn a { display: flex; } .knowledge-field .read-more-btn a img { width: auto; max-width: 10px; height: auto; object-fit: contain; margin-right: 10px; } .knowledge-field .read-more-btn a.more-content { position: absolute; bottom: -33px; margin: 10px 0; } .knowledge-field .read-more-btn a.more-content img.collapse-arrow { transform: rotate(180deg); } /* Make read-more with collapse more generic -END */ /* Main subjects fields of knowladge full&filtered END */ /* Pedagogical Merge and study programs - media queries START*/ @media (max-width: 1199px) { section.content .knowledge-field .panel .panel-body { padding: 12px 12px 16px 24px; } .knowledge-field .row.headline .search-col-field { max-width: 152px; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 16px !important; min-height: 35px; padding: 4px 12px; } .knowledge-field .row.search-filter { padding-right: 20px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group { font-size: 14px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 8px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input { width: 15px; height: 15px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before { width: 11px; height: 12px; } .knowledge-field .row.search-filter .selectWrap label { font-size: 14px; margin-left: 12px; } .popXtn .knowledge-field .row.search-filter .selectWrap .form-control { max-width: 182px; font-size: 14px !important; } /* .knowledge-field .row.free-search { padding-right: 20px; }*/ .knowledge-field .row.free-search .input-search { margin-left: 34px; } .knowledge-field .row.free-search .input-search input.form-control { width: 410px; font-size: 14px !important; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 10px; } .knowledge-field .listing.section .info { width: 70%; } .knowledge-field .panel .nav.nav-tabs li a { height: 47px; padding: 6px 8px 8px; font-size: 22px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 50px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin: 0 auto 65px; max-width: 550px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 550px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 45px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text h4 { font-size: 16px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 120px; height: 97px; margin: 0 auto 8px; padding: 8px 0 4px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { font-size: 14px; padding: 0 8px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { font-size: 14px; margin-left: 4px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { width: 7px; height: 11px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator { width: 18px; height: 18px; top: -8px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap { padding: 20px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 20px 0 60px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 18px; margin: 0 0 12px; } .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { font-size: 16px; } .main-pedagogic .search-main-erea.reverse .search-main { padding: 55px 70px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { line-height: 1; width: 230px; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 184px; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 120px; } .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0 0 0 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { min-width: auto; max-width: 100%; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { width: 140px; margin-left: 18px; padding: 6px 14px 0; height: 84px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 102px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { font-size: 28px; line-height: 40px; position: relative; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { margin: 6px 0 0; font-size: 16px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 400px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 50px; height: 45px; margin-left: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: 201px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 102px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 23px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 63px; max-width: 270px; flex: 1 0 33%; margin-left: 23px; margin-bottom: 17px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 8px 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 20px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 17px; } .knowledge-field .panel.high-school-tabs .nav.nav-tabs li { min-width: auto; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 277px; flex: 1 0 33%; margin-left: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { max-width: 32px; } } @media (max-width: 1024px) { .knowledge-field .tab-content-wrap.buttons .ContainerButtons .search-btn { width: 100% !important; } } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row { margin-bottom: 20px; /*display: flex;*/ justify-content: space-between; align-items: center; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap { text-align: left; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field { margin-bottom: 0; } section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field .search-label-wrap { display: none; } section.content .knowledge-field .panel .panel-body { padding: 10px 12px; } section.content .knowledge-field .panel .panel-body .row .col-xs-6 { padding: 0; } section.content .knowledge-field .row.headline h1.areaTitle { max-width: 140px; font-size: 16px; padding: 8px 20px; } .knowledge-field .row.headline .search-col-field .col-md-12 .form-control { font-size: 14px !important; min-height: 28px; padding: 2px 8px; } section.content .knowledge-field .panel .panel-body .row.search-filter { flex-direction: column; align-items: flex-start; padding-right: 0; } .knowledge-field .row.search-filter .selectWrap { justify-content: flex-start; } .knowledge-field .row.search-filter .checkbox-wrapper { padding: 0; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-left: 10px; margin-right: 0; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input { width: 14px; height: 14px; } .popXtn .knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group.style-checkbox input[type=checkbox]:checked:before { width: 11px; height: 11px; } section.content .knowledge-field .panel .panel-body .row.free-search { flex-direction: column; align-items: flex-start; padding-right: 0; } .knowledge-field .row.free-search .input-search { margin-left: 0; width: 100%; margin-bottom: 15px; } .knowledge-field .row.free-search .input-search input.form-control { width: 100%; } .knowledge-field .row.free-search .clearBtnWrap { margin-left: 0; margin-right: auto; } .knowledge-field .row.free-search .ContainerButtons .btn.goBtn.full-width.search-btn { margin-top: 0; } .knowledge-field .row.search-filter .selectWrap label { margin-left: 27px; } .knowledge-field .listing.section .info { width: 100%; padding: 0 15px; } .knowledge-field .search-info-strip { margin: 16px; flex-wrap: wrap; } .knowledge-field .search-info-strip.multi-items dl { flex-wrap: wrap; margin-right: 0; } .knowledge-field .search-info-strip.multi-items dl span.border { display: none; } .knowledge-field .search-info-strip span { min-width: 100%; } .knowledge-field .search-info-strip dl .search-item { min-width: 100%; } section.content .knowledge-field .panel .panel-group.collapsing-tabs { padding: 20px 20px 27px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading { text-align: center; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-heading h2 { color: #000000; font-size: 24px; font-weight: 400 !important; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links { margin: 0 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h3 { font-size: 17px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse img { width: auto; height: auto; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span { font-family: Assistant; font-size: 16px; line-height: 150%; color: #474747; text-align: right; margin-right: 7px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner { padding: 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item { display: flex; margin-bottom: 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item a { display: flex; align-items: center; } .knowledge-field .tab-content-wrap .ContainerButtons { margin-left: 0; margin-right: auto; max-width: 240px; padding: 0 15px; } .knowledge-field .panel .tab-content { background: white; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { position: relative; text-align: right; font-size: 18px; padding-left: 22px; margin-top: 20px; width: 100% !important; } .knowledge-field .tab-content-wrap .ContainerButtons .search-btn span { position: absolute; left: 12px; font-size: 18px; top: 50%; transform: translateY(-50%); margin-right: 6px; color: white !important; } .knowledge-field .tab-content-wrap.search-btn { padding: 0; width: 100% !important; } .knowledge-field .panel-body .content-inner .content-item dl .detail-line dt { min-width: 50px; margin-left: 4px; font-size: 16px; } .knowledge-field .panel-body .content-inner .content-item dl .detail-line dd { font-size: 16px; } .knowledge-field .panel-body .content-inner .content-item p { color: #000000; font-size: 16px; margin: 0 0 5px; } .knowledge-field .panel-body .content-inner .content-item .detail-line { margin: 0 0 10px; display: flex; } .knowledge-field .panel-body .content-inner .content-item .detail-line span { font-size: 16px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { flex-direction: column; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner h3 { font-size: 22px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.values { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 12px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .search-materials-inner .search-col { padding: 0 !important; border-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content { flex-direction: column; align-items: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-sm-12 { padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:last-of-type { padding-right: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.content .col-md-6:first-of-type { border-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title .title-wrap h2 { font-size: 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap { flex-wrap: wrap; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.filter-info dl.info-wrap dt { margin-left: 12px; } .knowledge-field .panel.panel-default.choose-class .panel-body { padding: 5px 15px 5px 15px; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline { flex-direction: column; } .knowledge-field .panel.panel-default.choose-class .panel-body .row.headline .col-md-6.search-wrap { width: 260px; text-align: center; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { flex-direction: column; margin-bottom: 37px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: 100%; font-size: 22px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap { flex-direction: column; flex-wrap: nowrap; margin: 0 15px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item { width: 100%; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a { display: flex; flex-direction: column; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 100%; height: 114px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { font-size: 16px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 auto 5px 10px; } .knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field { max-width: 260px; } /*.knowledge-field .panel.panel-default.choose-class .row.headline .title-wrap h2 { font-size: 30px; }*/ .knowledge-field.square-page#left_col[role=main] > h1.areaTitle { border: 0; padding: 10px 15px 9px; margin-bottom: 18px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body { padding: 17px 15px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap { padding: 0; margin-bottom: 30px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field { text-align: left; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { /*width: 10px; height: 17px;*/ object-fit: contain; margin-right: 6px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid { margin-bottom: 0; border: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { border: none; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-group.collapsing-tabs { border: none; box-shadow: none; padding: 0; } /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field a span { color: black; }*/ .knowledge-field .panel.panel-default.squares-tabs { margin-bottom: 15px; } .knowledge-field .page-component-edu.links .row { flex-direction: column; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container { max-width: 100%; } .knowledge-field .page-component-edu.links .row .quick_links.links-without-container:first-of-type { margin-left: 0; margin-bottom: 28px; } .knowledge-field .page-component-edu.links .row.compt-tit-con h4 { max-width: fit-content; } } @media screen and (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) { .knowledge-field .page-component-edu.links .row.compt-tit-con h4 { display: inline-block; } } @media (max-width: 991px) { .knowledge-field .knowlage-slider { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .timeline span.timeline-indicator:not(:last-of-type) { display: none; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin: 0 auto 55px; max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:before { right: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery:after { left: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { left: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next { right: 0; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 100%; height: 77px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content { margin: 0 0 20px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap { flex-direction: column; padding: 15px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap { padding: 15px 0; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap .content-wrap { padding: 0 15px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap { padding: 0 22px; margin-bottom: 25px; display: flex; flex-direction: column; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .media-wrap iframe { max-width: 100%; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap h4 { font-size: 20px; margin: 0 0 15px; order: 1; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap p { font-size: 17px; order: 1; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap iframe { max-width: 100%; width: 100%; margin: 25px 0; order: 2; } } @media (max-width: 991px) { .knowledge-field.item-page .page-component-edu.split-media-content .inner-wrap img.inside-content { max-width: 290px; object-fit: cover; min-width: auto; height: 180px; margin: 25px 0; order: 2; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content .inner-wrap .content-wrap .read-more-btn { order: 1; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin: 5px 14px 13px; padding: 10px 18px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .data-list .title { margin-bottom: 26px; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content .btn-link { display: none; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap .media-wrap { margin-bottom: 24px; } } @media (max-width: 991px) { .knowledge-field .page-component-edu.split-media-content.about .inner-wrap .link-btn-wrap { text-align: left; } } @media (max-width: 991px) { .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .search-wrap { margin-bottom: 0; } } @media (max-width: 991px) { .knowledge-field.item-page .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body { padding: 0 0 20px 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { background-color: #EDF5FA; flex-wrap: wrap; padding: 0 25px 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner { min-width: auto; width: 208px; margin-left: 0; padding: 6px 0 0; height: 100%; flex-direction: column-reverse; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .input-wrap { min-width: 100%; height: 55px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.elementary-school { width: 100%; margin: 0; height: 100%; padding: 6px 0 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .buttons-inner-wrap { flex-wrap: wrap; justify-content: flex-start; padding: 0; align-items: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner .input-wrap { min-width: 60px; height: 55px; margin-left: 14px; margin-bottom: 14px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kindergarden .buttons-inner-wrap { flex-wrap: wrap; margin: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.kinder-garden .buttons-inner-wrap { flex-wrap: wrap; margin: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.high-school .input-wrap { min-width: 100%; height: 55px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner.junior-high { width: auto; margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner h5 { margin: 6px 0 8px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner img { max-width: 42px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap { flex-direction: column; align-items: flex-start; margin-bottom: 22px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter { flex-direction: column; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { text-align: right; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons .search-btn { margin-top: 0; width: 131px !important; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 300px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field:first-child { margin-bottom: 18px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap .class-grades-inner label { font-size: 41px; line-height: 50px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap { justify-content: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(2n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(3n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(4n) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 60px; max-width: 45%; flex: 1 0 45%; margin-left: 0; margin-bottom: 14px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) { margin-left: 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 7px 10px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 18px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 16px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container { flex-direction: column; align-items: flex-start; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap { margin: 0 0 17px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container h4 { margin: 0 0 10px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results .main-content .panel-default .comp-title-container .title-wrap h2 { margin: 0; font-size: 20px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.fillter .main-content { padding: 15px 18px 28px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content .panel-default .comp-title-container { flex-direction: row; justify-content: space-between; align-items: center; padding: 0 16px; } } @media (max-width: 991px) { section.content .knowledge-field .panel.high-school-tabs .panel-group.collapsing-tabs .panel-heading h2 { padding-top: 0; text-align: center; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results a:focus { color: #000 !important; -webkit-tap-highlight-color: transparent; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.results.high-school-results .main-content { padding: 18px 0 0; } } @media (max-width: 991px) { section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs { padding: 0 15px 0; border: 0; box-shadow: none; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar.high-school-results .main-content .panel-default { margin-bottom: 17px; } } @media (max-width: 991px) { section.content .knowledge-field .search-bar.results.high-school-results .panel .panel-group.collapsing-tabs .panel-collapse .panel-body { margin: 17px 0 40px; padding-bottom: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 100%; flex: 1 0 100%; margin-left: 0; height: 73px; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 0; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections { padding: 15px 22px 5px 15px; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .panel-collapse { min-width: 100%; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title { justify-content: flex-start; position: relative; } } @media (max-width: 991px) { .knowledge-field .search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .row.row-title:after { content: ""; position: absolute; background: url("../images/inside-collapse.png"); width: 10px; height: 10px; background-repeat: no-repeat; right: 220px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item { max-width: 100%; flex: 1 0 100%; margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(3n+1) { margin-left: 15px; } } @media (max-width: 991px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap.sections .row.items-section .item:nth-child(4n+1) { margin-left: 15px; } } @media (max-width: 680px) { .main-pedagogic .search-main-erea.reverse .search-main { padding: 30px; } .main-pedagogic .search-main-erea.reverse .ma-lomdim h1 { line-height: 1; width: 100%; } .main-pedagogic .search-main-erea.reverse .search-main .learn-inputs select#edulevel { width: 100%; } .main-pedagogic .search-main-erea.reverse .search-main div.hipus { width: 100%; } } @media (max-width: 560px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { justify-content: center; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 90px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { max-width: 100%; margin: 90px 0 40px; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { width: 100%; height: 94px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .text-wrap { margin: 90px 0 40px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item:nth-child(odd) { margin-left: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item { height: 60px; max-width: 100%; flex: 1 0 100%; margin-bottom: 14px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a { padding: 8px 16px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a h4 { font-size: 24px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-results-wrapper .items-wrap .item a span { font-size: 18px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { padding: 0 43px 17px 25px; } } @media (max-width: 480px) { section.content .knowledge-field .panel .panel-body .row.headline .col-xs-6.search-wrap .search-col-field { margin-bottom: 0; max-width: 135px; } .knowledge-field .tab-content-wrap .ContainerButtons { margin: 0 auto; padding: 0; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .toggles-wrapper { justify-content: flex-start; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 70px; } .knowledge-field.main-subjects .search-materials-inner .row.text-wrap { margin: 70px 0 40px; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.search-filters .search-col .search-col-field { flex-direction: column; align-items: flex-start; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns { justify-content: flex-start; } .knowledge-field.main-subjects .panel-default .search-materials-inner .row.RowButtns .clearBtnWrap { margin-left: 68px; } .knowledge-field.main-subjects .page-component-edu.main-title { margin-bottom: 8px; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content { padding: 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage { padding: 0; border: 0; } .knowledge-field.main-subjects .page-component-edu.main-title .page_component.main-content .ContainerTitlePage h1.title { font-size: 30px; padding: 10px 20px; } .knowledge-field.main-subjects .page-component-edu.search-results .panel.panel-default .panel-body .row.title { margin-bottom: 50px; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .search-inner-wrap .search-col-field { width: 100%; } .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .search-boxes-wrap .search-filter .ContainerButtons { text-align: left; } } @media (max-width: 359px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .choose-class .class-grades-wrap { padding: 0 25px 17px; } } /* Pedagogical Merge and study programs - media queries END*/ /* Pedagogical Merge and study programs - END by Dror Efraim 11-2019*/ /* Pedagogical Merge and study programs - add timeline in tab "the big picture" - ***START*** by Dror Efraim 01-2020*/ /* Knowladge field gallery page (timeline slider) */ .knowledge-field .panel .tab-content.timeline .tab-panel.active { padding: 45px 15px 17px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap.buttons { margin-bottom: 55px; padding: 0 5px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap:last-child { margin-bottom: 0; } .knowledge-field .panel.panel-default.squares-tabs.timeline .panel-body.tabs { padding: 0; } .knowledge-field .row.posts-big-picture { position: relative; display: block; margin: 0 auto 85px; max-width: 780px; } .knowledge-field .row.posts-big-picture .knowlage-slider { max-width: 760px; margin: 0 auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-arrow:before { content: none; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { background-image: url("../images/left-arrow-timeline.png"); background-color: transparent; background-repeat: no-repeat; display: block; left: -5px; top: 42px; z-index: 1; width: 18px; height: 30px; background-size: cover; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { background-image: url("../images/right-arrow-timeline.png"); background-color: transparent; background-repeat: no-repeat; display: block; right: -5px; top: 42px; z-index: 1; width: 18px; height: 30px; background-size: cover; } .knowledge-field .row.posts-big-picture .timeline { width: 100%; height: 5px; background: #2C7094; position: absolute; display: flex; top: 40px; justify-content: space-around; z-index: 0; } .knowledge-field .row.posts-big-picture:before { content: ""; position: absolute; right: 0; width: 25px; height: 2px; background: #2C7094; top: 40px; } .knowledge-field .row.posts-big-picture:after { content: ""; position: absolute; left: 0; width: 25px; height: 5px; background: #2C7094; top: 40px; } .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator { display: block; width: 20px; height: 20px; border: 5px solid #2C7094; border-radius: 50%; position: relative; top: -8px; background: white; } .knowledge-field .row.posts-big-picture .timeline .knowlage-slider { max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide { text-align: center; margin: 0 auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 55px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 { color: #2C7094; font-size: 18px; margin: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { display: flex; flex-direction: column; position: relative; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); border-radius: 8px; max-width: 180px; text-align: right; background: white; height: 145px; margin: 0 auto; padding: 0; width: 160px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption:before { content: ""; position: absolute; background-image: url("../images/tineline-item-indicator.png"); background-color: transparent; background-repeat: no-repeat; left: 50%; width: 28px; height: 18px; top: -14px; background-position: center; transform: translateX(-50%); background-size: cover; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { margin: 0; background-color: #3098CF; font-size: 15px; color: white; min-height: 26px; text-align: center; line-height: 22px; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 5px 0 6px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { height: 100%; border: 7px solid #3098CF; border-top: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { color: #474747; padding: 6px 10px; margin: 0; height: 100%; font-size: 15px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link { display: flex; justify-content: flex-end; margin-left: 10px; align-items: center; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span { color: #587E9F; font-size: 16px; margin-left: 5px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img { width: 8px; height: 12px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip { display: block; height: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip, .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .ellip-line { position: relative; overflow: hidden; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width { padding: 2px 16px; } /* Timeline in tab "the big picture" - media query **START** */ @media (max-width: 1199px) { section.content .knowledge-field .panel .panel-body .row.posts-big-picture { margin: 0 auto 45px; max-width: 660px; display: block; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { font-size: 14px; padding: 4px 0 5px; } .knowledge-field .panel .tab-content.timeline .row.tab-content-wrap { margin-bottom: 0; } section.content .knowledge-field .panel .panel-body .row.posts-big-picture .knowlage-slider { max-width: 630px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text h4 { font-size: 16px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { max-width: 136px; height: 116px; margin: 0 auto 6px; padding: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 13px; padding: 2px 6px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link span { font-size: 14px; margin-left: 4px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .post-link img { width: 7px; height: 11px; } .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator { width: 18px; height: 18px; top: -8px; } } @media (max-width: 991px) { .knowledge-field .row.posts-big-picture .timeline span.timeline-indicator:not(:last-of-type) { display: none; } section.content .knowledge-field .panel .panel-body .row.posts-big-picture { margin: 0 auto; max-width: 550px; display: block; } section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .panel-collapse .panel-body { padding: 0 11px 20px; } .knowledge-field .row.posts-big-picture .timeline { height: 3px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { width: 11px; height: 20px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { width: 11px; height: 20px; } .knowledge-field .row.posts-big-picture:before { height: 2px; } .knowledge-field .row.posts-big-picture:after { height: 2px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse span { margin-right: 0; } .knowledge-field .row.posts-big-picture:before { right: 0; } .knowledge-field .row.posts-big-picture:after { left: 0; } .knowledge-field .row.posts-big-picture .knowlage-slider { max-width: 100%; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-prev { left: -1px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-next { right: -1px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-text { margin-bottom: 60px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { max-width: 100%; width: 320px; padding: 0; height: auto; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 104px; } .knowledge-field .panel.panel-default .collapsing { transition-delay: 0.4s !important; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 14px; } } @media (max-width: 768px) { .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { width: 260px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 84px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p { font-size: 13px; } } @media (max-width: 480px) { .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { width: 200px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-wrap { min-height: 64px; } } /* Timeline in tab "the big picture" - media query **END** */ /* Pedagogical Merge and study programs - add timeline in tab "the big picture" - ***END*** by Dror Efraim 12/01/2020*/ /* Pedagogical study programs - add links area to knowledge field - ***START*** by Dror Efraim 01/2020*/ .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin: 15px 0; text-align: right; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap img { max-width: 241px; height: 160px; object-fit: cover; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items { display: flex; flex-wrap: wrap; margin: 0 18px 10px 0; } .page_component.knowledge-field .row.no-margin.links-wrap .img-box { padding: 0; max-width: 241px; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { background: url(../images/Arrow-Link-List-dark.png) no-repeat top 7px right #fff; padding-right: 25px; min-width: 189px; margin-bottom: 5px; padding-left: 0; max-width: 195px; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li a { line-height: 30px; } .page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 { padding: 0; min-width: 590px; } .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container h4 { margin: 14px 18px 0 0; } @media (min-width: 992px) { .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container { margin-bottom: 41px; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { text-align: left; } } @media (max-width: 991px) { .page_component.knowledge-field .row.no-margin.links-wrap .link-items { max-width: 100%; flex-direction: column; } .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { padding-right: 25px; min-width: auto; margin-bottom: 5px; padding-left: 0; max-width: fit-content; } .page_component.knowledge-field .row.no-margin.links-wrap .col-md-8 { min-width: auto; } .page_component.knowledge-field .row.no-margin.links-wrap .img-box { margin-right: 16px; } } /* Pedagogical study programs - add links area to knowledge field - ***END*** by Dror Efraim 01/2020*/ /* Pedagogical study programs - adjustments to subject page - ***START*** by Dror Efraim 07/2020*/ /* Helper class to clear padding */ .clear-padding { padding: 0; } /* Helper class to clear padding */ /* Indicator */ .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 8px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap p.heading { margin: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { display: flex; align-items: center; margin-right: 20px; background-color: #EDF5FA; padding: 0 10px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 0 0 8px; color: #2C7094; line-height: 20px; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator img { width: 13px; height: 14px; } /* Teaching-units */ .page-component-edu.teaching-units .panel.panel-default { background-color: #2C7094; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); border-radius: 3px; border: 0; padding: 30px 5px 30px 18px; } .page-component-edu.teaching-units .row { display: flex; } .page-component-edu.teaching-units .row .text-wrap { display: flex; flex-direction: column; justify-content: flex-start; } .page-component-edu.teaching-units .row .text-wrap h2 { color: white; font-weight: 600; font-size: 28px; margin: 0 0 12px; } .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 { color: white; font-weight: 600; font-size: 18px; margin: 0 0 6px; } .page-component-edu.teaching-units .row .text-wrap p { color: white; font-weight: 400; font-size: 18px; margin: 0; } .page-component-edu.teaching-units .row .btn-links-wrap { display: flex; flex-direction: column; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner { display: block; background-color: white; border-radius: 5px; padding: 7px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) { margin-bottom: 15px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link { display: block; text-align: center; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner a.btn-link span { color: #2C7094; font-size: 24px; font-weight: 400; text-align: center; } /* Recorded-lessons */ .page-component-edu.recorded-lessons .panel.panel-default { box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); border-radius: 3px; border: 0; padding: 20px 3px 20px 18px; } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container { margin-bottom: 20px; } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container h4 { margin: 0 15px 0 0; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap { display: flex; flex-direction: column; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item:not(:last-child) { margin-bottom: 20px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item h5 { margin: 0 0 10px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a:not(:last-child) { margin-left: 25px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a span { margin-left: 3px; } .page-component-edu.recorded-lessons .panel.panel-default .items-wrap .item a img { width: auto; height: auto; object-fit: cover; } /* Media queries - adjustments to subject page - by Dror Efraim 07/2020*/ @media (max-width: 991px) { /* Indicator */ .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { flex-direction: column; align-items: flex-start; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; } /* Teaching-units */ .page-component-edu.teaching-units .panel.panel-default { padding: 20px 0 20px; } .page-component-edu.teaching-units .row { flex-direction: column; } .page-component-edu.teaching-units .row .text-wrap { margin-bottom: 22px; } .page-component-edu.teaching-units .row .text-wrap h2 { font-size: 26px; line-height: 34px; margin: 0 0 18px; } .page-component-edu.teaching-units .row .text-wrap h3, .page-component-edu.teaching-units .row .text-wrap h4 { margin: 0 0 4px; } .page-component-edu.teaching-units .row .btn-links-wrap .btn-link-inner:not(:last-child) { margin-bottom: 20px; } } /* Pedagogical study programs - adjustments to subject page - ***END*** by Dror Efraim 07/2020*/ /* Pedagogical study programs - expertises list - ***START*** by Dror Efraim 07/2020*/ .teaching-practices-container.expertises.modals { margin-bottom: 5px; } .teaching-practices-container.expertises .container-content { padding: 24px 27px 24px 0; min-width: 513px; max-width: 513px; flex: none; } .teaching-practices-container.expertises .container-content.full-width { padding: 24px 27px 24px; min-width: 513px; max-width: 100%; width: 100%; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 28px; } .teaching-practices-container.expertises .container-content .content-text p { font-size: 18px; line-height: 25px; margin: 10px 0 0; } .teaching-practices-container.expertises .container-content-media { flex: none; height: auto; margin: 25px 0 0 25px; } .teaching-practices-container.expertises .container-content-media .media-iframe { background-image: url(../images/student.png); min-height: 180px; width: 256px; background-position: top; background-size: contain; background-repeat: no-repeat; } .expertises-items-wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto; max-width: 800px; width: 100%; padding: 30px 0 0; } .expertises-items-wrap .item { flex: 0 1 20%; max-width: 119px; margin-left: 51px; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; min-height: 168px; } .expertises-items-wrap .item .modal-btn { -webkit-appearance: none; background-color: transparent; border: 0; border-radius: 50%; width: 114px; height: 114px; margin-bottom: 12px; left: 0; top: 0; } .expertises-items-wrap .item:hover .modal-btn { transition: all 0.3s ease-out; position: absolute; top: -6px; left: -6px; width: 120px; height: 120px; } .expertises-items-wrap .item:hover .text-wrap { position: absolute; bottom: 0; min-height: 42px; } .expertises-items-wrap .item .modal-btn img { width: auto; max-width: 50px; max-height: 50px; object-fit: cover; } .expertises-items-wrap .item .text-wrap { text-align: center; } .expertises-items-wrap .item .text-wrap span { color: black; font-size: 18px; font-weight: 600; line-height: 20px; } .expertises-items-wrap .item.cognitive .modal-btn { background-color: rgba(236, 101, 62, 0.15); } .expertises-items-wrap .item.personality-expertise .modal-btn { background-color: rgba(231, 145, 25, 0.24); } .expertises-items-wrap .item.intra-personality-expertise .modal-btn { background-color: rgba(127, 117, 151, 0.25); } .expertises-items-wrap .item.physical-expertise .modal-btn { background-color: rgba(48, 176, 0, 0.21); } .teaching-practices-container.expertises .categories-indicators { display: flex; justify-content: flex-start; padding: 18px 56px 18px 16px; } .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) { margin-left: 44px; } .teaching-practices-container.expertises .categories-indicators .item span { position: relative; color: black; font-size: 16px; font-weight: 600; } .teaching-practices-container.expertises .categories-indicators .item span:before { content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 15px; height: 15px; } .teaching-practices-container.expertises .categories-indicators .item.cognitive span:before { background-color: #EC653E; } .teaching-practices-container.expertises .categories-indicators .item.personality-expertise span:before { background-color: #E79119; } .teaching-practices-container.expertises .categories-indicators .item.intra-personality span:before { background-color: #30B000; } .teaching-practices-container.expertises .categories-indicators .item.physical-expertise span:before { background-color: #7F7597; } /* Expertise Modal */ .modal.expertises .modal-dialog { width: 950px; margin: 147px auto; } .modal.expertises .modal-dialog .modal-content img { width: auto; max-width: 90px; max-height: 90px; object-fit: contain; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 72px; } .modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(236, 101, 62, 0.15); } .modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(231, 145, 25, 0.24); } .modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(127, 117, 151, 0.25); } .modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details { background-color: rgba(48, 176, 0, 0.21); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details p { margin: 0; color: black; font-size: 18px; line-height: 26px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 { font-size: 34px; font-weight: 600; margin: 0 0 4px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap { display: flex; align-items: center; padding: 20px 30px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap { margin-right: 38px; } .modal.expertises.red .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(236, 101, 62); } .modal.expertises.orange .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(231, 145, 25); } .modal.expertises.purple .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(127, 117, 151); } .modal.expertises.green .modal-dialog .modal-content .modal-body .conteiner.details h3 { color: rgb(48, 176, 0); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap { position: relative; max-width: 740px; margin: 0 auto; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border { position: absolute; left: 50%; transform: translateX(-50%); height: 100%; border: 2px dashed #959595; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; min-height: 145px; overflow: hidden; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:nth-child(odd) { flex-direction: row-reverse; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type { position: relative; overflow: unset; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator { left: 50%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 32px; background-color: white; width: 5px; height: 100%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner { width: 344px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 { margin: 0; background-color: #3098CF; border-radius: 5px; color: white; font-size: 20px; line-height: 23px; font-weight: 600; padding: 7px 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner p { padding-left: 10px; color: black; font-weight: 600; font-size: 16px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator { min-width: 32px; height: 32px; background-color: #3098CF; border-radius: 50%; flex: 0; position: absolute; left: 50%; transform: translateX(-50%); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator span { color: white; font-size: 22px; text-align: center; display: block; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 33px; } .modal.expertises .modal-dialog .modal-content .modal-footer { padding: 25px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap { display: flex; justify-content: space-between; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap { display: flex; align-items: center; justify-content: flex-start; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap { margin-left: 46px; position: relative; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap { width: 19px; height: 19px; border-radius: 50%; background-color: #266281; display: inline-block; text-align: center; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap img { width: 7px; height: 13px; object-fit: contain; vertical-align: middle; margin-bottom: 2px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap:last-child { margin-left: 0; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after { content: ""; position: absolute; left: -24px; height: 12px; width: 1px; background-color: #707070; top: 50%; transform: translateY(-50%); } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap span.action-text { font-size: 16px; font-weight: 600; color: black; line-height: 21px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text { margin-right: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text { margin-left: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal { display: flex; align-items: center; border-radius: 5px; padding: 5px 11px; opacity: 1; background-color: #266281; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal:hover { opacity: 0.8; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal span { font-size: 19px; line-height: 24px; font-weight: 400; margin-left: 5px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap button.close-modal img { width: 7px; height: 10px; margin-bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-header { padding: 14px 30px 15px 25px; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { color: rgba(116, 112, 112, 0.9803921569); font-weight: 400 !important; font-size: 34px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal { opacity: 1; position: relative; width: 20px; height: 20px; margin: 8px 0 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span { display: block; text-shadow: none; position: absolute; background-color: #707070; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right { transform: rotate(45deg); width: 20px; height: 2px; top: 9px; left: 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left { transform: rotate(45deg); width: 2px; height: 20px; top: 0; left: 9px; } /* Category page */ .practice-category-page .teaching-practices-container.expertises.opening { margin-bottom: 38px; } .practice-category-page .teaching-practices-container.expertises.modals { margin-bottom: 125px; } .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap { padding: 30px 0 20px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item:last-child { margin-bottom: 0; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap { width: 60px; margin-left: 20px; margin-top: 5px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap { width: 100%; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button { -webkit-appearance: none; background-color: transparent; border: none; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img { width: 50px; height: 50px; object-fit: contain; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 { margin: 0 0 10px; color: black; font-weight: 600; font-size: 18px; line-height: 21px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p { margin: 0 0 3px; color: black; font-weight: 400; font-size: 16px; line-height: 20px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap a { color: #347BB8; font-weight: 400; font-size: 16px; line-height: 25px; } /* Expertises items inside tabs */ .expertises-items-wrap.inside-tabs { padding: 0; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills .content-inner.expertises-items h3 { margin: 0 0 27px; } .expertises-items-wrap.inside-tabs .item { max-width: 118px; min-height: 159px; margin-left: 39px; } .expertises-items-wrap.inside-tabs .item .modal-btn { width: 105px; height: 105px; } .expertises-items-wrap.inside-tabs .item:hover .modal-btn { top: -6px; left: unset; width: 116px; height: 116px; } .practices-expertises-lobby .teaching-practices-container.expertises .container-content-media .media-iframe { background-image: url(../images/teacher.png); } /* practices-expertises-lobby */ /* Optional ----- This two blocks override the original components style ---START--- */ .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title h2 { padding-bottom: 0; margin-top: 0; min-height: 81px; } .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .col-md-4.ng-scope:nth-child(3n+2) { margin-right: 0; margin-left: 0; } /* Optional ----- This two blocks override the original components style ---END--- */ .practices-expertises-lobby .teaching-practices-container.categories { flex-direction: column; align-items: stretch; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 { margin: 0; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container .link-all { position: relative; float: none; padding-left: 0; margin: 0; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 787px; padding: 0; margin-bottom: 39px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { width: 174px; min-height: 113px; margin-left: 30px; text-align: center; border-radius: 9px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child { margin-left: 0; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a:hover { opacity: 1; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a img { max-width: 60px; height: 60px; margin-bottom: 11px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a span { color: black; font-size: 18px; font-weight: 600; line-height: 20px; padding: 0 10px; text-align: center; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.cognitive { background-color: rgba(236, 101, 62, 0.15); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.personality-expertise { background-color: rgba(231, 145, 25, 0.24); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.physical-expertise { background-color: rgba(48, 176, 0, 0.21); } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link.intra-personality-expertise { background-color: rgba(127, 117, 151, 0.25); } .practices-expertises-lobby .listing-container.ng-scope.listing-container-three-columns-with-title .opened-list.listing.three-columns { margin: 0; padding: 10px 25px 10px; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 { margin: 0; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container .link-all { position: relative; float: none; padding: 0; margin: 0; } /* Media queries - Expertises - by Dror Efraim 07/2020*/ /* Max-width */ @media (max-width: 1199px) { .teaching-practices-container.expertises .container-content { padding: 24px 27px 24px 0; min-width: 0; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 24px; } .teaching-practices-container.expertises .container-content-media .media-iframe { min-height: 160px; width: 226px; } .expertises-items-wrap { max-width: 630px; padding: 20px 0 0; } .expertises-items-wrap .item { flex: 0 1 25%; margin-left: 51px; } .expertises-items-wrap.inside-tabs .item { max-width: 114px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 586px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { margin-bottom: 30px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) { margin-left: 0; } } @media (max-width: 991px) { .teaching-practices-container.expertises .container-content { padding: 20px 16px; } .teaching-practices-container.expertises.opening { flex-direction: column-reverse; } .teaching-practices-container.expertises .container-content .content-headline h2 { font-size: 28px; font-weight: 400 !important; } .teaching-practices-container.expertises .categories-indicators { flex-direction: column; padding: 16px 40px 16px 10px; } .expertises-items-wrap { max-width: 300px; } .expertises-items-wrap .item { flex: 0 1 50%; margin-left: 51px; } .teaching-practices-container.expertises .categories-indicators .item:not(:last-of-type) { margin-left: 0; margin-bottom: 12px; } .modal.expertises .modal-dialog { width: 100%; margin: 47px auto; } .modal.expertises { margin: 0 10px; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 20px 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline { padding: 0 20px 0 10px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap { max-width: 100%; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .timeline-border { left: unset; right: 0; transform: translateX(0); } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner { width: 100%; padding: 0 36px 0 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .content-inner h2 { padding: 9px 10px; font-size: 18px; } .teaching-practices-container.expertises .container-content-media { margin: 20px auto; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step .step-indicator { left: unset; transform: translateX(0); right: -14px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:nth-child(even) .step-indicator { left: unset; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step:last-of-type:after { left: unset; transform: translateX(1px); right: 0; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { font-size: 20px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .inner-wrap { padding: 25px 10px; flex-direction: column; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details .content-wrap { margin-right: 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details h3 { text-align: center; font-size: 25px; margin: 0 0 12px; } .modal.expertises .modal-dialog .modal-content img { margin-bottom: 15px; max-width: 50px; max-height: 50px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 44px; } .modal.expertises .modal-dialog .modal-content .modal-header { padding: 15px 20px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal { width: 14px; height: 14px; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-right { width: 14px; top: 6px; left: 0; } .modal.expertises .modal-dialog .modal-content .modal-header button.close-modal span.close-line-left { height: 14px; top: 0; left: 6px; } .modal.expertises .modal-dialog .modal-content .modal-footer { padding: 25px 11px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap { flex-direction: column; align-items: center; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap { justify-content: space-between; margin-bottom: 30px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next { margin-left: 14px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next span.action-text { margin-right: 3px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:after { left: -7px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.prev span.action-text { margin-left: 3px; } .teaching-practices-container.expertises .container-content.full-width { min-width: 0; padding: 18px; } .practice-category-page .teaching-practices-container.expertises.opening { margin-bottom: 25px; } .practice-category-page .teaching-practices-container.expertises.modals .expertises-items-wrap { padding: 20px 17px; max-width: 100%; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap { width: 50px; margin-left: 18px; margin-top: 3px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .icon-wrap button img { width: 36px; height: 36px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap h4 { margin: 0 0 5px; } .practice-category-page .teaching-practices-container.expertises.modals .cat-item .content-wrap p { padding-left: 10px; } .expertises-items-wrap.inside-tabs { max-width: 400px; margin: 0 auto; } .expertises-items-wrap.inside-tabs .item { min-height: 150px; max-width: 106px; margin-left: 38px; } .expertises-items-wrap.inside-tabs .item .modal-btn { width: 96px; height: 96px; } .expertises-items-wrap.inside-tabs .item .modal-btn img { max-width: 40px; max-height: 40px; } .expertises-items-wrap.inside-tabs .item:hover .modal-btn { top: -6px; left: unset; width: 106px; height: 106px; } .content-inner.expertises-items { margin: 0 auto; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link { width: 100%; margin: 0 16px 25px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:last-child { margin: 0 16px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap { max-width: 100%; margin-bottom: 33px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container { padding: 20px 16px; } .practices-expertises-lobby .teaching-practices-container.categories .comp-title-container h4 { height: 35px; padding: 5px 20px; } .practices-expertises-lobby .opened-list.listing.section .comp-title-container h4 { height: 35px; padding: 5px 20px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link:nth-child(3n) { margin: 0 16px 25px; } } @media (max-width: 768px) { .expertises-items-wrap { max-width: 270px; } .expertises-items-wrap .item { margin-left: 31px; } .expertises-items-wrap.inside-tabs { max-width: 240px; } .expertises-items-wrap.inside-tabs .item { max-width: 106px; margin-left: 22px; } } /* Min-width */ @media (min-width: 320px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 0; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 0; } .modal.expertises .modal-dialog { width: 900px; margin: 77px auto; } } @media (min-width: 768px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 38px; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 0; } } @media (min-width: 992px) { .expertises-items-wrap .item:nth-child(2n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 0; } } @media (min-width: 1200px) { .expertises-items-wrap.inside-tabs .item:nth-child(4n) { margin-left: 39px; } .expertises-items-wrap.inside-tabs .item:nth-child(2n) { margin-left: 39px; } .expertises-items-wrap .item:nth-child(4n) { margin-left: 51px; } .expertises-items-wrap .item:nth-child(5n) { margin-left: 0; } .expertises-items-wrap .item:nth-child(3n) { margin-left: 39px; } } /* Pedagogical - Teaching units - ***Start*** by Dror Efraim 07/2020*/ /* * My teaching units no-units style */ .teaching-practices-container.units { margin-bottom: 30px; } .teaching-practices-container.units .container-content { padding: 20px 20px 20px 0; min-width: 433px; max-width: 433px; flex: none; } .teaching-practices-container.units .container-content.media { min-width: auto; max-width: 396px; flex: none; } .teaching-practices-container.units .container-content .comp-title-container h4 { margin: 0; } .teaching-practices-container.units .container-content .content-text { padding-left: 8px; margin-bottom: 20px; } .teaching-practices-container.units .container-content .content-text p { font-size: 18px; line-height: 25px; margin: 10px 0 0; } .teaching-practices-container.units .container-content .content-link { display: block; } .teaching-practices-container.units .content-link.mobile { display: none; } .teaching-practices-container.units .container-content .media-content { min-width: 376px; max-width: 376px; } .teaching-practices-container.units .container-content .media-content iframe { width: 100%; height: 237px; } .teaching-practices-container.units .container-content .media-content img { width: 100%; height: 237px; object-fit: cover; } .units-search-container { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: var(--space-between-components); background-color: white; } .units-search-container form { padding: 20px; } .page-component-edu.units-search-container .comp-title-container { margin-bottom: 25px; } .page-component-edu.units-search-container .comp-title-container h4 { margin: 0; } .units-search-container .search-units-erea .search-fields-wrap { display: flex; width: 100%; min-width: 100%; align-items: center; justify-content: flex-start; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 30px; } .units-search-container .search-units-erea .search-fields-wrap .search-field { margin-bottom: 30px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap { display: flex; align-items: center; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label { margin-left: 12px; color: black; font-weight: 400; font-size: 17px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select { padding: 6px 6px 6px 0; min-height: 35px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 94px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 156px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 278px; } .units-search-container .search-text-container { max-width: 455px; margin-bottom: 20px; } .units-search-container .search-text-container p { font-size: 18px; line-height: 23px; font-weight: 400; color: black; margin: 0; } .units-search-container .search-units-erea .RowButtns .ContainerButtons { text-align: left; } /* * My teaching units added style */ .page-component-edu.my-units { background: white; /*padding: 20px 20px 23px;*/ margin-bottom: var(--space-between-components); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725); } .page-component-edu.my-units .comp-title-container h4 { margin: 0; } .page-component-edu.my-units .panel.panel-default { margin: 0; border: 0; box-shadow: none; } .page-component-edu.my-units .panel.panel-default .panel-group { display: flex; flex-direction: column; justify-content: space-between; margin: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel { padding-bottom: 10px; box-shadow: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child { padding-bottom: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap { display: flex; align-items: center; padding: 0 10px; background-color: var(--stock-search-bg); border: var(--panel-border); border-radius: var(--item-radius); } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 { padding-right: 24px; margin-top: 8px; font-size: 22px; font-weight: 600; line-height: 28px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title { padding-right: 5px; margin-top: 8px; font-size: 20px; font-weight: 400; line-height: 28px; color: var(--title-color); display: inline-block; margin-left: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] { margin: 0; padding: 0; border: 0; background-image: none; position: relative; min-height: 38px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { /* content: url(/images/icons/navigation-blue-side.svg); display: inline-block; width: 30px; vertical-align: text-bottom; padding: 0 10px; */ content: ""; background-image: url(../images/triangle-down.png); transform: translateY(-50%) rotate(90deg); transition: all 0.3s ease-in-out; background-repeat: no-repeat; position: absolute; right: 6px; width: 12px; height: 20px; top: 50%; filter: brightness(0); } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse][aria-expanded=true]:before { transform: translateY(-50%) rotate(0deg); transition: all 0.2s ease-in-out; margin-top: 4px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link { position: relative; margin-left: 15px; min-width: 200px; text-align: left; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a { font-size: 16px; font-weight: 600; line-height: 28px; color: black; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a:after { content: ""; background-image: url(../images/Arrow-Link-List.png); transform: translateY(-50%); background-repeat: no-repeat; position: absolute; left: -12px; width: 6px; height: 11px; top: 50%; } /*.page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap { padding: 0 20px; }*/ #left_col[role=main] .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul { margin: 0 16px 0 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li { margin-bottom: 15px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li:last-child { margin-bottom: 0; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li a { color: #3098CF; font-weight: 600; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap ul li p { margin: 0; color: black; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.more-units .items-rows-wrap .col-md-4 { padding: 0 20px; } .page-component-edu.more-units .comp-title-container { margin: 27px 15px 30px 0; padding-top: 0; } .page-component-edu.more-units .comp-title-container h4 { margin: 0; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box { max-width: 240px; margin-bottom: 30px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 140px; width: 100%; margin-bottom: 10px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a h3 { margin: 0 0 2px; font-size: 18px; line-height: 20px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a span { color: black; /*font-size: 14px; font-weight: 400; line-height: 20px;*/ } .page-component-edu.more-units .RowButtns { margin: 4px 20px 19px; } .page-component-edu.more-units .RowButtns .ContainerButtons button.load-more { padding: 3px 20px; font-size: 20px; } /* Media queries */ @media (max-width: 1199px) { .teaching-practices-container.units .container-content { min-width: 363px; max-width: 363px; } .teaching-practices-container.units .container-content.media { margin: 0; max-width: 316px; } .units-search-container .search-units-erea .search-fields-wrap { flex-wrap: wrap; min-width: 658px; max-width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 92px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 134px; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 200px; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap label { font-size: 16px; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 16px; } } @media (max-width: 991px) { .units-search-container .search-units-erea .search-fields-wrap { flex-direction: column; align-items: flex-start; min-width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field:not(:last-child) { margin-left: 0; } .units-search-container .search-units-erea .search-fields-wrap .search-field { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap { align-items: flex-start; flex-direction: column; } .units-search-container .search-units-erea .search-fields-wrap .search-field .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.mid .select-wrap select { width: 100%; } .units-search-container .search-units-erea .search-fields-wrap .search-field.large .select-wrap select { width: 100%; } .teaching-practices-container.units .container-content { padding: 20px 10px; min-width: 0; max-width: 100%; } .teaching-practices-container.units .container-content.media { min-width: 0; max-width: 100%; margin: 0; padding: 0 10px; } .teaching-practices-container.units .container-content .media-content { min-width: 0; max-width: 100%; } .teaching-practices-container.units .container-content .media-content iframe { height: 277px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap { flex-direction: column; align-items: flex-start; position: relative; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse] { min-height: auto; position: static; padding-right: 24px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse h3 { margin: 4px 0; padding-right: 0; font-size: 20px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse span.sub-title { margin: 4px 0; padding-right: 0; font-size: 16px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { right: 12px; transform: rotate(90deg); top: 26px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link { text-align: right; padding-right: 25px; min-width: auto; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: ""; right: 34px; height: 1px; width: calc(100% - 48px); background-color: #3098CF; bottom: 29px; position: absolute; } .page-component-edu.my-units .panel.panel-default .panel-group .panel { margin: 0; padding-bottom: 15px !important; } .page-component-edu.my-units .panel.panel-default .panel-group .panel:last-child { padding-bottom: 0 !important; } /*.page-component-edu.my-units { padding: 15px 10px 20px; }*/ .page-component-edu.my-units .comp-title-container { margin-bottom: 20px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap span.collapse-title-link a { font-size: 14px; font-weight: 400; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .content-wrap { padding: 0; } .teaching-practices-container.units .container-content .content-link { display: none; } .teaching-practices-container.units .content-link.mobile { display: block; padding: 12px 10px 15px 0; } .teaching-practices-container.units .container-content .content-text { margin-bottom: 0; } .page-component-edu.more-units .comp-title-container { margin: 20px 10px 20px 0; } .page-component-edu.more-units .items-rows-wrap .col-md-4 { padding: 0 10px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box { max-width: 100%; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 260px; } .page-component-edu.more-units .RowButtns { margin: 0 10px 32px; } } @media (max-width: 767px) { .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 240px; } } @media (max-width: 420px) { .teaching-practices-container.units .container-content .media-content iframe { height: 214px; } .page-component-edu.more-units .items-rows-wrap .InfoBannerBox.more-units-box a img { height: 200px; } } /* Pedagogical - Teaching units - ***End*** by Dror Efraim 07/2020*/ /* Fixes by Dror Efraim 8/2020 */ /* Header */ /*.HeaderMenu nav.personal-area { background-color: transparent; } .HeaderMenu nav.personal-area ul { display: flex; justify-content: flex-start; } .HeaderMenu nav.personal-area ul li:not(.personal-area ) { margin-left: 7px; } .HeaderMenu nav.personal-area ul li.personal-area { margin-left: 0; margin-right: auto; } .HeaderMenu nav.personal-area ul li.personal-area a { padding: 0 31px; }*/ /**/ .HeaderMenu .navs-wrapper { display: flex; } .HeaderMenu .navs-wrapper nav.with-personal-area { background-color: transparent; } .HeaderMenu .navs-wrapper nav.personal-area { flex: 1; min-width: 127px; background-color: transparent; } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a { padding: 0 31px; } /**/ /* Spaces */ .content.teaching-units { padding: 0 0 16px; } section.content.teaching-units #left_col:not(.home) h1:first-child:not(.areaTitle) { margin-bottom: 30px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* This is where Elad's design begins */ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .HeaderMenu nav .sub-pages:hover ul.big-menu, .HeaderMenu nav .sub-pages:focus ul.big-menu { /* display: flex !important; */ padding: 10px; left: 0; } .HeaderMenu nav .sub-pages ul.big-menu { white-space: normal; left: 0; max-width: 1020px; } @media screen and (max-width: 800px) { .HeaderMenu nav .sub-pages ul.big-menu { white-space: normal; } .HeaderMenu nav .sub-pages:hover ul.big-menu, .HeaderMenu nav .sub-pages:focus ul.big-menu { right: 0; flex-wrap: wrap; } } .big-menu > li { /* flex: 0 0 160px; */ } .HeaderMenu nav ul.big-menu > li { margin: 20px; max-width: 160px; } .HeaderMenu nav ul.big-menu li ul { position: static; border: 0; } .HeaderMenu nav ul.big-menu span { margin-right: 23px; display: inline-block; } .HeaderMenu nav ul.big-menu > li { display: inline-block; vertical-align: top; } /*.social-main .search-btn-erea div { display: inline-block; }*/ .search-btn-erea div { display: inline-block; } @media (min-width: 992px) { .social-main .search-col { border-left: 1px #DFDFDF solid; } .social-main .search-col, .social-main .search-col-left { padding: 10px 10px 0 0px !important; } .search-col, .search-col-left { padding: 10px 10px 0 0px !important; } .socialMultiselect .col-md-8 { padding-right: 0px; } .broadcast-search-space .search-col, .broadcast-search-space .search-col-left { padding: 10px 0px 0 16px !important; } .broadcast-search-space .search-col-left { padding: 10px 10px 0 0px !important; } .broadcast-search-space .search-col.free-text-col { padding-bottom: 16px !important; } } /* GENERAL */ /* buttons */ /* titles */ /* background */ /*form*/ /*body .gd { font-family: "Assistant"; -webkit-font-smoothing: subpixel-antialiased; background-color: rgb(238, 238, 238); }*/ .gd h4 { display: inline-block; background-color: rgb(48, 152, 207); color: white; font-size: 22px; font-weight: normal; padding: 10px 20px; margin: 0px; font-weight: 600; } .gd h5 { font-size: 22px; } .gd .card-style { box-shadow: -1.95px 6px 6px rgba(0, 0, 0, 0.1607843137); background-color: #fff; margin-bottom: 30px; } .gd .main-page-tite { border: #fff solid 6px; } .gd .title-inner-page { padding: 20px; padding-bottom: 0; } .gd .wrapper-padding { padding: 20px; } /* INPUT */ .gd input { height: 36px; } /* SELECT */ /*.gd select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; display: block; height: 36px; padding: 0 10px; border: 1px solid #cccccc; border-radius: 0; background-color: #fff; width: 100%; font-size: 18px; font-family: "Assistant"; background-image: url("/images/angle-arrow-left.svg");*/ /* background-color: rgb(48, 152, 207); */ /*background-repeat: no-repeat; background-position: 14px 14px; }*/ .gd select::-ms-expand { display: none; } /* label */ .gd label { font-size: 18px; font-weight: normal; margin: 10px 0; } /* custom classes but general */ .no-padding-top { padding-top: 0 !important; } .btn-search-blue { background-color: #3098cf; padding: 6px 20px; border-radius: 10px; color: #fff; font-size: 24px; border: none; } /*Start Basic Needs*/ .gd input { border-radius: 0; } .gd .d-flex { display: flex; } /*START yaniv addons*/ html { scroll-behavior: smooth; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .wrap { flex-wrap: wrap; } .flx-d-column { flex-direction: column; } .visible-in-desktop { visibility: hidden; opacity: 0; width: 0; } .show-in-mobile { display: block; } .hide-in-mobile { display: none; } .seperator { margin: 3% 0; } .full-width-mobile { width: 100%; } .block { display: block !important; } .no-border { border: 0; } .semi-bold { font-weight: 700; } .edu-info-list-wrapper.two-columns { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; column-fill: balance; column-gap: 0; } .edu-info-list-wrapper.three-columns { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; column-fill: balance; column-gap: 0; } /*END yaniv addons*/ .gd .space-between { justify-content: space-between; } .gd .align-center { align-items: center; } .gd .card { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 0; } /*End Basic Needs*/ /* override */ .gd h5 { font-size: 24px; /*color: #3098cf;*/ } .gd h4 { min-height: 40px; } .gd h3 { font-size: 24px; } .gd button { font-family: "Assistant", "Arial", sans-serif; font-weight: 400; letter-spacing: 0.5px; } /* not send to elad - start */ /*to add in site 143 */ #left_col:not(.home) .card-style h1:first-child:not(.areaTitle) { border: white solid 5px; box-shadow: none; padding-right: 20px; margin-bottom: 0; } section.content .gd h4 { display: inline-block; background-color: rgb(48, 152, 207); color: white; font-size: 22px; font-weight: normal; padding: 6px 20px; margin: 0px; font-weight: 600; min-height: 40px; } .gd .card-style { margin-top: 0; } section.content .gd h3 { font-size: 24px; } #left_col[role=main] .gd ul { margin-right: 0; } .gd input[type=checkbox] { height: auto; } .gd .checkbox label { font-size: 16px; } /*START Generic Components*/ /* start edu bullet list */ .edu-bullet-list-wrapper { padding: 0 16px 0 0; margin: 24px 0; width: 100%; } .edu-bullet-list-wrapper .edu-bullet-list-container { color: #000; } #left_col[role=main] .edu-bullet-list-wrapper .edu-bullet-list-container ul, .edu-bullet-list-wrapper .edu-bullet-list-container ul, .edu-bullet-list-wrapper .edu-bullet-list-container ul li { list-style: none; margin: 0; padding: 0; } .edu-bullet-list-wrapper .edu-bullet-list-container .skills-title { font-size: 22px; margin-top: 0; margin-bottom: 30px; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item { display: inline-block; margin-bottom: 30px; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-href { align-items: center; display: flex; font-size: 20px; color: inherit; } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-bullet-img { width: 56px; height: auto; margin: 0 0 0 16px; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item .skill-bullet-img:after { content: ""; border-radius: 5px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item:hover .skill-bullet-img { -webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); } .yeda-teorethy-container .edu-bullet-list-wrapper .edu-bullet-list-container .skill-item:hover .skill-bullet-img::after { opacity: 1; } /* end edu bullet list */ /*start edu regular title*/ .page-component-edu .comp-title-container.edu-regular-title h4 { background-color: transparent; color: #000000; font-weight: bold; } /* end edu regular title */ /* start Info List */ .edu-info-list-wrapper { padding: 0; } .edu-info-list-wrapper .edu-info-list-container, #left_col[role=main] ul.edu-info-list-container { list-style: none; padding: 0; margin: 26px 0; min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: inherit; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ /* start flexible media grid */ .edu-media-grid-container { width: 100%; } .edu-media-grid-container .container-content { flex: 1; padding: 20px; } .edu-media-grid-container .flexible-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-media-grid-container .flexible-grid .flexible-grid-item { position: relative; flex: 0 1 100%; margin: 0.991%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .flexible-img { width: 100%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; font-size: 18px; position: absolute; padding: 6px 13px; width: 100%; } /* end flexible media grid */ /*start Boxes Grid*/ .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-info-boxes-grid .edu-info-boxes-item { flex: 1 0 100%; min-height: 326px; background-color: #f0f8fb; text-align: center; padding: 2.825% 3.138%; /*equal to 18px 20px*/ margin-top: 18px; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; max-width: 56px; height: auto; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 22px; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-paragraph { font-size: 16px; text-align: center; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } .page-component-edu .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } /*end Boxes Grid*/ /*start Article*/ .edu-article-container { flex: 1; padding: 24px; } .edu-article-container .article-content section { position: relative; } .edu-article-container .article-content { color: #000; width: 100%; } .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .edu-article-container .article-content h4 { /*color: inherit;*/ font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; } .edu-article-container .article-content .article-paragraph { font-size: 17px; } .newspaper-component-titles .edu-article-container .article-content { display: inline-block; } .edu-user-personal-lobby .edu-article-container .article-content .article-link .article-link-img { width: 100%; max-width: 6px; height: auto; margin-right: 7px; } /*end Article*/ /*start recent-favorites-list*/ .edu-recent-favorites-list-container { padding: 15px; } .edu-recent-favorites-list-container h4 { margin: 0 !important; } .edu-recent-favorites-list-container .edu-recent-favorites-list { list-style: none; margin: 28px 0 !important; padding: 14px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item { align-items: center; font-size: 16px; padding: 9px; min-height: 48px; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item:nth-child(even) { background-color: #f4f7f8; } .edu-recent-favorites-list-container .item-details { flex: 1; } .edu-recent-favorites-list-container .item-icon { width: 100%; max-width: 16px; height: auto; margin-left: 7px; vertical-align: top; margin-top: 5px; } .edu-recent-favorites-list-container .item-name { display: inline-block; } .edu-recent-favorites-list-container .item-alt-name { display: block; color: #808080; } .edu-recent-favorites-list-container .edu-recent-favorites-list-container-btn { align-self: auto; background-color: #1d5c7e; border-color: #1d5c7e; color: #fff; font-size: 16px; min-height: 45px; } /*end recent-favorites-list*/ /*start horizontal anchors*/ .edu-horizontal-anchors-container { border: 1px solid #3098cf; display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 756px; margin: 0 auto; } .edu-horizontal-anchors-container .divider { flex-grow: 1; border-bottom: 1px solid black; } .edu-horizontal-anchors-container .anchor { position: relative; padding: 14px 24px 14px 0; text-align: right; width: 100%; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):before { content: ""; position: absolute; left: 43px; top: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #3098cf; clear: both; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):after { content: ""; position: absolute; left: 43px; top: 100%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid white; margin-left: 1px; clear: both; } .edu-horizontal-anchors-container .anchor:not(:last-of-type) { border-bottom: 1px solid #3098cf; } .edu-horizontal-anchors-container .anchor .anchor-img { width: 100%; max-width: 37px; height: auto; transition: all 0.3s; } .edu-horizontal-anchors-container .anchor .anchor-text { color: #000000; position: static; font-size: 22px; margin-right: 12px; vertical-align: middle; text-decoration: underline transparent; transition: all 0.2s; } .edu-horizontal-anchors-container .anchor:hover .anchor-text { text-decoration-color: #000; } /*end horizontal anchors*/ /*start back to top button*/ #btn_backToTop { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 999999; font-size: 18px; border: none; outline: none; background-color: var(--primary-btn-color); color: white; cursor: pointer; padding: 8px; border-radius: 4px; } #btn_backToTop:hover { background-color: #555; } /*end back to top button*/ /*start edu link anchor href*/ .edu-link .link-img { width: 6px; height: 10px; } /*end edu link anchor href*/ /*END Generic Components*/ @media (min-width: 992px) { .gd .d-d-flex { display: flex; width: unset; } .visible-in-desktop { visibility: visible; opacity: 1; width: auto; } .show-in-mobile { display: none; } .hide-in-mobile { display: block; } .seperator { margin: 1% 0; } .full-width-mobile { width: auto; } .edu-info-list-wrapper.two-columns, .edu-bullet-list-container.two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .edu-info-list-wrapper.three-columns, .edu-bullet-list-container.three-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .edu-bullet-list-wrapper { margin: 0; } .edu-media-grid-container .flexible-grid .flexible-grid-item { flex: 0 1 31.333%; } .edu-info-boxes-grid .edu-info-boxes-item { margin-left: 1.953%; flex: 0 1 31.748%; /*3columns: default equal to 250px */ } .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-left: 0px; } .edu-info-boxes-grid .edu-info-boxes-item.four-col { flex: 0 1 23.493%; /*4columns: equal to 185px*/ } .edu-info-boxes-grid .edu-info-boxes-item.four-col:nth-child(3n+0) { margin-left: 1.9%; } .edu-info-boxes-grid div.edu-info-boxes-item.four-col:nth-child(4n+0) { margin-left: 0px; } .edu-recent-favorites-list-container .edu-recent-favorites-list-item { padding: 0 9px; } .edu-recent-favorites-list-container .item-alt-name { display: inherit; } #btn_backToTop { padding: 15px; } .edu-horizontal-anchors-container { border: none; padding-bottom: 5%; flex-direction: row; } .edu-horizontal-anchors-container .anchor { padding: 0; width: auto; text-align: center; } .edu-horizontal-anchors-container .anchor:not(:last-of-type):before, .edu-horizontal-anchors-container .anchor:not(:last-of-type):after { content: none; border: 0; } .edu-horizontal-anchors-container .anchor:not(:last-of-type) { border-bottom: 0; } .edu-horizontal-anchors-container .anchor .anchor-img { max-width: 66px; } .edu-horizontal-anchors-container .anchor:hover .anchor-img { transform: scale(0.9); } .edu-horizontal-anchors-container .anchor .anchor-text { position: absolute; bottom: -30px; left: 0; right: 0; width: 100px; margin-right: -17px; font-size: 16px; z-index: 1; } .edu-info-paragraph-section { background-color: #edf5fa; padding: 0 33px; } .edu-info-paragraph-section .image { max-width: 97px; } .edu-info-paragraph-section .info-paragraph { padding: 25px 0; margin: 0; } .edu-info-paragraph-section .info-paragraph .heading { font-size: 16px; } .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { border-bottom: 1px solid rgba(44, 112, 148, 0.2); } .edu-info-paragraph-section .info-paragraph .heading.big { font-size: 18px; } .edu-info-list-wrapper { padding: 15px 30px 30px; } /* .edu-info-list-wrapper.three-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } */ .edu-info-list-wrapper .edu-info-list-container, #left_col[role=main] ul.edu-info-list-container { margin: 0; min-height: auto; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: auto; } .edu-article-container .article-content.flex-blue-bg-reverse .article-img { border-end-start-radius: 4px; border-start-start-radius: 4px; } .edu-article-container .article-content.flex-blue-bg .article-img { border-end-end-radius: 4px; border-start-end-radius: 4px; } } @media screen and (max-width: 991px) { .edu-article-container .article-content.flex-blue-bg .article-img, .edu-article-container .article-content.flex-blue-bg-reverse .article-img { border-start-end-radius: 4px; border-start-start-radius: 4px; } } /*.page-component-edu.media-grid-component,*/ .page-component-edu.newspaper-component { box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px; margin-bottom: 25px; background-color: white; display: flex; justify-content: space-between; height: auto; align-items: flex-start; min-height: 340px; } /*START BASIC NEEDS*/ .newspaper-component .edu-article-container .show-in-mobile { display: initial; } /*END BASIC NEEDS*/ .newspaper-component .edu-article-container .container-content { flex: 1; /*padding: 16px;*/ } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .article-content { color: #000; }*/ /*.newspaper-component .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .newspaper-component .edu-article-container .article-content h4 { color: inherit; font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; }*/ /*.newspaper-component .edu-article-container .article-content .article-paragraph { font-size: 17px; }*/ /*yisca put in comment exist in style guide*/ /**/ .edu-media-grid-container { width: 100%; } .edu-media-grid-container .container-content { flex: 1; padding: 20px; } .edu-media-grid-container .flexible-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .edu-media-grid-container .flexible-grid .flexible-grid-item { position: relative; flex: 0 1 100%; margin: 0.991%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .flexible-img { width: 100%; } .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; font-size: 18px; position: absolute; padding: 6px 13px; width: 100%; } .media-grid-component .compt-tit-con h2 { margin: 16px 16px 9px 16px; } @media (min-width: 992px) { /* 768px*/ newspaper-component .hide-in-desktop { display: none; } .newspaper-component .edu-article-container .show-in-desktop { display: block; } .newspaper-component .edu-article-container .show-in-mobile { display: none; } .newspaper-component .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 452px; } .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 20px 0; } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .show-in-mobile { display: none; }*/ .newspaper-component .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 377px; } .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 10px 0; } .edu-media-grid-container .flexible-grid .flexible-grid-item { flex: 0 1 31.333%; } } /* override */ .page-component-edu.media-grid-component, .page-component-edu.article-page-component, .page-component-edu.newspaper-bigimage-component { min-height: unset; } .newspaper-component .edu-article-container .article-content h4 { font-size: 26px; font-weight: normal !important; margin-top: 0; } .newspaper-component .edu-article-container .article-content .article-img { margin-bottom: 20px; } .article-page-component.ltr.newspaper-component .edu-article-container .article-img { float: right; margin-left: 0; margin-right: 0; } @media (max-width: 991px) { .newspaper-component .edu-article-container .hide-in-mobile { display: none; } /*.newspaper-component .edu-article-container .show-in-mobile { display: block; }*/ } .page-component-edu.article-page-component .edu-flex-video-link { background-image: url(/remote.axd?https://meyda.education.gov.il/files/pop/15298/creation.jpg?anchor=center&mode=crop&width=689&height=436&rnd=132266665390000000); min-height: 188px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 278px; } @media (min-width: 414px) { .page-component-edu.article-page-component .edu-flex-video-link { min-height: 212px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 314px; } } @media (min-width: 768px) { .page-component-edu.article-page-component .edu-flex-video-link { min-height: 315px; } .page-component-edu.article-page-component.newspaper-bigimage-component .edu-flex-video-link { min-height: 466px; } } @media (min-width: 992px) { /* 768px*/ .newspaper-component .edu-article-container .article-content h4 { margin: 0 0 20px 0; } .article-page-component.ltr.newspaper-component .edu-article-container .article-img { margin-inline-start: 40px; } .newspaper-component .edu-article-container .article-content .article-img, .newspaper-component .edu-article-container .article-content edu-flex-video-link { margin-bottom: 16px; } .newspaper-bigimage-component .edu-article-container .article-content .article-img { max-width: 452px; } /*.newspaper-bigimage-component.page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 0; }*/ .page-component-edu.article-page-component .edu-flex-video-link { max-width: 377px; min-height: 238px; margin-right: 40px; margin-bottom: 40px; float: left; } .page-component-edu.article-page-component.ltr .edu-flex-video-link { margin-left: 40px; margin-right: 0; float: right; } .page-component-edu.newspaper-bigimage-component.article-page-component .edu-flex-video-link { max-width: 452px; min-height: 423px; } .page-component-edu.newspaper-component .edu-article-container .show-in-desktop { display: block; } .page-component-edu.newspaper-component:not(.not-shaped) .comp-title-container { margin-bottom: 0; } } .page-component-edu.ltr .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { text-align: left; } .edu-media-grid-container .container-content .more-less-container { width: 100%; } .newspaper-component .edu-article-container ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .page-component-edu.ltr.newspaper-component .edu-article-container ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .newspaper-component .edu-article-container { width: 100%; } .newspaper-component .edu-article-container .ContainerButtons { display: inline-block; margin-top: 10px; } .newspaper-component .edu-article-container .ContainerButtons .btn.darkBlue { white-space: inherit; } .newspaper-bigimage-component .comp-title-container { margin-bottom: 0; } /*.newspaper-component .edu-article-container { padding: 0; }*/ /*.newspaper-component-wrapping*/ .page-component-edu.newspaper-component.newspaper-component-titles { display: block; } .newspaper-with-search .search-level-topic h3 { margin-top: 0; margin-bottom: 15px; } .newspaper-with-search .search-level-topic { margin-top: 10px; } /* buttons */ /* titles */ /* background */ /*form*/ .mechkar-ve-yedah-container { background-color: white; /*padding: 15px;*/ position: relative; min-height: 202px; } /*.page-component-edu .mechkar-ve-yedah-container .container-content { padding: 0 15px; width: 100%; }*/ .page-component-edu .mechkar-ve-yedah-container .comp-title-container h4 { margin: 0; } /**/ .mechkar-ve-yedah-container .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; min-height: 326px; background-color: var(--grey-background); margin-top: 18px; padding: 0; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:last-of-type { flex-grow: 0; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: 147px; max-width: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 20px; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } /*START BASIC NEEDS*/ .show-in-mobile { display: block; } .modal .modal-title { display: inline-block; font-size: 22px; } .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } /*END BASIC NEEDS*/ /*Video-Link*/ .edu-flex-video-link { background-image: url("../mechkar-ve-yedah/images/yedah-placeholder.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; width: 100%; height: 147px; } .edu-flex-video-link .play-image { width: 62px; height: 63px; } /*END Video Link*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 0 1 31.748%; margin-left: 2.033%; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-left: 0px; } } /*END MEDIA QUERY*/ /* override */ .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: left; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: auto; } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { text-align: right; min-height: auto; border-radius: 4px; } .modal.ltr .btn-modal-close { float: right; } .mechkar-ve-yedah-container .container-content .more-less-container { width: 100%; margin-top: 15px; } .mechkar-ve-yedah-container .edu-info-boxes-item ul { margin-top: 10px; } .mechkar-ve-yedah-container .edu-info-boxes-item .edu-info-boxes-item-title h5 { margin-top: 0; } @media (min-width: 992px) { .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item { flex: 0 1 31.748%; margin-right: 2.033%; margin-left: 0; } .page-component-edu.ltr .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item:nth-child(3n+0) { margin-right: 0; } } .edu-article-container { /*yisca change*/ padding: 0px; padding-bottom: 15px; /*margin-bottom: 25px;*/ background-color: white; height: auto; } /*START BASIC NEEDS*/ .image-in-dynamic-sides .edu-article-container .show-in-mobile { display: initial; } /*END BASIC NEEDS*/ /*.image-in-dynamic-sides .edu-article-container .container-content { padding: 16px; }*/ /*yisca put in comment exist in style guide*/ /*.edu-article-container .article-content { color: #000; }*/ .image-in-dynamic-sides .edu-article-container .flex-blue-bg, .image-in-dynamic-sides .edu-article-container .flex-blue-bg-reverse { margin-bottom: 40px; } .image-in-dynamic-sides .edu-article-container section { background-color: #edf5fa; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column-reverse; border-radius: 4px; } /*.image-in-dynamic-sides .edu-article-container .article-content .article-img { max-width: 303px; }*/ /*yisca put in comment exist in style guide*/ /*.edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; max-width: none; }*/ .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list { font-size: 16px; margin: 16px; flex: 1; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list h4 { /*color: inherit;*/ font-size: 24px; font-family: 'Assistant SemiBold', Assistant, Arial; margin: 0 0 11px 0; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list ul { line-height: 2; } /**/ .image-in-dynamic-sides .sub-title { /*padding: 40px 40px 0px 40px;*/ font-size: 17px; } .image-in-dynamic-sides .image-in-dynamic-sides-with-title .sub-title { padding: 15px 40px 15px 40px; } @media (min-width: 992px) { .image-in-dynamic-sides .edu-article-container .show-in-mobile { display: none; } /*.image-in-dynamic-sides .edu-article-container .container-content { padding: 0px; }*/ .image-in-dynamic-sides .edu-article-container.image-in-dynamic-sides-with-title .container-content { padding-top: 15px; } .image-in-dynamic-sides .edu-article-container .flex-blue-bg section { flex-direction: row; } .image-in-dynamic-sides .edu-article-container .flex-blue-bg-reverse section { flex-direction: row-reverse; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list { margin: 16px; } .image-in-dynamic-sides .edu-article-container .article-content .article-img { /*min-height: 300px;*/ max-width: 383px; } .image-in-dynamic-sides .edu-article-container .article-content .article-bullet-list h4 { margin: 0 0 21px 8%; margin-inline: 0 8%; } } .page-component-edu { background-color: white; max-width: 1140px; } .yehidot-horaa-metokshavut-container { padding: 1.77%; position: relative; /* min-height: 202px;*/ } .yehidot-horaa-metokshavut-container .container-content { position: relative; margin-top: 16px; } .page-component-edu .yehidot-horaa-metokshavut-container h3, .page-component-edu .yehidot-horaa-metokshavut-container .comp-title-container h4 { margin: 0; } .yehidot-horaa-metokshavut-container .yehidot-horaa-metokshavut-paragraph { font-size: 16px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { width: 100%; max-width: 80%; margin: 0px auto 8px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item { position: relative; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { max-width: auto; height: auto; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; color: #ffffff; justify-content: center; position: absolute; bottom: 0; font-size: 16px; font-weight: normal !important; flex-wrap: wrap; text-align: center; min-height: 37px; width: 100%; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title .eds-slick-carousel-item-symbol { font-size: 16px; margin: 0 3.27%; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .slick-next:before, .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .slick-prev:before { content: ''; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper { text-align: left; margin-top: 20px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } /**/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .primary-btn { margin-bottom: 10px; } /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 768px) { .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { max-width: 700px; } } @media (min-width: 992px) { .yehidot-horaa-metokshavut-container { padding: 0px 16px; /*equal to 15px*/ padding-top: 0px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds_slick_carousel { max-width: 1060px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { font-size: 18px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { max-width: 253px; } /*.yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { max-width: 155px; }*/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper { margin-bottom: 0; } /*.yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href { padding: 4px 0; }*/ .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .primary-btn { margin-bottom: 0; } } /*END MEDIA QUERY*/ /* override */ .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { color: #ffffff !important; font-size: 16px !important; } .main-pedagogic .yehidot-horaa-metokshavut { margin-bottom: 25px; } .yehidot-horaa-metokshavut-container .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .yehidot-horaa-metokshavut-container .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-prev, .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-next { height: 13px; width: 26px; top: 35%; } .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-prev.slick-disabled, .yehidot-horaa-metokshavut-container .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-buttons-wrapper .yehidot-horaa-metokshavut-href:hover { background-color: #11415A !important; opacity: 1.0; color: #fff !important; } .yehidot-horaa-metokshavut .eds-slick-carousel-wrapper { display: none; } .yehidot-horaa-metokshavut-container .compt-tit-con h2 { margin-right: 0px; } .yehidot-horaa-metokshavut-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .overlay-text { color: #123A5E !important; font-size: 18px !important; } .yehidot-horaa-metokshavut-container .stop-start-buttons { margin-bottom: 5px; } .yehidot-horaa-metokshavut-container .stop-start-buttons button { margin-left: 16px; } .yehidot-horaa-metokshavut.component-panel .compt-tit-con { margin-bottom: 0px; } .lemidah-container { background-color: white; display: inline-block; padding: 5%; position: relative; min-height: 202px; } .lemidah-container .container-content { position: relative; width: 100%; } .page-component-edu .lemidah-container .comp-title-container h4 { background-color: transparent; color: inherit; margin: 0; padding: 0; } .lemidah-container .lemidah-paragraph { font-size: 16px; } /**/ .lemidah-container .edu-info-paragraph-section.white-bg, .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph { background-color: #fff !important; width: 100%; } .lemidah-container .edu-info-paragraph-section .info-paragraph { background-color: #edf5fa; font-size: 16px; padding: 15px; } .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1 1 100%; margin-right: 0; } .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 16px; } .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph:not(:last-of-type) { border-bottom: var(--line-between-items); } .lemidah-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { /*color: #3098cf;*/ font-size: 22px; margin: 10px 0 0 0; } /**/ /*START BASIC NEEDS*/ /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .hide-in-desktop { display: none; } .lemidah-container { padding: 1.77%; /*equal to 15px*/ } .lemidah-container .edu-link { margin-top: 10px; float: left; } .page-component-edu .lemidah-container .comp-title-container h4 { background-color: rgb(48, 152, 207); color: white; padding: 6px 20px; margin: 12px 15px 0 15px; } .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 32px; } .lemidah-container .edu-info-paragraph-section.white-bg .info-paragraph { padding-bottom: 38px; padding-top: 38px; } .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { flex: 1; margin-right: 1.77%; } .lemidah-container .edu-info-paragraph-section .info-paragraph .heading.big-blue { /*color: inherit;*/ font-size: 22px; margin: 0; } } /*END MEDIA QUERY*/ /* override */ .learning-panels .container-content .edu-info-paragraph-section .info-paragraph ul { margin: 0 16px 0 0; } .learning-panels .container-content { padding-bottom: 0; } .learning-information-container .lemidah-container .edu-info-paragraph-section .info-paragraph { padding-left: 0; padding-right: 0; } .learning-information-container.ltr .edu-info-paragraph-section .image { float: left; margin-left: auto; margin-right: 1.77%; } #left_col[role=main] .learning-panels.ltr .container-content .edu-info-paragraph-section .info-paragraph ul { margin-right: 0; margin-left: 16px; } .page-component-edu.learning-information-container:not(.not-shaped) .comp-title-container h4, .page-component-edu.learning-panels:not(.not-shaped) .comp-title-container h4 { margin: 0; } .learning-information-container.ltr .lemidah-container .info-paragraph h3 { text-align: left; } @media (min-width: 992px) { .lemidah-container .show-in-mobile { display: none; } .learning-panels .container-content .edu-info-paragraph-section .info-paragraph { margin: 0; } .learning-panels .lemidah-container .edu-info-paragraph-section .info-paragraph:not(:last-of-type) { padding-bottom: 15px; } .learning-panels .lemidah-container .container-content .edu-info-paragraph-section { padding-left: 20px; padding-right: 20px; } .page-component-edu.learning-panels.ltr .lemidah-container .edu-link { margin-top: 10px; float: right; } .lemidah-container { width: 100%; } .learning-information-container .lemidah-container .edu-info-paragraph-section { padding: 0; } .learning-information-container.ltr .lemidah-container .edu-info-paragraph-section .info-paragraph .d-flex-item { margin-right: 0; margin-left: 1.77%; } } @media (max-width: 991px) { .learning-panels .container-content .edu-info-paragraph-section .info-paragraph { margin-bottom: 16px; } } /*.page-component-edu.learning-panels .lemidah-container { padding-top: 0px; }*/ .page-component-edu.learning-panels .lemidah-container .container-content { margin-top: 15px; border-radius: 4px; } /* buttons */ /* titles */ /* background */ /*form*/ #symbolIcon { height: 43px; width: 39px; } .main-nav ul .upper-menu-main-tabs > a { background-color: transparent !important; color: var(--title-color); font-size: 18px; font-weight: 700; /*// display: inline; //padding-inline-end: 0px;*/ } .main-nav ul { display: flex; gap: 24px; } .main-nav ul .upper-menu-main-tabs { border-left: none !important; } .main-nav ul .upper-menu-main-tabs:hover { border-bottom: 4px solid var(--navigation-open-title); } .HeaderMenu a.li-sub-pages:after { display: none; } .upper-menu-sub-menu { max-height: 351px; overflow-y: auto; min-width: 256px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); z-index: 1; padding: 0px !important; display: none !important; } .open-menu > ul { display: block !important; } .main-tabs-toggle-btn { background: transparent; border: none; } .upper-menu-sub-menu::-webkit-scrollbar { width: 4px; border-radius: 4px; margin: 9px 6px; } .upper-menu-sub-menu::-webkit-scrollbar-track { background: #d8d8d8; border-radius: 4px; margin: 9px 6px; } .upper-menu-sub-menu::-webkit-scrollbar-thumb { background: #979797; border-radius: 4px; } .upper-menu-sub-menu li { font-size: 16px; padding: 8px 8px; color: var(--navigation-open-title) !important; } .upper-menu-sub-menu li:hover:not(.banner-list-item) { background-color: #337ab7; color: white; } .upper-menu-sub-menu li:hover a { color: white; } .upper-menu-sub-menu li a { padding-bottom: 0px !important; padding-top: 0px !important; margin-bottom: 0px !important; padding-right: 0px !important; width: 100%; height: 100%; } .upper-menu-sub-menu li:not(.banner-list-item) a { color: var(--navigation-open-title) !important; } .upper-menu-sub-menu li a:hover { background-color: transparent !important; color: white !important; } .upper-menu-sub-menu li:not(:last-of-type) { border-bottom: 1px solid #edeff1; } .upper-menu-sub-menu .banner-list-item { margin-top: 10px; padding-bottom: 5px; } .upper-menu-sub-menu .banner-list-item img { /*max-width: 244px;*/ max-height: 117px; } .upper-menu-sub-menu .banner-list-item .banner-list-item-text { padding: 5px 5px 6px 4px; background-color: var(--background-over-grey-color); font-weight: bold; color: var(--title-color); /*width: 244px;*/ margin-top: 0px !important; margin-bottom: 0px; border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .upper-menu-sub-menu .banner-list-item .banner-list-item-text a { font-weight: normal; color: var(--title-color); padding: 0px; font-size: 15px; } .upper-menu-sub-menu .banner-list-item .banner-list-item-text a img { width: 6px; height: 10px; margin-top: -3px; } .sub-menu-note { border-radius: 9px; color: var(--primary-btn-text-color); width: auto; font-size: 14px; text-align: center; padding: 0 6px; vertical-align: middle; } .sub-menu-note span { vertical-align: middle; line-height: normal; } .sub-menu-item-with-note { display: flex; justify-content: space-between; } .sub-menu-new-content { background-color: var(--primary-btn-color); } .sub-menu-recommended { background-color: var(--primary-btn-color); } .upper-menu-sub-menu .list-item-with-sub-menu { display: flex; justify-content: space-between; align-items: center; } .upper-menu-sub-menu .list-item-with-sub-menu .list-item-arrow-icon { width: 6px; height: 10px; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .list-item-arrow-icon g { stroke: white; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .sub-menu-second-tier { display: block !important; } .upper-menu-sub-menu .list-item-with-sub-menu:hover { color: white !important; } .upper-menu-sub-menu .list-item-with-sub-menu .sub-menu-second-tier li:hover { color: white !important; } .sub-menu-with-second-tier { overflow: visible; } .upper-menu-sub-menu .list-item-with-sub-menu { position: relative; } .sub-menu-second-tier { display: none !important; min-width: 256px; position: absolute; right: 100%; top: -1px; width: max-content; padding: 0px !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .sub-menu-second-tier li { color: black; width: 100%; } .sub-menu-second-tier li a { color: black !important; } .sub-menu-second-tier li:hover a { color: white !important; } /* mobile */ .new-mobile-navbar-wrapper { background-color: white; display: block; width: 90vw; height: 100%; position: absolute; top: 0px; z-index: 2; box-shadow: -100px 0px 5px 200px rgba(0, 0, 0, 0.8); transition: width 250ms ease-in-out, box-shadow 250ms ease-in-out; } .no-overflow { overflow: hidden; } .menu-closed { width: 0px; box-shadow: none; } .menu-closed * { display: none !important; } #closeBtn { position: absolute; left: -10%; top: 10px; background-color: transparent; border: none; } #openMobileMenu { position: absolute; top: 20px; left: 20px; background-color: transparent; border: none; } .mobile-menu-header { background-color: var(--mobile-nav-header-color); width: 100%; color: white; min-height: 43px; padding: 10px 10px; display: flex; flex-direction: column; } .mobile-menu-header .current-menu-section { font-size: 18px; font-weight: bold; } .mobile-menu-header .previous-menu-section { font-size: 15px; font-weight: normal; display: flex; } .new-mobile-menu-list { margin: 0px; position: relative; } .new-mobile-menu-list .mobile-menu-topic-item { font-size: 18px; padding: 10px 10px; border-bottom: 1px solid #edeff1; width: 100%; margin-bottom: 0px !important; } .new-mobile-menu-list .mobile-menu-topic-item a { color: #414141; } .new-mobile-menu-list .has-sub-menu { display: flex; justify-content: space-between; align-items: center; } .new-mobile-menu-list .personal-area { display: flex; justify-content: space-between; align-items: center; } .new-mobile-menu-list .personal-area > div { /* display: flex; align-items: center;*/ border: 1px solid #194D7B; border-radius: 22px; box-shadow: 0px 2px 5px #00000029; text-align: center; padding:5px; } .new-mobile-menu-list .mobile-menu-topic-item .personal-area > div a { color: var(--secondary-btn-text-color); } .new-mobile-menu-list .personal-area > div > img { margin-left: 5px; margin-bottom:2px; width:15px; height:15px; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; background-color: white; z-index: 4; transform: translateX(100%); transition: transform 250ms; height: 100vh; } .new-mobile-menu-list .mobile-menu-topic-item .mobile-sub-menu-level-2 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; background-color: white; transform: translateX(100%); transition: transform 250ms; height: 100vh; } .new-mobile-menu-list .mobile-menu-topic-item .is-active { transform: translateX(0%); transition: transform 250ms; } .new-mobile-menu-list .mobile-menu-topic-item .mobile-sub-menu-level-2 li { width: 100%; padding: 10px 10px; border-bottom: 1px solid #edeff1; } #returnToPrevSection { border: none; background-color: transparent; } .hidden-menu-element { display: none; } .personal-area-toggle { width: 100%; } .more-content-in-site { background-color: var(--mobile-nav-header-color); font-size: 18px; color: white; margin: 0px; } .more-content-in-site .more-content-header { font-weight: bold; border-bottom: solid 1px #edeff1; padding: 12px 12px; } .more-content-list { font-weight: normal; margin: 0px; } .more-content-list li { border-bottom: solid 1px #edeff1; width: 100%; padding: 10px 10px; } /*ovveried yisca*/ /*#personalAreaArrowIcon { width: 6px; height: 10px; }*/ /*ovveried yisca*/ /*img[data-direction="down"] { width: 10px !important; height: 6px !important; }*/ @media screen and (max-width: 768px) { #symbolIcon { width: 26px; height: 32px; } } /*ovveried*/ .upper-menu-sub-menu .banner-list-item .banner-list-item-text a img { margin-top: 0px; margin-inline-start: 5px; } .upper-menu-sub-menu li:not(.banner-list-item) { display: flex; justify-content: space-between; } ul.more-content-list li a { color: white; } #openMobileMenu { position: relative; top: 0px; left: 0px; margin-top: 5px; padding-left:5px; } .mobile-menu-personal-list { margin-left: 0px; padding-left: 0px; } .upper-menu-sub-menu li:hover:not(.banner-list-item) { color: white !important; } .upper-menu-sub-menu li a:hover:not(.banner-list-item) { color: var(--title-color) !important; } #newMobileMenuList button.menu-link-arrow { background-color: transparent; border: none; padding: 2px; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu { display: none; } .new-mobile-menu-list .mobile-menu-topic-item .nested-sub-menu.is-active { display: block; } #personal-area-arow-link { padding: 4px; } .current-menu-section a { color: white; } .upper-menu-sub-menu .banner-list-item img { max-height: none; height: auto; /*width: 244px;*/ border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .HeaderMenu .navs-wrapper nav > ul > li { height: 38px; } header.AdministrativeSpace { padding-bottom: 0px; } .upper-menu-sub-menu { margin-top: 8px; } .upper-menu-sub-menu li a:hover:not(.banner-list-item a) { color: var(--link-hover-color) !important; } .sub-menu-second-tier li { padding-bottom: 6px; } .main-nav ul .upper-menu-main-tabs > a { font-weight: 400; } .main-nav ul .upper-menu-main-tabs > a:hover, .main-nav ul .upper-menu-main-tabs > button:hover { font-weight: 600; } .main-nav ul .upper-menu-main-tabs.active > a, .main-nav ul .upper-menu-main-tabs.active-parent > a, .main-nav ul .upper-menu-main-tabs.active > .sub-menu-open-btn, .main-nav ul .upper-menu-main-tabs.active-parent > ..sub-menu-open-btn { font-weight: 600; } .sub-menu-second-tier li { font-weight: 400; } .sub-menu-second-tier li:hover { font-weight: 600; } .upper-menu-sub-menu > li.active, .upper-menu-sub-menu > li.active-parent, .sub-menu-second-tier li.active, .sub-menu-second-tier li.active-parent, .upper-menu-sub-menu li:hover:not(.banner-list-item) { background-color: rgb(224, 238, 245); color: var(--navigation-open-title) !important; font-weight: 600; } .more-content-in-site .more-content-header { border-bottom: none; padding: 12px; padding-bottom: 0px; } .arrow-icon-anchor { margin-left: 9px; } .active.mobile-menu-topic-item > .topic-item-name, .active-parent.mobile-menu-topic-item > .topic-item-name, .active.mobile-menu-topic-item > a, .active-parent.mobile-menu-topic-item > a, .mobile-sub-menu-level-3 li.active > a, .mobile-sub-menu-level-3 li.active-parent > a, .active.level-two-menu-link > .topic-item-name, .active-parent.level-two-menu-link > .topic-item-name, .active.mobile-menu-topic-item.personal-area a, .active-parent.mobile-menu-topic-item.personal-area a { font-weight: 600; } .new-mobile-menu-list .mobile-menu-topic-item span { color: #333333; } .upper-menu-sub-menu .list-item-with-sub-menu:hover .list-item-arrow-icon g { stroke: #476681; } nav ul li ul.sub-menu-second-tier a { font-size: 17px; } .upper-menu-sub-menu .list-item-with-sub-menu .sub-menu-second-tier li:hover, .sub-menu-second-tier li:hover a { color: var(--navigation-open-title) !important; } .main-nav ul .upper-menu-main-tabs:hover { border-bottom: none; } li.active.upper-menu-main-tabs::after, li.active-parent.upper-menu-main-tabs::after, .main-nav ul .upper-menu-main-tabs:hover::after { content: ""; float: left; background: var(--line-color); width: 100%; height: 2.5px; border-radius: 3px; margin-top: 6px; } .main-nav ul .upper-menu-main-tabs:hover::after { background: var(--line-under-item-color-hover); } .upper-menu-sub-menu { max-height: none; } .new-mobile-menu-list li.active-parent, .new-mobile-menu-list li.active { background-color: var(--mobile-nav-current-bg); } li.static.upper-menu-main-tabs .sub-menu-open-btn { border: none; background-color: transparent; color: var(--title-color); font-size: 18px; } /*ovveried*/ html { scroll-behavior: smooth; } .bold { font-weight: 600; } .conventions-container .page-component-edu .comp-title-container h4 { padding: 7px 15px; margin-bottom: 15px; } .conventions-container .description-container { display: flex; padding: 0 13px 28px 25px; margin: 0; border-bottom: var(--line-between-items); } /*.conventions-container .description-container.top { padding-top: 20px; }*/ .conventions-container .description-container .description-header > span { display: block; } .conventions-container .description-container .description-header .title { font-size: 18px; font-weight: 600; } .conventions-container .description-container .description-header .subtitle { font-size: 18px; font-weight: 500; } .conventions-container .description-container .description-header .date { font-size: 14px; } .conventions-container .description-container.top .description-body p { margin-top: 17px; margin-bottom: 0; } .conventions-container .description-container .description-body p { color: #000; line-height: 24px; font-size: 16px; } .conventions-container .description-container img { width: 282px; height: 189px; margin-right: 57px; } .conventions-container .conventions { padding: 5px 28px 5px 10px; } .conventions-container .item-container { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 15px 13px; border-radius: var(--item-radius); } .conventions-container .content-container { background-color: #edf5fa; min-height: 133px; padding: 12px 16px; border-radius: inherit; } .conventions-container .content-container .content-title { /*color: #333;*/ margin: 0; line-height: 130%; display: flex; align-items: baseline; } .conventions-container .content-container .content-title .titleDir { margin-top: 0; margin-bottom: 0; } .conventions-container .content-container .content-title > img { width: auto; margin-right: 13px; } .conventions-container .content-container .content-subtitle { font-size: 14px; font-weight: 500; margin: 6px 0 10px 0; display: inline-block; } .conventions-container .item-btns-container { margin-top: 10px; } .conventions-container .item-btns-container button { min-width: 90px; /*height: 32px;*/ } .conventions-container .item-btns-container > button + button { margin-right: 4px; } .conventions-container .item-btns-container .btn-primary { background-color: #3098cf; border-radius: 4px; color: #fff; font-size: 16px; border: none; } .conventions-container .btn-dark { font-size: 16px; color: #fff; border-radius: 4px; border: none; background-color: #1d5c7e; width: 79px; height: 32px; } @media screen and (max-width: 740px) { .conventions-container.page_component .page-component-edu .conventions .item-container { max-width: 100%; } } /*override*/ .conventions-container .description-container { align-items: flex-start; padding: 0 0 20px 0; } .conventions-container .description-container img { width: 338px; height: auto; } .conventions-container .description { margin-top: 8px; width: -webkit-fill-available; } .convention-collapse { overflow: hidden; } .conventions-container .item-container { margin-left: 0px; margin-right: 0px; } .videoImg { position: relative; width: auto; height: min-content; } .conventions-container .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: calc(50% - 28.5px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } .conventions-container.ltr .description-container img.play-image { left: calc(50% + 28.5px); margin-left: 0px; } .conventions-container .conventions { padding: 0; margin-top: 20px; /*text-align: justify;*/ display: flex; flex-wrap: wrap; justify-content: flex-start; } .conventions-container .description-container .description-body span { color: #000; line-height: 24px; font-size: 16px; } .conventions-container .description-container.top .description-body p:not(:first-of-type) { margin-top: 5px; } .conventions-container .description-container.top .description-body p:first-of-type { margin-top: 0; } .conference_component.ltr .content-container .content-title > img { width: auto; margin-left: 13px; margin-right: 0px; } .conference_component .comp-title-container, .conference_component .comp-title-container h4.title_margin { margin-bottom: 0px; } @media (min-width: 1200px) { .conventions-container .conventions.three-cols .item-container { max-width: 31.95%; /*flex: 1 0 31.95%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.three-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.three-cols .item-container:nth-child(3n + 0) { margin-left: 0; margin-right: 0; } } @media (max-width: 1200px) { /*.conventions-container .conventions.three-cols .item-container { max-width: 47%; }*/ .conventions-container .conventions.three-cols .item-container { max-width: 48.9%; /*flex: 1 0 48.9%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.three-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.three-cols .item-container:nth-child(2n + 0) { margin-left: 0; margin-right: 0; } } .openImage { transform: rotate(180deg); } .conventions-container.conference_component .item-btns-container { margin-top: 20px; } .conventions-container.ltr .item-btns-container > button + button { margin-left: 4px; margin-right: 0px; } .conventions-container button.buttonFont { font-family: Assistant, Arial } .conventions-container .content-container .content-subtitle { margin: 6px 0 0 0; } .conventions-container.ltr .description-container img { margin-right: 0px; margin-left: 57px; } /*.conventions-container.ltr .description-container { padding: 0 15px 28px 15px; }*/ .conference_component.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .conference_component ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .conventions-container .conventions.two-cols .item-container { max-width: 49%; } .conference_component.ltr { direction: ltr; } .conference_component .title-height { /* min-height: 42px;*/ } .conference_component .btn-primary.buttonWidth { width: auto; min-width: 106px; } .page-component-edu .conventions-container .page-component-edu { margin-bottom: 0 !important; } .conference_component.ltr .titleDir { text-align: left; } .conference_component.ltr .comp-title-container h4.title_margin { margin-bottom: 0px; float: left; } .conference_component.ltr .article-headline-container { float: right; } .page-component-edu .conventions-container .moreText p { margin: 0px; } /*.conventions-container .item-container { margin: 0 8px 15px 8px; }*/ .conference_component .item-btns-container { display: flex; flex-wrap: wrap; gap: 5px; } @media (max-width: 991.5px) { .conventions-container .conventions { /*padding: 5px 28px 5px 28px;*/ /*padding: 5px 20px 5px 20px;*/ } .conventions-container .description { margin-bottom: 20px; } .conference_component.conventions-container .description-container.top { display: block; /*padding-left: 13px;*/ } .conventions-container .description-container img { height: auto; } .conference_component.conventions-container .description-container img { margin-right: 0px; width: 100% } .conference_component.conventions-container.ltr .description-container img { margin-left: 0px; width: 100% } .conference_component .item-btns-container { display: flex; } .conventions-container .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } .conventions-container.ltr .description-container img.play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0px; } } @media screen and (max-width: 740px) { .conventions-container.page_component .page-component-edu .conventions .item-container { margin-left: 0px; margin-right: 0px; } .conference_component .title-height { height: auto; } } @media screen and (min-width: 741px) { .conventions-container .conventions.two-cols .item-container { max-width: 48.9%; /*flex: 1 0 48.9%;*/ margin-left: 2.033%; margin-right: 0; } .conventions-container.ltr .conventions.two-cols .item-container { margin-right: 2.033%; margin-left: 0; } .conventions-container .conventions.two-cols .item-container:nth-child(2n + 0) { margin-left: 0; margin-right: 0; } } /* buttons */ /* titles */ /* background */ /*form*/ .page-component-edu.collapse-container.collapse-items-container { background-color: white; } .collapse-container.collapse-items-container .collapse-item { /*font-size: 20px;*/ display: inline-block; color: #337ab7; margin: 0; line-height: 50px; color: var(--title-color); } .collapse-container.collapse-items-container .collapse-item h3 { /* font-size: 23px;*/ margin: 0; line-height: 50px; } .collapse-container.collapse-items-container .collapse-subtitle { margin: 0; padding: 0 30px; } .collapse-container.collapse-items-container .collapse-content { margin: 0; padding-left: 16px; } .collapse-container.collapse-items-container .collapse-content-wrapper { display: flex; align-items: flex-start; } .collapse-container.collapse-items-container .collapse-content-wrapper:not(:first-of-type) { margin-top: 20px; } .collapse-container.collapse-items-container .collapse-content-img { width: 170px; margin-left: 20px; } .collapse-container.collapse-items-container .collapse-content-text { margin: 6px 0 10px 0; } .collapse-container.collapse-items-container .collapse-content-list { display: flex; flex-wrap: wrap; } .collapse-container.collapse-items-container .collapse-content-list li { flex: 1 0 250px; list-style: none; } .collapse-container.collapse-items-container .collapse-content-list li button { margin-left: 10px; } .collapse-container.collapse-items-container .collapse-content-list li button, .collapse-container.collapse-items-container .collapse-content-list li span { vertical-align: middle; } .collapse-container.collapse-items-container .item-btn { display: block; margin-top: 10px; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; padding: 0; } .item-btn-icon { display: inline-block; margin-right: 5px; width: fit-content; } .collapse-container.collapse-items-container .PanelCollapse { background-color: var(--stock-search-bg); /*padding-bottom: 5px;*/ border: var(--panel-border); border-radius: 4px; } .collapse-container.collapse-items-container .PanelCollapse:not(:last-of-type) { margin-bottom: 15px; } .collapse-container.collapse-items-container .ContentCollapse { margin-right: 5px; padding-top: 5px; } .collapse-container.collapse-items-container .ContentCollapse .sub-title { margin-top: 0; margin-bottom: 20px; font-size: 18px; } .collapse-container.collapse-items-container .collapse-item::before { display: inline-block; width: 30px; vertical-align: text-bottom; padding: 0 10px; } .collapse-container.collapse-items-container .collapse-item::before { content: url(/images/icons/navigation-blue-down.svg); } .collapse-container.collapse-items-container .collapsed .collapse-item::before { content: url(/images/icons/navigation-blue-side.svg); } /* Collapse with yehidot horaa */ .collapse-container.collapse-items-container .yahida-horaa-card-container { display: flex; align-items: flex-start; } .collapse-container.collapse-items-container .saparator { margin: 20px 0; background-color: rgba(0, 0, 0, 0.1607843137); height: 1px; } .collapse-container.collapse-items-container .yahida-horaa-card-container img { max-width: 160px; width: 100%; margin-left: 30px; } .collapse-container.collapse-items-container .yahida-horaa-card-container h5.title { margin-top: 0; color: var(--title-color); } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { list-style: none; padding: 0; margin: 5px 0; margin-right: 0 !important; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list .saparator { height: 15px; width: 1px; display: inline-block; background-color: #333; margin: 0 10px; vertical-align: middle; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li { display: inline-block; vertical-align: middle; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container ul.yahida-properties-list li span { font-size: 16px; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li span.title { font-weight: 600; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container { margin-top: 10px; display: flex; justify-content: flex-end; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container .btn-left { background-color: #3098cf; padding: 6px 30px; border-radius: 4px; color: #fff; font-size: 16px; border: none; display: block; margin-right: auto; } /* override */ @media (max-width: 767px) { .collapse-container.collapse-items-container .collapse-content { /*padding-top: 15px;*/ padding-left: 0; } .collapse-container.collapse-items-container .ContentCollapse { padding-right: 15px; margin-right: 0; } .collapse-container.collapse-items-container .collapse-items-and-images .collapse-content-wrapper { display: block; } .collapse-container.collapse-items-container .collapse-content-img { width: 100%; margin-left: 0; } .collapse-container.collapse-items-container .collapse-items-and-images .collapse-content-wrapper .collapse-content { padding-top: 10px; } } .collapse-container.collapse-items-container .collapse-content-list .item-btn-icon { margin-right: 0; margin-left: 5px; } .collapse-container.collapse-items-container .collapse-content-list.one-column { display: block; flex-wrap: unset; } #left_col[role=main] .page-component-edu.collapse-container.collapse-items-container .PanelCollapse .ContentCollapse .collapse-content-list { /*margin-right: 0; margin-left: 0;*/ margin: 0; } .collapse-container.collapse-items-container .collapse-content-list li { flex: 1 0 280px; } .collapse-container.collapse-items-container .panel-collapse .sub-title.semi-bold { margin-bottom: 15px; } .collapse-container.collapse-items-container.ltr .collapse-subtitle { text-align: left; } .collapse-container.collapse-items-container.ltr .collapse-content-img { margin-left: 0; margin-right: 20px; } .collapse-container.collapse-items-container.ltr .collapse-content { padding-right: 50px; padding-left: 0; } .collapse-container.collapse-items-container.ltr .item-btn { text-align: left; } .collapse-container.collapse-items-container.ltr .item-btn-icon { margin-left: 5px; margin-right: 0; transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .collapse-content { padding-right: 50px; padding-left: 0; } .collapse-container.collapse-items-container.ltr .collapse-content-list .item-btn-icon { margin-left: 0; margin-right: 5px; transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .collapsed .collapse-item::before { transform: rotateY(180deg); } .collapse-container.collapse-items-container.ltr .ContentCollapse { margin-left: 5px; margin-right: 0; } .collapse-container.collapse-items-container.ltr .ContentCollapse { padding-right: 15px; padding-left: 25px; } .collapse-container.collapse-items-container .ContentCollapse .collapse-content > p:first-of-type { margin-top: 0; } .collapse-container.collapse-items-container .ContentCollapse .collapse-content > p{ margin-bottom: 0; } .collapse-container.collapse-items-container.ltr .collapse-item { text-align: left; } .collapse-container.collapse-items-container .collapse-sub-title { font-size: 16px; } .collapse-container.collapse-items-container .collapse-item { display: flex; } /*.collapse-container.collapse-items-container .ContentCollapse .rich-text-editor-com.first { margin-top: -8px; }*/ .collapse-container.collapse-items-container .ContentCollapse .rich-text-editor-com.collapse-rich-text:first-of-type { margin-top: -8px; } .collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom { margin-bottom: 15px; } .page-component-edu.collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom .more-less-container { float: unset; } .page-component-edu.ltr.collapse-container.collapse-items-container .container-content .collapseHolder.m-bottom .more-less-container .row-without-margin { float: unset; } .collapse-container.collapse-items-container .collapse-item::before { margin-top: -2px; } .collapse-container.collapse-items-container .collapsed .collapse-item::before { margin-top: 0; } .collapse-container.collapse-items-container .collapse-content-list li a { display: inline-flex; align-items: baseline; } .collapse-container.collapse-items-container .collapse-content-list li a span { padding-right: 3px; } .collapse-container.collapse-items-container.page-component-edu .container-content .panel-collapse-header .PanelCollapse a:focus { color: black !important; -webkit-tap-highlight-color: black; } /*.collapse-container.collapse-items-container.page-component-edu .container-content .PanelCollapse .panel-collapse-header a:hover { color: rgb(29, 139, 209) !important; -webkit-tap-highlight-color: rgb(29, 139, 209); }*/ .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { margin: 0; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container .item-btns-container .btn-left { float: left; font-size: 17px; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container .content-container .item-btns-container .btn-left { float: right; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container img { margin-right: 30px; margin-left: 0; } .collapse-container.collapse-items-container .yahida-horaa-card-container img.small-arrow { width: 8px; margin-right: 5px; } @media (max-width: 991px) { .collapse-container.collapse-items-container .yahida-horaa-card-container { flex-direction: column; } .collapse-container.collapse-items-container .yahida-horaa-card-container img { width: 100%; margin-left: 0; max-width: none; } .collapse-container.collapse-items-container .yahida-horaa-card-container h5.title { margin-top: 10px; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list li { display: inline; } .collapse-container.collapse-items-container .yahida-horaa-card-container img.small-arrow { margin-bottom: 0; margin-left: 0; } } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list { font-size: 14px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container ul.yahida-properties-list li span { font-size: 14px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .content-container { width: 100%; } .collapse-container.collapse-items-container .yahida-horaa-card-container ul.yahida-properties-list .saparator { width: 0.5px; height: 13px; } .collapse-container.collapse-items-container .yahida-horaa-card-container .toogle-keys a { cursor: pointer; font-size: 14px; } .collapse-container.collapse-items-container.ltr .yahida-horaa-card-container img.small-arrow { margin-left: 5px; margin-right: 0; } .page-component-edu.collapse-container.collapse-items-container a.btn-search-blue:hover, .page-component-edu.collapse-container.collapse-items-container a.btn-search-blue:focus, .page-component-edu.collapse-container.collapse-items-container a.dark-btn:hover { color: #fff !important; } /* start newspaper */ .collapse-container.collapse-items-container .collapse-newspaper { /*box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px;*/ /*margin-bottom: 25px;*/ /*background-color: white;*/ display: flex; justify-content: space-between; height: auto; align-items: flex-start; min-height: 340px; } /*START BASIC NEEDS*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-mobile { /*display: initial;*/ display: none; } /*END BASIC NEEDS*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .container-content { flex: 1; /*padding: 24px;*/ } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .article-content { color: #000; }*/ /*.newspaper-component .edu-article-container .article-content .article-img { display: block; width: 100%; height: auto; margin: 0; max-width: none; } .newspaper-component .edu-article-container .article-content h4 { color: inherit; font-size: 20px; font-family: "Assistant SemiBold", Assistant, Arial; margin: 16px 0; }*/ /*.newspaper-component .edu-article-container .article-content .article-paragraph { font-size: 17px; }*/ /*yisca put in comment exist in style guide*/ /**/ @media (min-width: 992px) { /* 768px*/ /*.collapse-container.collapse-items-container .collapse-newspaper .hide-in-desktop { display: none; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-desktop { display: block; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-mobile { display: none; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 452px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 20px 0; } /*yisca put in comment exist in style guide*/ /*.newspaper-component .edu-article-container .show-in-mobile { display: none; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin: 0 40px 40px 0; max-width: 377px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 10px 0; } } .collapse-container.collapse-items-container .collapse-newspaper { min-height: unset; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { font-size: 26px; font-weight: normal !important; margin-top: 0; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin-bottom: 20px; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container .article-img { float: right; margin-left: 0; margin-right: 0; } @media (max-width: 991px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .hide-in-mobile { display: none; } /*.newspaper-component .edu-article-container .show-in-mobile { display: block; }*/ .collapse-container.collapse-items-container .collapse-newspaper .read-more { margin-left: unset !important; margin-right: unset !important; } } .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { background-image: url(/remote.axd?https://meyda.education.gov.il/files/pop/15298/creation.jpg?anchor=center&mode=crop&width=689&height=436&rnd=132266665390000000); min-height: 188px; } @media (min-width: 414px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { min-height: 212px; } } @media (min-width: 768px) { .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { min-height: 315px; } } @media (min-width: 992px) { /* 768px*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content h4 { margin: 0 0 20px 0; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container .article-img { margin-left: 40px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .article-content .article-img { margin-bottom: 40px; } /*.newspaper-bigimage-component .edu-article-container .article-content .article-img { max-width: 452px; }*/ /*.newspaper-bigimage-component.page-component-edu:not(.not-shaped) .comp-title-container { margin-bottom: 0; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-flex-video-link { max-width: 377px; min-height: 238px; margin-right: 40px; margin-bottom: 40px; float: left; } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-flex-video-link { margin-left: 40px; margin-right: 0; float: right; } /*.page-component-edu.newspaper-bigimage-component.article-page-component .edu-flex-video-link { max-width: 452px; min-height: 423px; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .show-in-desktop { display: block; } .collapse-container.collapse-items-container .collapse-newspaper:not(.not-shaped) .comp-title-container { margin-bottom: 0; } } /*.page-component-edu.ltr .edu-media-grid-container .flexible-grid .flexible-grid-item .text-overlay { text-align: left; } .edu-media-grid-container .container-content .more-less-container { width: 100%; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } .collapse-container.collapse-items-container.ltr .collapse-newspaper .edu-article-container ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container { width: 100%; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .ContainerButtons { display: inline-block; margin-top: 10px; } .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container .ContainerButtons .btn.darkBlue { white-space: inherit; } /*.newspaper-bigimage-component .comp-title-container { margin-bottom: 0; }*/ .collapse-container.collapse-items-container .collapse-newspaper .edu-article-container { padding: 0; background-color: unset; margin-bottom: 0; } .collapse-container.collapse-items-container .collapse-content-wrapper .collapse-content { padding-left: 0; padding-right: 0; width: 100%; } .collapse-container.collapse-items-container .collapse-content-wrapper .collapse-content .btn-search-blue.btn-left { float: left; font-size: 17px; background-color: #3098cf; padding: 6px 30px; border-radius: 4px; color: #fff; border: none; display: block; margin-right: auto; /*margin-bottom: 15px;*/ } .collapse-container.collapse-items-container.ltr .collapse-content-wrapper .collapse-content .btn-search-blue.btn-left { float: right; margin-left: auto; margin-right: inherit; } .collapse-container.collapse-items-container .collapse-content-wrapper .item-btns-container { display: flex; justify-content: flex-end; } .collapse-container.collapse-items-container .collapse-content-icon { width: auto; max-width: 8px; margin-left: 8px; margin-top: 6px; } .collapse-container.collapse-items-container.ltr .collapse-content-icon { margin-right: 8px; margin-left: 0; transform: rotateY(180deg); } .collapse-container.collapse-items-container .collapse-newspaper .collapse-newspaper-panel { width: 100%; } .collapse-container.collapse-items-container .collapse-items-with-icon .collapse-content-wrapper:not(:first-of-type) { margin-top: 5px; } .collapse-container .page-component-edu.component-container, .collapse-container .page-component-edu.table-component{ background-color:transparent; padding:0px; } .collapse-container .page-component-edu.table-component .table-item { border: 1px solid #7F9AB2; background-color: #F4F9FC; } /*Icons*/ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } .content .gallery-component { text-align: right; } .content .gallery-component .content-title { color: white; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content .gallery-component .card.page-header { padding: 14px 15px; margin-top: 40px; min-height: 241px; margin: auto; } .content .gallery-component .card.page-header .eds_slick_carousel { width: 95%; margin: 13px auto 35px; } .content .gallery-component .card.page-header .eds_slick_carousel .slick-dots { bottom: -35px; } .content .gallery-component .card.page-header .eds_slick_carousel .slick-arrow::before { content: ""; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #000; width: 100%; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { font-size: 20px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-desc { font-size: 16px; line-height: 22px; margin-bottom: 10px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { /*margin-right: auto;*/ display: block; background-color: transparent; border: none; color: #2c7094; cursor: pointer; font-size: 16px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { display: inline-block; margin-right: 5px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item .play-image { width: 62px; height: 63px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-component .content-title { margin-bottom: 0px !important; } .content .gallery-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .content .gallery-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } @media screen and (max-width: 991px) { .content .card.page-header .eds_slick_carousel { width: 90%; } } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { direction: ltr; background-size: cover; background-position: center; border-radius: var(--item-radius); } @media screen and (min-width: 992px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: 273px; } } @media screen and (max-width: 991px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container img { width: 100%; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: unset; margin-left: auto; }*/ } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container { overflow: hidden; position: relative; flex-grow: 2; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-img-container img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { direction: rtl; -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; background-color: rgba(224, 238, 245, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 20px 16px; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-top: auto; }*/ /*# sourceMappingURL=side-by-side-gallery.css.map */ /*# sourceMappingURL=side-by-side-gallery.css.map * ////////////////////////////////////*/ /*slick-theme.css*/ /*Slider*/ .galleries-component .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /*Icons*/ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /*Arrows*/ .galleries-component .slick-prev, .galleries-component .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /*outline: none;*/ background: transparent; } .galleries-component .slick-prev:hover, /*.galleries-component .slick-prev:focus,*/ .galleries-component .slick-next:hover /*,*/ /*.galleries-component .slick-next:focus*/ { color: transparent; outline: none; background: transparent; } .galleries-component .slick-prev:hover:before, .galleries-component .slick-prev:focus:before, .galleries-component .slick-next:hover:before, .galleries-component .slick-next:focus:before { opacity: 1; } .galleries-component .slick-prev.slick-disabled:before, .galleries-component .slick-next.slick-disabled:before { opacity: .25; } .galleries-component .slick-prev:before, .galleries-component .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .galleries-component .slick-prev { left: -25px; } [dir='rtl'] .galleries-component .slick-prev { right: -25px; left: auto; } .galleries-component .slick-prev:before { content: '←'; } [dir='rtl'] .galleries-component .slick-prev:before { content: '→'; } .galleries-component .slick-next { right: -25px; } [dir='rtl'] .galleries-component .slick-next { right: auto; left: -25px; } [dir='ltr'] .galleries-component .slick-next { right: auto; left: -25px; } .galleries-component .slick-next:before { content: '→'; } [dir='rtl'] .galleries-component .slick-next:before { content: '←'; } /*// override-slick*/ @media screen and (max-width: 991px) { [dir='rtl'] .galleries-component .slick-prev { right: -18px; } [dir='rtl'] .galleries-component .slick-next { left: -18px; } .galleries-component .slick-prev, .galleries-component .slick-next { width: 17px; } } /*Dots*/ .galleries-component .slick-dotted.slick-slider { margin-bottom: 30px; } .galleries-component .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } /*override*/ /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { color: #000; width: 100%; }*/ .gallery-component.ltr { direction: ltr; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn-icon { margin-left: 5px; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: inherit; text-align: right; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding-left: 25px; padding-right: 25px; } .page-component-edu:not(.not-shaped).gallery-component .comp-title-container h4.gallery-main-title { margin-right: 0px; margin-left: 0px; } .content .gallery-component .card.page-header { padding-top: 0px; } .gallery-component img.left-icon-size { width: 6px; } .gallery-component .comp-title-container h4 { margin: 0; } .gallery-component .carousel-item-content-textAlign { text-align: right; } .gallery-component.ltr .carousel-item-content-textAlign { text-align: left; } .gallery-component.ltr .slick-dots { direction: ltr; } .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-btn { margin-right: inherit; text-align: left; direction: ltr; } .gallery-component.ltr img.item-btn-icon { transform: rotate(180deg); } .gallery-component.ltr { direction: ltr; } .gallery-component h5.item-title { margin-top: 0px; /*font-weight:900!important;*/ } /*.gallery-component p { margin-top: 0px; }*/ .gallery-component.ltr .carousel-item-content-textAlign a { text-align: left; } .gallery-component .eds-slick-carousel-item-content a:hover { outline: none } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content p { color: black; margin-top: 0px; margin-bottom: 0px; } @media screen and (min-width: 992px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { max-width: 45%; min-width: 45%; max-height: initial; overflow-wrap: break-word; } } @media screen and (min-width: 1200px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { /*max-width: 52%;*/ min-width: 52%; max-height: initial; overflow-wrap: break-word; } } /*//override 2*/ @media screen and (max-width: 991px) { /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content .item-title { margin-bottom: 30px; } .content .gallery-component .card.page-header .slick-slide { height: 390px; }*/ .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 20px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { padding: 16px; padding-top: 10px; } /*.content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { height: 195px; bottom: -135px !important; }*/ } /*@media screen and (max-width: 380px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 275px; } }*/ /*@media (max-width: 991px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 164px; } } @media (max-width: 910px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 187px; } } @media (max-width: 550px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 209px; } } @media (max-width: 460px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 232px; } } @media (max-width: 400px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 254px; } } @media (max-width: 360px) { .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content { min-height: 276px; } }*/ .content .gallery-component.ltr .card.page-header .eds_slick_carousel .eds-slick-carousel-item { direction: rtl; } .galleries-component .stop-start-buttons { margin-top: -15px; } .gallery-no-title.galleries-component .stop-start-buttons { margin-top: 16px; } .content .gallery-component .card.page-header .eds_slick_carousel .eds-slick-carousel-item-content.item-content-size { padding: 10px 15px; } .GalleryText .eds-slick-carousel-item-imageGallery { width: 100%; height: 192px; object-fit: cover; margin-bottom: 0; } .GalleryText .slick-slide .overlay-textGallery { padding: 16px 16px 20px 16px; display: flex; flex-direction: column; } .GalleryText .slick-slide .overlay-textGallery .textGallery h5 { font-size: 20px; line-height: 24px; margin: 0; font-weight: 600; } .GalleryText .slick-slide .overlay-textGallery .sub-titleGallery { font-size: 16px; line-height: 22px; /*margin-top: 10px;*/ } .page-component-edu.GalleryText { padding: 1.77%; position: relative; background-color: white; } .GalleryText .container-content { position: relative; } .GalleryText .eds-slick-carousel-wrapper { margin-top: 8px; } .GalleryText .slick-dotted.slick-slider { width: 96%; margin: auto; margin-bottom: 60px; } .GalleryText .slick-dotted.slick-slider { margin-bottom: 30px; } .GalleryText .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-prev { left: -25px; right: auto; } .GalleryText button.slick-prev.slick-arrow { width: 15px; } .GalleryText .eds_slick_carousel .slick-prev, .GalleryText .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color: transparent; } .GalleryText .eds_slick_carousel .slick-prev, .GalleryText .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color: transparent; } .GalleryText .eds_slick_carousel .slick-prev.slick-disabled, .GalleryText .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } [dir='rtl'] .GalleryText .slick-prev { right: -25px; left: auto; } [dir='ltr'] .GalleryText .slick-prev { left: -25px; left: auto; } .GalleryText .slick-prev { left: -25px; } .GalleryText .slick-prev, .GalleryText .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /* outline: none; */ background: transparent; } .GalleryText .eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .GalleryText .eds-slick-carousel-wrapper .slick-next:before, .GalleryText.eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .GalleryText .eds-slick-carousel-buttons-wrapper { text-align: left; margin-bottom: 32px; } .GalleryText .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } [dir='rtl'] .GalleryText .slick-prev:before { content: '→'; } [dir='ltr'] .GalleryText .slick-prev:before { content: '←'; } .GalleryText .slick-prev:before { content: '←'; } .GalleryText .slick-next:before { content: '→'; } [dir='rtl'] .GalleryText .slick-next:before { content: '←'; } [dir='ltr'] .GalleryText .slick-next:before { content: '→'; } /*.GalleryText .slick-prev:before, .GalleryText .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ .GalleryText .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-next { left: auto; right: -25px; } .GalleryText button.slick-next.slick-arrow { width: 15px; } .GalleryText .stop-start-buttons { position: absolute; z-index: 900; z-index: 11; left: 0; bottom: 0; cursor: pointer; margin-bottom: 8px; } .GalleryText.ltr .stop-start-buttons { position: absolute; z-index: 900; z-index: 11; right: 0; bottom: 0; cursor: pointer; margin-bottom: 16px; } .gallery-component.gallery-no-title { padding-top: 16px; } @media only screen and (max-width: 768px) { /* ההגדרות שיחולו על מובייל */ .GalleryText .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -10px; } .GalleryText button.slick-next.slick-arrow { width: 12px; } .GalleryText .eds_slick_carousel[dir='rtl'] .slick-prev { right: -10px; left: auto; } .GalleryText button.slick-prev.slick-arrow { width: 12px; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-prev { left: -10px; right: auto; } .GalleryText .eds_slick_carousel[dir='ltr'] .slick-next { right: -10px; left: auto; } } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); } /* Arrows */ .lemidah-metokshevet-container .slick-prev, .lemidah-metokshevet-container .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; /*outline: none;*/ background: transparent; } /*.lemidah-metokshevet-container .slick-prev:hover, .lemidah-metokshevet-container .slick-prev:focus, .lemidah-metokshevet-container .slick-next:hover, .lemidah-metokshevet-container .slick-next:focus { color: transparent; outline: none; background: transparent; }*/ .lemidah-metokshevet-container .slick-prev:hover:before, .lemidah-metokshevet-container .slick-prev:focus:before, .lemidah-metokshevet-container .slick-next:hover:before, .lemidah-metokshevet-container .slick-next:focus:before { opacity: 1; } .lemidah-metokshevet-container .slick-prev.slick-disabled:before, .lemidah-metokshevet-container .slick-next.slick-disabled:before { opacity: .25; } .lemidah-metokshevet-container .slick-prev:before, .lemidah-metokshevet-container .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lemidah-metokshevet-container .slick-prev { left: -25px; } [dir='rtl'] .lemidah-metokshevet-container .slick-prev { right: -25px; left: auto; } .lemidah-metokshevet-container .slick-prev:before { content: '←'; } [dir='rtl'] .lemidah-metokshevet-container .slick-prev:before { content: '→'; } .lemidah-metokshevet-container .slick-next { right: -25px; } [dir='rtl'] .lemidah-metokshevet-container .slick-next { right: auto; left: -25px; } .lemidah-metokshevet-container .slick-next:before { content: '→'; } [dir='rtl'] .lemidah-metokshevet-container .slick-next:before { content: '←'; } /* Dots */ .lemidah-metokshevet-container .slick-dotted.slick-slider { margin-bottom: 30px; } .lemidah-metokshevet-container .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .lemidah-metokshevet-container .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .lemidah-metokshevet-container .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; /*outline: none;*/ background: transparent; } .lemidah-metokshevet-container .slick-dots li button:hover /*, .lemidah-metokshevet-container .slick-dots li button:focus*/ { outline: none; } .lemidah-metokshevet-container .slick-dots li button:hover:before, .lemidah-metokshevet-container .slick-dots li button:focus:before { opacity: 1; } .lemidah-metokshevet-container .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lemidah-metokshevet-container .slick-dots li.slick-active button:before { opacity: .75; color: black; } .page-component-edu.lemidah-metokshevet-container { background-color: white; /* max-width: 1140px; */ } /* 224 143 */ /*yisca change*/ .page-component-edu.lemidah-metokshevet-container { padding: 1.77%; position: relative; /* min-height: 202px; */ margin-bottom: 48px } /*yisca change*/ .lemidah-metokshevet-container .container-content { position: relative; } .page-component-edu.lemidah-metokshevet-container h3, .page-component-edu.lemidah-metokshevet-container .comp-title-container h4 { margin: 0; } .lemidah-metokshevet-container .lemidah-metokshevet-paragraph { font-size: 16px; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper { margin-top:8px; } /* .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds_slick_carousel { width: 100%; max-width: 80%; margin: 32px auto; } */ .lemidah-metokshevet-container .slick-dotted.slick-slider { width: 96%; margin: auto; margin-bottom: 60px; } .lemidah-metokshevet-container .slick-slide.slick-center div { transform: scale(1.05); transform-origin: bottom; } .lemidah-metokshevet-container .slick-slide.slick-center + .slick-slide.slick-active > div { position: relative; left: -10px; } .lemidah-metokshevet-container .slick-slide.slick-active:not(.slick-center, .slick-center + .slick-active) > div { position: relative; right: -10px; } .lemidah-metokshevet-container .slick-slide:not(.slick-center) div { transform: scale(0.95); transform-origin: bottom; /* padding-top: 6px; */ } .lemidah-metokshevet-container .slick-center div { transform: scale(1.1); transform-origin: bottom; } .lemidah-metokshevet-container button.slick-prev.slick-arrow { width: 15px; } .lemidah-metokshevet-container button.slick-next.slick-arrow { width: 15px; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item { position: relative; } .lemidah-metokshevet-container .slick-dots { bottom: -45px; } .lemidah-metokshevet-container .slick-dots li { margin: 0; width: 15px; height: 15px; } .lemidah-metokshevet-container .slick-dots li button:before { font-size: 10px; color: #838383; } .lemidah-metokshevet-container .slick-dots li.slick-active button:before { color: #3098cf; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-image { /* width: 100%; max-width: auto; height: auto; */ } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; color: #ffffff; padding: 0 5px; position: absolute; bottom: 0; font-size: 16px; font-weight: normal !important; flex-wrap: wrap; text-align: center; min-height: 30px; width: calc(100% - 1px); } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title .eds-slick-carousel-item-symbol { font-size: 16px; margin: 0 3.27%; } .lemidah-metokshevet-container .eds-slick-carousel-wrapper .slick-next:before, .lemidah-metokshevet-container .eds-slick-carousel-wrapper .slick-prev:before { content: ""; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper { text-align: left; margin-bottom: 32px; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { background-color: #1d5c7e; border-radius: 4px; color: #ffffff; display: inline-block; font-size: 16px; text-align: center; width: 100%; max-width: none; padding: 8px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper { height: auto; margin: 28px auto; flex-wrap: wrap; justify-content: center; width: 100%; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input-container { position: relative; flex-shrink: 1; flex-grow: 0; flex-basis: 545px; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input:placeholder-shown + button.itur-sheirut-reset-button { opacity: 0; pointer-events: none; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-reset-button { position: absolute; border: 1px solid #64656d; display: block; width: 25px; height: 25px; line-height: 1; font-size: 23px; border-radius: 50%; top: 0; bottom: 0; left: 5px; margin: auto; background: #fff; padding: 0; outline: none; cursor: pointer; transition: 0.1s; color: #64656d; font-family: "Assistant-Regular"; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-label { background-color: #000; color: #fff; margin: 0; font-size: 28px; flex-shrink: 1; flex-grow: 0; flex-basis: 154px; text-align: center; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input { border: 1px solid #cccccc; border-radius: 0; padding: 0 10px; height: 42px; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; margin: 30px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-button { background-color: rgb(48, 152, 207); border: 0; color: #fff; font-size: 20px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; height: 42px; } .lemidah-metokshevet-container .itur-sheirut-results-summary-wrapper { font-size: 16px; margin-top: 19px; margin-bottom: 19px; text-align: center; } #left_col[role="main"] .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list { color: #333333; list-style: none; margin: 0; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container h4 { color: inherit; font-size: 16px; margin: 0; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .itur-sheirut-results-details-container p { color: inherit; font-size: 16px; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { margin-left: 14px; margin-top: 1px; margin-right: 10px; padding: 1rem; } /*Start Pagination*/ /*.lemidah-metokshevet-container .centered-pagination { text-align: center; } .lemidah-metokshevet-container .pagination { display: inline-block; } .lemidah-metokshevet-container .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; } .lemidah-metokshevet-container .pagination a:first-child { border-radius: 5px 0 0 4px; } .lemidah-metokshevet-container .pagination a:last-child { border-radius: 0 4px 4px 0; } .lemidah-metokshevet-container .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .lemidah-metokshevet-container .pagination a:hover:not(.active) { background-color: #ddd; } .lemidah-metokshevet-container .pagination .pagination-next, .lemidah-metokshevet-container .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* start Info List */ .edu-info-list-wrapper { padding: 0; flex-wrap: wrap; /* justify-content: space-around; */ } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .lemidah-metokshevet-container ul.edu-info-list-container { list-style: none; padding: 0; min-height: 41px; flex-shrink: 1; flex-grow: 0; flex-basis: 100%; margin: 9px !important; } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item-header h3 { background-color: #edf5fa; color: #000; padding: 12px 15px 12px 0; font-size: 20px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: 41px; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-link { color: inherit; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item .edu-info-list-item-img { width: 6px; height: 10px; margin-left: 8px; } /* end Info List */ /**/ /*START BASIC NEEDS*/ .itur-sheirut-button .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .itur-sheirut-button .chevron-left { background-image: url(../images/icons/icon-chevron-left.svg); width: 6px; height: 12px; } /*END BASIC NEEDS*/ /*yisca added*/ .itur-sheirut-results-list-wrapper h4 mark { color: rgb(44, 112, 148); } .page-component-edu.lemidah-metokshevet-container .pagination li.active a:focus { color: #fff!important; } .lemidah-metokshevet-container button.itur-sheirut-button[disabled] { background-color: #64656D; opacity: 1; } /*yisca added*/ /*START MEDIA QUERY*/ @media (max-width: 767px) { .lemidah-metokshevet-container button.slick-prev.slick-arrow { right: -18px; width: 12px; } .lemidah-metokshevet-container button.slick-next.slick-arrow { left: -18px; width: 12px; } } @media (min-width: 992px) { .lemidah-metokshevet-container { padding: 1.77%; /*equal to 15px*/ } /* .edu-info-list-wrapper { padding: 15px; } */ .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] ul.edu-info-list-container { margin: 0; min-height: auto; } .edu-info-list-wrapper .edu-info-list-container .edu-info-list-item { min-height: auto; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper { margin-bottom: 0; } .lemidah-metokshevet-container .eds-slick-carousel-buttons-wrapper .lemidah-metokshevet-href { padding: 4px 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper { height: 42px; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-input { margin: 0; } .lemidah-metokshevet-container .itur-sheirut-input-wrapper .itur-sheirut-button { height: inherit; flex-basis: 75px; } .lemidah-metokshevet-container .itur-sheirut-results-summary-wrapper { margin-top: 0; text-align: right; } .lemidah-metokshevet-container .itur-sheirut-results-list-wrapper .itur-sheirut-results-list .edu-favorite-button { padding: 0; } .lemidah-metokshevet-container .edu-info-list-wrapper .edu-info-list-container, #left_col[role="main"] .lemidah-metokshevet-container ul.edu-info-list-container { flex-basis: 253px; } } /*END MEDIA QUERY*/ /*ovveried*/ .lemidah-metokshevet-container .eds-slick-carousel-wrapper .eds-slick-carousel-item .eds-slick-carousel-item-title { color: #ffffff !important; font-size: 16px !important; } .lemidah-metokshevet-container .eds_slick_carousel[dir='rtl'] .slick-prev { right: -25px; left: auto; } .lemidah-metokshevet-container .eds_slick_carousel[dir='rtl'] .slick-next { right: auto; left: -25px; } .lemidah-metokshevet-container .eds_slick_carousel .slick-prev, .lemidah-metokshevet-container .eds_slick_carousel .slick-next { height: auto; width: auto; top: 35%; background-color:transparent; } .lemidah-metokshevet-container .eds_slick_carousel .slick-prev.slick-disabled, .lemidah-metokshevet-container .eds_slick_carousel .slick-next.slick-disabled { opacity: 0.5; pointer-events: none; } /* buttons */ /* titles */ /* background */ /*form*/ /*Start Basic Needs*/ .maagar-haklatot-page button { border: 0; } .maagar-haklatot-page a, .maagar-haklatot-page button { transition: background-color 0.3s; } .maagar-haklatot-page input, .maagar-haklatot-page select { border: 1px solid #aeaeae; } /* override */ /* Edge */ /*.maagar-haklatot-page input::-webkit-input-placeholder { color: #666564; }*/ /* override */ /* Internet Explorer 10-11 */ /*.maagar-haklatot-page input:-ms-input-placeholder { color: #666564; }*/ /*overide*/ /*.maagar-haklatot-page input::placeholder { color: #666564; }*/ .maagar-haklatot-page .bold { font-weight: 600; } /*End Basic Needs*/ .maagar-haklatot-page { text-align: right; } .maagar-haklatot-page .page-header { background-color: #ffffff; justify-content: center; } .maagar-haklatot-page .page-header .page-title { background-color: rgb(48, 152, 207); margin: 5px; padding: 5px 18px 5px 5px; } .maagar-haklatot-page .page-header .page-title h1 { background-color: transparent; padding: 0; line-height: normal; } /* .maagar-haklatot-page { padding: 14px 15px; margin-top: 40px; min-height: 241px; }*/ .maagar-haklatot-page .content-title { background-color: rgb(48, 152, 207); color: #ffffff; display: inline-block; font-size: 23px; padding: 5px 20px; } .maagar-haklatot-page .content-info { margin: 20px 0px; } .maagar-haklatot-page .content-main .form-itur-haklatot label { margin-left: 12px; } .maagar-haklatot-page .content-main .input-search { width: 312px; height: 34px; padding: 0 10px; } .maagar-haklatot-page .content-main .select-classroom { width: 98px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-field-of-knowledge { width: 218px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-study-units { width: 98px; /* height: 34px;*/ } .maagar-haklatot-page .content-main .select-language-speakers { width: 216px; /* height: 34px;*/ } @media (max-width: 767px) { /* override 375px */ .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { border: 0 !important; padding: 0 !important; margin-bottom: 20px; width: 50%; } } @media (max-width: 991px) { /* override 768 */ /*.maagar-haklatot-page select { background-size: 10px; }*/ .maagar-haklatot-page label { margin: 10px; } .maagar-haklatot-page .content-info { font-size: 18px; margin-bottom: 45px; } .maagar-haklatot-page .content-main .input-search { margin-bottom: 20px; width: 100%; } .maagar-haklatot-page .content-main .form-actions { text-align: left; margin: 20px 0; width: 100%; } .maagar-haklatot-page .content-main .select-classroom, .maagar-haklatot-page .content-main .select-field-of-knowledge, .maagar-haklatot-page .content-main .select-study-units, .maagar-haklatot-page .content-main .select-language-speakers { width: 100%; } .maagar-haklatot-page .content-main .flex-input-container { flex-wrap: wrap; } .maagar-haklatot-page .content-main .flex-input-wrapper { flex: 40%; } /* ovverride */ /*.maagar-haklatot-page .content-main .flex-input-wrapper label { line-height: 1; }*/ .maagar-haklatot-page .content-info { justify-content: center; padding: 10px; } .maagar-haklatot-page .content-header .icon.note-feather { display: none; } } @media (max-width: 767px) { /* override 768 */ .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { font-size: 21px !important; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { flex-wrap: wrap; justify-content: center; } } .maagar-haklatot-page .content-main .button-primary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; font-size: 24px; width: 132px; } .maagar-haklatot-page .content-main .button-primary:hover { background-color: rgb(45, 143, 196); } .maagar-haklatot-page .content-main .button-secondary { background-color: rgb(48, 152, 207); border-radius: 6px; color: #ffffff; cursor: pointer; height: 25px; font-size: 15px; width: 120px; } .maagar-haklatot-page .content-main .button-secondary:hover { background-color: rgb(45, 143, 196); } .maagar-haklatot-page .content-main .button-clear { background-color: transparent; color: rgb(48, 152, 207); cursor: pointer; padding: 0; text-decoration: underline; margin-left: 10px; } /*Start Icons*/ .maagar-haklatot-page .icon { background-repeat: no-repeat; background-size: 100%; background-position: center; display: inline-block; } .maagar-haklatot-page .video { background-image: url(/images/icon-video.svg); width: 25px; height: 23px; margin-left: 15px; } .maagar-haklatot-page .video-screen { background-image: url(/images/icon-video-screen.svg); width: 43px; height: 39px; } .maagar-haklatot-page .video-lights { background-image: url(/images/icon-video-lights.svg); width: 45px; height: 45px; } .maagar-haklatot-page .video-projector { background-image: url(/images/icon-video-projector.svg); width: 39px; height: 43px; } .maagar-haklatot-page .chevron-left { background-image: url(/images/icon-chevron-left.svg); width: 4px; height: 8px; } .maagar-haklatot-page .note-feather { background-image: url(/images/copyright_icon.png); width: 32px; height: 47px; flex-shrink: 0; } /*End Icons*/ .maagar-haklatot-page .content-main .details-haklatot { padding-right: 10px; } .maagar-haklatot-page .content-main .details-haklatot:not(:first-child) { margin-top: 29px; border-top: 1px solid rgba(112, 112, 112, 0.5); } .maagar-haklatot-page .content-main .details-haklatot .details-footer { text-align: left; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { text-align: right; color: var(--title-color); } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:last-child) { padding-left: 10px; border-left: 1px solid rgba(112, 112, 112, 0.5); } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item:not(:first-child) { padding-right: 10px; } .maagar-haklatot-page .content-main .details-haklatot .details-header { margin-top: 27px; margin-bottom: 17px; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { margin-bottom: 25px; } .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { color: rgb(48, 152, 207); font-size: 20px; } /*Start Pagination*/ /*.maagar-haklatot-page .content-main .centered-pagination { text-align: center; margin-top: 78px; margin-bottom: 45px; } .maagar-haklatot-page .content-main .pagination { display: inline-block; } .maagar-haklatot-page .content-main .pagination a { color: #666564; float: left; padding: 4px 16px; text-decoration: none; border: 1px solid #ddd; /* margin: 0 4px; } .maagar-haklatot-page .content-main .pagination a:first-child { border-radius: 5px 0 0 4px; } .maagar-haklatot-page .content-main .pagination a:last-child { border-radius: 0 4px 4px 0; } .maagar-haklatot-page .content-main .pagination a.active { background-color: rgb(48, 152, 207); color: white; border: 1px solid rgb(48, 152, 207); } .maagar-haklatot-page .content-main .pagination a:hover:not(.active) { background-color: #ddd; } .maagar-haklatot-page .content-main .pagination .pagination-next, .maagar-haklatot-page .content-main .pagination .pagination-prev { opacity: 0.76; font-size: 13px; }*/ /*End Pagination*/ /* override */ .maagar-haklatot-page .recordings-multiselect .multiselect-parent { width: 100%; } .maagar-haklatot-page .recordings-multiselect .multiselect-parent .btn-multi-select { display: block; height: 36px; padding: 0 10px; /* border: 1px solid #CCCCCC;*/ /* border-radius: 0;*/ background-color: #fff; width: 100%; font-size: 16px; font-family: "Assistant"; background: var(--select-bg); background-repeat: no-repeat; /* background-position: 4px 13px;*/ } .maagar-haklatot-page .recordings-multiselect ul.dropdown-menu { max-height: 300px; } .maagar-haklatot-page form .recordings-multiselect .multiselect-parent .btn-multi-select .caret { display: none; } .maagar-haklatot-page .recordings-multiselect label { font-size: 16px; margin: 5px 0 0 0; } .maagar-haklatot-page .recordings-multiselect label input[type=checkbox] { /*margin-top: 6px;*/ /* because of the font size is 18 and not 16 */ height: auto; } @media (min-width: 1200px) { #left_col[role=main] .maagar-haklatot-page .narrow-dropdown ul.dropdown-menu-form, #left_col[role=main] .maagar-haklatot-page .select-study-units ul.dropdown-menu-form { min-width: initial; /*width: 100px;*/ } } .maagar-haklatot-page .content-main .button-clear { vertical-align: bottom; } .maagar-haklatot-page .note-feather { width: 25px; height: 42px; flex: 0 0 25px; margin: 2px 5px 0 5px; } .maagar-haklatot-page .content-info { margin-top: 15px; } .maagar-haklatot-page .content-header .note-container { flex-wrap: unset; } .maagar-haklatot-page .content-info p { margin: 0; } .maagar-haklatot-page .content-main .input-search { min-height: unset; height: 36px; border: var(--select-border); } .maagar-haklatot-page .content-main { margin-top: 15px; } .maagar-haklatot-page { font-size: 16px; } .maagar-haklatot-page .results-title { align-self: flex-start; } .maagar-haklatot-page .content-title { font-size: 22px; padding: 6px 20px; margin: 0; min-height: 40px; } .popXtn .maagar-haklatot-page .resltsDataContainer { border-top: none; border-right: none; border-left: none; } .maagar-haklatot-page .content-main .button-secondary { /*border-radius: 6px; color: #ffffff; cursor: pointer; height: 25px;*/ font-size: 16px; /*font-weight: 400;*/ /*width: 120px; transition: background-color 0.3s;*/ padding: 2px 12px; line-height: 1.2; } @media (max-width: 991px) { .maagar-haklatot-page .recordings-delimiter { display: none; } .maagar-haklatot-page .flex-input-wrapper, .maagar-haklatot-page .content-main .input-search { margin-bottom: 15px; } .maagar-haklatot-page .flex-input-wrapper label { margin-right: 0; } } @media (min-width: 992px) { .maagar-haklatot-page .content-main .select-study-units { width: 114px; } .maagar-haklatot-page .content-main .input-search { max-width: 280px; } .maagar-haklatot-page .ui-select-container { min-width: 280px; } } @media (max-width: 767px) { .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item { margin-bottom: 5px; width: 100%; text-align: right; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table { margin-bottom: 5px; display: block; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item div { display: inline-block; } .maagar-haklatot-page .content-main .details-haklatot .details-haklatot-table .details-haklatot-item .bold:after { content: ":"; margin-right: -3px; } } .maagar-haklatot-page label.no-wrap { white-space: nowrap; } .maagar-haklatot-page .ui-select-search { font-family: Assistant; } .maagar-haklatot-page .content-main .select-field-of-knowledge { min-width: 250px; } .maagar-haklatot-page button.btn-multi-select { letter-spacing: initial; } .maagar-haklatot-page .dropdown-menu > li > a { padding-right: 10px; padding-left: 10px; } .maagar-haklatot-page .dropdown-multiselect .dropdown-header { padding-right: 10px; padding-left: 10px; } .maagar-haklatot-page .recordings-multiselect .multiselect-parent .btn-multi-select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; } .maagar-haklatot-page .video { vertical-align: middle; } .maagar-haklatot-page .content-main .details-haklatot .details-header h3 { display: inline-block; color: var(--title-color); margin-top: 0px; } .maagar-haklatot-page .details-haklatot-table.ltr .details-haklatot-value { direction: ltr; } .maagar-haklatot-page .details-description.ltr { direction: ltr; } .maagar-haklatot-page .clear-btn { display: inline-block; } .hishtalmuyot-veyemey-hasifa-container { box-shadow: none !important; background-color: transparent !important; } .hishtalmuyot-dropdown-header { margin: 13px 0 10px; padding: 7px 13px 12px; background-color: #edf5fa; } .hishtalmuyot-dropdown-header img { height: 10px; width: 10px; vertical-align: middle; } .hishtalmuyot-dropdown-header button { background-color: transparent; border: none; font-size: 20px; color: #337ab7; vertical-align: middle; font-weight: bold; } .hishtalmut-item:not(:first-of-type) { font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; margin-top: 15px; } .hishtalmuyot-list { max-width: fit-content; } .bold-text { font-weight: bold; } .more-info img { width: 10px; height: 10px; margin-right: 3px; margin-top: -1px; } @media (max-width: 1190px) { .hishtalmut-item { display: flex; flex-direction: column; } .item-image-container { order: -1; } } /* override */ .hishtalmut-item:last-of-type { padding-bottom: 0; border-bottom: none; } .page-intro .trainging-title { margin-top: 0; font-size: 18px; } .collapse-items-container.ltr .hishtalmut-item .col-lg-6.item-text, .collapse-items-container.ltr .hishtalmut-item .col-lg-6.item-image-container { float: left; } @media (max-width: 1190px) { .collapse-items-container .hishtalmut-item .item-image-container { padding-right: 0; padding-left: 0; } .collapse-items-container .hishtalmut-item .item-image-container { margin-bottom: 15px; } } .collapse-items-container .hishtalmut-item .item-text { padding-right: 0; padding-left: 0; } .page-component-edu.conferences-component .conferences-container { background-color: white; padding: 15px; position: relative; min-height: 202px; } .page-component-edu.conferences-component .conferences-container .container-content { padding: 0 15px; width: 100%; } .page-component-edu.conferences-component .conferences-container .comp-title-container h4 { margin: 0; } /**/ .page-component-edu.conferences-component .edu-info-boxes-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; min-height: 326px; background-color: var(--grey-background); margin-top: 18px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item:last-of-type { flex-grow: 0; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: 147px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-title { font-size: 20px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { list-style: none; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list a { color: inherit; font-weight: 600; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link { color: #2c7094; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-img { width: 6px; height: 10px; margin-right: 7px; } /*START BASIC NEEDS*/ .conferences-component .show-in-mobile { display: block; } .conferences-component .modal .modal-title { display: inline-block; color: #1d5c7e; font-size: 22px; } .conferences-component .modal .btn-modal-close { background-color: #1d5c7e; color: #fff; font-size: 22px; } /*END BASIC NEEDS*/ /*START MEDIA QUERY*/ @media (min-width: 992px) { .conferences-component .hide-in-desktop { display: none; } .page-component-edu.conferences-component .edu-info-boxes-grid.three-cols .edu-info-boxes-item { flex: 0 1 31.748%; margin-left: 2.033%; } .page-component-edu.conferences-component .edu-info-boxes-grid.three-cols .edu-info-boxes-item:nth-child(3n + 0) { margin-left: 0px; } .page-component-edu.conferences-component .edu-info-boxes-grid.two-cols .edu-info-boxes-item { flex: 0 1 48.75%; margin-left: 2.5% } .page-component-edu.conferences-component .edu-info-boxes-grid.two-cols .edu-info-boxes-item:nth-child(2n + 0) { margin-left: 0px; } } /*END MEDIA QUERY*/ /* override */ .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-img { width: 100%; height: auto; max-width: none; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item { min-height: initial; padding: 0; border-radius: var(--item-radius); } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-text { font-size: 16px; } .page-component-edu.conferences-component .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-text-container { padding: 10px; } .conferences-component.ltr .conference-text-rtl { text-align: left; } .conferences-component .conference-text-rtl { text-align: right; } .conferences-component .container-content .more-less-container { width: 100%; margin-top: 15px; } .conferences-component.ltr ul { list-style-image: url(/images/icons/Arrow-Link-List-ltr.png); } .conferences-component ul { list-style-image: url(/images/icons/navigation-blue-side.svg); } @media (min-width: 992px) { .conferences-component.ltr .edu-info-boxes-grid.three-cols .edu-info-boxes-item { margin-right: 2.033%; margin-left: 0; } .conferences-component.ltr .edu-info-boxes-grid.three-cols .edu-info-boxes-item:nth-child(3n + 0) { margin-right: 0; } .conferences-component.ltr .edu-info-boxes-grid.two-cols .edu-info-boxes-item { margin-right: 2.5%; margin-left: 0; } .conferences-component.ltr .edu-info-boxes-grid.two-cols .edu-info-boxes-item:nth-child(2n + 0) { margin-right: 0; } } .page-component-edu.conferences-component .conferences-container .container-content{ padding:0px; } @charset "UTF-8"; /*@import "variables.scss";*/ @media (max-width: 991px) { .StripHeader { position: static; } .bottom { padding-bottom: 40px; } } @media (max-width: 767px) { .bottom { padding-bottom: 0; } } /*.ContainerRadioButtns { width: 403px; }*/ .modal-dialog { margin-bottom: 60px; } /*.InfoBannerBox .ImgBanner { max-height: 165px; }*/ @media (max-width: 768px) { .dropdown-content { left: 15px; } } @media (max-width: 991px) { .ContainerSearch.InquiriesAndServicing, .ContainerSearch.Administrative, .BoxDropdownContent { display: block; } .MessagesBottom { height: 35px; } .ColLoginAndSearch .navbar-toggle { margin-left: -15px; } } .DetailsIcon img { width: auto; } .navbar-form { padding: 0; margin: 0; } .ContainerListMessage .Title { color: black; } .InquiriesAndServicing .ContainerLogin, .AdministrativeSpace .ContainerLogin { min-width: 10px; } .SearchOptionsBox { z-index: 999; } img.profile { width: auto; } #search_field { width: 100%; } .CloseSearch { width: auto; } .btn-default { border-radius: var(--item-radius); } nav.profile { float: right; width: 100%; } .StripMain.AdministrativeSpace .BoxTitlepage .Title { background-color: rgb(48, 152, 207); } /*.HeaderMenu nav > ul > li.Active > a, .HeaderMenu nav > ul > li > a:focus, .HeaderMenu nav > ul > li > a:hover, a.active { background-color: #BEC8D2 !important; }*/ a.profile { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } a.ButtonSearchOptions { display: flex; gap: 5px; } a.ButtonSearchOptions img { width: 15px; } header.show.affix { position: relative !important; } .ContainerCredit > a:not(:first-child) { margin-right: 4px; padding-right: 8px; border-right: var(--footer-font-color) solid 1px; } li.profile { margin-bottom: 0; } .NavMenuMobil .nav > li > a:link, .NavMenuMobil .nav > li > .li-menu > a:link { -webkit-tap-highlight-color: transparent; } /*.TopMenu ul li.active, .TopMenu ul li:first-child a .ContentLinkLi:hover, .NavMenuMobil .nav > li:first-child > a:hover, .NavMenuMobil .nav > li:first-child > a:active { background-color: #1E2B35; } .TopMenu ul li:nth-child(2).active, .TopMenu ul li:nth-child(2) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(2) > a:hover, .NavMenuMobil .nav > li:nth-child(2) > a:active { background-color: #71A240; } .TopMenu ul li a .ContentLinkLi:hover, .TopMenu ul li:nth-child(3), .TitleSpace.Administrative.pop, .NavMenuMobil .nav > li:nth-child(3) > a:hover, .NavMenuMobil .nav > li:nth-child(3) > a:active { background-color: #3098CF; } .TopMenu ul li:nth-child(4).active, .TopMenu ul li:nth-child(4) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(4) > a:hover, .NavMenuMobil .nav > li:nth-child(4) > a:active { background-color: #1E2B35; } .TopMenu ul li:nth-child(5).active, .TopMenu ul li:nth-child(5) .ContentLinkLi:hover, .NavMenuMobil .nav > li:nth-child(5) > a:hover, .NavMenuMobil .nav > li:nth-child(5) > a:active { background-color: #92518D; } .TitleSpace.Administrative.pop > a > div { color: #fff; } .TopMenu ul li.active, .TopMenu ul li:last-child a .ContentLinkLi:hover, .NavMenuMobil .nav > li:last-child > a:hover, .NavMenuMobil .nav > li:last-child > a:active { background-color: #DF943B; }*/ .TopMenu ul li:nth-child(3) { background-color: var(--header-hover); } .TopMenu ul li.active, .TopMenu ul li .ContentLinkLi:hover, .NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:active { background-color: var(--header-hover); } .ContainerTotalSearch .BoxTotalItem .SucTitle a { /* color: #3098CF;*/ display: inline-block; } .Containerpagination .pagination > .active > a, .Containerpagination .pagination > .active > a:focus, .Containerpagination .pagination > .active > a:hover, .Containerpagination .pagination > .active > span, .Containerpagination .pagination > .active > span:focus, .Containerpagination .pagination > .active > span:hover { color: var(--pagination-active-color); font-weight: 600; background-color: transparent; } /*.StripMain.AdministrativeSpace aside { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) !important; } */ /*.StripMain.AdministrativeSpace .search-learn-container aside { min-height: 346px; }*/ /*@media (max-width:767px) {*/ /*.StripMain.ProfessionalSpace aside,*/ /*.StripMain.AdministrativeSpace aside { min-height: 1px; } }*/ .popXtn .ltr .pre-text .pre-text-info { /* for left to right */ display: inline-block; } .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: grey !important; } .form-control.has-error::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #e62626 !important; } .form-control.has-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e62626 !important; opacity: 1; } .form-control.has-error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e62626 !important; opacity: 1; } .form-control.has-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e62626 !important; } .form-control.has-error::-ms-input-placeholder { /* Microsoft Edge */ color: #e62626 !important; } .myIdeaCmpnt .divContainerButtons { float: left; } .page-component-edu.popXtnCmpnt .page-panel .link-with-img div.text { color: rgb(51, 51, 51); } .page-component-edu.popXtnCmpnt .page-panel .myIdeaTeaserBnnr .link-with-img .text-container.myIdeaText a.title, .page-component-edu.popXtnCmpnt .page-panel .myIdeaTeaserBnnr.link-with-img div.text { color: #fff; } .ltr.popXtnCmpnt a.btn.btn-default.smallBtn { margin-right: 8px; margin-left: 0; } .popXtn .srch-panel.srchFilterTopics { background-color: rgb(224, 238, 245); } @media (min-width: 768px) { .popXtn .container1:not(.ltr) .pre-text .pre-text-info { display: inline; } } @media (min-width: 992px) { .teaching-materials-ctrl.knowledge-field .row.free-search .input-search { width: 50%; } .teaching-materials-ctrl.knowledge-field.rtl .row.search-filter .selectWrap { margin-right: 5px; } .teaching-materials-ctrl.knowledge-field .row.free-search .clearBtnWrap { margin-left: 0px; margin-right: 30px; } } .srchFilterTopics select, option { width: 100%; } .popXtn .srch-panel.srchFilterTopics .checkbox-inline { margin-right: 0; margin-left: 10px; } .popXtnCmpnt .engBanner .bannerImg { padding-bottom: 1px; /* fix for IE */ } .clearBtnWrap { padding-top: 15px; } .popXtn .courseNoticeWrapper .noticeIcon { display: initial; } .StripHeader { z-index: 1010; } .popXtn .checkbox-custom-label.checkbox-disabled { cursor: not-allowed; opacity: 0.6; } /*.popXtn .checkbox-custom { opacity: 1; position: absolute; width: 15px; height: 18px; }*/ .select-label { margin-top: 7px; } .popXtn .page-component-edu .link-with-img .text-container .item-name.courseItem h5 { outline: none; } .popXtn .btn.goBtn.darkBlue { text-align: center; } .popXtn .btn.goBtn.darkBlue:hover { color: #fff !important; opacity: 1; } .popXtn .clearBtnWrap a:link.clearBtn { text-decoration: underline !important; color: #23527c; } .slickSliderSlide.no-icon { padding-right: 0; background-image: none; } .popXtn .ContainerItemInfo .ItemInfo div { margin-bottom: 0; } .popXtn .ContainerItemInfo .ItemInfo div.row { margin-bottom: 8px; } .page-component-edu .link-with-img .text-container .item-name { white-space: normal; } .popXtn a.ContainerPopularButton { margin-top: 5px; } .courseNoticeWrapper a { font-size: 18px; } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=true] { background-image: url(../images/icons/triangle-up.png); } .lecture-box-info .panel [data-toggle=collapse][aria-expanded=false] { background-image: url(../images/icons/triangle-down.png); } .lecture-box-info a.Collapse[data-toggle=collapse] { background-image: url(../images/icons/triangle-up.png); } .TopMenu ul li { width: 20%; } .ContainerLogoEducationOffice .Logo { background-image: url(../images/logo-serv-education-office.png); /* Fix 13-11-2017 */ width: 189px; /* Fix 13-11-2017 */ } .broadcast-search-space { margin-bottom: 48px; } .broadcast-search-space label { font-size: 16px; } .broadcast-item h5 { margin-top: 0; color: #3098CF; } .popXtn .search-broadcast-erea .btn-group, .popXtn .search-broadcast-erea .btn-group > .btn:first-child { width: 100%; text-align: right; } .popXtn .search-broadcast-erea .boxMultiSelect { /*margin-bottom: 20px;*/ min-height: 36px; /*padding: 0 10px;*/ font-size: 16px; } @media (max-width: 991px) { .popXtn .search-broadcast-erea .boxMultiSelect { padding: 0; } } /*.popXtn .search-broadcast-erea .btn-group .btn {*/ /* border-radius: 0;*/ /*border-color: #a9a9a9;*/ /*}*/ .popXtn .search-broadcast-erea .btn-group .caret { float: left; margin-top: 9px; } .radio label, .checkbox label { padding-right: 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: var(--combo-option-hover) !important; color: var(--text-color); text-decoration: none !important; } .dropdown-menu > li > a { font-size: 14px; } .dropdown-menu > li { margin-bottom: 0; } .search-time-erea .form-control { min-height: 36px; } .broadcast-item-bottom { margin-top: 10px; } .search-time-erea { padding-top: 0; } input[type=checkbox][disabled] ~ label { opacity: 0.7 !important; cursor: not-allowed; } @media (max-width: 480px) { .slickSliderSlide.quote .slideText, .slickSliderSlide.videoClip .slideText, .slickSliderSlide.no-icon .slideText, .slickSliderSlide.no-icon .slideTitle { margin-right: -25px !important; margin-top: 10px !important; } } /*@media (max-width: 767px){ .teacher-pic { display: block; margin-left: auto; margin-right: auto; max-width: 150px; margin-top: 20px; } }*/ /* A smaller margin between hours and text */ .calendar-content-row .calendar-hours { padding-left: 0 !important; } .calendar-content-row .calendar-content-item { padding-right: 15px !important; } .calendar-content-item h5 { margin: 0px; } .calendar-content-item h6 { margin-top: 0px; } .links-with-imgs.big ~ .links-with-imgs.big { border-top: 1px solid #E2E2E2; } .popXtn .link-with-img.courseItemBox { border-top: none; } .broadcast-item-bottom { margin-top: 10px; } @media (min-width: 992px) { .academy-slick .row.page_component.try-gallery .item.first a .try-overlayicon p:last-child { min-height: 0 !important; } } .page-component-edu .lecture.main-content h2 { font-size: 24px; padding-top: 0; } .page-component-edu .lecture.main-content h2.lecture-padding { padding-top: 10px; } .nowrap { white-space: nowrap; } /* .popXtn .main-content .courseInfo { color: #3098CF; }*/ .fc-today span:before { height: 34px; width: 34px; margin-top: -7px; } .popXtn .link-with-img.courseItemBox { border-top: 1px solid #E2E2E2; } .links-with-imgs.big ~ .links-with-imgs.big { border-top: none; } .popXtn .btn.goBtn.registration-btn { padding: 2px 12px; } .upcoming-broadcasts .broadcast-date-section .listing { border-top: none; } .upcoming-broadcasts .broadcast-date-section .date-broadcast + .listing { border-top: 1px solid #E2E2E2; } /*.broadcast-date-section { margin-bottom: 0; }*/ .broadcast-item-bottom .ContainerButtons { margin-right: 0; } .live-broadcast { box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; } .live-broadcast iframe { height: 100% !important; } @media (max-width: 425px) { .lecture .devider-gray { margin-right: 0; } } .page-component-edu .page_component .broadcastItemBox .big-img-container { margin-right: 0; margin-left: 0; } .page-component-edu .page_component .listing-with-icons .broadcastItemBox .big-img-container { margin-right: 15px; margin-left: 15px; } .line { border-top: 1px solid #E2E2E2; padding: 20px 0; } .listing .links-with-imgs:first-child .link-with-img.line { padding-top: 0px; border-top: none; } .line-space { border-top: var(--line-between-items); padding-top: 20px; } .space { padding: 0 20px; } .listing .links-with-imgs:first-child .link-with-img.line-space { padding-top: 0px; border-top: none; } .search-broadcast-erea .form-control { min-height: 36px; border: 1px solid #a9a9a9; } /*, lectuar-search-space-form ul*/ .search-broadcast-erea ul, .outstanding-and-gifted-form ul { border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; left: 0px; margin-right: 0 !important; margin-top: 0; border-radius: 0; max-height: 300px; overflow: auto; } .search-broadcast-erea ul li a, .outstanding-and-gifted-form ul li a { font-size: 16px; margin-top: 5px; } .search-broadcast-erea .dropdown-menu > .active > a, .search-broadcast-erea .dropdown-menu > .active > a:hover, .search-broadcast-erea .dropdown-menu > .active > a:focus, .page-component-edu .search-broadcast-erea li.active a:hover, .search-broadcast-erea .btn-default { background-color: #f5f5f5; /**/ color: rgb(85, 85, 85) !important; cursor: pointer; } .search-broadcast-erea .btn-default, .containerCourseSearch .btn-default, .search-broadcast-erea .btn-default:active:focus, .containerCourseSearch .btn-default:active:focus { background-color: white; } .broadcast-calendar-space .dropdown-multiselect label { font-size: 16px; } .dropdown-menu { padding-top: 0; } @media (max-width: 560px) { .update-diary { margin-top: 0; } .ask-lecturer { margin-bottom: 10px; } .search-time select { padding: 3px; } } .popXtn .ContainerItemInfo.vod { margin-bottom: 0px; } .tours-space .listing { border-top: 0; } .tours-space .page-component-edu .page_component.main-content { box-shadow: none; } /*.video-description { margin-bottom: 25px; }*/ .page-component-edu.live-broadcast .main-content { padding-bottom: 5px; } @media (min-width: 768px) and (max-width: 991px) { .gallery4 img { height: auto !important; } } @media (max-width: 425px) { .gallery4 .image { height: 260px; } .try-gallery .item img { width: 100% !important; height: auto !important; } } /*@media (min-width: 426px) { .video-description { margin-top: -20px; } }*/ .checkboxCustomContainer div:first-child .checkboxCustomWrap { width: auto; } .role-search-space .checkboxCustomContainer div:first-child .checkboxCustomWrap { width: 48px; } @media (max-width: 600px) { .tours-space .lecture-description { margin-top: 10px; } } @media (max-width: 767px) { .popXtn .btn.goBtn.trip-button { margin-top: 0; } section.content.tours-space .home-container .row.home-row h2 { width: 100%; } } .caret.trip-name-caret { float: left; border-top: 11px dashed #c7c7c7 !important; border-right: 6px solid transparent; border-left: 6px solid transparent; background-position: center; top: 19px; left: 9px; padding-left: 0; position: absolute; cursor: pointer; } .lecture.page_component.main-content { padding-bottom: 28px; } /*li:focus, .btn:active:focus, .btn:focus, .btn:active, a:focus { outline: none; }*/ .page-component-edu.tours-space .main-content h2 { font-size: 24px; padding: 0; } section.content .box-recommendation h2 { margin-top: 0; } .tours-space .ContainerItemInfo { margin-bottom: 0; } @media (min-width: 601px) { .tours-space .main-content .image-lecture { margin-bottom: 20px; } } .box-recommendation { margin-bottom: 0; border-radius: var(--item-radius); } .dropdown-menu > li { overflow: hidden; } @media (max-width: 991px) { .image-lecture { padding-right: 0; } } @media (max-width: 767px) and (min-width: 600px) { .image-lecture { margin-right: 0; } } @media (max-width: 600px) { .page-component-edu .main-content .image-lecture { margin: 0px 16px; } } @media (max-width: 425px) { .trip-tours-space .lecture-description { margin-right: -15px !important; margin-left: -25px !important; } } /* START TODO - REMOVE after profile change */ ol { line-height: 1.4 !important; } .search-broadcast-erea ol { line-height: 0.8 !important; } .social-search-space label { font-size: 16px; } .social-search-space.role-search-space label { font-size: 18px; } .social-search-space .socialMultiselect .dropdown-menu label { margin-top: 0px; padding-right: 20px; } /*check if i had to do it yisca*/ /*@media (min-width: 900px) { #left_col[role=main] ul.pagination.rolePagination { width: 50%; margin-right: 40%; } }*/ /*check if i had to do it yisca*/ /*@media (max-width: 767px) and (min-width: 400px) { .InfoBannerBox .ImgBanner { height: 295.5px; } } @media (max-width: 400px) { .InfoBannerBox .ImgBanner { height: 165px; } }*/ @media (min-width: 900px) { .InfoBannerBox .ImgBanner { height: 165px; } } .role-search-space .select-grade-erea { margin-top: 5px; } .role-search-space .search-col-left { padding-left: 16px !important; padding-top: 0px !important; } .popXtn .slickSliderSlide .slideText { font-style: normal; } .rec-role-erea { padding: 30px 30px 10px 30px; } .search-main a.hipus.btn.btn-primary { height: 55px; } .ltr.popXtnCmpnt a.btn.btn-default.smallBtn { padding: 1px 5px 1px 8px !important; } /*.social-main .listing { margin-bottom: 0px; }*/ /*.overlay-text { padding-bottom: 10px; }*/ .banner-main { margin-bottom: 20px; } .banners-strip .banner-main h3 { margin-top: 0; } .banners-strip { padding-bottom: 0px; } .articles-wrapper .articles-links-container { margin-bottom: 0; } .links-list { /*padding-top: 8px !important;*/ padding: 0 !important; margin: 0 !important; } .articles-links-container.no-top-padding { padding-top: 0; } .three-long-title .TitleInfo { min-height: 56px; } .three-long-title .InfoBannerBox .TitleInfo { font-size: 17px; line-height: 17px; } nav.quick-links-wrapper { float: none; } .TitleBar { padding: 0; } .StripTitleBar { padding-top: 178px; } @media (min-width: 992px) and (max-width: 1199px) { .popXtn .academy-slick .try-gallery.gallery3 .image .galleryReadMore, .popXtn .academy-slick .try-gallery.galleryTopics .image .galleryReadMore { position: absolute; } } .item-time-wrap span { margin-right: 0px; } .item-time-wrap img.broadcast-icon { margin-bottom: 0px; } /*start kinder garten*/ .kinder-garden.search button { font-size: 16px; } /*.popXtn .kinder-garden.search .btn-group .btn { border-radius: 0; border-color: #a9a9a9; }*/ .popXtn .kinder-garden.search .btn-group .caret { float: left; margin-top: 9px; } .popXtn .kinder-garden.search .boxMultiSelect { /*margin-bottom: 20px;*/ min-height: 36px; /*padding: 0 10px;*/ font-size: 16px; } /*@media (min-width:992px) { .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 0; } }*/ /*.kinder-main-slider .slick-prev, .kinder-main-slider .slick-next { outline: none; }*/ .kinder-slider .slick-prev, .kinder-slider .slick-next { transform: translate(0, -50%); } .page-component-edu .page_component.main-content.kinder-garden { max-width: none; } .kinder-garden-title .page_component.main-content { max-width: none; } .kinder-garden-content { margin-bottom: 48px; } .popXtn .kinder-garden.search .btn-group, .popXtn .kinder-garden.searc .btn-group > .btn:first-child { width: 100%; } /*@media (max-width:991px) { .kinder-slider .slick-prev, .kinder-slider .slick-next { top: 50%; } }*/ .search-materials.page-component-edu .page_component .resltsDataContainer { border: solid #fff 15px; margin: 0; } .search-materials .materials-results .listing:last-child { border-bottom: none; } @media (max-width: 991px) { .search-materials .materials-results .listing:first-child { border-top: none; } } .kinder-garden-title .page_component.main-content { max-width: none; } .page-component-edu .main-content.kinder-garden.search { max-width: none; } .search-materials { max-width: none; } .kinder-garden-form { margin-left: 15px; margin-right: 15px; } /*@media(min-width: 992px) { .kinder-garden.search .search-materials-inner { padding-right: 10px; } }*/ .kinder-garden.search .form-control { min-height: 36px; border: 1px solid #a9a9a9; } .kinder-garden.search .RowButtns { margin-top: 25px; } .academy-advance-search.advance-search { text-decoration: none; } .kinder-garden.search .btn-default { color: rgb(85, 85, 85); } .popXtn .ContainerTitlePage.kinder-garden-title { margin: 0px 0px 20px 0px; } @media (min-width: 992px) { .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption { max-width: 50%; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-img-wrap { max-width: 50%; } } .ltr .opened-list.listing.section .pre-text-info span { /* todo - change on site.css row 4713*/ float: none !important; } .academy-advance-search .adv-search-link { text-decoration: underline; } /*.slick-slider.kinder-main-slider ul.slick-dots li.slick-active button { color: rgb(48, 152, 207); opacity: 0.75; width: 100%; height: 100%; background: rgb(48, 152, 207); border-radius: 50%; opacity: 1; }*/ /*.page-component-edu .main-content.kinder-garden.search*/ .page-component-edu .page_component.main-content.kinder-garden { padding-top: 0px; } .page-component-edu .page_component.main-content.kinder-garden.kinder-garden-item { padding-top: 19px; } .kinder-garden-form .clearBtnWrap.search-btn-wrapper a { display: inline-block; } .kinder-garden .box-recommendation dl.additional-properties .dl-row.left { padding-right: 0px; margin-right: 25px; } .slick-slider.kinder-main-slider .item-inner-wrap .slide-caption p, .kinder-garden .lecture-description p, .outstanding-and-gifted .lecture-description p { margin: 0px; } .kinder-garden .lecture-description { margin-top: 12px; } .kinder-garden-content.ltr img.reading-link-icon { transform: rotate(180deg); } @media (max-width: 991px) { .kinder-garden.kinder-garden-item dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: none; } } @media (max-width: 991px) { .kinder-garden.search .search-col-field:last-child { margin-bottom: 20px; } } /*.page-component-edu a:focus { color:#fff!important; }*/ .page-component-edu.kinder-garden .main-content .kinder-slider .item.slick-current .slide-caption p { display: block; } .page-component-edu.kinder-garden-content { background-color: white; } .kinder-garden.search .RowButtns .clearBtnWrap { margin-left: 20px; } .kinder-garden.search .RowButtns .ContainerButtons { text-align: left; width: auto; } .kinder-garden.search .RowButtns { display: flex; align-items: flex-end; padding: 0; margin: 0; justify-content: flex-end; } .kinder-garden-form div.open-advance-collapse, .kinder-garden-form div.close-advance-collapse { color: rgb(44, 112, 148); } .kinder-garden.search .RowButtns .ContainerButtons #SearchMterials { width: auto !important; border-radius: 5px; padding: 4px 40px; } @media (max-width: 991px) { .kinder-garden.search .search-btn-wrapper { display: block; } .kinder-garden.search .RowButtns .ContainerButtons { padding: 0; } } @media (min-width: 992px) { .kinder-garden.search .RowButtns .ContainerButtons { padding-left: 15px; padding-right: 0px; } } .kinder-garden.search .search-col-field label { margin-top: 5px; } /*end kinder garten*/ .search-broadcast-erea .academy-advance-search.advance-search a { display: inline-block; } /* Start Practices */ .practice-search .search-col-field label { margin-top: 5px; } .practice-search .search-col-field label { font-size: 16px; } .practice-search-result .listing { margin-top: 0; border-bottom: 1px solid #E2E2E2; padding: 17px 0 0; } .practice-search-result .listing:last-child { border-bottom: none; } dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc span.practice-time img { width: 17px; height: 20px; } @media (max-width: 991px) { /* .parctices-item .parctices-item-description { padding-bottom: 15px; }*/ .parctices-item-description dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { max-width: none; } } @media (min-width: 992px) { .parctices-item-page .page_component.main-content { padding: 16px; } } @media (max-width: 991px) { .practice-search .search-btn-wrapper { display: block; } } @media (max-width: 991px) { .practice-search .search-col-left { padding-top: 0 !important; } } .teaching-practices-container .banner-text p { display: inline; } .teaching-practices-container .banner-text a { color: #e2e2e2; } .teaching-practices-container .banner-text-wrapper .banner-text span { margin-right: 0; } .teaching-practices-container .banner-text-wrapper .banner-text img { margin-left: 15px; } .teaching-practices-container .banner-text-wrapper { padding-left: 10px; } .teaching-practices-container .banner-mask { min-height: 245px; border-radius: var(--item-radius); } @media (min-width: 992px) { .teaching-practices-proffisonal-dev .practice-subject-item, .teaching-practices-proffisonal-dev .practice-subject-item.left { padding-bottom: 12px; } /*.teaching-practices-container .banner-bg { height: 245px; }*/ .teaching-practices-proffisonal-dev .subject-items-wrap { padding-bottom: 18px; } /*.teaching-practices-proffisonal-dev .proffisonal-dev-title { padding-top: 0; }*/ } /*.teaching-practices-proffisonal-dev { padding-top: 16px; }*/ @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item, .teaching-practices-proffisonal-dev .practice-subject-item.left { padding-left: 12px; padding-right: 12px; } } .practice-search .search-btn-wrapper a { cursor: pointer; } .teaching-practices-container.ltr .banner-text-wrapper { padding-right: 10px; padding-left: 23px; } .teaching-practices-container.ltr .banner-text-wrapper h3.banner-title { margin-right: 15px; margin-left: 0; } .teaching-practices-container.ltr .banner-text-wrapper .banner-text img { margin-right: 15px; margin-left: 0; } .teaching-practices-container.ltr .banner-text-wrapper .banner-text span { margin-left: 0; } /*.teaching-practices-proffisonal-dev .practice-subject-item .title-practice h3 { color: rgb(51, 51, 51); font-weight: 600 !important; margin-bottom: 5px; }*/ .teaching-practices-proffisonal-dev .text-practice p { margin: 0; } @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: auto; min-height: 85px; } } .no-border, .social-main .no-border { border: none; } @media (max-width: 991px) { .search-col-field .col-md-7 { padding: 0; } } @media (min-width: 426px) { .parctices-item-page .box-recommendation { margin-left: 0; } } @media (min-width: 768px) { .image-practice-wrap { padding-left: 0; } } dl.additional-properties .dl-row { margin-bottom: 0; } .dl-inner-wrap { margin-bottom: 8px; } .page-component-edu .main-content .main-image-overlay { background: var(--stock-search-bg) !important; padding: 7px 20px !important; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .multi-collapse.collapse.in { margin-bottom: 20px; } /*@media (max-width: 991px) { .search-col-field:last-child { margin-bottom: auto; } }*/ @media (max-width: 991px) { .three-columns .columnTitle.TwoColumns { height: unset; min-height: initial; padding-top: 15px; } } .popXtn .courseItemInfo .rsltsDataItem { padding: 0 0 0 24px; } .popXtn .courseItemInfo.vod .rsltsDataItem { padding: 0 0 0 14px; } .search-broadcast-erea .dropdown-menu > li > a { padding-right: 10px; padding-left: 10px; } .practice-search .search-broadcast-erea .dropdown-menu li label > span { display: flex; } .practice-search .search-broadcast-erea .dropdown-menu li label > span > span { /*text-overflow: ellipsis;*/ white-space: initial; overflow: hidden; } .teaching-practices-container .banner-bg { background-size: auto; border-radius: var(--item-radius) } @media (max-width: 991px) { .teaching-practices-container .banner-bg, .teaching-practices-container.ltr .banner-bg { max-width: 100%; width: auto; background-size: auto; background-position: left bottom; min-height: 580px; margin: 12px; } } @media (max-width: 991px) { .teaching-practices-container { flex-direction: column; } } .popXtn .resltsDataContainer .rsltsDataItem span { padding-left: 8px; } .popXtn .resltsDataContainer .rsltsDataItem { padding-right: 0; padding-left: 0; margin-left: 12px; } .popXtn .resltsDataContainer .rsltsDataItem strong { padding-left: 8px; padding-right: 0; } .popXtn .resltsDataContainer .rsltsDataItem strong:last-child { padding-left: 12px; } .popXtn .resltsDataContainer .rslts-title { padding-left: 12px; } .teaching-practices-container { box-shadow: none; } @media (max-width: 991px) { .teaching-practices-container .container-content-media.embed { min-height: initial; height: auto; } .teaching-practices-container .container-content, .teaching-practices-container .container-content-media { flex: auto; } .container-content-media .newspaper-img { height: auto; } } @media (max-width: 991px) { .teaching-practices-container .container-content-media .media-iframe { background-position: center; } } .teaching-practices-container .container-content { padding-bottom: 24px; } .teaching-practices-proffisonal-dev .proffisonal-dev-title { padding-top: 0; } .parctices-item-page .box-recommendation { margin-top: 20px; margin-bottom: 15px; } @media (min-width: 992px) { .teaching-practices-container .container-content-media { height: 261px; padding-bottom: 20px; } } .parctices-item-page .lecture-description { margin: 0 0 20px; } @media (max-width: 991px) { .parctices-item-page .lecture-description { margin: 0 !important; padding: 0 0 5px; } .parctices-item-page .image-practice { padding-left: 5px; padding-right: 5px; } } .page_component.main-content.parctices-item-page .video-erea, .page_component.main-content.parctices-item-page img { margin-top: 8px; } .parctices-item-page .video-erea { max-width: 100%; width: auto; margin: 0 auto; margin-bottom: 20px; } @media (max-width: 991px) { .parctices-item-page .practice-text-container { padding-right: 15px; padding-left: 15px; } .parctices-item-page .box-recommendation { margin-right: 15px; margin-left: 15px; } } .parctices-item-page .image-area { margin-bottom: 20px; } .parctices-item-page .practice-text-container img { width: auto; max-width: 100%; display: block; margin: 0 auto; } /* End Practices */ .HeaderMenu nav { background-color: #e9eef3; } .kinder-garden-content.search-materials.page-component-edu .page_component .resltsDataContainer, .outstanding-and-gifted-content.search-materials.page-component-edu .page_component .resltsDataContainer { border-bottom: none; } /*start outstanding-and-gifted*/ .page-component-edu.outstanding-and-gifted-content .main-content.outstanding-and-gifted { max-width: none; } /*.outstanding-and-gifted-form { margin-left: 15px; margin-right: 15px; }*/ /*.outstanding-and-gifted-content { margin-bottom: 48px; }*/ .page-component-edu.outstanding-and-gifted-content .courseItemInfo .rsltsDataItem { padding-right: 0px; } .popXtn .outstanding-and-gifted-content .btn-group, .popXtn .outstanding-and-gifted-content .btn-group .btn { width: 100%; } .popXtn .outstanding-and-gifted-content .btn-group .btn { text-align: right; /* border-radius: 0;*/ border-color: #a9a9a9; font-size: 16px; color: rgb(85, 85, 85); } .popXtn .outstanding-and-gifted-content .btn-group .caret { float: left; margin-top: 9px; } @media (min-width: 992px) { .practice-main-content-container { margin-bottom: 15px; float: right; } } @media (max-width: 991px) { .teaching-practices-proffisonal-dev .practice-subject-item .title-practice { height: auto; min-height: 85px; } /*.NavMenuMobil .AdministrativeSpace ul.nav li ul li a.active { background-color: #d8e6f3; }*/ } .outstanding-and-gifted-content .box-recommendation { margin: 0 auto; } .outstanding-and-gifted-title .page_component.main-content { max-width: none; } .popXtn .ContainerTitlePage.outstanding-and-gifted-item-title { margin: 0px 0px 20px 0px; } .page-component-edu.outstanding-and-gifted-content { background-color: white; } @media (min-width: 992px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 15px; } } @media (max-width: 991px) { .outstanding-and-gifted .outstanding-and-gifted-form .comp-title-container { margin-bottom: 21px; } } .main-content.outstanding-and-gifted .outstanding-and-gifted-form .search-col .form-control { min-height: 36px; border: 1px solid #a9a9a9; } @media (max-width: 991px) { .outstanding-and-gifted .outstanding-and-gifted-form .search-col-field:last-child { margin-bottom: 20px; } } .outstanding-and-gifted .outstanding-and-gifted-form .input-search .form-control { min-height: 36px; border: 1px solid #a9a9a9; } /*end outstanding-and-gifted*/ .page-component-edu .main-content.kinder-garden.search { padding-top: 0px; } @media (max-width: 1199px) and (min-width: 992px) { .outstanding-and-gifted .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 130px; } } .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .clearBtnWrap { margin-left: 20px; } .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons #SearchMterials { width: auto !important; border-radius: 5px; padding: 4px 40px; } @media (min-width: 992px) and (max-width: 1199px) { .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons { padding-left: 28px; padding-right: 0px; } } @media (min-width: 1200px) { .outstanding-and-gifted .outstanding-and-gifted-form .RowButtns .ContainerButtons { padding-left: 24px; padding-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .search-label-wrap { min-width: unset; } .main-content.outstanding-and-gifted .search-col-field { padding-left: 33px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-content.outstanding-and-gifted .search-col-field .col-md-9 { padding: 0; max-width: 195px; margin-right: 3px; } } /*@media (max-width: 1199px)and (min-width: 992px) { .main-content.outstanding-and-gifted .search-materials-inner .input-search { padding-left: 35px; } }*/ .outstanding-and-gifted-form .search-col-field label { margin-top: 5px; } .popXtn .main-standart-content.ltr .ContainerTitlePage h1.title { float: left; } .popXtn .main-standart-content.ltr .ContainerTitlePage a.ContainerPopularButton { float: right; } .HeaderMenu nav ul li ul a { color: #175575; } /* Start NavMenuMobil */ /*.NavMenuMobil { display: none; }*/ /* Mobile */ .NavMenuMobil ul.nav { background-color: #385167; margin: 0px -15px; } .NavMenuMobil ul.nav a { font-size: 16px; color: #fff; } /*.NavMenuMobil .nav > li > a:hover, .NavMenuMobil .nav > li > a:focus { background-color: #283948; }*/ .NavMenuMobil .nav > li { border-bottom: 1px solid #6284A5; } /*.ContainerTitlePortal a { text-decoration: none; color: #000; } .ContainerTitlePortal .Title .Line { margin-left: 5px; margin-top: -6px; }*/ .NavMenuMobil .AdministrativeSpace ul.nav { background-color: #fff; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .AdministrativeSpace .nav > li > a { padding: 10px 10px 10px 15px; } .NavMenuMobil .AdministrativeSpace .nav > li { border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace .navbar-collapse { border-top: 0; } /*header.AdministrativeSpace { padding-bottom: 0px; }*/ .NavMenuMobil .AdministrativeSpace ul.nav li ul { width: 100%; list-style-type: none; padding-right: 0px; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li a { text-decoration: none; display: block; padding: 10px 30px; border-bottom: 1px solid #D8D8D8; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li:last-of-type a { border-bottom: none; } .NavMenuMobil .AdministrativeSpace ul.nav li ul li.LastChild a { border-bottom: 0; } .NavMenuMobil .AdministrativeSpace ul.nav li ul:first-child { border-top: 1px solid #D8D8D8; } li.SubMenu .glyphicon.glyphicon-menu-down { float: left; } .BoxGeneralMessages .GeneralMessages { width: 100%; } .NavMenuMobil .AdministrativeSpace ul.nav a { color: #333; } .NavMenuMobil .nav > li { width: 100%; } .NavMenuMobil .AdministrativeSpace .nav > li > a.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu > a.nav-mobil-text:hover::before, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu > a.nav-mobil-text:focus::before, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.active, .NavMenuMobil .AdministrativeSpace .nav li ul li a.active, .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:hover, .NavMenuMobil .AdministrativeSpace ul.nav li ul li a:focus { background-color: #edf5fa !important; /* ebf2f9 eef2f7 */ /*font-weight: bold;*/ } .NavMenuMobil .AdministrativeSpace .nav > li > a.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.active, .NavMenuMobil .AdministrativeSpace .nav > li > .li-menu.parent-active, .NavMenuMobil .AdministrativeSpace .nav li ul li a.active { font-weight: bold; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul { margin: 0 0 0 0; padding: 0 0 0 0; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu a:link { -webkit-tap-highlight-color: transparent; } .NavMenuMobil .AdministrativeSpace .nav .SubMenu .ContentSubMenu ul li, .NavMenuMobil .AdministrativeSpace .nav .SubMenu { margin-bottom: 0; } @media (max-width: 991px) { .NavMenuMobil { display: block !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-nav { float: none !important; } } @media (min-width: 768px) { .navbar-collapse.in { overflow-y: visible; } } @media screen and (max-width: 991px) and (min-width: 768px) { .StripMain .container, header .container, .container { width: 100%; } } /* Mobile */ /* End NavMenuMobil */ /*useful-art-content */ .useful-art-content { margin-bottom: 48px; background-color: white; } .useful-art-content form { margin-left: 15px; margin-right: 15px; } .page-component-edu .main-content.useful-art { max-width: none; } .page-component-edu.useful-art-content .page_component .broadcastItemBox .big-img-container { margin-right: 15px; margin-left: 15px; } .main-content.useful-art .search-materials-inner .input-search { padding-left: 45px; } @media (max-width: 991px) { .main-content.useful-art .search-materials-inner .input-search { margin-bottom: 0px; } .main-content.useful-art .search-col-field { margin: 15px 0 0; } .main-content.useful-art .search-col-field .col-md-9 { margin-left: 1px; } .main-content.useful-art .search-col-field.row.RowButtns { margin-top: 20px; } } @media (max-width: 1199px) { .main-content.useful-art .search-materials-inner .input-search { padding-left: 0px; } .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin-bottom: 10px; margin-top: 5px; } } @media (min-width: 1200px) { .main-content.useful-art .search-col-field .col-md-9 { margin-right: 0px; max-width: 272px; padding-left: 5px; } .main-content.useful-art .search-col-field .col-md-9 .form-control { max-width: 272px; } .main-content.useful-art .search-col-field .search-label-wrap { width: 80px; min-width: 80px; } .main-content.useful-art .search-col-field .col-md-9 div#learningEnvironment { margin-right: 20px; } } .main-content.useful-art .search-col-field label, .main-content.useful-art .search-col-left .search-col-field .search-label-wrap label { margin-top: 5px; margin-right: 2px; } @media (max-width: 425px) { .page-component-edu.useful-art-content .page_component .broadcastItemBox .big-img-container { margin-bottom: 0px !important; } } .popXtn .useful-art-content .resltsDataContainer .showingRslts { padding-right: 0px; } .search-materials.useful-art-content .materials-results .listing:first-child { padding-top: 0px; } .popXtn .useful-art .ContainerItemInfo { margin-bottom: 0px; } .page-component-edu:not(.not-shaped).useful-art-content .comp-title-container h4 { margin-right: 0px; } .page-component-edu .main-content.useful-art { padding-top: 0px; } /*useful-art-content */ .calendar-left-scoll-content { overflow-y: auto; overflow-x: hidden; height: 305px; } .broadcast-calendar-space .col-md-6.calendar-left-content { overflow-y: hidden; height: auto; } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content { font-size: 20px; color: var(--title-color); } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content h4 { font-size: 20px; margin-top: 0px; } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content.vod-title-calendar { font-size: 18px; /*color:rgb(44,112,148);*/ } .broadcast-calendar-space .col-md-6.calendar-left-content .title-calendar-content.vod-title-calendar h5 { font-size: 18px; line-height: 1.42857143; margin-top: 0px; /*color:rgb(44,112,148);*/ } @media (max-width: 991px) { .calendar-left-scoll-content { height: auto; } } .broadcast-calendar-space .calendar-content-row { margin-bottom: 10px; } /*lecturer css*/ #left_col[role=main] .srchLecturer .typeahead-lecturer ul { margin-right: 0px; } /*.search-lectuar-erea .search-col-left { padding-top:0px!important; }*/ .page-component-edu.lecturers .links-with-imgs.big { padding-right: 15px; padding-left: 15px; } /*.page-component-edu.lecturers .resltsDataContainer .comp-title-container h3{ margin-right:0px; }*/ /*.lectuar-search-space-form .lecturer-search-button { width: 100%; }*/ /*.lectuar-search-space-form .search-lectuar-erea .search-col-field label { margin-top: 5px; }*/ .popXtn .srch-panel.srchLecturer { margin: 0px; } /*lecturer css*/ /*.page-component-edu.ltr .lecture.page_component.main-content.vod-box .col-md-8 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .col-md-4 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .col-md-8 { float: left; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .col-md-4 { float: left; } .ltr .future-box .col-md-2, .ltr .future-box .col-md-4, .ltr .future-box .col-md-6, .ltr .future-box .col-md-10 { float: left; } .ltr .vod-box .col-md-2, .ltr .vod-box .col-md-4, .ltr .vod-box .col-md-6, .ltr .vod-box .col-md-10 { float: left; }*/ /*ltr academy broadcast css*/ .page-component-edu.ltr .lecture.vod-box .lecture-description h2, .page-component-edu.ltr .lecture.vod-box .lecture-description p { text-align: left; } /*.lecture.vod-box .info-side { width: 100%; }*/ .page-component-edu.ltr .future-box .col-md-6.side-info-lecture.pull-left .col-md-4, .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4 { float: left; } .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4, .page-component-edu.ltr .vod-box .col-md-6.pull-left.info-side .ItemInfo .col-md-4 { /*/to do remove padding or set width for regular mobile*/ } .page-component-edu .lecture.page_component.main-content.vod-box .col-md-6 { padding-right: 0px; } @media (max-width: 425px) { .page-component-edu.ltr .lecture.vod-box .lecture-description .lecture-description1 { padding-left: 15px; } } /*.page-component-edu.ltr .lecture.vod-box .lecture-description*/ @media (max-width: 991px) { .page-component-edu.ltr .lecture.page_component.main-content .collapse-container .read-more { margin-left: 15px !important; } .page-component-edu.ltr .lecture.page_component.main-content.future-box .collapse-container .read-more { margin-left: -15px !important; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box { padding-left: 20px; padding-right: 40px; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .video-erea { padding-left: 20px; } .page-component-edu.ltr .lecture.page_component.main-content.vod-box .row.ContainerTitlePage { margin-left: -20px; } } @media (min-width: 992px) { .page-component-edu.ltr .lecture.page_component.main-content .col-md-6 { padding-left: 0px; } .page-component-edu.ltr .lecture.recording-broadcast.page_component.main-content .col-md-6 { padding-left: 15px; } .page-component-edu.ltr .lecture.page_component.main-content .row.lecture-description .row.col-xs-12 { padding-left: 0px; } } .page-component-edu.ltr .future-box .lecture-description .row.col-xs-12 { padding-left: 0px; } .page-component-edu.ltr .future-box .but-lecture-erea { float: left; text-align: left; padding-left: 0px; padding-right: 0px; } @media (min-width: 426px) and (max-width: 991px) { .page-component-edu.ltr .future-box .but-lecture-erea .update-diary { margin-top: 15px; } } @media (max-width: 425px) { .page-component-edu.ltr .future-box .but-lecture-erea .ask-lecturer { width: 140px; text-align: left; } } @media (max-width: 670px) { .page-component-edu.ltr .future-box .but-lecture-erea .update-diary { float: left; } } @media (min-width: 992px) { .page-component-edu.ltr .future-box .but-lecture-erea { width: 75%; /*margin-right: 35px;*/ } .page-component-edu.ltr .future-box .to-register-button { width: 21%; } .popXtn .page-component-edu.ltr .future-box .btn.goBtn { font-size: 22px; } /*.popXtn .page-component-edu.ltr .future-box .btn.goBtn { width: 16.66666667%; }*/ } .page-component-edu.ltr .future-box .date-and-time { padding-left: 15px; } .popXtn .page-component-edu.ltr .future-box .ContainerTitlePage h1.title, .popXtn .page-component-edu.ltr .vod-box .ContainerTitlePage h1.title { float: left; } .lecture.vod-box .ContainerItemInfo.vod .img-vod-box { padding-right: 0px; padding-left: 0px; } @media (max-width: 600px) { .page-component-edu.ltr .lecture.vod-box .ContainerItemInfo.vod .img-vod-box { padding-left: 15px; } } @media (max-width: 425px) { .page-component-edu.ltr .lecture.future-box .side-info-lecture { padding-left: 15px !important; } } /*ltr academy broadcast css*/ /* Start Study Program Tabs */ .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.file-extension { width: 25px; height: 27px; margin-left: 12px; } .knowledge-field.ltr .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.file-extension { margin-right: 12px; margin-left: 0; } /*.page-component-edu.ltr .future-box .col-md-6.side-info-lecture.pull-left { padding-left: 0px; }*/ .age-group-components .squares-tabs .material-teaching-title .areaTitle, .knowledge-field.teaching-materials-ctrl .title-wrap .areaTitle { padding-left: 20px; } /*.read-more-text { display: flex; align-items: center; }*/ .knowledge-field .panel .tab-content .read-more-text img { width: 8px; height: 14px; object-fit: contain; } .knowledge-field .read-more-text .collapsed-text-container { display: flex; align-items: center; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .read-more-text a span { margin-right: 0; margin-left: 6px; color: #3098CF; font-size: 17px; font-weight: 400; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span, .knowledge-field .age-group-components .panel .read-more-text .collapsed-text { margin-right: 0; color: #337ab7; font-size: 17px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item.link-list a span { margin-right: 15px; color: #474747; font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span.collapsed-text, .knowledge-field .age-group-components .panel .tab-content .read-more-text .collapsed-text { margin-right: 0; margin-left: 6px; color: #3098CF; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin-right: 15px; text-align: end; } .ltr.knowledge-field .age-group-components .panel .tab-content .read-more-text .collapsed-text { margin-right: 6px; margin-left: 0; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a.collapsed-text-container img { /*width: auto; height: auto;*/ object-fit: contain; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a.collapsed-text-container img.collapsed, .knowledge-field .age-group-components .panel .tab-content .tab-content-wrap .content-inner .collapsed-text-container .collapse-arrow.collapsed { transform: rotate(180deg); } .knowledge-field .age-group-components .slick-list .slick-slide:focus { outline: none; } .ltr.knowledge-field .age-group-components .choose-class, .ltr.knowledge-field .age-group-components .squares-tabs timeline, .ltr.knowledge-field .age-group-components .timeline { direction: ltr; } .ltr.knowledge-field .age-group-components .squares-tabs .panel-body .row.headline .search-wrap .link-arrow, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img, .ltr.knowledge-field .age-group-components .posts-big-picture .read-more-text img, .ltr.knowledge-field .age-group-components .tab-header.timeline .read-more-text img { transform: rotateY(180deg); } .ltr.knowledge-field .age-group-components .squares-tabs .panel-body .row.headline .search-wrap a span { margin-right: 8px; margin-left: 0; } .ltr.knowledge-field .age-group-components .slick-list { direction: ltr; } .ltr.knowledge-field .age-group-components .slick-list .slick-slide, .ltr.knowledge-field .age-group-components .slick-list .slick-track { float: left; } .ltr.knowledge-field .age-group-components .panel.panel-default.squares-tabs .posts-grid .posts-inner-wrap .item a .post-details h4.title { margin-left: 11px; margin-right: 0px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { text-align: left; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link img { margin-right: 0; margin-left: 4px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-right: 5px; margin-left: 0; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { margin-right: 10px; margin-left: 0; } .ltr.knowledge-field .age-group-components .panel.panel-default.squares-tabs .posts-grid .posts-inner-wrap .item a .post-details .post-link { margin-right: 15px; margin-left: 15px; } .ltr.knowledge-field .age-group-components .row.headline .col-md-6.search-wrap { text-align: right; } /*.ltr.knowledge-field .panel.panel-default.choose-class .row.headline .search-col-field .col-md-12.select-wrap:after { background: url(../images/knowladge-field-dropdown.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 39px; height: 38px; background-color: #2C7094; background-repeat: no-repeat; background-size: auto; background-position: center; color: #434B67; pointer-events: none; }*/ .ltr.knowledge-field .age-group-components .panel.tabs { direction: ltr; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span.collapsed-text { margin-right: 6px; margin-left: 0; color: #3098CF; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .open-online a span { margin-left: 13px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons { margin-right: 0; margin-left: auto; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img.link-of-com { margin-right: 0; margin-left: 2px; transform: rotateY(180deg); } /*.ltr.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 0; margin-left: 15px; }*/ .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .read-more-text a span { margin-right: 6px; margin-left: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.goBtn.full-width span { margin-left: 12px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item.link-list a span { margin-left: 15px; margin-right: 0; } .ltr.knowledge-field .age-group-components .panel .nav.nav-tabs li { margin-left: 0; margin-right: 4px; } .ltr.knowledge-field .age-group-components .panel .nav.nav-tabs li:last-child { margin-right: 0; } .knowledge-field .age-group-components .collapsed-text-container .collapse-arrow { height: 5px !important; } section.content .knowledge-field .panel .panel-body .row.subjects-grid { margin-bottom: 15px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item .file-line a span { /*margin-right: 12px;*/ font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item .open-online a span { margin-right: 15px; } .knowledge-field .age-group-components .squares-tabs .title-wrap .title { padding-inline-end: 20px; } /*.knowledge-field.ltr .age-group-components .squares-tabs .title-wrap .title { padding-right: 20px; }*/ .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: auto; left: -25px; border-left: 2px solid #2C7094; border-top: 2px solid #2C7094; border-right: 0; border-bottom: 0; } .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: -25px; left: auto; border-left: 0; border-top: 0; border-right: 2px solid #2C7094; border-bottom: 2px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next { border-left: 0; border-top: 0; border-right: 5px solid #2C7094; border-bottom: 5px solid #2C7094; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider:hover .slick-prev { border-right: 0; border-bottom: 0; border-left: 5px solid #2C7094; border-top: 5px solid #2C7094; } @media (max-width: 991px) { .knowledge-field .age-group-components .search-col-field:last-child { margin-bottom: 10px; } .knowledge-field .read-more-text .collapsed-text-container { display: block; align-items: center; } .knowledge-field .collapsed-text-container .collapsed-text { margin-right: 0 !important; margin-left: 6px !important; color: #3098CF !important; } .knowledge-field .collapsed-text-container .collapse-arrow { /*width: 8px !important;*/ /*height: 14px !important;*/ /*height: 5px !important;*/ margin-right: 2px !important; /*object-fit: contain;*/ } .knowledge-field .collapsed-text-container .collapse-arrow.collapsed { transform: rotate(180deg); } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item a span { margin-right: 15px; color: #474747; font-size: 16px; } .ltr.knowledge-field .collapsed-text-container .collapsed-text { margin-right: 6px !important; margin-left: 0 !important; } /*section.content .ltr.knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse span { margin-left: 7px; margin-right: 0; right: 12px; }*/ .ltr.knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item a span { margin-left: 15px; margin-right: 0; } section.content .ltr.knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse img.link-of-com, .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { transform: rotateY(180deg); } .ltr.knowledge-field .age-group-components .tab-content-wrap .ContainerButtons .search-btn { text-align: initial; } /*section.content .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; }*/ /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.components-title { margin-bottom: 0; }*/ .knowledge-field .age-group-components .components-title .select-wrap .form-control { font-size: 18px !important; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: 100%; font-size: 22px; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .search-wrap { margin-bottom: 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-content-wrap.knowledge .content-item span { margin-right: 0; } section.content .ltr.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-content-wrap.knowledge .content-item span { margin-right: 0; } /*section.content .ltr.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse img.file-extension.link-icon { transform: rotateY(180deg); }*/ .knowledge-field .age-group-components .link-list .link-of-com, .knowledge-field .age-group-components .open-online img, .knowledge-field .age-group-components .detail-line .file-extension { margin-left: 7px; } .knowledge-field.ltr .age-group-components .link-list .link-of-com, .knowledge-field.ltr .age-group-components .open-online img, .knowledge-field.ltr .age-group-components .detail-line .file-extension { margin-right: 7px; margin-left: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { left: 0; } .knowledge-field.ltr .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-next, .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-prev { right: 0; } .knowledge-field .age-group-components .tab-content-wrap .ContainerButtons { max-width: 255px; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details .post-link { margin: 0 10px 5px auto; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field img.link-arrow { margin-left: 6px; margin-right: 0; } .ltr.knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap .search-col-field { text-align: right; } } .knowledge-field.item-page .age-group-components .choose-class.squares-tabs { margin-bottom: 0; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.choose-class .row.headline .title-wrap h2 { margin: 0; } .knowledge-field.teaching-materials-ctrl .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 17px; } #left_col .knowledge-field > .page-component-edu:not(:last-child), .age-group-components { margin-bottom: var(--space-between-components); } .knowledge-field .age-group-components .panel.tabs { border: none; /*border-radius: 0;*/ /*border-color: #d7d7d7;*/ border-width: 0px 1px 1px 1px; } .knowledge-field .age-group-components .panel.tabs .panel.tabs { border: none; padding: 0; } .knowledge-field .age-group-components .choose-class.squares-tabs > .panel-body.tabs { padding: 20px 18px 27px; } .knowledge-field .age-group-components .panel .nav.nav-tabs > li a { padding: 3px 0 0 0; color: black; height: 44px; } section.content .knowledge-field .page-component-edu.tabs-components .panel .panel-body, section.content .knowledge-field .page-component-edu.container-component .panel .panel-body { padding: 0; } /*@media (max-width: 991px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body.title-container { margin-bottom: 30px; } }*/ .knowledge-field.ltr .age-group-components .file-extension.link-icon { transform: rotateY(180deg); } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .ContainerButtons .btn.search-btn { height: 35px; padding: 2px 10px; } .knowledge-field .age-group-components .tab-content ul { font-size: 17px; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-next, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-prev { background-image: url(../images/left-arrow-timeline.png); left: -5px; right: auto; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-prev, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-next { background-image: url(../images/right-arrow-timeline.png); right: -5px; left: auto; } @media (max-width: 991px) { .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption .text-clamp { position: relative; /*max-height: 100px;*/ } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-next, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-prev { left: -1px; right: auto; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-prev, .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-next { right: -1px; left: auto; } } @media (min-width: 992px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .timeline-title { margin-bottom: 30px; } .knowledge-field .age-group-components .posts-big-picture .text-wrap { width: 100%; max-height: 129px; } } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption .slide-caption-text { max-height: 90px; width: auto; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption { position: relative; min-height: 77px; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { position: absolute; bottom: 6px; left: 0; } .knowledge-field.ltr .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link { right: 0; left: auto; } @media (max-width: 991px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption p { font-size: 16px; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption .slide-caption-text { max-height: 45px; } } @media (min-width: 992px) { .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slide-caption { position: relative; min-height: 107px; } .knowledge-field .age-group-components .posts-grid .post-details { position: relative; } .knowledge-field .age-group-components .posts-grid .post-details .post-link { position: absolute; bottom: 0; left: 0; } .knowledge-field.ltr .age-group-components .posts-grid .post-details .post-link { left: auto; right: 0; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption { height: 136px; min-height: 136px; } .knowledge-field .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption .high-sub-title { min-height: 50px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption.high-slide-caption { height: 179px; } .knowledge-field .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption { height: 155px; } } @media (min-width: 1200px) { .knowledge-field .posts-big-picture { min-width: 750px; } .knowledge-field .knowlage-slider { min-width: 750px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: auto; } } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption a { width: 100%; height: 100%; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-text h4 { white-space: nowrap; } .knowledge-field .age-group-components .posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { text-align: left; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-left: 14px; } .knowledge-field.ltr .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link span { margin-right: 20px; margin-left: 0; text-align: right; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption .post-link img { top: 6px; position: absolute; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery { margin-top: 45px; margin-bottom: 45px; } .knowledge-field .age-group-components .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption p, .knowledge-field .age-group-components .row.posts-big-picture .knowlage-slider .slick-slide .slide-caption h4 { font-size: 16px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .posts-big-picture .read-more-text a span { font-size: 18px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .posts-big-picture .read-more-text { padding-top: 25px; } .knowledge-field .age-group-components .knowlage-slider .slick-slider .slick-disabled { opacity: 0; /*0.6*/ pointer-events: none; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .text-clamp { font-size: 16px; } section.content .knowledge-field.ltr .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .text-clamp { text-align: left; margin-left: 7px; margin-right: 0; } .knowledge-field.ltr .age-group-components .posts-big-picture .knowlage-slider .slick-slide .slide-caption { text-align: left; } .knowledge-field.ltr .age-group-components .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap:after { left: auto; right: 0; } .knowledge-field.ltr .age-group-components .panel.panel-default.choose-class .row.headline .search-col-field .select-wrap .form-control { padding-left: 14px; padding-right: 45px; } @media (max-width: 991px) { /*section.content .panel.timeline .panel-group.collapsing-tabs .panel-collapse .panel-body,*/ section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body { padding: 0 0 20px; } section.content .knowledge-field .panel-group.collapsing-tabs .timeline .panel-collapse .panel-body, section.content .knowledge-field .panel.timeline .panel-group.collapsing-tabs .timeline .panel-collapse .collapse-panel-body { padding: 0 11px 20px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body .links { margin: 0 15px; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .collapse-panel-body .links .content-inner .content-item { display: flex; margin-bottom: 15px; } .knowledge-field .age-group-components .tab-header.timeline .read-more-text .collapsed-text-container { font-size: 17px; } } @media (max-width: 480px) { .knowledge-field .age-group-components .tab-header.timeline .read-more-text .collapsed-text-container { text-align: center; } } .knowledge-field .age-group-components .main-subjects-link .search-wrap { text-align: right; padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .main-subjects-link .search-wrap { margin-bottom: 0; } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.main-subjects-link { margin-bottom: 0; } } .ltr.knowledge-field .age-group-components .main-subjects-link .search-wrap { text-align: left; } .knowledge-field .age-group-components .main-subjects-link .search-wrap a { display: flex; align-items: center; justify-content: flex-start; } .knowledge-field .age-group-components .main-subjects-link .search-wrap a span { margin-left: 8px; /*color: #000000;*/ font-size: 16px; font-weight: 400; } .ltr.knowledge-field .age-group-components .main-subjects-link .search-wrap a span { margin-right: 8px; margin-left: auto; } .knowledge-field .panel ul.nav.nav-tabs { display: initial; } .knowledge-field .panel .nav.nav-tabs li { padding: 0 30px; } .knowledge-field .panel ul.nav.nav-tabs.wide-title { display: flex; } .knowledge-field .panel .nav.nav-tabs.wide-title li { padding: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { margin-right: 7px; margin-left: 7px; } /*.knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: auto; }*/ @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .post-details h4.title { font-size: 20px; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: 250px; border-end-start-radius: 0; border-start-end-radius: var(--item-radius); } } @media (min-width: 992px) { .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-gallery .knowlage-slider .slick-slide .slide-caption { max-width: 165px; } .knowledge-field .age-group-components .panel.panel-default.squares-tabs .panel-body .row.posts-grid .posts-inner-wrap .item a .img-wrap img { height: 144px; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner { width: 100%; } /*section.content .knowledge-field .age-group-components h2 { font-size: 20px; color: rgb(48, 152, 207); margin-top: 10px; }*/ .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner h2 { font-weight: 400 !important; color: #2C7094; font-size: 26px; } @media (max-width: 991px) { section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h3 > span, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h3, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h3 { font-size: 20px; color: #2C7094; font-weight: 400 !important; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h2 > span, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse h2, section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .content-item h2 { font-size: 22px; color: #2C7094; font-weight: 400 !important; } section.content .knowledge-field .age-group-components .panel .panel-group.collapsing-tabs .panel-collapse .detail-line span { color: #337ab7; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge .content-inner .content-item a, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills .content-inner .content-item a, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values .content-inner .content-item a { display: inline; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills .content-inner .content-item a.collapsed-text-container, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values .content-inner .content-item a.collapsed-text-container, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge .content-inner .content-item a.collapsed-text-container { display: flex; } .knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item ol { list-style: decimal; } .knowledge-field .panel .tab-content .row.tab-content-wrap.practice .content-inner .content-item { margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1024px) { .knowledge-field .tab-content-wrap .ContainerButtons .search-btn { width: 100% !important; } } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner .content-item div { color: #000000; font-size: 17px; margin: 0 0 5px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap .content-inner h3 { font-size: 22px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h3, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h3, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h3 { margin: 15px 0 10px; } .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h3:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.skills h2:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.values h2:first-child, .knowledge-field .age-group-components .panel .tab-content .row.tab-content-wrap.knowledge h2:first-child { margin-top: 0; } .knowledge-field .row.posts-big-picture:before { display: none; } .knowledge-field .row.posts-big-picture:after { display: none; } .knowledge-field .age-group-components .tab-panel { min-height: 100px; } /* End Study Program Tabs */ @media (max-width: 750px) { .parctices-item .parctices-item-description { /* padding-right: 30px; padding-left: 30px;*/ } } .teaching-materials-ctrl.knowledge-field .listing.section .info { padding-right: 15px; } .teaching-materials-ctrl.knowledge-field .listing.section .info.pull-left { padding-right: 0px; padding-left: 15px; } /*section.content .teaching-materials-ctrl.knowledge-field .ltr.panel .panel-body { padding: 15px 38px 20px 18px; }*/ .teaching-materials-ctrl.knowledge-field .panel.ltr .row.free-search .input-search { margin-left: 0px; margin-right: 54px; } .teaching-materials-ctrl.knowledge-field .panel.ltr .row.free-search .clearBtnWrap { margin-left: 0px; } section.content .teaching-materials-ctrl.knowledge-field .panel.ltr .panel-body .row .col-xs-6.search-wrap { text-align: right; } /*move to site.css*/ .tabs-jump-box { margin: 0; display: inline-flex; background: rgba(208, 227, 242, 0.48); padding: 7px 14px; align-items: flex-end; margin-top: 0px; } .knowledge-field .page-component-edu.split-media-content { margin: 0px; } .knowledge-field.item-page .split-media-content.ltr .inner-wrap .content-wrap { padding: 0px; } .knowledge-field .listing.section .info.listing-with-arrows .link-container i.fa { margin-right: 0px; } .listing .item .listing-with-arrows .text, .listing .item .listing-with-arrows > div, .knowledge-field .listing.section .info.listing-with-arrows .text { /*:not(a.arrow-img)*/ margin-right: 23px; } .teaching-materials-ctrl.knowledge-field .link-container span { background-image: url(/images/icons/navigation-blue-side.svg); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 5px; padding-right: 20px; font-size: 16px; font-weight: normal; } .teaching-materials-ctrl.knowledge-field .link-container.pull-left span { background-image: url(/images/icons/Arrow-Link-List-ltr.png); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; font-size: 16px; font-weight: normal; float: left; } .teaching-materials-ctrl.knowledge-field .opened-list .opened-item .pull-left.listing-with-arrows img.matrial-arrow { float: left; transform: rotateY(180deg); } .listing .item .pull-left.listing-with-arrows .text, .listing .item .pull-left.listing-with-arrows > div, .knowledge-field .listing.section .info.listing-with-arrows.pull-left .text { margin-left: 23px; margin-right: 8px; } .teaching-materials-ctrl.knowledge-field.ltr .resltsDataContainer { direction: ltr; } /*.knowledge-field.item-page .split-media-content .inner-wrap .media-wrap img { min-width: 452px; height: 216px; }*/ .knowledge-field.item-page .split-media-content .inner-wrap { padding-top: 0px; padding-right: 0px; padding-left: 0px; } .page-component-edu .page-component-edu.split-media-content { margin-bottom: 0px !important; } @media (max-width: 991px) { .page-component-edu.split-media-content .inner-wrap .media-wrap img.img-responsive { max-width: 100%; min-width: auto; height: auto; } } @media (max-width: 991px) { .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin-left: 0px; margin-right: 0px; padding-right: 14px; padding-left: 14px; } } @media (min-width: 360px) and (max-width: 380px) { .knowledge-field.item-page .split-media-content .data-list dl .headline dt, .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 120px; } } @media (max-width: 359px) { .knowledge-field.item-page .split-media-content .data-list dl .headline dt, .knowledge-field.item-page .split-media-content .data-list dl .content dd { min-width: 100px; } } .knowledge-field.item-page .split-media-content .inner-wrap.bottom-content { margin: 10px 0px 0px; border-radius: 4px; } .knowledge-field.item-page .split-media-content .inner-wrap { padding-bottom: 8px; } .teaching-materials-ctrl.knowledge-field .teaching-materials:not(:last-child) { margin-bottom: 48px; } .knowledge-field .listing.section .listing-with-arrows.info { width: 90%; } @media (max-width: 991px) { /*.teaching-materials-ctrl .row.search-filter .selectWrap label { margin-left: 10px; margin-right: 10px; }*/ .teaching-materials-ctrl.knowledge-field .row.free-search .input-search { margin-bottom: 0px; } } .teaching-materials-ctrl.knowledge-field .resltsDataContainer .showingRslts { margin-right: 5px; margin-left: 5px; } .teaching-materials-ctrl.knowledge-field.ltr .resltsDataContainer { border-left-width: 0px; } .knowledge-field.teaching-materials-ctrl .opened-list.listing.section { padding: 0px; } .knowledge-field.teaching-materials-ctrl .comp-title-container.search-rezult-title { padding-top: 15px; } .knowledge-field.teaching-materials-ctrl .opened-item { margin-top: 5px; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem { border-right: 1px solid #666; border-left: none; padding-right: 12px; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem:last-child { border-right: none; } .popXtn .teaching-materials-ctrl.ltr.knowledge-field .resltsDataContainer .rsltsDataItem span { padding-left: 0px; } .teaching-materials-ctrl.ltr.knowledge-field .srchFilterTopics.row.headline .search-col-field .col-md-12:after { left: unset; right: 5px; } section.content .page-component-edu .panel-body { padding: 0; } .item-page.knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit h3.about-title { margin-left: 18px; } .knowledge-field .age-group-components .panel.choose-class { margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .knowledge-field .age-group-components .tab-header { background-color: #f5f5f5; } @media (max-width: 991px) { .knowledge-field.item-page .page-component-edu.split-media-content.blue-teaching-unit .inner-wrap img.inside-content { margin-top: 10px; margin-bottom: 0px; } } .knowledge-field .page-component-edu.split-media-content.about.blue-teaching-unit .inner-wrap .link-btn-wrap a { padding: 4px 36px; } .knowledge-field .split-media-content.about.blue-teaching-unit .read-more:hover { opacity: 0.7; /*font-size: 17px;*/ /*text-shadow: 0.1px 0.1px;*/ /*//background: -webkit-linear-gradient(#fff, #fff);*/ /*background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ /*font-size: 17px;*/ } @media (max-width: 1199px) and (min-width: 992px) { .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-right: 16px; } } @media (max-width: 767px) { .knowledge-field .panel.panel-default.choose-class .row.headline .age-group-search .search-col-field { max-width: none; } } [hidden] { display: none !important; } /* bootstrap hack: fix content width inside hidden tabs */ .timeline > .collapse { display: block; /* undo display:none */ height: 0; /* height:0 is also invisible */ overflow-y: hidden; /* no-overflow */ } .timeline > .collapse.in { height: auto; /* let the content decide it */ } /* bootstrap hack end */ @media (min-width: 1200px) { .page-component-edu:not(.not-shaped) .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container { margin-bottom: 15px; } .ltr .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-left: -25px; } .page_component.knowledge-field .row.no-margin.links-wrap .image-wrap { margin-top: 68px; margin-bottom: 25px; } .page_component.knowledge-field .row.no-margin.links-wrap.pedagogic-of-no-title .image-wrap { margin-top: 20px; } .page_component.knowledge-field .row.no-margin.links-wrap.pedagogic-of-no-title .col-md-8 { margin-top: 20px; } } .page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap .link-items li { list-style-image: url(../images/icons/Arrow-Link-List-dark-LTR.png); list-style-position: outside; list-style-type: disc; background: none; padding-right: 8px; /*padding-left: 25px;*/ /*background: url(../images/icons/Arrow-Link-List-ltr.png) no-repeat top 7px right #fff;*/ } #left_col[role=main] .page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap ul.link-items { margin-right: 0px; margin-left: 22px; } /*.page-component-edu.ltr .page_component.knowledge-field .row.no-margin.links-wrap .comp-title-container h4 { margin-left: 18px; }*/ .ltr .page_component.knowledge-field .row.no-margin.links-wrap { margin-left: 15px; } .knowledge-field .page-component-edu.search-bar.fillter { background-color: white; } .popXtn .btn.goBtn.darkBlueNarrow:hover { color: #fff !important; } .broadcast-date-section.emergency { margin-bottom: 0px; } .page_component.knowledge-field.teaching-materials-ctrl .row.no-margin.links-wrap .link-items li { padding-right: 15px; } .popXtn .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label.disabled { color: gray; } .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .checkbox-group.style-checkbox .disabled input { border: 1px solid gray; } .teaching-materials-ctrl.ltr.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-right: 10px; margin-left: 0px; } @media (min-width: 992px) { .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper.col-md-7 .form-group.checkbox-group label { margin-left: 10px; margin-right: 0px; } .teaching-materials-ctrl.knowledge-field.rtl .row.search-filter .checkbox-wrapper .form-group.checkbox-group label.control-label { margin-right: 0px; } /*.popXtn teaching-materials-ctrl.ltr .row.search-filter .checkbox-wrapper .form-group.checkbox-group label*/ .teaching-materials-ctrl.knowledge-field .srchFilterTopics .title-wrap, .teaching-materials-ctrl .srchFilterTopics .row.search-filter, .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.free-search { padding-right: 0px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .title-wrap, .teaching-materials-ctrl.ltr .srchFilterTopics .row.search-filter, .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .row.free-search { padding-left: 0px; } .teaching-materials-ctrl.knowledge-field.ltr .row.search-filter .selectWrap label { margin-right: 5px; } } @media (max-width: 320px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 35%; } } @media (max-width: 500px) and (min-width: 321px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 30%; } } @media (max-width: 1199px) and (min-width: 501px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { width: 20%; } } @media (max-width: 1199px) { .popXtn .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap .form-control { max-width: none; } .teaching-materials-ctrl.ltr.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { margin-left: 0px; } .teaching-materials-ctrl.knowledge-field .srchFilterTopics .row.search-filter .selectWrap label { margin-left: 7px; } } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .clearBtnWrap { margin-right: 7px; } @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics.row.headline .search-col-field .col-md-12:after { left: unset; right: 2px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics.row.headline .search-col-field .col-md-12:after { width: 10px; height: 5px; } .teaching-materials-ctrl.knowledge-field .listing.section .info.pull-left { padding-left: 0px; } } #left_col.ltr .teaching-materials-ctrl.knowledge-field.ltr .opened-list.listing.section { padding-left: 25px; padding-right: 40px; } .teaching-materials-ctrl.ltr.knowledge-field .link-container.pull-left span { text-align: left; } .topics-fast-search .learn-subject .dropdown-menu > .active > a, .topics-fast-search .learn-subject .dropdown-menu > .active > a:hover, .topics-fast-search .learn-subject .dropdown-menu > .active > a:focus { background-color: rgb(30, 144, 255); color: white !important; } input.form-control.topics-auto-complete::-webkit-input-placeholder { opacity: 1; color: rgb(51, 51, 51) !important; } /*input.form-control.topics-auto-complete:disabled::-webkit-input-placeholder { color: grey !important; }*/ .topics-fast-search .learn-subject .dropdown-menu > li > a { font-size: 18px; color: rgb(51, 51, 51); } .topics-fast-search .form-control.topics-auto-complete { font-size: 18px !important; } @media (max-width: 680px) { .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 25px; top: 135px; } } @media (min-width: 992px) and (max-width: 1199px) { .topics-fast-search .learn-subject { width: 30%; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 170px; } } @media (min-width: 681px) and (max-width: 991px) { .home-learn-dlg.topics-fast-search .ma-lomdim { width: 40%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .search-main .learn-inputs select#edulevel { width: 30%; } .home-learn-dlg.topics-fast-search .learn-subject { width: 30%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .ma-lomdim h1 { width: 100%; } .main-pedagogic .search-main-erea.reverse .home-learn-dlg.topics-fast-search .search-main div.hipus { width: 100%; } .home-learn-dlg.topics-fast-search .reset-autocomplete { left: 25px; top: 23px; } /*.home-learn-dlg.topics-fast-search .learn-inputs #edulevel { width: 30%; }*/ } @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field .RowButtns.visible-xs.visible-sm { display: flex !important; align-items: flex-end; padding: 0; margin: 0; margin-top: 30px; justify-content: flex-end; width: 100%; } .teaching-materials-ctrl.knowledge-field .row.free-search .ContainerButtons { margin-right: 20px; } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .ContainerButtons { margin-right: 0px; } section.content .teaching-materials-ctrl.knowledge-field .ltr.panel .panel-body { padding: 10px 12px; } .teaching-materials-ctrl.knowledge-field.ltr .srchFilterTopics .title-wrap { margin-right: 2px; } .teaching-materials-ctrl.knowledge-field .srchFilterTopics .title-wrap { margin-left: 2px; } .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap img.inside-content { width: 100%; max-width: none; height: auto; } .knowledge-field .page-component-edu.split-media-content.main-subject-fields .inner-wrap .content-wrap { padding: 0px; margin-bottom: 0px; } .knowledge-field.item-page .page-component-edu.split-media-content.main-subject-fields .inner-wrap img.inside-content { margin: 0px; } } @media (min-width: 992px) { .knowledge-field.item-page .split-media-content.main-subject-fields .inner-wrap img.inside-content { width: 452px; height: 216px; max-width: none; } } @media (min-width: 1200px) { .main-subject-lable { width: 20%; } .ltr .main-subject-lable { width: 25%; } /*.popXtn .knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { width: 70%; }*/ .popXtn .knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { max-width: none; margin-right: 5px; } .popXtn .ltr.knowledge-field .row.search-filter .selectWrap .form-control.main-subject-select { margin-right: 0px; } } @media (max-width: 1199px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline { margin-bottom: 20px; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.main-subjects-link { margin-bottom: 0; } @media (min-width: 992px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline.components-title { margin-bottom: 30px; } } @media (max-width: 991px) { .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.age-group-search { margin-bottom: 0; } } .knowledge-field .panel.panel-default.squares-tabs .panel-body .row.headline .title.areaTitle { max-width: fit-content; font-size: 22px; margin: 0; } .knowledge-field .panel.panel-default.squares-tabs .panel-body .search-wrap.age-group-search { margin-bottom: 0; } /* Start Expanded Calendar */ .expand-calendar.quick-search-broadcast-erea { margin-right: auto; margin-left: auto; } .expand-calendar .title-search-broadcast { margin-right: auto; } .broadcast-calendar-tabs .expand-calendar .title-search-broadcast { margin-right: 0px; padding-right: 0px; } @media (max-width: 768px) { .broadcast-calendar-tabs .expand-calendar .title-search-broadcast { /*margin-right: 0px;*/ /*padding-right: 0px;*/ margin-top: 5px; } } @media (min-width: 992px) and (max-width: 1199px) { #left_col[role=main] .expand-calendar .narrow-dropdown ul.dropdown-menu-form { min-width: initial; width: 75px; } .popXtn .search-broadcast-erea .narrow-dropdown .btn-group { width: 75px; } } @media (min-width: 1200px) { #left_col[role=main] .expand-calendar .narrow-dropdown ul.dropdown-menu-form { min-width: initial; width: 100px; } .popXtn .search-broadcast-erea .narrow-dropdown .btn-group { width: 100px; } } .expand-calendar .search-btn { font-size: 18px !important; width: 100px !important; } .expand-calendar .text-right { text-align: right; } .expand-calendar .wide-btn { font-size: 18px !important; width: 210px !important; } .popXtn .btn.narrow-btn { padding: 2px 25px; } .page-component-edu a.share-btn:hover { color: white !important; } .expand-calendar { margin-bottom: 12px; } .expand-calendar .clearBtnWrap { padding-top: 0; } @media (max-width: 991px) { .expand-calendar .clearBtnWrap { display: inline; position: absolute; margin-top: 15px; margin-right: 30px; } } /* End Expanded Calendar */ .jssocials-share { margin-top: 0px; } .jssocials-share:last-child { margin-right: 15px; } .jssocials-shares { margin-top: 0px; } .fa-whatsapp:before { content: "\f232"; color: transparent; background-image: url(../images/icons/icons8-whatsapp-16.png); background-position: center; background-repeat: no-repeat; } @media (max-width: 425px) { .future-box .social-button, .future-box .btn.goBtn.darkBlueNarrow.real-time-live-link { max-width: 260px !important; } .page-component-edu .btn-primary.social-button { padding: 2px 0px; } } @media (max-width: 430px) { .future-box .emergancy-links .btn.goBtn.darkBlueNarrow, .page-component-edu .emergancy-links .btn-primary.social-button { width: 260px !important; } } @media (max-width: 991px) and (min-width: 430px) { .future-box .emergancy-links .btn.goBtn.darkBlueNarrow, .page-component-edu .emergancy-links .btn-primary.social-button { width: 336px !important; } } @media (max-width: 991px) { .future-box .btn.goBtn.darkBlueNarrow.real-time-live-link, .future-box .emergancy-links .btn.goBtn.darkBlueNarrow { margin-bottom: 5px; } } .vod-broadcast-item-bottom { margin-top: 32px; } .page-component-edu .main-content div .broadcast-link-container { margin-right: 15px; font-size: 16px; } .broadcast-link-container .broadcast-link { margin-top: 10px; } .page-component-edu a.darkBlueNarrow:focus, .page-component-edu a.jssocials-share-link:focus { color: #fff !important; } .popXtn .vod-emergency .ContainerItemInfo .ItemInfo div.row, .popXtn .schedulted-vod .ContainerItemInfo .ItemInfo div.row { margin-bottom: 2px; } /*.popXtn .teaching-materials-ctrl.knowledge-field .row.search-filter .checkbox-wrapper .form-group.checkbox-group label { margin-right:0px; }*/ .teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap label { margin-left: 0px; } .teaching-materials-ctrl.knowledge-field .row.free-search .input-search input { width: 100%; } .teaching-materials-ctrl.knowledge-field.rtl .row.free-search .ContainerButtons { margin-right: 10px; } .teaching-materials-ctrl.knowledge-field.ltr .row.free-search .ContainerButtons { margin-right: 0px; } .col-md-6.forms-buttons-section { padding-left: 0px; } /*.col-md-4.forms-buttons-section { padding-left: 0px; }*/ /*.teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap { margin-right: 5px; }*/ @media (max-width: 991px) { .teaching-materials-ctrl.knowledge-field .row.search-filter .selectWrap { width: 100%; } } .teaching-materials-ctrl.ltr .col-md-6.forms-buttons-section { padding: 0px; } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row.in-collapse { display: block; } /*.page-component-edu.teaching-units.ltr .panel.panel-default { padding: 20px 0px; }*/ } .blue-teaching-unit-text a.read-more, .blue-teaching-unit-text a.read-less, .blue-teaching-unit-text a:hover:focus.read-more, .blue-teaching-unit-text a:hover:focus.read-less { color: white !important; } @media (min-width: 991px) { .page-component-edu.teaching-units.ltr .panel.panel-default { padding: 30px 18px 30px 5px; } } .page-component-edu.recorded-lessons .panel.panel-default .comp-title-container h4 { margin: 12px 15px 0 15px; } .page-component-edu.recorded-lessons .panel.panel-default { padding: 0 0 15px 0; } .recorded-lessons.ltr .link-arrow { transform: rotateY(180deg); } .page-component-edu.recorded-lessons.ltr .panel.panel-default .items-wrap .item a:not(:last-child) { margin-left: 0; margin-right: 25px; } .page-component-edu.recorded-lessons.ltr .panel.panel-default .items-wrap .item a span { margin-right: 3px; margin-left: 0; } .teaching-materials-ctrl.knowledge-field.ltr { direction: ltr; } /*.knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin: 0 8px 0 0; }*/ /*.knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-left: 20px; margin-right: 0; }*/ @media (max-width: 991px) { .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator, .knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator { margin-right: 0; margin-left: 0; margin-top: 5px; } } .knowledge-field .teaching-materials .row.headline.srchFilterTopics .search-col-field .col-md-12:after { content: none; } .knowledge-field .teaching-materials .tabs-jump-box .tabs-jump .collapse-arrow { width: auto; height: auto; object-fit: contain; margin-right: 6px; max-width: 16px; } .teaching-practices-container.expertises .categories-indicators .item.physical-expertise span:before { background-color: #30B000; } .teaching-practices-container.expertises .categories-indicators .item.intra-personality span:before { background-color: #7F7597; } /* Expertise Modal */ .modal.expertises .modal-dialog .modal-content .red .modal-body .conteiner.details { background-color: rgba(236, 101, 62, 0.15); } .modal.expertises .modal-dialog .modal-content .orange .modal-body .conteiner.details { background-color: rgba(231, 145, 25, 0.24); } .modal.expertises .modal-dialog .modal-content .purple .modal-body .conteiner.details { background-color: rgba(127, 117, 151, 0.25); } .modal.expertises .modal-dialog .modal-content .green .modal-body .conteiner.details { background-color: rgba(48, 176, 0, 0.21); } .modal.expertises .modal-dialog .modal-content .red .modal-body .conteiner.details h3 { color: rgb(236, 101, 62); } .modal.expertises .modal-dialog .modal-content .orange .modal-body .conteiner.details h3 { color: rgb(231, 145, 25); } .modal.expertises .modal-dialog .modal-content .purple .modal-body .conteiner.details h3 { color: rgb(127, 117, 151); } .modal.expertises .modal-dialog .modal-content .green .modal-body .conteiner.details h3 { color: rgb(48, 176, 0); } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap .arrow-wrap { font-size: 14px; line-height: 20px; } .modal.expertises .modal-dialog .modal-content .modal-footer .inner-wrap .pagination-wrap a.action-wrap.next:last-child:after { content: none; } @media (max-width: 991px) { .modal.expertises .modal-dialog { width: 100%; margin: 47px auto; } } @media (min-width: 992px) { .modal.expertises .modal-dialog { width: 900px; margin: 77px auto; } } /*.units-search-container .search-units-erea .search-fields-wrap .search-field.small .select-wrap select { width: 84px; }*/ .expertises-items-wrap .item:hover .modal-btn { transition-duration: 0.1s; left: auto; right: 0; bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .expertises-items-wrap.wide-expertises .item:nth-child(1n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(2n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 0; } .expertises-items-wrap.wide-expertises { max-width: 435px; } } @media (max-width: 767px) { .expertises-items-wrap.wide-expertises { max-width: 276px; } .expertises-items-wrap.wide-expertises .item, .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 38px; } .expertises-items-wrap.wide-expertises .item:nth-child(2n) { margin-left: 0; } .expertises-items-wrap.inside-tabs { max-width: 235px; } } @media (min-width: 1200px) { .expertises-items-wrap.wide-expertises .item:nth-child(3n) { margin-left: 51px; } } .expertises-items-wrap.wide-expertises .item { max-height: 168px; height: 168px; } .knowledge-field .panel .tab-content .row.tab-content-wrap.skills { margin-bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-body { padding: 25px; } @media screen and (min-width: 992px) { .accessibility-container { position: relative; } } .accessibility-container span { font-size: 18px; color: var(--title-color); float: left; } .accessibility-container span:hover { text-decoration: underline; } .accessibility-container a.accessibility-toggle { display: flex; gap: 5px; } .accessibility-container img { width: 15px; } .accessibility-options { display: none; position: absolute; background: white; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000; list-style: none; left: 0; margin-inline-end: 0; text-align: start; white-space: nowrap; } .accessibility-options li { margin-bottom: 0px; padding: 5px 8px; } .accessibility-options a { display: block; margin-bottom: 5px; } /*.accessibility-toggle[aria-expanded="false"]:before { content: url('/images/icons/navigation-blue-side.svg'); } .accessibility-toggle[aria-expanded="true"]:before { content: url('/images/icons/navigation-blue-down.svg'); }*/ .accessibility-container .arrow { content: url('/images/icons/navigation-blue-down.svg'); margin: 12px 2px 0 0; } .accessibility-container a[aria-expanded="true"] .arrow { content: url('/images/icons/navigation-blue-down.svg'); transform: rotate(180deg); } .accessibility-mode button, .accessibility-mode a, .accessibility-mode a span, .accessibility-mode a div { text-decoration: underline !important; } .accessibility-options a { text-decoration: underline !important; } .accessibility-toggle.accessibility-link { text-decoration: underline !important; } .toggle-accessibility { background-color: none; } .accessibility-mode .toggle-accessibility { background-color: rgb(224, 238, 245); position: relative; padding-right: 18px; } .accessibility-mode .toggle-accessibility::before { content: '\2713'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #000; } .btn-link { color: var(--link-color); } .toggle-accessibility-btn { text-decoration: underline; } /*.ContainerRadioButtns { width: 480px; } .SearchOptionsBox .ContainerRadioButtns { width: 420px; } @media (max-width: 767px) { .ContainerRadioButtns { width: 100%; } } @media (max-width: 991px) { .SearchOptionsBox .ContainerRadioButtns { width: 100% !important; } }*/ .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link { padding-top: 11px; } .practices-expertises-lobby .teaching-practices-container.categories .expertises-items-wrap .cat-item-link a { display: inline; } .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link a img { display: initial; } .practices-expertises-lobby .teaching-practices-container.categories .cat-item-link a span { display: block; } .expertises-items-wrap .item .text-wrap { width: 100%; right: 0; bottom: 0; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.details { margin-bottom: 35px; } .modal.expertises .modal-dialog .modal-content .modal-body .conteiner.timeline .inner-wrap .step { min-height: 100px; } .modal.expertises .modal-dialog .modal-content .modal-header h2 { margin-top: 0; } li.personal-area a.active { background-color: var(--primary-btn-click-color); } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a { white-space: nowrap; display: flex; gap: 8px; background-color: var(--primary-btn-color); font-size: 18px; color: var(--primary-btn-text-color); line-height: 24px; padding: 4px 8px; box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); } .HeaderMenu .navs-wrapper nav.personal-area ul li.personal-area a img { max-width: 16px; } .units-search-container .search-text-container { max-width: inherit; } .page-component-edu .ContainerButtons a:focus { color: #fff !important; } .page-component-edu a.secondary-btn:focus { color: var(--secondary-btn-text-color) !important; } @media (max-width: 991px) { .practice-search .search-col-field.no-wrap { flex-direction: initial; } .accessibility-options { display: none; position: absolute; top: auto; left: 0; background: white; border: 1px solid #ccc; /*padding: 10px;*/ box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1000; } .practice-search .search-col-field.no-wrap .full-width { width: 100%; } /* .practices-stock-search .search-col-field:last-child { margin-bottom: 20px; }*/ .practices-stock-search .search-col-left .search-col-field:last-child { margin-bottom: auto; } } @media (max-width: 1199px) { .practice-search .search-col-field.no-wrap .full-width .checkboxCustomWrap { margin-right: 15px; } } .cbx-container .checkboxCustomWrap, .cbx-container label { display: inline-block; } .practices-stock-search .checkboxCustomWrap { width: 24px; } #left_col[role=main] ul.list-itur-yehidot-container { margin-right: 0; } @media (max-width: 991px) { .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:before { top: 9px; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse]:after { content: none; } .page-component-edu.my-units .panel.panel-default .panel-group .panel .collapse-title-wrap a.Collapse[data-toggle=collapse][aria-expanded=true]:before { margin-top: 15px; } } i.fa.fa-whatsapp.jssocials-share-logo { font-family: "Assistant"; } #socialModal .modal-body { font-size: 16px; } .page-component-edu .main-content.recording-broadcast h2 { color: var(--title-color); font-size: 24px; margin-top: 0px; } .recording-broadcast .recodings-subjects-title span { color: black; font-size: 20px; font-weight: 600; } .recodings-subjects-title { margin-bottom: 5px; } @media (max-width: 560px) { .knowledge-field.main-subjects .page-component-edu.search-bar .main-content .panel-default .comp-title-container { top: 0px; } } .main-pedagogic .search-main-erea.reverse .topics-fast-search .ma-lomdim h1 { font-size: 30px; padding-top: 13px; } .topics-fast-search select#edulevel, .topics-fast-search .learn-subject .learn-inputs .topics-auto-complete { background: url(../images/arrow_icon.png) no-repeat left #fff; background-position: 5px; } @media (max-width: 480px) { select#edulevel { font-size: 18px !important; } } .kinder-garden .box-recommendation dl.additional-properties .dl-row .dl-inner-wrap dt.prop-desc { min-width: 205px; } /*Elad*/ .HeaderMenu nav ul.big-menu > li { margin: 5px; width: 200px; max-width: 200px; margin-top: 20px; } .HeaderMenu nav ul.big-menu span.SucTitle { font-weight: 600; } .HeaderMenu nav .sub-pages ul.big-menu { max-width: 1100px; } @media (max-width: 991px) { section.content .knowledge-field .teaching-materials.wide .srchFilterTopics .materials-title h1 { font-size: 22px; max-width: none; } section.content .knowledge-field .teaching-materials.wide .panel .panel-body .srchFilterTopics .row.srchFilterTopics { justify-content: flex-start; } .ltr.knowledge-field .teaching-materials.wide .row.free-search .clearBtnWrap { margin-right: 0; margin-left: auto; } .ltr.teaching-materials-ctrl.knowledge-field .teaching-materials.wide .row.free-search .ContainerButtons { margin-right: 0; margin-left: 10px; } .practices-stock-search .search-col-field .col-md-9 { padding: 0; } } .knowledge-field.tabs-components .panel .nav.nav-tabs li { vertical-align: middle; padding: 0; text-align: center; border-radius: 4px; border-top: 2px solid #A5A5A5; background-color: var(--grey-background); border-bottom: 4px solid #ffffff; flex-grow: 1; text-align: center; margin-left: 4px; } .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li { border-bottom-color: var(--stock-search-bg); } /*.knowledge-field.tabs-components .panel .nav.nav-tabs li.active { border-bottom: 4px solid var(--stock-search-bg); }*/ .container-component .knowledge-field.tabs-components .panel .nav.nav-tabs li.active { border-bottom: 4px solid var(--background-blue-in-blue); } .knowledge-field.tabs-components .panel.panel-default.squares-tabs .panel-body .panel-default.tabs { margin: 15px; } .knowledge-field.page-component-edu.tabs-components .nav-tabs > li > a { line-height: 1.42857143; } .knowledge-field.page-component-edu.tabs-components .nav-tabs > li.active > a { color: rgb(51, 51, 51); } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { width: auto; height: auto; margin-left: 7px; margin-right: 0; } .tabs-components.page-component-edu li.active a:hover { color: rgb(29, 139, 209) !important; } /*.tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap.links { margin-bottom: 25px; }*/ .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a span { margin-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: black; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item a:hover span { color: rgb(29, 139, 209); } @media (max-width: 991px) { .tabs-components.knowledge-field .panel.panel-default.tab-header { border-radius: 4px; border: 1px solid transparent; border-color: #ddd; margin-bottom: 32px; } section.content .knowledge-field.tabs-components .panel .panel-group.collapsing-tabs .panel-collapse img { float: right; } section.content .knowledge-field.tabs-components.ltr .panel .panel-group.collapsing-tabs .panel-collapse img { float: left; } section.content .knowledge-field.tabs-components.ltr .panel .panel-group.collapsing-tabs .panel-collapse span { text-align: left; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-heading a h2 { text-align: center; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .panel-body .links .content-inner .content-item a { align-items: flex-start; } .tabs-components.knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .panel-body, .tabs-components.knowledge-field .panel.panel-default.squares-tabs .panel-body .panel-default.tabs .tab-pane { padding: 0 0 20px 0; } section.content .knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-pane { padding: 0; border: 0; padding-bottom: 20px; background-color: #f5f5f5; } section.content .tabs-components.knowledge-field .panel .panel-group.collapsing-tabs .panel-collapse .tab-pane .links .content-inner .content-item { display: flex; margin-bottom: 15px; } } .tabs-components.knowledge-field .panel .nav.nav-tabs li a { font-weight: 600; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item { margin-bottom: 10px; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner .content-item:last-child { margin-bottom: 0px; } .tabs-components.knowledge-field .panel .tab-content .row.tab-content-wrap .content-inner { padding: 0px; } .tabs-components.knowledge-field.ltr .panel .nav.nav-tabs li { margin-right: 4px; margin-left: 0; } section.content .knowledge-field.tabs-components .panel.panel-default.squares-tabs .panel-body { padding: 0; } .tabs-components.knowledge-field.ltr .panel .tab-content .row.tab-content-wrap .content-inner .content-item a img { margin-left: 0; margin-right: 7px; } .tabs-components.knowledge-field .panel .nav.nav-tabs li a { color: var(--title-color); padding: 10px 16px; background-color: transparent; font-size: 20px; line-height: 22px; vertical-align: middle; height: auto; } .tabs-components.knowledge-field .panel .nav.nav-tabs li a:hover { color: black !important; opacity: 0.6; } .page-component-edu.ltr .recording-broadcast .left-info::before { border-left: 1px #DFDFDF solid; border-right: none; left: -30px; right: 0; } .page-component-edu.ltr .copyright-container { margin-left: 0; margin-right: 25px; } .page-component-edu.ltr .copyright-container img, .page-component-edu.ltr .main-content .copyright-container img { float: left; margin-right: 12px; margin-left: 0; transform: rotateY(180deg); } @media (min-width: 992px) { .page-component-edu.ltr .side-info-lecture { float: left; } } .popXtn .ltr a.ContainerPopularButton { float: right; } .modal.ltr { direction: ltr; } .modal.ltr .close { float: right; } .modal.ltr .share-col { float: left; } .modal.ltr .jssocials-share-label { padding-left: 0; padding-right: 0.3em; } @media (max-width: 991px) { .page-component-edu.ltr .copyright-container { display: flex; } } @media (max-width: 991px) { section.content .knowledge-field .panel .panel-body .row.compt-tit-con { display: block; } } :target { scroll-margin-top: 110px; } .container-component .tabs-components .squares-tabs.panel { box-shadow: none; } .page-component-edu.listing-items-content .pagination a:focus { color: #fff !important; } .listing-items-main h1.title.areaTitle { margin-top: 0px; } .main-pedagogic .search-main { padding: 25px 70px; } @media (min-width: 767px) { .knowledge-field.item-page .arabic-topic.split-media-content .data-list dl .headline dt, .knowledge-field.item-page .arabic-topic.split-media-content .data-list dl .content dd { min-width: 250px; } } .my-units .teaching-units-delimiter { color: rgb(29, 139, 209) !important; font-weight: 600; } section.content .knowledge-field .panel .panel-body .collapseHolder .row { margin-bottom: 0px; } .home-page-component { visibility: hidden; } .galleries-component .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .page-component-edu .page_component .advanced-component.banner .slides .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .kinder-main-slider .slick-next:before, .kinder-main-slider .slick-prev:before { background-image: none; content: none; } .kinder-main-slider .slick-next:before, .kinder-main-slider .slick-arrow img { width: 24px; } .kinder-main-slider .slick-prev { left: auto; right: -10px; } .kinder-main-slider .slick-next { right: auto; left: 10px; } @media (max-width: 992px) { .kinder-main-slider .slick-prev { right: -21px; } .kinder-main-slider .slick-next { left: 0px; } } a.skip-link:focus { top: 0px; } a.skip-link { right: auto; top: -50px; height: auto; width: auto; display: block; font-size: 16px; font-weight: 700; padding: 15px 23px 14px; color: #050646; z-index: 10000; line-height: normal; text-decoration: none; position: fixed; background-color: white; width: 190px; } .skip-sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #skiptocontent { display: block; } .main-fields-paragraph .article-paragraph p { font-size: 16px; line-height: 150%; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator span.text { margin-left: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator img { margin-left: 8px; } .knowledge-field.ltr .listing.section.opened-list .opened-item .heading-wrap .indicator img { margin-right: 8px; margin-left: 0; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap { display: block; } .knowledge-field .listing.section.opened-list .opened-item .heading-wrap .indicator { width: fit-content; margin-top: 8px; margin-right: 0; margin-left: 0; padding-right: 5px; padding-left: 6px; } .activities-carousel-slider button.slick-arrow { line-height: 0; position: absolute; top: 50%; display: block; width: 13px; height: 13px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: transparent; } .activities-carousel-slider button.slick-arrow.slick-next { left: -15px; right: auto; } .activities-carousel-slider button.slick-arrow.slick-prev { right: -15px; left: auto; } .activities-carousel-slider { width: 380px !important; } .activities-carousel-slider .slick-dots { bottom: -45px; } .activities-carousel-slider .slick-dots li button:focus { outline: -webkit-focus-ring-color auto 1px; } .activities-carousel-slider .slick-dots button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.85; color: black; -webkit-font-smoothing: antialiased; } .activities-carousel-slider .slick-dots li button:before { font-size: 15px; color: #838383; } .activities-carousel-slider .slick-dots li.slick-active button:before { color: #3098cf; } .activities-carousel-slider-section .stop-start-buttons { position: relative; margin-top: 3px; display: block; float: left; } .activities-carousel-slider-section .stop-start-buttons button { margin-left: 10px; } .activities-carousel-slider .slick-dots li { margin: 0px; } @media (min-width: 992px) { .teaching-practices-container .container-content-media.activities-carousel-slider-section { height: 280px; } } @media (max-width: 991px) { .activities-carousel-slider { width: 100% !important; } #left_col[role=main] .activities-carousel-slider ul.slick-dots { margin-right: 0px; } .activities-carousel-slider-section .stop-start-buttons button { margin-left: 15px; } /*.teaching-practices-container { flex-direction: column; }*/ .activities-carousel-slider { width: 100% !important; padding: 5px; } .activities-carousel-slider-section button.slick-arrow.slick-next { left: -10px; } .activities-carousel-slider-section button.slick-arrow.slick-prev { right: -10px; } .teaching-practices-container .container-content-media.activities-carousel-slider-section { height: 100%; } } .popXtn .btn.goBtn.darkBlueNarrow.register-lecture { padding: 4px 3px; } .page-title-comp { margin-bottom: 16px; display: flex; justify-content: space-between; } .page-title-comp h1 { color: var(--title-color); border-inline-start: 4px solid #1776B5; padding: 0px 8px; font-size: 30px; display: inline-block; line-height: 38px; display: inline-block; vertical-align: middle; margin-bottom: 0; } .page-title-comp.skill-activity h1 { font-size: 25px; line-height: 30px; } .ltr.page-title-comp h1, .ltr .page-title-comp h1 { border-left: 4px solid #1776B5; border-right: none; } .ltr.page-title-comp, .ltr .page-title-comp { direction: ltr; } .ltr.page-title-comp .fa-angle-left, .ltr .page-title-comp .fa-angle-left { transform: scaleX(-1); } .compt-tit-con h2 { color: var(--title-color); text-align: right; font: normal normal 600 25px/24px Assistant; letter-spacing: 0px; opacity: 1; /* margin-top: 0px;*/ /* margin: 12px 15px 0 15px;*/ margin: 16px; } .ltr .compt-tit-con h2 { text-align: left; } /*.ltr a.article-headline:after { left: 75px; margin-left: 0px; }*/ /*.current-strip .compt-tit-con h2 { font-size: 30px; }*/ .ltr a.article-headline { padding-right: 40px; padding-left: 0px; margin-right: 0px; } .page-component-edu .main-content .compt-tit-con h2:first-child { padding-top: 15px; } .compt-tit-con .sub-title { margin-inline-start: 20px; } .compt-tit-con .sub-title p { margin-bottom: 0px; } /*.container-component .page-component-edu .title-in-container { margin-bottom: 0px !important; }*/ /*.container-component .page-component-edu .compt-tit-con.title-in-container h3 { background-color: rgb(197, 224, 237) !important; font-family: Assistant, Arial !important; font-size: 22px !important; font-weight: bold !important; line-height: 150% !important; color: rgb(51, 51, 51) !important; text-align: right !important; padding: 0px 20px 0px 20px !important; height: 33px; margin: 0px; float: right; }*/ .container-component.ltr .page-component-edu .compt-tit-con.title-in-container h3 { float: left; } /*.page-component-edu.ltr .compt-tit-con h2 { float: left; }*/ .tabs-components .squares-tabs .tabs { margin-top: 15px; margin-bottom: 0px; } .page-component-edu.container-component .narrow { margin-top: 15px; } h2.title-black-above { font-size: 26px; font-weight: 400 !important; margin-top: 0px; } .course-banner .slideQuote { margin-top: 15px; } /*a.hipus { float: left; width: 40px; height: 40px; border-radius: 25px; border-color: transparent; margin-top: 4px; margin-left: 4px; }*/ a.hipus .search-img { width: 23px; height: 23px; } a.hipus:after { content: none; } a.hipus .search-img-elm { height: 48px; width: 48px; } .dlg-inner .search-properties { background-color: white; display: flex; justify-content: space-between; border-radius: 30px; height: 50px; } .search-properties .learn-subject, .search-properties .learn-inputs { width: 48%; } .search-border { border: 1px solid #94C0DD; opacity: 1; width: 0px; height: 20px; margin-top: 15px; } @media (max-width: 1199px) { .search-properties .learn-subject, .search-properties .learn-inputs { width: 100%; } .main-pedagogic .ma-lomdim h1 { text-align: center; } .main-pedagogic .dlg-inner div.ma-lomdim { float: none; } .dlg-inner .search-properties { flex-direction: column; gap: 10px; } /* h1 { font-size: 32px; line-height: 150%; color: #fff; width: 230px; }*/ select#learnsubject { min-width: 25%; width: 32%; } .dlg-inner .search-properties { background-color: transparent; } .search-main select#learnsubject, .search-main select#edulevel { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D1DAE2; border-radius: 3px; opacity: 1; min-height: unset; height: 42px; font-size: 18px !important; } .search-border { display: none; } } @media (min-width: 992px) { a.hipus .mobile-text { display: none; } } @media (max-width: 991px) { a.hipus .mobile-text { display: inline-block; margin-right: 5px; font-size: 18px; } a.hipus { text-align: center; width: 100%; /* margin-top:10px;*/ } } .img-radius { border-radius: var(--item-radius); } .img-top-radius { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .img-start-radius { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); } /*.ltr .img-start-radius { border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); }*/ .img-end-radius { border-start-end-radius: var(--item-radius); border-end-end-radius: var(--item-radius); } /*.ltr .img-end-radius { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); }*/ .img-start-radius-top-m { border-start-start-radius: var(--item-radius); border-end-start-radius: var(--item-radius); } @media screen and (max-width: 991px) { .img-start-radius-top-m { border-end-start-radius: 0; border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } } .component-panel { padding: 16px; } .component-container .component-panel .component-panel { padding: 0px; } .component-panel .compt-tit-con h2, .component-panel .component-panel .compt-tit-con h3, .component-panel .component-panel .compt-tit-con h4 { margin: 0; } .collapse-container .component-panel .collapse-sub-title h3 { margin-top: 0px; } .component-panel .compt-tit-con { margin-bottom: 16px; } .climate-change-container.component-panel .compt-tit-con { margin-bottom: 16px; } .component-panel .compt-tit-con a.article-headline { padding-inline-end: 25px; margin-top: 0; } .component-panel .compt-tit-con a.article-headline:after { margin-inline-end: 15px; } .component-panel .compt-tit-con .sub-title { margin-inline-start: 0; margin-top: 15px; } .component-panel .compt-tit-con .sub-title p { margin: 0; } .component-panel .compt-tit-con .sub-title p:last-of-type { padding-bottom: 0; } .container-component .component-panel .component-panel { background-color: var(--stock-search-bg); border-radius: var(--item-radius); } .container-component .component-panel .component-panel a { color: var(--link-color-on-l-blue); } .container-component .component-panel .component-panel a.primary-btn { color: var(--primary-btn-text-color); } .container-component .component-panel .tochen-mugan-component .component-panel { background: var(--grey-background); } .page-component-edu.container-component .component-panel .panel { background-color: var(--stock-search-bg); } .component-panel .panel { box-shadow: none; } /*.mooc-strip .overlay-text { height: 100%; } .mooc-strip .overlay-text { height: auto;*/ /* right:20px; left:20px;*/ /*}*/ .stock-area { background: var(--background) 0% 0% no-repeat padding-box; box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: var(--space-between-components); /*to check*/ } .stock-area.maagar-topics-display { background-color: transparent; box-shadow: none; padding: 0px; } .stock-area.maagar-topics-display .search-area-shadow { background: var(--background) 0% 0% no-repeat padding-box; box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: 24px; } .stock-area.maagar-topics-display .search-area-shadow .stock-search { margin-bottom: 0px; } .stock-area.maagar-topics-display .tchum-daat { box-shadow: var(--comp-box-shadow); padding: 16px; margin-bottom: 24px; } .stock-area.maagar-yehidot-horaa-container { /*to check*/ } .stock-area.maagar-yehidot-horaa-container .stock-item .stock-item-props span { margin-right: 0px; } .stock-area.maagar-yehidot-horaa-container .stock-item .stock-item-props span.teaching-unit-label { margin-right: 5px; } .stock-search { background: var(--stock-search-bg); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1098039216); padding: 10px 10px 10px; margin-bottom: 16px; } .page-component-edu .stock-search { margin-bottom: 0px; } .stock-search.kinder-garden { width: 100%; } .page-component-edu .main-content.stock-search { background: var(--stock-search-bg); padding: 16px; } .stock-search .form-control { border-radius: 3px; } .stock-search .compt-tit-con h2 { margin-inline-start: 0px; margin-top: 0px; font-size: 20px; } .page-component-edu .stock-search .compt-tit-con h2 { font-size: 24px; } .primary-btn { background-color: var(--primary-btn-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--primary-btn-text-color); padding: 6px 20px; border: none; font-size: 18px; line-height: 18px; display: inline-block; } .primary-btn:hover { background-color: var(--primary-btn-hover-color); color: var(--primary-btn-text-color); } .primary-btn:focus { background-color: var(--primary-btn-click-color); color: var(--primary-btn-text-color); } .primary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } .page-component-edu .primary-btn { background-color: var(--primary-btn-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--primary-btn-text-color); padding: 6px 20px; border: none; font-size: 18px; line-height: 18px; display: inline-block; } .page-component-edu .primary-btn:hover { background-color: var(--primary-btn-hover-color); color: var(--primary-btn-text-color) !important; } .page-component-edu .primary-btn:focus { background-color: var(--primary-btn-click-color); color: var(--primary-btn-text-color) !important; } .page-component-edu .primary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } a.primary-btn:hover, a.secondary-btn:hover { opacity: 1; text-decoration: none !important; } .clear-btn { margin-left: 10px; margin-top: 5px; margin-bottom: 5px; } .page-component-edu .secondary-btn { background-color: var(--background-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--secondary-btn-text-color); padding: 5px 19px; border: var(--secondary-btn-border); font-size: 18px; line-height: 18px; display: inline-block; } .page-component-edu .secondary-btn:hover { background-color: var(--secondary-btn-hover-color) !important; color: var(--secondary-btn-text-color) !important; } .page-component-edu .secondary-btn:focus { background-color: var(--secondary-btn-click-color); } .page-component-edu .secondary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } .secondary-btn { background-color: var(--background-color); box-shadow: var(--btn-box-shadow); border-radius: var(--btn-radius); text-align: center; letter-spacing: 0px; color: var(--secondary-btn-text-color); padding: 6px 20px; border: var(--secondary-btn-border); font-size: 18px; line-height: 18px; display: inline-block; } .secondary-btn:hover { background-color: var(--secondary-btn-hover-color) !important; color: var(--secondary-btn-text-color) !important; } .secondary-btn:focus { background-color: var(--secondary-btn-click-color); } .secondary-btn .small-arrow-after { width: auto; padding-inline-start: 6px; } @media (min-width: 767px) { .HeaderMenu { margin-top: 5px; } } .side-component { background-color: var(--background-color); /*padding: 10px 18px;*/ padding: 15px 15px; margin-bottom: var(--space-between-components); box-shadow: var(--btn-box-shadow); } .side-component .side-component-title { font-size: var(--side-comp-title-font-size); line-height: 24px; color: var(--title-color); border-bottom: 2px solid var(--line-under-title-color); margin: 0 0 5px 0; padding-bottom: 10px; text-align: start; } .side-component .side-component-title a { color: var(--title-color); } .side-component ul { list-style: none; margin: 0; } .side-component .side-component-item { color: var(--text-color); font-size: 16px; line-height: 20px; /*border-bottom: 1px solid var(--line-under-item-color);*/ /*padding-top: 12px;*/ padding-top: 10px; } .side-component .side-component-item:not(:last-child) { /*padding-bottom: 12px;*/ padding-bottom: 10px; } .side-component .side-component-item a { color: var(--text-color); gap: 13px; display: flex; align-items: center; } .side-component .side-component-item a img { width: auto; /*margin-inline-end: 13px;*/ max-height: 20px; } .side-component .side-component-item:nth-child(n+2) { border-top: 1px solid var(--line-under-item-color); } .component-items { display: flex; flex-direction: column; } .component-items .component-item h5 { margin-bottom: 0; margin-top: 0; color: var(--title-color); } .component-items .component-item .container-link-to-item { margin-top: 5px; } .component-items .component-item .container-link-to-item a { color: var(--link-color); font-size: 16px; font-weight: 600; } .component-items .component-item .container-link-to-item a span:after { content: url("/images/icons/navigation-blue-side.svg"); padding-inline-start: 5px; } .ltr .component-items .component-item .container-link-to-item a span:after { content: url("/images/icons/navigation-blue-side-ltr.svg"); padding-inline-start: 5px; } .ltr .component-items { text-align: left; } .component-items .component-item:not(:last-of-type) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 32px; } .component-items .component-item:not(:first-of-type) { padding-top: 32px; } .component-items .component-item:first-of-type { padding-top: 15px; } .component-items .component-item .text { margin-top: 5px; font-size: 16px; } .component-items .component-item .item-button { margin-top: 10px; } .component-items .item-img-container { margin-inline-end: 15px; } .bottom-component .component-items .component-item:nth-last-of-type(2) { border-bottom: none; } .bottom-component .component-items .my-idea-bottom { background-color: #F1F4F9; padding: 10px 0 10px 10px; padding-inline-start: 0; padding-inline-end: 10px; } .bottom-component .component-items .my-idea-bottom .item-img-container .image { min-width: 160px; text-align: center; } .bottom-component .component-items .my-idea-bottom .item-img-container .image img { width: auto; height: auto; } @media screen and (min-width: 768px) { .bottom-component .component-items .my-idea-bottom .item-text-container { display: flex; flex-direction: column; min-height: 133px; justify-content: center; } } h3, h4, h5 { color: var(--title-color); } /*overlay-text tiles*/ .overlay-text { position: absolute; text-align: right; padding: 10px 5px; background-color: #E9F4FC; height: auto; /*display: flex;*/ bottom: 0; width: 100% } .ltr .overlay-text { text-align: left; } a:active .overlay-text { text-decoration: var(--link-hover-decoretion); } .current-strip .overlay-text { position: relative; } .current-strip .current-pics .overlay-text { position: absolute; } .high-overlay-text { height: auto; display: block; /* right: 20px; left: 20px;*/ } /*.overlay-text div { padding-inline-start: 8px; }*/ .overlay-text h3 { color: var(--title-color); font-size: 16px; font-weight: 600; font-family: Assistant; margin: 0px; position: relative; } .overlay-text.high-overlay-text h3 { font-size: 25px; } .listing-container.listing-container-three-columns-with-title .overlay-text h3 { font-size: 18px; } .overlay-text.title-current { flex-direction: column; position: relative; } .tile { border-radius: var(--item-radius); box-shadow: var(--tile-box-shadow); position: relative; background-color: var(--background-over-grey-color); } .tile img { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); margin-bottom: 37.6px; /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);*/ } .tile.big-tile img { margin-bottom: 96px; } .tile .overlay-text { border-bottom-right-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .tile-pair { display: flex; gap: 16px; justify-content: space-between; } .tile-pair .tile-pair-item.current-pics { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; } .tile-properties { /* margin-right: 10px;*/ color: var(--title-color); } .travel-strip .travel-content { display: flex; gap: 16px; } /*overlay-text tiles media*/ @media screen and (min-width:992px) { .tile-pair .tile-pair-item { width: 50%; } .tile-pair .tile-pair-item.current-pics .tile { width: 48%; } .travel-strip .travel-content .tile { width: 33%; } .title-current h3 { font-size: 25px; } .overlay-text.title-current h3 { padding-inline-start: 15px; } /* .current-strip .current-pics .tile{ max-height:183px; }*/ /* .current-pics*/ .component-panel .compt-tit-con.title-with-link { display: flex; justify-content: space-between; align-items: center; } } @media(max-width:992px) { .tile-pair, .tile-pair .tile-pair-item.current-pics, .travel-strip .travel-content { flex-direction: column; } .overlay-text { padding: 5px; } .main-list-component .overlay-text { padding: 10px 5px } } /*end overlay-text tiles media*/ /*end overlay-text tiles*/ /*stock*/ .current-strip .tile img { margin-bottom: 0px; /* min-height: 143px;*/ } .stock-item { display: flex; padding: 16px 0px; margin-bottom: 0px; border-top: var(--stock-items-border); } .stock-item.stock-item-cols { flex-direction: column; border-top: none; } .stock-items-pair { display: flex; gap: 30px; margin-top: 30px; margin-bottom: 16px; } .stock-items-pair .stock-item-in-pair { width: 50%; background-color: var(--grey-background); } .stock-items-pair .stock-item-in-pair .tile-item { background-color: var(--grey-background); } .stock-item-cols h3 { margin-top: 0px; } .stock-item-cols .stock-item-cols-content-row { display: flex; gap: 5px; justify-content: space-between; } .stock-item .image img { border-radius: var(--item-radius); } .stock-item:first-of-type { border-top: none; } .social-activity-search .stock-item .title h3 { line-height: 1.1; } .lecturers .stock-results .stock-item { padding: 16px; } .page-title-comp .title-side-link { color: var(--link-color-on-l-blue); } @media (min-width: 992px) { /*.page-title-comp h1 { max-width: 80%; }*/ .page-title-comp .title-side-link { text-wrap: nowrap; margin-top: 4px; } .page-title-comp.skill-activity .title-side-link { margin-top: 3px; } .stock-item .image { width: 23%; padding-left: 16px; } .stock-item .image.icon { width: 7%; } .upcoming-broadcasts .stock-item .image { width: 25%; } .lecturers .stock-item .image { width: 25%; } .climate-change-maagar-homarim .stock-item .image { width: 24%; } .nearest-broadcast-section .stock-item .image { width: 24%; } .stock-item.yahida-horaa-card-container .image { width: 28%; } .social-activity-search .stock-item .image { width: 55%; padding-left: 0px; } .social-activity-search .stock-item .text-container { width: 42%; } .climate-change-professional-development .stock-item .image { width: 57%; padding-left: 0px; padding-right: 16px; } .climate-change-professional-development .stock-item .text-container { width: 40%; } .kindergarten-maagar-haklatot .stock-item .text-container { width: 100%; } .maagar-hatsaot-wrapper .stock-item .image { width: 58%; padding-left: 0px; padding-right: 16px; } .maagar-hatsaot-wrapper .stock-item .text-container { width: 40%; } .social-activity-search .stock-item { justify-content: space-between; } } .stock-item .text-container { width: 75%; } .stock-item-in-pair .text-container { padding: 16px; } .stock-item .title h3, .stock-item-in-pair .title h3 { font-size: 20px; letter-spacing: -0.33px; color: var(--title-color); margin: 0px; line-height: 20px; margin-bottom: 5px; margin-top: -2px; } .stock-item .title h4 { font-size: 20px; letter-spacing: -0.33px; color: var(--title-color); margin: 0px; line-height: 14px; margin-bottom: 5px; } .broadcast-date-section { border-bottom: var(--stock-items-border); } .broadcast-date-section .stock-item { border-top: none; } .broadcast-date-section .date-broadcast { margin-top: 16px; margin-bottom: 0px } .stock-item-props { font-size: 16px; letter-spacing: -0.27px; color: var(--title-color); /* .rsltsDataItem { margin-right: 5px;*/ /* }*/ } .stock-item-props .rsltsDataItem { padding-left: 5px; } .stock-item-props .rsltsDataItem span { margin-left: 0px; } .stock-item-props .prop-name { margin-left: 3px; } .stock-item-props span { margin-right: 5px; } .stock-item-props span:first-child { margin-right: 0px; } .stock-item-props .rsltsDataItem:first-of-type { margin-right: 0px; } .stock-item-indicator .indicator { background-color: var(--indicator-bg-color); border-radius: 9px; margin-left: 16px; } .stock-item-indicator .indicator img { height: 15px; width: 15px; margin-bottom: 3px; } .stock-item-indicator .indicator .text { color: var(--title-color); padding: 9px; line-height: 1.8; white-space: nowrap; } .kindergarten-maagar-haklatot .stock-item-indicator { margin: 8px 0px; } .kindergarten-maagar-haklatot .stock-item-indicator .indicator { padding: 2px 7px; } .communityListing.stock-area .stock-item-indicator .indicator { padding: 2px 5px; } .stock-summary { font-size: 16px; line-height: 22px; letter-spacing: -0.27px; color: var(--text-color); } .stock-summary p { margin: 0px; } .stock-item-link { font: normal normal 600 16px/22px Assistant; letter-spacing: 0px; color: #1776B5; } .stock-item-link button.stock-item-btn { border: none; background-color: transparent; font-weight: 600; font-size: 16px; font-family: Assistant; line-height: 22px; } .kindergarten-maagar-haklatot .stock-item-link { margin-top: 16px; } .Containerpagination .pagination > li.active > a, .Containerpagination .pagination > li > a { cursor: pointer; border: none; background-color: transparent; font-size: 16px; color: var(--pagination-color); padding-bottom: 0px; } .Containerpagination .pagination > li.active > a { color: var(--pagination-active-color); font-weight: 900; } .pagination { margin: 0px; } .stock-results .compt-tit-con { margin-bottom: 8px; } .stock-results .compt-tit-con h2 { margin: 0px; font-size: 24px; line-height: 23px; } .stock-results i.fa { color: var(--link-color); } .stock-results .pagination i.fa { font-weight: 900; color: var(--pagination-active-color); } .stock-results .stock-count-rslts { font: normal normal normal 16px/18px Assistant; letter-spacing: -0.24px; color: var(--text-color); margin-bottom: 5px; } .stock-results.outstanding-and-gifted-content .stock-item .image { width: 25%; } /*.stock-results .*/ /*.stock-results { .srcEmptyResults{ a{ color:var(--link-color); } } }*/ .stock-showing-rslts { font-size: 18px; margin-bottom: 5px; } .stock-showing-rslts .rsltsDataItem { padding-left: 5px; } .stock-link a { /*color: var(--link-color);*/ font-weight: 600; font-size: 16px; } .select-btn .btn, .select-btn { background: var(--select-bg); -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; } .select-btn { border: var(--select-border); border-radius: 3px; } .select-btn .btn { border: none; } .select-btn .caret { display: none; } .select-btn button { border-radius: var(--item-radius); /* border: var(--select-border);*/ } .rsltsDataItem span { margin-left: 5px; } .rsltsDataItem { border-left: 1px solid var(--text-color); } .stock-item-props .rsltsDataItem { border-left: 1px solid var(--title-color); } .popXtn .rsltsDataItem:last-child { border-left: none; } #left_col[role=main] .stock-item ul { margin-right: 0px; color: var(--title-color); } .search-field-row { display: flex; margin-bottom: 16px; margin-right: 0px; margin-left: 16px; } .search-field-row .search-label-wrap { width: 25%; } .search-field-row .search-select-wrap { width: 75%; margin-right: 16px; } .search-col-left .search-field-row { margin-right: 16px; margin-left: 0px; } a { color: var(--link-color); } a:hover { text-decoration: var(--link-hover-decoretion) !important; } a:active { text-decoration: var(--link-hover-decoretion) !important; } li.upper-menu-main-tabs > a:hover, li.upper-menu-main-tabs > a:active { text-decoration: none !important; } .stock-search a { color: var(--link-color-on-l-blue); font-weight: 600; } /*ltr*/ .ltr .clear-btn { margin-right: 20px; } .ltr .select-btn .btn, .ltr .select-btn { background: url(../images/icons/border_arrow.svg) no-repeat right #fff; } .ltr .stock-item .image { padding-right: 16px; padding-left: 0px; } .ltr .checkbox-group.style-checkbox input[type=checkbox]:checked:before { padding-left: 4px; } .ltr .stock-item-indicator .indicator { margin-left: 0px; margin-right: 16px; } .ltr .stock-item .stock-item-props .prop-name { margin-left: 3px; } /*stock*/ /*ltr*/ /*mobile*/ @media (max-width: 992px) { .practice-main-content-container { padding-top: 15px; } .page-title-comp { margin-bottom: 16px; /* display: flex; justify-content: space-between; */ flex-direction: column; } .page-title-comp h1 { margin-bottom: 16px; } .page-title-comp a.ContainerPopularButton { float: none; } .compt-tit-con h2 { margin-bottom: 10px; } /*stock*/ .stock-item { flex-direction: column; /* padding: 0px;*/ } .stock-item .title h3 { font-size: 18px; } .stock-results .compt-tit-con h2 { font-size: 22px; } .stock-item .image { margin-bottom: 16px; } .stock-item .text-container { width: 100%; } .search-field-row { flex-direction: column; margin-bottom: 10px; margin-inline-end: 0px; } .search-field-row .search-label-wrap { width: 100%; } .search-field-row .search-select-wrap { width: 100%; margin-inline-start: 0px; } .search-col-left .search-field-row { margin-inline-start: 0px; } .search-col-field { margin-bottom: 0px; } .knowledge-field .row.free-search { align-items: unset; padding-inline-start: 0px; flex-direction: column; } .social-activity-search .stock-item .text-container { margin-bottom: 16px; } .stock-items-pair { flex-direction: column; } .stock-items-pair .stock-item-in-pair { width: 100%; } .lecturers .primary-btn { margin-top: 15px; } /*stock*/ } /*mobile*/ /*stock*/ .side-arrow { width: auto !important; height: auto; margin-inline-end: 7px; margin-inline-start: 0; } .side-link { font-size: 16px; } /*home search and trips stock search*/ .dlg-inner, .trip-container .trips-search { display: flex; gap: 16px; height: 38px; } .dlg-inner .ma-lomdim, .trip-container .trips-search .trip-title { background-color: var(--fast-search-items-bg-color); border-radius: 4px; } .dlg-inner .ma-lomdim h1, .trip-container .trips-search .trip-title h2 { color: #FFFFFF; margin-bottom: 0px; padding: 2px 7px; } .trip-container .trips-search .trips-select { height: 38px; } .dlg-inner .fast-search-select .select-btn { width: 100%; height: 100%; padding: 5px; color: #646464; border-radius: 3px; border: var(--select-border); } .trip-container .trips-search .trips-select .select-btn .multiselect-parent { width: 100%; height: 100%; color: #646464; /* border-radius: 3px;*/ /* border: var(--select-border);*/ } .trip-name-select { border-radius: 4px; border: var(--select-border); } .trip-container .trips-search .trips-select .select-btn .multiselect-parent .btn { font-size: 18px; font-weight: 400; } .dlg-inner .hipus .link, .trip-container .trips-search .trip-search-btn .link .trip-button { width: 100%; background-color: var(--fast-search-items-bg-color); color: #FFFFFF; height: 100%; border-radius: 4px; text-align: center; } .dlg-inner .hipus .link .search-txt { color: #FFFFFF; font-size: 20px; display: inline-block; margin-right: 5px; } span.trip-name-caret { background: url(../images/icons/border_arrow.svg) no-repeat left #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .trip-container .reset-autocomplete { top: 8px; } @media(min-width:992px) { .dlg-inner .ma-lomdim, .trip-container .trips-search .trip-title { width: 20%; } .dlg-inner .hipus, .trip-container .trips-search .trip-search-btn { width: 10%; } .dlg-inner .fast-search-select, .trip-container .trips-search .trips-select { width: 30%; } } @media(max-width:992px) { .dlg-inner, .trip-container .trips-search { flex-direction: column; height: auto; } .trip-container .trips-search .trip-title { text-align: center; } .trip-container .trips-search { padding: 0px 30px; } /*.dlg-inner .fast-search-select, .trip-container .trips-search .trips-select { width: 100%; }*/ } /*end home search and trips stock search*/ /*slick dots*/ .slick-slider ul.slick-dots li { margin: 1px; height: 26px; width: 13px; } .slick-slider ul.slick-dots li button:before { font-family: slick; font-size: 10px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; content: "•"; text-align: center; opacity: 1; color: rgb(213, 228, 239); -webkit-font-smoothing: antialiased; } .slick-slider ul.slick-dots li.slick-active button:before { color: #1776B5; } /*end slick dots*/ .ligh-blue-bg { background-color: var( --background-light-blue) !important; } .ligh-blue-bg a { color: var(--link-color-on-l-blue) !important; } .ligh-blue-bg a.primary-btn { color: var(--primary-btn-text-color) !important; } .ligh-blue-bg a.secondary-btn { color: var( --secondary-btn-text-color) !important; } .item-radius-right { border-top-right-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); } .item-radius-left { border-top-left-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); } .ltr .item-radius-right { border-top-left-radius: var(--item-radius); border-bottom-left-radius: var(--item-radius); border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ltr .item-radius-left { border-top-right-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .item-radius-top { border-top-left-radius: var(--item-radius); border-top-right-radius: var(--item-radius); } .item-radius-bottom { border-bottom-left-radius: var(--item-radius); border-bottom-right-radius: var(--item-radius); } /*galleries*/ .big-image-gallery .sub-title { padding: 0px 16px 16px; } .collapse-component .component-panel .component-panel { padding-top: 0; } iframe { border-radius: var(--item-radius); } #left_col[role=main] .links-with-icon-component ul { margin-inline-start: 0; } .qa-component .PanelCollapse .panel-heading a:hover { text-decoration: none !important; } .popXtn .page-component-edu.quotes-carousel-component .page_component .content.advanced-component.banner .slides .slick-slide { padding: 0 40px !important; margin: 0 !important; } .quotes-carousel-component .content.advanced-component.banner .slick-prev.slick-arrow { right: -6px; left: auto; } .page-component-edu.quotes-carousel-component .page_component .content.advanced-component.banner .slick-next { width: 30px; } /*general listing*/ .listing-items-main .broadcast-item-bottom .broadcastReadMore { margin-bottom: 16px; } .listing-items-main .title h3 { margin: 0px; } .listing-with-icons .image.icon img { max-width: 50px; } @media(max-width:992px) { .listing-with-icons .stock-item { flex-direction: row; } .listing-with-icons .image.icon { margin-left: 16px; width: 10%; } .gallery-side-caption .item-radius-right { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } .gallery-side-caption .item-radius-left { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; } .gallery-with-image-right .item-radius-left { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .gallery-with-image-right .item-radius-right { border-top-left-radius: 4px; border-top-right-radius: 4px; } } .live-broadcast .image-lecture { margin: 0px 16px; } .nearest-broadcast-section .stock-item-props .rsltsDataItem:first-of-type { padding-left: 5px; } .nearest-broadcast-section .stock-item .title h3 { margin-bottom: 10px; } .stock-area .ContainerRadioButtns { width: 100%; } .page-component-edu.search-results { padding: 1px 5px; } .Search .TotalTitle h3 { font-size: 18px; } .Search .SucTitle h4 { font-size: 20px; } .myIdeaCmpnt .form-control, .myIdeaModal .form-control { border-radius: var(--item-radius); min-height: 36px; border: 1px solid #a9a9a9; } .myIdeaCmpnt .ContainerButtons, myIdeaModal .ContainerButtons { text-align: end; } .search-level-topic .text-summary p:first-child { margin-top: 0px; } .collapse-component .PanelCollapse .panel-collapse .component-panel { padding-inline-start: 32px; } .collapse-component .PanelCollapse .panel-collapse .ContentCollapse > .sub-title { padding-inline: 32px 16px; padding-top: 0; padding-bottom: 6px; } .collapse-component .PanelCollapse .panel-collapse .ContentCollapse .compt-tit-con { margin-bottom: 20px; } .collapse-component .PanelCollapse .panel-collapse .images-and-buttons .page_component { padding-inline-start: 16px; } a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover .text-link, a:active h2, a:active h3, a:active h4, a:active h5, a:active .text-link { text-decoration: var(--link-hover-decoretion) !important; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, option:hover, option:checked, option:focus option:focus-visible, option:visited { background-color: var(--combo-option-hover) !important; color: var(--text-color); text-decoration: none !important; } .modal.ltr .primary-btn, .modal.ltr .secondary-btn { float: right; } .images-and-buttons .image-link .panel.panel-default { padding-top: 16px; } .images-and-buttons .image-link .panel.panel-default .compt-tit-con h2 { margin-top: 0; } .multiselect-parent .dropdown-menu > li > a { font-size: 16px; line-height: 150%; padding: 3px 10px; } .multiselect-parent .dropdown-menu > li > a input[type="checkbox"] { margin-top: 7px; } #modalTermDefinition h2 { margin-top: 0px; font-size: 20px; } #modalTermDefinition .btn-close { padding: 0px; background: url(/images/close.png) no-repeat; background-size: 26px; width: 26px; height: 26px; position: absolute; top: 15px; z-index: 1; opacity: 1; left: 15px; /* background: none; */ border: none; } #modalTermDefinition .modal-dialog { top: 30%; } #modalTermDefinition .modal-content { border: 2px solid #1d65c7; } #modalTermDefinition .buttons-section { display: flex; justify-content: space-between; } #modalTermDefinition .buttons-section .terms-dictionary-link { align-content: center; } button.term-defination { background: none; border: none; font-weight: 600; color: var(--link-color); font-size: 16px; padding: 0px; } .buffer .compt-tit-con .sub-title { /* margin-inline-start: 16px;*/ } .buffer .compt-tit-con .sub-title p { margin-top: 2px; } .buffer h2.title { margin-bottom: 0px; } .buffer .page-component-edu.buffer-title { /*padding-bottom: 16px;*/ } .buffer-title .component-panel .compt-tit-con { margin-bottom: 0px; } @media screen and (min-width: 992px) { .main-list-component .tiles-list { display: flex; column-gap: 30px; flex-wrap: wrap; } .main-list-component .tiles-list .row-col { flex-basis: calc(33.33% - 20px); box-sizing: border-box; } } .page-component-edu .mechkar-ve-yedah-container .edu-info-boxes-grid .edu-info-boxes-item .edu-info-boxes-item-link-list { margin: 10px 16px 16px; } .advanced-page-components .page-component-edu { margin-bottom: var(--space-between-components); } .component-panel .link-all { padding-inline-end: 0; } .qa-component .more-less-container, .main-list-component .more-less-container { padding: 0; } .disabled-button { pointer-events: none; opacity: 0.8; } .service-component-page .btn-section { margin-top: 15px; } @media screen and (max-width: 991px) { .service-component-page .main-image-container.with-button.with-two-buttons { margin-bottom: 65px; } .teaching-practices-container .container-content-media { padding: 0; } .teaching-practices-container .container-content { padding: 0; } } /*body { background-color:green; }*/ .popXtn .ContainerTitlePage.orth-topic-title { margin: 0px 0px 20px 0px; } .page-component-edu.orth-topic-content { background-color: white; } .orth-topic-content { margin-bottom: var(--space-between-components); } .white-container #shareWhatsapp .jssocials-share.jssocials-share-whatsapp a, .white-container #shareEmail .jssocials-share.jssocials-share-email a { width: auto; } @media (max-width: 991px) { #left_col > .page-component-edu.orth-topic-content { margin-bottom: 28px; } } .topic-files-section { margin-top: 20px; } .topic-files-section img.file-extension { width: 40px; height: auto; } .topic-share-files { display: flex; /*justify-content: end;*/ } .topic-files { display: inline-block; } .page-component-edu .topic-share-files .btn-primary.social-button { background-color: #2C7094; } .page-component-edu .main-content .appendices-files { margin-top: 20px; } .page-component-edu .main-content .appendices-files img.file-extension { width: 20px; height: 20px; } .appendices-files a { margin-inline-end: 5px; } @media (min-width:992px) { .main-content.orth-search .search-col.search-col-left { padding-inline-start: 30px !important; } .orth-topic-frm .search-materials-inner .input-search { max-width: 50%; padding-inline-end: 48px; margin-bottom: 23px; } .related-topics-classes .related-items { display: flex; } .related-titles { display: flex; } .related-topics-classes .table-narrow-col { flex: 1; } .related-topics-classes .table-col { flex: 2; } .related-topics-classes .table-wide-col { flex: 3; } .orth-topic-content .topic-more-prop { display: flex; flex-direction: column; /*flex-basis: 20%;*/ margin-inline-end: 20px; } .orth-topic-content .topic-more-prop-item { display: flex; gap: 10px; } .orth-topics .related-item-code { flex: 1; } .orth-topics .related-topics-classes { flex: 4; } } @media(max-width:991px) { /*.topic-more-prop div { display: inline-block; }*/ .orth-topic-properties .box-recommendation ul li:before { color: rgb(0,0,0); } .row.related-titles { margin-inline-start: 0px; } .box-recommendation ul:last-child { margin-bottom: 10px; } .topic-more-prop { margin-top: 10px; } .topic-share-files { width: 100%; } .topic-share-files .social-button { margin-bottom: 10px; width: 100%; } .page-component-edu .page_component.main-content.orth-topic-properties { padding: 15px; } .orth-topic-propertie .box-recommendation { padding: 0px; } .related-properties .mobile-more-prop { display: flex; gap: 8px; } .orth-teaching-unit.white-container #shareWhatsapp .jssocials-share.jssocials-share-whatsapp, .orth-teaching-unit.white-container #shareEmail .jssocials-share.jssocials-share-email { width: 100%; } .orth-teaching-unit.white-container #shareWhatsapp .jssocials-share.jssocials-share-whatsapp a, .orth-teaching-unit.white-container #shareEmail .jssocials-share.jssocials-share-email a { width: 100%; } } #left_col[role=main] .related-topics-classes ul { margin-inline-start: 0; list-style: none; } .related-titles { font-size: 16px; font-weight: 600; } .orth-topic-properties .box-recommendation { margin-bottom: 20px; padding: 16px; } /*.page-component-edu .main-content .related-topics-classes h2 { color: rgba(48, 152, 207, 1); font-size: 24px; }*/ .topic-prop-list { list-style-image: none; } .prop-title { font-weight: 600; } .orth-topic-frm .search-topics-erea .input-search { max-width: 50%; padding-inline-end: 48px; margin-bottom: 23px; } .orth-topic-frm { padding-inline-start: 15px; padding-inline-end: 15px; } .orth-topic-frm .search-materials-inner .btn-group { width: 100%; } .orth-topic-frm .search-materials-inner .btn-group .caret { float: left; margin-top: 9px; color: rgb(85, 85, 85); } .orth-topic-frm .btn-group .btn { border-radius: 0; border-color: #a9a9a9; } .main-content.orth-search .search-col-left { padding: 0 !important; margin: 0; border: 0; } .main-content.orth-search .search-col { padding-top: 0px !important; padding-inline-start: 0px !important; } .main-content.orth-search .search-col-field:last-child { margin-bottom: 20px; } .orth-search .RowButtns .ContainerButtons #SearchMterials { width: auto !important; border-radius: 5px; padding: 4px 40px; } .page-component-edu .main-content.orth-search { padding: 16px 0 24px 0; } .main-content.orth-searc h4#findMterials { margin: 0px; } .appendices-files .download-media { background-color: #2C7094; color: white; padding: 4px 20px; } .audio-area { height: 100px; } .audio-area iframe body { background-color: transparent; } .orth-topic-frm #findMterials { margin: 0px; } .page-component-edu:not(.not-shaped) .orth-topic-frm .comp-title-container#search-mterials-title { margin: 0px; } .HeaderMenu nav { background-color: unset; } .topics-fast-search .search-materials-container { display: flex; justify-content: space-between; } @media screen and (max-width: 991px) { .topics-fast-search .search-materials-container { flex-direction: column; gap: 15px; } .topics-fast-search .materials-search-button { align-self: flex-end; } .stock-area .search-fields-wrap { flex-direction: column; } .stock-area .stock-search .select-wrap { flex-direction: column; } .stock-area .stock-search-props { gap: 15px; } .mobile-more-prop { display: flex; flex-direction: row; gap: 8px; } .orth-topic-content .related-topics-classes { border-bottom: 1px solid rgb(202, 221, 233); } .orth-teaching-unit .topic-share-files { flex-direction: column; gap: 15px; } .orth-teaching-unit .topic-share-files .download-media { flex-basis: 100%; } } @media screen and (min-width: 992px) { .related-topics-classes { border-inline-end: 1px solid rgb(202, 221, 233); } .topics-fast-search .search-materials-container { gap: 45px; align-items: center; } .topics-fast-search .search-materials-container .material-search-col-field { display: flex !important; flex-grow: 1; gap: 15px; align-items: center; margin-bottom: 0; } .stock-area .select-btn.narrow-select-btn { width: 95px; } .stock-area .select-btn.topics-select-btn { width: 160px; } .stock-area .stock-search .select-wrap { align-items: baseline; } .related-properties { display: flex; } .orth-topic-properties .box-recommendation { margin-bottom: 20px; display: flex; padding: 16px; align-items: initial; justify-content: space-between; } .topic-more-prop { margin-top: 34px; } .related-topics-classes { margin-inline-end: 20px; flex-grow: 1; padding-inline-end: 5px; } .topic-share-file:not(:first-child) { margin-inline-start: 15px; } .stock-search .stock-bottom-row { display: flex; align-items: baseline; justify-content: space-between; } } .topics-fast-search .search-field-wrap { flex-grow: 1; } .topics-fast-search { white-space: nowrap; } .age-group-components .compt-tit-con h2 { margin: 0; } .media-teaching-unit .topic-files-section .topic-files { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 25px; } .topic-files-section .topic-files .file-line a { display: flex; align-items: center; gap: 5px; } .recording-broadcast .copyright-container { background-color: unset; } .page-component-edu .main-content.recording-broadcast h2 { padding-top: 0; } .copyright-container { padding-inline: 0; } /*.stock-area .btn-multi-select { display: block; height: 36px; padding: 0 10px;*/ /* border: 1px solid #CCCCCC; */ /* border-radius: 0; */ /*background-color: #fff; width: 100%; font-size: 16px; font-family: "Assistant"; background: var(--select-bg); background-repeat: no-repeat; background-position: 4px 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-inline-end: 20px; }*/ .stock-area .wide-select-wrap .select-btn { width: 100%; height: 40px; } .stock-area .med-select-wrap .select-btn { min-width: 200px; } .stock-area .select-wrap label { white-space: nowrap; margin: 0; } .maagar-haklatot-page .form-actions { justify-content: end; margin-top: 20px; display: flex; } .maagar-haklatot-page.orth-teaching-units .form-actions { margin-top: 0; } .stock-area .search-fields-wrap { display: flex; gap: 15px; } .stock-area .stock-search .select-wrap { display: flex; gap: 10px; } .stock-area .wide-select-wrap { flex: 1; } .stock-area .stock-search-props { display: flex; flex-wrap: wrap; gap: 20px; } .stock-area .stock-search-props .stock-search-row { flex-basis: 100%; } .orth-records .stock-item { flex-direction: column; } .topic-share-file .jssocials-share:last-child { margin-inline-start: 0; } /*.topic-share-files .jssocials-share:last-child { margin-inline-start: 0; }*/ .main-content img.video-icon, .main-content img.audio-icon { width: 18px; height: 20px; margin-inline-end: 2px; margin-bottom: 5px; margin-top: 2px; } .topic-share-files .jssocials-shares, .topic-share-files .jssocials-shares .jssocials-share.jssocials-share-email { margin-bottom: 0; } .topic-share-files { margin-bottom: 15px; } .orth-teaching-unit .topic-files-section img.file-extension { width: auto; height: auto; } .orth-teaching-unit.ltr .topic-files-section img.file-extension { transform: rotateY(180deg); } .orth-teaching-unit .topic-files-section .topic-files { display: flex; /*flex-wrap: wrap;*/ flex-direction: column; gap: 10px; margin-bottom: 25px; } .orth-teaching-units .advance-search .arrow-collapse { width: 20px; height: auto; } .orth-teaching-units .stock-summary { margin-top: 15px; } .related-properties { color: var(--title-color); margin-top: 15px; } .orth-records .topic-files { display: flex; gap: 20px; flex-wrap: wrap; } .edu-flex-video-link { /* background-image: url(../mechkar-ve-yedah/images/yedah-placeholder.png); background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; width: 100%; height: 147px;*/ border-radius: var(--item-radius); } @media screen and (min-width: 992px) { .SearchOptionsBox { top: 30px; left: -90px; } } .slick-prev, .slick-next { background-color: transparent; } .advanced-page-components .page-component-edu ul { margin-inline-start: 16px; } .maagar-haklatot-page .text-container.ltr { direction: ltr; text-align: left; } .select-auto-complete-container { position: relative; } .gd button.button-as-link, .button-as-link { background-color: unset; color: var(--link-color-on-l-blue); font-weight: 600; transition: all 0.2s ease-in-out 0s; letter-spacing: normal; padding: 0; text-decoration: underline; } .advance-search img.routed-arrow { transform: rotate(180deg); } .stock-search .select-auto-complete-container ul li a { font-size: 16px; margin-top: 5px; } .stock-search .select-auto-complete-container ul { margin-top: 0; } .ColLoginAndSearch .ContainerSearch { margin-left: 0; padding-inline-end: 7px; border-left: 1px solid #000; } .ColLoginAndSearch .accessibility-container { padding-right: 7px; } @media only screen and (max-width: 768px) { .cust-menu { display: block; } .ColLoginAndSearch { padding-inline-end: 8px; } .IconMenuMobile { width: 21px; margin-top: 3px; } .accessibility-container-mobile .accessibility-toggle img { height: 17px; } } .spinner-message { position: initial; text-align: center; margin-top: -60px; } .content-slider-component .carusel.slides.slick-initialized.slick-slider { padding-bottom: 0; } .content-slider-component .slick-slide { margin-bottom: 0; }