/* Minification failed. Returning unminified contents.
(132,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family'
(132,78): run-time error CSS1039: Token not allowed after unary operator: '-fa-style'
(132,335): run-time error CSS1039: Token not allowed after unary operator: '-fa-display'
(132,1441): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin'
(132,1548): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width'
(132,1599): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width'
(132,1684): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color'
(132,1726): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius'
(132,1768): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style'
(132,1810): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width'
(132,1847): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding'
(132,1927): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin'
(132,1993): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin'
(132,2107): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,2160): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,2205): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,2262): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,2327): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,2384): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,2448): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,2507): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,2558): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,2624): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,2703): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,2774): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,2853): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,2926): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,2991): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,3123): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,3176): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,3221): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,3278): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,3343): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,3400): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,3464): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,3523): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,3574): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,3640): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,3719): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,3790): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,3869): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,3958): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,4039): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,4181): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,4234): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,4279): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,4336): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,4401): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,4458): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,4522): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,4581): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,4632): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,4698): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,4777): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,4848): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,4927): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,5012): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,5089): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,5242): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,5295): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,5340): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,5397): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,5462): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,5519): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,5583): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,5642): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,5693): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,5759): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,5838): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,5909): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,5988): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,6073): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,6150): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,6288): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,6341): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,6386): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,6443): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,6508): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,6565): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,6629): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,6688): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,6739): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,6805): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,6884): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,6955): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,7034): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,7107): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,7172): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,7301): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,7354): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,7399): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,7456): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,7521): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,7578): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,7642): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,7701): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,7752): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,7818): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,7897): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,7968): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,8047): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,8115): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,8175): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,8296): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,8349): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,8394): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay'
(132,8451): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,8516): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,8573): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,8637): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,8696): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,8747): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,8813): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,8892): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,8963): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,9042): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,9110): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,9170): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,9216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,9361): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,9426): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,9483): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction'
(132,9547): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,9606): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,9657): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration'
(132,9723): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,9802): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,9873): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count'
(132,9952): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,10022): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,10084): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing'
(132,10634): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,10685): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,10728): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,10856): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,10907): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,10950): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale'
(132,11106): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,11141): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,11213): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,11248): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,11312): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,11347): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,11423): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,11456): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,11501): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,11556): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,11589): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,11634): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,11681): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,11714): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,11759): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,11818): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,11853): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,11925): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,11960): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,12024): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,12059): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,12150): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,12223): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,12288): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,12586): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,12621): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,12693): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,12728): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,12792): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x'
(132,12827): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y'
(132,12903): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,12936): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,12981): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,13036): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,13069): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,13114): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,13161): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x'
(132,13194): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y'
(132,13239): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height'
(132,13298): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,13333): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,13405): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,13440): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,13504): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x'
(132,13539): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y'
(132,13630): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,13703): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,13768): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound'
(132,13985): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity'
(132,14043): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity'
(132,14116): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity'
(132,14231): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14288): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14337): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14409): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity'
(132,14524): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14581): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14630): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale'
(132,14722): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,14741): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,14760): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,14779): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,14836): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,14855): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,14874): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,14893): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,14942): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,14961): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,14980): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,14999): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,15080): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,15099): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,15118): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,15137): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,15194): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,15213): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,15232): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,15251): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,15300): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x'
(132,15319): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y'
(132,15338): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z'
(132,15357): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle'
(132,17421): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index'
(132,17564): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse'
(132,21002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21051): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21115): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21483): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21637): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,21978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22087): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22483): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22637): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,22978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23468): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23585): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23636): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,24069): run-time error CSS1039: Token not allowed after unary operator: '-fa-primary-color'
(132,24109): run-time error CSS1039: Token not allowed after unary operator: '-fa-primary-opacity'
(132,24190): run-time error CSS1039: Token not allowed after unary operator: '-fa-secondary-color'
(132,24232): run-time error CSS1039: Token not allowed after unary operator: '-fa-secondary-opacity'
(132,24399): run-time error CSS1039: Token not allowed after unary operator: '-fa-secondary-opacity'
(132,24562): run-time error CSS1039: Token not allowed after unary operator: '-fa-primary-opacity'
(132,24635): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse'
(132,31295): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31342): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31410): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31457): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31868): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31938): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,31985): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,32357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,32404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,32472): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,32519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5134,26): run-time error CSS1039: Token not allowed after unary operator: '-heroimg'
(5194,28): run-time error CSS1039: Token not allowed after unary operator: '-heroimg_sm'
(5237,28): run-time error CSS1039: Token not allowed after unary operator: '-heroimg_md'
(5243,28): run-time error CSS1039: Token not allowed after unary operator: '-heroimg_lg'
(5272,28): run-time error CSS1039: Token not allowed after unary operator: '-heroimg_xl'
(5277,28): run-time error CSS1039: Token not allowed after unary operator: '-heroimg_xxl'
*/
/* merriweather-300 - latin */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.eot); /* IE9 Compat Modes */
src: local('Merriweather Light'), local('Merriweather-Light'),
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-300.svg#Merriweather) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* merriweather-700 - latin */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
src: url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.eot); /* IE9 Compat Modes */
src: local('Merriweather Bold'), local('Merriweather-Bold'),
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Merriweather/merriweather-v11-latin-700.svg#Merriweather) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* oswald-300 - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.eot); /* IE9 Compat Modes */
src: local('Oswald Light'), local('Oswald-Light'),
url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-300.svg#Oswald) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* oswald-regular - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.eot); /* IE9 Compat Modes */
src: local('Oswald Regular'), local('Oswald-Regular'), url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-regular.svg#Oswald) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* oswald-700 - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.eot); /* IE9 Compat Modes */
src: local('Oswald Bold'), local('Oswald-Bold'),
url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Oswald/oswald-v10-latin-700.svg#Oswald) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.eot); /* IE9 Compat Modes */
src: local('Roboto Light'), local('Roboto-Light'),
url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-300.svg#Roboto) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.eot); /* IE9 Compat Modes */
src: local('Roboto Bold'), local('Roboto-Bold'), url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Roboto/roboto-v15-latin-700.svg#Roboto) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-condensed-300 - latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.eot); /* IE9 Compat Modes */
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-300.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-condensed-700 - latin */
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.eot); /* IE9 Compat Modes */
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.woff) format('woff'), /* Modern Browsers */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
url(/Static/css/Fonts/Roboto_Condensed/roboto-condensed-v13-latin-700.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
font-display: swap;
}
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fasr,.fal,.fa-light,.fasl,.fat,.fa-thin,.fast,.fad,.fa-duotone,.fass,.fa-sharp-solid,.fab,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-variant:normal;text-rendering:auto;font-style:normal;line-height:1}.fas,.fa-classic,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:"Font Awesome 6 Pro"}.fab,.fa-brands{font-family:"Font Awesome 6 Brands"}.fad,.fa-classic.fa-duotone,.fa-duotone{font-family:"Font Awesome 6 Duotone"}.fass,.fasr,.fasl,.fast,.fa-sharp{font-family:"Font Awesome 6 Sharp"}.fass,.fa-sharp{font-weight:900}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.08333em}.fa-sm{vertical-align:.05357em;font-size:.875em;line-height:.07143em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.04167em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-fw{text-align:center;width:1.25em}.fa-ul{margin-left:var(--fa-li-margin,2.5em);padding-left:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:-1ms;animation-delay:-1ms}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@keyframes fa-bounce{0%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));-webkit-transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-stack{vertical-align:middle;width:2.5em;height:2em;line-height:2em;display:inline-block;position:relative}.fa-stack-1x,.fa-stack-2x{text-align:center;z-index:var(--fa-stack-z-index,auto);width:100%;position:absolute;left:0}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-alarm-clock:before{content:""}.fa-angle-down:before{content:""}.fa-arrow-right-to-bracket:before{content:""}.fa-award:before{content:""}.fa-bars:before{content:""}.fa-book-open-reader:before,.fa-book-reader:before{content:""}.fa-books:before{content:""}.fa-bullseye:before{content:""}.fa-calendar-alt:before,.fa-calendar-days:before{content:""}.fa-chain:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-up:before{content:""}.fa-circle:before{content:""}.fa-circle-chevron-down:before{content:""}.fa-circle-chevron-left:before{content:""}.fa-circle-chevron-right:before{content:""}.fa-circle-chevron-up:before{content:""}.fa-circle-exclamation:before{content:""}.fa-circle-info:before{content:""}.fa-circle-location-arrow:before{content:""}.fa-circle-minus:before{content:""}.fa-circle-plus:before{content:""}.fa-circle-xmark:before{content:""}.fa-close:before{content:""}.fa-comments:before{content:""}.fa-download:before{content:""}.fa-envelope-open-text:before{content:""}.fa-exclamation-circle:before{content:""}.fa-exclamation-triangle:before{content:""}.fa-external-link-alt:before{content:""}.fa-file-alt:before{content:""}.fa-file-archive:before{content:""}.fa-file-code:before{content:""}.fa-file-excel:before{content:""}.fa-file-lines:before{content:""}.fa-file-pdf:before{content:""}.fa-file-powerpoint:before{content:""}.fa-file-text:before{content:""}.fa-file-word:before{content:""}.fa-file-zip:before{content:""}.fa-file-zipper:before{content:""}.fa-globe:before{content:""}.fa-graduation-cap:before{content:""}.fa-info-circle:before{content:""}.fa-link:before{content:""}.fa-list:before{content:""}.fa-list-check:before{content:""}.fa-list-dots:before{content:""}.fa-list-squares:before{content:""}.fa-list-ul:before{content:""}.fa-location-circle:before{content:""}.fa-location-dot:before{content:""}.fa-lock:before{content:""}.fa-magnifying-glass:before{content:""}.fa-map-marker-alt:before{content:""}.fa-medal:before{content:""}.fa-minus-circle:before{content:""}.fa-mortar-board:before{content:""}.fa-multiply:before{content:""}.fa-navicon:before{content:""}.fa-plus-circle:before{content:""}.fa-print:before{content:""}.fa-puzzle-piece:before{content:""}.fa-remove:before{content:""}.fa-rss-square:before{content:""}.fa-search:before{content:""}.fa-shoe-prints:before{content:""}.fa-sign-in:before{content:""}.fa-sparkles:before{content:""}.fa-square-rss:before{content:""}.fa-star-exclamation:before{content:""}.fa-tasks:before{content:""}.fa-thumbs-up:before{content:""}.fa-times:before{content:""}.fa-times-circle:before{content:""}.fa-triangle-exclamation:before{content:""}.fa-unlock:before{content:""}.fa-up-right-from-square:before{content:""}.fa-user:before{content:""}.fa-users:before{content:""}.fa-warning:before{content:""}.fa-xmark:before{content:""}.fa-xmark-circle:before{content:""}.sr-only,.fa-sr-only,.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fab,.fa-brands{font-weight:400}:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}:host{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-brands-400.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-brands-400.ttf)format("truetype")}:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}:host{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-light-300.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-light-300.ttf)format("truetype")}.fal,.fa-light{font-weight:300}:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}:host{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-regular-400.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-regular-400.ttf)format("truetype")}.far,.fa-regular{font-weight:400}:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}:host{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-solid-900.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-solid-900.ttf)format("truetype")}.fas,.fa-solid{font-weight:900}:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}:host{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-thin-100.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-thin-100.ttf)format("truetype")}.fat,.fa-thin{font-weight:100}:root{--fa-style-family-duotone:"Font Awesome 6 Duotone";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}:host{--fa-style-family-duotone:"Font Awesome 6 Duotone";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-duotone-900.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-duotone-900.ttf)format("truetype")}.fad,.fa-duotone{letter-spacing:normal;font-weight:900;position:relative}.fad:before,.fa-duotone:before{color:var(--fa-primary-color,inherit);opacity:var(--fa-primary-opacity,1);position:absolute}.fad:after,.fa-duotone:after{color:var(--fa-secondary-color,inherit);opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:before,.fa-swap-opacity .fa-duotone:before,.fad.fa-swap-opacity:before,.fa-duotone.fa-swap-opacity:before{opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fa-swap-opacity .fa-duotone:after,.fad.fa-swap-opacity:after,.fa-duotone.fa-swap-opacity:after{opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse,.fa-duotone.fa-inverse{color:var(--fa-inverse,#fff)}.fad.fa-stack-1x,.fad.fa-stack-2x,.fa-duotone.fa-stack-1x,.fa-duotone.fa-stack-2x{position:absolute}.fad.fa-alarm-clock:after,.fa-duotone.fa-alarm-clock:after{content:""}.fad.fa-angle-down:after,.fa-duotone.fa-angle-down:after{content:""}.fad.fa-arrow-right-to-bracket:after,.fa-duotone.fa-arrow-right-to-bracket:after{content:""}.fad.fa-award:after,.fa-duotone.fa-award:after{content:""}.fad.fa-bars:after,.fa-duotone.fa-bars:after{content:""}.fad.fa-book-open-reader:after,.fa-duotone.fa-book-open-reader:after,.fad.fa-book-reader:after,.fa-duotone.fa-book-reader:after{content:""}.fad.fa-books:after,.fa-duotone.fa-books:after{content:""}.fad.fa-bullseye:after,.fa-duotone.fa-bullseye:after{content:""}.fad.fa-calendar-alt:after,.fa-duotone.fa-calendar-alt:after,.fad.fa-calendar-days:after,.fa-duotone.fa-calendar-days:after{content:""}.fad.fa-chain:after,.fa-duotone.fa-chain:after{content:""}.fad.fa-chevron-circle-down:after,.fa-duotone.fa-chevron-circle-down:after{content:""}.fad.fa-chevron-circle-left:after,.fa-duotone.fa-chevron-circle-left:after{content:""}.fad.fa-chevron-circle-right:after,.fa-duotone.fa-chevron-circle-right:after{content:""}.fad.fa-chevron-circle-up:after,.fa-duotone.fa-chevron-circle-up:after{content:""}.fad.fa-chevron-down:after,.fa-duotone.fa-chevron-down:after{content:""}.fad.fa-chevron-left:after,.fa-duotone.fa-chevron-left:after{content:""}.fad.fa-chevron-right:after,.fa-duotone.fa-chevron-right:after{content:""}.fad.fa-chevron-up:after,.fa-duotone.fa-chevron-up:after{content:""}.fad.fa-circle:after,.fa-duotone.fa-circle:after{content:""}.fad.fa-circle-chevron-down:after,.fa-duotone.fa-circle-chevron-down:after{content:""}.fad.fa-circle-chevron-left:after,.fa-duotone.fa-circle-chevron-left:after{content:""}.fad.fa-circle-chevron-right:after,.fa-duotone.fa-circle-chevron-right:after{content:""}.fad.fa-circle-chevron-up:after,.fa-duotone.fa-circle-chevron-up:after{content:""}.fad.fa-circle-exclamation:after,.fa-duotone.fa-circle-exclamation:after{content:""}.fad.fa-circle-info:after,.fa-duotone.fa-circle-info:after{content:""}.fad.fa-circle-location-arrow:after,.fa-duotone.fa-circle-location-arrow:after{content:""}.fad.fa-circle-minus:after,.fa-duotone.fa-circle-minus:after{content:""}.fad.fa-circle-plus:after,.fa-duotone.fa-circle-plus:after{content:""}.fad.fa-circle-xmark:after,.fa-duotone.fa-circle-xmark:after{content:""}.fad.fa-close:after,.fa-duotone.fa-close:after{content:""}.fad.fa-comments:after,.fa-duotone.fa-comments:after{content:""}.fad.fa-download:after,.fa-duotone.fa-download:after{content:""}.fad.fa-envelope-open-text:after,.fa-duotone.fa-envelope-open-text:after{content:""}.fad.fa-exclamation-circle:after,.fa-duotone.fa-exclamation-circle:after{content:""}.fad.fa-exclamation-triangle:after,.fa-duotone.fa-exclamation-triangle:after{content:""}.fad.fa-external-link-alt:after,.fa-duotone.fa-external-link-alt:after{content:""}.fad.fa-file-alt:after,.fa-duotone.fa-file-alt:after{content:""}.fad.fa-file-archive:after,.fa-duotone.fa-file-archive:after{content:""}.fad.fa-file-code:after,.fa-duotone.fa-file-code:after{content:""}.fad.fa-file-excel:after,.fa-duotone.fa-file-excel:after{content:""}.fad.fa-file-lines:after,.fa-duotone.fa-file-lines:after{content:""}.fad.fa-file-pdf:after,.fa-duotone.fa-file-pdf:after{content:""}.fad.fa-file-powerpoint:after,.fa-duotone.fa-file-powerpoint:after{content:""}.fad.fa-file-text:after,.fa-duotone.fa-file-text:after{content:""}.fad.fa-file-word:after,.fa-duotone.fa-file-word:after{content:""}.fad.fa-file-zip:after,.fa-duotone.fa-file-zip:after{content:""}.fad.fa-file-zipper:after,.fa-duotone.fa-file-zipper:after{content:""}.fad.fa-globe:after,.fa-duotone.fa-globe:after{content:""}.fad.fa-graduation-cap:after,.fa-duotone.fa-graduation-cap:after{content:""}.fad.fa-info-circle:after,.fa-duotone.fa-info-circle:after{content:""}.fad.fa-link:after,.fa-duotone.fa-link:after{content:""}.fad.fa-list:after,.fa-duotone.fa-list:after{content:""}.fad.fa-list-check:after,.fa-duotone.fa-list-check:after{content:""}.fad.fa-list-dots:after,.fa-duotone.fa-list-dots:after{content:""}.fad.fa-list-squares:after,.fa-duotone.fa-list-squares:after{content:""}.fad.fa-list-ul:after,.fa-duotone.fa-list-ul:after{content:""}.fad.fa-location-circle:after,.fa-duotone.fa-location-circle:after{content:""}.fad.fa-location-dot:after,.fa-duotone.fa-location-dot:after{content:""}.fad.fa-lock:after,.fa-duotone.fa-lock:after{content:""}.fad.fa-magnifying-glass:after,.fa-duotone.fa-magnifying-glass:after{content:""}.fad.fa-map-marker-alt:after,.fa-duotone.fa-map-marker-alt:after{content:""}.fad.fa-medal:after,.fa-duotone.fa-medal:after{content:""}.fad.fa-minus-circle:after,.fa-duotone.fa-minus-circle:after{content:""}.fad.fa-mortar-board:after,.fa-duotone.fa-mortar-board:after{content:""}.fad.fa-multiply:after,.fa-duotone.fa-multiply:after{content:""}.fad.fa-navicon:after,.fa-duotone.fa-navicon:after{content:""}.fad.fa-plus-circle:after,.fa-duotone.fa-plus-circle:after{content:""}.fad.fa-print:after,.fa-duotone.fa-print:after{content:""}.fad.fa-puzzle-piece:after,.fa-duotone.fa-puzzle-piece:after{content:""}.fad.fa-remove:after,.fa-duotone.fa-remove:after{content:""}.fad.fa-rss-square:after,.fa-duotone.fa-rss-square:after{content:""}.fad.fa-search:after,.fa-duotone.fa-search:after{content:""}.fad.fa-shoe-prints:after,.fa-duotone.fa-shoe-prints:after{content:""}.fad.fa-sign-in:after,.fa-duotone.fa-sign-in:after{content:""}.fad.fa-sparkles:after,.fa-duotone.fa-sparkles:after{content:""}.fad.fa-square-rss:after,.fa-duotone.fa-square-rss:after{content:""}.fad.fa-star-exclamation:after,.fa-duotone.fa-star-exclamation:after{content:""}.fad.fa-tasks:after,.fa-duotone.fa-tasks:after{content:""}.fad.fa-thumbs-up:after,.fa-duotone.fa-thumbs-up:after{content:""}.fad.fa-times:after,.fa-duotone.fa-times:after{content:""}.fad.fa-times-circle:after,.fa-duotone.fa-times-circle:after{content:""}.fad.fa-triangle-exclamation:after,.fa-duotone.fa-triangle-exclamation:after{content:""}.fad.fa-unlock:after,.fa-duotone.fa-unlock:after{content:""}.fad.fa-up-right-from-square:after,.fa-duotone.fa-up-right-from-square:after{content:""}.fad.fa-user:after,.fa-duotone.fa-user:after{content:""}.fad.fa-users:after,.fa-duotone.fa-users:after{content:""}.fad.fa-warning:after,.fa-duotone.fa-warning:after{content:""}.fad.fa-xmark:after,.fa-duotone.fa-xmark:after{content:""}.fad.fa-xmark-circle:after,.fa-duotone.fa-xmark-circle:after{content:""}:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp"}:host{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:300;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-sharp-light-300.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-sharp-light-300.ttf)format("truetype")}.fasl,.fa-light{font-weight:300}:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}:host{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-sharp-regular-400.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-sharp-regular-400.ttf)format("truetype")}.fasr,.fa-regular{font-weight:400}:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}:host{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url(/Static/fontawesome-6-pro/webfonts/fa-sharp-solid-900.woff2)format("woff2"),url(/Static/fontawesome-6-pro/webfonts/fa-sharp-solid-900.ttf)format("truetype")}.fass,.fa-solid{font-weight:900}/* Variables */
/* BLACK */
/* WHITE */
/* RED - aXX variant is alpha variant. so hallon-a02 is alpha 0.2 of hallon */
/* GREEN */
/* BLUE */
/* YELLOW */
/* GREY */
/* use for lighter borders */
/* use for darker borders */
/* use for borders of components like input fields. wcag accesible against white */
/* LINK COLORS */
/* COMMON TOP MENU COLORS */
/* COMMON BG COLORS*/
/*235,101,102 Rosa-salmon*/
/* EW COLORS */
/* darker shade of skog */
/* MW COLORS */
/* SW COLORS */
/* UDS COLORS */
/* ADB COLORS */
/* KLARO COLORS */
/* FONT FAMILIES */
/* BOOTSTRAP BREAKPOINTS */
/* HERO HEADER MIN HEIGHTS */
/* SPACING */
/* HEADER */
/* BORDER RADII */
/* Blocks */
/* SPACING UTILITIES */
body {
font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
line-height: 1.5;
color: #000;
font-weight: 300;
}
/* LISTS */
ul {
list-style: square;
}
ul.list-style-none {
list-style: none;
}
em {
font-style: italic;
}
/* testing if removing this makes any difference /nipn0002
.pullquote {
border-style: solid;
color: rgba(95, 112, 102, 1);
font-size: 1.45em;
line-height: 1.45em;
margin: 0.208em 0.417em 1.421em 1.667em;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
border-width: 0px 0em 1px 1px;
width: 40%;
padding: 20px 0 20px 20px;
letter-spacing: 0px;
float: right;
border-color: rgba(133, 133, 137, 1);
@media(max-width: calc(@bs-md - 1)) {
width: 100%;
}
}*/
.intro {
font-size: 1.125rem;
line-height: 1.34;
color: #302f2f;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.intro {
font-size: 1.25rem;
}
}
/* LINKS */
a {
color: #3f41dc;
text-decoration: none;
}
a:visited {
color: #814180;
}
a:focus {
outline: none;
}
a:hover,
a:focus {
color: #3f41dc;
text-decoration: underline;
}
a.external-link::after {
content: "\f35d";
font-family: "Font Awesome 6 Pro";
font-weight: 300;
font-size: 0.8em;
padding-left: 0.4em;
position: relative;
top: -0.1em;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a,
p a {
border-bottom: 1px dotted;
}
h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover,
p a:hover,
h1 a:focus,
.h1 a:focus,
h2 a:focus,
.h2 a:focus,
h3 a:focus,
.h3 a:focus,
h4 a:focus,
.h4 a:focus,
h5 a:focus,
.h5 a:focus,
h6 a:focus,
.h6 a:focus,
p a:focus {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none;
}
.surface--dark a {
color: #d8ed96;
}
.surface--dark a:visited {
color: #ab83d2;
}
.surface--dark a:hover,
.surface--dark a:focus {
color: #d8ed96;
}
.surface--dark h1 a:hover,
.surface--dark .h1 a:hover,
.surface--dark h2 a:hover,
.surface--dark .h2 a:hover,
.surface--dark h3 a:hover,
.surface--dark .h3 a:hover,
.surface--dark h4 a:hover,
.surface--dark .h4 a:hover,
.surface--dark h5 a:hover,
.surface--dark .h5 a:hover,
.surface--dark h6 a:hover,
.surface--dark .h6 a:hover,
.surface--dark p a:hover,
.surface--dark h1 a:focus,
.surface--dark .h1 a:focus,
.surface--dark h2 a:focus,
.surface--dark .h2 a:focus,
.surface--dark h3 a:focus,
.surface--dark .h3 a:focus,
.surface--dark h4 a:focus,
.surface--dark .h4 a:focus,
.surface--dark h5 a:focus,
.surface--dark .h5 a:focus,
.surface--dark h6 a:focus,
.surface--dark .h6 a:focus,
.surface--dark p a:focus {
color: #000;
}
/* HEADINGS */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #302f2f;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
h1.inline,
.h1.inline,
h2.inline,
.h2.inline,
h3.inline,
.h3.inline,
h4.inline,
.h4.inline,
h5.inline,
.h5.inline,
h6.inline,
.h6.inline {
display: inline;
line-height: 1.5;
}
h1,
.h1 {
font-size: clamp(2rem, calc(1rem + 2.621vw), 2.625rem);
line-height: 1.25;
margin: 1.5rem 0 0.625rem;
}
h1.border-title,
.h1.border-title {
margin: 1rem 0 0.25rem 0.063rem;
border-bottom: 5px solid #302f2f;
font-weight: 600;
padding-bottom: 0.625rem;
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 400;
line-height: 1.4;
margin: 1em 0 0.625em;
}
h2,
.h2 {
font-size: 1.5rem;
}
h3,
.h3 {
font-size: 1.25rem;
}
h4,
.h4 {
font-size: 1.125rem;
}
h5,
.h5 {
font-size: 1rem;
}
h6,
.h6 {
font-size: 0.875rem;
}
/* ENUMERATIONS */
.comma-separated + .comma-separated::before {
content: ', ';
}
.slash-separated + .slash-separated::before {
content: '/ ';
}
/* LINE HEIGHT
Bootstrap style 0 line-height class
*/
.lh-0 {
line-height: 0 !important;
}
/* FONT FAMILIES */
.font-fontawesome {
font-family: "Font Awesome 6 Pro";
}
.font-merriweather {
font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
}
.font-oswald {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.font-roboto {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.font-roboto-condensed {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
}
/* BOOTSTRAP TOOLTIPS OVERRIDE */
.tooltip-inner {
text-align: left;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
}
.panel-default {
margin-bottom: 0;
}
@media (max-width: calc(767px)) {
.panel-default {
margin-left: 15px;
margin-right: 15px;
}
}
.panel-heading-rss {
padding-right: 25px;
min-height: 33px;
}
.panel-default > .panel-heading {
background-color: #fff;
border-bottom: 5px solid #53565a;
color: #53565a;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
padding-bottom: 5px;
padding-left: 0;
position: relative;
word-wrap: break-word;
}
.panel-default > .panel-heading .rss-link {
color: #007681;
position: absolute;
right: 0;
transition: color 0.3s ease-out;
border-bottom: none;
}
.panel-default > .panel-heading .rss-link:hover,
.panel-default > .panel-heading .rss-link:focus {
color: #004851;
box-shadow: none;
background-color: transparent;
}
.panel-default > .panel-heading .rss-link:hover:focus-visible,
.panel-default > .panel-heading .rss-link:focus:focus-visible {
color: #004851;
outline-offset: 1px;
outline: 2px solid #004851;
transition: none;
}
.panel ul {
padding: 0px;
margin: 0px;
list-style: outside none none;
word-wrap: break-word;
}
.panel-body {
margin-top: 10px;
padding: 0;
}
.panel-footer {
background-color: #fff;
border: 0;
margin-right: 0;
padding: 13px 10px 7px;
text-align: center;
}
.pagelist-clickableitem {
cursor: pointer;
}
.pagelist-clickableitem:focus-within {
outline: 1px solid #007681;
}
.pagelist-clickableitem:focus-within .pagelist-link {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none;
}
.pagelist-clickableitem:hover {
outline: 1px solid #007681;
}
.pagelist-clickableitem:hover .pagelist-link {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none;
}
.pagelist-item {
margin: 0;
word-wrap: break-word;
}
.pagelist-item .page-item-container {
background-color: #eff5f7;
display: block;
padding: 5px 6px;
}
.pagelist-item .page-item-container img {
float: left;
margin: 5px 10px 5px 0;
}
.pagelist-item p {
margin-bottom: 0;
}
.pagelist-item .date-and-category {
color: #000;
display: block;
text-transform: uppercase;
font-size: 0.875rem;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
line-height: 1.4;
}
.pagelist-item .date-and-category .date {
padding-right: 4px;
}
.pagelist-item .date-and-category .category {
padding-left: 5px;
border-left: 1px solid #302f2f;
}
.pagelist-item .date-and-category .category ~ .category {
border: 0;
}
.pagelist-item .date-and-category .category:first-child {
padding-left: 0;
border: 0;
}
.pagelist-item .headline {
display: block;
margin: 5px 0;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.3;
text-decoration: underline;
}
.pagelist-item .headline .pagelist-link {
text-decoration: underline;
border-bottom: none;
}
.pagelist-item .content {
color: #000;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 5px;
line-height: 1;
font-size: 1rem;
}
.pagelist-item .sponsor {
color: #000;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 5px;
line-height: 1;
text-transform: uppercase;
display: block;
}
.pagelist-item a:hover,
.pagelist-item a {
text-decoration: none;
}
.pagelist-item a,
.pagelist-item a:active,
.pagelist-item a:visited {
color: #2b61b4;
}
.pagelist-item .main-intro {
padding: 5px 0;
}
.pagelist-item + .pagelist-item {
margin-top: 7px;
}
.pagelist-item.calendar-item .highlight-event {
display: block;
margin-top: -3px;
min-height: 300px;
}
.pagelist-item.calendar-item .highlight-event .headline {
color: #302f2f;
display: block;
font-size: 1.875rem;
padding: 15px;
}
.pagelist-item.calendar-item .highlight-event .date-and-category {
font-size: 1.5rem;
padding: 15px;
}
.pagelist-item.calendar-item .page-item-container {
padding: 0 0 0 80px;
position: relative;
min-height: 64px;
}
.pagelist-item.calendar-item .page-item-container .date-box {
background-color: rgba(185, 211, 220, 0.5);
bottom: 0;
color: #53565a;
font-size: 1.125rem;
left: 0;
line-height: 1;
padding: 6px 0px 6px 6px;
position: absolute;
text-align: left;
top: 0;
width: 80px;
}
.pagelist-item.calendar-item .page-item-container .date-box .startdate {
margin-bottom: -8px;
margin-top: -5px;
}
.pagelist-item.calendar-item .page-item-container .date-box .stopdate {
display: block;
}
.pagelist-item.calendar-item .page-item-container .date-box .startstopdate {
font-weight: 300;
margin-left: -5px;
}
.pagelist-item.calendar-item .page-item-container .date-box .startdate span,
.pagelist-item.calendar-item .page-item-container .date-box .stopdate span {
display: inline;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1;
}
.pagelist-item.calendar-item .page-item-container .date-box .startdate span.day,
.pagelist-item.calendar-item .page-item-container .date-box .stopdate span.day {
font-size: 1.5rem;
font-weight: 700;
}
.pagelist-item.calendar-item .page-item-container .date-box .startdate span.month,
.pagelist-item.calendar-item .page-item-container .date-box .stopdate span.month {
font-size: 1.125rem;
}
.pagelist-item.calendar-item .page-item-container .date-and-category > .category ~ .category {
border-left: 1px solid #302f2f;
padding-left: 5px;
}
.pagelist-item.calendar-item .page-item-container .category {
border: 0;
padding-right: 5px;
}
.pagelist-item.calendar-item .page-item-container .page-item {
float: left;
padding: 5px 6px;
width: 88%;
}
@media (max-width: calc(575px)) {
.pagelist-item.calendar-item .page-item-container .page-item {
width: 82%;
}
}
@media (min-width: 992px) {
.col-lg-12 .pagelist-item {
word-wrap: break-word;
width: 100%;
}
.col-lg-12 .pagelist-item.first-item {
float: left;
margin-bottom: 7px;
}
.col-lg-12 .pagelist-item.first-item + .pagelist-item {
margin-top: 7px;
}
.col-lg-12 .pagelist-item.first-item ~ .pagelist-item {
clear: right;
float: right;
margin-bottom: 7px;
}
}
.image-puff {
padding-bottom: 10px;
color: #000;
overflow: hidden;
}
@media (min-width: 992px) {
.image-puff {
height: 500px;
}
}
@media (min-width: 992px) and (max-width: calc(1199px)) {
.image-puff {
height: auto;
}
}
.image-puff .image-puff-area {
position: relative;
width: 100%;
height: 100%;
}
.image-puff .image-puff-area .image-puff-area-image {
width: 100%;
top: 0;
left: 0;
background-size: cover;
}
@media (min-width: 768px) {
.image-puff .image-puff-area .image-puff-area-image {
height: 100%;
position: absolute;
}
}
@media (max-width: calc(767px)) {
.image-puff .image-puff-area .image-puff-area-image {
height: 350px;
}
.image-puff .image-puff-area .image-puff-area-image:not(.none) {
display: none;
}
}
.image-puff .image-puff-area .image-puff-area-text {
z-index: 10;
text-align: center;
position: relative;
}
@media (max-width: calc(767px)) {
.image-puff .image-puff-area .image-puff-area-text {
padding-top: 0px;
}
}
.image-puff .image-puff-area .image-puff-area-text h4 {
color: #302f2f;
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container {
padding: 0 5px 0 5px;
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box {
text-align: left;
border-radius: 5px;
padding: 30px;
margin-bottom: 20px;
margin-top: 5px;
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light {
background-color: rgba(255, 255, 255, 0.9);
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light h1,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light h2,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light h3,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light h4,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light h5,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.light .intro {
color: #302f2f;
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark {
background-color: rgba(0, 0, 0, 0.6);
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark h1,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark h2,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark h3,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark h4,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark h5,
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box.dark .intro {
color: #fff;
}
@media (min-width: 768px) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box {
max-height: 200px;
}
}
@media (max-width: calc(767px)) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box {
padding: 10px 15px;
margin-bottom: 0;
border-radius: 0;
}
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box .intro {
font-weight: 400;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
}
@media (min-width: 768px) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-box-container .image-puff-area-text-box .intro {
font-size: 1.25rem;
}
}
@media (min-width: 992px) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: calc(1199px)) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons {
margin-bottom: 40px;
}
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons .button-container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: calc(767px)) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons .button-container {
width: 100%;
}
}
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons .button-container .button {
margin: 5px;
}
@media (max-width: calc(991px)) {
.image-puff .image-puff-area .image-puff-area-text .image-puff-area-text-buttons .button-container .button {
margin-left: 15px;
margin-right: 15px;
}
}
.buttonpuffblock {
font-size: 1rem;
padding: 0;
}
.buttonpuffblock h2 {
font-size: 1.5em;
margin: 1rem 0 0.5rem;
}
.buttonpuffblock > a,
.buttonpuffblock > span {
border-radius: 20px;
color: #000;
display: block;
padding: 12px;
width: 100%;
}
.buttonpuffblock > a:focus-visible {
color: revert;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
.buttonpuffblock > a:hover,
.buttonpuffblock > a:focus {
background-color: #d9d9d6;
color: #000;
text-decoration: none;
}
.buttonpuffblock > a:visited {
color: #000;
}
.buttonpuffblock__panel {
border: 1px solid #d9d9d6;
border-radius: 8px;
background-color: #fff;
padding: 16px;
height: 100%;
}
.buttonpuffblock__panel--video > div {
position: relative;
padding-bottom: 75%;
/* 4:3 */
height: 0;
overflow: hidden;
}
.buttonpuffblock__panel--video > div iframe,
.buttonpuffblock__panel--video > div object,
.buttonpuffblock__panel--video > div embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mwblock .buttonpuffblock,
.startblock .buttonpuffblock {
font-size: 0.688rem;
text-align: center;
}
.mwblock .buttonpuffblock h2,
.startblock .buttonpuffblock h2 {
margin: 0.5rem 0 0.25rem;
}
.mwblock .buttonpuffblock > a,
.startblock .buttonpuffblock > a,
.mwblock .buttonpuffblock > span,
.startblock .buttonpuffblock > span {
border-radius: 16px;
padding: 8px;
}
.mwblock .buttonpuffblock__panel,
.startblock .buttonpuffblock__panel {
padding: 8px;
}
@media (max-width: calc(991px)) {
.mwblock .buttonpuffblock,
.startblock .buttonpuffblock {
width: 50%;
}
}
/* available button classes:
.button-regular,
.button-dark,
.button-light,
.button-emergency // standard slu buttons
--inline
--slim
--margin-bottom
.button-wrapper // for grouping above buttons
--center
--col-2
--col-3
.icon-button // buttons containing an icon and no text
--round
*/
.button-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: column;
gap: 16px;
}
.button-wrapper--center {
justify-content: center;
}
@media (min-width: 768px) {
.button-wrapper--col-3 {
flex-flow: wrap;
}
.button-wrapper--col-3 > * {
-webkit-box-flex: 0 0 calc(50% - 16px / 2);
-moz-box-flex: 0 0 calc(50% - 16px / 2);
flex: 0 0 calc(50% - 16px / 2);
}
}
@media (min-width: 1200px) {
.button-wrapper--col-2 {
flex-flow: wrap;
}
.button-wrapper--col-2 > * {
-webkit-box-flex: 0 0 calc(50% - 16px / 2);
-moz-box-flex: 0 0 calc(50% - 16px / 2);
flex: 0 0 calc(50% - 16px / 2);
}
.button-wrapper--col-3 > * {
-webkit-box-flex: 0 0 calc(33% - 16px / 1.5);
-moz-box-flex: 0 0 calc(33% - 16px / 1.5);
flex: 0 0 calc(33% - 16px / 1.5);
}
}
.button-regular {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
background-color: #007681 !important;
border: 1px solid #fff !important;
border-radius: 22px !important;
color: #fff !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: inherit;
justify-content: center;
padding: 14px 17px 15px !important;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.button-regular span:first-child {
margin-right: 0.5rem;
}
.button-regular:hover,
.button-regular:focus {
background-color: #004851 !important;
color: #fff !important;
text-decoration: none !important;
}
.button-regular:visited {
color: #fff !important;
}
.button-regular:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #ffb81c;
transition: none;
}
.button-dark {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
background-color: rgba(0, 0, 0, 0.6) !important;
border: 1px solid #fff !important;
border-radius: 22px !important;
color: #fff !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: inherit;
justify-content: center;
padding: 14px 17px 15px !important;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
}
.button-dark span:first-child {
margin-right: 0.5rem;
}
.button-dark:hover,
.button-dark:focus {
background-color: #004851 !important;
color: #fff !important;
text-decoration: none !important;
}
.button-dark:visited {
color: #fff !important;
}
.button-dark:focus-visible {
color: #2b61b4;
outline-offset: -2px;
outline: 2px solid #ffb81c;
transition: none;
}
.button-dark:hover,
.button-dark:focus,
.button-dark:visited:hover {
background-color: #007681 !important;
color: #fff !important;
}
.button-dark:visited {
color: #fff !important;
}
.button-light {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.9) !important;
border: 1px solid #fff !important;
border-radius: 22px !important;
color: #004851 !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: inherit;
justify-content: center;
padding: 14px 17px 15px !important;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
border-color: #007681 !important;
}
.button-light span:first-child {
margin-right: 0.5rem;
}
.button-light:hover,
.button-light:focus {
background-color: #004851 !important;
color: #fff !important;
text-decoration: none !important;
}
.button-light:visited {
color: #fff !important;
}
.button-light:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #ffb81c;
transition: none;
}
.button-light:hover,
.button-light:focus,
.button-light:visited:hover,
.button-light:visited:focus {
background-color: #007681 !important;
color: #fff !important;
border-color: #fff !important;
}
.button-light:visited {
color: #004851 !important;
}
.button-emergency {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
background-color: #fce300 !important;
border: 1px solid #fff !important;
border-radius: 22px !important;
color: #000 !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: inherit;
justify-content: center;
padding: 14px 17px 15px !important;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
border-color: #000 !important;
}
.button-emergency span:first-child {
margin-right: 0.5rem;
}
.button-emergency:hover,
.button-emergency:focus {
background-color: #004851 !important;
color: #fff !important;
text-decoration: none !important;
}
.button-emergency:visited {
color: #fff !important;
}
.button-emergency:focus-visible {
color: #2b61b4 !important;
outline-offset: -2px !important;
outline: 2px solid #fce300 !important;
transition: none !important;
}
.button-emergency:hover,
.button-emergency:focus,
.button-emergency:visited:hover,
.button-emergency:visited:focus {
background-color: #502b3a !important;
border-color: #fff !important;
color: #fff !important;
}
.button-emergency:visited {
color: #000 !important;
}
.button-regular--inline,
.button-dark--inline,
.button-light--inline,
.button-emergency--inline {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.button-regular--slim,
.button-dark--slim,
.button-light--slim,
.button-emergency--slim {
width: unset;
font-size: 1.25rem;
padding: 5px 16px 6px !important;
}
.button-regular--margin-bottom,
.button-dark--margin-bottom,
.button-light--margin-bottom,
.button-emergency--margin-bottom {
margin-bottom: 16px !important;
}
.button-regular::after,
.button-dark::after,
.button-light::after,
.button-emergency::after {
top: 0.06em;
}
.icon-button,
a.icon-button {
color: inherit;
}
a.icon-button {
text-decoration: none;
}
.icon-button {
background-color: unset;
border: none;
font-size: inherit;
font-weight: inherit;
line-height: unset;
padding: 0;
text-align: center;
}
.icon-button:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.icon-button > span:first-child:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
}
.icon-button > svg {
margin-bottom: 0.15em;
width: 1em;
height: 1em;
}
.icon-button--round {
border-radius: 50%;
}
.icon-button--round:focus-visible {
outline: none;
color: #2b61b4;
}
.icon-button--round > span:first-child::before {
border-radius: 50%;
}
.icon-button--round:focus-visible > span:first-child::before {
outline: 0.125rem solid #2b61b4;
outline-offset: 0.063rem;
transition: none;
}
/* styling used for StartBlock and MwBlock dropdown and modal button elements */
.button-startblock {
background-color: #fff;
border: 1px solid #888b8d;
border-radius: 10px;
color: #302f2f;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
padding: 10px 10px 10px 20px;
position: relative;
text-align: left;
overflow-wrap: anywhere;
width: 100%;
}
.button-startblock:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #ffb81c;
transition: none;
}
.button-startblock__icon-wrapper {
color: #007681;
font-size: 1.875rem;
line-height: 0;
}
.button-startblock__icon-wrapper .fa-exclamation-circle {
color: #f91717;
}
.button-startblock:hover,
.button-startblock:focus-visible {
background-color: #007681;
border-color: #004851;
color: #fff;
text-decoration: none;
}
.button-startblock:hover .button-startblock__icon-wrapper,
.button-startblock:focus-visible .button-startblock__icon-wrapper,
.button-startblock:hover .fa-exclamation-circle,
.button-startblock:focus-visible .fa-exclamation-circle {
color: #fff;
}
.button-startblock--active {
background-color: #007681;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-color: #004851;
color: #fff;
}
.button-startblock--active .button-startblock__icon-wrapper {
color: #fff;
}
.button-startblock--active .button-startblock__icon-wrapper .fa-exclamation-circle {
color: #fff;
}
.button-startblock--active:hover {
background-color: #004851;
}
/* old button css */
.btn--flat {
border-width: 0;
padding: 0.3rem 3.5rem 0.3rem 3.5rem;
}
.btn--pink {
color: white;
background-color: #ce0037;
font-weight: 300;
}
.btn--blue {
color: white;
background-color: #007681;
font-weight: 300;
}
@media (max-width: calc(575px)) {
.btn--blue {
margin-top: 1rem;
}
}
main .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
max-width: none;
}
main .EPiServerForms textarea.FormTextbox__Input {
width: 100%;
height: 128px;
}
main .EPiServerForms .FormTextbox__Input,
main .EPiServerForms select {
border-radius: 7px;
border-width: 1px;
background-color: #b9d3dc80;
}
main .EPiServerForms .FormTextbox__Input:focus,
main .EPiServerForms select:focus {
border-width: 2px;
}
main .EPiServerForms .FormCaptcha__Image {
margin-bottom: 15px;
}
main .EPiServerForms input.FormTextbox__Input {
width: 100%;
max-width: 300px;
}
main .EPiServerForms .Form__Element {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1rem;
}
main .EPiServerForms .Form__Element .Form__Element__Caption {
display: block;
}
main .EPiServerForms .Form__Element .Form__Element__ValidationError {
color: #ce0037;
}
main .EPiServerForms .ValidationFail .FormTextbox__Input,
main .EPiServerForms .ValidationFail .FormChoice__Input,
main .EPiServerForms .ValidationFail select {
border: 2px solid #ce0037;
background-color: #ce00371a;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Checkbox {
outline: 2px solid #ce0037;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Checkbox:hover {
outline: 2px solid #ce0037;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Checkbox:focus {
outline: 2px solid #ce0037;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Radio {
border: 3px solid #ce00371a;
box-shadow: 0 0 0 1px #ce0037;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Radio:hover,
main .EPiServerForms .ValidationFail .FormChoice__Input--Radio:focus {
box-shadow: 0 0 0 2px #ce0037;
}
main .EPiServerForms .ValidationFail .FormChoice__Input--Radio:checked {
background-color: #000;
border-color: #fff;
}
main .EPiServerForms .FormSubmitButton,
main .EPiServerForms .FormResetButton,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev,
main .EPiServerForms .Form__NavigationBar__Action.btnNext {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
background-color: #007681 !important;
border: 1px solid #fff !important;
border-radius: 22px !important;
color: #fff !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: inherit;
justify-content: center;
padding: 14px 17px 15px !important;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
width: unset;
font-size: 1.25rem;
padding: 5px 16px 6px !important;
font-weight: 100;
display: inline;
background-image: none;
height: auto;
}
main .EPiServerForms .FormSubmitButton span:first-child,
main .EPiServerForms .FormResetButton span:first-child,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev span:first-child,
main .EPiServerForms .Form__NavigationBar__Action.btnNext span:first-child {
margin-right: 0.5rem;
}
main .EPiServerForms .FormSubmitButton:hover,
main .EPiServerForms .FormResetButton:hover,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev:hover,
main .EPiServerForms .Form__NavigationBar__Action.btnNext:hover,
main .EPiServerForms .FormSubmitButton:focus,
main .EPiServerForms .FormResetButton:focus,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev:focus,
main .EPiServerForms .Form__NavigationBar__Action.btnNext:focus {
background-color: #004851 !important;
color: #fff !important;
text-decoration: none !important;
}
main .EPiServerForms .FormSubmitButton:visited,
main .EPiServerForms .FormResetButton:visited,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev:visited,
main .EPiServerForms .Form__NavigationBar__Action.btnNext:visited {
color: #fff !important;
}
main .EPiServerForms .FormSubmitButton:focus-visible,
main .EPiServerForms .FormResetButton:focus-visible,
main .EPiServerForms .Form__NavigationBar__Action.btnPrev:focus-visible,
main .EPiServerForms .Form__NavigationBar__Action.btnNext:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #ffb81c;
transition: none;
}
main .EPiServerForms .FormChoice__Input--Radio {
/* The native appearance is hidden */
appearance: none;
-webkit-appearance: none;
/* For a circular appearance we need a border-radius. */
border-radius: 50%;
/* The background will be the radio dot's color. - only applied on :checked */
/*background: #FFF;*/
/* The border will be the spacing between the dot and the outer circle */
border: 3px solid #FFF;
/* And by creating a box-shadow with no offset and no blur, we have an outer circle */
box-shadow: 0 0 0 1px #000;
}
main .EPiServerForms .FormChoice__Input--Radio:hover,
main .EPiServerForms .FormChoice__Input--Radio:focus {
box-shadow: 0 0 0 2px #000;
}
main .EPiServerForms .FormChoice__Input--Radio:checked {
background-color: #000;
border-color: #fff;
}
main .EPiServerForms .FormChoice__Input--Checkbox:hover {
outline: 1px solid black;
outline-offset: 2px;
}
main .EPiServerForms .FormChoice__Input--Checkbox:focus {
outline: 2px solid black;
}
main .EPiServerForms .FormChoice fieldset label {
display: block;
}
/* Fixes for Google Custom Search box + search button */
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
border-color: #525252;
background-color: #d9d9d6;
background-image: none;
filter: none;
width: auto !important;
height: auto !important;
}
.gsc-input-box {
height: unset !important;
}
.calltoaction {
border-radius: 22px;
display: inline-block;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1;
margin: 5px 0px;
padding: 22px 21px 20px;
text-align: center;
transition: all 0.3s ease-out;
}
.calltoaction.red {
background-color: #ff585d;
border: 0;
color: #000;
}
.calltoaction.red:hover,
.calltoaction.red:focus {
background-color: #c4d600;
border: 0;
}
.calltoaction.red:visited {
color: #000;
}
.calltoaction.green {
background-color: #c4d600;
border: 0;
color: #000;
}
.calltoaction.green:hover,
.calltoaction.green:focus {
background-color: #d8ed96;
border: 0;
}
.calltoaction.green:visited {
color: #000;
}
.calltoaction span {
display: inline-block;
position: relative;
transition: all 0.3s ease-out;
}
.calltoaction span:after {
content: '\25b6';
font-family: 'Segoe UI Symbol', sans-serif;
opacity: 0;
position: absolute;
right: -35px;
top: -1px;
transition: all 0.3s ease-out;
}
.calltoaction:hover span {
padding-right: 25px;
}
.calltoaction:hover span:after {
opacity: 1;
right: 0;
}
.text-puff {
padding-top: 30px;
padding-bottom: 30px;
}
.text-puff .text-puff-area .text-puff-area-image img {
width: 100%;
}
@media (max-width: calc(991px)) {
.text-puff .text-puff-area .text-puff-area-image img {
margin-bottom: 10px;
}
}
@media (max-width: calc(991px)) {
.text-puff .text-puff-area .text-puff-area-text-container {
padding-left: 15px;
padding-right: 15px;
}
}
.text-puff .text-puff-area .text-puff-area-text h2 {
margin-top: 0;
}
.text-puff .text-puff-area .text-puff-area-text p {
margin-bottom: 15px;
}
@media (max-width: calc(991px)) {
.text-puff .text-puff-area .text-puff-area-buttons-container {
padding-left: 15px;
padding-right: 15px;
}
}
.text-puff .text-puff-area .text-puff-area-text h2 {
margin-top: 0;
margin: 25px 0 10px 0;
}
.sliderWrapper {
color: #fff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-left: calc(-24px);
margin-right: calc(-24px);
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next {
color: #fff;
display: flex;
flex-direction: column;
justify-content: flex-end;
opacity: 1;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev:focus-visible,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev .fa,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next .fa {
font-size: 2em;
margin-bottom: 0.375em;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev .fa:before,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next .fa:before {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
border-radius: 50%;
padding: 0.25rem;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev:hover .fa,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next:hover .fa {
font-size: 2.25em;
margin-bottom: 0.25em;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev:focus-visible .fa,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next:focus-visible .fa {
color: #2b61b4;
}
.sliderWrapper .carouselImageSliderBlock .carousel-captions {
/* not to display caption at its current position */
display: none !important;
}
.sliderWrapper .carouselImageSliderBlock .carousel-numbers {
position: absolute;
bottom: 0.5rem;
text-align: center;
left: 50%;
transform: translateX(-50%);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.sliderWrapper .carouselImageSliderBlock .carousel-numbers p {
margin: 0;
}
.sliderWrapper .carouselImageSliderBlock ol {
padding: 0;
margin: 0;
}
.sliderWrapper .new-carousel-caption-position {
background-color: #000;
}
@media (min-width: 768px) {
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev .fa,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next .fa {
font-size: 2.75em;
}
.sliderWrapper .carouselImageSliderBlock .carousel-control-prev:hover .fa,
.sliderWrapper .carouselImageSliderBlock .carousel-control-next:hover .fa {
font-size: 3.25em;
}
.sliderWrapper .carouselImageSliderBlock .carousel-numbers {
bottom: 1rem;
}
}
@media (min-width: 992px) {
.sliderWrapper {
margin-left: 0;
margin-right: 0;
}
}
.startblock {
background-color: #eff5f7;
padding-top: 2.5rem;
}
.startblock h1 {
font-size: 2rem;
font-weight: 300;
margin: 0 10px 1.5rem;
}
@media (min-width: 992px) {
.startblock h1 {
margin-right: 0;
margin-left: 0;
}
}
.startblock__dropdown {
position: relative;
}
.startblock__dropdown-content {
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1), -8px 6px 10px rgba(0, 0, 0, 0.1), 8px 6px 10px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-color: #888b8d;
border-style: solid;
border-width: 0 1px 1px 1px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding: 1rem 32px 0.5rem;
position: absolute;
z-index: 1;
width: 100%;
}
.startblock__dropdown-content > *:first-child {
margin-top: 0;
}
.startblock__link-collection ul:first-child {
padding-left: 0;
}
.startblock__link-collection ul:not(:first-child) {
padding-left: 2rem;
}
.startblock__link-collection a,
.startblock__link-collection a:visited {
color: #000;
}
.startblock__link-collection a:focus-visible {
color: revert;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.startblock__link-collection a:hover,
.startblock__link-collection a:focus {
text-decoration: underline;
}
.mwblock {
background-color: #eff5f7;
}
.mwblock .block-header h1 {
font-size: 2rem;
font-weight: 100;
}
.mwblock .block-header a {
color: #000;
text-decoration: none;
}
.mwblock .block-header a:hover {
color: #2b61b4;
}
.mwblock .block-header a .login {
font-size: 1rem;
vertical-align: middle;
display: inline-block;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.mwblock .block-header a .fa {
display: inline-block;
vertical-align: middle;
font-size: 1.875rem;
}
@media (max-width: calc(767px)) {
.mwblock .block-header .logged-in {
position: relative !important;
margin-left: 15px;
right: auto;
top: auto;
}
}
@media (max-width: calc(991px)) {
.mwblock .block-header .logged-in {
position: absolute;
right: 0;
top: -10px;
font-size: 0.875rem;
}
}
.mwblock .link-box {
display: block;
border: 1px solid #888;
border-radius: 10px;
background-color: #fff;
padding: 10px 10px 11px 20px;
text-decoration: none;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
color: #302f2f;
font-size: 1.125rem;
font-weight: 500;
position: relative;
}
.mwblock .link-box:focus-visible {
color: revert;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
@media (max-width: calc(991px)) {
.mwblock .link-box {
margin: 10px;
}
}
.mwblock .link-box span {
color: #007681;
font-size: 1.875rem;
position: absolute;
right: 15px;
}
.mwblock .link-box span.fa-exclamation-circle {
color: #f91717;
right: 47px;
}
/* ===== SOCIAL MEDIA BLOCKS (TWITTER, FACEBOOK, LINKEDIN) ====== */
.social-media-block h3 {
background-repeat: no-repeat;
margin-top: 0;
padding: 6px 0 6px 43px;
}
.social-media-block h3 a {
color: #302f2f;
font-weight: 400;
}
.social-media-block h3 a:after {
display: none !important;
}
.social-media-block.facebook-feed h3 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAM2SURBVFhH7Zc7bNNQFIZ/O86btpQWKEi0SJFYGRha1KmqEGJnQWKgUqfCwsBWiU6MSAgGhiJgZECMRAgWBBIT3SqoWtLQJE3zdJpHYye2OSe5UvMqwjjK1C+K7Fwf33POPY97I+XUsnVj8RVMWPC4FQwCvVaHRJ/w6h1I0zefWbphIODziseD4aCqQXG5IJuWNHDljJ90WqRb9nhcYqg/mKYFXa+Th7W2b1Wrw7QsIdWEdcvi3jk0d1UoDgY8ODsexJmxIE7Tl+/HRgMNGTawFWn21vP2kf/AIs/KFR0jwz5cuxrC7JWLCF04RbPzM8DrURBNqHj45COyahler1u8CecrwAo08nxkyIeVu/NYXprH3HQIk+dHMXluFFN0nRgfoutJyC6JwiBeFPTBABNF8v7R/euYmwmJ0W60HjnAODaA43750gQt+5QY6Q2HQZYoJh04MoDnS+fKuHd7Rox0s0Oxj8Zz2E7kYdH6S3K7EY6SkD1aW0+guLYiRg5Z39zD45dfsZcrUcOh2JPyTL7SyBm5xQhHK2Bx++7RR9T9A7x+9x3hLxv4vatiO64iltzvUs44zgEXeddJMlvEj0gWYyMBDAd9CPo91PncXcoZ2wawF7ycXPt8T0XQA1IkWaRQyAr5XtgygOcwaOPaTRewFc1gayeDDCVYJzqV3G6qiM2dLH7FSC6WQzJdhEa7YCe2ktAwTJQqGr69WWq0WzuksiUsLr9FnAzzO+mERs0kTwzx698Jf/6JdLYMN23BrdhPQgrvUfH8G9FkARqtIOdFK/YNIBSX/ddS6RJqOhvQ/q7tmRS3THHcx16miARdI5RgndTqRiPpYuQ1X6PxPJVmqct7xlYS8tLX6ibGaW/ncx3oRBNJ5LD14YGQaLKxncHK00+IUIWcCHhhUuVUqnQOpM7pqBHxBG5FpowuI1+oQi1VkcqUxNNDDNNEgZ6papXkKnSvN/aAvjQiNsLnVRqdjcvJ7+suR5bx0gnb72vKsXyvnZCxbUA7HL2jIsg7BYet+esoHBrgnGMDjg2Qdd3+xtIvWDeVp0X/ZjQxNDgqpFPmQ0t4dYE2F6XZWgcE6/KQzvcvFvAH2WGADA7bDqwAAAAASUVORK5CYII=);
line-height: 1.3;
}
.social-media-block.twitter-feed h3 {
background-image: url(/static/img/twitter-icon.png);
margin-top: 0 !important;
line-height: 1.3;
}
.social-media-block.linkedin-feed h3 {
background-image: url(/static/img/In-2C-40x32px-R.png);
margin-top: 0 !important;
padding-left: 47px;
line-height: 1.3;
}
.social-media-block ul {
margin: 15px 0 0;
}
.social-media-block li {
line-height: 130%;
}
.social-media-block li ~ li {
margin-top: 72px;
}
.social-media-block li h4 {
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
font-weight: bold;
font-size: 2rem;
min-height: 19px;
margin-bottom: 8px;
}
.social-media-block li h4 span {
font-size: 1.125rem;
color: #808080;
font-weight: normal;
}
.social-media-block li .retweet {
padding-left: 20px;
background-image: url(/static/img/retweet.png);
background-repeat: no-repeat;
background-position: left center;
color: #302f2f;
font-size: 1rem;
}
.social-media-block li > a {
font-size: 0.875rem;
}
.social-media-block li p {
max-height: none;
margin-top: 0;
overflow: hidden;
}
.social-media-block li.contracted p {
max-height: 72px;
}
.right-column .social-media-block li.contracted p {
max-height: 60px;
}
.social-media-block.facebook-feed li h4 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC4ElEQVRYhb2XTUhUURTHhz4gEiFCM0RyZt49l8gPgiGmmXn3nBZWRquoViGpDeO8dw7ktqRNELWKKNq2i4igkDbRJhDCCiUVFxLYBy0qa1GkEmnaYibza948yduB/+5y/7977jnnvRuJBIQyHdWa+JhGuaxJHgBKHyA/08jDRY0A8rhGeb0g4jeaeAxIhhatGwaU54DSp10vHuRZME5m64D4uib+rEnm10tAPBszXnOgueP6rUDycT2N/wLIj2gqt7ukORAfBJRpG+aaZB5QJpx0fseq5rWJXFXhDu2YFwC4t+TpteFzVs2JX5ZMf9xlDciDITZ5ogx3K8NZTZIrJ0C/SyF3avJMbSK3teTpFfqnyt09EN8qucG/hiY+X+b0M3GUJnsAhUETVDxTTspX9gDKZ2BeGe62BhCqBlCmAaXHSecbVYYbnHS+cbniKE1OylfKdFRHIic3hgYI2wXFYpzVyD9XFclMEXRCkwxokqvgcjIUBKD02Bk+8guQe+Mu60CA6D5/J6C8szeM+It2vZbgLBg5bg9A5oH4q+N6iUAIZThbvE9LENIfSeQ2B0I46KeBpN9aNpBPBwIU4sAmhf4hjXITkAcB+ZMm/r6y6nkKUL5pkklAngtXmPwolszWhIBYiA21iVxVPWZjKsMNf+Sk841OyldxN7cruj8fLWSO74TojAnH9VvXArCmAOTbISDOWgPQrtdSDkAZvmQPgDwTohsuWgNQKDfKFOGcIt8vuUE02r6lKtNZuRbVNLdVxNJcr5GvlOsGIHmvjEcryY0cBuKHgPKqMJb57dokkyHnwN2qTGflEnOHvCPWBs/yDBjv6NKU723fBsj3/4v5ar/mTjrfCMSj9gF4TCWzdSsAwOUkII9bBhhQ6ZyzatWDy0l7ryL+AMa/UNPcVlGy7ZTp2gPE9zTyC438dMXTmmQIiEeXPMOLAuLRRetHih+ux4D+NWX8E3WpM9tLGkcikd/oCHIv5G3dxQAAAABJRU5ErkJggg==);
background-size: contain;
padding-left: 25px;
margin: 0 0 25px 0;
}
.social-media-block.facebook-feed li h4 span {
color: #808080;
font-weight: normal;
}
.social-media-block.twitter-feed li h4 {
background-size: 25px auto;
padding-left: 25px;
margin: 25px 0;
font-size: 1rem;
}
.social-media-block.twitter-feed li h4 a:after {
display: none !important;
}
.social-media-block.twitter-feed li h4 span {
color: #302f2f;
font-weight: normal;
font-size: 1.125rem;
}
.social-media-block.twitter-feed li img {
margin-bottom: 5px;
height: auto;
max-width: 100%;
}
.social-media-block p {
margin-top: 0;
margin-bottom: 0;
word-break: break-word;
}
.social-media-block.expanded p {
max-height: none;
}
.social-media-block .morecontent span {
display: none;
}
/* #region - TWITTER - */
.twitterblock iframe {
width: 100% !important;
}
.twitterblock iframe .timeline {
border-radius: 0 !important;
}
.tagcollectionblock .panel-body {
margin-top: 0;
padding: 0;
}
.tagcollectionblock .image-container {
margin-top: 10px;
}
.social-media-block.twitter-feed {
box-sizing: border-box;
color: #000;
margin-top: 40px;
}
.social-media-block.twitter-feed .tweet {
padding: 30px;
}
.social-media-block.twitter-feed .tweet-meta {
font-size: 0.625rem;
}
.course-schedule {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
}
.course-schedule label {
font-weight: 500;
margin: 0.5rem 0;
}
.course-schedule h3 {
background-color: #154734;
color: #fff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
padding: 0.25rem 0.375rem 0;
}
.course-schedule h4 {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 500;
margin-top: 0.5rem;
margin-bottom: 0.25rem;
}
.course-schedule article {
margin: 0 0.25rem;
}
.course-schedule article:not(:last-child) {
border-bottom: 1px solid #d9d9d6;
}
.course-schedule__detail {
margin-bottom: 0.25rem;
}
.course-schedule__detail span {
margin-right: 0.25rem;
}
.course-schedule__semesters {
margin-top: 0.5rem;
}
.course-schedule__semester {
margin-right: 1rem;
}
.course-schedule__period {
background-color: #d9d9d6;
margin: 0.094rem;
width: 1.375rem;
height: 1.375rem;
}
.course-schedule__period--active {
background-color: #509e2f;
}
.course-schedule__period:last-child {
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.course-schedule__semesters {
margin-top: 0;
}
}
@media (min-width: 992px) {
.course-schedule__semester {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 0;
text-align: center;
}
}
.course-search-filter-block {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 15px;
}
@media (min-width: 576px) {
.course-search-filter-block {
flex-direction: row;
align-items: center;
}
}
.course-search-filter-block__label {
display: block;
margin: 0;
}
@media (min-width: 576px) {
.course-search-filter-block__label {
flex: 1 0 22%;
}
}
.course-search-filter-block select::-ms-expand {
display: none;
}
.course-search-filter-block__select {
flex: 0 1 78%;
overflow: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: calc(98%) center;
padding-right: 30px;
background-image: url(/static/img/chevron-vertical-black.svg);
}
.course-search-filter-block__select option {
background-color: white;
}
.course-search-filter-block__select--selected {
font-weight: 600;
border: solid 1px #c4d600;
box-shadow: 0 0 5px 0 #c4d600 inset;
background-color: #c4d600;
}
.course-search-filter-block__info-link {
font-size: 0.875rem;
}
.formcontainerblock legend {
font-size: 1rem;
}
.playblock__media-container {
padding-bottom: 56.25%;
/* 16:9 */
position: relative;
height: 0;
}
.playblock__media-container iframe,
.playblock__media-container .playerv3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Framework */
/* Available print classes:
.display-hidden // Hides element and its children in screen mode. Should be
// combined with aria-hidden.
.print-hidden // Hides element and its children in print mode.
.print-visible // Only active when calling printHelper method applyPrintLayout.
// Makes element visible even if its ancestor is hidden with
// print-hidden. Overrides display-hidden.
All other classes are used by printHelper and should not be applied manually.
*/
.display-hidden,
.display-hidden * {
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
@media print {
@page {
margin: 2.5cm !important;
}
.print-root,
.print-root *,
.print-hidden,
.print-hidden *,
.ph-child {
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
visibility: hidden !important;
}
.ph-child {
display: block !important;
}
.print-root .print-visible {
height: auto !important;
visibility: visible !important;
}
.print-root .pv-child {
height: auto !important;
margin: revert !important;
padding: revert !important;
visibility: visible !important;
}
.print-root .print-hidden.height-auto,
.print-root .ph-child.height-auto {
height: auto !important;
}
a[href]:after {
content: none !important;
}
}
/*for development purpose only*/
.todo {
border: 1px solid red;
}
img {
max-width: 100%;
height: auto;
display: block;
}
hr {
background-color: #000;
height: 1px;
}
.table-responsive:before {
padding: 2px 5px;
color: #fff;
background: #333;
}
.content-wrapper {
left: 0;
background: #fff;
}
.skip-to-main-link {
background: rgba(0, 0, 0, 0.9);
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1), -8px 6px 10px rgba(0, 0, 0, 0.1), 8px 6px 10px rgba(0, 0, 0, 0.1);
display: block;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
left: -9999px;
padding: 15px;
position: absolute;
}
.skip-to-main-link:focus,
.skip-to-main-link:visited {
color: #fff;
}
.skip-to-main-link:focus {
left: unset;
outline: none;
width: 100vw;
}
.main-area {
padding-bottom: 48px;
}
.publish-info {
font-size: 0.75rem;
color: #302f2f;
padding-bottom: 20px;
text-transform: uppercase;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.publish-info em {
text-transform: none;
font-style: normal;
font-size: 1.125rem;
}
.equal-block-height .block > * {
height: 100%;
}
/* FORMS */
input[type=checkbox],
input[type=radio] {
/* is this the correct way for making these relative the browser font size? /nipn0002 */
width: 1rem;
height: 1rem;
}
table#id_matrix {
width: 100%;
}
table#id_matrix input[type="submit"] {
border: 0;
background: #007681;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
color: #fff;
padding: 10px 15px;
font-size: 1.125rem;
border-radius: 3px;
transition: all 0.3s ease-out;
}
table#id_matrix input[type="submit"]:hover {
background: #004851;
}
/* TABLES */
.table-responsive {
border: 0;
}
.table-responsive .table > thead > tr > th,
.table-responsive .table > tbody > tr > th,
.table-responsive .table > tfoot > tr > th,
.table-responsive .table > thead > tr > td,
.table-responsive .table > tbody > tr > td,
.table-responsive .table > tfoot > tr > td {
border: 0;
}
.basic-table {
border-collapse: collapse;
margin-bottom: 16px;
}
.basic-table th,
.basic-table td {
padding-right: 16px;
}
/* VALIDATIONS */
.validation-error {
border-color: #f91717;
}
.field-validation-error {
border: solid 1px #f91717;
background: #fff2f2;
padding: 10px;
display: block;
clear: both;
margin-top: 10px;
color: #525252;
position: relative;
width: 100%;
}
/* BORDERS */
.horizontal-borders-fjader {
border-top: 1px solid #d9d9d6 !important;
}
.horizontal-borders-fjader:last-child {
border-bottom: 1px solid #d9d9d6 !important;
}
/* COLORS */
.text-a11y-red {
color: #b11616 !important;
}
/* POSITIONING */
.position-end-center {
position: absolute;
top: 50%;
right: 0.5em;
transform: translateY(-50%);
}
/* TRANSITIONS */
.no-transition {
transition: none !important;
}
/* FLOAT AND CLEAR */
.clear-both {
clear: both;
}
/* OBJECT POSITIONING */
.object-fit-cover {
object-fit: cover !important;
}
/* remove this when upgrading to bootstrap 5.3 /nipn0002 */
.object-position-left {
object-position: left !important;
}
.object-position-right {
object-position: right !important;
}
/* OVERFLOW */
@media (min-width: 992px) {
.overflow-lg-visible {
overflow: visible !important;
}
}
/* Z-INDEX */
.z-index-1 {
z-index: 500 !important;
}
.z-index-2 {
z-index: 1000 !important;
}
.z-index-3 {
z-index: 1500 !important;
}
.z-index-auto {
z-index: auto !important;
}
@media (min-width: 992px) {
.z-index-lg-1 {
z-index: 500 !important;
}
.z-index-lg-2 {
z-index: 1000 !important;
}
.z-index-lg-3 {
z-index: 1500 !important;
}
.z-index-lg-auto {
z-index: auto !important;
}
}
/* Bootstrap overrrides */
.ui-front {
z-index: 1500 !important;
}
/* MARGINS & PADDINGS
Below classes follow the Bootstrap 5 shorthand utility standard, differing
in that they deal in px values instead of rem values.
NOTATION
As in Bootstrap, classes are named using the format {property}{sides}-{size}
for xs and {property}{sides}-{breakpoint}-{size} for sm, md, lg, xl, and xxl.
All classes are prefixed with an x to distinguish them from Bootstrap.
See https://getbootstrap.com/docs/5.0/utilities/spacing/ for full Bootstrap
spacing documentation.
PROPERTY
m - margin
p - padding
SIDES
t - margin-top or padding-top
b - margin-bottom or padding-bottom
s - (start) margin-left or padding-left
e - (end) margin-right or padding-right
x - both *-left and *-right
y - both *-top and *-bottom
blank - margin or padding on all 4 sides
SIZE
0 - 0;
1 - 4px;
2 - 8px;
3 - 16px;
4 - 24px;
5 - 48px;
EXAMPLES
xmt-0 - applies 'margin-top: 0'
xpx-2 - applies 'padding-left: 8px' and 'padding-right: 8px'
xp-3 - applies 'padding: 16px'
xms-sm-1 - applies 'margin-left: 4px' for widths from 576px and up.
*/
.xm-0 {
margin: 0 !important;
}
.xmx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.xmy-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.xmt-0 {
margin-top: 0 !important;
}
.xme-0 {
margin-right: 0 !important;
}
.xmb-0 {
margin-bottom: 0 !important;
}
.xms-0 {
margin-left: 0 !important;
}
.xm-1 {
margin: 4px !important;
}
.xmx-1 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.xmy-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xmt-1 {
margin-top: 4px !important;
}
.xme-1 {
margin-right: 4px !important;
}
.xmb-1 {
margin-bottom: 4px !important;
}
.xms-1 {
margin-left: 4px !important;
}
.xm-2 {
margin: 8px !important;
}
.xmx-2 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.xmy-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xmt-2 {
margin-top: 8px !important;
}
.xme-2 {
margin-right: 8px !important;
}
.xmb-2 {
margin-bottom: 8px !important;
}
.xms-2 {
margin-left: 8px !important;
}
.xm-3 {
margin: 16px !important;
}
.xmx-3 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.xmy-3 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xmt-3 {
margin-top: 16px !important;
}
.xme-3 {
margin-right: 16px !important;
}
.xmb-3 {
margin-bottom: 16px !important;
}
.xms-3 {
margin-left: 16px !important;
}
.xm-4 {
margin: 24px !important;
}
.xmx-4 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.xmy-4 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xmt-4 {
margin-top: 24px !important;
}
.xme-4 {
margin-right: 24px !important;
}
.xmb-4 {
margin-bottom: 24px !important;
}
.xms-4 {
margin-left: 24px !important;
}
.xm-5 {
margin: 48px !important;
}
.xmx-5 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.xmy-5 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xmt-5 {
margin-top: 48px !important;
}
.xme-5 {
margin-right: 48px !important;
}
.xmb-5 {
margin-bottom: 48px !important;
}
.xms-5 {
margin-left: 48px !important;
}
.xp-0 {
padding: 0 !important;
}
.xpx-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.xpy-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xpt-0 {
padding-top: 0 !important;
}
.xpe-0 {
padding-right: 0 !important;
}
.xpb-0 {
padding-bottom: 0 !important;
}
.xps-0 {
padding-left: 0 !important;
}
.xp-1 {
padding: 4px !important;
}
.xpx-1 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.xpy-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xpt-1 {
padding-top: 4px !important;
}
.xpe-1 {
padding-right: 4px !important;
}
.xpb-1 {
padding-bottom: 4px !important;
}
.xps-1 {
padding-left: 4px !important;
}
.xp-2 {
padding: 8px !important;
}
.xpx-2 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.xpy-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xpt-2 {
padding-top: 8px !important;
}
.xpe-2 {
padding-right: 8px !important;
}
.xpb-2 {
padding-bottom: 8px !important;
}
.xps-2 {
padding-left: 8px !important;
}
.xp-3 {
padding: 16px !important;
}
.xpx-3 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.xpy-3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xpt-3 {
padding-top: 16px !important;
}
.xpe-3 {
padding-right: 16px !important;
}
.xpb-3 {
padding-bottom: 16px !important;
}
.xps-3 {
padding-left: 16px !important;
}
.xp-4 {
padding: 24px !important;
}
.xpx-4 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.xpy-4 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xpt-4 {
padding-top: 24px !important;
}
.xpe-4 {
padding-right: 24px !important;
}
.xpb-4 {
padding-bottom: 24px !important;
}
.xps-4 {
padding-left: 24px !important;
}
.xp-5 {
padding: 48px !important;
}
.xpx-5 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.xpy-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xpt-5 {
padding-top: 48px !important;
}
.xpe-5 {
padding-right: 48px !important;
}
.xpb-5 {
padding-bottom: 48px !important;
}
.xps-5 {
padding-left: 48px !important;
}
@media (min-width: 576px) {
.xm-sm-0 {
margin: 0 !important;
}
.xmx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.xmy-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.xmt-sm-0 {
margin-top: 0 !important;
}
.xme-sm-0 {
margin-right: 0 !important;
}
.xmb-sm-0 {
margin-bottom: 0 !important;
}
.xms-sm-0 {
margin-left: 0 !important;
}
.xm-sm-1 {
margin: 4px !important;
}
.xmx-sm-1 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.xmy-sm-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xmt-sm-1 {
margin-top: 4px !important;
}
.xme-sm-1 {
margin-right: 4px !important;
}
.xmb-sm-1 {
margin-bottom: 4px !important;
}
.xms-sm-1 {
margin-left: 4px !important;
}
.xm-sm-2 {
margin: 8px !important;
}
.xmx-sm-2 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.xmy-sm-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xmt-sm-2 {
margin-top: 8px !important;
}
.xme-sm-2 {
margin-right: 8px !important;
}
.xmb-sm-2 {
margin-bottom: 8px !important;
}
.xms-sm-2 {
margin-left: 8px !important;
}
.xm-sm-3 {
margin: 16px !important;
}
.xmx-sm-3 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.xmy-sm-3 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xmt-sm-3 {
margin-top: 16px !important;
}
.xme-sm-3 {
margin-right: 16px !important;
}
.xmb-sm-3 {
margin-bottom: 16px !important;
}
.xms-sm-3 {
margin-left: 16px !important;
}
.xm-sm-4 {
margin: 24px !important;
}
.xmx-sm-4 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.xmy-sm-4 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xmt-sm-4 {
margin-top: 24px !important;
}
.xme-sm-4 {
margin-right: 24px !important;
}
.xmb-sm-4 {
margin-bottom: 24px !important;
}
.xms-sm-4 {
margin-left: 24px !important;
}
.xm-sm-5 {
margin: 48px !important;
}
.xmx-sm-5 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.xmy-sm-5 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xmt-sm-5 {
margin-top: 48px !important;
}
.xme-sm-5 {
margin-right: 48px !important;
}
.xmb-sm-5 {
margin-bottom: 48px !important;
}
.xms-sm-5 {
margin-left: 48px !important;
}
.xp-sm-0 {
padding: 0 !important;
}
.xpx-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.xpy-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xpt-sm-0 {
padding-top: 0 !important;
}
.xpe-sm-0 {
padding-right: 0 !important;
}
.xpb-sm-0 {
padding-bottom: 0 !important;
}
.xps-sm-0 {
padding-left: 0 !important;
}
.xp-sm-1 {
padding: 4px !important;
}
.xpx-sm-1 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.xpy-sm-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xpt-sm-1 {
padding-top: 4px !important;
}
.xpe-sm-1 {
padding-right: 4px !important;
}
.xpb-sm-1 {
padding-bottom: 4px !important;
}
.xps-sm-1 {
padding-left: 4px !important;
}
.xp-sm-2 {
padding: 8px !important;
}
.xpx-sm-2 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.xpy-sm-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xpt-sm-2 {
padding-top: 8px !important;
}
.xpe-sm-2 {
padding-right: 8px !important;
}
.xpb-sm-2 {
padding-bottom: 8px !important;
}
.xps-sm-2 {
padding-left: 8px !important;
}
.xp-sm-3 {
padding: 16px !important;
}
.xpx-sm-3 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.xpy-sm-3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xpt-sm-3 {
padding-top: 16px !important;
}
.xpe-sm-3 {
padding-right: 16px !important;
}
.xpb-sm-3 {
padding-bottom: 16px !important;
}
.xps-sm-3 {
padding-left: 16px !important;
}
.xp-sm-4 {
padding: 24px !important;
}
.xpx-sm-4 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.xpy-sm-4 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xpt-sm-4 {
padding-top: 24px !important;
}
.xpe-sm-4 {
padding-right: 24px !important;
}
.xpb-sm-4 {
padding-bottom: 24px !important;
}
.xps-sm-4 {
padding-left: 24px !important;
}
.xp-sm-5 {
padding: 48px !important;
}
.xpx-sm-5 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.xpy-sm-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xpt-sm-5 {
padding-top: 48px !important;
}
.xpe-sm-5 {
padding-right: 48px !important;
}
.xpb-sm-5 {
padding-bottom: 48px !important;
}
.xps-sm-5 {
padding-left: 48px !important;
}
}
@media (min-width: 768px) {
.xm-md-0 {
margin: 0 !important;
}
.xmx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.xmy-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.xmt-md-0 {
margin-top: 0 !important;
}
.xme-md-0 {
margin-right: 0 !important;
}
.xmb-md-0 {
margin-bottom: 0 !important;
}
.xms-md-0 {
margin-left: 0 !important;
}
.xm-md-1 {
margin: 4px !important;
}
.xmx-md-1 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.xmy-md-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xmt-md-1 {
margin-top: 4px !important;
}
.xme-md-1 {
margin-right: 4px !important;
}
.xmb-md-1 {
margin-bottom: 4px !important;
}
.xms-md-1 {
margin-left: 4px !important;
}
.xm-md-2 {
margin: 8px !important;
}
.xmx-md-2 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.xmy-md-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xmt-md-2 {
margin-top: 8px !important;
}
.xme-md-2 {
margin-right: 8px !important;
}
.xmb-md-2 {
margin-bottom: 8px !important;
}
.xms-md-2 {
margin-left: 8px !important;
}
.xm-md-3 {
margin: 16px !important;
}
.xmx-md-3 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.xmy-md-3 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xmt-md-3 {
margin-top: 16px !important;
}
.xme-md-3 {
margin-right: 16px !important;
}
.xmb-md-3 {
margin-bottom: 16px !important;
}
.xms-md-3 {
margin-left: 16px !important;
}
.xm-md-4 {
margin: 24px !important;
}
.xmx-md-4 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.xmy-md-4 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xmt-md-4 {
margin-top: 24px !important;
}
.xme-md-4 {
margin-right: 24px !important;
}
.xmb-md-4 {
margin-bottom: 24px !important;
}
.xms-md-4 {
margin-left: 24px !important;
}
.xm-md-5 {
margin: 48px !important;
}
.xmx-md-5 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.xmy-md-5 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xmt-md-5 {
margin-top: 48px !important;
}
.xme-md-5 {
margin-right: 48px !important;
}
.xmb-md-5 {
margin-bottom: 48px !important;
}
.xms-md-5 {
margin-left: 48px !important;
}
.xp-md-0 {
padding: 0 !important;
}
.xpx-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.xpy-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xpt-md-0 {
padding-top: 0 !important;
}
.xpe-md-0 {
padding-right: 0 !important;
}
.xpb-md-0 {
padding-bottom: 0 !important;
}
.xps-md-0 {
padding-left: 0 !important;
}
.xp-md-1 {
padding: 4px !important;
}
.xpx-md-1 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.xpy-md-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xpt-md-1 {
padding-top: 4px !important;
}
.xpe-md-1 {
padding-right: 4px !important;
}
.xpb-md-1 {
padding-bottom: 4px !important;
}
.xps-md-1 {
padding-left: 4px !important;
}
.xp-md-2 {
padding: 8px !important;
}
.xpx-md-2 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.xpy-md-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xpt-md-2 {
padding-top: 8px !important;
}
.xpe-md-2 {
padding-right: 8px !important;
}
.xpb-md-2 {
padding-bottom: 8px !important;
}
.xps-md-2 {
padding-left: 8px !important;
}
.xp-md-3 {
padding: 16px !important;
}
.xpx-md-3 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.xpy-md-3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xpt-md-3 {
padding-top: 16px !important;
}
.xpe-md-3 {
padding-right: 16px !important;
}
.xpb-md-3 {
padding-bottom: 16px !important;
}
.xps-md-3 {
padding-left: 16px !important;
}
.xp-md-4 {
padding: 24px !important;
}
.xpx-md-4 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.xpy-md-4 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xpt-md-4 {
padding-top: 24px !important;
}
.xpe-md-4 {
padding-right: 24px !important;
}
.xpb-md-4 {
padding-bottom: 24px !important;
}
.xps-md-4 {
padding-left: 24px !important;
}
.xp-md-5 {
padding: 48px !important;
}
.xpx-md-5 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.xpy-md-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xpt-md-5 {
padding-top: 48px !important;
}
.xpe-md-5 {
padding-right: 48px !important;
}
.xpb-md-5 {
padding-bottom: 48px !important;
}
.xps-md-5 {
padding-left: 48px !important;
}
}
@media (min-width: 992px) {
.xm-lg-0 {
margin: 0 !important;
}
.xmx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.xmy-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.xmt-lg-0 {
margin-top: 0 !important;
}
.xme-lg-0 {
margin-right: 0 !important;
}
.xmb-lg-0 {
margin-bottom: 0 !important;
}
.xms-lg-0 {
margin-left: 0 !important;
}
.xm-lg-1 {
margin: 4px !important;
}
.xmx-lg-1 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.xmy-lg-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.xmt-lg-1 {
margin-top: 4px !important;
}
.xme-lg-1 {
margin-right: 4px !important;
}
.xmb-lg-1 {
margin-bottom: 4px !important;
}
.xms-lg-1 {
margin-left: 4px !important;
}
.xm-lg-2 {
margin: 8px !important;
}
.xmx-lg-2 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.xmy-lg-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.xmt-lg-2 {
margin-top: 8px !important;
}
.xme-lg-2 {
margin-right: 8px !important;
}
.xmb-lg-2 {
margin-bottom: 8px !important;
}
.xms-lg-2 {
margin-left: 8px !important;
}
.xm-lg-3 {
margin: 16px !important;
}
.xmx-lg-3 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.xmy-lg-3 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.xmt-lg-3 {
margin-top: 16px !important;
}
.xme-lg-3 {
margin-right: 16px !important;
}
.xmb-lg-3 {
margin-bottom: 16px !important;
}
.xms-lg-3 {
margin-left: 16px !important;
}
.xm-lg-4 {
margin: 24px !important;
}
.xmx-lg-4 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.xmy-lg-4 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.xmt-lg-4 {
margin-top: 24px !important;
}
.xme-lg-4 {
margin-right: 24px !important;
}
.xmb-lg-4 {
margin-bottom: 24px !important;
}
.xms-lg-4 {
margin-left: 24px !important;
}
.xm-lg-5 {
margin: 48px !important;
}
.xmx-lg-5 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.xmy-lg-5 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.xmt-lg-5 {
margin-top: 48px !important;
}
.xme-lg-5 {
margin-right: 48px !important;
}
.xmb-lg-5 {
margin-bottom: 48px !important;
}
.xms-lg-5 {
margin-left: 48px !important;
}
.xp-lg-0 {
padding: 0 !important;
}
.xpx-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.xpy-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xpt-lg-0 {
padding-top: 0 !important;
}
.xpe-lg-0 {
padding-right: 0 !important;
}
.xpb-lg-0 {
padding-bottom: 0 !important;
}
.xps-lg-0 {
padding-left: 0 !important;
}
.xp-lg-1 {
padding: 4px !important;
}
.xpx-lg-1 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.xpy-lg-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.xpt-lg-1 {
padding-top: 4px !important;
}
.xpe-lg-1 {
padding-right: 4px !important;
}
.xpb-lg-1 {
padding-bottom: 4px !important;
}
.xps-lg-1 {
padding-left: 4px !important;
}
.xp-lg-2 {
padding: 8px !important;
}
.xpx-lg-2 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.xpy-lg-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.xpt-lg-2 {
padding-top: 8px !important;
}
.xpe-lg-2 {
padding-right: 8px !important;
}
.xpb-lg-2 {
padding-bottom: 8px !important;
}
.xps-lg-2 {
padding-left: 8px !important;
}
.xp-lg-3 {
padding: 16px !important;
}
.xpx-lg-3 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.xpy-lg-3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.xpt-lg-3 {
padding-top: 16px !important;
}
.xpe-lg-3 {
padding-right: 16px !important;
}
.xpb-lg-3 {
padding-bottom: 16px !important;
}
.xps-lg-3 {
padding-left: 16px !important;
}
.xp-lg-4 {
padding: 24px !important;
}
.xpx-lg-4 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.xpy-lg-4 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.xpt-lg-4 {
padding-top: 24px !important;
}
.xpe-lg-4 {
padding-right: 24px !important;
}
.xpb-lg-4 {
padding-bottom: 24px !important;
}
.xps-lg-4 {
padding-left: 24px !important;
}
.xp-lg-5 {
padding: 48px !important;
}
.xpx-lg-5 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.xpy-lg-5 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.xpt-lg-5 {
padding-top: 48px !important;
}
.xpe-lg-5 {
padding-right: 48px !important;
}
.xpb-lg-5 {
padding-bottom: 48px !important;
}
.xps-lg-5 {
padding-left: 48px !important;
}
}
.global-header {
background-color: #fff;
}
.global-header__logo {
padding: 1.5rem 0 0.5rem 4px;
position: relative;
}
.global-header__logo img,
.global-header__logo svg {
width: 2.75rem;
height: 2.75rem;
}
.global-header__logo:focus-visible svg * {
fill: #2b61b4;
}
.global-header__site-owner {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.75rem;
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
}
@media (max-width: calc(991px)) {
.global-header--menu-open .global-header__logo svg * {
fill: #fff;
}
.global-header--menu-open .global-header__logo:focus-visible svg * {
fill: #ffb81c;
}
}
@media (min-width: 992px) {
.global-header__wrapper {
height: 5rem;
}
.global-header__wrapper--haslocalmenu {
height: calc(8.875rem);
padding-bottom: 3.875rem;
}
.global-header__site-owner {
line-height: 1.4;
padding-left: calc(4.75rem + 2 * 1.188rem);
left: unset;
text-align: unset;
width: auto;
}
.global-header__logo {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
padding: 2.063rem 1.188rem 1.063rem;
position: absolute;
}
.global-header__logo:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.global-header__logo img,
.global-header__logo svg {
width: 2.438rem;
height: 2.438rem;
}
}
.mega-menu {
color: #000;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.375rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.mega-menu a {
color: #fff;
}
.mega-menu .icon-button {
color: inherit;
}
.mega-menu ul {
list-style: none;
}
.mega-menu .icon-button {
width: 1.75em;
}
.mega-menu .icon-button:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.mega-menu #navLanguage .icon-button__icon:before {
content: '\f0ac';
}
.mega-menu #navMenuToggle .icon-button__icon:before {
content: '\f0c9';
}
.mega-menu__functions {
float: right;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.5rem;
}
.mega-menu__functions .icon-button {
width: 2.25em;
}
.mega-menu__functions .icon-button .function-button-text {
font-size: 0.5em;
line-height: 0.75;
}
.mega-menu__links {
clear: right;
display: none;
overflow: hidden;
}
.mega-menu__links > ul {
margin-left: calc(-1.001em);
}
.mega-menu__links > ul > li {
padding-right: calc(0.688em);
}
.mega-menu__links > ul > li:first-child {
margin-left: calc(1.001em);
}
.mega-menu__links > ul > li + li::before {
content: '|';
padding-right: 0.563em;
}
.mega-menu #navMenuSwitch,
.mega-menu__level--one {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.25;
}
.mega-menu #navMenuSwitch {
display: none;
}
.mega-menu__level {
height: 0;
visibility: hidden;
}
.mega-menu__level--one {
clear: right;
position: relative;
}
.mega-menu__level--one li {
display: flex;
justify-content: space-between;
}
.mega-menu__level--two,
.mega-menu__level--three {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mega-menu__level--two ul {
padding: 0 1.5rem;
}
.mega-menu__mega-scroll {
overflow-y: auto;
padding-bottom: 1rem;
}
.mega-menu__back-button {
background-color: unset;
border: none;
color: inherit;
display: flex;
gap: 1rem;
font-size: inherit;
font-weight: inherit;
padding: 0 1rem 1rem;
text-align: left;
}
@media (max-width: calc(991px)) {
.mega-menu--open {
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
position: fixed;
right: 0;
bottom: 0;
}
.mega-menu--open .mega-menu__back-button:focus-visible {
color: #ffb81c;
}
.mega-menu--open .mega-menu__back-button:focus-visible:focus-visible {
outline: none;
color: #2b61b4;
}
.mega-menu--open .mega-menu__links {
display: block;
}
.mega-menu--open .icon-button:focus-visible {
color: #ffb81c;
outline-offset: 0;
outline: 2px solid #ffb81c;
transition: none;
}
.mega-menu--open #navMenuToggle .icon-button__icon:before {
content: '\f00d';
}
.mega-menu--open #navMenuSwitch {
display: flex;
}
}
@media (min-width: 992px) {
.mega-menu {
background-color: #fff;
color: #000;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
height: 2.5rem;
position: static;
}
.mega-menu a {
color: #fff;
}
.mega-menu a.mega-menu__root-link {
color: #000;
}
.mega-menu a.mega-menu__root-link:hover,
.mega-menu a.mega-menu__root-link:focus {
background-color: #fff;
color: #509e2f;
text-decoration: none;
}
.mega-menu a.mega-menu__root-link--open {
background-color: #fff;
color: #007681;
}
.mega-menu a.mega-menu__root-link--open:hover,
.mega-menu a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #007681;
}
.mega-menu a.mega-menu__root-link--selected {
background-color: #fff;
color: #007681;
}
.mega-menu a.mega-menu__root-link--selected:hover,
.mega-menu a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #007681;
}
.mega-menu__functions .icon-button {
height: 2.5rem;
}
.mega-menu__functions .icon-button:hover {
color: #509e2f;
}
.mega-menu__functions .icon-button__icon {
font-size: 1.125rem;
}
.mega-menu__links {
color: #000;
font-size: 0.75rem;
height: auto;
position: absolute;
top: 0;
right: 0;
text-transform: uppercase;
}
.mega-menu__links a {
color: #3f41dc;
}
.mega-menu__links a:hover,
.mega-menu__links a:focus {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none !important;
}
.mega-menu__menu-root {
color: #fff;
}
.mega-menu #navMenuRoot .mega-menu__level {
color: #fff;
}
.mega-menu #navMenuRoot .mega-menu__level--one {
font-size: 1.5rem;
}
.mega-menu #navMenuRoot .mega-menu__level--two {
top: 5rem;
}
.mega-menu #navLocalMenuRoot {
background-color: #154734;
height: 3.875rem;
position: absolute;
top: 5rem;
right: 0;
left: 0;
}
.mega-menu #navLocalMenuRoot .mega-menu__local-home-link {
color: #fff;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 300;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link {
color: #fff;
white-space: nowrap;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link:hover,
.mega-menu #navLocalMenuRoot a.mega-menu__root-link:focus {
background-color: #d8ed96;
color: #154734;
text-decoration: none;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--open {
background-color: #fff;
color: #154734;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #154734;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--selected {
background-color: #fff;
color: #154734;
}
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.mega-menu #navLocalMenuRoot a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #154734;
}
.mega-menu #navLocalMenuRoot .mega-menu__level--one {
font-size: 1.125rem;
}
.mega-menu #navLocalMenuRoot .mega-menu__level--one ul {
overflow-x: hidden;
}
.mega-menu #navLocalMenuRoot .mega-menu__level--two {
top: 3.875rem;
}
.mega-menu__level {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 300;
height: auto !important;
visibility: visible !important;
}
.mega-menu__level--one {
line-height: 1;
padding-left: calc(4rem + 2 * 1.188rem);
position: static;
}
.mega-menu__level--one > ul {
display: flex;
}
.mega-menu__level--one li {
display: list-item;
}
.mega-menu__level--two {
background-color: rgba(0, 0, 0, 0.9);
border-radius: 16px;
font-size: 1rem;
line-height: 1.25;
bottom: unset;
}
.mega-menu__level--two a {
color: #fff;
}
.mega-menu__level--two a:hover {
color: #fff;
}
.mega-menu__level--two > a {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 600;
}
.mega-menu__level--two > a:first-of-type {
font-size: 1.25rem;
}
.mega-menu__level--two ul {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 600;
padding-left: 0;
}
.mega-menu__level--two > .mega-menu__mega-scroll {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: auto;
}
.mega-menu__level--three {
position: static;
}
.mega-menu__level--three ul {
font-weight: 300;
}
.mega-menu__level--three li:last-child {
padding-bottom: 0.25rem !important;
}
.mega-menu__mega-scroll {
height: auto;
padding-bottom: 0;
}
.Medarbetarwebben .mega-menu {
background-color: #ffb81c;
color: #000;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link {
color: #000;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link:hover,
.Medarbetarwebben .mega-menu a.mega-menu__root-link:focus {
background-color: #ffe8b5;
color: #000;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link--open {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link--open:hover,
.Medarbetarwebben .mega-menu a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link--selected {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben .mega-menu a.mega-menu__root-link--selected:hover,
.Medarbetarwebben .mega-menu a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben .mega-menu__functions .icon-button:hover {
background-color: #ffe8b5;
color: #000;
}
.Medarbetarwebben #navLocalMenuRoot {
background-color: #eff5f7;
height: 3.875rem;
position: absolute;
top: 5rem;
right: 0;
left: 0;
}
.Medarbetarwebben #navLocalMenuRoot .mega-menu__local-home-link {
color: #000;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link {
color: #000;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link:hover,
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link:focus {
background-color: #b9d3dc;
color: #000;
text-decoration: none;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--open {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #154734;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--selected {
background-color: #fff;
color: #000;
}
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.Medarbetarwebben #navLocalMenuRoot a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #000;
}
.Studentwebben .mega-menu {
background-color: #d8ed96;
color: #154734;
}
.Studentwebben .mega-menu a.mega-menu__root-link {
color: #154734;
}
.Studentwebben .mega-menu a.mega-menu__root-link:hover,
.Studentwebben .mega-menu a.mega-menu__root-link:focus {
background-color: #c4d600;
color: #000;
}
.Studentwebben .mega-menu a.mega-menu__root-link--open {
background-color: #fff;
color: #000;
}
.Studentwebben .mega-menu a.mega-menu__root-link--open:hover,
.Studentwebben .mega-menu a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #000;
}
.Studentwebben .mega-menu a.mega-menu__root-link--selected {
background-color: #fff;
color: #000;
}
.Studentwebben .mega-menu a.mega-menu__root-link--selected:hover,
.Studentwebben .mega-menu a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #000;
}
.Studentwebben .mega-menu__functions .icon-button:hover {
background-color: #c4d600;
color: #000;
}
.Studentwebben #navLocalMenuRoot {
background-color: #509e2f;
height: 3.875rem;
position: absolute;
top: 5rem;
right: 0;
left: 0;
}
.Studentwebben #navLocalMenuRoot .mega-menu__local-home-link {
color: #000;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link {
color: #000;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link:hover,
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link:focus {
background-color: #d8ed96;
color: #000;
text-decoration: none;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--open {
background-color: #fff;
color: #000;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #000;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--selected {
background-color: #fff;
color: #000;
}
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.Studentwebben #navLocalMenuRoot a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #000;
}
.Djursjukhuset .mega-menu {
background-color: #672146;
color: #fff;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link {
color: #fff;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link:hover,
.Djursjukhuset .mega-menu a.mega-menu__root-link:focus {
background-color: #ff585d;
color: #000;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link--open {
background-color: #fff;
color: #000;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link--open:hover,
.Djursjukhuset .mega-menu a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #000;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link--selected {
background-color: #fff;
color: #000;
}
.Djursjukhuset .mega-menu a.mega-menu__root-link--selected:hover,
.Djursjukhuset .mega-menu a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #000;
}
.Djursjukhuset .mega-menu__functions .icon-button:hover {
background-color: #ff585d;
color: #000;
}
.Djursjukhuset #navLocalMenuRoot {
background-color: #502b3a;
height: 3.875rem;
position: absolute;
top: 5rem;
right: 0;
left: 0;
}
.Djursjukhuset #navLocalMenuRoot .mega-menu__local-home-link {
color: #fff;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link {
color: #fff;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link:hover,
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link:focus {
background-color: #ff585d;
color: #000;
text-decoration: none;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--open {
background-color: #fff;
color: #000;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #000;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--selected {
background-color: #fff;
color: #000;
}
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.Djursjukhuset #navLocalMenuRoot a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #000;
}
.Artdata .mega-menu,
.Artdata2 .mega-menu {
background-color: #004851;
color: #fff;
}
.Artdata .mega-menu a.mega-menu__root-link,
.Artdata2 .mega-menu a.mega-menu__root-link {
color: #fff;
}
.Artdata .mega-menu a.mega-menu__root-link:hover,
.Artdata2 .mega-menu a.mega-menu__root-link:hover,
.Artdata .mega-menu a.mega-menu__root-link:focus,
.Artdata2 .mega-menu a.mega-menu__root-link:focus {
background-color: #007681;
color: #fff;
}
.Artdata .mega-menu a.mega-menu__root-link--open,
.Artdata2 .mega-menu a.mega-menu__root-link--open {
background-color: #fff;
color: #007681;
}
.Artdata .mega-menu a.mega-menu__root-link--open:hover,
.Artdata2 .mega-menu a.mega-menu__root-link--open:hover,
.Artdata .mega-menu a.mega-menu__root-link--open:focus,
.Artdata2 .mega-menu a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #007681;
}
.Artdata .mega-menu a.mega-menu__root-link--selected,
.Artdata2 .mega-menu a.mega-menu__root-link--selected {
background-color: #fff;
color: #007681;
}
.Artdata .mega-menu a.mega-menu__root-link--selected:hover,
.Artdata2 .mega-menu a.mega-menu__root-link--selected:hover,
.Artdata .mega-menu a.mega-menu__root-link--selected:focus,
.Artdata2 .mega-menu a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #007681;
}
.Artdata .mega-menu__functions .icon-button:hover,
.Artdata2 .mega-menu__functions .icon-button:hover {
background-color: #007681;
color: #fff;
}
.Artdata #navLocalMenuRoot,
.Artdata2 #navLocalMenuRoot {
background-color: #007681;
height: 3.875rem;
position: absolute;
top: 5rem;
right: 0;
left: 0;
}
.Artdata #navLocalMenuRoot .mega-menu__local-home-link,
.Artdata2 #navLocalMenuRoot .mega-menu__local-home-link {
color: #fff;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link {
color: #fff;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link:hover,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link:hover,
.Artdata #navLocalMenuRoot a.mega-menu__root-link:focus,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link:focus {
background-color: #00d3e7;
color: #fff;
text-decoration: none;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link--open,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--open {
background-color: #fff;
color: #007681;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--open:hover,
.Artdata #navLocalMenuRoot a.mega-menu__root-link--open:focus,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--open:focus {
background-color: #fff;
color: #007681;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link--selected,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--selected {
background-color: #fff;
color: #007681;
}
.Artdata #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--selected:hover,
.Artdata #navLocalMenuRoot a.mega-menu__root-link--selected:focus,
.Artdata2 #navLocalMenuRoot a.mega-menu__root-link--selected:focus {
background-color: #fff;
color: #007681;
}
}
@media (min-width: 1200px) {
.mega-menu__links {
right: 8.33333333%;
}
.mega-menu #navLocalMenuRoot {
padding-left: 8.33333333%;
}
.mega-menu__level--two {
right: 8.33333333%;
left: 8.33333333%;
}
}
@media (min-width: 1400px) {
.mega-menu__links {
right: 16.66666667%;
}
.mega-menu #navLocalMenuRoot {
padding-left: 16.66666667%;
}
.mega-menu__level--two {
right: 16.66666667%;
left: 16.66666667%;
}
}
.breadcrumbs {
font-size: 0.813rem;
line-height: 1;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.breadcrumbs ul {
list-style: none;
}
.breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
text-transform: lowercase;
}
.breadcrumbs ul li a:visited {
color: #00529d;
}
@media (min-width: 992px) {
.breadcrumbs {
padding-left: calc(3.5rem + 2 * 1.188rem);
}
}
@media (min-width: 1200px) {
.breadcrumbs {
padding-left: calc(8.33333333% + 3.5rem + 2 * 1.188rem);
}
}
@media (min-width: 1400px) {
.breadcrumbs {
padding-left: calc(16.66666667% + 3.5rem + 2 * 1.188rem);
}
}
.footer {
background-color: #003204;
color: #fff;
position: relative;
}
@media (max-width: calc(1199px)) {
.footer {
padding-left: 15px;
padding-right: 15px;
}
}
.footer h2 {
color: #fff;
font-weight: 300;
}
@media (max-width: calc(991px)) {
.footer h2 {
margin-bottom: -15px;
}
}
@media (max-width: calc(1199px)) {
.footer p {
padding-right: 15px;
}
}
.footer a {
color: #fff;
}
.footer p > a:hover,
.footer p > a:focus {
color: #000;
}
.footer ul {
list-style-type: none;
margin: 1% 0;
padding-left: 0px;
}
.footer li {
padding-bottom: 0.625rem;
}
.footer .link-collection a {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
text-decoration: none;
}
.footer .link-collection a:focus-visible {
color: #fff;
outline-offset: 0;
outline: 2px solid #fce300;
transition: none;
}
.footer .link-collection a:hover,
.footer .link-collection a:focus {
text-decoration: underline;
}
.footer .row + .row {
margin-left: 0px;
}
.footer hr {
background-color: #fff;
}
.Medarbetarwebben .footer {
background-color: #53565a;
}
.Studentwebben .footer {
background-color: #154734;
}
.Djursjukhuset .footer {
background-color: #502b3a;
}
.Artdata .footer {
background-color: #004851;
}
.local-footer {
border: 1px solid #bbbcbc;
border-radius: 12px;
color: #000;
margin-top: 70px;
padding: 30px;
}
.local-footer h2 {
color: #000;
}
.local-footer a {
font-weight: 600;
}
@media (max-width: calc(991px)) {
.local-footer {
margin: 20px 15px 0 15px;
}
}
/* this is due to local footers in local footers. not sure why the html is set up that way /nipn0002 */
.local-footer .local-footer {
border: none;
margin-top: 0px;
}
.footerTextBoxer {
width: inherit;
}
.local-footer table {
width: 100%;
}
@media (max-width: calc(991px)) {
.local-footer table tbody tr td {
padding-right: 5px;
}
}
.standardpage .intro-image,
.calendaritempage .intro-image,
.newsitempage .intro-image,
.programpage .intro-image,
.coursepage .intro-image,
.articlelistpage .intro-image,
.coursecontainerpage .intro-image,
.coursesearchpage .intro-image,
.miljoanalysdatapage .intro-image {
position: relative;
width: 300px;
}
.standardpage .intro-image img,
.calendaritempage .intro-image img,
.newsitempage .intro-image img,
.programpage .intro-image img,
.coursepage .intro-image img,
.articlelistpage .intro-image img,
.coursecontainerpage .intro-image img,
.coursesearchpage .intro-image img,
.miljoanalysdatapage .intro-image img {
vertical-align: top;
clear: both;
}
@media (min-width: 576px) {
.standardpage .intro-image img,
.calendaritempage .intro-image img,
.newsitempage .intro-image img,
.programpage .intro-image img,
.coursepage .intro-image img,
.articlelistpage .intro-image img,
.coursecontainerpage .intro-image img,
.coursesearchpage .intro-image img,
.miljoanalysdatapage .intro-image img {
padding-bottom: 15px;
}
}
@media (min-width: 576px) {
.standardpage .intro-image,
.calendaritempage .intro-image,
.newsitempage .intro-image,
.programpage .intro-image,
.coursepage .intro-image,
.articlelistpage .intro-image,
.coursecontainerpage .intro-image,
.coursesearchpage .intro-image,
.miljoanalysdatapage .intro-image {
width: 46.25%;
float: right;
margin-bottom: 10px;
margin-left: 20px;
}
}
@media (min-width: 992px) {
.standardpage .intro-image,
.calendaritempage .intro-image,
.newsitempage .intro-image,
.programpage .intro-image,
.coursepage .intro-image,
.articlelistpage .intro-image,
.coursecontainerpage .intro-image,
.coursesearchpage .intro-image,
.miljoanalysdatapage .intro-image {
margin-top: 5px;
}
}
.standardpage .intro-image .intro-image-text,
.calendaritempage .intro-image .intro-image-text,
.newsitempage .intro-image .intro-image-text,
.programpage .intro-image .intro-image-text,
.coursepage .intro-image .intro-image-text,
.articlelistpage .intro-image .intro-image-text,
.coursecontainerpage .intro-image .intro-image-text,
.coursesearchpage .intro-image .intro-image-text,
.miljoanalysdatapage .intro-image .intro-image-text {
position: absolute;
top: 0;
right: 15px;
margin-top: 5px;
}
@media (max-width: calc(991px)) {
.standardpage .intro-image .intro-image-text,
.calendaritempage .intro-image .intro-image-text,
.newsitempage .intro-image .intro-image-text,
.programpage .intro-image .intro-image-text,
.coursepage .intro-image .intro-image-text,
.articlelistpage .intro-image .intro-image-text,
.coursecontainerpage .intro-image .intro-image-text,
.coursesearchpage .intro-image .intro-image-text,
.miljoanalysdatapage .intro-image .intro-image-text {
position: relative;
font-size: 1rem;
margin-top: -10px;
right: 0;
}
}
@media (max-width: calc(575px)) {
.standardpage .intro-image .intro-image-text,
.calendaritempage .intro-image .intro-image-text,
.newsitempage .intro-image .intro-image-text,
.programpage .intro-image .intro-image-text,
.coursepage .intro-image .intro-image-text,
.articlelistpage .intro-image .intro-image-text,
.coursecontainerpage .intro-image .intro-image-text,
.coursesearchpage .intro-image .intro-image-text,
.miljoanalysdatapage .intro-image .intro-image-text {
margin-top: 5px;
margin-bottom: 10px;
}
}
.standardpage .edit-mode-image,
.calendaritempage .edit-mode-image,
.newsitempage .edit-mode-image,
.programpage .edit-mode-image,
.coursepage .edit-mode-image,
.articlelistpage .edit-mode-image,
.coursecontainerpage .edit-mode-image,
.coursesearchpage .edit-mode-image,
.miljoanalysdatapage .edit-mode-image {
min-height: 100px;
margin-left: 53.6%;
float: none;
}
.standardpage .edit-mode-textarea,
.calendaritempage .edit-mode-textarea,
.newsitempage .edit-mode-textarea,
.programpage .edit-mode-textarea,
.coursepage .edit-mode-textarea,
.articlelistpage .edit-mode-textarea,
.coursecontainerpage .edit-mode-textarea,
.coursesearchpage .edit-mode-textarea,
.miljoanalysdatapage .edit-mode-textarea {
min-height: 100px;
}
.standardpage .secondary-body,
.calendaritempage .secondary-body,
.newsitempage .secondary-body,
.programpage .secondary-body,
.coursepage .secondary-body,
.articlelistpage .secondary-body,
.coursecontainerpage .secondary-body,
.coursesearchpage .secondary-body,
.miljoanalysdatapage .secondary-body {
padding-top: 20px;
}
.standardpage article + a,
.calendaritempage article + a,
.newsitempage article + a,
.programpage article + a,
.coursepage article + a,
.articlelistpage article + a,
.coursecontainerpage article + a,
.coursesearchpage article + a,
.miljoanalysdatapage article + a {
text-align: center;
}
.standardpage .intro,
.calendaritempage .intro,
.newsitempage .intro,
.programpage .intro,
.coursepage .intro,
.articlelistpage .intro,
.coursecontainerpage .intro,
.coursesearchpage .intro,
.miljoanalysdatapage .intro {
clear: left;
}
.standardpage .related-information-box,
.calendaritempage .related-information-box,
.newsitempage .related-information-box,
.programpage .related-information-box,
.coursepage .related-information-box,
.articlelistpage .related-information-box,
.coursecontainerpage .related-information-box,
.coursesearchpage .related-information-box,
.miljoanalysdatapage .related-information-box {
clear: both;
}
.standardpage .related-information-box h2,
.calendaritempage .related-information-box h2,
.newsitempage .related-information-box h2,
.programpage .related-information-box h2,
.coursepage .related-information-box h2,
.articlelistpage .related-information-box h2,
.coursecontainerpage .related-information-box h2,
.coursesearchpage .related-information-box h2,
.miljoanalysdatapage .related-information-box h2 {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.4;
font-weight: 300;
margin: 25px 0 10px 0;
}
.standardpage .content-area,
.calendaritempage .content-area,
.newsitempage .content-area,
.programpage .content-area,
.coursepage .content-area,
.articlelistpage .content-area,
.coursecontainerpage .content-area,
.coursesearchpage .content-area,
.miljoanalysdatapage .content-area,
.cvpage .content-area {
background-color: #f2f2f2;
}
@media (min-width: 992px) {
.standardpage .main-area,
.calendaritempage .main-area,
.newsitempage .main-area,
.programpage .main-area,
.coursepage .main-area,
.articlelistpage .main-area,
.coursecontainerpage .main-area,
.coursesearchpage .main-area,
.miljoanalysdatapage .main-area,
.cvpage .main-area {
padding-top: 24px;
}
}
.standardpage .main-content,
.calendaritempage .main-content,
.newsitempage .main-content,
.programpage .main-content,
.coursepage .main-content,
.articlelistpage .main-content,
.coursecontainerpage .main-content,
.coursesearchpage .main-content,
.miljoanalysdatapage .main-content,
.cvpage .main-content {
background-color: #fff;
}
@media (min-width: 992px) {
.standardpage .main-content,
.calendaritempage .main-content,
.newsitempage .main-content,
.programpage .main-content,
.coursepage .main-content,
.articlelistpage .main-content,
.coursecontainerpage .main-content,
.coursesearchpage .main-content,
.miljoanalysdatapage .main-content,
.cvpage .main-content {
box-shadow: 0px 0px 20px 2px #888;
}
}
.standardpage .main-content__text:first-child,
.calendaritempage .main-content__text:first-child,
.newsitempage .main-content__text:first-child,
.programpage .main-content__text:first-child,
.coursepage .main-content__text:first-child,
.articlelistpage .main-content__text:first-child,
.coursecontainerpage .main-content__text:first-child,
.coursesearchpage .main-content__text:first-child,
.miljoanalysdatapage .main-content__text:first-child,
.cvpage .main-content__text:first-child {
padding-top: 16px;
}
.standardpage .facts-box,
.calendaritempage .facts-box,
.newsitempage .facts-box,
.programpage .facts-box,
.coursepage .facts-box,
.articlelistpage .facts-box,
.coursecontainerpage .facts-box,
.coursesearchpage .facts-box,
.miljoanalysdatapage .facts-box,
.cvpage .facts-box {
padding-top: 20px;
padding-bottom: 20px;
}
.standardpage .facts-box > div,
.calendaritempage .facts-box > div,
.newsitempage .facts-box > div,
.programpage .facts-box > div,
.coursepage .facts-box > div,
.articlelistpage .facts-box > div,
.coursecontainerpage .facts-box > div,
.coursesearchpage .facts-box > div,
.miljoanalysdatapage .facts-box > div,
.cvpage .facts-box > div {
background-color: #f2f2f2;
padding: 20px;
}
.standardpage .program-box,
.calendaritempage .program-box,
.newsitempage .program-box,
.programpage .program-box,
.coursepage .program-box,
.articlelistpage .program-box,
.coursecontainerpage .program-box,
.coursesearchpage .program-box,
.miljoanalysdatapage .program-box,
.cvpage .program-box {
padding-top: 20px;
}
.standardpage .program-box > div,
.calendaritempage .program-box > div,
.newsitempage .program-box > div,
.programpage .program-box > div,
.coursepage .program-box > div,
.articlelistpage .program-box > div,
.coursecontainerpage .program-box > div,
.coursesearchpage .program-box > div,
.miljoanalysdatapage .program-box > div,
.cvpage .program-box > div {
background-color: #f2f2f2;
padding: 20px;
}
.standardpage .contact-information-box,
.calendaritempage .contact-information-box,
.newsitempage .contact-information-box,
.programpage .contact-information-box,
.coursepage .contact-information-box,
.articlelistpage .contact-information-box,
.coursecontainerpage .contact-information-box,
.coursesearchpage .contact-information-box,
.miljoanalysdatapage .contact-information-box,
.cvpage .contact-information-box {
clear: both;
}
.standardpage .contact-information-box li,
.calendaritempage .contact-information-box li,
.newsitempage .contact-information-box li,
.programpage .contact-information-box li,
.coursepage .contact-information-box li,
.articlelistpage .contact-information-box li,
.coursecontainerpage .contact-information-box li,
.coursesearchpage .contact-information-box li,
.miljoanalysdatapage .contact-information-box li,
.cvpage .contact-information-box li {
padding-bottom: 10px;
}
.standardpage .share-box,
.calendaritempage .share-box,
.newsitempage .share-box,
.programpage .share-box,
.coursepage .share-box,
.articlelistpage .share-box,
.coursecontainerpage .share-box,
.coursesearchpage .share-box,
.miljoanalysdatapage .share-box,
.cvpage .share-box {
clear: both;
}
.standardpage .share-box .share-functions,
.calendaritempage .share-box .share-functions,
.newsitempage .share-box .share-functions,
.programpage .share-box .share-functions,
.coursepage .share-box .share-functions,
.articlelistpage .share-box .share-functions,
.coursecontainerpage .share-box .share-functions,
.coursesearchpage .share-box .share-functions,
.miljoanalysdatapage .share-box .share-functions,
.cvpage .share-box .share-functions {
margin-left: auto;
margin-right: auto;
text-align: center;
padding-bottom: 40px;
width: 80%;
}
.standardpage .share-box .rrssb-text,
.calendaritempage .share-box .rrssb-text,
.newsitempage .share-box .rrssb-text,
.programpage .share-box .rrssb-text,
.coursepage .share-box .rrssb-text,
.articlelistpage .share-box .rrssb-text,
.coursecontainerpage .share-box .rrssb-text,
.coursesearchpage .share-box .rrssb-text,
.miljoanalysdatapage .share-box .rrssb-text,
.cvpage .share-box .rrssb-text {
color: #000;
font-size: 0.688rem;
}
.standardpage .open-contact-form,
.calendaritempage .open-contact-form,
.newsitempage .open-contact-form,
.programpage .open-contact-form,
.coursepage .open-contact-form,
.articlelistpage .open-contact-form,
.coursecontainerpage .open-contact-form,
.coursesearchpage .open-contact-form,
.miljoanalysdatapage .open-contact-form,
.cvpage .open-contact-form {
background-color: #f2f2f2;
}
.standardpage .main-content__text,
.calendaritempage .main-content__text,
.newsitempage .main-content__text,
.programpage .main-content__text,
.coursepage .main-content__text,
.articlelistpage .main-content__text,
.coursecontainerpage .main-content__text,
.miljoanalysdatapage .main-content__text,
.cvpage .main-content__text {
padding-right: 24px;
padding-bottom: 0;
padding-left: 24px;
}
@media (min-width: 992px) {
.standardpage .main-content__text,
.calendaritempage .main-content__text,
.newsitempage .main-content__text,
.programpage .main-content__text,
.coursepage .main-content__text,
.articlelistpage .main-content__text,
.coursecontainerpage .main-content__text,
.miljoanalysdatapage .main-content__text,
.cvpage .main-content__text {
padding-right: 48px;
padding-left: 48px;
}
}
@media (min-width: 1400px) {
.standardpage .main-content__text,
.calendaritempage .main-content__text,
.newsitempage .main-content__text,
.programpage .main-content__text,
.coursepage .main-content__text,
.articlelistpage .main-content__text,
.miljoanalysdatapage .main-content__text,
.cvpage .main-content__text {
padding-right: 96px;
padding-left: 96px;
}
}
.apple {
background: #c4d600 url(/Static/img/web_fargplatta_apple.png);
}
.havsvik {
background: #007681 url(/Static/img/web_fargplatta_havsvik.png);
}
.klorofyll {
background: #509e2f url(/Static/img/web_fargplatta_klorofyll.png);
}
.plommon {
background: #672146 url(/Static/img/web_fargplatta_plommon.png);
}
.skog {
background: #154734 url(/Static/img/web_fargplatta_skog.png);
}
/* Font Awesome */
/* Media */
.xhtmlstring img {
margin: 5px;
}
/* Modules */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
/*@media(max-width:@bs-md)
{
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}*/
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.embed-responsive-default-height {
padding-bottom: 600px;
}
.embed-responsive-default-height-syllabus {
padding-bottom: 11000px;
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-syllabus {
padding-bottom: 16500px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-syllabus {
padding-bottom: 11000px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-syllabus {
padding-bottom: 11000px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-syllabus {
padding-bottom: 11000px;
}
}
.embed-responsive-default-height-gradreq {
padding-bottom: 1700px;
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-gradreq {
padding-bottom: 2000px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-gradreq {
padding-bottom: 1700px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-gradreq {
padding-bottom: 1700px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-gradreq {
padding-bottom: 1700px;
}
}
.embed-responsive-default-height-courseschedule {
padding-bottom: 21000px;
/* SMARTPHONE */
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-courseschedule {
padding-bottom: 26000px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-courseschedule {
padding-bottom: 21000px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-courseschedule {
padding-bottom: 21000px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-courseschedule {
padding-bottom: 21000px;
}
}
.embed-responsive-default-height-facts {
padding-bottom: 500px;
/* SMARTPHONE */
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-facts {
padding-bottom: 700px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-facts {
padding-bottom: 500px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-facts {
padding-bottom: 500px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-facts {
padding-bottom: 500px;
}
}
.embed-responsive-default-height-prerequisites {
padding-bottom: 1600px;
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-prerequisites {
padding-bottom: 2200px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-prerequisites {
padding-bottom: 1600px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-prerequisites {
padding-bottom: 1600px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-prerequisites {
padding-bottom: 1600px;
}
}
.embed-responsive-default-height-coursesearch {
padding-bottom: 40000px;
/* SMARTPHONE */
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-coursesearch {
padding-bottom: 45000px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-coursesearch {
padding-bottom: 40000px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-coursesearch {
padding-bottom: 40000px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-coursesearch {
padding-bottom: 40000px;
}
}
.embed-responsive-default-height-mog {
padding-bottom: 657px;
/* SMARTPHONE */
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-mog {
padding-bottom: 2000px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-mog {
padding-bottom: 1800px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-mog {
padding-bottom: 1000px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-mog {
padding-bottom: 657px;
}
}
.embed-responsive-default-height-markinfo {
padding-bottom: 657px;
/* SMARTPHONE */
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.embed-responsive-default-height-markinfo {
padding-bottom: 2000px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.embed-responsive-default-height-markinfo {
padding-bottom: 1800px;
}
}
@media (min-width: 992px) {
.embed-responsive-default-height-markinfo {
padding-bottom: 1000px;
}
}
@media (min-width: 1200px) {
.embed-responsive-default-height-markinfo {
padding-bottom: 657px;
}
}
#sticker-functions {
padding-top: 65px;
}
#sticker-functions a {
color: #007681;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding-left: 40px;
position: relative;
display: block;
}
#sticker-functions a span.fal,
#sticker-functions a span.far,
#sticker-functions a span.fas {
position: absolute;
left: 0;
}
#sticker-functions a:hover span,
#sticker-functions a:focus span {
color: #004851;
transition: all 0.3s ease-out;
}
#sticker-functions a:hover span + span,
#sticker-functions a:focus span + span {
text-decoration: underline;
}
#sticker-functions > div {
padding-bottom: 15px;
padding-right: 0px;
}
#sticker-functions span {
display: inline-block;
float: left;
}
#sticker-functions span:nth-child(2) {
text-transform: uppercase;
padding-left: 10px;
font-size: 0.75rem;
height: 30px;
padding-top: 7px;
}
.sticker-functions-mobile {
padding-bottom: 16px;
}
#sticker-functions-mobile {
text-transform: uppercase;
font-size: 0.813rem;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#sticker-functions-mobile div {
text-align: center;
}
#sticker-functions-mobile a {
color: #007681;
text-decoration: none;
}
#sticker-functions-mobile a:hover span,
#sticker-functions-mobile a:focus span {
color: #004851;
transition: all 0.3s ease-out;
}
#sticker-functions-mobile a:hover span + span,
#sticker-functions-mobile a:focus span + span {
text-decoration: underline;
}
#sticker-functions-mobile a .fa-fw {
width: unset;
}
#sticker-functions-mobile span {
display: block;
}
#sticker-functions-mobile span:last-child {
font-size: 0.813rem;
}
.hero-header {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-image: var(--heroimg);
}
.hero-header__content {
min-height: 200px;
}
.hero-header__heading h1 {
font-size: clamp(1.75rem, calc(0.875rem + 3.831vw), 3.25rem);
font-weight: 600;
line-height: 1.25;
word-break: break-word;
}
.hero-header__text {
color: #302f2f;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: clamp(1.25rem, calc(0.625rem + 1.411vw), 1.5rem);
font-weight: 300;
}
.hero-header__text a {
color: #302f2f;
}
.hero-header__text a:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.hero-header__text a:hover,
.hero-header__text a:focus {
text-decoration: underline;
}
.hero-header--small .hero-header__content {
min-height: 150px;
}
.hero-header--large .hero-header__content {
min-height: 250px;
}
.hero-header--white .hero-header__heading h1,
.hero-header--dark .hero-header__heading h1 {
color: #fff;
}
.hero-header--white .hero-header__text,
.hero-header--dark .hero-header__text {
color: #fff;
}
.hero-header--white .hero-header__text a,
.hero-header--dark .hero-header__text a {
color: #fff;
}
.hero-header--white .hero-header__heading h1 {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
}
.hero-header--dark .hero-header__content {
background-color: rgba(0, 0, 0, 0.6);
}
.hero-header--light .hero-header__content {
background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 576px) {
.hero-header {
min-height: 350px;
background-image: var(--heroimg_sm);
}
.hero-header__heading h1 {
font-size: 3.375rem;
}
.hero-header__text {
font-size: 1.688rem;
}
.hero-header--small {
min-height: 225px;
}
.hero-header--small .hero-header__heading h1 {
font-size: 3.25rem;
}
.hero-header--small .hero-header__text {
font-size: 1.625rem;
}
.hero-header--large {
min-height: 455px;
}
.hero-header--large .hero-header__heading h1 {
font-size: 3.5rem;
}
.hero-header--large .hero-header__text {
font-size: 1.75rem;
}
.hero-header--dark .hero-header__content,
.hero-header--light .hero-header__content {
background-color: unset;
}
.hero-header--dark .hero-header__surface,
.hero-header--light .hero-header__surface {
border-radius: 16px;
}
.hero-header--dark .hero-header__surface {
background-color: rgba(0, 0, 0, 0.6);
}
.hero-header--light .hero-header__surface {
background-color: rgba(255, 255, 255, 0.9);
}
}
@media (min-width: 768px) {
.hero-header {
background-image: var(--heroimg_md);
}
}
@media (min-width: 992px) {
.hero-header {
min-height: 500px;
background-image: var(--heroimg_lg);
}
.hero-header__heading h1 {
font-size: 3.75rem;
}
.hero-header__text {
font-size: 1.875rem;
}
.hero-header--small {
min-height: 300px;
}
.hero-header--small .hero-header__heading h1 {
font-size: 3.5rem;
}
.hero-header--small .hero-header__text {
font-size: 1.75rem;
}
.hero-header--large {
min-height: 660px;
}
.hero-header--large .hero-header__heading h1 {
font-size: 4rem;
}
.hero-header--large .hero-header__text {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
.hero-header {
background-image: var(--heroimg_xl);
}
}
@media (min-width: 1400px) {
.hero-header {
background-image: var(--heroimg_xxl);
}
}
.substartpage .hero-space .heroarea {
color: #000;
overflow: hidden;
}
@media (min-width: 992px) {
.substartpage .hero-space .heroarea .heroarea-text-box {
margin-top: 50px;
}
}
@media (max-width: calc(767px)) {
.substartpage .hero-space .heroarea .heroarea-image {
height: 250px;
}
}
@media (min-width: 768px) {
.substartpage .hero-space .heroarea .heroarea-image {
height: 630px;
}
}
.substartpage .hero-space .heroarea .heroarea-text {
margin-top: 0;
}
@media (min-width: 768px) {
.substartpage .hero-space .heroarea .heroarea-text {
margin-top: 30px;
}
}
.hero-space {
color: #fff;
overflow: hidden;
/* SMARTPHONE */
}
.hero-space .heroarea {
position: relative;
width: 100%;
height: 100%;
}
.hero-space .heroarea .heroarea-image,
.hero-space .heroarea .heroarea-text,
.hero-space .heroarea .heroarea-fields {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.hero-space .heroarea .heroarea-image {
background-size: cover;
position: absolute;
}
@media (max-width: calc(991px)) {
.hero-space .heroarea .heroarea-text {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.hero-space .heroarea .heroarea-text {
margin-top: 0px;
}
}
.hero-space .heroarea .heroarea-text.black {
color: #000;
}
.hero-space .heroarea .heroarea-fields {
position: absolute;
z-index: 10;
}
.page-tags__heading {
display: inline-flex;
font-weight: 300;
}
.page-tags__list {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
vertical-align: middle;
}
.page-tags__list-item {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
position: relative;
top: -3px;
white-space: nowrap;
}
.page-tags__list-item--active .page-tags__item-button::after {
content: "\f057";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
line-height: 0;
padding-left: 6px;
}
.page-tags__list-item--active .page-tags__item-button:hover,
.page-tags__list-item--active .page-tags__item-button:focus {
background-color: #ce0037;
border-color: transparent;
}
.page-tags__list-item--inactive .page-tags__item-button {
background-color: #fff;
border-color: #bbbcbc;
color: #53565a !important;
}
.page-tags__list-item--inactive .page-tags__item-button:hover,
.page-tags__list-item--inactive .page-tags__item-button:focus {
background-color: #fff;
}
.page-tags__list-item--clear .page-tags__item-button:hover,
.page-tags__list-item--clear .page-tags__item-button:focus {
background-color: #ce0037;
border-color: transparent;
color: #fff !important;
}
.page-tags__list-item--slim .page-tags__item-button {
line-height: 1.2;
padding: 2px 6px 1px;
}
.page-tags__item-button {
transition: all 0.3s ease-out;
background-color: #007681;
border: 1px solid transparent;
border-radius: 4px;
color: #fff !important;
display: inline-block;
font-size: 0.938rem;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
line-height: 1.6;
padding: 2px 8px;
text-decoration: none !important;
}
.page-tags__item-button:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.page-tags__item-button:hover,
.page-tags__item-button:focus {
background-color: #004851;
}
.newprogrampage .page-tags {
padding: 20px 0px 20px 0px;
}
.newprogrampage .page-tags__heading {
padding-right: 5px;
}
#quickSearchBtn .icon-button__icon:before {
content: '\f002';
}
#quicksearchbutton .icon-button__icon:before {
content: '\f002';
}
.quick-search {
background-color: #000;
color: #000;
display: none;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.75rem;
transition: visibility 0.5s linear;
}
.quick-search__input {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 16px;
position: relative;
}
.quick-search__input input {
background-color: transparent;
border: none;
color: inherit;
font-size: 1.25rem;
font-weight: 300;
line-height: 2.5;
width: 100%;
}
.quick-search__input input:focus:focus-visible {
outline: none;
color: inherit;
}
.quick-search__input input::placeholder {
color: #888b8d;
}
.quick-search__input .icon-button {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
padding: 0px 5px;
}
.quick-search__input .icon-button:hover {
color: #007681;
}
.quick-search__input .icon-button:focus-visible {
color: #2b61b4;
}
.quick-search--open {
display: block;
}
.accordion-element {
border-top: 1px solid #d9d9d6;
}
.accordion-element__heading {
font-size: 1.406rem;
font-weight: 300;
margin: 0;
}
.accordion-element__heading-text {
background-color: #d8ed96;
display: block;
}
.accordion-element__heading-text,
.accordion-element__heading-button {
padding: 16px 20px;
}
.accordion-element__heading-button {
background-color: #fff;
border: none;
color: #000;
font-weight: inherit;
text-align: left;
width: 100%;
}
.accordion-element__heading-button:focus-visible {
color: #2b61b4;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
.accordion-element__heading-button:hover,
.accordion-element__heading-button:active,
.accordion-element__heading-button:visited,
.accordion-element__heading-button:focus {
color: #302f2f;
text-decoration: none;
}
.accordion-element__heading-button:hover {
text-decoration: underline;
}
.accordion-element__heading-icon {
padding-right: 1rem;
position: relative;
bottom: 0.063rem;
}
.accordion-element__toggle-icon {
float: right;
padding-top: 0.313rem;
}
.accordion-element__content {
padding: 20px 16px 10px;
}
.accordion-element__content > *:first-child,
.accordion-element__content > *:first-child > *:first-child {
margin-top: 0;
}
@media print {
.accordion-element__content {
display: block !important;
}
}
.accordion-element--slim .accordion-element__heading-text,
.accordion-element--slim .accordion-element__heading-button {
padding-top: 3px;
padding-bottom: 4px;
}
.accordion-element--slim .accordion-element__content {
padding-top: 16px;
}
.accordion-element--narrow .accordion-element__heading-text,
.accordion-element--narrow .accordion-element__heading-button {
padding-right: 10px;
padding-left: 10px;
}
.accordion-element--active .accordion-element__heading-button {
background-color: #d8ed96;
}
/* accordion-element elements can appear alone or in groups OR alone inside of an
accordionitemblock element, which in turn can appear alone or in groups, thus
requiering the last-of-type selector shenanigans below. */
div.accordion-element:last-of-type,
/* A - all last accordion-element elements, inside or outside of accordionitemblock element */ div.accordionitemblock:last-of-type > .accordion-element {
/* B - accordion-element element inside of last accordionitemblock element, higher specificity than C */
border-bottom: 1px solid #d9d9d6;
}
div.accordionitemblock > .accordion-element {
/* C - all accordion-element elements inside of accordionitemblock element, overrides A but not B */
border-bottom: none;
}
.page-indicator-flerp {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.031rem;
line-height: 25px;
margin-top: -15px;
padding: 10px;
vertical-align: top;
width: 200px;
}
@media (min-width: 992px) {
.page-indicator-flerp {
margin-top: -24px;
}
}
.cvpage .page-indicator-flerp {
background-color: #53565a;
color: #fff;
}
.news.page-indicator-flerp,
.knowledgebase.page-indicator-flerp {
background-color: #eff5f7;
color: #000;
}
.contact-form {
display: none;
}
.contact-form #result {
margin-bottom: 25px;
}
.open-contact-form {
text-align: center;
margin-bottom: -15px;
}
.open-contact-form #open-contact-form {
background-color: #302f2f;
border-radius: 0 0 20px 20px;
color: #fff;
display: inline-block;
padding: 15px 15px 0px 15px;
text-decoration: none;
}
.open-contact-form #open-contact-form .fa {
font-size: 1.5em;
}
.white-popup-block {
background: #fff;
padding: 20px 30px;
text-align: left;
max-width: 650px;
margin: 40px auto;
position: relative;
}
.white-popup-block.link-box {
padding: 0;
max-width: 1100px;
}
.white-popup-block.link-box-narrow {
padding: 0;
max-width: 600px;
}
#link-box-right,
#link-box-left,
#sw-link-box {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
}
#link-box-right .top-bar,
#link-box-left .top-bar,
#sw-link-box .top-bar {
padding: 10px;
background-color: #ffb81c;
}
#link-box-right .top-bar .header,
#link-box-left .top-bar .header,
#sw-link-box .top-bar .header {
color: #302f2f;
font-size: 1.125rem;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 500;
}
#link-box-right .top-bar .header.sw-header,
#link-box-left .top-bar .header.sw-header,
#sw-link-box .top-bar .header.sw-header {
color: #fff;
}
#link-box-right .top-bar a,
#link-box-left .top-bar a,
#sw-link-box .top-bar a {
color: #000;
text-transform: uppercase;
font-size: 0.75rem;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
}
#link-box-right .top-bar a span,
#link-box-left .top-bar a span,
#sw-link-box .top-bar a span {
color: #fff;
font-size: 1.125rem;
padding: 5px 0 0 5px;
}
#link-box-right .top-bar a.sw-a,
#link-box-left .top-bar a.sw-a,
#sw-link-box .top-bar a.sw-a {
color: #fff;
}
#link-box-right .top-bar.sw-top-bar,
#link-box-left .top-bar.sw-top-bar,
#sw-link-box .top-bar.sw-top-bar {
background-color: #509e2f;
}
#link-box-right .top-bar.generic-top-bar,
#link-box-left .top-bar.generic-top-bar,
#sw-link-box .top-bar.generic-top-bar {
background-color: #509e2f;
}
#link-box-right .link-container,
#link-box-left .link-container,
#sw-link-box .link-container {
padding: 20px 30px;
}
@media (max-width: calc(767px)) {
#link-box-right .link-container > div + div,
#link-box-left .link-container > div + div,
#sw-link-box .link-container > div + div {
margin-top: 12px;
}
}
#link-box-right .link-container a,
#link-box-left .link-container a,
#sw-link-box .link-container a {
color: #000;
font-weight: 500;
text-decoration: none;
display: block;
line-height: 1.1;
font-size: 1.125rem;
}
#link-box-right .link-container a + a,
#link-box-left .link-container a + a,
#sw-link-box .link-container a + a {
margin-top: 12px;
}
@media (min-width: 768px) {
#link-box-right .link-container a,
#link-box-left .link-container a,
#sw-link-box .link-container a {
font-size: 0.938rem;
}
}
#link-box-right .link-container a:hover,
#link-box-left .link-container a:hover,
#sw-link-box .link-container a:hover {
color: #2b61b4;
}
#link-box-right .link-container a:hover .fa-lock,
#link-box-left .link-container a:hover .fa-lock,
#sw-link-box .link-container a:hover .fa-lock,
#link-box-right .link-container a:hover .fa-unlock,
#link-box-left .link-container a:hover .fa-unlock,
#sw-link-box .link-container a:hover .fa-unlock {
color: #2b61b4;
}
#link-box-right .link-container .fa,
#link-box-left .link-container .fa,
#sw-link-box .link-container .fa {
padding-right: 10px;
font-size: 1.125rem;
}
#link-box-right .link-container .fa-lock,
#link-box-left .link-container .fa-lock,
#sw-link-box .link-container .fa-lock {
color: #6ad1e3;
}
#link-box-right .link-container .fa-unlock,
#link-box-left .link-container .fa-unlock,
#sw-link-box .link-container .fa-unlock {
color: #509e2f;
}
#link-box-right .operationsfeed .message-heading,
#link-box-left .operationsfeed .message-heading,
#sw-link-box .operationsfeed .message-heading {
padding-bottom: 10px;
}
#link-box-right .operationsfeed .message-heading > a,
#link-box-left .operationsfeed .message-heading > a,
#sw-link-box .operationsfeed .message-heading > a {
padding-right: 5px;
display: inline !important;
}
#link-box-right .operationsfeed li p.description,
#link-box-left .operationsfeed li p.description,
#sw-link-box .operationsfeed li p.description {
margin-top: -15px;
max-width: 700px;
}
#link-box-right .operationsfeed.mw-op-box,
#link-box-left .operationsfeed.mw-op-box,
#sw-link-box .operationsfeed.mw-op-box {
margin-bottom: -50px;
}
#link-box-right .operationsfeed.sw-op-box h2,
#link-box-left .operationsfeed.sw-op-box h2,
#sw-link-box .operationsfeed.sw-op-box h2 {
display: none;
}
#operationsFeedExcl {
display: none;
}
.tabs-container {
border-bottom: 1px solid #bbbcbc;
list-style: none;
margin: 0;
padding: 0;
}
.tabs-container__tab-item {
float: left;
}
.tabs-container__tab-item--active .tabs-container__tab-item-link {
bottom: -1px;
color: #000;
font-weight: 700;
margin-top: 0;
padding-top: 8px;
padding-bottom: 5px;
}
.tabs-container__tab-item--active .tabs-container__tab-item-link:hover {
background: #fff;
}
.tabs-container__tab-item--active .tabs-container__tab-item-link:visited {
color: #000;
}
.tabs-container__tab-item-link {
background: #fff;
border-top: 1px solid #bbbcbc;
border-right: 1px solid #bbbcbc;
border-left: 1px solid #bbbcbc;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
color: #53565a;
display: block;
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
margin: 3px 0 0 5px;
padding: 7px 8px 3px;
position: relative;
}
.tabs-container__tab-item-link:active {
outline: none;
}
.tabs-container__tab-item-link:hover {
background: #f2f2f2;
color: #000;
}
.tabs-container__tab-item-link:visited {
color: #53565a;
}
.tabs-container__tab-item-link:visited:hover {
color: #000;
}
.tabs-container__tab-item-link:active,
.tabs-container__tab-item-link:focus,
.tabs-container__tab-item-link:hover {
text-decoration: none;
}
.newprogrampage .tabs-container {
border: none;
}
.newprogrampage .tabs-container__tab-item {
float: left;
width: 25%;
}
.newprogrampage .tabs-container__tab-item--active .tabs-container__tab-item-link {
background: #f9f8f7;
bottom: 0;
color: #53565a;
padding: 40px 0;
}
.newprogrampage .tabs-container__tab-item--active .tabs-container__tab-item-link:hover {
background: #f9f8f7;
}
.newprogrampage .tabs-container__tab-item--active .tabs-container__tab-item-link .arrow-program {
background: url(/Static/img/pil_ned_grafit.gif);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item--active .tabs-container__tab-item-link .icon-static {
display: none;
}
.newprogrampage .tabs-container__tab-item--active .tabs-container__tab-item-link .icon-active {
display: block;
}
.newprogrampage .tabs-container__tab-item-link {
border: none;
border-radius: 0;
color: #ff585d;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin: 0;
padding: 40px 0;
text-align: center;
line-height: 1.4;
font-weight: 700;
}
.newprogrampage .tabs-container__tab-item-link:hover {
background: #fff;
}
@media (min-width: 768px) {
.newprogrampage .tabs-container__tab-item-link:hover .icon-static.icon-qualification {
background: url(/Static/img/Fakta_behorighet_100x100px_anim.gif);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link:hover .icon-static.icon-steps {
background: url(/Static/img/Karriar_alumn_100x100_anim.gif);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link:hover .icon-static.icon-info {
background: url(/Static/img/programinfo_anim_100x100.gif);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link:hover .icon-static.icon-schedule {
background: url(/Static/img/Kurser_anim_100x100px.gif);
background-size: cover;
}
}
.newprogrampage .tabs-container__tab-item-link .arrow-program {
background: url(/Static/img/pil_upp.gif);
background-size: cover;
margin-right: auto;
margin-left: auto;
padding-top: 12px;
margin-top: 12px;
width: 100px;
}
.newprogrampage .tabs-container__tab-item-link .icon-program {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.newprogrampage .tabs-container__tab-item-link .icon-static.icon-qualification {
background: url(/Static/img/Fakta_behorighet_100x100px.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-static.icon-steps {
background: url(/Static/img/Karriar_alumn_100x100px.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-static.icon-info {
background: url(/Static/img/programinfo_default_100x100.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-static.icon-schedule {
background: url(/Static/img/Kurser_100x100px9.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-active {
display: none;
}
.newprogrampage .tabs-container__tab-item-link .icon-active.icon-qualification {
background: url(/Static/img/Fakta_behorighet_100x100px5.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-active.icon-steps {
background: url(/Static/img/Karriar_alumn_100x100px7.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-active.icon-info {
background: url(/Static/img/programinfo_active_100x100.png);
background-size: cover;
}
.newprogrampage .tabs-container__tab-item-link .icon-active.icon-schedule {
background: url(/Static/img/Kurser_100x100px_active.png);
background-size: cover;
}
.newprogrampage .tab-panel {
background-color: #f9f8f7;
clear: left;
}
@media (min-width: 1200px) {
.newprogrampage .tab-panel {
padding: 20px 140px 20px 140px;
}
}
/* Absolute Center Spinner */
.loading {
position: fixed;
height: 2em;
width: 2em;
overflow: visible;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}
/* Transparent Overlay */
.loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 30px;
width: 1em;
height: 1em;
margin-top: 3em;
animation: spinner 2500ms infinite linear;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@keyframes spinner {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.course-search-header {
padding: 24px;
position: relative;
background-image: url(/Static/img/search-course-header-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
background-color: #000;
}
.course-search-header__title {
margin-top: 0;
color: #fff;
}
.course-search-header__search {
display: block;
margin-top: 16px;
}
.course-search-header__search input:-webkit-autofill,
.course-search-header__search input:-webkit-autofill:hover,
.course-search-header__search input:-webkit-autofill:focus,
.course-search-header__search input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.course-search-header__search-field {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 300;
flex-grow: 1;
padding: 10px 15px;
border: 0;
width: 0%;
border-radius: 0;
}
@media (min-width: 992px) {
.course-search-header__search-field {
font-size: 0.938rem;
font-weight: 400;
}
}
.course-search-header__search-field:focus-visible {
color: #2b61b4;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
.course-search-header__search-button {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
background-color: #c4d600;
border: 0;
flex-grow: 0;
padding: 0 30px;
}
@media (min-width: 992px) {
.course-search-header__search-button {
font-size: 0.938rem;
font-weight: 400;
}
}
.course-search-header__search-button:focus-visible {
color: #2b61b4;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
@media (max-width: calc(575px)) {
.course-search-header__search-button {
padding: 0 15px;
}
}
.course-search-header__info {
color: #fff;
font-weight: 100;
margin-bottom: 30px;
}
.course-search-filter-area {
background: #fff;
font-weight: 400;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-top: 15px;
}
.course-search-filter-area__header {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
padding: 11px 15px 12px;
border: 0;
transition: background 200ms ease-in;
background-image: url(/static/img/plus.svg);
background-repeat: no-repeat;
background-position: calc(97%) center;
background-size: 1.5rem 1.5rem;
font-weight: 600;
text-decoration: none;
color: #000 !important;
width: 100%;
text-align: left;
background-color: white;
}
.course-search-filter-area__header--open {
background-color: #c4d600;
background-image: url(/static/img/minus.svg);
}
.course-search-filter-area__body {
padding: 20px 30px;
display: none;
}
.course-search-filter-area__section {
margin-bottom: 20px;
}
.course-search-filter-area__section-header {
border: 0;
margin: 0;
color: #000;
font-size: 1.125rem;
font-weight: 600;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.course-search-filter-area__sorting {
display: flex;
}
@media (max-width: 576px) {
.course-search-filter-area__sorting {
flex-direction: column;
}
}
.course-search-filter-area__sorting-item {
display: flex;
align-items: flex-start;
margin-right: 15px;
}
.course-search-filter-area__sorting-item-label {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.7;
margin-left: 0.3rem;
}
.course-search-filter-area__buttongroup {
margin-top: 10px;
display: grid;
}
@media (min-width: 576px) {
.course-search-filter-area__buttongroup {
display: flex;
justify-content: space-between;
}
}
.course-search-result-list {
padding-left: 0;
margin: 0;
list-style: none;
}
.course-search-result-list__item {
background-color: #eff5f7;
margin-bottom: 15px;
margin-right: 20px;
margin-left: 20px;
padding: 15px 20px;
}
.course-search-result-list__item:first-child {
margin-top: 20px;
}
.course-search-result-list__item p {
margin: 0;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 500;
}
.course-search-result-list__link {
display: block;
text-decoration: underline;
}
.course-search-result-list__link:hover {
text-decoration: none;
}
.course-search-result-list__header {
color: #00529d;
font-weight: 500;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
margin: 0;
font-size: 1.125rem;
}
.course-search-result {
order: 1;
width: 100%;
}
@media (min-width: 576px) {
.course-search-result {
order: 2;
}
}
@media (min-width: 576px) {
.course-search-result--hidden {
display: none;
}
}
@media (max-width: calc(575px)) {
.course-search-result--d-none {
display: none;
}
}
.course-search-result--second {
order: 3;
}
.course-search-tab-area {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.course-search-tab-area__single-tab {
order: 0;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
color: #000;
font-size: 1.375rem;
font-weight: 300;
width: 100%;
padding: 15px;
display: flex;
justify-content: center;
background-color: #d9d9d6;
}
@media (min-width: 576px) {
.course-search-tab-area__single-tab {
width: 50%;
order: 0;
}
}
.course-search-tab-area__single-tab--second {
order: 2;
}
@media (min-width: 576px) {
.course-search-tab-area__single-tab--second {
order: 1;
}
}
@media (min-width: 576px) {
.course-search-tab-area__single-tab--open {
background-color: #fff;
font-weight: 400;
}
}
@media (max-width: calc(575px)) {
.course-search-tab-area__single-tab--open-xs {
background-color: #fff;
font-weight: 400;
}
}
.course-search-tab-area__single-tab a {
color: #000;
}
.course-fact {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}
.course-fact__header {
background-color: #154734;
border-radius: 22px 22px 0 0;
color: #fff;
font-weight: 400;
margin: 0;
padding: 10px 20px;
}
.course-fact__body {
border: 1px solid #d9d9d6;
border-radius: 0 0 22px 22px;
border-top: 0;
display: flex;
flex-direction: column;
font-size: 1.125rem;
font-weight: 600;
padding: 15px;
}
.course-fact__body--questions {
line-height: 1.3;
}
.course-fact__body--questions + .course-fact__body--questions {
margin-top: 10px;
}
.course-fact__body--answers {
font-weight: 400;
}
.course-fact__body--answers + .course-fact__body--answers::before {
content: "/ ";
}
.klaro {
/*variables*/
/* --dark1: @slu-hallon;
--button-text-color: #fff;
--dark2: #777;
--dark3: #555;
--light1: @klaro-text;
--light2: #666;
--light3: #111;
--green3: #f00;
--green1: @klaro-text;
--notice-top: 40px;
--notice-bottom: auto;
--notice-left: 20px;
--notice-right: auto;
--notice-max-width: calc(100vw - 60px);
--notice-position: fixed;*/
font-family: inherit;
font-size: 0.875rem;
}
.klaro button {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
line-height: 1;
font-size: 0.938rem;
font-weight: 400;
padding: 10px 20px;
color: #000;
/*font-family: var(--font-family, inherit);*/
/*font-size: 14px;
font-size: var(--font-size, 14px);*/
}
.klaro .cookie-modal {
width: 100%;
height: 100%;
position: fixed;
overflow: hidden;
left: 0;
top: 0;
z-index: 1000;
}
.klaro .cookie-modal .cm-switch-container {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c8c8c8;
display: block;
position: relative;
padding: 10px;
padding-left: 66px;
line-height: 20px;
vertical-align: middle;
min-height: 40px;
}
.klaro .cookie-modal .cm-switch-container:last-child {
border-bottom: 0;
}
.klaro .cookie-modal .cm-switch-container:first-child {
margin-top: 0;
}
.klaro .cookie-modal .cm-switch-container p {
margin-top: 0;
}
.klaro .cookie-modal .cm-switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
}
.klaro .cookie-modal .cm-list-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 50px;
height: 30px;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
background-color: #ffb81c;
/*background-color: var(--green1, #1a936f);*/
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before {
transform: translateX(20px);
}
.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider {
box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider {
background-color: #1a936f;
opacity: 0.6;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider {
background-color: #ffb81c;
/*background-color: var(--green2, #24cc9a);*/
opacity: 0.8;
}
.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider {
background-color: #ffb81c;
/*background-color: var(--green2, #24cc9a);*/
opacity: 0.8;
cursor: not-allowed;
}
.klaro .cookie-modal .slider {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-modal .cm-list-title {
font-weight: 600;
}
.klaro .cookie-modal .cm-list-description {
color: #fff;
/*color: var(--dark3, #888b8d);*/
padding-top: 4px;
}
.klaro .cookie-modal .cm-list-label {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.klaro .cookie-modal .cm-list-label .cm-switch {
position: absolute;
left: 0;
}
.klaro .cookie-modal .cm-list-label .slider {
background-color: #d9d9d6;
/*background-color: var(--white2, #f2f2f2);*/
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
width: 50px;
display: inline-block;
}
.klaro .cookie-modal .cm-list-label .slider::before {
background-color: #302f2f;
/*background-color: var(--white3, #d9d9d6);*/
position: absolute;
content: '';
height: 20px;
width: 20px;
left: 5px;
bottom: 5px;
transition: 0.4s;
}
.klaro .cookie-modal .cm-list-label .slider.round {
border-radius: 30px;
}
.klaro .cookie-modal .cm-list-label .slider.round::before {
border-radius: 50%;
}
.klaro .cookie-modal .cm-list-label input:checked + .slider::before {
transform: translateX(20px);
}
.klaro .cookie-modal a {
color: #5eb5d3;
/*color: var(--green1, #1a936f);*/
text-decoration: none;
}
.klaro .cookie-modal p {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-modal strong {
color: #fff;
/*color: var(--light1, #fafafa);*/
}
.klaro .cookie-modal h1 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
/*font-family: var(--title-font-family, inherit);*/
}
.klaro .cookie-modal h2 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.klaro .cookie-modal ul {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-modal li {
color: #fff;
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-modal h3 {
font-family: inherit;
}
.klaro .cookie-modal h4 {
font-family: inherit;
}
.klaro .cookie-modal h5 {
font-family: inherit;
}
.klaro .cookie-modal h6 {
font-family: inherit;
}
.klaro .cookie-modal .cm-link {
margin-right: 7px;
vertical-align: middle;
}
.klaro .cookie-modal .cm-btn {
/* color: #fff;
color: var(--button-text-color, #fff);*/
/*background-color: @klaro-accept-neccesary;*/
/*background-color: var(--dark2, #5c5c5c);*/
border-radius: 4px;
/*padding: 6px 10px;*/
margin-right: 7px;
border-style: none;
/*padding: 0.4em;*/
/*font-size: 1em;*/
cursor: pointer;
}
.klaro .cookie-modal .cm-btn:disabled {
opacity: 0.5;
}
.klaro .cookie-modal .cm-btn.cm-btn-close {
background-color: #c8c8c8;
}
.klaro .cookie-modal .cm-btn.cm-btn-success {
background-color: #c4d600;
/*background-color: var(--green1, #1a936f);*/
}
.klaro .cookie-modal .cm-btn.cn-decline {
background-color: #d8ed96;
}
.klaro .cookie-modal .cm-btn.cm-btn-success-var {
background-color: #24cc9a;
}
.klaro .cookie-modal .cm-btn.cm-btn-info {
background-color: #ffb81c;
/*background-color: var(--blue1, #2b61b4);*/
}
.klaro .cookie-modal .cm-bg {
background: rgba(0, 0, 0, 0.6);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
background-color: #333;
color: #fafafa;
z-index: 1001;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
width: 100%;
max-height: 98%;
top: 50%;
transform: translateY(-50%);
position: fixed;
overflow: auto;
}
.klaro .cookie-modal .cm-modal .hide {
border-style: none;
background: none;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.klaro .cookie-modal .cm-modal .hide svg {
stroke: #fafafa;
}
.klaro .cookie-modal .cm-modal .cm-footer {
border-top-color: #5c5c5c;
border-top-width: 1px;
border-top-style: solid;
padding: 10px;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
font-size: 0.875rem;
padding-top: 4px;
text-align: right;
padding-right: 8px;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
color: #5c5c5c;
}
.klaro .cookie-modal .cm-modal .cm-footer-buttons {
display: flex;
flex-flow: row;
justify-content: space-between;
}
.klaro .cookie-modal .cm-modal .cm-header {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5c5c5c;
padding: 15px;
padding-right: 24px;
}
.klaro .cookie-modal .cm-modal .cm-header h1 {
margin: 0;
font-size: 1.75rem;
display: block;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title {
padding-right: 20px;
}
.klaro .cookie-modal .cm-modal .cm-body {
padding: 15px;
}
.klaro .cookie-modal .cm-modal .cm-body ul {
display: block;
}
.klaro .cookie-modal .cm-modal .cm-body span {
display: inline-block;
width: auto;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services {
padding: 0;
margin: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose {
position: relative;
line-height: 20px;
vertical-align: middle;
padding-left: 60px;
min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret {
color: #a0a0a0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content {
margin-left: -40px;
display: none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded {
margin-top: 10px;
display: block;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes {
color: #a0a0a0;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title {
font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out {
color: #5c5c5c;
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required {
color: #5c5c5c;
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
position: relative;
line-height: 20px;
vertical-align: middle;
padding-left: 60px;
min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes {
color: #a0a0a0;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title {
font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out {
color: #5c5c5c;
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required {
color: #fff;
/*color: var(--dark2, #5c5c5c);*/
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5c5c5c;
padding-top: 15px;
display: none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5c5c5c;
padding-top: 15px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
padding: 0;
margin: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
position: relative;
line-height: 20px;
vertical-align: middle;
padding-left: 60px;
min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
color: #a0a0a0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content {
margin-left: -40px;
display: none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
margin-top: 10px;
display: block;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
color: #a0a0a0;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out {
color: #5c5c5c;
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
color: #fff;
/*color: var(--dark2, #5c5c5c);*/
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service {
position: relative;
line-height: 20px;
vertical-align: middle;
padding-left: 60px;
min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p {
margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes {
color: #a0a0a0;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title {
font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out {
color: #5c5c5c;
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required {
color: #fff;
/*color: var(--dark2, #5c5c5c);*/
padding-left: 5px;
font-size: 0.875rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5c5c5c;
padding-top: 15px;
display: none;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #5c5c5c;
padding-top: 15px;
}
.klaro .context-notice {
border-radius: 4px;
border-style: solid;
border-width: 1px;
border-color: #c8c8c8;
background-color: #302f2f;
/*background-color: var(--light1, #fafafa);*/
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 12px;
height: 100%;
}
.klaro .context-notice .cm-switch-container {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c8c8c8;
display: block;
position: relative;
padding: 10px;
padding-left: 66px;
line-height: 20px;
vertical-align: middle;
min-height: 40px;
}
.klaro .context-notice .cm-switch-container:last-child {
border-bottom: 0;
}
.klaro .context-notice .cm-switch-container:first-child {
margin-top: 0;
}
.klaro .context-notice .cm-switch-container p {
margin-top: 0;
}
.klaro .context-notice .cm-switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
}
.klaro .context-notice .cm-list-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 50px;
height: 30px;
}
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider {
background-color: #1a936f;
}
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before {
transform: translateX(20px);
}
.klaro .context-notice .cm-list-input:focus + .cm-list-label .slider {
box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
background-color: #1a936f;
opacity: 0.6;
}
.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider {
background-color: #24cc9a;
opacity: 0.8;
}
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider {
background-color: #24cc9a;
opacity: 0.8;
cursor: not-allowed;
}
.klaro .context-notice .slider {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .context-notice .cm-list-title {
font-size: 0.938rem;
font-weight: 600;
}
.klaro .context-notice .cm-list-description {
color: #888b8d;
font-size: 0.938rem;
padding-top: 4px;
}
.klaro .context-notice .cm-list-label .cm-switch {
position: absolute;
left: 0;
}
.klaro .context-notice .cm-list-label .slider {
background-color: #f2f2f2;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
width: 50px;
display: inline-block;
}
.klaro .context-notice .cm-list-label .slider::before {
background-color: #d9d9d6;
position: absolute;
content: '';
height: 20px;
width: 20px;
left: 5px;
bottom: 5px;
transition: 0.4s;
}
.klaro .context-notice .cm-list-label .slider.round {
border-radius: 30px;
}
.klaro .context-notice .cm-list-label .slider.round::before {
border-radius: 50%;
}
.klaro .context-notice .cm-list-label input:checked + .slider::before {
transform: translateX(20px);
}
.klaro .context-notice a {
color: #5eb5d3;
/*color: var(--green1, #1a936f);*/
text-decoration: none;
}
.klaro .context-notice p {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
margin: 0;
padding: 0;
flex-grow: 0;
text-align: center;
padding-top: 0;
margin-top: 0;
}
.klaro .context-notice p a {
color: #5eb5d3;
/*color: var(--green2, #24cc9a);*/
}
.klaro .context-notice strong {
color: #fff;
/*color: var(--light1, #fafafa);*/
}
.klaro .context-notice h1 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: inherit;
}
.klaro .context-notice h2 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: inherit;
}
.klaro .context-notice ul {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .context-notice li {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .context-notice h3 {
font-family: inherit;
}
.klaro .context-notice h4 {
font-family: inherit;
}
.klaro .context-notice h5 {
font-family: inherit;
}
.klaro .context-notice h6 {
font-family: inherit;
}
.klaro .context-notice .cm-link {
margin-right: 7px;
vertical-align: middle;
}
.klaro .context-notice .cm-btn {
color: #000;
/*color: var(--button-text-color, #fff);*/
/*background-color: #5c5c5c;
background-color: var(--dark2, #5c5c5c);*/
border-radius: 4px;
padding: 6px 10px;
margin-right: 7px;
border-style: none;
/*padding: 0.4em;
font-size: 1em;*/
cursor: pointer;
}
.klaro .context-notice .cm-btn:disabled {
opacity: 0.5;
}
.klaro .context-notice .cm-btn.cm-btn-close {
background-color: #c8c8c8;
}
.klaro .context-notice .cm-btn.cm-btn-success {
background-color: #d8ed96;
/*background-color: var(--green1, #1a936f);*/
}
.klaro .context-notice .cm-btn.cm-btn-success-var {
background-color: #c4d600;
/*background-color: var(--green1, #1a936f);*/
}
.klaro .context-notice .cm-btn.cn-decline {
background-color: #d8ed96;
}
.klaro .context-notice .cm-btn.cm-btn-info {
background-color: #2b61b4;
}
.klaro .context-notice p.cm-buttons {
margin-top: 12px;
}
.klaro .cookie-notice .cm-switch-container {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #c8c8c8;
display: block;
position: relative;
padding: 10px;
padding-left: 66px;
line-height: 20px;
vertical-align: middle;
min-height: 40px;
}
.klaro .cookie-notice .cm-switch-container:last-child {
border-bottom: 0;
}
.klaro .cookie-notice .cm-switch-container:first-child {
margin-top: 0;
}
.klaro .cookie-notice .cm-switch-container p {
margin-top: 0;
}
.klaro .cookie-notice .cm-switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
}
.klaro .cookie-notice .cm-list-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 50px;
height: 30px;
}
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
background-color: #1a936f;
}
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
transform: translateX(20px);
}
.klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
background-color: #1a936f;
opacity: 0.6;
}
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
background-color: #24cc9a;
opacity: 0.8;
}
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
transform: translateX(10px);
}
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
background-color: #24cc9a;
opacity: 0.8;
cursor: not-allowed;
}
.klaro .cookie-notice .slider {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-notice .cm-list-title {
font-size: 0.938rem;
font-weight: 600;
}
.klaro .cookie-notice .cm-list-description {
color: #888b8d;
font-size: 0.938rem;
padding-top: 4px;
}
.klaro .cookie-notice .cm-list-label .cm-switch {
position: absolute;
left: 0;
}
.klaro .cookie-notice .cm-list-label .slider {
background-color: #f2f2f2;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
width: 50px;
display: inline-block;
}
.klaro .cookie-notice .cm-list-label .slider::before {
background-color: #d9d9d6;
position: absolute;
content: '';
height: 20px;
width: 20px;
left: 5px;
bottom: 5px;
transition: 0.4s;
}
.klaro .cookie-notice .cm-list-label .slider.round {
border-radius: 30px;
}
.klaro .cookie-notice .cm-list-label .slider.round::before {
border-radius: 50%;
}
.klaro .cookie-notice .cm-list-label input:checked + .slider::before {
transform: translateX(20px);
}
.klaro .cookie-notice a {
color: #5eb5d3;
/*color: var(--green1, #1a936f);*/
text-decoration: none;
}
.klaro .cookie-notice a:focus,
.klaro .cookie-notice a:hover {
text-decoration: underline;
}
.klaro .cookie-notice p {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-notice strong {
color: #fff;
}
.klaro .cookie-notice h1 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: inherit;
}
.klaro .cookie-notice h2 {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
font-family: inherit;
}
.klaro .cookie-notice ul {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-notice li {
color: #fff;
/*color: var(--light1, #fafafa);*/
display: block;
text-align: left;
margin: 0;
padding: 0;
margin-top: 10px;
}
.klaro .cookie-notice h3 {
font-family: inherit;
}
.klaro .cookie-notice h4 {
font-family: inherit;
}
.klaro .cookie-notice h5 {
font-family: inherit;
}
.klaro .cookie-notice h6 {
font-family: inherit;
}
.klaro .cookie-notice .cm-link {
margin-right: 7px;
vertical-align: middle;
}
.klaro .cookie-notice .cm-btn {
/* color: #fff;
color: var(--button-text-color, #fff);*/
background-color: #5c5c5c;
border-radius: 4px;
/*padding: 6px 10px;*/
margin-right: 7px;
border-style: none;
/* padding: 0.4em;
font-size: 1em;*/
cursor: pointer;
}
.klaro .cookie-notice .cm-btn:disabled {
opacity: 0.5;
}
.klaro .cookie-notice .cm-btn.cm-btn-close {
background-color: #c8c8c8;
}
.klaro .cookie-notice .cm-btn.cm-btn-success {
background-color: #c4d600;
/*background-color: var(--green1, #1a936f);*/
}
.klaro .cookie-notice .cm-btn.cm-btn-success-var {
background-color: #24cc9a;
}
.klaro .cookie-notice .cm-btn.cm-btn-info {
background-color: #2b61b4;
}
.klaro .cookie-notice .cn-decline {
background-color: #d8ed96;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
background-color: #333;
z-index: 999;
position: fixed;
width: 100%;
bottom: 0;
right: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
margin-bottom: 0;
margin-right: 0;
bottom: 0;
padding: 15px;
padding-top: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
margin-bottom: 7px;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
text-decoration: underline;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
display: inline-block;
flex-grow: 1;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
display: inline-block;
margin-top: -7px;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
margin-top: 7px;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
margin-top: -7px;
display: flex;
flex-flow: column;
flex-wrap: wrap;
justify-content: right;
align-items: baseline;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a {
margin-top: 7px;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
display: flex;
flex-flow: column;
margin-top: 7px;
}
.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
position: relative;
height: inherit;
width: inherit;
left: inherit;
right: inherit;
bottom: inherit;
z-index: 0;
}
.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
padding-top: 7px;
}
.klaro .context-notice.cm-dark {
background-color: #333;
border-color: #5c5c5c;
}
.klaro .context-notice.cm-dark p {
color: #fafafa;
}
.klaro .context-notice.cm-dark p a {
color: #5eb5d3;
/*color: var(--blue2, #459cdc);*/
}
.klaro .cookie-modal.cm-embedded {
position: relative;
height: inherit;
width: inherit;
left: inherit;
right: inherit;
z-index: 0;
}
.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
position: relative;
transform: none;
}
.klaro .cookie-modal-notice {
background-color: #333;
color: #fafafa;
z-index: 1001;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
width: 100%;
max-height: 98%;
top: 50%;
transform: translateY(-50%);
position: fixed;
overflow: auto;
padding: 15px;
padding-top: 5px;
}
.klaro .cookie-modal-notice .cn-ok {
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.klaro .cookie-notice-hidden {
display: none !important;
}
.klaro.cm-as-context-notice {
height: 100%;
padding-bottom: 12px;
padding-top: 12px;
}
@media (min-width: 660px) {
.klaro .cookie-modal .cm-modal.cm-klaro {
border-radius: 4px;
position: relative;
margin: 0 auto;
max-width: 640px;
height: auto;
width: auto;
}
}
@media (min-width: 1024px) {
.klaro .cookie-notice:not(.cookie-modal-notice) {
border-radius: 4px;
position: fixed;
right: auto;
left: 20px;
bottom: 20px;
top: auto;
max-width: 400px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
}
@media (max-width: 1023px) {
.klaro .cookie-notice:not(.cookie-modal-notice) {
border-style: none;
border-radius: 0;
}
}
@media (max-width: 384px) {
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
width: 100%;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
width: calc(49.5%);
}
}
@media (min-width: 400px) {
.klaro .cookie-modal-notice {
border-radius: 4px;
position: relative;
margin: 0 auto;
max-width: 400px;
height: auto;
width: auto;
}
}
/* this is insane. rebuild everything using flexbox /nipn0002 */
/* yes, don't use this. it's too convoluted. currently only used on list page. let's keep it that way /nipn0002 */
/* used this on emplyeesearchpage as well. super bad /nipn0002 */
.form-element__input {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 300;
width: 100%;
border: 1px solid #d9d9d6;
border-radius: 8px;
padding: 5px 10px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.form-element__input {
font-size: 0.938rem;
font-weight: 400;
}
}
.form-element__input:focus-visible {
color: revert;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
.form-element__button {
transition: all 0.3s ease-out;
background-color: #d8ed96;
border: 1px solid #c4d600;
border-radius: 8px;
color: #000;
font-size: 1.25rem;
padding: 2px 10px 5px;
margin-bottom: 10px;
}
.form-element__button:focus-visible {
color: revert;
outline-offset: -2px;
outline: 2px solid #2b61b4;
transition: none;
}
.form-element__button:hover,
.form-element__button:focus {
background-color: #c4d600;
border-color: #509e2f;
}
.form-element__button-icon {
padding: 0 5px 0 10px;
}
.form-element__inline-button {
background-color: #fff;
border: none;
border-radius: 50%;
color: #d9d9d6;
font-size: 1.25rem;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-51%);
}
.form-element__inline-button:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #2b61b4;
transition: none;
}
.form-element__inline-button:hover,
.form-element__inline-button:focus {
color: #bbbcbc;
}
.form-element__adjacent-button-wrapper {
margin-bottom: 10px;
padding-right: 50px;
position: relative;
}
.form-element__adjacent-button-wrapper .form-element__input {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
}
.form-element__adjacent-button-wrapper .form-element__button {
width: 50px;
height: 100%;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 0;
position: absolute;
top: 0;
right: 0;
}
.form-element__adjacent-button-wrapper .form-element__button-icon {
padding: 0;
}
.form-element__inline-button-wrapper {
margin-bottom: 10px;
position: relative;
}
.form-element__inline-button-wrapper .form-element__input {
margin-bottom: 0;
padding-right: 35px;
}
.emergency {
background-color: #ce0037;
color: #fff;
font-size: 1.125rem;
position: static;
}
.emergency__header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
}
.emergency__heading {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
}
.emergency__triangle {
color: #fce300;
font-size: 2.75rem;
margin-right: 0.375rem;
}
.emergency h2 {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.25;
margin: 0 0.75rem;
text-align: center;
text-transform: uppercase;
}
.emergency__accordion-control {
background-color: transparent;
border: none;
color: #fff;
display: grid;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.emergency__control-text {
min-width: 2.5rem;
line-height: 1;
}
.emergency__toggle-icon {
font-size: 1.375rem;
}
.emergency__message-content {
justify-content: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.emergency__message-content p {
margin-bottom: 1.5rem;
-webkit-box-flex: 1 0 100%;
-moz-box-flex: 1 0 100%;
flex: 1 0 100%;
}
.emergency__message-content p a {
background-color: #fce300;
box-shadow: -0.25rem 0 0 #fce300, 0.25rem 0 0 #fce300;
color: #000;
}
.emergency__message-content p a:hover,
.emergency__message-content p a:focus {
background-color: #502b3a;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #502b3a, 0.25rem 0 0 #502b3a;
color: #fff;
}
.emergency__message-content img {
display: inline;
}
.emergency__buttons {
width: 100%;
}
@media (min-width: 768px) {
.emergency__accordion-control {
margin-top: 1.375rem;
position: absolute;
top: 0;
right: 0;
}
}
@media (min-width: 992px) {
.emergency__accordion-control {
left: 100%;
}
.emergency--active h2 {
font-size: 2rem;
line-height: 1.25;
}
.emergency--active .emergency__header {
justify-content: start;
}
.emergency--active .emergency__triangle {
font-size: 3.5rem;
}
}
@media (min-width: 1200px) {
.emergency .container > .row > div {
position: unset;
}
.emergency__accordion-control {
grid-auto-flow: column;
margin-top: 1.875rem;
margin-right: 1.875rem;
right: 0;
left: unset;
}
.emergency__toggle-icon {
margin-left: 0.375rem;
position: relative;
top: -0.25rem;
}
.emergency__message-content {
margin-bottom: 3rem;
}
.emergency--active h2 {
font-size: 3rem;
}
.emergency--active .emergency__header {
margin-top: 3rem;
}
.emergency--active .emergency__triangle {
font-size: 5rem;
}
}
.page-list ul {
list-style: none !important;
}
.page-list__item {
display: flex;
flex-direction: column-reverse;
margin-bottom: 20px;
}
.page-list__item-image-container {
padding: 0 0 10px 0;
display: inline-block;
}
.page-list__item-image-container img {
width: 100%;
min-width: 150px;
height: auto;
}
.page-list__date-box-container {
padding: 0 0 10px 0;
}
.page-list__date-box-container .event-date-box {
min-width: 150px;
}
.page-list__item-content {
padding: 0 5px 20px;
}
.page-list__item-tags {
margin-bottom: 0;
}
.page-list__item-date {
color: #53565a;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-transform: uppercase;
}
.page-list__item-sponsor {
/* maybe combine this and the above selector and rename the mixin to something more generic /nipn0002 */
color: #53565a;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-transform: uppercase;
}
.page-list__item-metadata {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.page-list__item-metadata .page-tags__list-item {
/* probably not very BEM - sorry Nils /Nils */
top: 3px;
}
.page-list__item-subheading {
margin: 10px 0 5px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
}
@media (min-width: 768px) {
.page-list__item {
flex-direction: unset;
}
.page-list__item-image-container {
padding-top: 25px;
padding-left: 30px;
padding-bottom: 10px;
}
.page-list__date-box-container {
padding-left: 30px;
padding-bottom: 0;
}
.page-list__item-content {
padding: 15px 0 20px;
}
}
@media (max-width: calc(1199px)) {
.page-list__item-metadata {
padding-left: 0;
}
}
/* Pages */
.startpage #breadcrumbs {
display: none;
}
.startpage header {
border: 0;
}
.startpage .navbar {
min-height: 40px;
margin-bottom: 0;
}
.startpage .main-area {
padding-top: 24px;
}
.startpage .main-area:first-child {
padding-top: 16px;
}
@media (min-width: 992px) {
.startpage .main-area {
padding-top: 48px;
padding-bottom: 48px;
}
}
.employeesearchpage .hero-space {
color: #000;
height: 590px;
overflow: hidden;
transition: 1s ease height;
}
.employeesearchpage .hero-space .heroarea {
position: relative;
width: 100%;
height: 100%;
}
.employeesearchpage .hero-space .heroarea a {
color: #000;
}
.employeesearchpage .hero-space .heroarea .heroarea-image,
.employeesearchpage .hero-space .heroarea .heroarea-text,
.employeesearchpage .hero-space .heroarea .heroarea-fields {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.employeesearchpage .hero-space .heroarea .heroarea-image {
background-size: cover;
}
.employeesearchpage .hero-space .heroarea .heroarea-text {
position: absolute;
z-index: 10;
text-align: left;
margin-top: 30px;
/* DESKTOP */
}
@media (max-width: calc(767px)) {
.employeesearchpage .hero-space .heroarea .heroarea-text {
margin-top: 10px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.employeesearchpage .hero-space .heroarea .heroarea-text {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.employeesearchpage .hero-space .heroarea .heroarea-text {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.employeesearchpage .hero-space .heroarea .heroarea-text {
margin-top: 30px;
}
}
.employeesearchpage .hero-space--collapsed {
height: 390px;
}
.employeesearchpage .toggle-extra {
border: none;
background-color: transparent;
color: #000;
}
.employeesearchpage .toggle-extra:focus-visible {
color: #2b61b4;
outline-offset: 0;
outline: 2px solid #2b61b4;
transition: none;
}
.employeesearchpage .empsearch-header {
font-size: 1.5rem;
color: #000;
}
.employeesearchpage .smaller-width-rest {
width: 60%;
}
@media (min-width: 992px) {
.employeesearchpage .smaller-width-rest {
width: 45%;
}
}
.employeesearchpage .smaller-width-name {
width: 80%;
margin-right: 10px;
}
@media (min-width: 992px) {
.employeesearchpage .smaller-width-name {
width: 70%;
}
}
.employeesearchpage .hr-empsearchform {
box-sizing: border-box;
color: #fff;
}
.employeesearchpage .form-group {
margin-bottom: 5px;
display: inline-block;
width: 100%;
}
.employeesearchpage .form-group input {
float: left;
line-height: 30px;
}
.employeesearchpage .hr-empsearchresults {
background-color: #d9d9d6;
clear: both;
}
.employeesearchpage .result-plussign {
text-decoration: none;
}
.employeesearchpage .result {
clear: both;
}
.employeesearchpage .result .empImg {
width: 74px;
}
.employeesearchpage .show-more {
background-color: #d9d9d6;
padding: 8px;
margin: 15px 0px 20px 0px;
}
.employeesearchpage .show-more span {
display: inline;
}
.globalsearchpage .debug-info {
display: none;
}
.globalsearchpage .search-form {
margin-top: 30px;
margin-bottom: 30px;
}
.globalsearchpage .search-form form {
position: relative;
padding-right: 52px;
}
.globalsearchpage .search-form .search-button.btn {
border: 0;
color: #fff;
position: absolute;
right: 0;
top: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
padding: 9px 16px;
background-color: #2b61b4;
}
.globalsearchpage .search-form .search-button.btn .fa {
font-size: 1.313rem;
}
.globalsearchpage .search-form .form-control {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: 0;
line-height: 1.5;
padding: 4px 12px;
height: auto;
font-size: 1.406rem;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
max-height: 41px;
}
.globalsearchpage .search-form .no-hits {
margin: 30px 0;
}
.globalsearchpage .search-results {
clear: both;
}
.globalsearchpage .search-results h4.searchResultHeaderHeading {
font-weight: 300 !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.globalsearchpage .search-results h4.searchResultHeaderHeading *,
.globalsearchpage .search-results h4.searchResultHeaderHeading strong {
font-weight: 300;
}
.globalsearchpage .search-results .hr-searchform {
box-sizing: border-box;
}
.globalsearchpage .search-results .hr-searchresults {
background-color: #d9d9d6;
}
.globalsearchpage .search-results .hitLink .hitTitleHeader {
color: #00529d;
}
.globalsearchpage .search-results .header {
padding: 0;
}
.globalsearchpage .search-results .header #search-sort-orders {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
float: none;
padding-top: 10px;
}
.globalsearchpage .search-results .header #search-sort-orders .active label {
color: #000;
text-decoration: underline;
}
.globalsearchpage .search-results .header #search-sort-orders .active label:after {
display: none;
}
.globalsearchpage .search-results .header #search-sort-orders li + li {
margin-left: 5px;
}
.globalsearchpage .search-results ul.result-list {
margin-top: 30px;
padding-left: 0;
list-style: none;
}
.globalsearchpage .search-results ul.result-list li {
padding: 0;
}
.globalsearchpage .search-results ul.result-list li .article {
padding: 20px 0;
border-top: solid 1px #d9d9d6;
}
.globalsearchpage .search-results ul.result-list li .article strong {
background: #d8ed96;
font-weight: 300;
}
.globalsearchpage .search-results ul.result-list li .article .has-image {
padding-left: 155px;
position: relative;
overflow: hidden;
}
.globalsearchpage .search-results ul.result-list li .article .has-image img {
width: 140px;
height: auto;
position: absolute;
left: 0;
margin: 5px 0;
border: 0;
box-shadow: none;
}
.globalsearchpage .search-results ul.result-list li .article h4 {
margin-top: 0;
line-height: 1.2;
}
.globalsearchpage .search-results ul.result-list li .datetime {
color: #53565a;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-transform: uppercase;
}
.globalsearchpage .search-results .markedUrl {
font-size: 0.75rem;
margin: 8px 2px;
}
.globalsearchpage .search-results .file::before {
color: #000;
font-family: "Font Awesome 6 Pro";
font-size: 1.5rem;
font-style: normal;
font-weight: normal;
padding-right: 0.313rem;
text-decoration: inherit;
}
.globalsearchpage .search-results .file--pdf::before {
content: "\f1c1";
}
.globalsearchpage .search-results .file--zip::before {
content: "\f1c6";
}
.globalsearchpage .search-results .file--docx::before {
content: "\f1c2";
}
.globalsearchpage .search-results .file--doc::before {
content: "\f1c2";
}
.globalsearchpage .search-results .file--xlsx::before {
content: "\f1c3";
}
.globalsearchpage .search-results .file--xls::before {
content: "\f1c3";
}
.globalsearchpage .search-results .file--xlsm::before {
content: "\f1c3";
}
.globalsearchpage .search-results .file--xltx::before {
content: "\f1c3";
}
.globalsearchpage .search-results .file--xltm::before {
content: "\f1c3";
}
.globalsearchpage .search-results .file--html::before {
content: "\f1c9";
}
.globalsearchpage .search-results .file--htm::before {
content: "\f1c9";
}
.globalsearchpage .search-results .file--ppt::before {
content: "\f1c4";
}
.globalsearchpage .search-results .file--pptx::before {
content: "\f1c4";
}
.globalsearchpage .facets {
position: static;
padding-top: 25px;
width: 100%;
}
.globalsearchpage .facets .facet {
padding: 0;
}
.globalsearchpage .facets .facet.nav {
margin-bottom: 20px;
}
.globalsearchpage .facets .facet ul {
padding: 0;
}
.globalsearchpage .facets .facet li {
list-style: none;
padding: 0;
}
.globalsearchpage .facets .facet li a,
.globalsearchpage .facets .facet li div,
.globalsearchpage .facets .facet li span,
.globalsearchpage .facets .facet li .radio {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 300;
display: block;
padding-right: 10px;
line-height: 1.1;
padding-left: 0;
}
.globalsearchpage .facets .facet li a {
display: inline-block;
padding-right: 30px;
width: 100%;
}
.globalsearchpage .facets .facet li.active {
background: none;
}
.globalsearchpage .facets .facet li.active a {
font-weight: 700;
text-decoration: underline;
}
.globalsearchpage .facets .facet li span {
right: 0;
top: 2px;
text-align: right;
}
.globalsearchpage .facets .facet li + li {
margin-top: 8px;
}
.globalsearchpage #search-sort-orders {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
color: #53565a;
}
.globalsearchpage #search-sort-orders ul {
font-size: 1rem;
padding: 0;
margin: 0;
margin-left: 5px;
display: inline-block;
}
.globalsearchpage #search-sort-orders ul li {
color: #53565a;
display: inline-block;
}
.globalsearchpage #search-sort-orders label {
cursor: pointer;
padding-left: 0;
font-weight: 400;
}
.globalsearchpage .hitcount {
color: #000;
background: #fff;
}
.globalsearchpage .hidden-load-more {
display: none;
}
.globalsearchpage .result-footer ol {
padding: 0;
}
.globalsearchpage .result-footer ul {
padding: 0;
list-style: none;
}
.globalsearchpage .result-footer #breadcrumb li + li:before {
content: " / ";
padding: 0 4px;
}
.globalsearchpage .result-footer .searchResult li:after {
content: " · ";
}
.globalsearchpage .result-footer .site-category span {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
background-color: #eee;
padding: 2px 6px;
border-radius: 3px;
margin: 0 3px 3px 0;
font-size: 2.85em;
}
.globalsearchpage a.load-more {
background-color: #007681;
color: #fff;
margin: 30px 0 50px 0;
}
.globalsearchpage a.load-more:hover {
background-color: #004851;
}
.substartpage .main-area {
padding-top: 24px;
}
@media (min-width: 992px) {
.substartpage .main-area {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media (min-width: 768px) {
.substartpage .hero-space .heroarea {
min-height: 350px;
}
}
@media (max-width: calc(767px)) {
.substartpage .hero-space .heroarea .heroarea-image {
position: static;
}
.substartpage .hero-space .heroarea .heroarea-image:not(.none) {
display: none;
}
}
.substartpage .heroarea-text {
z-index: 10;
text-align: center;
}
@media (max-width: calc(767px)) {
.substartpage .heroarea-text {
padding-top: 0px;
}
}
.substartpage .heroarea-text h4 {
color: #302f2f;
}
.substartpage .heroarea-text .heroarea-text-box-container {
padding: 0 5px 0 5px;
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box {
text-align: left;
border-radius: 5px;
padding: 10px 30px 0 30px;
margin-bottom: 5px;
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box .intro {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light {
background-color: rgba(255, 255, 255, 0.9);
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light h1,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light h2,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light h3,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light h4,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light h5,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.light .intro {
color: #302f2f;
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark {
background-color: rgba(0, 0, 0, 0.6);
}
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark h1,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark h2,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark h3,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark h4,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark h5,
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box.dark .intro {
color: #fff;
}
@media (min-width: 768px) {
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box {
padding: 10px 30px 30px 30px;
}
}
@media (max-width: calc(767px)) {
.substartpage .heroarea-text .heroarea-text-box-container .heroarea-text-box {
margin: 0 -5px;
border-radius: 0;
padding-bottom: 10px;
}
}
.substartpage .image-puff-area-text .container {
width: 100%;
}
.substartpage .heroarea-text-buttons {
padding-left: 0;
padding-right: 0;
}
@media (max-width: calc(767px)) {
.substartpage .heroarea-text-buttons {
width: 100%;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: calc(1199px)) {
.substartpage .heroarea-text-buttons {
margin-bottom: 40px;
}
}
.substartpage .heroarea-text-buttons .button-container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: calc(767px)) {
.substartpage .heroarea-text-buttons .button-container {
width: 100%;
}
}
.substartpage .heroarea-text-buttons .button-container .button {
margin: 5px;
}
.substartpage .local-footer {
margin-bottom: 30px;
}
.cvpage #rss-info a {
color: #000;
}
.cvpage #rss-info .header {
font-size: 1.375rem;
font-weight: bold;
}
.cvpage #rss-info ul li {
padding: 5px;
font-size: 0.75rem;
}
.cvpage #rss-info .popup-modal-dismiss {
text-decoration: none;
}
.cvpage #rss-info .popup-modal-dismiss .fa {
font-size: 0.75rem;
}
.cvpage .intro-image img {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
@media (max-width: 992px) {
.cvpage .intro {
float: left;
padding-bottom: 20px;
}
}
.cvpage .main-body {
padding-bottom: 30px;
}
.cvpage .tag-list {
border: solid 1px #302f2f;
border-radius: 5px;
padding: 10px;
}
.cvpage .checkbox {
display: inline;
min-height: 0;
margin-right: 5px;
}
.cvpage .publications-rss-box > span {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.4;
font-weight: 300;
margin: 25px 0 10px 0;
display: inline-block;
}
.cvpage .publications-rss-box .ajax-loader {
margin: 25px auto;
width: 16px;
display: block;
}
.cvpage .contact-information-box {
padding-bottom: 15px;
}
.cvpage .contact-information-box .contact-information-text span,
.cvpage .contact-information-box .contact-information-text div {
padding-bottom: 3px;
}
.cvpage .contact-information-box .contact-information-text .result-bottom-padding {
display: block;
padding-bottom: 15px;
}
.cvpage .contact-information-box .contact-information-text .result-header {
font-weight: bold;
}
.cvpage .none-editable {
min-height: 150px;
}
.tagpage .tag-result .tagpuff {
border: 1px solid #d9d9d6;
border-radius: 5px;
cursor: pointer;
margin: 15px;
}
@media (min-width: 992px) {
.tagpage .tag-result .tagpuff.col-md-4 {
/* bootstrap override */
width: 30.333333%;
}
}
@media (min-width: 1200px) {
.tagpage .tag-result .tagpuff.col-lg-4 {
/* bootstrap override */
width: 30.333333%;
}
}
.tagpage .tag-result .article {
min-height: 100px;
overflow: hidden;
}
.tagpage .tag-result .article img {
padding-top: 15px;
display: block;
max-height: 200px;
width: auto;
height: auto;
}
@media (min-width: 768px) {
.tagpage .tag-result .article img {
max-height: 127px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.tagpage .tag-result .article img {
max-height: 200px;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.tagpage .tag-result .article {
max-width: 192px;
}
}
.tagpage .tag-result .article h4 {
color: #000;
}
.tagpage a.load-more {
background-color: #007681;
color: #fff;
margin: 30px 0 50px 0;
}
.tagpage a.load-more:hover {
background-color: #004851;
}
.event-date-box {
background-color: #004851;
color: #fff;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
line-height: 1;
height: 100%;
}
.event-date-box__date {
padding: 15px;
}
.event-date-box__date:first-child:nth-last-child(2) {
padding-bottom: 0;
}
.event-date-box__date:first-child:nth-last-child(2) .event-date-box__month:after {
content: ' –';
}
.event-date-box__day {
font-size: 2.75rem;
font-weight: 700;
}
.event-date-box__month {
font-size: 2rem;
font-weight: 300;
padding-left: 5px;
}
.event-date-box.disputationer,
.event-date-box.dissertations {
/* Should be BEM modifiers, but copied solution from CalendarItemHeader to avoid mismatching event colors due to precedence if multiple event classes exist. Maybe redo this from scratch sometime */
background-color: #007681;
color: #fff;
}
.event-date-box.seminarier,
.event-date-box.seminars {
background-color: #6ad1e3;
color: #004851;
}
.event-date-box.konferenser,
.event-date-box.conferences {
background-color: #c4d600;
color: #000;
}
.event-date-box.evenemang,
.event-date-box.events {
background-color: #d8ed96;
color: #154734;
}
.cal-header {
display: flex;
position: relative;
}
.cal-header__image {
width: 100%;
}
.cal-header__image .contentimg {
object-fit: cover;
height: 240px;
width: 100%;
}
.cal-header__image + .cal-header__wrapper {
position: absolute;
top: 0;
left: 0;
}
.cal-header__image + .cal-header__wrapper .cal-header__text {
background-color: transparent;
padding-right: 16px;
}
.cal-header__image + .cal-header__wrapper .cal-header__text p {
line-height: 2.25;
margin: 0;
}
.cal-header__image + .cal-header__wrapper .cal-header__text p span {
background-color: #d9d9d6;
padding: 0.25rem 0.5rem;
position: relative;
top: 5px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.cal-header__wrapper {
display: flex;
width: 100%;
margin-bottom: 16px;
min-height: 102px;
}
.cal-header__date-box {
background-color: #004851;
color: #fff;
line-height: 1.25;
margin-right: 16px;
padding: 4px 8px;
white-space: nowrap;
width: 102px;
}
.cal-header__date-box.disputationer,
.cal-header__date-box.dissertations {
background-color: #007681;
color: #fff;
}
.cal-header__date-box.seminarier,
.cal-header__date-box.seminars {
background-color: #6ad1e3;
color: #004851;
}
.cal-header__date-box.konferenser,
.cal-header__date-box.conferences {
background-color: #c4d600;
color: #000;
}
.cal-header__date-box.evenemang,
.cal-header__date-box.events {
background-color: #d8ed96;
color: #154734;
}
.cal-header__date-box > span {
text-align: left;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.cal-header__date-box > span.startdate:only-child {
display: block;
text-align: center;
}
.cal-header__date-box > span.dash {
font-size: 1.75rem;
}
.cal-header__date-box > span.startdate .day,
.cal-header__date-box > span.stopdate .day {
font-size: 2.25rem;
font-weight: 700;
}
.cal-header__date-box > span.startdate .month,
.cal-header__date-box > span.stopdate .month {
font-size: 1.75rem;
}
.cal-header__text {
align-content: flex-end;
background-color: #d9d9d6;
color: #000;
display: flex;
flex: 1;
flex-wrap: wrap;
}
.cal-header__text p {
display: block;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.5;
margin: 0.5rem 1rem;
}
@media (min-width: 576px) {
.cal-header__image + .cal-header__wrapper .cal-header__text p span {
top: 9px;
}
.cal-header__date-box {
line-height: 1.375;
min-width: 140px;
min-height: 140px;
padding: 8px 16px;
}
.cal-header__date-box > span.dash {
font-size: 2rem;
}
.cal-header__date-box > span.startdate .day,
.cal-header__date-box > span.stopdate .day {
font-size: 2.75rem;
}
.cal-header__date-box > span.startdate .month,
.cal-header__date-box > span.stopdate .month {
font-size: 2rem;
}
.cal-header__text p {
font-size: 1.5rem;
padding-bottom: 0.25rem;
}
}
.calendaritempage .intro-image img {
vertical-align: top;
clear: both;
}
.calendaritempage .editmode .intro-image {
min-height: 200px;
}
@media (max-width: calc(767px)) {
.calendaritempage h1.border-title {
font-size: 2rem;
word-wrap: break-word;
}
}
.listpage .facet-group,
.listpageenvdata .facet-group {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding-left: 20px;
list-style-type: none;
}
.listpage .facet-group__facet-item,
.listpageenvdata .facet-group__facet-item {
position: relative;
}
.listpage .facet-group__facet-item--disabled .facet-group__facet-label,
.listpageenvdata .facet-group__facet-item--disabled .facet-group__facet-label {
color: #bbbcbc;
}
.listpage .facet-group__facet-item--disabled .facet-group__facet-count,
.listpageenvdata .facet-group__facet-item--disabled .facet-group__facet-count {
color: #bbbcbc;
}
.listpage .facet-group__facet-label,
.listpageenvdata .facet-group__facet-label {
display: block;
font-size: 0.938rem;
font-weight: 300;
line-height: 1.75rem;
margin-bottom: 5px;
}
.listpage .facet-group__facet-input,
.listpageenvdata .facet-group__facet-input {
position: absolute;
transform: translateY(36%);
margin: 0 0 0 -1.5rem;
}
.listpage .facet-group__facet-input:focus-visible,
.listpageenvdata .facet-group__facet-input:focus-visible {
color: #2b61b4;
outline-offset: -1px;
outline: 2px solid #2b61b4;
transition: none;
}
.listpage .facet-group__facet-count,
.listpageenvdata .facet-group__facet-count {
margin-left: 5px;
color: #888b8d;
}
.listpage .facet-group__facet-count:before,
.listpageenvdata .facet-group__facet-count:before {
content: '(';
}
.listpage .facet-group__facet-count:after,
.listpageenvdata .facet-group__facet-count:after {
content: ')';
}
.listpage .facet-group__show-all,
.listpageenvdata .facet-group__show-all {
position: absolute;
left: -2000px;
}
.listpage .list-section,
.listpageenvdata .list-section {
margin-top: 30px;
min-height: 600px;
}
.listpage .accordion-group,
.listpageenvdata .accordion-group {
margin-top: 20px;
margin-bottom: 20px;
}
.listpage .filter-pills,
.listpageenvdata .filter-pills {
padding: 3px 15px 0;
}
.listpage .filter-pills__active-filters,
.listpageenvdata .filter-pills__active-filters {
display: none;
margin-bottom: 10px;
}
.listpage #active-filters button span,
.listpageenvdata #active-filters button span {
display: none;
}
.listpage .result-count,
.listpageenvdata .result-count {
margin-bottom: 20px;
}
.listpage .show-more,
.listpageenvdata .show-more {
text-align: center;
padding: 10px;
}
.programpage .facts-box > div {
word-wrap: break-word;
}
@media (min-width: 1200px) {
.programpage .course-schedule {
margin-left: -36px;
margin-right: -36px;
}
}
@media (min-width: 1400px) {
.programpage .course-schedule {
margin-left: -24px;
margin-right: -24px;
}
}
.newprogrampage .hero-space {
padding-bottom: 20px;
height: 500px;
}
@media (max-width: calc(767px)) {
.newprogrampage .hero-space {
height: auto;
}
}
.newprogrampage .hero-space .heroarea-text {
position: relative;
}
.newprogrampage .hero-space .heroarea-text-box-container {
width: 50%;
}
@media (max-width: calc(767px)) {
.newprogrampage .hero-space .heroarea-text-box-container {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: calc(991px)) {
.newprogrampage .hero-space .heroarea-text-box-container {
margin-left: -60px;
width: 60%;
}
}
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box {
text-align: center;
border-radius: 5px;
margin-bottom: 5px;
}
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box div {
text-align: left;
}
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box .sub-heading {
display: block;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
margin: 20px 0 10px 0;
}
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box .intro {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box {
padding: 10px 30px 30px 30px;
}
}
@media (max-width: calc(767px)) {
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box {
margin: 0 -5px;
border-radius: 0;
padding-bottom: 30px;
}
}
.newprogrampage .hero-space .heroarea-text-box-container .heroarea-text-box .btn-info {
background-color: #ff585d;
border-color: #ff585d;
}
.newprogrampage .hero-space .heroarea-image-mobile {
display: none;
}
@media (max-width: calc(767px)) {
.newprogrampage .hero-space .heroarea-image-mobile {
display: block;
background-size: cover;
position: static;
height: 250px;
}
.newprogrampage .hero-space .heroarea-image {
display: none;
}
}
.newprogrampage .green-content-area {
background-color: #509e2f;
}
.newprogrampage .contact-information-header {
display: inline;
color: #302f2f;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 1em 0 0.625em;
font-size: 1.125rem;
}
.newprogrampage .contact-information-header a {
border-bottom: 1px dotted;
}
.newprogrampage .contact-information-header a:hover,
.newprogrampage .contact-information-header a:focus {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none;
}
.newprogrampage .contact-information-header.inline {
display: inline;
line-height: 1.5;
}
.newprogrampage .darkgreen-content-area {
background-color: #154734;
padding: 40px 0px;
}
.newprogrampage .educationplan-content-area h2 {
text-align: center;
padding-bottom: 30px;
font-size: 1.25rem !important;
}
.newprogrampage .container-block-holder {
background-color: #509e2f;
padding: 20px 10px 40px 10px;
}
@media (max-width: calc(767px)) {
.newprogrampage .container-block-holder {
padding-left: 15px;
padding-right: 15px;
}
}
.newprogrampage .container-block-holder > h2,
.newprogrampage .container-block-holder > xhtmlstring p {
color: #fff;
text-align: center;
}
.newprogrampage .container-block-holder .panel-default {
border: none;
}
.newprogrampage .container-block-holder .btn-area {
margin-top: 20px;
text-align: center;
}
.newprogrampage .container-block-holder .btn-area .btn {
background-color: #154734;
border-color: #fff;
color: #fff;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 300;
white-space: normal;
}
.newprogrampage .container-block-holder .btn-area .btn:visited {
color: #fff;
}
.newprogrampage .container-block-holder .btn-area :hover {
background-color: #509e2f;
text-decoration: none;
}
.newprogrampage .iframe-content-area {
padding-top: 70px;
padding-bottom: 70px;
}
.newprogrampage .contenttabscontainerblock {
background-color: #fff;
margin-bottom: 4rem;
margin-top: 2rem;
}
.newprogrampage input,
.newprogrampage textarea {
color: black;
background-color: #fff;
padding: 1px 5px;
}
.newprogrampage textarea {
height: 100px;
}
.newprogrampage .share-box > h2 {
color: #302f2f;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 1em 0 0.625em;
font-size: 1.125rem;
}
.newprogrampage .share-box > h2 a {
border-bottom: 1px dotted;
}
.newprogrampage .share-box > h2 a:hover,
.newprogrampage .share-box > h2 a:focus {
background-color: #d8ed96;
border-bottom: 1px solid;
box-shadow: -0.25rem 0 0 #d8ed96, 0.25rem 0 0 #d8ed96;
color: #000;
text-decoration: none;
}
.newprogrampage .share-box > h2.inline {
display: inline;
line-height: 1.5;
}
.newprogrampage .share-box .share-functions {
margin: 20px 0 50px 0;
}
.newprogrampage .text-puff-area-image {
float: right;
}
@media (max-width: calc(767px)) {
.newprogrampage .text-puff-area-image {
display: none;
}
}
.newprogrampage .heading-icon {
font-size: 1.875rem;
}
/* to do: fix margins in this so they are not relative /nipn0002 */
.coursecontainerpage .program-link {
text-decoration: underline;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 2rem;
margin-top: 1rem;
}
.coursecontainerpage .main-body {
margin-bottom: 3rem;
}
.coursecontainerpage .main-body__no-lang-link {
margin-top: 2rem;
}
.coursecontainerpage .accordion-info {
margin-bottom: 30px;
}
.coursecontainerpage .accordion-info a {
word-wrap: break-word;
}
.coursecontainerpage .apply-btn {
border-radius: 1rem;
background-color: #fff;
color: #000;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 700;
white-space: normal;
border-width: 0.4rem;
width: 100%;
margin-bottom: 1.5rem;
border: solid 1px #ce0037;
padding: 0.313rem;
}
.coursecontainerpage .apply-btn:hover {
background-color: #154734;
border-color: transparent;
}
.coursecontainerpage .apply-btn--content {
/* fix this BEM misimplementation /nipn0002 */
display: block;
background-color: #c4d600;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-radius: 0.688rem;
}
.coursecontainerpage .apply-btn--content:hover {
background-color: #d8ed96;
border-color: #154734;
}
.coursecontainerpage__functional-buttons {
border-radius: 0.313rem;
background-color: #fff;
color: #000 !important;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 300;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.625rem;
padding: 0 0.375rem;
height: 2.25rem;
}
.coursecontainerpage__functional-buttons--green {
border-color: #509e2f;
}
.coursecontainerpage__functional-buttons--yellow {
border-color: #ffb81c;
}
.coursecontainerpage__functional-buttons:hover {
background-color: #d8ed96;
border-color: #509e2f;
}
.coursecontainerpage__title {
margin-top: 0 !important;
}
.coursecontainerpage__course-code {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
line-height: 1.4;
color: #302f2f;
margin-top: 1.5rem;
font-weight: 600;
font-size: 1rem;
margin-bottom: 0;
}
.coursecontainerpage__information {
font-family: 'Roboto Condensed', "Arial Narrow", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 1rem;
}
.coursecontainerpage__information ul {
margin-left: 0;
}
.coursecontainerpage__information ul li {
display: flex;
}
.coursecontainerpage__information ul li + li {
margin-top: 0.625rem;
}
.coursecontainerpage__information .icons {
margin: 0.313rem 0.75rem 0 0;
flex-shrink: 0;
}
.coursecontainerpage__information .text {
white-space: nowrap;
}
.course-administration {
margin-top: 3rem;
}
.course-administration__info {
display: flex;
flex-direction: column;
}
.course-administration__info--bold {
font-weight: bold;
}
.miljoanalysdatapage .metadata {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.938rem;
}
.miljoanalysdatapage .metadata .page-tags__list-item {
/* fick panik, ok? /Nils */
top: 0;
}
.miljoanalysdatapage .metadata__table {
background: none;
vertical-align: top;
}
.miljoanalysdatapage .metadata__label {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 0.938rem;
margin: 10px 0 5px;
padding-right: 20px;
vertical-align: top;
}
.miljoanalysdatapage .metadata__value {
padding-bottom: 10px;
word-wrap: break-word;
vertical-align: top;
}
.miljoanalysdatapage .more-metadata {
padding: 15px 0 30px;
}
.miljoanalysdatapage label.mandatory:after {
content: ' *';
color: #b11616;
}
.miljoanalysdatapage .swedish-only {
display: none;
}
.miljoanalysdatapage .qs-datepicker-container {
font-size: inherit;
}
/* Components */
.buttonpuffcard {
height: 100%;
}
.buttonpuffcard__container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
border: 1px solid #d9d9d6;
border-radius: 8px;
background-color: #fff;
height: 100%;
}
.buttonpuffcard__text {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
flex-grow: 1;
order: 1;
height: fit-content;
}
.buttonpuffcard__heading {
font-size: 1.5em;
}
.buttonpuffcard__img {
height: fit-content;
}
.buttonpuffcard__img > img,
.buttonpuffcard__img > picture > img {
margin-left: auto;
margin-right: auto;
}
/* this modifier incapsulates signifiers so we dont give false perceived affordance when there is no link in the card */
.buttonpuffcard__container--linkify {
cursor: pointer;
/* separate box-shadow rules for hover and focus-within for when
* focus-within is not supported (not sure when the less compiler decides
* to combine identical rules but it doesn't happen in this case at least)
*/
}
.buttonpuffcard__container--linkify .buttonpuffcard__link,
.buttonpuffcard__container--linkify .buttonpuffcard__link:visited {
border-bottom: none;
color: #302f2f;
text-decoration: none;
}
.buttonpuffcard__container--linkify .buttonpuffcard__link:hover {
background-color: unset;
box-shadow: none;
}
.buttonpuffcard__container--linkify .buttonpuffcard__link:focus {
border-bottom: 1px solid;
}
.buttonpuffcard__container--linkify:hover {
box-shadow: 0 0 0 12px #888b8d;
}
.buttonpuffcard__container--linkify:hover .buttonpuffcard__link {
border-bottom: 1px solid;
}
.buttonpuffcard__container--linkify:focus-within {
box-shadow: 0 0 0 12px #888b8d;
}
.buttonpuffcard__container--linkify:focus-within .buttonpuffcard__link:focus {
background-color: unset;
box-shadow: none;
}
/*
* AVAILABLE CLASSES:
* .position-indicator // wrapper for indicator notches
* --vertical // applies a vertical layout of the notches
*
* .position-indicator__notch // indicator notch class
* active // active notch
*
* EXAMPLE:
*
*
*
*
*
* EXAMPLE:
*
*/
.position-indicator {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
gap: 1rem;
margin: 0;
padding: 0;
}
.position-indicator button.position-indicator__notch {
background-color: transparent;
border: none;
margin: 0;
opacity: 1;
padding: 0;
}
.position-indicator button.position-indicator__notch:focus-visible {
color: #2b61b4;
outline-offset: -0.375rem;
outline: 2px solid #2b61b4;
transition: none;
}
.position-indicator button.position-indicator__notch:focus-visible span {
background-color: #2b61b4;
}
.position-indicator button.position-indicator__notch.active:focus-visible {
outline-offset: -0.25rem;
}
.position-indicator button.position-indicator__notch,
.position-indicator li.position-indicator__notch {
align-items: center;
border-radius: 50%;
display: flex;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
}
.position-indicator button.position-indicator__notch span,
.position-indicator li.position-indicator__notch span {
outline: 0.125rem solid rgba(255, 255, 255, 0.9);
background-color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
display: block;
margin: 0.5rem;
width: 0.5rem;
height: 0.5rem;
transition: margin 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out;
}
.position-indicator button.position-indicator__notch.active span,
.position-indicator li.position-indicator__notch.active span {
margin: 0.375rem;
width: 0.75rem;
height: 0.75rem;
}
.position-indicator--vertical {
flex-direction: column;
}
@media (min-width: 768px) {
.position-indicator {
gap: 1.5rem;
}
.position-indicator button.position-indicator__notch:focus-visible {
outline-offset: -0.5rem;
}
.position-indicator button.position-indicator__notch.active:focus-visible {
outline-offset: -0.375rem;
}
.position-indicator button.position-indicator__notch,
.position-indicator li.position-indicator__notch {
width: 2rem;
height: 2rem;
}
.position-indicator button.position-indicator__notch span,
.position-indicator li.position-indicator__notch span {
margin: 0.625rem;
width: 0.75rem;
height: 0.75rem;
}
.position-indicator button.position-indicator__notch.active span,
.position-indicator li.position-indicator__notch.active span {
margin: 0.5rem;
width: 1rem;
height: 1rem;
}
}
.surface {
border-radius: 8px;
padding: 0.5rem 1rem;
}
.surface--light {
background-color: rgba(255, 255, 255, 0.9);
}
.surface--dark {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.surface--dark h2,
.surface--dark h3,
.surface--dark h4,
.surface--dark h5,
.surface--dark h6 {
color: #fff;
}
.surface--reveal {
margin-bottom: 100vh;
}
@media (min-width: 768px) {
.surface {
padding: 1rem;
}
}