/* Minification failed. Returning unminified contents. (88,33): run-time error CSS1046: Expect comma, found '0' (88,37): run-time error CSS1046: Expect comma, found '/' (520,45): run-time error CSS1019: Unexpected token, found ' ' (520,45): run-time error CSS1019: Unexpected token, found ' ' (520,45): run-time error CSS1042: Expected function, found ' ' (520,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (542,49): run-time error CSS1019: Unexpected token, found ' ' (542,49): run-time error CSS1019: Unexpected token, found ' ' (542,49): run-time error CSS1042: Expected function, found ' ' (542,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (544,54): run-time error CSS1019: Unexpected token, found ' ' (544,54): run-time error CSS1019: Unexpected token, found ' ' (544,54): run-time error CSS1042: Expected function, found ' ' (544,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (546,53): run-time error CSS1019: Unexpected token, found ' ' (546,53): run-time error CSS1019: Unexpected token, found ' ' (546,53): run-time error CSS1042: Expected function, found ' ' (546,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (547,50): run-time error CSS1019: Unexpected token, found ' ' (547,50): run-time error CSS1019: Unexpected token, found ' ' (547,50): run-time error CSS1042: Expected function, found ' ' (547,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2156,43): run-time error CSS1019: Unexpected token, found ' ' (2156,43): run-time error CSS1019: Unexpected token, found ' ' (2156,43): run-time error CSS1042: Expected function, found ' ' (2156,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2157,47): run-time error CSS1019: Unexpected token, found ' ' (2157,47): run-time error CSS1019: Unexpected token, found ' ' (2157,47): run-time error CSS1042: Expected function, found ' ' (2157,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2363,48): run-time error CSS1019: Unexpected token, found ' ' (2363,48): run-time error CSS1019: Unexpected token, found ' ' (2363,48): run-time error CSS1042: Expected function, found ' ' (2363,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2372,52): run-time error CSS1019: Unexpected token, found ' ' (2372,52): run-time error CSS1019: Unexpected token, found ' ' (2372,52): run-time error CSS1042: Expected function, found ' ' (2372,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2379,52): run-time error CSS1019: Unexpected token, found ' ' (2379,52): run-time error CSS1019: Unexpected token, found ' ' (2379,52): run-time error CSS1042: Expected function, found ' ' (2379,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2386,44): run-time error CSS1019: Unexpected token, found ' ' (2386,44): run-time error CSS1019: Unexpected token, found ' ' (2386,44): run-time error CSS1042: Expected function, found ' ' (2386,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2392,50): run-time error CSS1019: Unexpected token, found ' ' (2392,50): run-time error CSS1019: Unexpected token, found ' ' (2392,50): run-time error CSS1042: Expected function, found ' ' (2392,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2398,44): run-time error CSS1019: Unexpected token, found ' ' (2398,44): run-time error CSS1019: Unexpected token, found ' ' (2398,44): run-time error CSS1042: Expected function, found ' ' (2398,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2406,43): run-time error CSS1019: Unexpected token, found ' ' (2406,43): run-time error CSS1019: Unexpected token, found ' ' (2406,43): run-time error CSS1042: Expected function, found ' ' (2406,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2408,48): run-time error CSS1019: Unexpected token, found ' ' (2408,48): run-time error CSS1019: Unexpected token, found ' ' (2408,48): run-time error CSS1042: Expected function, found ' ' (2408,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2410,47): run-time error CSS1019: Unexpected token, found ' ' (2410,47): run-time error CSS1019: Unexpected token, found ' ' (2410,47): run-time error CSS1042: Expected function, found ' ' (2410,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2420,50): run-time error CSS1019: Unexpected token, found ' ' (2420,50): run-time error CSS1019: Unexpected token, found ' ' (2420,50): run-time error CSS1042: Expected function, found ' ' (2420,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2425,48): run-time error CSS1019: Unexpected token, found ' ' (2425,48): run-time error CSS1019: Unexpected token, found ' ' (2425,48): run-time error CSS1042: Expected function, found ' ' (2425,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2433,46): run-time error CSS1019: Unexpected token, found ' ' (2433,46): run-time error CSS1019: Unexpected token, found ' ' (2433,46): run-time error CSS1042: Expected function, found ' ' (2433,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2435,48): run-time error CSS1019: Unexpected token, found ' ' (2435,48): run-time error CSS1019: Unexpected token, found ' ' (2435,48): run-time error CSS1042: Expected function, found ' ' (2435,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2437,47): run-time error CSS1019: Unexpected token, found ' ' (2437,47): run-time error CSS1019: Unexpected token, found ' ' (2437,47): run-time error CSS1042: Expected function, found ' ' (2437,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2448,49): run-time error CSS1019: Unexpected token, found ' ' (2448,49): run-time error CSS1019: Unexpected token, found ' ' (2448,49): run-time error CSS1042: Expected function, found ' ' (2448,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2453,50): run-time error CSS1019: Unexpected token, found ' ' (2453,50): run-time error CSS1019: Unexpected token, found ' ' (2453,50): run-time error CSS1042: Expected function, found ' ' (2453,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2461,47): run-time error CSS1019: Unexpected token, found ' ' (2461,47): run-time error CSS1019: Unexpected token, found ' ' (2461,47): run-time error CSS1042: Expected function, found ' ' (2461,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2463,48): run-time error CSS1019: Unexpected token, found ' ' (2463,48): run-time error CSS1019: Unexpected token, found ' ' (2463,48): run-time error CSS1042: Expected function, found ' ' (2463,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2484,43): run-time error CSS1019: Unexpected token, found ' ' (2484,43): run-time error CSS1019: Unexpected token, found ' ' (2484,43): run-time error CSS1042: Expected function, found ' ' (2484,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2486,48): run-time error CSS1019: Unexpected token, found ' ' (2486,48): run-time error CSS1019: Unexpected token, found ' ' (2486,48): run-time error CSS1042: Expected function, found ' ' (2486,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2507,47): run-time error CSS1019: Unexpected token, found ' ' (2507,47): run-time error CSS1019: Unexpected token, found ' ' (2507,47): run-time error CSS1042: Expected function, found ' ' (2507,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2509,48): run-time error CSS1019: Unexpected token, found ' ' (2509,48): run-time error CSS1019: Unexpected token, found ' ' (2509,48): run-time error CSS1042: Expected function, found ' ' (2509,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2557,45): run-time error CSS1019: Unexpected token, found ' ' (2557,45): run-time error CSS1019: Unexpected token, found ' ' (2557,45): run-time error CSS1042: Expected function, found ' ' (2557,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2559,45): run-time error CSS1019: Unexpected token, found ' ' (2559,45): run-time error CSS1019: Unexpected token, found ' ' (2559,45): run-time error CSS1042: Expected function, found ' ' (2559,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2588,44): run-time error CSS1019: Unexpected token, found ' ' (2588,44): run-time error CSS1019: Unexpected token, found ' ' (2588,44): run-time error CSS1042: Expected function, found ' ' (2588,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2635,43): run-time error CSS1019: Unexpected token, found ' ' (2635,43): run-time error CSS1019: Unexpected token, found ' ' (2635,43): run-time error CSS1042: Expected function, found ' ' (2635,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2636,47): run-time error CSS1019: Unexpected token, found ' ' (2636,47): run-time error CSS1019: Unexpected token, found ' ' (2636,47): run-time error CSS1042: Expected function, found ' ' (2636,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2647,47): run-time error CSS1019: Unexpected token, found ' ' (2647,47): run-time error CSS1019: Unexpected token, found ' ' (2647,47): run-time error CSS1042: Expected function, found ' ' (2647,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2648,48): run-time error CSS1019: Unexpected token, found ' ' (2648,48): run-time error CSS1019: Unexpected token, found ' ' (2648,48): run-time error CSS1042: Expected function, found ' ' (2648,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2659,45): run-time error CSS1019: Unexpected token, found ' ' (2659,45): run-time error CSS1019: Unexpected token, found ' ' (2659,45): run-time error CSS1042: Expected function, found ' ' (2659,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2660,45): run-time error CSS1019: Unexpected token, found ' ' (2660,45): run-time error CSS1019: Unexpected token, found ' ' (2660,45): run-time error CSS1042: Expected function, found ' ' (2660,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2669,45): run-time error CSS1019: Unexpected token, found ' ' (2669,45): run-time error CSS1019: Unexpected token, found ' ' (2669,45): run-time error CSS1042: Expected function, found ' ' (2669,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2670,45): run-time error CSS1019: Unexpected token, found ' ' (2670,45): run-time error CSS1019: Unexpected token, found ' ' (2670,45): run-time error CSS1042: Expected function, found ' ' (2670,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2671,50): run-time error CSS1019: Unexpected token, found ' ' (2671,50): run-time error CSS1019: Unexpected token, found ' ' (2671,50): run-time error CSS1042: Expected function, found ' ' (2671,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3051,41): run-time error CSS1019: Unexpected token, found ' ' (3051,41): run-time error CSS1019: Unexpected token, found ' ' (3051,41): run-time error CSS1042: Expected function, found ' ' (3051,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3072,45): run-time error CSS1019: Unexpected token, found ' ' (3072,45): run-time error CSS1019: Unexpected token, found ' ' (3072,45): run-time error CSS1042: Expected function, found ' ' (3072,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3075,45): run-time error CSS1019: Unexpected token, found ' ' (3075,45): run-time error CSS1019: Unexpected token, found ' ' (3075,45): run-time error CSS1042: Expected function, found ' ' (3075,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3078,51): run-time error CSS1019: Unexpected token, found ' ' (3078,51): run-time error CSS1019: Unexpected token, found ' ' (3078,51): run-time error CSS1042: Expected function, found ' ' (3078,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3104,30): run-time error CSS1039: Token not allowed after unary operator: '-accent-blue' (3105,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-blue' (3105,53): run-time error CSS1039: Token not allowed after unary operator: '-accent-blue' (3325,47): run-time error CSS1019: Unexpected token, found ' ' (3325,47): run-time error CSS1019: Unexpected token, found ' ' (3325,47): run-time error CSS1042: Expected function, found ' ' (3325,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3380,46): run-time error CSS1019: Unexpected token, found ' ' (3380,46): run-time error CSS1019: Unexpected token, found ' ' (3380,46): run-time error CSS1042: Expected function, found ' ' (3380,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3405,46): run-time error CSS1019: Unexpected token, found ' ' (3405,46): run-time error CSS1019: Unexpected token, found ' ' (3405,46): run-time error CSS1042: Expected function, found ' ' (3405,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3588,39): run-time error CSS1019: Unexpected token, found ' ' (3588,39): run-time error CSS1019: Unexpected token, found ' ' (3588,39): run-time error CSS1042: Expected function, found ' ' (3588,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3589,40): run-time error CSS1019: Unexpected token, found ' ' (3589,40): run-time error CSS1019: Unexpected token, found ' ' (3589,40): run-time error CSS1042: Expected function, found ' ' (3589,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3598,47): run-time error CSS1019: Unexpected token, found ' ' (3598,47): run-time error CSS1019: Unexpected token, found ' ' (3598,47): run-time error CSS1042: Expected function, found ' ' (3598,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3624,40): run-time error CSS1019: Unexpected token, found ' ' (3624,40): run-time error CSS1019: Unexpected token, found ' ' (3624,40): run-time error CSS1042: Expected function, found ' ' (3624,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3653,39): run-time error CSS1019: Unexpected token, found ' ' (3653,39): run-time error CSS1019: Unexpected token, found ' ' (3653,39): run-time error CSS1042: Expected function, found ' ' (3653,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3654,40): run-time error CSS1019: Unexpected token, found ' ' (3654,40): run-time error CSS1019: Unexpected token, found ' ' (3654,40): run-time error CSS1042: Expected function, found ' ' (3654,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3658,48): run-time error CSS1019: Unexpected token, found ' ' (3658,48): run-time error CSS1019: Unexpected token, found ' ' (3658,48): run-time error CSS1042: Expected function, found ' ' (3658,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3812,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-80' (3948,44): run-time error CSS1019: Unexpected token, found ' ' (3948,44): run-time error CSS1019: Unexpected token, found ' ' (3948,44): run-time error CSS1042: Expected function, found ' ' (3948,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3952,40): run-time error CSS1019: Unexpected token, found ' ' (3952,40): run-time error CSS1019: Unexpected token, found ' ' (3952,40): run-time error CSS1042: Expected function, found ' ' (3952,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3956,45): run-time error CSS1019: Unexpected token, found ' ' (3956,45): run-time error CSS1019: Unexpected token, found ' ' (3956,45): run-time error CSS1042: Expected function, found ' ' (3956,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3957,45): run-time error CSS1019: Unexpected token, found ' ' (3957,45): run-time error CSS1019: Unexpected token, found ' ' (3957,45): run-time error CSS1042: Expected function, found ' ' (3957,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (3964,44): run-time error CSS1019: Unexpected token, found ' ' (3964,44): run-time error CSS1019: Unexpected token, found ' ' (3964,44): run-time error CSS1042: Expected function, found ' ' (3964,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4013,49): run-time error CSS1019: Unexpected token, found ' ' (4013,49): run-time error CSS1019: Unexpected token, found ' ' (4013,49): run-time error CSS1042: Expected function, found ' ' (4013,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4020,43): run-time error CSS1019: Unexpected token, found ' ' (4020,43): run-time error CSS1019: Unexpected token, found ' ' (4020,43): run-time error CSS1042: Expected function, found ' ' (4020,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4021,45): run-time error CSS1019: Unexpected token, found ' ' (4021,45): run-time error CSS1019: Unexpected token, found ' ' (4021,45): run-time error CSS1042: Expected function, found ' ' (4021,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4023,59): run-time error CSS1019: Unexpected token, found ' ' (4023,59): run-time error CSS1019: Unexpected token, found ' ' (4023,59): run-time error CSS1063: Expected calculation unit, found ' ' (4023,59): run-time error CSS1064: Expected calculation product, found ' ' (4023,59): run-time error CSS1065: Expected calculation sum, found ' ' (4023,59): run-time error CSS1034: (4023,59): run-time error CSS1042: Expected function, found ' ' (4023,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4027,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollBarWidth' (4045,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' (4272,34): run-time error CSS1039: Token not allowed after unary operator: '-subMenuHeight' (4282,34): run-time error CSS1039: Token not allowed after unary operator: '-subMenuHeight' (4337,46): run-time error CSS1019: Unexpected token, found ' ' (4337,46): run-time error CSS1019: Unexpected token, found ' ' (4337,46): run-time error CSS1042: Expected function, found ' ' (4337,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4343,53): run-time error CSS1019: Unexpected token, found ' ' (4343,53): run-time error CSS1019: Unexpected token, found ' ' (4343,53): run-time error CSS1042: Expected function, found ' ' (4343,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4354,21): run-time error CSS1039: Token not allowed after unary operator: '-vh' (4376,23): run-time error CSS1039: Token not allowed after unary operator: '-vh' (4381,23): run-time error CSS1039: Token not allowed after unary operator: '-vh' (4491,45): run-time error CSS1019: Unexpected token, found ' ' (4491,45): run-time error CSS1019: Unexpected token, found ' ' (4491,45): run-time error CSS1042: Expected function, found ' ' (4491,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4492,50): run-time error CSS1019: Unexpected token, found ' ' (4492,50): run-time error CSS1019: Unexpected token, found ' ' (4492,50): run-time error CSS1042: Expected function, found ' ' (4492,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4523,51): run-time error CSS1019: Unexpected token, found ' ' (4523,51): run-time error CSS1019: Unexpected token, found ' ' (4523,51): run-time error CSS1042: Expected function, found ' ' (4523,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4545,49): run-time error CSS1019: Unexpected token, found ' ' (4545,49): run-time error CSS1019: Unexpected token, found ' ' (4545,49): run-time error CSS1042: Expected function, found ' ' (4545,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4546,51): run-time error CSS1019: Unexpected token, found ' ' (4546,51): run-time error CSS1019: Unexpected token, found ' ' (4546,51): run-time error CSS1042: Expected function, found ' ' (4546,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4677,33): run-time error CSS1039: Token not allowed after unary operator: '-menuItemIndex' (4706,45): run-time error CSS1019: Unexpected token, found ' ' (4706,45): run-time error CSS1019: Unexpected token, found ' ' (4706,45): run-time error CSS1042: Expected function, found ' ' (4706,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4743,43): run-time error CSS1019: Unexpected token, found ' ' (4743,43): run-time error CSS1019: Unexpected token, found ' ' (4743,43): run-time error CSS1042: Expected function, found ' ' (4743,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4769,51): run-time error CSS1019: Unexpected token, found ' ' (4769,51): run-time error CSS1019: Unexpected token, found ' ' (4769,51): run-time error CSS1042: Expected function, found ' ' (4769,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4772,43): run-time error CSS1019: Unexpected token, found ' ' (4772,43): run-time error CSS1019: Unexpected token, found ' ' (4772,43): run-time error CSS1042: Expected function, found ' ' (4772,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4774,48): run-time error CSS1019: Unexpected token, found ' ' (4774,48): run-time error CSS1019: Unexpected token, found ' ' (4774,48): run-time error CSS1042: Expected function, found ' ' (4774,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4896,43): run-time error CSS1019: Unexpected token, found ' ' (4896,43): run-time error CSS1019: Unexpected token, found ' ' (4896,43): run-time error CSS1042: Expected function, found ' ' (4896,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4897,48): run-time error CSS1019: Unexpected token, found ' ' (4897,48): run-time error CSS1019: Unexpected token, found ' ' (4897,48): run-time error CSS1042: Expected function, found ' ' (4897,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4967,21): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (4974,51): run-time error CSS1019: Unexpected token, found ' ' (4974,51): run-time error CSS1019: Unexpected token, found ' ' (4974,51): run-time error CSS1042: Expected function, found ' ' (4974,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4975,29): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (4981,51): run-time error CSS1019: Unexpected token, found ' ' (4981,51): run-time error CSS1019: Unexpected token, found ' ' (4981,51): run-time error CSS1042: Expected function, found ' ' (4981,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4982,29): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (4982,85): run-time error CSS1019: Unexpected token, found ' ' (4982,85): run-time error CSS1019: Unexpected token, found ' ' (4982,85): run-time error CSS1063: Expected calculation unit, found ' ' (4982,85): run-time error CSS1064: Expected calculation product, found ' ' (4982,85): run-time error CSS1065: Expected calculation sum, found ' ' (4982,85): run-time error CSS1034: (4982,85): run-time error CSS1042: Expected function, found ' ' (4982,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4988,30): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (4988,86): run-time error CSS1019: Unexpected token, found ' ' (4988,86): run-time error CSS1019: Unexpected token, found ' ' (4988,86): run-time error CSS1063: Expected calculation unit, found ' ' (4988,86): run-time error CSS1064: Expected calculation product, found ' ' (4988,86): run-time error CSS1065: Expected calculation sum, found ' ' (4988,86): run-time error CSS1034: (4988,86): run-time error CSS1042: Expected function, found ' ' (4988,86): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4989,50): run-time error CSS1019: Unexpected token, found ' ' (4989,50): run-time error CSS1019: Unexpected token, found ' ' (4989,50): run-time error CSS1042: Expected function, found ' ' (4989,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4995,30): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (4995,88): run-time error CSS1019: Unexpected token, found ' ' (4995,88): run-time error CSS1019: Unexpected token, found ' ' (4995,88): run-time error CSS1063: Expected calculation unit, found ' ' (4995,88): run-time error CSS1064: Expected calculation product, found ' ' (4995,88): run-time error CSS1065: Expected calculation sum, found ' ' (4995,88): run-time error CSS1034: (4995,88): run-time error CSS1042: Expected function, found ' ' (4995,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4996,50): run-time error CSS1019: Unexpected token, found ' ' (4996,50): run-time error CSS1019: Unexpected token, found ' ' (4996,50): run-time error CSS1042: Expected function, found ' ' (4996,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5004,17): run-time error CSS1039: Token not allowed after unary operator: '-gutterWidth' (5008,46): run-time error CSS1019: Unexpected token, found ' ' (5008,46): run-time error CSS1019: Unexpected token, found ' ' (5008,46): run-time error CSS1042: Expected function, found ' ' (5008,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5034,27): run-time error CSS1039: Token not allowed after unary operator: '-vh' (5052,23): run-time error CSS1039: Token not allowed after unary operator: '-subMenuHeight' (5245,46): run-time error CSS1019: Unexpected token, found ' ' (5245,46): run-time error CSS1019: Unexpected token, found ' ' (5245,46): run-time error CSS1042: Expected function, found ' ' (5245,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5247,48): run-time error CSS1019: Unexpected token, found ' ' (5247,48): run-time error CSS1019: Unexpected token, found ' ' (5247,48): run-time error CSS1042: Expected function, found ' ' (5247,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5297,47): run-time error CSS1019: Unexpected token, found ' ' (5297,47): run-time error CSS1019: Unexpected token, found ' ' (5297,47): run-time error CSS1042: Expected function, found ' ' (5297,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5299,48): run-time error CSS1019: Unexpected token, found ' ' (5299,48): run-time error CSS1019: Unexpected token, found ' ' (5299,48): run-time error CSS1042: Expected function, found ' ' (5299,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5304,47): run-time error CSS1019: Unexpected token, found ' ' (5304,47): run-time error CSS1019: Unexpected token, found ' ' (5304,47): run-time error CSS1042: Expected function, found ' ' (5304,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5305,48): run-time error CSS1019: Unexpected token, found ' ' (5305,48): run-time error CSS1019: Unexpected token, found ' ' (5305,48): run-time error CSS1042: Expected function, found ' ' (5305,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5309,47): run-time error CSS1019: Unexpected token, found ' ' (5309,47): run-time error CSS1019: Unexpected token, found ' ' (5309,47): run-time error CSS1042: Expected function, found ' ' (5309,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5310,48): run-time error CSS1019: Unexpected token, found ' ' (5310,48): run-time error CSS1019: Unexpected token, found ' ' (5310,48): run-time error CSS1042: Expected function, found ' ' (5310,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5344,49): run-time error CSS1019: Unexpected token, found ' ' (5344,49): run-time error CSS1019: Unexpected token, found ' ' (5344,49): run-time error CSS1042: Expected function, found ' ' (5344,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5351,47): run-time error CSS1019: Unexpected token, found ' ' (5351,47): run-time error CSS1019: Unexpected token, found ' ' (5351,47): run-time error CSS1042: Expected function, found ' ' (5351,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5368,49): run-time error CSS1019: Unexpected token, found ' ' (5368,49): run-time error CSS1019: Unexpected token, found ' ' (5368,49): run-time error CSS1042: Expected function, found ' ' (5368,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5388,47): run-time error CSS1019: Unexpected token, found ' ' (5388,47): run-time error CSS1019: Unexpected token, found ' ' (5388,47): run-time error CSS1042: Expected function, found ' ' (5388,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ .word-break { white-space: normal; word-break: break-word; -ms-word-break: break-all; overflow-wrap: break-word; word-wrap: break-word; } #logoutForm { align-items: stretch !important; } .fa-container { display: inline-block; width: 25px; } body.modal-open { overflow: hidden; left: 0; right: 0; } .modal { -webkit-overflow-scrolling: touch; } select:disabled { color: #89888a; } @media (max-width: 575.98px) { .nav-link { padding: 0.5rem; } } .navbar-brand { margin-right: -1rem; } .explanatory { font-weight: bold !important; } @media (min-width: 768px) { .nav-main .nav-link.nav-mobile-item { display: none; } } .program-banner .program-title h4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; margin: 0.2rem 0; } @keyframes spin { 0% { -ms-transform: rotate(0deg); /*IE 9*/ transform: rotate(0deg); -ms-transform-origin: 50.01%; /*IE 9*/ transform-origin: 50.01%; /*Prevent shaking on IE or Edge*/ } 100% { -ms-transform: rotate(360deg); /*IE 9*/ transform: rotate(360deg); -ms-transform-origin: 50.01%; /*IE 9*/ transform-origin: 50.01%; /*Prevent shaking on IE or Edge*/ } } .app-steps { margin: 1rem 0 0; } .application { margin-top: 0; background-color: white; border-radius: 0.75rem; box-shadow: 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #dcdcdc; padding-bottom: 1.75rem; } .ui-datepicker-header .ui-datepicker-prev::before { font-family: "Font Awesome 5 Solid"; content: "\f053"; display: none; } .ui-datepicker-header .ui-datepicker-next::before { font-family: "Font Awesome 5 Solid"; content: "\f054"; display: none; } .fixed-table { table-layout: fixed; } /*LOGIN-REGISTRATION*/ @media (min-width: 576px) { .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } } /*LOGIN-REGISTRATION*/ /*PROGRAM SELECTION*/ .selectable-cards .card { /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dcdcdc;*/ border: 1px solid #fff; background-color: #fff !important; } .selectable-cards .card:hover { cursor: pointer; background-color: #e6eeee !important; } .selectable-cards .card.selected, .selectable-cards .card.selected:hover { background-color: #cce6ff !important; border: 1px solid #a6d3ff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #baddff; } .selectable-cards .fa-check-circle { margin-right: 0.25rem; } /*PROGRAM SELECTION*/ /*TESTIMONIALS*/ .testimonials blockquote { font-style: italic; margin-bottom: 0 !important; } /*TESTIMONIALS*/ /*PROGRAM PAGES*/ .program-body .selectable-cards p, .program-body .selectable-cards a { color: #333; } .rb-list input[type="radio"] { margin-right: 0.25rem; } .rb-list label { margin-right: 0.5rem; display: inline; } .rb-list td { padding-bottom: 0.25rem; } .errmessage { color: #ff4545; } .validsummary { display: block; } .clear-background { background: none !important; } a.btn { color: #fff; } @media (min-width: 992px) { .col .btn.col-lg-6 { max-width: 25% !important; } } @media (min-width: 768px) { .col .btn.col-md-8 { max-width: 33.33%; } } /*PROGRAM PAGES*/ /*FLIGHT REQUEST*/ #tblItinerary td { vertical-align: initial; } /*FLIGHT REQUEST*/ /*BILLING*/ .billing-balance { background-color: #ffffc6; padding: 0.25rem; width: max-content; } /*BILLING*/ /*TODO LIST*/ .todo-complete { color: #88bd42; } /*TODO LIST*/ /*AGREEMENT*/ @media (max-width: 992px) { .card-link + .card-link { margin-left: 0; } .card-link { display: block; } } /*AGREEMENT*/ /*PROFILE*/ .school-name-label { font-size: 13px; line-height: 1; margin-top: 0.5rem; margin-bottom: 0.25rem; } .adr, .school-name { line-height: 1.2; } /*PROFILE*/ /*PASSPORT INFORMATION*/ @media (max-width: 576px) { .valid-passport.rb-list td { display: block; } } /*PASSPORT INFORMATION*/ body { overflow-y: scroll !important; padding-right: 0 !important; } /*SUMMARY*/ dl { display: grid; display: -ms-grid; line-height: 1.3rem; } dt { font-weight: 700; grid-column-start: 1; -ms-grid-column: 1; width: 100%; } dd { margin-bottom: .5rem; margin-left: .5rem; grid-column-start: 2; -ms-grid-column: 2; width: 100%; } .dl-item-1 { -ms-grid-row: 1; } .dl-item-2 { -ms-grid-row: 2; } .dl-item-3 { -ms-grid-row: 3; } .dl-item-4 { -ms-grid-row: 4; } .dl-item-5 { -ms-grid-row: 5; } .dl-item-6 { -ms-grid-row: 6; } .dl-item-7 { -ms-grid-row: 7; } .dl-item-8 { -ms-grid-row: 8; } .dl-item-9 { -ms-grid-row: 9; } .dl-item-10 { -ms-grid-row: 10; } .dl-item-11 { -ms-grid-row: 11; } .dl-item-12 { -ms-grid-row: 12; } /*SUMMARY*/ /*CONSENT*/ .large { font-size: 2.125rem; font-weight: 300; border-bottom: 1px solid #333; } .inline { display: inline !important; } /*CONSENT*/ /*VIRTUAL PROGRAM AGREEMENT*/ .program-contract { margin: 0em 1rem 1.825rem; padding: 0.625rem; height: 55vh; min-height: 18.75rem; overflow: auto; border: 1px inset #afafaf; } .program-contract > ol { list-style: lower-alpha; } .program-contract > ol > ol { margin: 1rem 0; list-style: lower-roman; } .program-contract > strong[role="heading"] { display: block; margin: 2.125rem 0 1rem; text-transform: uppercase; } /*VIRTUAL PROGRAM AGREEMENT*/ /*CODE OF CONDUCT*/ .code-of-conduct { margin: 0em 1rem 1.825rem; padding: 0.625rem; height: 55vh; min-height: 18.75rem; overflow: auto; border: 1px inset #afafaf; } .pcode-of-conduct > strong[role="heading"] { display: block; margin: 2.125rem 0 1rem; text-transform: uppercase; } /*CODE OF CONDUCT*/ /*LOCATION CONTENT*/ .location { margin-bottom: 1.5rem; } .location .header { margin: 0.5rem 0 1.0625rem; font-size: 2rem; font-weight: 300; background: none; } .location-title { margin: 1rem 0.9375rem 0; border-bottom: none; padding: 1.25rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } @media (max-width: 767.98px) { .location-title { margin: 4rem -15px 0; padding: 1rem 0.625rem; border: none; border-radius: 0; } } .location-bg { height: 30rem; background-color: #333; } @media (max-width: 767.98px) { .location-title.location-bg { height: 7.5rem; } } .location-title h1 { font-size: 3.125rem; font-weight: 500; color: #fff; text-shadow: 1px 1px 5px #000; } @media (max-width: 767.98px) { .location-title h1 { margin-top: -4rem; margin-left: 1.5rem; font-weight: 300; color: inherit; text-shadow: none; } } /*CAREER VIDEO*/ .video-viewer { list-style: none; margin: 0; padding: 0; color: #333; background: #fff; } .video-item { padding: 0.5rem; border-bottom: 1px solid #ddd; } .video-details { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; background: none; border: none; cursor: pointer; } .video-img { width: 12.5rem; margin-right: 1.125rem; } .video-text { flex: 2; text-align: left; } .video-title { font-size: 1.1875rem; font-weight: 500; } .video-description { margin: 1rem 0; } @media (max-width: 767.9px) { .video-viewer { margin: 0; box-shadow: 0 1px 4px #999; border-radius: 0.25rem; } .video-item:first-of-type { border-top: 1px solid #ddd; } .video-description { display: none } .video-img { width: 7.8125rem; margin-right: 0.875rem; } .video-title { font-size: 0.9375rem; } } /*CUSTOM STYLING 20220920*/ @media(min-width: 62rem) { .main-header { box-shadow: 0rem 1rem 3.375rem .75rem rgba(0,43,128,.08) } } .section-header { margin-bottom: 0px !important; font-size: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem) !important; font-family: "Oswald", sans-serif !important; } .no-after:after { content: none !important; } .student-profile img { width: 33% !important; } .program-banner { background: #f3f7f7; } main { background-color: #f3f7f7; } .program-banner .program-title h1 { font-weight: 700; font-size: clamp(2rem, 0.2056074766rem + 3.738317757vw, 3.5rem); font-family: "Oswald", sans-serif; line-height: clamp(2.25rem, 0.4556074766rem + 3.738317757vw, 3.75rem); text-transform: uppercase; margin-bottom: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem); margin-top: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem); color: #1f386b; text-align: center; } .program-body h1, .program-body h2 { color: #1f386b; padding-bottom: 0px; margin-bottom: 0px; font-family: "Oswald", sans-serif !important; } .program-body .card-info, .student-reviews .info, .program-body .card-info, .student-profile .profile-actions, .student-profile .vcard, .modal-content, .program-interest .card { background: #fff !important; border-color: #fff; } .card, .student-reviews .info, .program-body .card-info, .student-profile .profile-actions, .student-profile .vcard { border-radius: .75rem; border: 0px !important; } .card.program-photo-card > img { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .program-applications .list-group { border-radius: .75rem; background-color: #fff; /*box-shadow: 0rem 1rem 3.375rem .75rem rgba(0,43,128,.08);*/ overflow: hidden } .program-applications .list-group li { border: 1px solid #fff; } .program-applications .list-group li:not(:first-child) { border-top: 1px solid #dddddd; } .program-applications h5 { color: #1f386b; } .student-profile .full-name { color: #1f386b; } .section-header { color: #1f386b; } button[type="submit"], .btn-success { background: #337ab7 !important; border: 1px solid #1b76c5 !important; } .btn-success:hover { background: #66CA3F !important; border-color: #cccccc !important; color: #262626 !important; } .btn-secondary { color: #1b76c5 !important; background-color: transparent; border-color: #1b76c5; } .btn-secondary:hover { color: #fff !important; background-color: #13558f; border-color: #13558f; } .navbar-inverse { background: #FFF; min-height: 5.25rem; border-bottom: 1px solid #c3d5d5; } .navbar-inverse a { color: #2b2e34; } .navbar-inverse .sections-nav li, .navbar-inverse .connect-nav li { font-size: 14px; font-weight: 700; } .navbar-inverse .sections-nav a { padding-left: 0px; padding-right: 0px; } .navbar-inverse .connect-nav a { padding-left: 8px; padding-right: 8px; } .navbar-inverse .sections-nav a:hover, .navbar-inverse .sections-nav a:focus, .navbar-inverse .connect-nav a:hover, .navbar-inverse .connect-nav a:focus { background: none; color: #13558f; text-decoration: none } .navbar-inverse .social-list { border-left: none; border-right: none; } .navbar-inverse .connect-nav li:nth-of-type(1n+2) { border-left: none; } .navbar-inverse .logo { padding-top: 10px; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .nav-main .nav-link { color: #2b2e34; font-weight: 700; } .nav-main .nav-link.active, .nav-main .nav-link:active, .nav-main .nav-link:hover, .nav-main .nav-link:focus { background: none; color: #13558f; } .nav-main .navbar-brand img { width: auto; } .nav-main .navbar-toggler:active, .nav-main .navbar-toggler:hover, .nav-main .navbar-toggler:focus{ background: none; } .nav-main .nav-item { padding: 0px; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #ffffff !important; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #495057; font-weight: bold; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #495057; background-color: #ffffff !important; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #495057; font-weight: bold; } .label, .badge { border-radius: 100rem; } .app-steps .step a.complete { color: #145690; } .app-steps .step a.active { color: #1f386b; } @media(max-width: 991.98px) { .nav-main .container .logo img { max-width: 13rem } .navbar > .container, .navbar > .container-fluid { justify-content: space-between; } .nav-main .navbar-toggler { margin-right: 0px; border: none; font-size: 1.75rem; } } @media(max-width: 1120px) { .navbar-inverse { display: flex; } .navbar-nav { flex-direction: column !important; } .navbar-expand-md .navbar-toggler { display: block; } .collapse:not(.show) { display: none !important; } .navbar-expand-md .navbar-collapse.collapse.show { } .sections-nav, .connect-nav, .social-list { display: none !important; } .nav-main .container .logo img { max-width: 13rem } .navbar > .container, .navbar > .container-fluid { justify-content: space-between; } .nav-main .navbar-toggler { margin-right: 0px; border: none; font-size: 1.75rem; } } button:focus { outline: none; } .scholarship-cards { float: none; margin: 0.625rem; border-bottom: 3px solid #88bd42; border-radius: .75rem; box-shadow: 0rem 1rem 3.375rem .75rem rgba(0,43,128,.08); opacity: .7; overflow: hidden; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .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-left-radius: 3px; } .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-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .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; } .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; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 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-left: 0; } .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: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .transparent-background { background: rgba(255,255,255, 0.01); } .reject-error { white-space: pre-line; } /* HOME APPLICATION LIST */ .panel .panel-body-section { border-left: 1px solid #337ab7 !important; border-right: 1px solid #337ab7 !important; } .panel .panel-body-section.application-deadlines { border-top: 1px solid #ffd4b3; } .panel .panel-body-section.application-deadlines .panel-deadline-header { background: #337ab7; } .panel .panel-body-section.application-deadlines .panel-deadline-header a { color: #fff; } .panel .panel-body-section.application-deadlines .application-deadline-note { font-size: 12px; font-style: italic; display: block; } .panel .panel-body-section.application-deadlines table tbody td { vertical-align: top; padding-top: 0.5rem; padding-bottom: 0.5rem; } /* HOME APPLICATION LIST */ .question-resource-link { display: block; font-style: italic; margin-top: -10px; font-size: small; } .field-required::after { content: ' *'; color: red; } /*IE-specific style fixes*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .navbar-inverse .social-list a { padding-top: 0.2rem !important; } .form-control { min-height: calc(2.45rem + 2px) !important; } .main-footer dl dd { margin: 0 0 0 3rem !important; line-height: 1.3rem !important; } .sticky-top.at-top { position: fixed; top: 0; z-index: 1020; width: 100%; } } /* temp fix for EDGE while position:sticky is not yet fully supported */ @media (min-width: 768px) { @supports (-ms-ime-align:auto) { .sticky-top.at-top { position: fixed; top: 0; z-index: 1020; width: 100%; } } } .application .application-header span { padding:0 !important; } @charset "UTF-8"; /* stylelint-disable order/order */ /* stylelint-enable order/order */ /**************** * Fonts ****************/ /**************** * Paints ****************/ /**************** * Effects ****************/ /**************** * Grid Settings ****************/ @font-face { font-weight: 400; font-family: 'nature-beauty'; font-style: normal; src: url('../fonts/nature-beauty.woff2') format('woff2'); } @font-face { font-weight: 400; font-family: iconfont-AIFS; font-style: normal; src: url(../fonts/iconfont-AIFS.woff2) format("woff2"); } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimCw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUtiZTaR.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUJiZTaR.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUliZTaR.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUhiZTaR.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiZQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [class^=icon-]::before, [class*=" icon-"]::before { font-weight: 400; font-size: 1.5rem; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-osx-font-smoothing: grayscale; /* stylelint-disable-line order/properties-alphabetical-order */ -webkit-font-smoothing: antialiased; /* stylelint-disable-line order/properties-alphabetical-order */ } .icon-social-betterment::before { content: "\ea3f"; } .icon-social-facebook-sm::before { content: "\ea40"; } .icon-social-facebook::before { content: "\ea41"; } .icon-social-instagram::before { content: "\ea42"; } .icon-social-justice::before { content: "\ea43"; } .icon-social-linkedin-sm::before { content: "\ea44"; } .icon-social-linkedin::before { content: "\ea45"; } .icon-social-pinterest-sm::before { content: "\ea46"; } .icon-social-tiktok::before { content: "\ea47"; } .icon-social-twitter-sm::before { content: "\ea48"; } .icon-social-twitter::before { content: "\ea49"; } .icon-social-youtube::before { content: "\ea4a"; } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } a { color: #1b76c5; text-decoration: none; background-color: transparent; } a:hover { color: #13558f; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; /*margin-bottom: 0.5rem;*/ } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container { width: 100%; padding-right: 0.9375rem; padding-left: 0.9375rem; margin-right: auto; margin-left: auto; max-width: 36rem; } @media (min-width: 36rem) { .container { max-width: 48rem; } } @media (min-width: 48rem) { .container { max-width: 62rem; } } @media (min-width: 62rem) { .container { max-width: 75rem; } } @media (min-width: 75rem) { .container { max-width: 88.125rem; } } .container-fluid { width: 100%; padding-right: 0.9375rem; padding-left: 0.9375rem; margin-right: auto; margin-left: auto; } /* stylelint-disable max-line-length */ /* stylelint-enable max-line-length */ /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { margin: 0; font-size: 2rem; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { height: 0; /* 1 */ box-sizing: content-box; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-size: 1rem; /* 2 */ font-family: monospace; /* 1 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ border-bottom: none; /* 1 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-size: 1rem; /* 2 */ font-family: monospace; /* 1 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { color: #fff; background-color: #006bb2; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25rem; } sup { top: -0.5rem; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 0.0625rem dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { padding: 0; /* 2 */ box-sizing: border-box; /* 1 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { outline-offset: 0.125rem; /* 2 */ -webkit-appearance: textfield; /* 1 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { font: inherit; /* 2 */ -webkit-appearance: button; /* 1 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /** * Base styles that aim to normalize fonts, and display of elements * across browsers, and make writing further styles easier. */ /* Set font and clear body padding */ html, button, input, select, textarea { font-family: "DM Sans", sans-serif; } body { min-width: 20rem; margin: 0; color: #2b2e34; font-family: "DM Sans", sans-serif !important; background-color: #fff; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: clamp(1rem, 0.8504672897rem + 0.3115264798vw, 1rem); line-height: clamp(1.5rem, 1.2009345794rem + 0.6230529595vw, 1.5rem); } @media (min-width: 62rem) { body::before { position: fixed; top: 0; left: 0; content: ""; z-index: 5; width: 100%; height: 100%; background-color: #000; opacity: 0; pointer-events: none; transition: opacity 0.4s ease-in-out; } } body.lock-scroll, body.mega-menu-open, body.sub-menu-open { overflow: hidden; } body.lock-scroll::before, body.mega-menu-open::before, body.sub-menu-open::before { opacity: 0.7; } body.resizing * { transition: none !important; } body.overlayed #page { position: relative; } body.overlayed #page::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: 9; display: block; background: rgba(0, 0, 0, 0.75); } body.overlayed #page .main-header { background-color: #fff; } /* Setting sizes is much more predictable with border-box */ *, *::before, *::after { box-sizing: border-box; } figure { margin: 0; } /* Make all images responsive */ img { height: auto; max-width: 100%; vertical-align: middle; } hr { /*margin: 3rem 0;*/ border-top: 1px solid #687d8d; } /* Normalize links across browsers */ a { text-decoration: none; transition: color 0.3s ease-in-out; } a:hover { text-decoration: none; } a:not([class]) { /*text-decoration: underline;*/ word-wrap: break-word; } a:not([class]):hover, a:not([class]):focus { text-decoration: underline; } a:not([class]) img { border: 0; } .bg-navy a:not([class]) { color: #fff; } .bg-navy a:not([class]):hover, .bg-navy a:not([class]):focus { color: #dae7e7; } .tablet-checker { display: none; } @media (max-width: 61.98rem) { .tablet-checker { display: block; } } @media (min-width: 62rem) { .container--full { max-width: 102.5rem; } } @media (max-width: 47.98rem) { .container-fluid { padding: 0 1.25rem; } } @media (max-width: 61.98rem) { .row { margin: 0 -0.625rem; } } @media (max-width: 35.98rem) { .row { margin: 0 -0.46875rem; } } @media (max-width: 61.98rem) { *[class*=col-] { padding: 0 0.625rem; } } @media (max-width: 35.98rem) { *[class*=col-] { padding: 0 0.46875rem; } } #page { position: relative; } /* Set custom outline styles */ a:focus, button:focus, input:focus, select:focus, textarea:focus { outline: none; } html.user-tab-nav a:focus, html.user-tab-nav button:focus, html.user-tab-nav input:focus, html.user-tab-nav select:focus, html.user-tab-nav textarea:focus { outline: 0.125rem solid #7aacfe; outline-offset: 0; } .visually-hidden { position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; white-space: nowrap; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); pointer-events: none; } /** * WordPress specific base styles. */ .gm-style img { max-width: none; } .media img, .media video, .media object, .media iframe { width: 100%; height: auto; } .navigation.pagination { clear: both; } .wp-caption { max-width: 100%; } .wp-caption-text { padding: 0.3125rem 0; font-size: 0.9375rem; line-height: 1.375rem; } h2:first-child, .t2:first-child, .has-t-2-font-size:first-child, h3:first-child, .t3:first-child, .has-t-3-font-size:first-child, h4:first-child, .t4:first-child, .has-t-4-font-size:first-child, h5:first-child, .t5:first-child, .has-t-5-font-size:first-child, h6:first-child, .t6:first-child, .has-t-6-font-size:first-child { margin-top: 0; } h2:last-child, .t2:last-child, .has-t-2-font-size:last-child, h3:last-child, .t3:last-child, .has-t-3-font-size:last-child, h4:last-child, .t4:last-child, .has-t-4-font-size:last-child, h5:last-child, .t5:last-child, .has-t-5-font-size:last-child, h6:last-child, .t6:last-child, .has-t-6-font-size:last-child { margin-bottom: 0; } .has-display-font-size { color: #e6eeee; font-weight: 400; font-size: clamp(2.375rem, 0.683411215rem + 3.6074766355vw, 4.625rem); font-family: 'nature-beauty', sans-serif; line-height: 2; white-space: nowrap; } .has-display-font-size .fit .aifs-title { color: #e6eeee; font-weight: 750; font-family: sans-serif; font-size: clamp(3.375rem, 0.683411215rem + 4.607477vw, 5.625rem); line-height: 1; white-space: nowrap; } @media (max-width: 767.98px){ .has-display-font-size { font-size: clamp(2.375rem, 0.683411215rem + 3.6074766355vw, 4.625rem); white-space: inherit; word-wrap: break-word; } } p + .has-display-font-size, *:not(p):not(.acf-block) + .has-display-font-size { margin-top: clamp(4rem, 1.6074766355rem + 4.984423676vw, 6rem); } .has-display-2-font-size { color: #e6eeee; font-weight: 400; font-size: clamp(2.8125rem, 1.3171728972rem + 3.1152647975vw, 4.0625rem); font-family: 'nature-beauty', sans-serif; line-height: 1.6; white-space: nowrap; } p + .has-display-2-font-size, *:not(p):not(.acf-block) + .has-display-2-font-size { margin-top: clamp(4rem, 1.6074766355rem + 4.984423676vw, 6rem); } h1, .t1, .has-t-1-font-size { color: #1f386b; font-weight: 700; font-size: clamp(2rem, 0.2056074766rem + 3.738317757vw, 3.5rem); font-family: "Oswald", sans-serif; line-height: clamp(2.25rem, 0.4556074766rem + 3.738317757vw, 3.75rem); text-transform: uppercase; margin-bottom: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem); } h1:last-child, .t1:last-child, .has-t-1-font-size:last-child { margin-bottom: 0; } .has-display-font-size + h1, .has-display-font-size + .t1, .has-display-font-size + .has-t-1-font-size { margin-top: clamp(-5.125rem, -2.1051401869rem + -3.4267912773vw, -3.75rem); } .has-display-2-font-size + h1, .has-display-2-font-size + .t1, .has-display-2-font-size + .has-t-1-font-size { margin-top: clamp(-2.75rem, -0.828271028rem + -2.1806853583vw, -1.875rem); } h2, .t2, .has-t-2-font-size { color: #1f386b; font-weight: 700; font-size: clamp(1.75rem, 0.5537383178rem + 2.492211838vw, 2.75rem); font-family: "Oswald", sans-serif; line-height: clamp(2.25rem, 1.0537383178rem + 2.492211838vw, 3.25rem); text-transform: uppercase; margin-bottom: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem); } h2:last-child, .t2:last-child, .has-t-2-font-size:last-child { margin-bottom: 0; } .has-display-font-size + h2, .has-display-font-size + .t2, .has-display-font-size + .has-t-2-font-size { margin-top: clamp(-4.75rem, -2.0046728972rem + -3.1152647975vw, -3.5rem); } .has-display-2-font-size + h2, .has-display-2-font-size + .t2, .has-display-2-font-size + .has-t-2-font-size { margin-top: clamp(-2.625rem, -0.8405373832rem + -2.0249221184vw, -1.8125rem); } h3, .t3, .has-t-3-font-size { color: #1f386b; font-weight: 700; font-size: clamp(1.3125rem, 0.789135514rem + 1.0903426791vw, 1.75rem); font-family: "DM Sans", sans-serif; line-height: clamp(1.75rem, 0.8528037383rem + 1.8691588785vw, 2.5rem); text-transform: none; margin-bottom: 1rem; } h3:last-child, .t3:last-child, .has-t-3-font-size:last-child { margin-bottom: 0; } p + h3, *:not(p):not(.acf-block) + h3, p + .t3, *:not(p):not(.acf-block) + .t3, p + .has-t-3-font-size, *:not(p):not(.acf-block) + .has-t-3-font-size { margin-top: 1rem; } h4, .t4, .has-t-4-font-size { font-weight: 700; font-size: clamp(1rem, 0.8504672897rem + 0.3115264798vw, 1.125rem); font-family: "DM Sans", sans-serif; line-height: clamp(1.25rem, 0.6518691589rem + 1.246105919vw, 1.75rem); text-transform: none; margin-bottom: 0.5rem; } h4:last-child, .t4:last-child, .has-t-4-font-size:last-child { margin-bottom: 0; } p + h4, *:not(p):not(.acf-block) + h4, p + .t4, *:not(p):not(.acf-block) + .t4, p + .has-t-4-font-size, *:not(p):not(.acf-block) + .has-t-4-font-size { margin-top: 1rem; } h5, .t5, .has-t-5-font-size { font-weight: 700; font-size: clamp(0.875rem, 0.7254672897rem + 0.3115264798vw, 1rem); font-family: "DM Sans", sans-serif; line-height: clamp(1.25rem, 0.9509345794rem + 0.6230529595vw, 1.5rem); text-transform: none; margin-bottom: 0.5rem; } h5:last-child, .t5:last-child, .has-t-5-font-size:last-child { margin-bottom: 0; } p + h5, *:not(p):not(.acf-block) + h5, p + .t5, *:not(p):not(.acf-block) + .t5, p + .has-t-5-font-size, *:not(p):not(.acf-block) + .has-t-5-font-size { margin-top: 1rem; } h6, .t6, .has-t-6-font-size { font-weight: 700; font-size: 0.9rem; font-family: "DM Sans", sans-serif; line-height: 1rem; letter-spacing: 0.025rem; text-transform: none; margin-bottom: 0.5rem; } h6:last-child, .t6:last-child, .has-t-6-font-size:last-child { margin-bottom: 0; } p + h6, *:not(p):not(.acf-block) + h6, p + .t6, *:not(p):not(.acf-block) + .t6, p + .has-t-6-font-size, *:not(p):not(.acf-block) + .has-t-6-font-size { margin-top: 1rem; } p:not([class]) + h6, p:not([class]) + .t6, p:not([class]) + .has-t-6-font-size { margin-top: 0.5rem; } .has-stat-font-size { font-weight: 700; font-size: clamp(2.5rem, 1.3037383178rem + 2.492211838vw, 3.5rem); font-family: "Oswald", sans-serif; line-height: clamp(3rem, 1.8037383178rem + 2.492211838vw, 4rem); margin-bottom: 0.5rem; } .has-stat-font-size:last-child { margin-bottom: 0; } p:last-child { margin-bottom: 0; } div:not(p):not(.acf-block) + p { margin-top: 1.5rem; } p:not([class*=-font-size]):not(.block-editor-block-list__block) { font-weight: 400; /*font-size: clamp(1rem, 0.8504672897rem + 0.3115264798vw, 1.125rem); line-height: clamp(1.5rem, 1.2009345794rem + 0.6230529595vw, 1.75rem);*/ /*margin-bottom: 1.5rem;*/ } p:not([class*=-font-size]):not(.block-editor-block-list__block):last-child { margin-bottom: 0; } p:not([class*=-font-size]):not(.block-editor-block-list__block):last-child { margin-bottom: 0; } p:not([class*=-font-size]):not(.block-editor-block-list__block) + .acf-block.bg-white { margin-top: -1.5rem; } #page > .content-wrapper > p + .acf-block:not(.bg-white) { margin-top: clamp(6rem, 2.4112149533rem + 7.476635514vw, 9rem); } strong { font-weight: 700; } .block-title, .block-title:last-child { margin-bottom: 2.5rem; } @media (min-width: 48rem) { .block-title, .block-title:last-child { margin-top: -1rem; } } @media (min-width: 48rem) { .block-title, .block-title:last-child { margin-bottom: 4rem; } } .nuetral-30 { color: #455a5e; } .nuetral-45 { color: #687d8d; } .nuetral-70 { color: #c3d5d5; } .nuetral-88 { color: #dae7e7; } .nuetral-94 { color: #f3f7f7; } .body-1, .has-body-1-font-size { font-weight: 400; font-size: clamp(1rem, 0.8504672897rem + 0.3115264798vw, 1rem); line-height: clamp(1.5rem, 1.2009345794rem + 0.6230529595vw, 1.5rem); margin-bottom: 1.5rem; } .body-1:last-child, .has-body-1-font-size:last-child { margin-bottom: 0; } .body-2, .has-body-2-font-size { font-weight: 400; font-size: clamp(0.875rem, 0.7254672897rem + 0.3115264798vw, 1rem); line-height: clamp(1.25rem, 0.9509345794rem + 0.6230529595vw, 1.5rem); margin-bottom: 0.5rem; } .body-2:last-child, .has-body-2-font-size:last-child { margin-bottom: 0; } .lead, .has-lead-font-size { font-weight: 400; font-size: clamp(1.5rem, 1.2009345794rem + 0.6230529595vw, 1.75rem); line-height: clamp(2rem, 1.4018691589rem + 1.246105919vw, 2.5rem); margin-bottom: 1.5rem; } .lead:last-child, .has-lead-font-size:last-child { margin-bottom: 0; } .quote { font-size: clamp(1.5rem, 1.0514018692rem + 0.9345794393vw, 1.875rem); line-height: clamp(2rem, 1.4018691589rem + 1.246105919vw, 2.5rem); margin-bottom: clamp(1.5rem, -0.2943925234rem + 3.738317757vw, 3rem); } .quote:last-child { margin-bottom: 0; } .subtitle-1 { font-weight: 400; font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem; } .subtitle-1:last-child { margin-bottom: 0; } .subtitle-2 { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.5rem; } .subtitle-2:last-child { margin-bottom: 0; } .overline, .has-overline-font-size { font-weight: 700; font-size: 0.75rem; font-family: "DM Sans", sans-serif; line-height: 1rem; letter-spacing: 0.025rem; text-transform: uppercase; margin-bottom: 0.5rem; } .overline:last-child, .has-overline-font-size:last-child { margin-bottom: 0; } .has-overline-with-divider-font-size { font-weight: 700; font-size: 0.75rem; font-family: "DM Sans", sans-serif; line-height: 1rem; letter-spacing: 0.025rem; text-transform: uppercase; margin-bottom: 0.5rem; } .has-overline-with-divider-font-size:last-child { margin-bottom: 0; } .has-overline-with-divider-font-size::after { content: ""; display: block; width: 5rem; height: 2px; margin: 1rem auto; background: linear-gradient(to right, #1b76c5 25%, #88bd42 25%, #88bd42 50%, #1f386b 50%, #1f386b 75%, #f46a01 75%); /* stylelint-disable-line max-line-length */ } .title-1, .has-title-1-font-size { color: #1f386b; font-weight: 700; font-size: 1.3125rem; font-family: "Oswald", sans-serif; line-height: 1.75rem; text-transform: uppercase; margin-bottom: 1rem; } .title-1:last-child, .has-title-1-font-size:last-child { margin-bottom: 0; } p + .title-1, *:not(p):not(.acf-block) + .title-1, p + .has-title-1-font-size, *:not(p):not(.acf-block) + .has-title-1-font-size { margin-top: 0; } .title-2, .has-title-2-font-size { font-weight: 700; font-size: 1rem; font-family: "DM Sans", sans-serif; line-height: 1.5rem; text-transform: none; margin-bottom: 0.5rem; } .title-2:last-child, .has-title-2-font-size:last-child { margin-bottom: 0; } p + .title-2, *:not(p):not(.acf-block) + .title-2, p + .has-title-2-font-size, *:not(p):not(.acf-block) + .has-title-2-font-size { margin-top: 0; } .page-columns { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 48rem) { .page-columns { margin-top: 5rem; margin-bottom: 5rem; } } .container { padding-right: 1.25rem; padding-left: 1.25rem; } @media (min-width: 48rem) { .container { padding-right: 2.5rem; padding-left: 2.5rem; } } @media (min-width: 62rem) { .container { padding-right: 3.75rem; padding-left: 3.75rem; } } .content-wrapper > .container { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 48rem) { .content-wrapper > .container { margin-top: 5rem; margin-bottom: 5rem; } } .content-wrapper > .container h2:first-child, .content-wrapper > .container h3:first-child, .content-wrapper > .container h4:first-child, .content-wrapper > .container h5:first-child, .content-wrapper > .container h6:first-child { margin-top: 0; } .content-wrapper > .container h2:last-child, .content-wrapper > .container h3:last-child, .content-wrapper > .container h4:last-child, .content-wrapper > .container h5:last-child, .content-wrapper > .container h6:last-child { margin-bottom: -1.25rem; } @media (min-width: 48rem) { .content-wrapper > .container h2:last-child, .content-wrapper > .container h3:last-child, .content-wrapper > .container h4:last-child, .content-wrapper > .container h5:last-child, .content-wrapper > .container h6:last-child { margin-bottom: -2.5rem; } } .content-wrapper > .container .block-hook:first-child + h2, .content-wrapper > .container .block-hook:first-child + h3, .content-wrapper > .container .block-hook:first-child + h4, .content-wrapper > .container .block-hook:first-child + h5, .content-wrapper > .container .block-hook:first-child + h6 { margin-top: 0; } /* stylelint-disable order/order */ :root { --accent-blue: #1b76c5; --accent-variant-blue: #13558f; --black: #2b2e34; --white: #fff; --navy: #1f386b; --light-green: #88bd42; --orange: #f46a01; --neutral-20: #2d3038; --neutral-32: #455a5e; --neutral-48: #687d8d; --neutral-80: #c3d5d5; --neutral-88: #dae7e7; --neutral-92: #e6eeee; --neutral-96: #f3f7f7; --error: #b00020; --warning: #f9a513; --success: #008737; --information: #006bb2; --autofill: #e6f0f7; --containerWidth: calc(var(--vw, 1vw) * 100 - 2.5rem); --containerMaxWidth: 33.5rem; --gutterWidth: clamp(1.25rem, 100vw, calc((var(--vw, 1vw) * 100 - 33.5rem) / 2)); --columnWidth: 2.8697916667rem; --columnMaxWidth: calc((100% - 1.5625rem) / 12); } @media (min-width: 36rem) { :root { --containerWidth: calc(var(--vw, 1vw) * 100 - 2.5rem); --containerMaxWidth: 45.5rem; --gutterWidth: clamp(1.25rem, 100vw, calc((var(--vw, 1vw) * 100 - 45.5rem) / 2)); --columnWidth: 3.8958333333rem; --columnMaxWidth: calc((100% - 1.25rem) / 12); } } @media (min-width: 48rem) { :root { --containerWidth: calc(var(--vw, 1vw) * 100 - 5rem); --containerMaxWidth: 57rem; --gutterWidth: clamp(2.5rem, 100vw, calc((var(--vw, 1vw) * 100 - 57rem) / 2)); --columnWidth: 4.90625rem; --columnMaxWidth: calc((100% - 3.125rem) / 12); } } @media (min-width: 62rem) { :root { --containerWidth: calc(var(--vw, 1vw) * 100 - 7.5rem); --containerMaxWidth: 67.5rem; --gutterWidth: clamp(3.75rem, 100vw, calc((var(--vw, 1vw) * 100 - 67.5rem) / 2)); --columnWidth: 5.78125rem; --columnMaxWidth: calc((100% - 5.625rem) / 12); } } @media (min-width: 75rem) { :root { --containerWidth: calc(var(--vw, 1vw) * 100 - 7.5rem); --containerMaxWidth: 80.625rem; --gutterWidth: clamp(3.75rem, 100vw, calc((var(--vw, 1vw) * 100 - 80.625rem) / 2)); --columnWidth: 6.875rem; --columnMaxWidth: calc((100% - 5.625rem) / 12); } } /* stylelint-enable order/order */ .bg-white { background-color: #fff; } .bg-neutral-92 { background-color: #e6eeee; } .bg-neutral-96 { background-color: #f3f7f7; } .bg-accent-blue { background-color: #1b76c5; } .bg-navy { background-color: #1f386b; } .bg-light-green { background-color: #88bd42; } .bg-orange { background-color: #f46a01; } .bg-navy, .bg-accent-blue { color: #fff; } .bg-navy h1, .bg-navy .t1, .bg-navy .has-t-1-font-size, .bg-navy h2, .bg-navy .t2, .bg-navy .has-t-2-font-size, .bg-navy h3, .bg-navy .t3, .bg-navy .has-t-3-font-size, .bg-navy h4, .bg-navy .t4, .bg-navy .has-t-4-font-size, .bg-navy h5, .bg-navy .t5, .bg-navy .has-t-5-font-size, .bg-navy h6, .bg-navy .t6, .bg-navy .has-t-6-font-size, .bg-accent-blue h1, .bg-accent-blue .t1, .bg-accent-blue .has-t-1-font-size, .bg-accent-blue h2, .bg-accent-blue .t2, .bg-accent-blue .has-t-2-font-size, .bg-accent-blue h3, .bg-accent-blue .t3, .bg-accent-blue .has-t-3-font-size, .bg-accent-blue h4, .bg-accent-blue .t4, .bg-accent-blue .has-t-4-font-size, .bg-accent-blue h5, .bg-accent-blue .t5, .bg-accent-blue .has-t-5-font-size, .bg-accent-blue h6, .bg-accent-blue .t6, .bg-accent-blue .has-t-6-font-size { color: #fff; } .bg-navy p, .bg-accent-blue p { color: #fff; } .bg-navy a:not([class]), .bg-accent-blue a:not([class]) { color: #fff; } .bg-navy a:not([class]):hover, .bg-navy a:not([class]):focus, .bg-accent-blue a:not([class]):hover, .bg-accent-blue a:not([class]):focus { color: #dae7e7; } .bg-orange, .bg-green { color: #2b2e34; } .bg-orange h1, .bg-orange .t1, .bg-orange .has-t-1-font-size, .bg-orange h2, .bg-orange .t2, .bg-orange .has-t-2-font-size, .bg-orange h3, .bg-orange .t3, .bg-orange .has-t-3-font-size, .bg-orange h4, .bg-orange .t4, .bg-orange .has-t-4-font-size, .bg-orange h5, .bg-orange .t5, .bg-orange .has-t-5-font-size, .bg-orange h6, .bg-orange .t6, .bg-orange .has-t-6-font-size, .bg-green h1, .bg-green .t1, .bg-green .has-t-1-font-size, .bg-green h2, .bg-green .t2, .bg-green .has-t-2-font-size, .bg-green h3, .bg-green .t3, .bg-green .has-t-3-font-size, .bg-green h4, .bg-green .t4, .bg-green .has-t-4-font-size, .bg-green h5, .bg-green .t5, .bg-green .has-t-5-font-size, .bg-green h6, .bg-green .t6, .bg-green .has-t-6-font-size { color: #2b2e34; } .bg-orange p, .bg-green p { color: #2b2e34; } .bg-orange a:not([class]), .bg-green a:not([class]) { color: #2b2e34; } .bg-orange a:not([class]):hover, .bg-orange a:not([class]):focus, .bg-green a:not([class]):hover, .bg-green a:not([class]):focus { color: #2b2e34; } .mx-auto { margin-right: auto; margin-left: auto; } .mw-100 { max-width: 100%; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; white-space: nowrap; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .hidden { visibility: hidden; } .acf-block { position: relative; z-index: 1; padding: clamp(6rem, 2.4112149533rem + 7.476635514vw, 9rem) 0; } .acf-block--has-bg { padding: 0; } .acf-block.bg-white:not(.acf-block--has-bg) + .acf-block.bg-white:not(.acf-block--has-bg) { padding-top: 0; } .acf-block.bg-neutral-92:not(.acf-block--has-bg) + .acf-block.bg-neutral-92:not(.acf-block--has-bg) { padding-top: 0; } .acf-block.bg-neutral-96:not(.acf-block--has-bg) + .acf-block.bg-neutral-96:not(.acf-block--has-bg) { padding-top: 0; } .acf-block.bg-accent-blue:not(.acf-block--has-bg) + .acf-block.bg-accent-blue:not(.acf-block--has-bg) { padding-top: 0; } .acf-block.bg-navy:not(.acf-block--has-bg) + .acf-block.bg-navy:not(.acf-block--has-bg) { padding-top: 0; } .acf-block > h1:first-child, .acf-block > .t1:first-child, .acf-block > .has-t-1-font-size:first-child, .acf-block > h2:first-child, .acf-block > .t2:first-child, .acf-block > .has-t-2-font-size:first-child, .acf-block > h3:first-child, .acf-block > .t3:first-child, .acf-block > .has-t-3-font-size:first-child, .acf-block > h4:first-child, .acf-block > .t4:first-child, .acf-block > .has-t-4-font-size:first-child, .acf-block > h5:first-child, .acf-block > .t5:first-child, .acf-block > .has-t-5-font-size:first-child, .acf-block > h6:first-child, .acf-block > .t6:first-child, .acf-block > .has-t-6-font-size:first-child { margin-top: clamp(-1rem, 0.0981308411rem + -1.246105919vw, -0.5rem); } .acf-block > .content-wrapper:first-child > h1:first-child, .acf-block > .content-wrapper:first-child > .t1:first-child, .acf-block > .content-wrapper:first-child > .has-t-1-font-size:first-child, .acf-block > .content-wrapper:first-child > h2:first-child, .acf-block > .content-wrapper:first-child > .t2:first-child, .acf-block > .content-wrapper:first-child > .has-t-2-font-size:first-child, .acf-block > .content-wrapper:first-child > h3:first-child, .acf-block > .content-wrapper:first-child > .t3:first-child, .acf-block > .content-wrapper:first-child > .has-t-3-font-size:first-child, .acf-block > .content-wrapper:first-child > h4:first-child, .acf-block > .content-wrapper:first-child > .t4:first-child, .acf-block > .content-wrapper:first-child > .has-t-4-font-size:first-child, .acf-block > .content-wrapper:first-child > h5:first-child, .acf-block > .content-wrapper:first-child > .t5:first-child, .acf-block > .content-wrapper:first-child > .has-t-5-font-size:first-child, .acf-block > .content-wrapper:first-child > h6:first-child, .acf-block > .content-wrapper:first-child > .t6:first-child, .acf-block > .content-wrapper:first-child > .has-t-6-font-size:first-child { margin-top: clamp(-1rem, 0.0981308411rem + -1.246105919vw, -0.5rem); } #page > .content-wrapper > .acf-block:last-child.bg-navy:not(.block-hero) { padding-bottom: clamp(0.5rem, -6.6775700935rem + 14.953271028vw, 6.5rem); } .acf-block__background-image, .acf-block__background-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .acf-block__background-image-wrapper { z-index: -2; overflow: hidden; } .acf-block__background-image { z-index: -3; object-fit: cover; pointer-events: none; transition: transform 0.3s ease-in-out; } .acf-block.loading::before { position: absolute; top: 8rem; left: calc(50% - 2rem); content: ""; width: 4rem; height: 4rem; border: 0.25rem solid var(--accent-blue); border-color: var(--accent-blue) transparent var(--accent-blue) transparent; border-radius: 50%; pointer-events: none; animation: loader 1.5s infinite ease-in-out; } .acf-block.loading > * { opacity: 0.3 !important; pointer-events: none; } @keyframes loader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media print { @page { size: a4; /* DIN A4 standard, Europe */ margin: 2cm 0 2cm; } html, body { width: 210mm; height: 282mm; padding: 0; font-size: 11px; background: #fff; overflow: visible; } body { padding-top: 20mm; } #page { border: 1px solid transparent; } .main-header { position: absolute !important; top: -20mm !important; left: 10mm; } .main-header::before, .main-header::after { visibility: hidden; } .main-header__container { padding: 0 !important; } .main-header__container > *, .main-header__container .main-nav { display: none; } .main-header__logo-wrapper { display: block; } .block-cta-banner, .block-related-posts, .block-excursion-slider, .block-accordion__button, .block-program-overview__toggle-row, .c-btn, .academics-link, .block-tabs__button-row, .block-testimonial-slider, .block-cta-grid, .block-quick-links, .go-back-link, .main-footer, .mobile-fixed-cta, .program-comparison-select, .program-comparison__print-wrapper, .block-program-comparison__hero-grid .block-content + .block-content { display: none !important; } .block-hero-slider, .acf-block > .container { height: auto !important; max-width: calc(100% - 20mm); min-height: 0 !important; margin-right: auto !important; margin-left: auto !important; padding: 0 !important; } .acf-block { padding: 0 !important; } .block-program-comparison__hero, .block-program-comparison__hero-grid { padding: 0 !important; } .eight29-filters { padding-top: 0 !important; } .block-program-comparison { overflow: hidden !important; } .program-card, .block-accordion__item { box-shadow: none !important; } .program-comparison__item { padding-bottom: 0 !important; } .program-comparison__item + .program-comparison__item { padding-top: 0 !important; } .program-comparison:nth-child(1) .program-comparison__item:nth-child(2n) { margin-left: 0; padding-left: 0; } .program-comparison:nth-child(3) .program-comparison__item:nth-child(2n) { margin-right: 0; padding-right: 0; } .block-content-image { display: block; } .block-content-image__row { overflow: hidden; } .block-content-image__row * { position: static !important; width: auto !important; height: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .block-content-image__row > * { float: left; width: 48% !important; } .block-content-image__row > *:first-child { margin-right: 4% !important; } .block-content-image__row .image-wrapper { page-break-inside: avoid; } .block-content-image__row .image-wrapper + .image-wrapper { margin-top: 10mm !important; } .block-content-image__image-col { min-height: 0 !important; } .block-content-image__image-wrapper { height: auto !important; margin: 0 !important; } .block-content-image__image-wrapper-2, .block-content-image__image-wrapper-3 { transform: none !important; } .block-content-image img { max-width: calc(100% - 20mm); } .block-content-image__row { display: block; margin: 0; } .block-content-image__image-col { min-height: 0 !important; } .block-program-overview__sidebar-col { margin: 0; } .block-program-overview__sidebar { padding: 0 !important; background: none !important; overflow: hidden; } .block-program-overview__sidebar::before, .block-program-overview__sidebar::after { display: none; } .block-program-overview__sidebar-item .aifsapi-data-item + a { display: none; } .block-program-overview__print-item { display: none !important; } .block-program-included-items { display: block; } .block-program-dates__wrapper { margin-top: 10mm !important; padding-top: 0 !important; } .block-program-dates .container { max-width: none; } .bg-navy { background-color: transparent; } .bg-navy h1, .bg-navy .t1, .bg-navy .has-t-1-font-size, .bg-navy h2, .bg-navy .t2, .bg-navy .has-t-2-font-size, .bg-navy h3, .bg-navy .t3, .bg-navy .has-t-3-font-size, .bg-navy h4, .bg-navy .t4, .bg-navy .has-t-4-font-size, .bg-navy h5, .bg-navy .t5, .bg-navy .has-t-5-font-size, .bg-navy h6, .bg-navy .t6, .bg-navy .has-t-6-font-size { color: #2b2e34; } } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } .c-btn { display: flex; flex-direction: row; align-items: center; max-width: max-content; text-decoration: none !important; cursor: pointer; -webkit-appearance: none; appearance: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out; font-weight: 700; font-size: 1rem; font-family: "DM Sans", sans-serif; line-height: 1.5rem; } #page > .content-wrapper > .c-btn:last-child { margin-bottom: clamp(6rem, 2.4112149533rem + 7.476635514vw, 9rem); } .c-btn .icon { display: flex; justify-content: center; align-items: center; height: 0; color: inherit; line-height: 0; } .c-btn .icon::before { color: inherit; font-size: 1.25rem; } .c-btn .icon:first-of-type { margin-right: 0.25rem; } .c-btn .icon:last-of-type { margin-left: 0.25rem; } a[target=_blank] .c-btn .icon-circle-arrow-right, .c-btn[target=_blank] .icon-circle-arrow-right { transform: rotate(-45deg); } .c-btn.c-btn--small { font-weight: 700; font-size: 0.875rem; line-height: 1rem; } .c-btn.c-btn--small .icon::before { font-size: 1rem; } .c-btn.c-btn--print { position: relative; } .c-btn.c-btn--print::before { margin-right: 0.25rem; content: "\ea39"; font-weight: 400; font-size: 1.25rem; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .content-wrapper > .c-btn, .has-text-align-center + .c-btn { margin-right: auto; margin-left: auto; } h1 + .c-btn, h2 + .c-btn, h3 + .c-btn, h4 + .c-btn, h5 + .c-btn { margin-top: 1.5rem; } p + .c-btn { margin-top: clamp(1.5rem, 0.6028037383rem + 1.8691588785vw, 2.25rem); } h6 + .c-btn, .has-t-6-font-size + .c-btn { margin-top: 1rem; } .c-btn-primary, .c-btn-secondary { justify-content: center; padding: 0.625rem 1.875rem; text-align: center; border-radius: 100rem; } @media (max-width: 35.98rem) { .c-btn-primary, .c-btn-secondary { width: 100%; } } h1 + .c-btn-primary, h2 + .c-btn-primary, h3 + .c-btn-primary, h4 + .c-btn-primary, h5 + .c-btn-primary, h1 + .c-btn-secondary, h2 + .c-btn-secondary, h3 + .c-btn-secondary, h4 + .c-btn-secondary, h5 + .c-btn-secondary { margin-top: clamp(1.5rem, 0.6028037383rem + 1.8691588785vw, 2.25rem); } .c-btn-primary.c-btn--small, .c-btn-secondary.c-btn--small { padding: 0.375rem 0.875rem; } .c-btn-primary.c-btn--small .icon:first-of-type, .c-btn-secondary.c-btn--small .icon:first-of-type { margin-left: -0.1875rem; } .c-btn-primary.c-btn--small .icon:last-of-type, .c-btn-secondary.c-btn--small .icon:last-of-type { margin-right: -0.1875rem; } .c-btn-primary .icon:first-of-type, .c-btn-secondary .icon:first-of-type { margin-left: -0.375rem; } .c-btn-primary .icon:last-of-type, .c-btn-secondary .icon:last-of-type { margin-right: -0.375rem; } .c-btn-primary { color: #fff; border: 2px solid #1b76c5; background-color: #1b76c5; } a:hover .c-btn-primary, a:focus .c-btn-primary, .c-btn-primary:hover, .c-btn-primary:focus { color: #fff; border-color: #13558f; background-color: #13558f; } .bg-navy .c-btn-primary, .c-btn-primary.c-btn--color-alt { color: #1b76c5; border-color: #fff; background-color: #fff; } a:hover .bg-navy .c-btn-primary, a:focus .bg-navy .c-btn-primary, .bg-navy .c-btn-primary:hover, .bg-navy .c-btn-primary:focus, a:hover .c-btn-primary.c-btn--color-alt, a:focus .c-btn-primary.c-btn--color-alt, .c-btn-primary.c-btn--color-alt:hover, .c-btn-primary.c-btn--color-alt:focus { color: #13558f; border-color: #fff; background-color: #fff; } .c-btn-secondary { color: #1b76c5; border: 2px solid #1b76c5; background-color: transparent; } .c-btn-secondary--label { color: #2b2e34; } a:hover .c-btn-secondary, a:focus .c-btn-secondary, .c-btn-secondary:hover, .c-btn-secondary:focus { color: #fff; border-color: #13558f; background-color: #13558f; } .bg-navy .c-btn-secondary, .c-btn-secondary.c-btn--color-alt { color: #fff; border-color: #fff; } a:hover .bg-navy .c-btn-secondary, a:focus .bg-navy .c-btn-secondary, .bg-navy .c-btn-secondary:hover, .bg-navy .c-btn-secondary:focus, a:hover .c-btn-secondary.c-btn--color-alt, a:focus .c-btn-secondary.c-btn--color-alt, .c-btn-secondary.c-btn--color-alt:hover, .c-btn-secondary.c-btn--color-alt:focus { color: #13558f; border-color: #fff; background-color: #fff; } .c-btn-tertiary { position: relative; justify-content: space-between; padding: 0; color: #1b76c5; border: none; background-color: transparent; } .c-btn-tertiary--plain::before, .c-btn-tertiary--plain::after { display: none; } .c-btn-tertiary::before { background-color: #c3d5d5; } .c-btn-tertiary::after { background-color: #687d8d; transform: scaleX(0); transform-origin: center left; transition: transform 0.3s ease-in-out; } a:hover .c-btn-tertiary, a:focus .c-btn-tertiary, .c-btn-tertiary:hover, .c-btn-tertiary:focus { color: #13558f; } a:hover .c-btn-tertiary::after, a:focus .c-btn-tertiary::after, .c-btn-tertiary:hover::after, .c-btn-tertiary:focus::after { transform: scaleX(1); } .c-btn-tertiary.c-btn--icon::before, .c-btn-tertiary.c-btn--icon::after { display: none; } .c-btn-tertiary:not(.c-btn--icon)::before, .c-btn-tertiary:not(.c-btn--icon)::after { position: absolute; left: 0; bottom: -0.25rem; content: ""; width: 100%; height: 2px; } .bg-navy .c-btn-tertiary, .c-btn-tertiary.c-btn--color-alt, .bg-accent-blue .c-btn-tertiary { color: #fff; } .bg-navy .c-btn-tertiary::before, .c-btn-tertiary.c-btn--color-alt::before, .bg-accent-blue .c-btn-tertiary::before { background-color: #fff; } .bg-navy .c-btn-tertiary::after, .c-btn-tertiary.c-btn--color-alt::after, .bg-accent-blue .c-btn-tertiary::after { background-color: #c3d5d5; } a:hover .bg-navy .c-btn-tertiary, a:focus .bg-navy .c-btn-tertiary, .bg-navy .c-btn-tertiary:hover, .bg-navy .c-btn-tertiary:focus, a:hover .c-btn-tertiary.c-btn--color-alt, a:focus .c-btn-tertiary.c-btn--color-alt, .c-btn-tertiary.c-btn--color-alt:hover, .c-btn-tertiary.c-btn--color-alt:focus, a:hover .bg-accent-blue .c-btn-tertiary, a:focus .bg-accent-blue .c-btn-tertiary, .bg-accent-blue .c-btn-tertiary:hover, .bg-accent-blue .c-btn-tertiary:focus { color: #c3d5d5; } .bg-navy .c-btn-tertiary .icon, .c-btn-tertiary.c-btn--color-alt .icon, .bg-accent-blue .c-btn-tertiary .icon { color: inherit; } .bg-light-green .c-btn-tertiary, .bg-orange .c-btn-tertiary { color: #1f386b; } .bg-light-green .c-btn-tertiary::before, .bg-orange .c-btn-tertiary::before { background-color: #1f386b; } .bg-light-green .c-btn-tertiary::after, .bg-orange .c-btn-tertiary::after { background-color: #1b76c5; } a:hover .bg-light-green .c-btn-tertiary, a:focus .bg-light-green .c-btn-tertiary, .bg-light-green .c-btn-tertiary:hover, .bg-light-green .c-btn-tertiary:focus, a:hover .bg-orange .c-btn-tertiary, a:focus .bg-orange .c-btn-tertiary, .bg-orange .c-btn-tertiary:hover, .bg-orange .c-btn-tertiary:focus { color: #1b76c5; } .bg-light-green .c-btn-tertiary .icon, .bg-orange .c-btn-tertiary .icon { color: inherit; } .c-btn-social { justify-content: center; align-items: center; width: 3rem; height: 3rem; max-width: 3rem; color: #2b2e34; border: 2px solid #c3d5d5; border-radius: 50%; } a:hover .c-btn-social, a:focus .c-btn-social, .c-btn-social:hover, .c-btn-social:focus { color: #fff; border-color: #2b2e34; background-color: #2b2e34; } .bg-navy .c-btn-social, .c-btn-social.c-btn--color-alt { color: #fff; border-color: #687d8d; } a:hover .bg-navy .c-btn-social, a:focus .bg-navy .c-btn-social, .bg-navy .c-btn-social:hover, .bg-navy .c-btn-social:focus, a:hover .c-btn-social.c-btn--color-alt, a:focus .c-btn-social.c-btn--color-alt, .c-btn-social.c-btn--color-alt:hover, .c-btn-social.c-btn--color-alt:focus { color: #2b2e34; border-color: #fff; background-color: #fff; } .c-btn-social span:not(.icon) { position: absolute; width: 1px; height: 1px; padding: 0; white-space: nowrap; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .c-btn-social .icon { margin: auto !important; } .c-btn-social .icon::before { font-size: 1.5rem; } .c-btn-social ~ .c-btn-social { margin-left: -0.25rem; } .play-btn { display: flex; justify-content: center; align-items: center; width: clamp(3rem, 2.4018691589rem + 1.246105919vw, 3.5rem); height: clamp(3rem, 2.4018691589rem + 1.246105919vw, 3.5rem); border: none; border-radius: 50%; background: #fff; cursor: pointer; transition: background-color 0.3s ease-in-out; } .play-btn::before { color: #2b2e34; font-size: clamp(1.3125rem, 0.789135514rem + 1.0903426791vw, 1.75rem); pointer-events: none; transition: color 0.3s ease-in-out; content: "\ea37"; font-weight: 400; font-size: 24px; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a:hover .play-btn, a:focus .play-btn, .play-btn:hover, .play-btn:focus { background-color: #e6eeee; } a:hover .play-btn::before, a:focus .play-btn::before, .play-btn:hover::before, .play-btn:focus::before { color: #2b2e34; } /* Embed Video Styles */ .iframe-wrapper { position: relative; height: 0; max-width: 100%; margin: clamp(3rem, 1.2056074766rem + 3.738317757vw, 4.5rem) auto; padding-bottom: 56.25%; overflow: hidden; } .iframe-wrapper__overlay { position: absolute; top: -0.625rem; left: -0.625rem; bottom: -0.625rem; right: -0.625rem; z-index: 1; background-color: #fff; background-position: center; background-size: cover; } .iframe-wrapper__overlay:hover, .iframe-wrapper__overlay:focus { cursor: pointer; } .iframe-wrapper__overlay:hover .iframe-wrapper__play, .iframe-wrapper__overlay:focus .iframe-wrapper__play { background-color: #e6eeee; } .iframe-wrapper__overlay:hover .iframe-wrapper__play::before, .iframe-wrapper__overlay:focus .iframe-wrapper__play::before { color: #2b2e34; } .iframe-wrapper__play { position: absolute; top: 50%; left: 50%; z-index: 1; width: clamp(3rem, 1.2056074766rem + 3.738317757vw, 4.5rem); height: clamp(3rem, 1.2056074766rem + 3.738317757vw, 4.5rem); transform: translate(-50%, -50%); } .iframe-wrapper__play::before { font-size: clamp(1.3125rem, 0.4900700935rem + 1.7133956386vw, 2rem); } .iframe-wrapper iframe, .iframe-wrapper object, .iframe-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; } /* BASE TABLES */ .c-label { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; margin: 0.125rem 0.5rem 0.125rem 0rem; padding: 0.1875rem 0.5625rem; color: inherit; color: #455a5e; text-align: center; border: 1px solid #c3d5d5; border-radius: 999px; -webkit-appearance: none; transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; font-weight: 400; font-size: 0.75rem; line-height: 1rem; } .c-label[href]:hover, .c-label[href]:focus, .c-label[type=button]:hover, .c-label[type=button]:focus { color: #455a5e !important; background-color: #c3d5d5 !important; } .c-label p { font-weight: 400; font-size: 0.75rem; line-height: 1rem; } .c-label .icon { display: flex; justify-content: center; align-items: center; height: 0; margin-right: 0.4375rem; line-height: 0; } .c-label .icon::before { font-size: 0.875rem; } .c-label .icon:last-child { margin-right: 0; margin-left: 0.4375rem; } /* stylelint-disable selector-max-compound-selectors */ .block-people-archive, .block-resource-archive, .block-newsroom { z-index: auto; } .eight29-filters { padding-top: 4.5rem; } @media (min-width: 62rem) { .eight29-filters { padding-top: 6rem; } } .eight29-filters .eight29-filter-label { position: absolute; width: 1px; height: 1px; padding: 0; white-space: nowrap; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); transition: color 0.3s ease-in-out; } .eight29-filters .eight29-filter-label + div { margin: 0 !important; } .eight29-filters .eight29-sidebar-toggle { position: relative; width: calc(100% + 50px); max-width: none; margin: 0 auto; } .eight29-filters .eight29-sidebar-toggle.c-btn { max-width: none; } .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open { justify-content: flex-start; width: calc(100% + 40px); margin: 0 -1.25rem; margin-top: 0; color: #2b2e34; border-radius: 0; background: #fff; /* stylelint-disable no-duplicate-selectors */ /* stylelint-enable no-duplicate-selectors */ } @media (min-width: 48rem) { .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open { width: calc(100% + 80px); margin: 0 -2.5rem; } } .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open::before { display: none; } .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open::after { position: absolute; top: 50%; right: 1.25rem; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; color: #1b76c5; border-radius: 50%; transform: translateY(-50%); content: "\ea1a"; font-weight: 400; font-size: 24px; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open::after { font-size: 1.25rem; } .bg-white .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open { background-color: #f3f7f7; } .eight29-filters .eight29-sidebar-toggle.eight29-sidebar-open svg { display: none; } .eight29-filters .modal-active .eight29-sidebar-close { flex-shrink: 0; margin: 0 0 1.5rem auto; background: var(--neutral-80); } @media (min-width: 62rem) { .eight29-filters .sidebar-top .eight29-sidebar { margin-bottom: 1.5rem; } .block-people-archive .eight29-filters .sidebar-top .eight29-sidebar, .block-resource-archive .eight29-filters .sidebar-top .eight29-sidebar { margin-bottom: 3rem; } } @media (min-width: 62rem) { .eight29-filters .sidebar-top .eight29-filter { margin-right: 1.875rem; } } @media (min-width: 62rem) { .eight29-filters .sidebar-left .eight29-sidebar { flex-basis: 13.75rem; margin-right: 6.875rem; } .eight29-filters .sidebar-left .eight29-sidebar .eight29-filter-group { width: 100%; } } .eight29-filters .sidebar-left .eight29-filter-label { height: auto; padding-top: 1.5rem; border: 0; } @media (min-width: 62rem) { .eight29-filters .sidebar-left .eight29-filter-label { padding-top: 0.875rem; } } .eight29-filters .sidebar-left .eight29-filter-label::after { content: "\ea0e" !important; width: 1.5rem !important; height: 1.5rem !important; color: inherit; background: transparent !important; content: "\ea0e"; font-weight: 400; font-size: 24px; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eight29-filters .sidebar-left .eight29-filter-label:hover, .eight29-filters .sidebar-left .eight29-filter-label:focus { color: #1b76c5 !important; } .eight29-filters .collapsible h6::after, .eight29-filters .collapsible .eight29-filter-label::after { transform: rotate(180deg); } @media (min-width: 62rem) { .eight29-filters .collapsible h6::after, .eight29-filters .collapsible .eight29-filter-label::after { margin-right: 1.125rem; } } .eight29-sidebar-content { overflow: auto; } .mobile-modal .eight29-sidebar.modal-active .eight29-sidebar-content { display: flex; flex-direction: column; padding-right: 1.25rem; padding-left: 1.25rem; } .eight29-sidebar-content .eight29-sidebar-detail { order: 1; margin-top: 1rem; font-weight: 400; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 62rem) { .eight29-sidebar .eight29-sidebar-content .eight29-sidebar-detail { display: none; } } @media (min-width: 62rem) { .mobile-modal .eight29-sidebar-content .eight29-filter-group { margin: 0; } } .eight29-sidebar-content .eight29-filter-list { margin: 0; } .eight29-sidebar-content > div:last-child { position: relative; padding-top: 2rem; } @media (min-width: 62rem) { .eight29-sidebar-content > div:last-child { display: none; } } .eight29-sidebar-content > div:last-child::before { position: absolute; top: 0; left: 50%; content: ""; display: block; width: 100vw; border-top: 1px solid #c3d5d5; transform: translateX(-50%); } .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]) { text-decoration: underline; text-underline-offset: 1px; } @media (min-width: 62rem) { .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]) { text-decoration: none; font-weight: 700; font-size: 0.875rem; line-height: 1rem; } } .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]):hover, .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]):focus { text-decoration: none; } .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]) { /* stylelint-disable-line no-duplicate-selectors */ } @media (min-width: 62rem) { .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]):hover, .eight29-sidebar-content a.eight29-reset:not([href]):not([tabindex]):focus { text-decoration: underline; } } .no-results-text-wrapper { margin-top: clamp(2rem, 0.8037383178rem + 2.492211838vw, 3rem); text-align: center; } .no-results-text-wrapper .c-btn { margin: clamp(2rem, 0.8037383178rem + 2.492211838vw, 3rem) auto 0 auto; } .no-results-text p { font-size: clamp(1.5rem, 1.2009345794rem + 0.6230529595vw, 1.75rem) !important; line-height: clamp(2rem, 1.4018691589rem + 1.246105919vw, 2.5rem) !important; } .eight29-posts { margin-top: 1.5rem; } .block-resource-archive .eight29-posts { row-gap: clamp(1.5rem, -0.2943925234rem + 3.738317757vw, 3rem); } @media (min-width: 48rem) { .block-resource-archive .eight29-posts { row-gap: 2rem; column-gap: 1.875rem; } } .block-people-archive .eight29-posts { row-gap: 1.5rem; } @media (min-width: 48rem) { .block-people-archive .eight29-posts { row-gap: 3rem; column-gap: 1.875rem; } } .simplebar-wrapper { position: relative; display: none !important; margin-top: 0.5rem !important; } .simplebar-wrapper::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; border-radius: 0.75rem; background: #fff; box-shadow: 0rem 1rem 3.375rem 0.75rem rgba(0, 43, 128, 0.08); } .dropdown-container.open .simplebar-mask { overflow: visible !important; } .dropdown-container.open .simplebar-content-wrapper { overflow: visible !important; } .dropdown-container.open .simplebar-wrapper { display: block !important; overflow: visible !important; } /* stylelint-enable selector-max-compound-selectors */ #cookie-law-info-bar { padding: 1rem clamp(1.25rem, 0.5023364486rem + 1.5576323988vw, 1.875rem) !important; border-radius: 0.25rem; background-color: #fff !important; box-shadow: 0rem 1rem 3.375rem 0.75rem rgba(0, 43, 128, 0.08) !important; } @media (min-width: 36rem) { #cookie-law-info-bar { left: clamp(1.25rem, 0.5023364486rem + 1.5576323988vw, 1.875rem) !important; bottom: clamp(1.25rem, 0.5023364486rem + 1.5576323988vw, 1.875rem) !important; width: auto !important; max-width: calc(100% - clamp(2.5rem, 1.0046728972rem + 3.1152647975vw, 3.75rem)) !important; } } body.mega-menu-open #cookie-law-info-bar, body.sub-menu-open #cookie-law-info-bar { width: calc(100% - var(--scrollBarWidth, 0)); } .cli-plugin-button, .cli-ccpa-button-confirm, .cli-ccpa-button-cancel, .cli-btn { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; max-width: max-content !important; padding: 0.375rem 0.875rem !important; color: #fff !important; font-weight: 700 !important; font-size: 0.875rem !important; line-height: 1rem !important; text-align: center !important; text-decoration: none !important !important; border: 2px solid #1b76c5 !important; border-radius: 100rem !important; background-color: #1b76c5 !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out !important; } a:hover .cli-plugin-button, a:focus .cli-plugin-button, .cli-plugin-button:hover, .cli-plugin-button:focus, a:hover .cli-ccpa-button-confirm, a:focus .cli-ccpa-button-confirm, .cli-ccpa-button-confirm:hover, .cli-ccpa-button-confirm:focus, a:hover .cli-ccpa-button-cancel, a:focus .cli-ccpa-button-cancel, .cli-ccpa-button-cancel:hover, .cli-ccpa-button-cancel:focus, a:hover .cli-btn, a:focus .cli-btn, .cli-btn:hover, .cli-btn:focus { color: #fff !important; border-color: #13558f !important; background-color: #13558f !important; } .cli_settings_button { color: #1b76c5 !important; border: 2px solid #1b76c5 !important; background-color: transparent !important; } a:hover .cli_settings_button, a:focus .cli_settings_button, .cli_settings_button:hover, .cli_settings_button:focus { color: #fff !important; border-color: #13558f !important; background-color: #13558f !important; } .cli-bar-container { flex-wrap: wrap !important; } @media (min-width: 36rem) { .cli-bar-container { flex-wrap: nowrap !important; } } @media (min-width: 36rem) { .cli-bar-btn_container { margin-top: auto !important; margin-bottom: auto !important; } } .cli-bar-message { width: auto !important; margin-right: 1.25rem !important; font-weight: 400 !important; font-size: 0.75rem !important; line-height: 1rem !important; } @media (min-width: 36rem) { .cli-bar-message { width: auto !important; max-width: 70%; } } .cli-bar-message a { color: #2b2e34 !important; font-weight: 700; text-decoration: none !important; } .cli-bar-message a:hover, .cli-bar-message a:focus { color: #13558f !important; } @media (min-width: 36rem) { .cli-bar-btn_container { flex-grow: 1; justify-content: flex-end; } } .cli-switch input:checked + .cli-slider { background-color: #2b2e34 !important; } .cli-ccpa-button-cancel { color: #2b2e34 !important; background-color: #fff !important; } .cli-ccpa-button-cancel:hover, .cli-ccpa-button-cancel:focus-visible { color: #fff !important; background-color: #2b2e34 !important; } .alert-bar { position: fixed; top: 3.75rem; left: 0; z-index: 9999; display: flex; flex-direction: column; width: 100%; color: #fff; } @media (min-width: 62rem) { .alert-bar { top: 5.25rem; } } body.admin-bar .alert-bar { top: calc(3.75rem + 32px); } @media screen and (max-width: 782px) { body.admin-bar .alert-bar { top: calc(3.75rem + 46px); } } @media (min-width: 62rem) { body.admin-bar .alert-bar { top: calc(5.25rem + 32px); } } .alert-bar__item { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #2b2e34; } .alert-bar__item + .alert-bar__item { border-top: 1px solid #687d8d; } .alert-bar__item.viewed { display: none; } .alert-bar__content { display: flex; gap: 0.5rem; justify-content: space-between; align-items: center; font-size: 0.75rem; } .alert-bar__content p { margin: 0; font-size: 0.75rem; line-height: normal; } .alert-bar__content a { color: inherit; text-decoration: underline; } .alert-bar__content a:hover, .alert-bar__content a:focus { color: #dae7e7; } .alert-bar__message { flex: 1; } @media (min-width: 48rem) { .alert-bar__message { text-align: center; } } .alert-bar__close { position: relative; width: 1.25rem; height: 1.25rem; padding: 0; color: #fff; border: none; background: transparent; -webkit-appearance: none; transition: color 0.3s ease-in-out; } .alert-bar__close::before { color: inherit; font-size: 1.25rem; } .alert-bar__close:hover, .alert-bar__close:focus { color: #e6eeee; } /* Main Header */ .main-header { position: sticky; top: 0; z-index: 999; height: 3.75rem; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.4s ease-in-out; background-color: #fff !important; } @media (min-width: 62rem) { .main-header { height: 5.25rem; } } .main-header::before, .main-header::after { position: absolute; top: -1px; left: 0; content: ""; width: 100%; height: 3.8125rem; pointer-events: none; } @media (min-width: 62rem) { .main-header::before, .main-header::after { height: 5.3125rem; } } .main-header::before { z-index: -1; display: block; border-bottom: 1px solid #c3d5d5; background-color: transparent; transition: background-color 0.4s 0.4s ease-in-out; } .main-header::after { display: none; } @media (min-width: 62rem) { .main-header::after { top: 0; z-index: -3; display: block; height: 5.25rem; background-color: #f3f7f7; opacity: 0; transform: scaleY(calc((var(--subMenuHeight, 0) + 84) / 84)); transform-origin: top center; transition: background-color 0.3s ease-in-out, transform 0.4s ease-in-out, opacity 0.4s 0s ease-in-out, box-shadow 0s 0.4s ease-in-out; } body.resizing .main-header::after { transition: none !important; } } @media (min-width: 62rem) { body.admin-bar .main-header::after { transform: scaleY(calc((var(--subMenuHeight, 0) + 84) / 84)); } } body.comparison-overlay-open .main-header { opacity: 0; pointer-events: none; } body.has-quick-links .main-header { position: relative; } body.admin-bar .main-header { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .main-header { top: 46px; } } body.scrolled:not(.has-quick-links) .main-header::before, body.main-nav-white .main-header::before { background-color: #fff; transition: background-color 0.4s ease-in-out; } @media (min-width: 62rem) { body.sub-menu-open .main-header { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.4s ease-in-out; } } @media (min-width: 62rem) { body.sub-menu-open .main-header::before { background-color: #fff; transition: background-color 0.4s ease-in-out; } } @media (min-width: 62rem) { body.sub-menu-open:not(.dropdown-menu-open) .main-header::after { box-shadow: 0rem 1rem 3.375rem 0.75rem rgba(0, 43, 128, 0.08); opacity: 1; transition: background-color 0.3s ease-in-out, transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } } .main-header__container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; padding: 0 1.25rem; } @media (min-width: 62rem) { .main-header__container { padding-right: 0; } } .main-header__logo-wrapper { position: relative; width: clamp(19.625rem, 4.6904205607rem + 10.2803738318vw, 20.75rem); margin: 0; padding: 0; } @media (min-width: 62rem) { .main-header__logo-wrapper { flex: 0 0 clamp(20.625rem, 4.6904205607rem + 10.2803738318vw, 17.75rem); } } /* stylelint-disable max-nesting-depth */ .main-nav { position: fixed; top: 3.75rem; left: 0; z-index: 998; width: 100%; height: calc(var(--vh, 1vh) * 100 - 3.75rem); background-color: #f3f7f7; visibility: hidden; transform: translateX(100%); transition: transform 0.4s ease-in-out, visibility 0s 0.4s linear; } @media (min-width: 62rem) { .main-nav { position: relative; top: auto; display: block; flex-grow: 1; height: 100%; margin-right: 0; margin-left: auto; background-color: transparent; visibility: visible; transform: none; } } @media (max-width: 61.98rem) { body.has-mobile-fixed-cta .main-nav { height: calc(var(--vh, 1vh) * 100 - 8.25rem); } } @media (max-width: 61.98rem) { body.admin-bar.has-mobile-fixed-cta .main-nav { height: calc(var(--vh, 1vh) * 100 - 8.25rem - 46px); } } @media (min-width: 62rem) { .main-nav__tertiary-button { padding: 0.625rem 1.875rem !important; border-left: 1px solid #c3d5d5 !important; } } body.admin-bar .main-nav { top: calc(3.75rem + 32px); } @media screen and (max-width: 782px) { body.admin-bar .main-nav { top: calc(3.75rem + 46px); } } @media (min-width: 62rem) { body.admin-bar .main-nav { top: auto; } } body.mega-menu-open .main-nav { visibility: visible; transform: none; transition: transform 0.4s ease-in-out, visibility 0s linear; } body.sub-menu-open .main-nav { visibility: hidden; transform: translateX(-100%); transition: transform 0.4s ease-in-out, visibility 0s 0.4s linear; } @media (min-width: 62rem) { body.sub-menu-open .main-nav { visibility: visible; transform: none; } } .main-nav__menu { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 0; list-style: none; overflow: auto; } @media (min-width: 62rem) { .main-nav__menu { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: 100%; overflow: visible; } } @media (min-width: 62rem) { .main-nav__menu::after { content: ""; order: -100; display: block; flex: 0 0 100%; height: 1px; background-color: #c3d5d5; } } @media (min-width: 62rem) { .main-nav__image-link { position: relative; display: flex; flex-direction: column !important; justify-content: center; align-items: center; width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; padding: 0 !important; background-color: #fff; overflow: hidden; } } .main-nav__image-link:hover .main-nav__image, .main-nav__image-link:focus .main-nav__image { transform: scale(1.03); } .main-nav__image-link[target=_blank] .main-nav__image-link-text > .icon::before { content: "\ea13"; } @media (min-width: 62rem) { .main-nav__image-link[target=_blank] .main-nav__image-link-text > .icon::before { content: "\ea02"; } } .main-nav__image-link-text { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; } @media (min-width: 62rem) { .main-nav__image-link-text { position: relative; z-index: 2; height: auto; padding: 1.3125rem; color: #1f386b; background-color: #fff; font-weight: 700; font-size: clamp(1rem, 1.5490654206rem + -0.6230529595vw, 1.25rem); line-height: clamp(1.25rem, 1.7990654206rem + -0.6230529595vw, 1.5rem); } } .main-nav__image-link-text .icon { margin-left: auto; color: #1b76c5; line-height: 0; } @media (min-width: 62rem) { .main-nav__image-link-text .icon::before { content: "\ea04"; } } .main-nav__image { width: 100%; transition: transform 0.3s ease-in-out; } .main-nav__image-wrapper { display: none; } @media (min-width: 62rem) { .main-nav__image-wrapper { display: block; flex-grow: 1; width: 100%; height: auto; padding: 0; } } @media (min-width: 62rem) { .main-nav__menu-item--depth-0 { margin-right: clamp(0.5rem, -0.8732057416rem + 3.8277511962vw, 1rem); } } @media (min-width: 62rem) { .main-nav__menu-item--depth-0:last-child { margin-right: 0; } } .main-nav__menu-item--depth-0 > a:not(.c-btn), .main-nav__menu-item--depth-0 > .main-nav__sub-menu-button:not(.c-btn) { padding: 1rem 1.25rem; font-weight: 700; font-size: 1rem; font-family: "DM Sans", sans-serif; line-height: 1.5rem; } @media (min-width: 62rem) { .main-nav__menu-item--depth-0 > a:not(.c-btn), .main-nav__menu-item--depth-0 > .main-nav__sub-menu-button:not(.c-btn) { padding: 0; color: #1f386b; font-weight: 700; font-size: clamp(0.875rem, 0.5783492823rem + 0.4784688995vw, 1rem); line-height: clamp(1.125rem, 0.8283492823rem + 0.4784688995vw, 1.25rem); transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; } .main-nav__menu-item--depth-0 > a:not(.c-btn):hover, .main-nav__menu-item--depth-0 > a:not(.c-btn):focus, .main-nav__menu-item--depth-0 > .main-nav__sub-menu-button:not(.c-btn):hover, .main-nav__menu-item--depth-0 > .main-nav__sub-menu-button:not(.c-btn):focus { color: #13558f; } } @media (min-width: 62rem) { .main-nav__menu-item--depth-1 { break-inside: avoid; position: relative; opacity: 0; transform: translateY(-0.625rem); transition: transform 0s 0.3s ease-in-out, opacity 0.3s ease-in-out; } } @media (min-width: 62rem) { .main-nav__menu-item--depth-1.menu-item-has-children { margin-bottom: 4.5rem; padding-left: 1rem; border-left: 1px solid #dae7e7; } } @media (min-width: 62rem) { .main-nav__menu-item--depth-1:not(.menu-item-has-children):last-child { margin-bottom: 4.5rem; } } .main-nav__menu-item--position-secondary { order: 999; } @media (min-width: 62rem) { .main-nav__menu-item--position-secondary { order: -999; margin-right: 1.25rem !important; margin-left: auto; } } @media (min-width: 62rem) { .main-nav__menu-item--position-secondary ~ .main-nav__menu-item--position-secondary { margin-left: 0; } } .main-nav__menu-item--position-secondary > a:not(.c-btn) { padding: 0.6875rem 1.25rem; color: #2b2e34; } @media (min-width: 62rem) { .main-nav__menu-item--position-secondary > a:not(.c-btn) { height: 2.1875rem; padding: 0; font-weight: 700; font-size: 0.875rem; line-height: 1rem; } } .main-nav__menu-item--position-secondary > a:not(.c-btn):hover, .main-nav__menu-item--position-secondary > a:not(.c-btn):focus { color: #13558f; text-decoration: none; } .main-nav__menu-item--position-secondary > a:not(.c-btn)[href*="tel:"] { display: flex; flex-direction: row; align-items: center; } .main-nav__menu-item--position-secondary > a:not(.c-btn)[href*="tel:"]::before { margin-right: 0.25rem; line-height: 0; content: "\ea35"; font-weight: 400; font-size: 1.125rem; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .main-nav__menu-item--position-main { background-color: #fff; } @media (min-width: 62rem) { .main-nav__menu-item--position-main { background-color: transparent; } } @media (min-width: 62rem) { .main-nav__menu-item--position-main > a, .main-nav__menu-item--position-main > button { height: 2.9375rem; } } @media (min-width: 62rem) { .main-nav__menu-item--position-main.main-nav__menu-item--button-right { margin-right: 0; margin-left: auto; } } .main-nav__menu-item--position-main.main-nav__menu-item--button-right ~ .main-nav__menu-item--button-right.main-nav__menu-item--position-main { margin-left: 0; } @media (min-width: 62rem) { body.mega-menu-open .main-nav__menu-item--position-main:not(.main-nav__menu-item--button-right) > a, body.mega-menu-open .main-nav__menu-item--position-main:not(.main-nav__menu-item--button-right) > button { opacity: 0.7; } } .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu { visibility: visible; transition: transform 0.4s ease-in-out, visibility 0s linear; } @media (min-width: 62rem) { .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu { opacity: 1; transition: visibility 0s linear, opacity 0.4s 0.15s ease-in-out; } } @media (min-width: 62rem) { .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu::after { opacity: 0.2; transition: height 0.4s ease-in-out, opacity 0.4s 0.5s ease-in-out; } } @media (min-width: 62rem) { .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu .main-nav__menu-item--depth-1 { opacity: 1; transform: translateY(0); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition-delay: calc(var(--menuItemIndex, 0) * 0.025s + 0.1s); } } @media (min-width: 62rem) { .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu .main-nav__menu-item--depth-1.main-nav__menu-item--image { transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transition-delay: 0.4s; } } .main-nav__menu-item--sub-menu-button.active .main-nav__sub-menu-title { visibility: visible; transform: translate(100%); transition: transform 0s linear, visibility 0s linear; } @media (min-width: 62rem) { .main-nav__menu-item--sub-menu-button.active > .main-nav__sub-menu-button::after { transform: rotate(180deg); } } .main-nav__menu-item--sub-menu-button.active > a:not(.c-btn), .main-nav__menu-item--sub-menu-button.active > button { color: #1f386b !important; opacity: 1 !important; } @media (min-width: 62rem) { .main-nav__menu-item--image { position: absolute; top: 0; left: 0; width: clamp(23.125rem, 0.134569378rem + 37.0813397129vw, 32.8125rem); height: 100%; margin-bottom: 0 !important; transform: translateY(0); } } @media (min-width: 62rem) { .main-nav__menu-item--image.main-nav__menu-item--right { left: auto; right: 0; } } .main-nav__menu-item--left:not(.main-nav__menu-item--image), .main-nav__menu-item--right:not(.main-nav__menu-item--image) { order: 99; } .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn), .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn) { padding-top: 1.5rem; color: #1b76c5 !important; font-weight: 700; font-size: 0.75rem !important; line-height: 1rem !important; border-top: 1px solid #c3d5d5; } @media (min-width: 62rem) { .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn), .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn) { align-items: flex-start; min-height: 9.625rem; padding-top: 0 !important; padding-left: 1.875rem !important; font-size: 0.875rem !important; line-height: 1rem !important; border-top: 0; border-left: 1px solid #c3d5d5; } } .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn)::after, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn)::after { margin-left: 0.25rem; font-size: clamp(1rem, 0.7009345794rem + 0.6230529595vw, 1.25rem) !important; content: "\ea15"; font-weight: 400; font-size: 24px; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 62rem) { .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn)::after, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn)::after { display: block; flex: 0 0 100%; margin-top: 0.25rem; margin-left: 0; } } .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn):hover, .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn):focus, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn):hover, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn):focus { color: #13558f !important; } .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn) .main-nav__menu-item-description, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn) .main-nav__menu-item-description { order: -1; margin-top: 0; margin-bottom: clamp(1.125rem, 0.3773364486rem + 1.5576323988vw, 1.75rem); color: #1f386b !important; font-weight: 700; font-size: clamp(1rem, 0.8504672897rem + 0.3115264798vw, 1.125rem); font-family: "DM Sans", sans-serif; line-height: clamp(1.25rem, 0.6518691589rem + 1.246105919vw, 1.75rem); text-transform: none; } @media (min-width: 62rem) { .main-nav__menu-item--left:not(.main-nav__menu-item--image) > a:not(.c-btn) .main-nav__menu-item-description, .main-nav__menu-item--right:not(.main-nav__menu-item--image) > a:not(.c-btn) .main-nav__menu-item-description { font-weight: 700; font-size: 1rem; font-family: "DM Sans", sans-serif; line-height: 1.5rem; text-transform: none; } } .main-nav__menu-item--button { z-index: 1; order: 9999; margin: auto 0 0 0; padding: 1.25rem; background-color: #fff; box-shadow: 0 0 0.75rem rgba(0, 43, 128, 0.1); } @media (min-width: 62rem) { .main-nav__menu-item--button { all: initial; } } .main-nav__menu-item--button > .c-btn { width: 100%; max-width: 100%; } @media (min-width: 62rem) { .main-nav__menu-item--button > .c-btn { max-width: max-content; max-height: 100%; padding: 0.625rem 1.875rem; border: 0; border-radius: 0; font-weight: 700; font-size: 0.875rem; line-height: 1rem; } } .main-nav__menu-item--button ~ .main-nav__menu-item--button { z-index: 2; margin-top: -0.75rem; padding-top: 0; box-shadow: none; } @media (min-width: 62rem) { .main-nav__menu-item--dropdown { position: relative; } } @media (min-width: 62rem) { .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children) { margin-bottom: 1.5rem; } } @media (min-width: 62rem) { .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children):last-child > a:not(.c-btn) { padding-bottom: 0; } } .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children) > a:not(.c-btn) { padding: 1rem 0rem; color: #2b2e34; font-weight: 700; font-size: 1rem; line-height: 1.25rem; } @media (min-width: 62rem) { .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children) > a:not(.c-btn) { padding: 0; } } .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children) > a:not(.c-btn):hover, .main-nav__menu-item:not(.main-nav__menu-item--depth-0):not(.menu-item-has-children) > a:not(.c-btn):focus { color: #13558f; } .main-nav__menu-item a:not(.c-btn), .main-nav__menu-item .main-nav__sub-menu-button:not(.c-btn) { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-decoration: none; } .main-nav__menu-item a:not(.c-btn):hover, .main-nav__menu-item a:not(.c-btn):focus, .main-nav__menu-item .main-nav__sub-menu-button:not(.c-btn):hover, .main-nav__menu-item .main-nav__sub-menu-button:not(.c-btn):focus { color: #13558f; text-decoration: none; } .main-nav__menu-item-description { flex: 0 0 100%; margin-top: 0.5rem; color: #455a5e; font-weight: 400; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 62rem) { .main-nav__menu-item-description { margin-top: 0; margin-bottom: -0.25rem; } } .main-nav__sub-menu-title { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 3.5rem; padding: 1.125rem 3rem; color: #fff; text-align: center; background-color: #1f386b; transform: translateX(200%); transition: transform 0s 0.4s linear, visibility 0s 0.4s linear; font-weight: 700; font-size: clamp(1rem, 1.5490654206rem + -0.6230529595vw, 1.25rem); line-height: clamp(1.25rem, 1.7990654206rem + -0.6230529595vw, 1.5rem); } @media (min-width: 62rem) { .main-nav__sub-menu-title { display: none; } } .main-nav__sub-menu-title .icon { position: absolute; top: 50%; left: 1.25rem; display: flex; justify-content: center; align-items: center; transform: tranlatey(-50%); } .main-nav__sub-menu-title .icon::before { line-height: 0; } .main-nav__sub-menu-heading { margin-bottom: 0.75rem; padding: 0.5rem 0rem 0rem 0rem; color: #687d8d; border-top: 1px solid #dae7e7; font-weight: 400; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 62rem) { .main-nav__sub-menu-heading { padding-top: 0; border: none; } } .main-nav__sub-menu-button::after { margin-right: 0; margin-left: auto; transition: transform 0.3s ease-in-out; content: "\ea11"; font-weight: 400; font-size: 1.5rem; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 62rem) { .main-nav__sub-menu-button::after { content: "\ea0f"; font-size: 1rem; } } .main-nav__sub-menu-button:not(.c-btn) { width: 100%; border: none; background-color: transparent; -webkit-appearance: none; transition: color 0.3s ease-in-out; } .main-nav__sub-menu-inner { width: 100%; margin: 0; padding: 0rem 1.25rem 2.5rem 1.25rem; list-style: none; } @media (min-width: 62rem) { .main-nav__sub-menu-inner { padding: 0 var(--gutterWidth, 1.25rem) 0; column-count: 2; column-gap: 1.875rem; } } @media (min-width: 62rem) { .main-nav__menu-item--destinations .main-nav__sub-menu-inner { padding-right: clamp(25rem, -9.8564593301rem + 56.2200956938vw, 39.6875rem); padding-left: calc(var(--gutterWidth, 1.25rem)); column-count: 4; } } @media (min-width: 62rem) { .main-nav__menu-item--full-right .main-nav__sub-menu-inner { padding-right: clamp(25rem, -9.8564593301rem + 56.2200956938vw, 39.6875rem); padding-left: calc(var(--gutterWidth, 1.25rem) + clamp(0rem, -34.1148325359rem + 55.023923445vw, 14.375rem)); column-count: 2; } } @media (min-width: 62rem) { .main-nav__menu-item--full-left .main-nav__sub-menu-inner { padding-right: calc(var(--gutterWidth, 1.25rem) + clamp(0rem, -34.1148325359rem + 55.023923445vw, 14.375rem)); padding-left: clamp(25rem, -9.8564593301rem + 56.2200956938vw, 39.6875rem); column-count: 2; } } @media (min-width: 62rem) { .main-nav__menu-item--full-left-text .main-nav__sub-menu-inner { padding-right: calc(var(--gutterWidth, 1.25rem) + clamp(17.5rem, 10.0837320574rem + 11.961722488vw, 20.625rem)); padding-left: clamp(25rem, -9.8564593301rem + 56.2200956938vw, 39.6875rem); column-count: 2; } } @media (min-width: 62rem) { .main-nav__menu-item--full-left-text .main-nav__sub-menu-inner .main-nav__menu-item--right:not(.main-nav__menu-item--image) { position: absolute; top: 0; right: var(--gutterWidth, 1.25rem); display: flex; justify-content: center; align-items: center; width: clamp(15.625rem, 8.2087320574rem + 11.961722488vw, 18.75rem); height: 100%; } } .main-nav__sub-menu { position: fixed; top: 3.5rem; left: 0; z-index: -2; width: 100%; height: calc(100% + 1rem); background-color: #fff; visibility: hidden; transform: translateX(100%); overflow: auto; transition: transform 0.4s ease-in-out, visibility 0s 0.4s linear; } @media (min-width: 62rem) { .main-nav__sub-menu { top: 5.25rem; display: flex; row-gap: 0; justify-content: flex-start; align-items: center; height: auto; min-height: 22rem; max-height: calc(var(--vh, 1vh) * 100 - 2rem); padding: 3rem 0rem; background-color: transparent; opacity: 0; transform: none; overflow-y: auto; transition: visibility 0s 0.4s linear, opacity 0.4s ease-in-out; } } @media (min-width: 62rem) { .main-nav__sub-menu::after { position: fixed; top: 7.5rem; bottom: 0; right: 0; content: ""; display: block; width: 25.9375rem; height: calc(var(--subMenuHeight, 0) * 1px - 2.25rem); background-color: #1f386b; opacity: 0; pointer-events: none; transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out; -webkit-mask-size: 32.5rem 32.5rem; mask-size: 32.5rem 32.5rem; -webkit-mask-position: top left; mask-position: top left; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url(../Images/logo-symbol.svg); mask-image: url(../Images/logo-symbol.svg); } } @media (min-width: 62rem) { body.admin-bar .main-nav__sub-menu::after { top: calc(32px + 7.5rem); } } .main-nav__menu-item--destinations .main-nav__sub-menu::after, .main-nav__menu-item--full-right .main-nav__sub-menu::after, .main-nav__menu-item--dropdown .main-nav__sub-menu::after { display: none; } @media (min-width: 62rem) { body.admin-bar .main-nav__sub-menu { top: calc(32px + 5.25rem); } } @media (min-width: 62rem) { .main-nav__menu-item--dropdown .main-nav__sub-menu { position: absolute; top: calc(100% + 0.5rem); left: auto; right: 0; display: block; width: auto; min-height: 0; padding: 0; border-radius: 0.25rem; background-color: #fff; } } @media (min-width: 62rem) { .main-nav__menu-item--dropdown .main-nav__sub-menu .main-nav__sub-menu-inner { padding: 1.5rem 1.25rem; column-count: 1; } } @media (min-width: 62rem) { .main-nav__menu-item--dropdown .main-nav__sub-menu li { margin: 0 0 1rem 0 !important; padding: 0; } } @media (min-width: 62rem) { .main-nav__menu-item--dropdown .main-nav__sub-menu li:last-child { margin-bottom: 0 !important; } } @media (min-width: 62rem) { .main-nav__menu-item--dropdown .main-nav__sub-menu li a { padding: 0 !important; } } /* stylelint-enable max-nesting-depth */ .c-btn-hamburger { position: relative; z-index: 9999; display: block; width: 2.5rem; height: 2.5rem; margin-right: 2.5rem; margin-left: auto; padding: 0.5rem; border: 0; background: transparent; outline: 0; box-shadow: none; cursor: pointer; } @media (min-width: 62rem) { .c-btn-hamburger { display: none; } } .c-btn-hamburger .hamburger-box { position: relative; width: 1.5rem; height: 1.5rem; } .c-btn-hamburger .hamburger-inner { top: 50%; display: block; margin-top: 0; transition: transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), color 0.3s ease-in-out; } .c-btn-hamburger .hamburger-inner::before, .c-btn-hamburger .hamburger-inner::after { content: ""; display: block; } .c-btn-hamburger .hamburger-inner::before { top: -0.4375rem; transition: top 0.15s 0.2s ease, opacity 0.15s ease, color 0.3s ease-in-out; } .c-btn-hamburger .hamburger-inner::after { bottom: -0.4375rem; transition: bottom 0.15s 0.2s ease, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), color 0.3s ease-in-out; } .c-btn-hamburger .hamburger-inner, .c-btn-hamburger .hamburger-inner::before, .c-btn-hamburger .hamburger-inner::after { position: absolute; width: 1.5rem; height: 2px; background-color: #2b2e34; } .c-btn-hamburger.active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.2s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .c-btn-hamburger.active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.15s ease, opacity 0.15s 0.2s ease, color 0.3s ease-in-out; } .c-btn-hamburger.active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.15s ease, transform 0.15s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.3s ease-in-out; } .mobile-fixed-cta { position: fixed; left: 0; bottom: 0; z-index: 997; display: flex; justify-content: center; align-items: center; width: 100%; height: 6rem; padding: 1.5rem 1.25rem; background: #fff; box-shadow: 0 0 0.75rem rgba(0, 43, 128, 0.1); transition: transform 0.4s ease-in-out; } @media (min-width: 62rem) { .mobile-fixed-cta { display: none; } } .mobile-fixed-cta .c-btn { flex: 0 0 100%; width: 100%; max-width: 100%; } body.comparison-overlay-active .mobile-fixed-cta { transform: translateY(100%); } body.sub-menu-open .mobile-fixed-cta { transform: translateX(-100%); } /* stylelint-enable no-descending-specificity */ .search-hero { margin-bottom: 2.5rem; } @media (min-width: 48rem) { .search-hero { margin-bottom: 5rem; } } .search-field { display: flex; margin-bottom: 2rem; padding-bottom: 0.875rem; border-bottom: 2px solid #c3d5d5; } @media (min-width: 48rem) { .search-field { margin-bottom: 2.5rem; } } .search-field__input { flex: 1; line-height: 1; border: none; appearance: none; color: #1f386b; font-weight: 700; font-size: clamp(1.75rem, 0.5537383178rem + 2.492211838vw, 2.75rem); font-family: "Oswald", sans-serif; line-height: clamp(2.25rem, 1.0537383178rem + 2.492211838vw, 3.25rem); text-transform: uppercase; } @media (min-width: 48rem) { .search-field__input { line-height: 1; } } .search-field__submit { width: 3rem; height: 3rem; border: none; background: none; transition: color 0.3s ease-in-out; } .search-field__submit::before { content: "\ea3e"; font-weight: 400; font-size: 3rem; font-family: "iconfont-AIFS"; font-style: normal; font-variant: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search-field__submit:hover { color: #13558f; } .search-result { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; padding-bottom: 2.4375rem; border-bottom: 1px solid #dae7e7; } .search-result__subtitle { font-weight: 700; font-size: 0.75rem; font-family: "DM Sans", sans-serif; line-height: 1rem; letter-spacing: 0.025rem; text-transform: uppercase; } .search-result__title { margin: 0; font-weight: 700; font-size: clamp(0.875rem, 0.7254672897rem + 0.3115264798vw, 1rem); font-family: "DM Sans", sans-serif; line-height: clamp(1.25rem, 0.9509345794rem + 0.6230529595vw, 1.5rem); text-transform: none; } .search-result__excerpt { font-weight: 400; font-size: clamp(0.875rem, 0.7254672897rem + 0.3115264798vw, 1rem); line-height: clamp(1.25rem, 0.9509345794rem + 0.6230529595vw, 1.5rem); } .search-result__excerpt p { font-weight: 400; font-size: clamp(0.875rem, 0.7254672897rem + 0.3115264798vw, 1rem); line-height: clamp(1.25rem, 0.9509345794rem + 0.6230529595vw, 1.5rem); } .main-footer { padding: 4rem 0rem 3.5rem; color: #fff; background-color: #1f386b; } @media (min-width: 48rem) { .main-footer { padding-bottom: 2rem; } } @media (max-width: 61.98rem) { body.has-mobile-fixed-cta .main-footer { padding-bottom: 9.5rem; } } .main-footer a { text-decoration: none; font-weight: 700; font-size: 0.875rem; line-height: 1rem; } .main-footer a:hover, .main-footer a:focus { text-decoration: none; } .main-footer a[href*="tel:"] { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .main-footer__top { margin-bottom: clamp(1.5rem, 0.9018691589rem + 1.246105919vw, 2rem); } .main-footer__top::after { content: ""; display: block; width: 100%; height: 1px; margin-top: clamp(1.5rem, -0.8925233645rem + 4.984423676vw, 3.5rem); background-color: #c3d5d5; } @media (min-width: 62rem) { .main-footer__top-row { justify-content: space-between; } } .main-footer__top-content-col { margin-bottom: 4.5rem; } @media (min-width: 88.125rem) { .main-footer__top-content-col { margin-right: 5%; } } .main-footer__logo { margin-bottom: clamp(1.5rem, 0.3037383178rem + 2.492211838vw, 2.5rem); } .main-footer__menu-col { margin-bottom: 3rem; } @media (min-width: 62rem) { .main-footer__menu-col { margin-bottom: 0; } } @media (min-width: 62rem) and (max-width: 74.98rem) { .main-footer__menu-col { flex: 0 0 22%; max-width: 22%; } } .main-footer__menu-col:last-child { margin-bottom: 0; } .main-footer__menu-heading { margin-bottom: clamp(1rem, 0.4018691589rem + 1.246105919vw, 1.5rem); color: #c3d5d5 !important; font-weight: 700; font-size: 0.75rem; font-family: "DM Sans", sans-serif; line-height: 1rem; letter-spacing: 0.025rem; text-transform: uppercase; } .main-footer__menu { margin: 0; padding: 0; list-style: none; } @media (max-width: 35.98rem) { .main-footer__menu { column-count: 2; column-gap: 0.9375rem; } } .main-footer__menu .menu-item { margin-bottom: 1rem; } .main-footer__menu .menu-item:last-child { margin-bottom: 0; } .main-footer__bottom { font-weight: 400; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 62rem) { .main-footer__bottom { display: flex; flex-direction: row; } } .main-footer__copyright { max-width: 12.5rem; margin-bottom: 1.5rem; } @media (min-width: 36rem) { .main-footer__copyright { max-width: none; } } @media (min-width: 62rem) { .main-footer__copyright { margin-bottom: 0.5rem; } } .main-footer__copyright-links { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; text-align: right; list-style: none; } @media (min-width: 62rem) { .main-footer__copyright-links { margin-left: auto; } } .main-footer__copyright-links .menu-item { margin: 0rem 0.75rem 0.5rem 0rem; } @media (min-width: 62rem) { .main-footer__copyright-links .menu-item { margin: 0rem 0rem 0.5rem 0.9375rem; } } .main-footer__copyright-links .menu-item a { font-weight: 400; font-size: 0.75rem; line-height: 1rem; } .main-footer__social-links { display: flex; flex-direction: row; margin: 0; padding: 0px 15px; list-style: none; } .main-footer__social-link-wrapper { margin-right: 0.9375rem; } .main-footer__social-link { display: block; color: #fff; } .main-footer__social-link:hover, .main-footer__social-link:focus { color: #dae7e7; } .main-footer__social-link .icon { display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; } .main-footer__social-link .icon::before { line-height: 0; } @media (min-width: 62rem) { .main-footer__logos-col { margin-top: 4.5rem; } } .main-footer__logos { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; } @media (min-width: 62rem) { .main-footer__logos { flex-wrap: nowrap; justify-content: space-between; } } .main-footer__logo-wrapper { display: flex; flex: 0 0 50%; justify-content: center; align-items: center; margin-bottom: 1rem; } @media (min-width: 36rem) { .main-footer__logo-wrapper { flex: 0 0 33.33333%; } } @media (min-width: 62rem) { .main-footer__logo-wrapper { flex: 0 0 auto; } } .main-footer__logo-wrapper a { transition: opacity 0.3s ease-in-out; } .main-footer__logo-wrapper a:hover, .main-footer__logo-wrapper a:focus { opacity: 0.7; } .main-footer__logo-link { mix-blend-mode: lighten; } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .ml-25 { margin-left: 25%; } .ml-10 { margin-left: 10%; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .ml-25 { margin-left: 25%; } .ml-10 { margin-left: 10%; } } /* ALERT */ .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #582322; background-color: #eedad9; border-color: #e7cbca; } .alert-warning hr { border-top-color: #dfbab8; } .alert-warning .alert-link { color: #331414; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .course-document-item { color: #1A73C1; } @media (min-width: 992px) and (max-width: 1199px) { .justify-right-md { justify-content: end !important; } } @media (min-width: 1200px) { .justify-right-lg { justify-content: end !important; } } /*this will only show on keyboard focus*/ body *:focus-visible { outline: solid 2px #1852BF; outline-offset: 5px; } /* this will only show on both keyboard and mouse focus*/ body *:focus { outline: solid 2px #1852BF; outline-offset: 5px; } /*this will only show on keyboard focus*/ header#main-header .main-header__container > a.main-header__logo-wrapper:focus-visible { outline: solid 2px #1852BF; outline-offset: 5px; } /* this will only show on both keyboard and mouse focus*/ header#main-header .main-header__container > a.main-header__logo-wrapper:focus { outline: solid 2px #1852BF; outline-offset: 5px; } /*this will only show on keyboard focus*/ body footer *:focus-visible { outline: solid 2px #DBDB00; outline-offset: 5px; } /* this will only show on both keyboard and mouse focus*/ body footer *:focus { outline: solid 2px #DBDB00; outline-offset: 5px; } /* we are overriding the opacity happening on .main-footer__logo-wrapper to retain the color the outline */ .main-footer__logo-wrapper *:focus-visible { opacity: 1 !important; } /* we are overriding the opacity happening on .main-footer__logo-wrapper to retain the color the outline */ .main-footer__logo-wrapper *:focus { opacity: 1 !important; } .required, .text-red, .errmessage { color: #B30000 !important; } .to-do-item, .right-nav-officer-name, .right-nav-read-bio, .right-nav-calendar-link { color: #125087; } .explanatory { color: #595959 !important; } .LPMcontainer { background: #595959 !important; } .j-close { border: 3px solid #000 !important; border-radius: 3px; padding: 6px !important; background-color: #000 !important; } .j-post-overlay.juicer-feed .j-navigate .j-previous, .j-post-overlay.juicer-feed .j-navigate .j-next { border: 1px solid #000 !important; border-radius: 3px; background-color: #000 !important; } /*role="tooltip"*/ .hidetooltip[role="tooltip"] { visibility: hidden; position: absolute; top: 4rem; } [aria-labelledby]:hover, [aria-labelledby]:focus { position: relative; } [aria-labelledby]:hover + [role="tooltip"], [aria-labelledby]:focus + [role="tooltip"] { visibility: visible; }