/* Minification failed. Returning unminified contents. (3104,36): run-time error CSS1036: Expected expression, found '@' (3104,36): run-time error CSS1034: Expected closing parenthesis, found '@' (3104,51): run-time error CSS1019: Unexpected token, found ')' (3104,52): run-time error CSS1019: Unexpected token, found ',' (3110,17): run-time error CSS1035: Expected colon, found ',' (4039,36): run-time error CSS1036: Expected expression, found '@' (4039,36): run-time error CSS1034: Expected closing parenthesis, found '@' (4039,51): run-time error CSS1019: Unexpected token, found ')' (4039,52): run-time error CSS1019: Unexpected token, found ',' (4040,18): run-time error CSS1035: Expected colon, found '{' (9629,36): run-time error CSS1036: Expected expression, found '@' (9629,36): run-time error CSS1034: Expected closing parenthesis, found '@' (9629,51): run-time error CSS1019: Unexpected token, found ')' (9629,52): run-time error CSS1019: Unexpected token, found ',' (9630,22): run-time error CSS1035: Expected colon, found '{' (12164,53): run-time error CSS1055: Expected media-query expression, found 'only' */ /*#region URL: /assets/styles/vendor/normalize.css */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; clear: both; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*#endregion*/ /*#region URL: /assets/styles/vendor/jquery-ui.1.21.1.min.css */ /*! jQuery UI - v1.12.1 - 2018-05-20 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/assets/styles/vendor/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*#endregion*/ /*#region URL: /assets/styles/common/base.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .AlertBlock { display: flex; width: 100%; } .AlertBlock__icon-holder { min-width: 50px; } .AlertBlock__text { padding: 8px 16px; width: inherit; } .AlertBlock--info .AlertBlock__icon-holder { background-color: hsl(208, 97%, 43%); } .AlertBlock--info .AlertBlock__icon-holder:before { background-color: white; -webkit-mask-image: url(/assets/Images/bell.svg); mask-image: url(/assets/Images/bell.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; content: ""; color: white; fill: white; display: block; width: 25px; height: 25px; font-size: 16px; margin: 24px auto; border: 2px solid white; border-radius: 25px; } .AlertBlock--info .AlertBlock__text { background-color: hsl(208, 97%, 93%); } .AlertBlock--danger .AlertBlock__icon-holder { background-color: hsl(359, 89%, 42%); } .AlertBlock--danger .AlertBlock__icon-holder:before { background-color: white; -webkit-mask-image: url(/assets/Images/alert.svg); mask-image: url(/assets/Images/alert.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; content: ""; color: white; fill: white; display: block; width: 25px; height: 25px; font-size: 30px; margin: 24px auto; border: 0px solid white; border-radius: 0px; } .AlertBlock--danger .AlertBlock__text { background-color: hsl(359, 89%, 92%); } /* Layout ========================================================================== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font: 112.5%/1.67 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: hsl(0, 0%, 12%); overflow-x: hidden; width: 100%; } @media only screen and (min-width: 75em), print { html { font-size: 125%; line-height: 1.8; } } html.is-with-menu { overflow: hidden; } @media only screen and (max-width: 75em), print { html.is-with-search { overflow: hidden; } } ::selection, ::-moz-selection { background: hsl(195, 84%, 50%); text-shadow: none; } /* Typography ========================================================================== */ h1, h2, h3, h4, h5, h6, .Heading { font-weight: 400; line-height: 1.2; margin: 1em 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .Heading:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .Heading:last-child { margin-bottom: 0; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .Heading + p { margin-top: 0; } .Heading--h1, .Heading h1 { font-size: 38px; font-size: 2.111rem; } .Heading--h2, .Heading h2 { font-size: 30px; font-size: 1.667rem; } .Heading--h3, .Heading h3 { font-size: 28px; font-size: 1.556rem; } .Heading--h4, .Heading h4 { font-size: 24px; font-size: 1.333rem; } .Heading--h5, .Heading h5 { font-size: 20px; font-size: 1.111rem; } .Heading--h6, .Heading h6 { font-size: 18px; font-size: 1rem; } @media only screen and (min-width: 62em), print { .Heading--h1, .Heading h1 { font-size: 48px; font-size: 2.667rem; } .Heading--h2, .Heading h2 { font-size: 36px; font-size: 2rem; } .Heading--h3, .Heading h3 { font-size: 28px; font-size: 1.556rem; } .Heading--h4, .Heading h4 { font-size: 24px; font-size: 1.333rem; } .Heading--h5, .Heading h5 { font-size: 20px; font-size: 1.111rem; } } @media only screen and (min-width: 75em), print { .Heading--h1, .Heading h1 { font-size: 52px; font-size: 2.6rem; } .Heading--h2, .Heading h2 { font-size: 48px; font-size: 2.4rem; } .Heading--h3, .Heading h3 { font-size: 36px; font-size: 1.8rem; } .Heading--h4, .Heading h4 { font-size: 28px; font-size: 1.4rem; } } p { margin: 0.5em 0; } .Text--body { font-size: 18px; font-size: 1rem; line-height: 1.8; font-weight: 400; } @media only screen and (min-width: 75em), print { .Text--body { font-size: 20px; font-size: 1rem; } } .Text--intro { font-size: 20px; font-size: 1.111rem; line-height: 1.67; font-weight: 400; } @media only screen and (min-width: 75em), print { .Text--intro { font-size: 24px; font-size: 1.2rem; } } .Text--label { font-size: 14px; font-size: 0.778rem; font-weight: 400; line-height: 1.6; } @media only screen and (min-width: 75em), print { .Text--label { font-size: 14px; font-size: 0.7rem; } } .Text--gray { color: hsl(204, 4%, 74%); } .Text--navy { color: hsl(208, 99%, 28%); } /* Links ========================================================================== */ a { color: hsl(195, 84%, 50%); text-decoration: underline; } a:hover { text-decoration: none; } a:active { outline: 1px solid hsl(195, 84%, 50%); } .Text--tag { font-size: 14px; font-size: 0.778rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; } @media only screen and (min-width: 75em), print { .Text--tag { font-size: 14px; font-size: 0.7rem; } } /* Elements ========================================================================== */ img { max-width: 100%; } sup { top: -0.3em; /* changes value set by Normalize */ } hr { display: block; height: 1px; border: 0; border-top: 1px solid hsl(204, 4%, 74%); margin: 1em 0; padding: 0; } address { font-style: normal; } table { width: 100%; } table th { border-bottom: 1px hsl(40, 18%, 97%); color: hsl(0, 0%, 12%); text-align: left; } table th, table th td { padding: 10px 25px; padding-left: 4px; vertical-align: top; } blockquote { font-size: 28px; font-size: 1.556rem; border-bottom: 1px solid currentColor; border-top: 1px solid currentColor; color: hsl(208, 99%, 28%); font-style: italic; line-height: 1.4; margin: 40px 0; padding: 25px 0; } @media only screen and (min-width: 62em), print { blockquote { font-size: 36px; font-size: 1.8rem; padding: 40px 0; } } time { font-size: 18px; font-size: 1rem; color: hsl(0, 0%, 12%); } @media only screen and (min-width: 62em), print { time { font-size: 18px; font-size: 0.9rem; } } /* Form ========================================================================== */ form { margin: 0; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=search], input.gsc-input[type=text] { background: hsl(0, 0%, 100%); border-radius: 10px; border: 1px solid hsl(204, 4%, 74%); color: hsl(0, 0%, 12%); font-size: 0.9rem; max-width: 100%; padding: 0.8em 1.35em; transition: border-color 0.3s cubic-bezier(0.65, 0, 0.35, 1); } input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=url]:hover, input[type=search]:hover, input.gsc-input[type=text]:hover { border-color: hsl(0, 0%, 12%); } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input.gsc-input[type=text]:focus { border-color: hsl(195, 84%, 50%); outline: none; } input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=search]:disabled, input.gsc-input[type=text]:disabled { background-color: hsl(204, 4%, 74%); border-color: hsl(204, 4%, 74%); cursor: not-allowed; color: hsl(0, 0%, 12%); } textarea { padding: 25px; border: 1px solid hsl(40, 18%, 97%); } textarea:focus { border-color: hsl(0, 0%, 12%); } fieldset { border: 0; } legend { text-align: right; } label { margin-bottom: 0.5em; } /* Validation */ .field-validation-valid.Status { display: none; } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { color: hsl(0, 0%, 12%) !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid hsl(40, 18%, 97%); page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } #epi-quickNavigator { display: none !important; } } @media (min-width: 62em) { .mobile-only { display: none; } } .chartjs-custom-tooltip { background-color: rgba(0, 0, 0, 0.7); border-radius: 12px; padding: 8px; color: white; height: auto; pointer-events: none; position: absolute; font-family: "Myriad Pro"; font-size: 12px; width: 150px; } .chartjs-custom-tooltip.left { margin-left: 10px; } .chartjs-custom-tooltip.left::after { content: " "; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent; } .chartjs-custom-tooltip.right { margin-left: -10px; } .chartjs-custom-tooltip.right::after { content: " "; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent rgba(0, 0, 0, 0.7); } .chartjs-custom-tooltip.middle { margin-top: 10px; } .chartjs-custom-tooltip.middle::after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; } /*#endregion*/ /*#region URL: /assets/styles/common/variables.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#endregion*/ /*#region URL: /assets/styles/common/animations.less */ @keyframes moveLeft { to { transform: translateX(-0.25em); } } @keyframes moveRight { to { transform: translateX(0.25em); } } @keyframes pop { to { transform: scale(1.025); } } @keyframes squish { to { transform: scale(0.925); } } @keyframes rotate { to { transform: rotate(-180deg); } } @keyframes rotateFull { to { transform: rotate(360deg); } } /*#endregion*/ /*#region URL: /assets/styles/common/back-to-top.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Button.Button--wider.back-to-top__btn { position: fixed; bottom: 30px; right: 30px; display: flex; align-items: center; opacity: 0; visibility: hidden; z-index: 100; background-color: #014C8E; font-weight: normal; } .Button.Button--wider.back-to-top__btn .back-to-top__icon { width: 22px; height: 22px; display: block; background: url("/Assets/Images/arrow_top.svg") no-repeat; } .Button.Button--wider.back-to-top__btn.show { opacity: 1; visibility: visible; padding-left: 0.8rem; padding-right: 0.8rem; } .Button.Button--wider.back-to-top__btn.show .back-to-top__text { margin-left: 8px; opacity: 1; visibility: visible; display: block; } @media only screen and (max-width: 62em), print { .Button.Button--wider.back-to-top__btn.show .back-to-top__text { opacity: 0; visibility: hidden; display: none; } } /*#endregion*/ /*#region URL: /assets/styles/common/functions.less */ /*#endregion*/ /*#region URL: /assets/styles/common/rtl.less */ /******** LANGUAGE DIRECTION RIGHT TO LEFT*******/ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media only screen and (min-width: 30em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-sm-beforeNone { margin-left: 0 !important; } .u-sm-before1of12 { margin-left: 8.33333333% !important; } .u-sm-before1of10 { margin-left: 10% !important; } .u-sm-before1of8 { margin-left: 12.5% !important; } .u-sm-before1of6, .u-sm-before2of12 { margin-left: 16.66666667% !important; } .u-sm-before1of5, .u-sm-before2of10 { margin-left: 20% !important; } .u-sm-before1of4, .u-sm-before2of8, .u-sm-before3of12 { margin-left: 25% !important; } .u-sm-before3of10 { margin-left: 30% !important; } .u-sm-before1of3, .u-sm-before2of6, .u-sm-before4of12 { margin-left: 33.33333333% !important; } .u-sm-before3of8 { margin-left: 37.5% !important; } .u-sm-before2of5, .u-sm-before4of10 { margin-left: 40% !important; } .u-sm-before5of12 { margin-left: 41.66666667% !important; } .u-sm-before1of2, .u-sm-before2of4, .u-sm-before3of6, .u-sm-before4of8, .u-sm-before5of10, .u-sm-before6of12 { margin-left: 50% !important; } .u-sm-before7of12 { margin-left: 58.33333333% !important; } .u-sm-before3of5, .u-sm-before6of10 { margin-left: 60% !important; } .u-sm-before5of8 { margin-left: 62.5% !important; } .u-sm-before2of3, .u-sm-before4of6, .u-sm-before8of12 { margin-left: 66.66666667% !important; } .u-sm-before7of10 { margin-left: 70% !important; } .u-sm-before3of4, .u-sm-before6of8, .u-sm-before9of12 { margin-left: 75% !important; } .u-sm-before4of5, .u-sm-before8of10 { margin-left: 80% !important; } .u-sm-before5of6, .u-sm-before10of12 { margin-left: 83.33333333% !important; } .u-sm-before7of8 { margin-left: 87.5% !important; } .u-sm-before9of10 { margin-left: 90% !important; } .u-sm-before11of12 { margin-left: 91.66666667% !important; } } @media only screen and (min-width: 62em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-md-beforeNone { margin-left: 0 !important; } .u-md-before1of12 { margin-left: 8.33333333% !important; } .u-md-before1of10 { margin-left: 10% !important; } .u-md-before1of8 { margin-left: 12.5% !important; } .u-md-before1of6, .u-md-before2of12 { margin-left: 16.66666667% !important; } .u-md-before1of5, .u-md-before2of10 { margin-left: 20% !important; } .u-md-before1of4, .u-md-before2of8, .u-md-before3of12 { margin-left: 25% !important; } .u-md-before3of10 { margin-left: 30% !important; } .u-md-before1of3, .u-md-before2of6, .u-md-before4of12 { margin-left: 33.33333333% !important; } .u-md-before3of8 { margin-left: 37.5% !important; } .u-md-before2of5, .u-md-before4of10 { margin-left: 40% !important; } .u-md-before5of12 { margin-left: 41.66666667% !important; } .u-md-before1of2, .u-md-before2of4, .u-md-before3of6, .u-md-before4of8, .u-md-before5of10, .u-md-before6of12 { margin-left: 50% !important; } .u-md-before7of12 { margin-left: 58.33333333% !important; } .u-md-before3of5, .u-md-before6of10 { margin-left: 60% !important; } .u-md-before5of8 { margin-left: 62.5% !important; } .u-md-before2of3, .u-md-before4of6, .u-md-before8of12 { margin-left: 66.66666667% !important; } .u-md-before7of10 { margin-left: 70% !important; } .u-md-before3of4, .u-md-before6of8, .u-md-before9of12 { margin-left: 75% !important; } .u-md-before4of5, .u-md-before8of10 { margin-left: 80% !important; } .u-md-before5of6, .u-md-before10of12 { margin-left: 83.33333333% !important; } .u-md-before7of8 { margin-left: 87.5% !important; } .u-md-before9of10 { margin-left: 90% !important; } .u-md-before11of12 { margin-left: 91.66666667% !important; } } @media only screen and (min-width: 75em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-lg-beforeNone { margin-left: 0 !important; } .u-lg-before1of12 { margin-left: 8.33333333% !important; } .u-lg-before1of10 { margin-left: 10% !important; } .u-lg-before1of8 { margin-left: 12.5% !important; } .u-lg-before1of6, .u-lg-before2of12 { margin-left: 16.66666667% !important; } .u-lg-before1of5, .u-lg-before2of10 { margin-left: 20% !important; } .u-lg-before1of4, .u-lg-before2of8, .u-lg-before3of12 { margin-left: 25% !important; } .u-lg-before3of10 { margin-left: 30% !important; } .u-lg-before1of3, .u-lg-before2of6, .u-lg-before4of12 { margin-left: 33.33333333% !important; } .u-lg-before3of8 { margin-left: 37.5% !important; } .u-lg-before2of5, .u-lg-before4of10 { margin-left: 40% !important; } .u-lg-before5of12 { margin-left: 41.66666667% !important; } .u-lg-before1of2, .u-lg-before2of4, .u-lg-before3of6, .u-lg-before4of8, .u-lg-before5of10, .u-lg-before6of12 { margin-left: 50% !important; } .u-lg-before7of12 { margin-left: 58.33333333% !important; } .u-lg-before3of5, .u-lg-before6of10 { margin-left: 60% !important; } .u-lg-before5of8 { margin-left: 62.5% !important; } .u-lg-before2of3, .u-lg-before4of6, .u-lg-before8of12 { margin-left: 66.66666667% !important; } .u-lg-before7of10 { margin-left: 70% !important; } .u-lg-before3of4, .u-lg-before6of8, .u-lg-before9of12 { margin-left: 75% !important; } .u-lg-before4of5, .u-lg-before8of10 { margin-left: 80% !important; } .u-lg-before5of6, .u-lg-before10of12 { margin-left: 83.33333333% !important; } .u-lg-before7of8 { margin-left: 87.5% !important; } .u-lg-before9of10 { margin-left: 90% !important; } .u-lg-before11of12 { margin-left: 91.66666667% !important; } } /**** User RTL direction selector, should be on HTML tag ****/ html[dir="rtl"] { /* HEADER */ /* MAIN CONTENT */ /* EPI btn */ /* New rtl styles */ } html[dir="rtl"] .Header.is-shrunk .MainNav { float: right; } html[dir="rtl"] .Header.is-shrunk .SecondaryNav { left: 0; } html[dir="rtl"] .Header .SecondaryNav-list { margin-right: 0.5em; } html[dir="rtl"] .Header .MainNav-item, html[dir="rtl"] .Header .ContextMenu-nav, html[dir="rtl"] .Header .gsc-input { text-align: right; } html[dir="rtl"] .Header .Media-body { text-align: left !important; } html[dir="rtl"] .Header .List--inline .List-item { margin-right: 0; margin-left: 1em; } html[dir="rtl"] .Header .List--inline .List-item:last-child { margin-left: 0; } html[dir="rtl"] .Header .Link:not(.Link--arrow) { padding-left: 0; padding-right: 2em; } html[dir="rtl"] .Header .Link:not(.Link--arrow):before { right: 0; left: initial; } html[dir="rtl"] .Header .SecondaryNav-dropdown { left: 0; right: initial; } html[dir="rtl"] .Header .MainNav-goBack .Icon:before { margin-right: 0; margin-left: 0.5em; } html[dir="rtl"] .Site-main .Social { padding-top: 10px; padding-bottom: 20px; } html[dir="rtl"] .Site-main .Social iframe, html[dir="rtl"] .Site-main .Social .IN-widget, html[dir="rtl"] .Site-main .Social .Social-email, html[dir="rtl"] .Site-main .Social span[data-pin-log="button_pinit"] { margin-left: 0.5em !important; margin-right: 0.5em !important; margin-top: 10px !important; } html[dir="rtl"] .Sitemap--root { padding-left: initial; padding-right: 0; } html[dir="rtl"] .Sitemap--root > .Sitemap-item:last-child { border-right: none; } html[dir="rtl"] .Sitemap-item { border-left: initial; border-right: 1px solid #B9BBBD; } html[dir="rtl"] .Sitemap-link { margin-left: initial; margin-right: 1em; } html[dir="rtl"] a.HeaderHero-play { text-align: center; } html[dir="rtl"] .Media-side { padding-left: 1em; padding-right: initial; } html[dir="rtl"] table th { text-align: right; } html[dir="rtl"] .Tooltip:before { left: initial; right: -9999px; } html[dir="rtl"] .Tooltip:hover:before { right: 0; left: initial; } html[dir="rtl"] .Tooltip:after { margin-right: 0.5em; margin-left: initial; } html[dir="rtl"] .Grid { text-align: right; } html[dir="rtl"] .Grid-cell { text-align: right; } html[dir="rtl"] .Input { /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ } html[dir="rtl"] .Input [type="checkbox"]:not(:checked), html[dir="rtl"] .Input [type="checkbox"]:checked { right: -9999px; left: initial; } html[dir="rtl"] .Input [type="checkbox"]:not(:checked) + label, html[dir="rtl"] .Input [type="checkbox"]:checked + label { padding-right: 1.6em; padding-left: initial; } html[dir="rtl"] .Input [type="checkbox"]:not(:checked) + label:before, html[dir="rtl"] .Input [type="checkbox"]:checked + label:before { right: 0; left: initial; } html[dir="rtl"] .Input [type="checkbox"]:not(:checked) + label:after, html[dir="rtl"] .Input [type="checkbox"]:checked + label:after { right: 4px; left: initial; } html[dir="rtl"] .Input--select { background-position: 1em center; } html[dir="rtl"] .u-pullLeft { float: right !important; } html[dir="rtl"] .u-pullRight { float: left !important; } @media only screen and (min-width: 30em), print { html[dir="rtl"] { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ } html[dir="rtl"] .u-sm-beforeNone { margin-left: 0 !important; } html[dir="rtl"] .u-sm-before1of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of8 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of6, html[dir="rtl"] .u-sm-before2of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of5, html[dir="rtl"] .u-sm-before2of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of4, html[dir="rtl"] .u-sm-before2of8, html[dir="rtl"] .u-sm-before3of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before3of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of3, html[dir="rtl"] .u-sm-before2of6, html[dir="rtl"] .u-sm-before4of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before3of8 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before2of5, html[dir="rtl"] .u-sm-before4of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before5of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before1of2, html[dir="rtl"] .u-sm-before2of4, html[dir="rtl"] .u-sm-before3of6, html[dir="rtl"] .u-sm-before4of8, html[dir="rtl"] .u-sm-before5of10, html[dir="rtl"] .u-sm-before6of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before7of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before3of5, html[dir="rtl"] .u-sm-before6of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before5of8 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before2of3, html[dir="rtl"] .u-sm-before4of6, html[dir="rtl"] .u-sm-before8of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before7of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before3of4, html[dir="rtl"] .u-sm-before6of8, html[dir="rtl"] .u-sm-before9of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before4of5, html[dir="rtl"] .u-sm-before8of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before5of6, html[dir="rtl"] .u-sm-before10of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before7of8 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before9of10 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-before11of12 { margin-left: 0% !important; } html[dir="rtl"] .u-sm-beforeNone { margin-right: 0 !important; } html[dir="rtl"] .u-sm-before1of12 { margin-right: 8.33333333% !important; } html[dir="rtl"] .u-sm-before1of10 { margin-right: 10% !important; } html[dir="rtl"] .u-sm-before1of8 { margin-right: 12.5% !important; } html[dir="rtl"] .u-sm-before1of6, html[dir="rtl"] .u-sm-before2of12 { margin-right: 16.66666667% !important; } html[dir="rtl"] .u-sm-before1of5, html[dir="rtl"] .u-sm-before2of10 { margin-right: 20% !important; } html[dir="rtl"] .u-sm-before1of4, html[dir="rtl"] .u-sm-before2of8, html[dir="rtl"] .u-sm-before3of12 { margin-right: 25% !important; } html[dir="rtl"] .u-sm-before3of10 { margin-right: 30% !important; } html[dir="rtl"] .u-sm-before1of3, html[dir="rtl"] .u-sm-before2of6, html[dir="rtl"] .u-sm-before4of12 { margin-right: 33.33333333% !important; } html[dir="rtl"] .u-sm-before3of8 { margin-right: 37.5% !important; } html[dir="rtl"] .u-sm-before2of5, html[dir="rtl"] .u-sm-before4of10 { margin-right: 40% !important; } html[dir="rtl"] .u-sm-before5of12 { margin-right: 41.66666667% !important; } html[dir="rtl"] .u-sm-before1of2, html[dir="rtl"] .u-sm-before2of4, html[dir="rtl"] .u-sm-before3of6, html[dir="rtl"] .u-sm-before4of8, html[dir="rtl"] .u-sm-before5of10, html[dir="rtl"] .u-sm-before6of12 { margin-right: 50% !important; } html[dir="rtl"] .u-sm-before7of12 { margin-right: 58.33333333% !important; } html[dir="rtl"] .u-sm-before3of5, html[dir="rtl"] .u-sm-before6of10 { margin-right: 60% !important; } html[dir="rtl"] .u-sm-before5of8 { margin-right: 62.5% !important; } html[dir="rtl"] .u-sm-before2of3, html[dir="rtl"] .u-sm-before4of6, html[dir="rtl"] .u-sm-before8of12 { margin-right: 66.66666667% !important; } html[dir="rtl"] .u-sm-before7of10 { margin-right: 70% !important; } html[dir="rtl"] .u-sm-before3of4, html[dir="rtl"] .u-sm-before6of8, html[dir="rtl"] .u-sm-before9of12 { margin-right: 75% !important; } html[dir="rtl"] .u-sm-before4of5, html[dir="rtl"] .u-sm-before8of10 { margin-right: 80% !important; } html[dir="rtl"] .u-sm-before5of6, html[dir="rtl"] .u-sm-before10of12 { margin-right: 83.33333333% !important; } html[dir="rtl"] .u-sm-before7of8 { margin-right: 87.5% !important; } html[dir="rtl"] .u-sm-before9of10 { margin-right: 90% !important; } html[dir="rtl"] .u-sm-before11of12 { margin-right: 91.66666667% !important; } } @media only screen and (min-width: 62em), print { html[dir="rtl"] { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ } html[dir="rtl"] .u-md-beforeNone { margin-left: 0 !important; } html[dir="rtl"] .u-md-before1of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of8 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of6, html[dir="rtl"] .u-md-before2of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of5, html[dir="rtl"] .u-md-before2of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of4, html[dir="rtl"] .u-md-before2of8, html[dir="rtl"] .u-md-before3of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before3of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of3, html[dir="rtl"] .u-md-before2of6, html[dir="rtl"] .u-md-before4of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before3of8 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before2of5, html[dir="rtl"] .u-md-before4of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before5of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before1of2, html[dir="rtl"] .u-md-before2of4, html[dir="rtl"] .u-md-before3of6, html[dir="rtl"] .u-md-before4of8, html[dir="rtl"] .u-md-before5of10, html[dir="rtl"] .u-md-before6of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before7of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before3of5, html[dir="rtl"] .u-md-before6of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before5of8 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before2of3, html[dir="rtl"] .u-md-before4of6, html[dir="rtl"] .u-md-before8of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before7of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before3of4, html[dir="rtl"] .u-md-before6of8, html[dir="rtl"] .u-md-before9of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before4of5, html[dir="rtl"] .u-md-before8of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before5of6, html[dir="rtl"] .u-md-before10of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before7of8 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before9of10 { margin-left: 0% !important; } html[dir="rtl"] .u-md-before11of12 { margin-left: 0% !important; } html[dir="rtl"] .u-md-beforeNone { margin-right: 0 !important; } html[dir="rtl"] .u-md-before1of12 { margin-right: 8.33333333% !important; } html[dir="rtl"] .u-md-before1of10 { margin-right: 10% !important; } html[dir="rtl"] .u-md-before1of8 { margin-right: 12.5% !important; } html[dir="rtl"] .u-md-before1of6, html[dir="rtl"] .u-md-before2of12 { margin-right: 16.66666667% !important; } html[dir="rtl"] .u-md-before1of5, html[dir="rtl"] .u-md-before2of10 { margin-right: 20% !important; } html[dir="rtl"] .u-md-before1of4, html[dir="rtl"] .u-md-before2of8, html[dir="rtl"] .u-md-before3of12 { margin-right: 25% !important; } html[dir="rtl"] .u-md-before3of10 { margin-right: 30% !important; } html[dir="rtl"] .u-md-before1of3, html[dir="rtl"] .u-md-before2of6, html[dir="rtl"] .u-md-before4of12 { margin-right: 33.33333333% !important; } html[dir="rtl"] .u-md-before3of8 { margin-right: 37.5% !important; } html[dir="rtl"] .u-md-before2of5, html[dir="rtl"] .u-md-before4of10 { margin-right: 40% !important; } html[dir="rtl"] .u-md-before5of12 { margin-right: 41.66666667% !important; } html[dir="rtl"] .u-md-before1of2, html[dir="rtl"] .u-md-before2of4, html[dir="rtl"] .u-md-before3of6, html[dir="rtl"] .u-md-before4of8, html[dir="rtl"] .u-md-before5of10, html[dir="rtl"] .u-md-before6of12 { margin-right: 50% !important; } html[dir="rtl"] .u-md-before7of12 { margin-right: 58.33333333% !important; } html[dir="rtl"] .u-md-before3of5, html[dir="rtl"] .u-md-before6of10 { margin-right: 60% !important; } html[dir="rtl"] .u-md-before5of8 { margin-right: 62.5% !important; } html[dir="rtl"] .u-md-before2of3, html[dir="rtl"] .u-md-before4of6, html[dir="rtl"] .u-md-before8of12 { margin-right: 66.66666667% !important; } html[dir="rtl"] .u-md-before7of10 { margin-right: 70% !important; } html[dir="rtl"] .u-md-before3of4, html[dir="rtl"] .u-md-before6of8, html[dir="rtl"] .u-md-before9of12 { margin-right: 75% !important; } html[dir="rtl"] .u-md-before4of5, html[dir="rtl"] .u-md-before8of10 { margin-right: 80% !important; } html[dir="rtl"] .u-md-before5of6, html[dir="rtl"] .u-md-before10of12 { margin-right: 83.33333333% !important; } html[dir="rtl"] .u-md-before7of8 { margin-right: 87.5% !important; } html[dir="rtl"] .u-md-before9of10 { margin-right: 90% !important; } html[dir="rtl"] .u-md-before11of12 { margin-right: 91.66666667% !important; } } @media only screen and (min-width: 75em), print { html[dir="rtl"] { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ } html[dir="rtl"] .u-lg-beforeNone { margin-left: 0 !important; } html[dir="rtl"] .u-lg-before1of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of8 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of6, html[dir="rtl"] .u-lg-before2of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of5, html[dir="rtl"] .u-lg-before2of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of4, html[dir="rtl"] .u-lg-before2of8, html[dir="rtl"] .u-lg-before3of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before3of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of3, html[dir="rtl"] .u-lg-before2of6, html[dir="rtl"] .u-lg-before4of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before3of8 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before2of5, html[dir="rtl"] .u-lg-before4of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before5of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before1of2, html[dir="rtl"] .u-lg-before2of4, html[dir="rtl"] .u-lg-before3of6, html[dir="rtl"] .u-lg-before4of8, html[dir="rtl"] .u-lg-before5of10, html[dir="rtl"] .u-lg-before6of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before7of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before3of5, html[dir="rtl"] .u-lg-before6of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before5of8 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before2of3, html[dir="rtl"] .u-lg-before4of6, html[dir="rtl"] .u-lg-before8of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before7of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before3of4, html[dir="rtl"] .u-lg-before6of8, html[dir="rtl"] .u-lg-before9of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before4of5, html[dir="rtl"] .u-lg-before8of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before5of6, html[dir="rtl"] .u-lg-before10of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before7of8 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before9of10 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-before11of12 { margin-left: 0% !important; } html[dir="rtl"] .u-lg-beforeNone { margin-right: 0 !important; } html[dir="rtl"] .u-lg-before1of12 { margin-right: 8.33333333% !important; } html[dir="rtl"] .u-lg-before1of10 { margin-right: 10% !important; } html[dir="rtl"] .u-lg-before1of8 { margin-right: 12.5% !important; } html[dir="rtl"] .u-lg-before1of6, html[dir="rtl"] .u-lg-before2of12 { margin-right: 16.66666667% !important; } html[dir="rtl"] .u-lg-before1of5, html[dir="rtl"] .u-lg-before2of10 { margin-right: 20% !important; } html[dir="rtl"] .u-lg-before1of4, html[dir="rtl"] .u-lg-before2of8, html[dir="rtl"] .u-lg-before3of12 { margin-right: 25% !important; } html[dir="rtl"] .u-lg-before3of10 { margin-right: 30% !important; } html[dir="rtl"] .u-lg-before1of3, html[dir="rtl"] .u-lg-before2of6, html[dir="rtl"] .u-lg-before4of12 { margin-right: 33.33333333% !important; } html[dir="rtl"] .u-lg-before3of8 { margin-right: 37.5% !important; } html[dir="rtl"] .u-lg-before2of5, html[dir="rtl"] .u-lg-before4of10 { margin-right: 40% !important; } html[dir="rtl"] .u-lg-before5of12 { margin-right: 41.66666667% !important; } html[dir="rtl"] .u-lg-before1of2, html[dir="rtl"] .u-lg-before2of4, html[dir="rtl"] .u-lg-before3of6, html[dir="rtl"] .u-lg-before4of8, html[dir="rtl"] .u-lg-before5of10, html[dir="rtl"] .u-lg-before6of12 { margin-right: 50% !important; } html[dir="rtl"] .u-lg-before7of12 { margin-right: 58.33333333% !important; } html[dir="rtl"] .u-lg-before3of5, html[dir="rtl"] .u-lg-before6of10 { margin-right: 60% !important; } html[dir="rtl"] .u-lg-before5of8 { margin-right: 62.5% !important; } html[dir="rtl"] .u-lg-before2of3, html[dir="rtl"] .u-lg-before4of6, html[dir="rtl"] .u-lg-before8of12 { margin-right: 66.66666667% !important; } html[dir="rtl"] .u-lg-before7of10 { margin-right: 70% !important; } html[dir="rtl"] .u-lg-before3of4, html[dir="rtl"] .u-lg-before6of8, html[dir="rtl"] .u-lg-before9of12 { margin-right: 75% !important; } html[dir="rtl"] .u-lg-before4of5, html[dir="rtl"] .u-lg-before8of10 { margin-right: 80% !important; } html[dir="rtl"] .u-lg-before5of6, html[dir="rtl"] .u-lg-before10of12 { margin-right: 83.33333333% !important; } html[dir="rtl"] .u-lg-before7of8 { margin-right: 87.5% !important; } html[dir="rtl"] .u-lg-before9of10 { margin-right: 90% !important; } html[dir="rtl"] .u-lg-before11of12 { margin-right: 91.66666667% !important; } } html[dir="rtl"] .u-textLeft { text-align: right !important; } html[dir="rtl"] .u-textRight { text-align: left !important; } html[dir="rtl"] ul#epi-quickNavigator { right: auto; left: 10px; } html[dir="rtl"] .Link--arrow:hover .Icon { animation-name: moveRight; } html[dir="rtl"] .ContextMenu-nav { left: 0; right: auto; } html[dir="rtl"] .FactFigures-side:first-child::before { border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; left: 0; right: auto; } html[dir="rtl"] .FactFigures-side:last-child::before { border-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; left: auto; right: 0; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-align.less */ /** * Vertical alignment utilities * Depends on an appropriate `display` value. */ .u-alignBaseline { vertical-align: baseline !important; } .u-alignBottom { vertical-align: bottom !important; } .u-alignMiddle { vertical-align: middle !important; } .u-alignTop { vertical-align: top !important; } .u-alignCenterBlock { margin-left: auto !important; margin-right: auto !important; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-color.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /* Background and Color classes for use in combination with classes background needs to change depending on where it is placed. An example is when you use Heading Heading--strike. The Heading-text part needs to have the same background color as the parent. To solve this you add a bg class:

Or

*/ .u-bgGray, .u-bgGray1 { background: #FBFAF9 !important; } .u-bgGray2 { background: #F8F7F5 !important; } .u-bgGray3 { background: #EBE8E2 !important; } .u-bgGray4 { background: #DADBDB !important; } .u-bgLightBlue { background: #13B6EA !important; } .u-bgNeutral { background: hsl(30, 20%, 98%); } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-display.less */ /** * Display-type utilities */ .u-inline { display: inline !important; } /** * 1. Fix for Firefox bug: an image styled `max-width:100%` within an * inline-block will display at its default size, and not limit its width to * 100% of an ancestral container. */ .u-inlineBlock { display: inline-block !important; max-width: 100%; /* 1 */ } .u-block { display: block !important; } .u-table { display: table !important; } .u-tableRow { display: table-row !important; } .u-tableCell { display: table-cell !important; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-layout.less */ /** * Contain floats * * Make an element expand to contain floated children. * Uses pseudo-elements (micro clearfix). * * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of the * element. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .u-cf:before, .u-cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .u-cf:after { clear: both; } /** * New block formatting context * * This affords some useful properties to the element. It won't wrap under * floats. Will also contain any floated children. * N.B. This will clip overflow. Use the alternative method below if this is * problematic. */ .u-nbfc { overflow: hidden !important; } /** * New block formatting context (alternative) * * Alternative method when overflow must not be clipped. * * 1. Create a new block formatting context (NBFC). * 2. Avoid shrink-wrap behaviour of table-cell. * * N.B. This breaks down in some browsers when elements within this element * exceed its width. */ .u-nbfcAlt { display: table-cell !important; /* 1 */ width: 10000px !important; /* 2 */ } /** * Floats */ .u-pullLeft { float: left !important; } .u-pullRight { float: right !important; } .u-clear { clear: both; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-link.less */ /*! suit-utils-link v0.3.1 | MIT License | github.com/suitcss */ /** * Clean link * * A link without any text-decoration at all. */ .u-linkClean, .u-linkClean:hover, .u-linkClean:focus, .u-linkClean:active { text-decoration: none !important; } /** * Link complex * * A common pattern is to have a link with several pieces of text and/or an * icon, where only one piece of text should display the underline when the * link is the subject of user interaction. * * Example HTML: * * * Link complex * target * */ .u-linkComplex, .u-linkComplex:hover, .u-linkComplex:focus, .u-linkComplex:active { text-decoration: none !important; } .u-linkComplex:hover .u-linkComplexTarget, .u-linkComplex:focus .u-linkComplexTarget, .u-linkComplex:active .u-linkComplexTarget { text-decoration: underline !important; } /** * Block-level link * * Combination of traits commonly used in vertical navigation lists. */ .u-linkBlock, .u-linkBlock:hover, .u-linkBlock:focus, .u-linkBlock:active { display: block !important; text-decoration: none !important; } /** * Pseudo-link * * Another interactive element, e.g., `button`, styled to look like an anchor. * Relies on the utility selector being added to the link base styles rule. * * Example HTML: * * */ .u-linkPseudo { display: inline-block; padding: 0; border: 0; margin: 0; background: transparent; color: inherit; cursor: pointer !important; font: inherit; } .u-linkPseudo:hover, .u-linkPseudo:focus, .u-linkPseudo:active { background: transparent; color: inherit; text-decoration: underline; } .u-linkGrey { color: #aaa; } .u-linkGrey:hover { color: #777777; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-offset.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media only screen and (min-width: 30em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-sm-beforeNone { margin-left: 0 !important; } .u-sm-before1of12 { margin-left: 8.33333333% !important; } .u-sm-before1of10 { margin-left: 10% !important; } .u-sm-before1of8 { margin-left: 12.5% !important; } .u-sm-before1of6, .u-sm-before2of12 { margin-left: 16.66666667% !important; } .u-sm-before1of5, .u-sm-before2of10 { margin-left: 20% !important; } .u-sm-before1of4, .u-sm-before2of8, .u-sm-before3of12 { margin-left: 25% !important; } .u-sm-before3of10 { margin-left: 30% !important; } .u-sm-before1of3, .u-sm-before2of6, .u-sm-before4of12 { margin-left: 33.33333333% !important; } .u-sm-before3of8 { margin-left: 37.5% !important; } .u-sm-before2of5, .u-sm-before4of10 { margin-left: 40% !important; } .u-sm-before5of12 { margin-left: 41.66666667% !important; } .u-sm-before1of2, .u-sm-before2of4, .u-sm-before3of6, .u-sm-before4of8, .u-sm-before5of10, .u-sm-before6of12 { margin-left: 50% !important; } .u-sm-before7of12 { margin-left: 58.33333333% !important; } .u-sm-before3of5, .u-sm-before6of10 { margin-left: 60% !important; } .u-sm-before5of8 { margin-left: 62.5% !important; } .u-sm-before2of3, .u-sm-before4of6, .u-sm-before8of12 { margin-left: 66.66666667% !important; } .u-sm-before7of10 { margin-left: 70% !important; } .u-sm-before3of4, .u-sm-before6of8, .u-sm-before9of12 { margin-left: 75% !important; } .u-sm-before4of5, .u-sm-before8of10 { margin-left: 80% !important; } .u-sm-before5of6, .u-sm-before10of12 { margin-left: 83.33333333% !important; } .u-sm-before7of8 { margin-left: 87.5% !important; } .u-sm-before9of10 { margin-left: 90% !important; } .u-sm-before11of12 { margin-left: 91.66666667% !important; } } @media only screen and (min-width: 62em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-md-beforeNone { margin-left: 0 !important; } .u-md-before1of12 { margin-left: 8.33333333% !important; } .u-md-before1of10 { margin-left: 10% !important; } .u-md-before1of8 { margin-left: 12.5% !important; } .u-md-before1of6, .u-md-before2of12 { margin-left: 16.66666667% !important; } .u-md-before1of5, .u-md-before2of10 { margin-left: 20% !important; } .u-md-before1of4, .u-md-before2of8, .u-md-before3of12 { margin-left: 25% !important; } .u-md-before3of10 { margin-left: 30% !important; } .u-md-before1of3, .u-md-before2of6, .u-md-before4of12 { margin-left: 33.33333333% !important; } .u-md-before3of8 { margin-left: 37.5% !important; } .u-md-before2of5, .u-md-before4of10 { margin-left: 40% !important; } .u-md-before5of12 { margin-left: 41.66666667% !important; } .u-md-before1of2, .u-md-before2of4, .u-md-before3of6, .u-md-before4of8, .u-md-before5of10, .u-md-before6of12 { margin-left: 50% !important; } .u-md-before7of12 { margin-left: 58.33333333% !important; } .u-md-before3of5, .u-md-before6of10 { margin-left: 60% !important; } .u-md-before5of8 { margin-left: 62.5% !important; } .u-md-before2of3, .u-md-before4of6, .u-md-before8of12 { margin-left: 66.66666667% !important; } .u-md-before7of10 { margin-left: 70% !important; } .u-md-before3of4, .u-md-before6of8, .u-md-before9of12 { margin-left: 75% !important; } .u-md-before4of5, .u-md-before8of10 { margin-left: 80% !important; } .u-md-before5of6, .u-md-before10of12 { margin-left: 83.33333333% !important; } .u-md-before7of8 { margin-left: 87.5% !important; } .u-md-before9of10 { margin-left: 90% !important; } .u-md-before11of12 { margin-left: 91.66666667% !important; } } @media only screen and (min-width: 75em), print { /** * Specify the proportional offset before or after an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section */ .u-lg-beforeNone { margin-left: 0 !important; } .u-lg-before1of12 { margin-left: 8.33333333% !important; } .u-lg-before1of10 { margin-left: 10% !important; } .u-lg-before1of8 { margin-left: 12.5% !important; } .u-lg-before1of6, .u-lg-before2of12 { margin-left: 16.66666667% !important; } .u-lg-before1of5, .u-lg-before2of10 { margin-left: 20% !important; } .u-lg-before1of4, .u-lg-before2of8, .u-lg-before3of12 { margin-left: 25% !important; } .u-lg-before3of10 { margin-left: 30% !important; } .u-lg-before1of3, .u-lg-before2of6, .u-lg-before4of12 { margin-left: 33.33333333% !important; } .u-lg-before3of8 { margin-left: 37.5% !important; } .u-lg-before2of5, .u-lg-before4of10 { margin-left: 40% !important; } .u-lg-before5of12 { margin-left: 41.66666667% !important; } .u-lg-before1of2, .u-lg-before2of4, .u-lg-before3of6, .u-lg-before4of8, .u-lg-before5of10, .u-lg-before6of12 { margin-left: 50% !important; } .u-lg-before7of12 { margin-left: 58.33333333% !important; } .u-lg-before3of5, .u-lg-before6of10 { margin-left: 60% !important; } .u-lg-before5of8 { margin-left: 62.5% !important; } .u-lg-before2of3, .u-lg-before4of6, .u-lg-before8of12 { margin-left: 66.66666667% !important; } .u-lg-before7of10 { margin-left: 70% !important; } .u-lg-before3of4, .u-lg-before6of8, .u-lg-before9of12 { margin-left: 75% !important; } .u-lg-before4of5, .u-lg-before8of10 { margin-left: 80% !important; } .u-lg-before5of6, .u-lg-before10of12 { margin-left: 83.33333333% !important; } .u-lg-before7of8 { margin-left: 87.5% !important; } .u-lg-before9of10 { margin-left: 90% !important; } .u-lg-before11of12 { margin-left: 91.66666667% !important; } } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-position.less */ .u-posAbsolute { position: absolute !important; } /** * Pins to all corners by default. But when a width and/or height are * provided, the element will be centered in its nearest relatively-positioned * ancestor. */ .u-posAbsoluteCenter { bottom: 0 !important; left: 0 !important; margin: auto !important; position: absolute !important; right: 0 !important; top: 0 !important; } /** * 1. Make sure fixed elements are promoted into a new layer, for performance * reasons. */ .u-posFixed { position: fixed !important; backface-visibility: hidden; /* 1 */ } .u-posRelative { position: relative !important; } .u-posStatic { position: static !important; } .u-posCenterBlock { margin-left: auto!important; margin-right: auto!important; } .u-posRelativeAndForward { position: relative; z-index: 2; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-size.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /* This generates size classes that can be used with the Grid component. The classes are only active from a specified breakpoint. For example if you apply .u-md-size1of2 to an element it will get width 50% when the screen-width is larger than medium width (@bpMedium). Adding another class of .u-lg-size1of4 would mean the element gets 25% when @bpLarge breakpoint gets active. */ /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-sizeFit, .u-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-size1of12 { width: 8.33333333% !important; } .u-size1of10 { width: 10% !important; } .u-size1of8 { width: 12.5% !important; } .u-size1of6, .u-size2of12 { width: 16.66666667% !important; } .u-size1of5, .u-size2of10 { width: 20% !important; } .u-size1of4, .u-size2of8, .u-size3of12 { width: 25% !important; } .u-size3of10 { width: 30% !important; } .u-size1of3, .u-size2of6, .u-size4of12 { width: 33.33333333% !important; } .u-size3of8 { width: 37.5% !important; } .u-size2of5, .u-size4of10 { width: 40% !important; } .u-size5of12 { width: 41.66666667% !important; } .u-size1of2, .u-size2of4, .u-size3of6, .u-size4of8, .u-size5of10, .u-size6of12 { width: 50% !important; } .u-size7of12 { width: 58.33333333% !important; } .u-size3of5, .u-size6of10 { width: 60% !important; } .u-size5of8 { width: 62.5% !important; } .u-size2of3, .u-size4of6, .u-size8of12 { width: 66.66666667% !important; } .u-size7of10 { width: 70% !important; } .u-size3of4, .u-size6of8, .u-size9of12 { width: 75% !important; } .u-size4of5, .u-size8of10 { width: 80% !important; } .u-size5of6, .u-size10of12 { width: 83.33333333% !important; } .u-size7of8 { width: 87.5% !important; } .u-size9of10 { width: 90% !important; } .u-size11of12 { width: 91.66666667% !important; } @media only screen and (min-width: @{@widthXSmall}), print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-xsm-sizeFit, .u-xsm-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-xsm-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-xsm-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-xsm-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-xsm-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-xsm-size1of12 { width: 8.33333333% !important; } .u-xsm-size1of10 { width: 10% !important; } .u-xsm-size1of8 { width: 12.5% !important; } .u-xsm-size1of6, .u-xsm-size2of12 { width: 16.66666667% !important; } .u-xsm-size1of5, .u-xsm-size2of10 { width: 20% !important; } .u-xsm-size1of4, .u-xsm-size2of8, .u-xsm-size3of12 { width: 25% !important; } .u-xsm-size3of10 { width: 30% !important; } .u-xsm-size1of3, .u-xsm-size2of6, .u-xsm-size4of12 { width: 33.33333333% !important; } .u-xsm-size3of8 { width: 37.5% !important; } .u-xsm-size2of5, .u-xsm-size4of10 { width: 40% !important; } .u-xsm-size5of12 { width: 41.66666667% !important; } .u-xsm-size1of2, .u-xsm-size2of4, .u-xsm-size3of6, .u-xsm-size4of8, .u-xsm-size5of10, .u-xsm-size6of12 { width: 50% !important; } .u-xsm-size7of12 { width: 58.33333333% !important; } .u-xsm-size3of5, .u-xsm-size6of10 { width: 60% !important; } .u-xsm-size5of8 { width: 62.5% !important; } .u-xsm-size2of3, .u-xsm-size4of6, .u-xsm-size8of12 { width: 66.66666667% !important; } .u-xsm-size7of10 { width: 70% !important; } .u-xsm-size3of4, .u-xsm-size6of8, .u-xsm-size9of12 { width: 75% !important; } .u-xsm-size4of5, .u-xsm-size8of10 { width: 80% !important; } .u-xsm-size5of6, .u-xsm-size10of12 { width: 83.33333333% !important; } .u-xsm-size7of8 { width: 87.5% !important; } .u-xsm-size9of10 { width: 90% !important; } .u-xsm-size11of12 { width: 91.66666667% !important; } } @media only screen and (min-width: 30em), print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-sm-sizeFit, .u-sm-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-sm-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-sm-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-sm-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-sm-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-sm-size1of12 { width: 8.33333333% !important; } .u-sm-size1of10 { width: 10% !important; } .u-sm-size1of8 { width: 12.5% !important; } .u-sm-size1of6, .u-sm-size2of12 { width: 16.66666667% !important; } .u-sm-size1of5, .u-sm-size2of10 { width: 20% !important; } .u-sm-size1of4, .u-sm-size2of8, .u-sm-size3of12 { width: 25% !important; } .u-sm-size3of10 { width: 30% !important; } .u-sm-size1of3, .u-sm-size2of6, .u-sm-size4of12 { width: 33.33333333% !important; } .u-sm-size3of8 { width: 37.5% !important; } .u-sm-size2of5, .u-sm-size4of10 { width: 40% !important; } .u-sm-size5of12 { width: 41.66666667% !important; } .u-sm-size1of2, .u-sm-size2of4, .u-sm-size3of6, .u-sm-size4of8, .u-sm-size5of10, .u-sm-size6of12 { width: 50% !important; } .u-sm-size7of12 { width: 58.33333333% !important; } .u-sm-size3of5, .u-sm-size6of10 { width: 60% !important; } .u-sm-size5of8 { width: 62.5% !important; } .u-sm-size2of3, .u-sm-size4of6, .u-sm-size8of12 { width: 66.66666667% !important; } .u-sm-size7of10 { width: 70% !important; } .u-sm-size3of4, .u-sm-size6of8, .u-sm-size9of12 { width: 75% !important; } .u-sm-size4of5, .u-sm-size8of10 { width: 80% !important; } .u-sm-size5of6, .u-sm-size10of12 { width: 83.33333333% !important; } .u-sm-size7of8 { width: 87.5% !important; } .u-sm-size9of10 { width: 90% !important; } .u-sm-size11of12 { width: 91.66666667% !important; } } @media only screen and (min-width: 62em), print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-md-sizeFit, .u-md-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-md-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-md-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-md-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-md-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-md-size1of12 { width: 8.33333333% !important; } .u-md-size1of10 { width: 10% !important; } .u-md-size1of8 { width: 12.5% !important; } .u-md-size1of6, .u-md-size2of12 { width: 16.66666667% !important; } .u-md-size1of5, .u-md-size2of10 { width: 20% !important; } .u-md-size1of4, .u-md-size2of8, .u-md-size3of12 { width: 25% !important; } .u-md-size3of10 { width: 30% !important; } .u-md-size1of3, .u-md-size2of6, .u-md-size4of12 { width: 33.33333333% !important; } .u-md-size3of8 { width: 37.5% !important; } .u-md-size2of5, .u-md-size4of10 { width: 40% !important; } .u-md-size5of12 { width: 41.66666667% !important; } .u-md-size1of2, .u-md-size2of4, .u-md-size3of6, .u-md-size4of8, .u-md-size5of10, .u-md-size6of12 { width: 50% !important; } .u-md-size7of12 { width: 58.33333333% !important; } .u-md-size3of5, .u-md-size6of10 { width: 60% !important; } .u-md-size5of8 { width: 62.5% !important; } .u-md-size2of3, .u-md-size4of6, .u-md-size8of12 { width: 66.66666667% !important; } .u-md-size7of10 { width: 70% !important; } .u-md-size3of4, .u-md-size6of8, .u-md-size9of12 { width: 75% !important; } .u-md-size4of5, .u-md-size8of10 { width: 80% !important; } .u-md-size5of6, .u-md-size10of12 { width: 83.33333333% !important; } .u-md-size7of8 { width: 87.5% !important; } .u-md-size9of10 { width: 90% !important; } .u-md-size11of12 { width: 91.66666667% !important; } } @media only screen and (min-width: 75em), print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-lg-sizeFit, .u-lg-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-lg-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-lg-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-lg-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-lg-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-lg-size1of12 { width: 8.33333333% !important; } .u-lg-size1of10 { width: 10% !important; } .u-lg-size1of8 { width: 12.5% !important; } .u-lg-size1of6, .u-lg-size2of12 { width: 16.66666667% !important; } .u-lg-size1of5, .u-lg-size2of10 { width: 20% !important; } .u-lg-size1of4, .u-lg-size2of8, .u-lg-size3of12 { width: 25% !important; } .u-lg-size3of10 { width: 30% !important; } .u-lg-size1of3, .u-lg-size2of6, .u-lg-size4of12 { width: 33.33333333% !important; } .u-lg-size3of8 { width: 37.5% !important; } .u-lg-size2of5, .u-lg-size4of10 { width: 40% !important; } .u-lg-size5of12 { width: 41.66666667% !important; } .u-lg-size1of2, .u-lg-size2of4, .u-lg-size3of6, .u-lg-size4of8, .u-lg-size5of10, .u-lg-size6of12 { width: 50% !important; } .u-lg-size7of12 { width: 58.33333333% !important; } .u-lg-size3of5, .u-lg-size6of10 { width: 60% !important; } .u-lg-size5of8 { width: 62.5% !important; } .u-lg-size2of3, .u-lg-size4of6, .u-lg-size8of12 { width: 66.66666667% !important; } .u-lg-size7of10 { width: 70% !important; } .u-lg-size3of4, .u-lg-size6of8, .u-lg-size9of12 { width: 75% !important; } .u-lg-size4of5, .u-lg-size8of10 { width: 80% !important; } .u-lg-size5of6, .u-lg-size10of12 { width: 83.33333333% !important; } .u-lg-size7of8 { width: 87.5% !important; } .u-lg-size9of10 { width: 90% !important; } .u-lg-size11of12 { width: 91.66666667% !important; } } @media only screen and (min-width: 95em), print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-xlg-sizeFit, .u-xlg-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-xlg-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-xlg-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-xlg-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-xlg-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-xlg-size1of12 { width: 8.33333333% !important; } .u-xlg-size1of10 { width: 10% !important; } .u-xlg-size1of8 { width: 12.5% !important; } .u-xlg-size1of6, .u-xlg-size2of12 { width: 16.66666667% !important; } .u-xlg-size1of5, .u-xlg-size2of10 { width: 20% !important; } .u-xlg-size1of4, .u-xlg-size2of8, .u-xlg-size3of12 { width: 25% !important; } .u-xlg-size3of10 { width: 30% !important; } .u-xlg-size1of3, .u-xlg-size2of6, .u-xlg-size4of12 { width: 33.33333333% !important; } .u-xlg-size3of8 { width: 37.5% !important; } .u-xlg-size2of5, .u-xlg-size4of10 { width: 40% !important; } .u-xlg-size5of12 { width: 41.66666667% !important; } .u-xlg-size1of2, .u-xlg-size2of4, .u-xlg-size3of6, .u-xlg-size4of8, .u-xlg-size5of10, .u-xlg-size6of12 { width: 50% !important; } .u-xlg-size7of12 { width: 58.33333333% !important; } .u-xlg-size3of5, .u-xlg-size6of10 { width: 60% !important; } .u-xlg-size5of8 { width: 62.5% !important; } .u-xlg-size2of3, .u-xlg-size4of6, .u-xlg-size8of12 { width: 66.66666667% !important; } .u-xlg-size7of10 { width: 70% !important; } .u-xlg-size3of4, .u-xlg-size6of8, .u-xlg-size9of12 { width: 75% !important; } .u-xlg-size4of5, .u-xlg-size8of10 { width: 80% !important; } .u-xlg-size5of6, .u-xlg-size10of12 { width: 83.33333333% !important; } .u-xlg-size7of8 { width: 87.5% !important; } .u-xlg-size9of10 { width: 90% !important; } .u-xlg-size11of12 { width: 91.66666667% !important; } } @media print { /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-print-sizeFit, .u-print-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-print-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-print-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-print-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-print-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-print-size1of12 { width: 8.33333333% !important; } .u-print-size1of10 { width: 10% !important; } .u-print-size1of8 { width: 12.5% !important; } .u-print-size1of6, .u-print-size2of12 { width: 16.66666667% !important; } .u-print-size1of5, .u-print-size2of10 { width: 20% !important; } .u-print-size1of4, .u-print-size2of8, .u-print-size3of12 { width: 25% !important; } .u-print-size3of10 { width: 30% !important; } .u-print-size1of3, .u-print-size2of6, .u-print-size4of12 { width: 33.33333333% !important; } .u-print-size3of8 { width: 37.5% !important; } .u-print-size2of5, .u-print-size4of10 { width: 40% !important; } .u-print-size5of12 { width: 41.66666667% !important; } .u-print-size1of2, .u-print-size2of4, .u-print-size3of6, .u-print-size4of8, .u-print-size5of10, .u-print-size6of12 { width: 50% !important; } .u-print-size7of12 { width: 58.33333333% !important; } .u-print-size3of5, .u-print-size6of10 { width: 60% !important; } .u-print-size5of8 { width: 62.5% !important; } .u-print-size2of3, .u-print-size4of6, .u-print-size8of12 { width: 66.66666667% !important; } .u-print-size7of10 { width: 70% !important; } .u-print-size3of4, .u-print-size6of8, .u-print-size9of12 { width: 75% !important; } .u-print-size4of5, .u-print-size8of10 { width: 80% !important; } .u-print-size5of6, .u-print-size10of12 { width: 83.33333333% !important; } .u-print-size7of8 { width: 87.5% !important; } .u-print-size9of10 { width: 90% !important; } .u-print-size11of12 { width: 91.66666667% !important; } } .u-sizeMax60 { max-width: 60%; } .u-sizeMax250 { max-width: 250px; } .u-sizeMax1of2 { max-width: 50%; } .u-heightFull { height: 100%; } .u-heightReset .u-heightFull { height: auto; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-state.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /** * Indicate that interaction will result in an (in)action. */ .u-isActionable { cursor: pointer !important; } .u-isDisabled { cursor: default !important; } .u-isDraggable { cursor: move !important; } /** * Completely remove from the flow and screen readers. */ .u-isHidden { display: none !important; } /** * Display a hidden-by-default element. */ .u-isShown { display: block !important; } table.u-isShown { display: table !important; } tr.u-isShown, tr.u-isShown { display: table-row !important; } td.u-isShown, th.u-isShown { display: table-cell !important; } /* Show/hide depending on current breakpoint */ .u-xsm-isShown, .u-xsm-isShownInline, .u-xsm-isShownInlineBlock, .u-sm-isShown, .u-sm-isShownInline, .u-sm-isShownInlineBlock, .u-md-isShown, .u-md-isShownInline, .u-md-isShownInlineBlock, .u-lg-isShown, .u-lg-isShownInline, .u-lg-isShownInlineBlock, .u-xlg-isShown, .u-xlg-isShownInline, .u-xlg-isShownInlineBlock { display: none !important; } @media only screen and (min-width: @{@widthXSmall}), print { .u-xsm-isShown { display: block !important; } .u-xsm-isShownInlineBlock { display: inline-block !important; } .u-xsm-isShownInline { display: inline-block !important; } th.u-xsm-isShown, td.u-xsm-isShown { display: table-cell !important; } .u-xsm-isHidden { display: none !important; } .u-xsm-inlineBlock { display: inline-block !important; } } @media only screen and (min-width: 30em), print { .u-sm-isShown { display: block !important; } .u-sm-isShownInlineBlock { display: inline-block !important; } .u-sm-isShownInline { display: inline-block !important; } th.u-sm-isShown, td.u-sm-isShown { display: table-cell !important; } .u-sm-isHidden { display: none !important; } .u-sm-inlineBlock { display: inline-block !important; } } @media only screen and (min-width: 62em), print { .u-md-isShown { display: block !important; } .u-md-isShownInlineBlock { display: inline-block !important; } .u-md-isShownInline { display: inline-block !important; } th.u-md-isShown, td.u-md-isShown { display: table-cell !important; } .u-md-isHidden { display: none !important; } .u-md-inlineBlock { display: inline-block !important; } } @media only screen and (min-width: 75em), print { .u-lg-isShown { display: block !important; } .u-lg-isShownInlineBlock { display: inline-block !important; } .u-lg-isShownInline { display: inline-block !important; } th.u-lg-isShown, td.u-lg-isShown { display: table-cell !important; } .u-lg-isHidden { display: none !important; } .u-lg-inlineBlock { display: inline-block !important; } } @media only screen and (min-width: 95em), print { .u-xlg-isShown { display: block !important; } .u-xlg-isShownInlineBlock { display: inline-block !important; } .u-xlg-isShownInline { display: inline-block !important; } th.u-xlg-isShown, td.u-xlg-isShown { display: table-cell !important; } .u-xlg-isHidden { display: none !important; } .u-xlg-inlineBlock { display: inline-block !important; } } /** * Completely remove from the flow but leave available to screen readers. */ .u-isHiddenVisually { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; } /** * Control visibility without affecting flow. */ .u-isInvisible { visibility: hidden !important; } .u-isVisible { visibility: visible !important; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils-text.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*! suit-utils-text v0.3.0 | MIT License | github.com/suitcss */ /** * Word breaking * * Break strings when their length exceeds the width of their container. */ .u-textBreak { word-wrap: break-word !important; word-break: break-all !important; } /** * Horizontal text alignment */ .u-textCenter { text-align: center !important; } .u-textLeft { text-align: left !important; } .u-textRight { text-align: right !important; } .u-textUppercase { text-transform: uppercase; } /** * Inherit the ancestor's text color. */ .u-textInheritColor { color: inherit !important; } /** * Prevent whitespace wrapping */ .u-textNoWrap { white-space: nowrap !important; } .u-textWrap { white-space: normal !important; } /** * Text truncation * * Prevent text from wrapping onto multiple lines, and truncate with an * ellipsis. * * 1. Ensure that the node has a maximum width after which truncation can * occur. * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor * nodes. */ .u-textTruncate { max-width: 100%; /* 1 */ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; /* 2 */ } .u-textLight { opacity: 0.5; } .u-textSmaller { font-size: 0.75em !important; } .u-textSmall { font-size: 0.875em !important; } .u-textLarge { font-size: 1.063em !important; } .u-textLarger { font-size: 1.25em !important; } .u-textXLarge { font-size: 1.8em !important; } .u-textNormalWeight { font-weight: 400 !important; } .u-textSemiBoldWeight { font-weight: 600 !important; } .u-textBoldWeight { font-weight: 700 !important; } .u-textExtraMargin { margin-top: 25px !important; margin-bottom: 25px !important; } .u-textWideMargin { margin: 90px 0 40px 0 !important; } .u-textLessLineHight { line-height: 1 !important; } /*#endregion*/ /*#region URL: /assets/styles/utils/utils.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .u-marginTopZero { margin-top: 0 !important; } .u-marginTopPullZero { margin-top: 0 !important; } .u-marginRightZero { margin-inline-end: 0 !important; } .u-marginRightPullZero { margin-inline-end: 0 !important; } .u-marginBottomZero { margin-bottom: 0 !important; } .u-marginBottomPullZero { margin-bottom: 0 !important; } .u-marginLeftZero { margin-inline-start: 0 !important; } .u-marginLeftPullZero { margin-inline-start: 0 !important; } .u-marginTopXS { margin-top: 4px !important; } .u-marginTopPullXS { margin-top: -4px !important; } .u-marginRightXS { margin-inline-end: 4px !important; } .u-marginRightPullXS { margin-inline-end: -4px !important; } .u-marginBottomXS { margin-bottom: 4px !important; } .u-marginBottomPullXS { margin-bottom: -4px !important; } .u-marginLeftXS { margin-inline-start: 4px !important; } .u-marginLeftPullXS { margin-inline-start: -4px !important; } .u-marginTopS { margin-top: 10px !important; } .u-marginTopPullS { margin-top: -10px !important; } .u-marginRightS { margin-inline-end: 10px !important; } .u-marginRightPullS { margin-inline-end: -10px !important; } .u-marginBottomS { margin-bottom: 10px !important; } .u-marginBottomPullS { margin-bottom: -10px !important; } .u-marginLeftS { margin-inline-start: 10px !important; } .u-marginLeftPullS { margin-inline-start: -10px !important; } .u-marginTopM { margin-top: 25px !important; } .u-marginTopPullM { margin-top: -25px !important; } .u-marginRightM { margin-inline-end: 25px !important; } .u-marginRightPullM { margin-inline-end: -25px !important; } .u-marginBottomM { margin-bottom: 25px !important; } .u-marginBottomPullM { margin-bottom: -25px !important; } .u-marginLeftM { margin-inline-start: 25px !important; } .u-marginLeftPullM { margin-inline-start: -25px !important; } .u-marginTopL { margin-top: 40px !important; } .u-marginTopPullL { margin-top: -40px !important; } .u-marginRightL { margin-inline-end: 40px !important; } .u-marginRightPullL { margin-inline-end: -40px !important; } .u-marginBottomL { margin-bottom: 40px !important; } .u-marginBottomPullL { margin-bottom: -40px !important; } .u-marginLeftL { margin-inline-start: 40px !important; } .u-marginLeftPullL { margin-inline-start: -40px !important; } .u-marginTopXL { margin-top: 90px !important; } .u-marginTopPullXL { margin-top: -90px !important; } .u-marginRightXL { margin-inline-end: 90px !important; } .u-marginRightPullXL { margin-inline-end: -90px !important; } .u-marginBottomXL { margin-bottom: 90px !important; } .u-marginBottomPullXL { margin-bottom: -90px !important; } .u-marginLeftXL { margin-inline-start: 90px !important; } .u-marginLeftPullXL { margin-inline-start: -90px !important; } .u-marginTopXXL { margin-top: 130px !important; } .u-marginTopPullXXL { margin-top: -130px !important; } .u-marginRightXXL { margin-inline-end: 130px !important; } .u-marginRightPullXXL { margin-inline-end: -130px !important; } .u-marginBottomXXL { margin-bottom: 130px !important; } .u-marginBottomPullXXL { margin-bottom: -130px !important; } .u-marginLeftXXL { margin-inline-start: 130px !important; } .u-marginLeftPullXXL { margin-inline-start: -130px !important; } .u-marginAuto { margin-left: auto !important; margin-right: auto !important; } .u-marginZero { margin: 0 !important; } .u-marginTopZero { margin-top: 0 !important; } .u-marginBottomZero { margin-Bottom: 0 !important; } .u-marginBottomHalf { margin-Bottom: 25px !important; } .u-marginTopPull { margin-top: -40px !important; } .u-marginBottomPull { margin-bottom: -40px !important; } .u-marginTop { margin-top: 40px !important; } .u-marginTopHalf { margin-top: 25px !important; } .u-marginBottom { margin-bottom: 40px !important; } .u-marginRight { margin-right: 40px !important; } .u-marginLeft { margin-left: 40px !important; } .u-spacer { margin: 40px 0; } .u-padSides { padding-left: 10px; padding-right: 10px; } .u-paddingTop { padding-top: 25px; } .u-paddingBottom { padding-bottom: 25px; } hr.u-spacer { margin: 40px 0; border: none; } .u-noCallout { -webkit-touch-callout: none !important; } .u-noBorder { border: none !important; } .u-borderBottom { border-bottom: 1px solid hsl(0, 0%, 12%); } u-slider { max-height: 0 !important; overflow: hidden !important; } .u-slider { max-height: 0; overflow: hidden; opacity: 0; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .u-sliderActive { max-height: 200px; /* this height should be set to lowest possible number or the animation will run too quickly */ opacity: 1; } @media print { .u-hidePrint { display: none !important; } .u-printSizeFull { width: 100% !important; display: block !important; /* fixes bug IB-535, firefox not printing all pages */ } } .u-highlightBox { padding: 0.5em 1em; } .u-highlight:hover, .u-highlightArrow { background: #F6F6F6; box-shadow: 0 0 0 1px #E4E4E4; position: relative; border-radius: 0.6em; } .u-highlight:hover .Heading-text, .u-highlightArrow .Heading-text { background: #F6F6F6 !important; } .u-highlightArrow:before { content: ''; position: absolute; top: -30px; left: 5px; right: 5px; height: 30px; background: url('/Assets/Images/arrow-grey.svg') no-repeat bottom center; background-size: 100% auto; } /*#endregion*/ /*#region URL: /assets/styles/components/Accordion.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#

Panel 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Panel 2

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Panel 3

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

*/ .Accordion-header { margin: 0; margin-top: 0.5em; } .Accordion-headerLink { background-color: #f2f0ec; display: block; padding: 0.5em 0.5em 0.5em 1em; font-weight: normal; color: #333; text-decoration: none; vertical-align: top; border-radius: 1em; } .Accordion-headerLink:hover { color: #333; background-color: #edebe6; } .Accordion-headerLink:before { content: url('/Assets/Images/chevron-down.png'); padding-right: 0.5em; position: relative; top: -0.18em; } .is-active .Accordion-headerLink:before { content: url('/Assets/Images/chevron-up.png'); } .Accordion-panel { padding: 0.5em 1em; } .Accordion-header.is-active .Accordion-headerLink { background-color: #edebe6; } .Accordion.js-ready .Accordion-panel { display: none; } .Accordion .Accordion-panel.is-active { display: block; } /*#endregion*/ /*#region URL: /assets/styles/components/Badge.less */ /*# Displays a circular badge of numbers. Used in "Saved schools (5)".
My saved schools 23
*/ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Badge { border-radius: 50%; display: inline-block; width: 1.6em; height: 1.6em; padding: 0; background: hsl(10, 86%, 57%); color: hsl(0, 0%, 100%); text-align: center; line-height: 1.7em; font-size: 1rem; vertical-align: baseline; white-space: nowrap; } .Badge-new { border-radius: 50%; display: inline-block; width: 1.6em; height: 1.6em; padding: 0; background: hsl(10, 86%, 57%); color: hsl(0, 0%, 100%); text-align: center; vertical-align: baseline; white-space: nowrap; } /*#endregion*/ /*#region URL: /assets/styles/components/Breadcrumbs.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .BreadcrumbsList a, .BreadcrumbsList span { font-size: 14px; color: hsl(0, 0%, 12%); text-decoration: none; } .BreadcrumbsList a:before, .BreadcrumbsList span:before { content: "/"; margin: 0 6px; width: 2em; text-align: center; color: hsl(195, 84%, 50%); } .BreadcrumbsList a:first-child:before, .BreadcrumbsList span:first-child:before { content: ""; margin: 0; } @media screen and (max-width: 600px) { .BreadcrumbsList a:nth-last-child(2), .BreadcrumbsList span:nth-last-child(2) { display: initial !important; } } .BreadcrumbsList a:last-child { color: hsl(208, 99%, 28%); } .BreadcrumbsList .divider { color: hsl(195, 84%, 50%); margin: 0 6px; } @media screen and (min-width: 601px) { .BreadcrumbsList.mobile { display: none; visibility: hidden; } .BreadcrumbsList .ellipsis { display: none; } } @media screen and (max-width: 600px) { .BreadcrumbsList .desktop-visible { display: none; } .BreadcrumbsList.desktop { display: none; visibility: hidden; } } /*#endregion*/ /*#region URL: /assets/styles/components/Button.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Link Button */ .Button, .Form--xforms input[type="submit"], .Form__MainBody button[type="submit"], .Form__MainBody input[type="reset"] { font-size: 18px; font-size: 1rem; background: hsl(195, 84%, 50%); border: 1px solid transparent; border-radius: 8px; color: hsl(0, 0%, 100%); cursor: pointer; display: inline-block; font-weight: 400; max-width: 100%; overflow: hidden; overflow-wrap: normal; padding: 0.9em 0.45em 0.7em 0.45em; text-decoration: none; text-overflow: ellipsis; transition: background-color 0.3s cubic-bezier(0.33, 1, 0.68, 1), color 0.3s cubic-bezier(0.33, 1, 0.68, 1); user-select: none; vertical-align: middle; white-space: nowrap; } @media only screen and (min-width: 75em), print { .Button, .Form--xforms input[type="submit"], .Form__MainBody button[type="submit"], .Form__MainBody input[type="reset"] { font-size: 18px; font-size: 0.9rem; } } .Button::-moz-focus-inner, .Form--xforms input[type="submit"]::-moz-focus-inner, .Form__MainBody button[type="submit"]::-moz-focus-inner, .Form__MainBody input[type="reset"]::-moz-focus-inner { border: 0; padding: 0; } .Button:hover, .Button:focus, .Button:active, .Form--xforms input[type="submit"]:hover, .Form--xforms input[type="submit"]:focus, .Form--xforms input[type="submit"]:active, .Form__MainBody button[type="submit"]:hover, .Form__MainBody button[type="submit"]:focus, .Form__MainBody button[type="submit"]:active, .Form__MainBody input[type="reset"]:hover, .Form__MainBody input[type="reset"]:focus, .Form__MainBody input[type="reset"]:active { text-decoration: none; } .Button:hover, .Form--xforms input[type="submit"]:hover, .Form__MainBody button[type="submit"]:hover, .Form__MainBody input[type="reset"]:hover { background-color: hsl(195, 84%, 41%); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .Button:hover .Icon, .Form--xforms input[type="submit"]:hover .Icon, .Form__MainBody button[type="submit"]:hover .Icon, .Form__MainBody input[type="reset"]:hover .Icon { animation: squish 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1); } @media (prefers-reduced-motion) { .Button:hover .Icon, .Form--xforms input[type="submit"]:hover .Icon, .Form__MainBody button[type="submit"]:hover .Icon, .Form__MainBody input[type="reset"]:hover .Icon { animation: none; } } .Button:focus, .Form--xforms input[type="submit"]:focus, .Form__MainBody button[type="submit"]:focus, .Form__MainBody input[type="reset"]:focus { outline: 1px solid hsl(195, 84%, 50%); outline-offset: 0.1em; } .Button:visited, .Form--xforms input[type="submit"]:visited, .Form__MainBody button[type="submit"]:visited, .Form__MainBody input[type="reset"]:visited { color: hsl(0, 0%, 100%); } .Button .Icon, .Form--xforms input[type="submit"] .Icon, .Form__MainBody button[type="submit"] .Icon, .Form__MainBody input[type="reset"] .Icon { margin-inline-end: 0.6em; transform: scale3d(1, 1, 1); will-change: transform; } .Button.is-disabled, .Button:disabled, .Button[disabled], .Form--xforms input[type="submit"].is-disabled, .Form--xforms input[type="submit"]:disabled, .Form--xforms input[type="submit"][disabled], .Form__MainBody button[type="submit"].is-disabled, .Form__MainBody button[type="submit"]:disabled, .Form__MainBody button[type="submit"][disabled], .Form__MainBody input[type="reset"].is-disabled, .Form__MainBody input[type="reset"]:disabled, .Form__MainBody input[type="reset"][disabled] { cursor: default; opacity: 0.5; pointer-events: none; transition-property: none; } .Button.is-disabled:hover, .Button:disabled:hover, .Button[disabled]:hover, .Button.is-disabled:focus, .Button:disabled:focus, .Button[disabled]:focus, .Button.is-disabled:active, .Button:disabled:active, .Button[disabled]:active, .Form--xforms input[type="submit"].is-disabled:hover, .Form--xforms input[type="submit"]:disabled:hover, .Form--xforms input[type="submit"][disabled]:hover, .Form--xforms input[type="submit"].is-disabled:focus, .Form--xforms input[type="submit"]:disabled:focus, .Form--xforms input[type="submit"][disabled]:focus, .Form--xforms input[type="submit"].is-disabled:active, .Form--xforms input[type="submit"]:disabled:active, .Form--xforms input[type="submit"][disabled]:active, .Form__MainBody button[type="submit"].is-disabled:hover, .Form__MainBody button[type="submit"]:disabled:hover, .Form__MainBody button[type="submit"][disabled]:hover, .Form__MainBody button[type="submit"].is-disabled:focus, .Form__MainBody button[type="submit"]:disabled:focus, .Form__MainBody button[type="submit"][disabled]:focus, .Form__MainBody button[type="submit"].is-disabled:active, .Form__MainBody button[type="submit"]:disabled:active, .Form__MainBody button[type="submit"][disabled]:active, .Form__MainBody input[type="reset"].is-disabled:hover, .Form__MainBody input[type="reset"]:disabled:hover, .Form__MainBody input[type="reset"][disabled]:hover, .Form__MainBody input[type="reset"].is-disabled:focus, .Form__MainBody input[type="reset"]:disabled:focus, .Form__MainBody input[type="reset"][disabled]:focus, .Form__MainBody input[type="reset"].is-disabled:active, .Form__MainBody input[type="reset"]:disabled:active, .Form__MainBody input[type="reset"][disabled]:active { transition-property: none; } .Button.is-disabled:hover .Icon, .Button:disabled:hover .Icon, .Button[disabled]:hover .Icon, .Button.is-disabled:focus .Icon, .Button:disabled:focus .Icon, .Button[disabled]:focus .Icon, .Button.is-disabled:active .Icon, .Button:disabled:active .Icon, .Button[disabled]:active .Icon, .Form--xforms input[type="submit"].is-disabled:hover .Icon, .Form--xforms input[type="submit"]:disabled:hover .Icon, .Form--xforms input[type="submit"][disabled]:hover .Icon, .Form--xforms input[type="submit"].is-disabled:focus .Icon, .Form--xforms input[type="submit"]:disabled:focus .Icon, .Form--xforms input[type="submit"][disabled]:focus .Icon, .Form--xforms input[type="submit"].is-disabled:active .Icon, .Form--xforms input[type="submit"]:disabled:active .Icon, .Form--xforms input[type="submit"][disabled]:active .Icon, .Form__MainBody button[type="submit"].is-disabled:hover .Icon, .Form__MainBody button[type="submit"]:disabled:hover .Icon, .Form__MainBody button[type="submit"][disabled]:hover .Icon, .Form__MainBody button[type="submit"].is-disabled:focus .Icon, .Form__MainBody button[type="submit"]:disabled:focus .Icon, .Form__MainBody button[type="submit"][disabled]:focus .Icon, .Form__MainBody button[type="submit"].is-disabled:active .Icon, .Form__MainBody button[type="submit"]:disabled:active .Icon, .Form__MainBody button[type="submit"][disabled]:active .Icon, .Form__MainBody input[type="reset"].is-disabled:hover .Icon, .Form__MainBody input[type="reset"]:disabled:hover .Icon, .Form__MainBody input[type="reset"][disabled]:hover .Icon, .Form__MainBody input[type="reset"].is-disabled:focus .Icon, .Form__MainBody input[type="reset"]:disabled:focus .Icon, .Form__MainBody input[type="reset"][disabled]:focus .Icon, .Form__MainBody input[type="reset"].is-disabled:active .Icon, .Form__MainBody input[type="reset"]:disabled:active .Icon, .Form__MainBody input[type="reset"][disabled]:active .Icon { animation: none; transition-property: none; } .Button--light { background: hsl(0, 0%, 100%); color: hsl(208, 99%, 28%); } .Button--light:hover { background-color: hsl(40, 18%, 97%); } .Button--light:visited { color: hsl(208, 99%, 28%); } .Button--fullWidth { display: block; text-align: center; } .Button--noWrap { display: flex; align-items: center; justify-content: center; width: 100%; } .Button--noWrap span { text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } .Button--plain { border-color: transparent; color: currentColor; padding: 0; margin: 0; } .Button--plain, .Button--plain:hover { background: none; } .Button--plain .Icon { margin-inline-end: 0; } .Button--short { padding-bottom: 0.375em; padding-top: 0.525em; } .Button--wider { padding-left: 1.75em; padding-right: 1.75rem; } .Button--widest { padding-left: 3em; padding-right: 3rem; } .Button--gray { background-color: hsl(204, 4%, 74%); color: hsl(0, 0%, 100%); } .Button--gray:hover { background-color: hsl(204, 4%, 67%); } .Button--orange { background-color: hsl(34, 100%, 63%); color: hsl(0, 0%, 100%); } .Button--orange:hover { background-color: hsl(34, 100%, 56%); } .Button--outline { background: none; border-color: currentColor; color: hsl(45, 17%, 60%); } .Button--outline, .Button--outline:hover { background: none; color: hsl(187, 96%, 41%); } .Button--outline:visited { color: currentColor; } .Button--outline-dark { color: hsl(0, 0%, 12%); } .Button--outline-dark:hover { color: hsl(187, 96%, 41%); } .Button--outline-neutral { color: hsl(45, 17%, 60%); } .Button--icon { min-width: 3em; } .Button--icon .Icon { margin-inline-end: 0.6em; margin-inline-start: 0.6em; margin-top: -0.15em; } .Button--small { font-size: 0.8em; padding: 6px 12px; } .Button--large { font-size: 1.2em; padding: 0.5em 1.4em; } .Button--uppercase { text-transform: uppercase; } .Button--blue { background-color: hsl(208, 99%, 28%); color: hsl(0, 0%, 100%); } .Button--blue:hover { background-color: hsl(195, 84%, 50%); } .Button--full { width: 100%; } .Button.is-loading, .Form--xforms input[type="submit"].is-loading, .Form__MainBody button[type="submit"].is-loading, .Form__MainBody input[type="reset"].is-loading { color: transparent; background-image: url("/assets/images/loading-blue.gif"); background-size: auto 75%; background-repeat: no-repeat; background-position: center; background-color: hsl(218, 45%, 43%); cursor: wait; min-width: 5em; } .Button--blue.is-loading { background-image: url("/assets/images/loading-blue.gif"); background-color: hsl(208, 97%, 43%); } /* xform */ /* Episerver forms */ .Form__NavigationBar .btnPrev, .Form__NavigationBar .btnNext { background-image: none !important; color: hsl(0, 0%, 100%) !important; -webkit-appearance: none !important; border: none !important; border-radius: 2em !important; } /* google search button */ input.gsc-search-button { background-color: transparent !important; border: 0 !important; width: auto !important; height: auto !important; font-size: 1.2em !important; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif !important; font-size: 18px !important; font-size: 1rem !important; background: hsl(195, 84%, 50%) !important; border: 1px solid transparent !important; border-radius: 8px !important; color: hsl(0, 0%, 100%) !important; cursor: pointer !important; display: inline-block !important; font-weight: 400 !important; max-width: 100% !important; overflow: hidden !important; overflow-wrap: normal !important; padding: 0.9em 0.45em 0.7em 0.45em !important; text-decoration: none !important; text-overflow: ellipsis !important; transition: background-color 0.3s cubic-bezier(0.33, 1, 0.68, 1), color 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important; user-select: none !important; vertical-align: middle !important; white-space: nowrap !important; } @media only screen and (min-width: 75em), print { input.gsc-search-button { font-size: 18px; font-size: 0.9rem; } } input.gsc-search-button::-moz-focus-inner { border: 0 !important; padding: 0 !important; } input.gsc-search-button:hover, input.gsc-search-button:focus, input.gsc-search-button:active { text-decoration: none !important; } input.gsc-search-button:hover { background-color: hsl(195, 84%, 41%) !important; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0) !important; } input.gsc-search-button:hover .Icon { animation: squish 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important; } @media (prefers-reduced-motion) { input.gsc-search-button:hover .Icon { animation: none; } } input.gsc-search-button:focus { outline: 1px solid hsl(195, 84%, 50%) !important; outline-offset: 0.1em !important; } input.gsc-search-button:visited { color: hsl(0, 0%, 100%) !important; } input.gsc-search-button .Icon { margin-inline-end: 0.6em !important; transform: scale3d(1, 1, 1) !important; will-change: transform !important; } input.gsc-search-button.is-disabled, input.gsc-search-button:disabled, input.gsc-search-button[disabled] { cursor: default !important; opacity: 0.5 !important; pointer-events: none !important; transition-property: none !important; } input.gsc-search-button.is-disabled:hover, input.gsc-search-button:disabled:hover, input.gsc-search-button[disabled]:hover, input.gsc-search-button.is-disabled:focus, input.gsc-search-button:disabled:focus, input.gsc-search-button[disabled]:focus, input.gsc-search-button.is-disabled:active, input.gsc-search-button:disabled:active, input.gsc-search-button[disabled]:active { transition-property: none !important; } input.gsc-search-button.is-disabled:hover .Icon, input.gsc-search-button:disabled:hover .Icon, input.gsc-search-button[disabled]:hover .Icon, input.gsc-search-button.is-disabled:focus .Icon, input.gsc-search-button:disabled:focus .Icon, input.gsc-search-button[disabled]:focus .Icon, input.gsc-search-button.is-disabled:active .Icon, input.gsc-search-button:disabled:active .Icon, input.gsc-search-button[disabled]:active .Icon { animation: none !important; transition-property: none !important; } .pagination-container .pagination > li.active > a, .pagination-container .pagination > li > a, .pagination-container .pagination > li > span, .pagination-container .pagination > li.active > a, .pagination-container .pagination > .active > a, .pagination-container .pagination > .active > span, .pagination-container .pagination > .active > a:hover, .pagination-container .pagination > .active > span:hover, .pagination-container .pagination > .active > a:focus, .pagination-container .pagination > .active > span:focus, .pagination-container .pagination li a { font-size: 18px !important; font-size: 1rem !important; background: hsl(195, 84%, 50%) !important; border: 1px solid transparent !important; border-radius: 8px !important; color: hsl(0, 0%, 100%) !important; cursor: pointer !important; display: inline-block !important; font-weight: 400 !important; max-width: 100% !important; overflow: hidden !important; overflow-wrap: normal !important; padding: 0.9em 0.45em 0.7em 0.45em !important; text-decoration: none !important; text-overflow: ellipsis !important; transition: background-color 0.3s cubic-bezier(0.33, 1, 0.68, 1), color 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important; user-select: none !important; vertical-align: middle !important; white-space: nowrap !important; min-width: 3em !important; } @media only screen and (min-width: 75em), print { .pagination-container .pagination > li.active > a, .pagination-container .pagination > li > a, .pagination-container .pagination > li > span, .pagination-container .pagination > li.active > a, .pagination-container .pagination > .active > a, .pagination-container .pagination > .active > span, .pagination-container .pagination > .active > a:hover, .pagination-container .pagination > .active > span:hover, .pagination-container .pagination > .active > a:focus, .pagination-container .pagination > .active > span:focus, .pagination-container .pagination li a { font-size: 18px; font-size: 0.9rem; } } .pagination-container .pagination > li.active > a::-moz-focus-inner, .pagination-container .pagination > li > a::-moz-focus-inner, .pagination-container .pagination > li > span::-moz-focus-inner, .pagination-container .pagination > li.active > a::-moz-focus-inner, .pagination-container .pagination > .active > a::-moz-focus-inner, .pagination-container .pagination > .active > span::-moz-focus-inner, .pagination-container .pagination > .active > a:hover::-moz-focus-inner, .pagination-container .pagination > .active > span:hover::-moz-focus-inner, .pagination-container .pagination > .active > a:focus::-moz-focus-inner, .pagination-container .pagination > .active > span:focus::-moz-focus-inner, .pagination-container .pagination li a::-moz-focus-inner { border: 0 !important; padding: 0 !important; } .pagination-container .pagination > li.active > a:hover, .pagination-container .pagination > li > a:hover, .pagination-container .pagination > li > span:hover, .pagination-container .pagination > li.active > a:hover, .pagination-container .pagination > .active > a:hover, .pagination-container .pagination > .active > span:hover, .pagination-container .pagination > .active > a:hover:hover, .pagination-container .pagination > .active > span:hover:hover, .pagination-container .pagination > .active > a:focus:hover, .pagination-container .pagination > .active > span:focus:hover, .pagination-container .pagination li a:hover, .pagination-container .pagination > li.active > a:focus, .pagination-container .pagination > li > a:focus, .pagination-container .pagination > li > span:focus, .pagination-container .pagination > li.active > a:focus, .pagination-container .pagination > .active > a:focus, .pagination-container .pagination > .active > span:focus, .pagination-container .pagination > .active > a:hover:focus, .pagination-container .pagination > .active > span:hover:focus, .pagination-container .pagination > .active > a:focus:focus, .pagination-container .pagination > .active > span:focus:focus, .pagination-container .pagination li a:focus, .pagination-container .pagination > li.active > a:active, .pagination-container .pagination > li > a:active, .pagination-container .pagination > li > span:active, .pagination-container .pagination > li.active > a:active, .pagination-container .pagination > .active > a:active, .pagination-container .pagination > .active > span:active, .pagination-container .pagination > .active > a:hover:active, .pagination-container .pagination > .active > span:hover:active, .pagination-container .pagination > .active > a:focus:active, .pagination-container .pagination > .active > span:focus:active, .pagination-container .pagination li a:active { text-decoration: none !important; } .pagination-container .pagination > li.active > a:hover, .pagination-container .pagination > li > a:hover, .pagination-container .pagination > li > span:hover, .pagination-container .pagination > li.active > a:hover, .pagination-container .pagination > .active > a:hover, .pagination-container .pagination > .active > span:hover, .pagination-container .pagination > .active > a:hover:hover, .pagination-container .pagination > .active > span:hover:hover, .pagination-container .pagination > .active > a:focus:hover, .pagination-container .pagination > .active > span:focus:hover, .pagination-container .pagination li a:hover { background-color: hsl(195, 84%, 41%) !important; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0) !important; } .pagination-container .pagination > li.active > a:hover .Icon, .pagination-container .pagination > li > a:hover .Icon, .pagination-container .pagination > li > span:hover .Icon, .pagination-container .pagination > li.active > a:hover .Icon, .pagination-container .pagination > .active > a:hover .Icon, .pagination-container .pagination > .active > span:hover .Icon, .pagination-container .pagination > .active > a:hover:hover .Icon, .pagination-container .pagination > .active > span:hover:hover .Icon, .pagination-container .pagination > .active > a:focus:hover .Icon, .pagination-container .pagination > .active > span:focus:hover .Icon, .pagination-container .pagination li a:hover .Icon { animation: squish 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important; } @media (prefers-reduced-motion) { .pagination-container .pagination > li.active > a:hover .Icon, .pagination-container .pagination > li > a:hover .Icon, .pagination-container .pagination > li > span:hover .Icon, .pagination-container .pagination > li.active > a:hover .Icon, .pagination-container .pagination > .active > a:hover .Icon, .pagination-container .pagination > .active > span:hover .Icon, .pagination-container .pagination > .active > a:hover:hover .Icon, .pagination-container .pagination > .active > span:hover:hover .Icon, .pagination-container .pagination > .active > a:focus:hover .Icon, .pagination-container .pagination > .active > span:focus:hover .Icon, .pagination-container .pagination li a:hover .Icon { animation: none; } } .pagination-container .pagination > li.active > a:focus, .pagination-container .pagination > li > a:focus, .pagination-container .pagination > li > span:focus, .pagination-container .pagination > li.active > a:focus, .pagination-container .pagination > .active > a:focus, .pagination-container .pagination > .active > span:focus, .pagination-container .pagination > .active > a:hover:focus, .pagination-container .pagination > .active > span:hover:focus, .pagination-container .pagination > .active > a:focus:focus, .pagination-container .pagination > .active > span:focus:focus, .pagination-container .pagination li a:focus { outline: 1px solid hsl(195, 84%, 50%) !important; outline-offset: 0.1em !important; } .pagination-container .pagination > li.active > a:visited, .pagination-container .pagination > li > a:visited, .pagination-container .pagination > li > span:visited, .pagination-container .pagination > li.active > a:visited, .pagination-container .pagination > .active > a:visited, .pagination-container .pagination > .active > span:visited, .pagination-container .pagination > .active > a:hover:visited, .pagination-container .pagination > .active > span:hover:visited, .pagination-container .pagination > .active > a:focus:visited, .pagination-container .pagination > .active > span:focus:visited, .pagination-container .pagination li a:visited { color: hsl(0, 0%, 100%) !important; } .pagination-container .pagination > li.active > a .Icon, .pagination-container .pagination > li > a .Icon, .pagination-container .pagination > li > span .Icon, .pagination-container .pagination > li.active > a .Icon, .pagination-container .pagination > .active > a .Icon, .pagination-container .pagination > .active > span .Icon, .pagination-container .pagination > .active > a:hover .Icon, .pagination-container .pagination > .active > span:hover .Icon, .pagination-container .pagination > .active > a:focus .Icon, .pagination-container .pagination > .active > span:focus .Icon, .pagination-container .pagination li a .Icon { margin-inline-end: 0.6em !important; transform: scale3d(1, 1, 1) !important; will-change: transform !important; } .pagination-container .pagination > li.active > a.is-disabled, .pagination-container .pagination > li > a.is-disabled, .pagination-container .pagination > li > span.is-disabled, .pagination-container .pagination > li.active > a.is-disabled, .pagination-container .pagination > .active > a.is-disabled, .pagination-container .pagination > .active > span.is-disabled, .pagination-container .pagination > .active > a:hover.is-disabled, .pagination-container .pagination > .active > span:hover.is-disabled, .pagination-container .pagination > .active > a:focus.is-disabled, .pagination-container .pagination > .active > span:focus.is-disabled, .pagination-container .pagination li a.is-disabled, .pagination-container .pagination > li.active > a:disabled, .pagination-container .pagination > li > a:disabled, .pagination-container .pagination > li > span:disabled, .pagination-container .pagination > li.active > a:disabled, .pagination-container .pagination > .active > a:disabled, .pagination-container .pagination > .active > span:disabled, .pagination-container .pagination > .active > a:hover:disabled, .pagination-container .pagination > .active > span:hover:disabled, .pagination-container .pagination > .active > a:focus:disabled, .pagination-container .pagination > .active > span:focus:disabled, .pagination-container .pagination li a:disabled, .pagination-container .pagination > li.active > a[disabled], .pagination-container .pagination > li > a[disabled], .pagination-container .pagination > li > span[disabled], .pagination-container .pagination > li.active > a[disabled], .pagination-container .pagination > .active > a[disabled], .pagination-container .pagination > .active > span[disabled], .pagination-container .pagination > .active > a:hover[disabled], .pagination-container .pagination > .active > span:hover[disabled], .pagination-container .pagination > .active > a:focus[disabled], .pagination-container .pagination > .active > span:focus[disabled], .pagination-container .pagination li a[disabled] { cursor: default !important; opacity: 0.5 !important; pointer-events: none !important; transition-property: none !important; } .pagination-container .pagination > li.active > a.is-disabled:hover, .pagination-container .pagination > li > a.is-disabled:hover, .pagination-container .pagination > li > span.is-disabled:hover, .pagination-container .pagination > li.active > a.is-disabled:hover, .pagination-container .pagination > .active > a.is-disabled:hover, .pagination-container .pagination > .active > span.is-disabled:hover, .pagination-container .pagination > .active > a:hover.is-disabled:hover, .pagination-container .pagination > .active > span:hover.is-disabled:hover, .pagination-container .pagination > .active > a:focus.is-disabled:hover, .pagination-container .pagination > .active > span:focus.is-disabled:hover, .pagination-container .pagination li a.is-disabled:hover, .pagination-container .pagination > li.active > a:disabled:hover, .pagination-container .pagination > li > a:disabled:hover, .pagination-container .pagination > li > span:disabled:hover, .pagination-container .pagination > li.active > a:disabled:hover, .pagination-container .pagination > .active > a:disabled:hover, .pagination-container .pagination > .active > span:disabled:hover, .pagination-container .pagination > .active > a:hover:disabled:hover, .pagination-container .pagination > .active > span:hover:disabled:hover, .pagination-container .pagination > .active > a:focus:disabled:hover, .pagination-container .pagination > .active > span:focus:disabled:hover, .pagination-container .pagination li a:disabled:hover, .pagination-container .pagination > li.active > a[disabled]:hover, .pagination-container .pagination > li > a[disabled]:hover, .pagination-container .pagination > li > span[disabled]:hover, .pagination-container .pagination > li.active > a[disabled]:hover, .pagination-container .pagination > .active > a[disabled]:hover, .pagination-container .pagination > .active > span[disabled]:hover, .pagination-container .pagination > .active > a:hover[disabled]:hover, .pagination-container .pagination > .active > span:hover[disabled]:hover, .pagination-container .pagination > .active > a:focus[disabled]:hover, .pagination-container .pagination > .active > span:focus[disabled]:hover, .pagination-container .pagination li a[disabled]:hover, .pagination-container .pagination > li.active > a.is-disabled:focus, .pagination-container .pagination > li > a.is-disabled:focus, .pagination-container .pagination > li > span.is-disabled:focus, .pagination-container .pagination > li.active > a.is-disabled:focus, .pagination-container .pagination > .active > a.is-disabled:focus, .pagination-container .pagination > .active > span.is-disabled:focus, .pagination-container .pagination > .active > a:hover.is-disabled:focus, .pagination-container .pagination > .active > span:hover.is-disabled:focus, .pagination-container .pagination > .active > a:focus.is-disabled:focus, .pagination-container .pagination > .active > span:focus.is-disabled:focus, .pagination-container .pagination li a.is-disabled:focus, .pagination-container .pagination > li.active > a:disabled:focus, .pagination-container .pagination > li > a:disabled:focus, .pagination-container .pagination > li > span:disabled:focus, .pagination-container .pagination > li.active > a:disabled:focus, .pagination-container .pagination > .active > a:disabled:focus, .pagination-container .pagination > .active > span:disabled:focus, .pagination-container .pagination > .active > a:hover:disabled:focus, .pagination-container .pagination > .active > span:hover:disabled:focus, .pagination-container .pagination > .active > a:focus:disabled:focus, .pagination-container .pagination > .active > span:focus:disabled:focus, .pagination-container .pagination li a:disabled:focus, .pagination-container .pagination > li.active > a[disabled]:focus, .pagination-container .pagination > li > a[disabled]:focus, .pagination-container .pagination > li > span[disabled]:focus, .pagination-container .pagination > li.active > a[disabled]:focus, .pagination-container .pagination > .active > a[disabled]:focus, .pagination-container .pagination > .active > span[disabled]:focus, .pagination-container .pagination > .active > a:hover[disabled]:focus, .pagination-container .pagination > .active > span:hover[disabled]:focus, .pagination-container .pagination > .active > a:focus[disabled]:focus, .pagination-container .pagination > .active > span:focus[disabled]:focus, .pagination-container .pagination li a[disabled]:focus, .pagination-container .pagination > li.active > a.is-disabled:active, .pagination-container .pagination > li > a.is-disabled:active, .pagination-container .pagination > li > span.is-disabled:active, .pagination-container .pagination > li.active > a.is-disabled:active, .pagination-container .pagination > .active > a.is-disabled:active, .pagination-container .pagination > .active > span.is-disabled:active, .pagination-container .pagination > .active > a:hover.is-disabled:active, .pagination-container .pagination > .active > span:hover.is-disabled:active, .pagination-container .pagination > .active > a:focus.is-disabled:active, .pagination-container .pagination > .active > span:focus.is-disabled:active, .pagination-container .pagination li a.is-disabled:active, .pagination-container .pagination > li.active > a:disabled:active, .pagination-container .pagination > li > a:disabled:active, .pagination-container .pagination > li > span:disabled:active, .pagination-container .pagination > li.active > a:disabled:active, .pagination-container .pagination > .active > a:disabled:active, .pagination-container .pagination > .active > span:disabled:active, .pagination-container .pagination > .active > a:hover:disabled:active, .pagination-container .pagination > .active > span:hover:disabled:active, .pagination-container .pagination > .active > a:focus:disabled:active, .pagination-container .pagination > .active > span:focus:disabled:active, .pagination-container .pagination li a:disabled:active, .pagination-container .pagination > li.active > a[disabled]:active, .pagination-container .pagination > li > a[disabled]:active, .pagination-container .pagination > li > span[disabled]:active, .pagination-container .pagination > li.active > a[disabled]:active, .pagination-container .pagination > .active > a[disabled]:active, .pagination-container .pagination > .active > span[disabled]:active, .pagination-container .pagination > .active > a:hover[disabled]:active, .pagination-container .pagination > .active > span:hover[disabled]:active, .pagination-container .pagination > .active > a:focus[disabled]:active, .pagination-container .pagination > .active > span:focus[disabled]:active, .pagination-container .pagination li a[disabled]:active { transition-property: none !important; } .pagination-container .pagination > li.active > a.is-disabled:hover .Icon, .pagination-container .pagination > li > a.is-disabled:hover .Icon, .pagination-container .pagination > li > span.is-disabled:hover .Icon, .pagination-container .pagination > li.active > a.is-disabled:hover .Icon, .pagination-container .pagination > .active > a.is-disabled:hover .Icon, .pagination-container .pagination > .active > span.is-disabled:hover .Icon, .pagination-container .pagination > .active > a:hover.is-disabled:hover .Icon, .pagination-container .pagination > .active > span:hover.is-disabled:hover .Icon, .pagination-container .pagination > .active > a:focus.is-disabled:hover .Icon, .pagination-container .pagination > .active > span:focus.is-disabled:hover .Icon, .pagination-container .pagination li a.is-disabled:hover .Icon, .pagination-container .pagination > li.active > a:disabled:hover .Icon, .pagination-container .pagination > li > a:disabled:hover .Icon, .pagination-container .pagination > li > span:disabled:hover .Icon, .pagination-container .pagination > li.active > a:disabled:hover .Icon, .pagination-container .pagination > .active > a:disabled:hover .Icon, .pagination-container .pagination > .active > span:disabled:hover .Icon, .pagination-container .pagination > .active > a:hover:disabled:hover .Icon, .pagination-container .pagination > .active > span:hover:disabled:hover .Icon, .pagination-container .pagination > .active > a:focus:disabled:hover .Icon, .pagination-container .pagination > .active > span:focus:disabled:hover .Icon, .pagination-container .pagination li a:disabled:hover .Icon, .pagination-container .pagination > li.active > a[disabled]:hover .Icon, .pagination-container .pagination > li > a[disabled]:hover .Icon, .pagination-container .pagination > li > span[disabled]:hover .Icon, .pagination-container .pagination > li.active > a[disabled]:hover .Icon, .pagination-container .pagination > .active > a[disabled]:hover .Icon, .pagination-container .pagination > .active > span[disabled]:hover .Icon, .pagination-container .pagination > .active > a:hover[disabled]:hover .Icon, .pagination-container .pagination > .active > span:hover[disabled]:hover .Icon, .pagination-container .pagination > .active > a:focus[disabled]:hover .Icon, .pagination-container .pagination > .active > span:focus[disabled]:hover .Icon, .pagination-container .pagination li a[disabled]:hover .Icon, .pagination-container .pagination > li.active > a.is-disabled:focus .Icon, .pagination-container .pagination > li > a.is-disabled:focus .Icon, .pagination-container .pagination > li > span.is-disabled:focus .Icon, .pagination-container .pagination > li.active > a.is-disabled:focus .Icon, .pagination-container .pagination > .active > a.is-disabled:focus .Icon, .pagination-container .pagination > .active > span.is-disabled:focus .Icon, .pagination-container .pagination > .active > a:hover.is-disabled:focus .Icon, .pagination-container .pagination > .active > span:hover.is-disabled:focus .Icon, .pagination-container .pagination > .active > a:focus.is-disabled:focus .Icon, .pagination-container .pagination > .active > span:focus.is-disabled:focus .Icon, .pagination-container .pagination li a.is-disabled:focus .Icon, .pagination-container .pagination > li.active > a:disabled:focus .Icon, .pagination-container .pagination > li > a:disabled:focus .Icon, .pagination-container .pagination > li > span:disabled:focus .Icon, .pagination-container .pagination > li.active > a:disabled:focus .Icon, .pagination-container .pagination > .active > a:disabled:focus .Icon, .pagination-container .pagination > .active > span:disabled:focus .Icon, .pagination-container .pagination > .active > a:hover:disabled:focus .Icon, .pagination-container .pagination > .active > span:hover:disabled:focus .Icon, .pagination-container .pagination > .active > a:focus:disabled:focus .Icon, .pagination-container .pagination > .active > span:focus:disabled:focus .Icon, .pagination-container .pagination li a:disabled:focus .Icon, .pagination-container .pagination > li.active > a[disabled]:focus .Icon, .pagination-container .pagination > li > a[disabled]:focus .Icon, .pagination-container .pagination > li > span[disabled]:focus .Icon, .pagination-container .pagination > li.active > a[disabled]:focus .Icon, .pagination-container .pagination > .active > a[disabled]:focus .Icon, .pagination-container .pagination > .active > span[disabled]:focus .Icon, .pagination-container .pagination > .active > a:hover[disabled]:focus .Icon, .pagination-container .pagination > .active > span:hover[disabled]:focus .Icon, .pagination-container .pagination > .active > a:focus[disabled]:focus .Icon, .pagination-container .pagination > .active > span:focus[disabled]:focus .Icon, .pagination-container .pagination li a[disabled]:focus .Icon, .pagination-container .pagination > li.active > a.is-disabled:active .Icon, .pagination-container .pagination > li > a.is-disabled:active .Icon, .pagination-container .pagination > li > span.is-disabled:active .Icon, .pagination-container .pagination > li.active > a.is-disabled:active .Icon, .pagination-container .pagination > .active > a.is-disabled:active .Icon, .pagination-container .pagination > .active > span.is-disabled:active .Icon, .pagination-container .pagination > .active > a:hover.is-disabled:active .Icon, .pagination-container .pagination > .active > span:hover.is-disabled:active .Icon, .pagination-container .pagination > .active > a:focus.is-disabled:active .Icon, .pagination-container .pagination > .active > span:focus.is-disabled:active .Icon, .pagination-container .pagination li a.is-disabled:active .Icon, .pagination-container .pagination > li.active > a:disabled:active .Icon, .pagination-container .pagination > li > a:disabled:active .Icon, .pagination-container .pagination > li > span:disabled:active .Icon, .pagination-container .pagination > li.active > a:disabled:active .Icon, .pagination-container .pagination > .active > a:disabled:active .Icon, .pagination-container .pagination > .active > span:disabled:active .Icon, .pagination-container .pagination > .active > a:hover:disabled:active .Icon, .pagination-container .pagination > .active > span:hover:disabled:active .Icon, .pagination-container .pagination > .active > a:focus:disabled:active .Icon, .pagination-container .pagination > .active > span:focus:disabled:active .Icon, .pagination-container .pagination li a:disabled:active .Icon, .pagination-container .pagination > li.active > a[disabled]:active .Icon, .pagination-container .pagination > li > a[disabled]:active .Icon, .pagination-container .pagination > li > span[disabled]:active .Icon, .pagination-container .pagination > li.active > a[disabled]:active .Icon, .pagination-container .pagination > .active > a[disabled]:active .Icon, .pagination-container .pagination > .active > span[disabled]:active .Icon, .pagination-container .pagination > .active > a:hover[disabled]:active .Icon, .pagination-container .pagination > .active > span:hover[disabled]:active .Icon, .pagination-container .pagination > .active > a:focus[disabled]:active .Icon, .pagination-container .pagination > .active > span:focus[disabled]:active .Icon, .pagination-container .pagination li a[disabled]:active .Icon { animation: none !important; transition-property: none !important; } .pagination-container .pagination > li.active > a .Icon, .pagination-container .pagination > li > a .Icon, .pagination-container .pagination > li > span .Icon, .pagination-container .pagination > li.active > a .Icon, .pagination-container .pagination > .active > a .Icon, .pagination-container .pagination > .active > span .Icon, .pagination-container .pagination > .active > a:hover .Icon, .pagination-container .pagination > .active > span:hover .Icon, .pagination-container .pagination > .active > a:focus .Icon, .pagination-container .pagination > .active > span:focus .Icon, .pagination-container .pagination li a .Icon { margin-inline-end: 0.6em !important; margin-inline-start: 0.6em !important; margin-top: -0.15em !important; } .pagination-container .pagination li.active a { background-color: #014A8C !important; } .pagination-container .pagination > .disabled > span, .pagination-container .pagination > .disabled > a, .pagination-container .pagination > .disabled > a:hover, .pagination-container .pagination > .disabled > a:focus { background: none !important; border-color: currentColor !important; color: hsl(45, 17%, 60%) !important; cursor: default !important; } .pagination-container .pagination > .disabled > span, .pagination-container .pagination > .disabled > a, .pagination-container .pagination > .disabled > a:hover, .pagination-container .pagination > .disabled > a:focus, .pagination-container .pagination > .disabled > span:hover, .pagination-container .pagination > .disabled > a:hover, .pagination-container .pagination > .disabled > a:hover:hover, .pagination-container .pagination > .disabled > a:focus:hover { background: none !important; color: hsl(187, 96%, 41%) !important; } .pagination-container .pagination > .disabled > span:visited, .pagination-container .pagination > .disabled > a:visited, .pagination-container .pagination > .disabled > a:hover:visited, .pagination-container .pagination > .disabled > a:focus:visited { color: currentColor !important; } .pagination-container .pagination > .disabled > span-dark, .pagination-container .pagination > .disabled > a-dark, .pagination-container .pagination > .disabled > a:hover-dark, .pagination-container .pagination > .disabled > a:focus-dark { color: hsl(0, 0%, 12%) !important; } .pagination-container .pagination > .disabled > span-dark:hover, .pagination-container .pagination > .disabled > a-dark:hover, .pagination-container .pagination > .disabled > a:hover-dark:hover, .pagination-container .pagination > .disabled > a:focus-dark:hover { color: hsl(187, 96%, 41%) !important; } .pagination-container .pagination > .disabled > span-neutral, .pagination-container .pagination > .disabled > a-neutral, .pagination-container .pagination > .disabled > a:hover-neutral, .pagination-container .pagination > .disabled > a:focus-neutral { color: hsl(45, 17%, 60%) !important; } .pagination-container .pagination li { margin: 0 10px; display: inline-block; } /*#endregion*/ /*#region URL: /assets/styles/components/Captcha.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Styling for Recaptcha component to make it look better in small screen widths. */ .Captcha #recaptcha_area, .Captcha #recaptcha_table { width: 100% !important; max-width: 318px !important; } .Captcha .recaptchatable .recaptcha_r4_c4 { width: auto !important; } .Captcha #recaptcha_image { width: 100% !important; height: auto !important; } .Captcha #recaptcha_image img { width: 100%; height: auto; border-radius: 8px; border: none; } /*#endregion*/ /*#region URL: /assets/styles/components/Carousel.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Carousel { padding: 90px 0; position: relative; text-align: center; } @media only screen and (min-width: 75em), print { .Carousel { padding: 40px 0; } } .Carousel-list { margin-top: 40px; padding: 0; transition: transform 0.75s cubic-bezier(0.65, 0, 0.35, 1); white-space: nowrap; text-align: left; } @media only screen and (min-width: 75em), print { .Carousel-list { transition-duration: 1s; } } .Carousel-list.Flex { align-items: stretch; flex-wrap: nowrap; } .Carousel-item { flex-shrink: 0; white-space: normal; width: 100%; } .Carousel-article { align-content: space-between; height: 100%; } .Carousel-background { fill: hsl(45, 16%, 90%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vh; height: 100vh; z-index: -1; } @media only screen and (min-width: 75em), print { .Carousel-background { width: 700px; height: 700px; } } .Carousel-link { margin: 0 10px; } .Carousel-link--mobile { margin-top: 40px; } @media only screen and (min-width: 75em), print { .Carousel-link--mobile { display: none !important; } } @media only screen and (max-width: 75em), print { .Carousel-link--desktop { display: none !important; } } .Carousel-button { transition-duration: 0.3s; } .Carousel-prev { margin-inline-end: 10px; } @media only screen and (min-width: 75em), print { .Carousel-prev { margin-inline-end: 0; } } /*#endregion*/ /*#region URL: /assets/styles/components/Chart.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .ChartContainer { width: 100%; box-sizing: border-box; } @media only screen and (max-width: 62em), print { .ChartContainer { padding: 24px 16px; } } .ChartContainer[data-variant="HalfLeft"] { padding-right: 16px; float: left; width: 50%; } @media only screen and (max-width: 62em), print { .ChartContainer[data-variant="HalfLeft"] { width: 100%; padding: 0; float: none; margin-right: 0; margin-bottom: 16px; } } .ChartContainer[data-variant="HalfRight"] { padding-left: 16px; float: right; width: 50%; } @media only screen and (max-width: 62em), print { .ChartContainer[data-variant="HalfRight"] { padding: 0; width: 100%; float: none; margin-right: 0; } } .Chart { width: 100%; border-radius: 8px; background-color: hsl(40, 18%, 97%); margin: 0; padding: 24px; overflow: hidden; } .Chart .Content { height: auto; display: flex; flex-direction: row; } @media screen and (max-width: 400px) { .Chart .Content { flex-direction: column; } .Chart .Content .Box, .Chart .Content .LegendBox { width: 100%; } .Chart .Content .LegendBox { margin-top: 16px; } } .Chart .LegendBox { display: flex; align-items: center; width: 50%; } .Chart .LegendBox .legend-ul { margin: 0; margin-left: 16px; padding: 0; display: flex; flex-direction: column; width: 100%; } @media only screen and (max-width: 62em), print { .Chart .LegendBox .legend-ul { margin-left: 8px; } } .Chart .LegendBox .legend-ul .legend-li { margin: 0; padding: 0; align-items: center; cursor: pointer; display: flex; flex-direction: row; } .Chart .LegendBox .legend-ul .legend-li .bullet { display: inline-block; height: 16px; min-height: 16px; margin-right: 10px; width: 16px; min-width: 16px; border-radius: 100%; } .Chart .LegendBox .legend-text { margin: 0; padding: 0; font-size: 16px; max-width: 100%; width: 80%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .Chart .Box { width: 50%; flex-grow: 1; display: flex; justify-content: center; align-items: center; } .Chart .Title { margin-bottom: 8px; } .Chart .Title > span { font-weight: bolder; } /*#endregion*/ /*#region URL: /assets/styles/components/ContextMenu.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# */ /*#
Open context menu
*/ .ContextMenu { position: relative; } .ContextMenu-nav { background: hsl(208, 99%, 28%); color: hsl(0, 0%, 100%); display: none; font-size: 0.8rem; list-style: none; padding: 0.8em 0; position: absolute; right: 40px; text-align: right; top: 100%; z-index: 10; } .ContextMenu-nav.is-active { display: block; } .ContextMenu--left .ContextMenu-nav { left: 0; right: auto; } .ContextMenu-nav--full { left: 0; padding: 40px 0 60px 0; right: 0; } @media only screen and (min-width: 75em), print { .ContextMenu-nav { border-radius: 4px; transform: translateY(0.9em); } .ContextMenu-nav::before { border: 5px solid transparent; border-bottom-color: hsl(208, 99%, 28%); content: ""; position: absolute; right: 40px; top: 0; transform: translateY(-100%); } } .ContextMenu-item { background-color: transparent; color: currentColor; display: block; padding: 0; text-decoration: none; } .ContextMenu-item:hover { text-decoration: underline; } @media only screen and (min-width: 75em), print { .ContextMenu-item { transition: background-color 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .ContextMenu-item:hover { background-color: hsl(195, 84%, 50%); text-decoration: none; } } .ContextMenu-item:hover, .ContextMenu-item:visited, .ContextMenu-item:active { color: currentColor; } .ContextMenu-item a { color: currentColor; text-decoration: none; } .ContextMenu-item .Icon { margin-inline-end: 1em; position: relative; stroke: currentColor; top: -0.1em; } @media only screen and (min-width: 75em), print { .ContextMenu-item { padding: 0.15em 1.75em; transition: background-color 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .ContextMenu-item:hover { background-color: hsl(195, 84%, 50%); } } /*#endregion*/ /*#region URL: /assets/styles/components/CtaBlock.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .CtaBlock { background: hsl(208, 99%, 28%); border-radius: 10px; color: hsl(0, 0%, 100%); margin: 40px auto; max-width: 1160px; padding: 40px 25px; } @media only screen and (min-width: 75em), print { .CtaBlock { max-width: 680px; } } .CtaBlock .Heading { color: hsl(0, 0%, 100%); } .CtaBlock p { font-size: 18px; font-size: 1rem; } @media only screen and (min-width: 75em), print { .CtaBlock p { font-size: 18px; font-size: 0.9rem; } } /*#endregion*/ /*#region URL: /assets/styles/components/Curve.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*
//.Section--curveTop { // position: relative; // margin-top: 130/16em; // // & > .Site-container { // position: relative; // z-index: 2; // margin-top: -(50/16em)/2em; // } // // &:before { // content: ''; // height: 140/16em; // background: @colorGray; // position: absolute; // border-top-left-radius: 50%; // border-top-right-radius: 50%; // top: -50/16em; // left: -140/16em; // right: -140/16em; // z-index: 1; // } //} // //.Section--curveBottom { // position: relative; // margin-bottom: 100/16em; // padding-bottom: 1em; // // & > .Site-container { // position: relative; // z-index: 2; // } // // &:after { // content: ''; // height: 140/16em; // background: @colorGray; // position: absolute; // border-bottom-left-radius: 50%; // border-bottom-right-radius: 50%; // bottom: -50/16em; // left: -140/16em; // right: -140/16em; // z-index: 1; // } //} */ .Curve { position: absolute; width: 100%; z-index: 1; } .Curve--top { top: -1px; } .Curve--bottom { bottom: -1px; } .Curve--middle { top: 50%; transform: translateY(-50%); } .Curve--below { z-index: -1; } .Curve-wrapper { position: relative; } .Curve-wrapper--half { background-image: linear-gradient(180deg, transparent 55%, hsl(30, 20%, 98%) 55%); } .Curve--neutral { fill: hsl(30, 20%, 98%); } .Curve--light { fill: hsl(0, 0%, 100%); } /*#endregion*/ /*#region URL: /assets/styles/components/Date.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Date against light gray background

Date against gray background

*/ .Date { font-size: 20px; font-size: 1.111rem; display: block; line-height: 1; opacity: 1; } @media only screen and (min-width: 75em), print { .Date { font-size: 20px; font-size: 1rem; } } .Date--light { color: hsl(0, 0%, 100%); } /*#endregion*/ /*#region URL: /assets/styles/components/DatePicker.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 10000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; border-radius: 4px; } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; } .datepicker td { text-align: center; padding: 0.3em 0.5em; } .datepicker td.day:hover { background: #FBFAF9; cursor: pointer; } .datepicker td.day.disabled { color: #FBFAF9; } .datepicker td.old, .datepicker td.new { color: #EBE8E2; } .datepicker td.active, .datepicker td.active:hover { background: #4A74BB; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; border-radius: 4px; } .datepicker td span:hover { background: #FBFAF9; } .datepicker td span.active { background: #4A74BB; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.old { color: #EBE8E2; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 24; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #FBFAF9; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /*#endregion*/ /*#region URL: /assets/styles/components/EditingDate.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .editing-date.Flex { padding: 0 20px; } .editing-date span { font-size: 0.778rem; margin-right: 4px; } .editing-date__element { margin-right: 15px; display: flex; } .editing-date__image { margin-right: 8px; margin-top: 0px; margin-bottom: 0px; height: 19px; } @media only screen and (min-width: 75em), print { .editing-date__time { padding-top: 2px; } } /*#endregion*/ /*#region URL: /assets/styles/components/Embed.less */ .Embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .Embed iframe, .Embed object, .Embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*#endregion*/ /*#region URL: /assets/styles/components/EventList.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Event-list { background: hsl(217, 46%, 51%); border-radius: 20px; color: hsl(0, 0%, 100%); padding: 40px 25px 25px 25px; } @media only screen and (min-width: 75em), print { .Event-list { padding: 90px 0 10px 0; } } .Event-list-body { margin-bottom: 40px; } @media only screen and (min-width: 75em), print { .Event-list-body { margin-bottom: 90px; } } .Event-list-item { margin-bottom: 40px; } @media only screen and (min-width: 75em), print { .Event-list-item { margin-bottom: 60px; } } .Event-list .Icon { vertical-align: baseline; } /*#endregion*/ /*#region URL: /assets/styles/components/FactFigures.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .FactFigures { max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; } .FactFigures-list { margin-top: 90px; } .FactFigures-item { margin-bottom: 40px; } .FactFigures-item:last-child { margin-bottom: 0; } .FactFigures-item--blue .FactFigures-body, .FactFigures-item--blue .FactFigures-side::before { background: hsl(217, 46%, 51%); } .FactFigures-item--neutral .FactFigures-body, .FactFigures-item--neutral .FactFigures-side::before { background: hsl(45, 17%, 60%); } .FactFigures-item--orange .FactFigures-body, .FactFigures-item--orange .FactFigures-side::before { background: hsl(34, 100%, 63%); } .FactFigures-body { font-size: 20px; font-size: 1.111rem; padding: 90px 0; text-align: center; } @media only screen and (min-width: 75em), print { .FactFigures-body { font-size: 20px; font-size: 1rem; padding: calc(90px * 0.75) 0; border-radius: 10px; } } .FactFigures-item--blue .FactFigures-body { background: hsl(217, 46%, 51%); } .FactFigures-item--neutral .FactFigures-body { background: hsl(45, 17%, 60%); } .FactFigures-item--orange .FactFigures-body { background: hsl(34, 100%, 63%); } .FactFigures-link, .FactFigures-link:hover, .FactFigures-link:active, .FactFigures-link:visited { color: hsl(0, 0%, 100%); text-decoration: none; } .FactFigures-header { font-size: 48px; font-size: 2.667rem; display: block; font-weight: 700; line-height: 1; margin: 25px auto 0 auto; } @media only screen and (min-width: 75em), print { .FactFigures-header { font-size: 60px; font-size: 3rem; margin: 0 auto 4px auto; } } .FactFigures-description { margin: 0 auto; } .FactFigures-side { display: none; position: relative; z-index: -1; } .FactFigures-side::before { content: ""; display: block; max-width: 20px; transition: max-width cubic-bezier(0.33, 1, 0.68, 1) 0.3s; height: 100%; position: absolute; top: 0; width: 100%; } @media only screen and (min-width: 75em), print { .FactFigures-side::before { max-width: 10px; } } .FactFigures-item--blue .FactFigures-side::before { background: hsl(217, 46%, 51%); } .FactFigures-item--neutral .FactFigures-side::before { background: hsl(45, 17%, 60%); } .FactFigures-item--orange .FactFigures-side::before { background: hsl(34, 100%, 63%); } .FactFigures-side:first-child::before { border-top-left-radius: 20px; border-bottom-left-radius: 20px; right: 0; } @media only screen and (min-width: 75em), print { .FactFigures-side:first-child::before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; transform: translateX(20px); } } .FactFigures-side:last-child::before { border-top-right-radius: 20px; border-bottom-right-radius: 20px; left: 0; } @media only screen and (min-width: 75em), print { .FactFigures-side:last-child::before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; transform: translateX(-20px); } } @media only screen and (min-width: 75em), print { .FactFigures-side { display: block; } .FactFigures-link:hover .FactFigures-side::before, .FactFigures-link:active .FactFigures-side::before, .FactFigures-link:focus .FactFigures-side::before { max-width: calc(100% - 25px); max-width: 100%; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .FactFigures-side:first-child::before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .FactFigures-side:last-child::before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } } .FactFigures .Icon { margin-top: 25px; } @media only screen and (min-width: 75em), print { .FactFigures .Icon { margin-top: 0.25em; } } @media only screen and (min-width: 75em), print { .FactFigures-arrow { position: absolute; top: 50%; right: 65px; margin-top: -1em !important; opacity: 0; transition: opacity cubic-bezier(0.33, 1, 0.68, 1) 0.3s 0s; } .FactFigures-link:hover .FactFigures-arrow, .FactFigures-link:focus .FactFigures-arrow, .FactFigures-link:active .FactFigures-arrow { animation: moveRight 1 normal 0.3s cubic-bezier(0.65, 0, 0.35, 1) 0.3s both; opacity: 1; transition-delay: 0.3s; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } } /*#endregion*/ /*#region URL: /assets/styles/components/FilterBlock.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#

Programmes

Type

Category

Hide Show search filters
*/ .FilterBlock { background: hsl(40, 18%, 97%); padding: 40px; border-radius: 10px; } .FilterBlock .List { margin: 0; } .FilterBlock .List .List-item { margin-bottom: 10px; } .FilterBlock .Grid-cell { margin-bottom: 25px; } @media only screen and (min-width: 62em), print { .FilterBlock .Grid-cell { margin-bottom: 40px; } } .FilterBlock-filters { -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; overflow: hidden; max-height: 100rem; } .FilterBlock.is-collapsed .FilterBlock-filters { max-height: 0; } .FilterBlock-heading { margin-bottom: 10px; white-space: nowrap; } .FilterBlock-collapseFilters { border-top: 1px solid hsl(45, 17%, 60%); color: hsl(45, 17%, 60%) !important; text-align: center; padding: 25px 0; } .FilterBlock-collapseFiltersLink { text-decoration: none; } .FilterBlock-collapseFiltersLink .Icon { transform: none !important; transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); margin-inline-start: 0.5em; } .is-collapsed .FilterBlock-collapseFiltersLink .Icon { transform: rotate(180deg) !important; } .FilterBlock-collapseFiltersLink:hover .Icon { animation: none; } .FilterBlock-showText { display: none; } .FilterBlock.is-collapsed .FilterBlock-showText { display: inline; } .FilterBlock-hideText { display: inline; } .FilterBlock.is-collapsed .FilterBlock-hideText { display: none; } /*#endregion*/ /*#region URL: /assets/styles/components/Flex.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Flex { align-items: center; display: flex; flex-wrap: wrap; padding: 0; } .Flex-cell { display: inline-block; float: left; vertical-align: middle; } .Flex--spaceBetween { align-content: space-between; justify-content: space-between; } .Flex--end { justify-content: flex-end; } .Flex--center { justify-content: center; } .Flex--spaceAround { justify-content: space-around; } .Flex--baseline { align-items: baseline; } .Flex--stretch { align-items: stretch; } .Flex--nowrap { flex-wrap: nowrap; } .Flex--column { flex-direction: column; } @media only screen and (min-width: 62em), print { .Flex--md-nowrap { flex-wrap: nowrap; } } @media only screen and (min-width: 75em), print { .Flex--lg-nowrap { flex-wrap: nowrap; } } .Flex--columns .Flex-inner { display: table-row; } .Flex--withGutter { margin-left: -20px; margin-right: -20px; } .Flex--withGutter > .Flex-cell, .Flex--withGutter > .Flex-inner > .Flex-cell { padding-left: 20px; padding-right: 20px; } .Flex--withGutterWide { margin-left: -40px; margin-right: -40px; } .Flex--withGutterWide > .Flex-cell, .Flex--withGutterWide > .Flex-inner > .Flex-cell { padding-left: 40px; padding-right: 40px; } .Flex--withGutterY > .Flex-cell, .Flex--withGutterY > .Flex-inner > .Flex-cell { margin-top: 20px; margin-bottom: 20px; } .Flex--withGutterWideY > .Flex-cell, .Flex--withGutterWideY > .Flex-inner > .Flex-cell { margin-top: 40px; margin-bottom: 40px; } /*#endregion*/ /*#region URL: /assets/styles/components/Footer.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
*/ .Footer { color: hsl(0, 0%, 12%); content-visibility: auto; overflow: hidden; position: relative; } .Footer-row--dark { background-color: hsl(45, 16%, 90%); padding-top: 5.5em; } @media only screen and (min-width: 75em), print { .Footer-row--dark { padding-bottom: 2em; padding-top: 4.5em; } } .Footer-row--light { background-color: hsl(30, 20%, 98%); font-size: 0.9rem; opacity: 0.8; padding: 0 0 2.25em 0; } @media only screen and (min-width: 62em), print { .Footer-row--light { padding-top: 2.25em; } } @media only screen and (min-width: 75em), print { .Footer-row--light { padding-bottom: 2em; padding-top: 2em; } } .Footer-row--light p:last-child { padding-top: 2.25em; } @media only screen and (min-width: 75em), print { .Footer-row--light p:last-child { padding-top: 0; text-align: right; } } .Footer-row .Site-container { z-index: 1; position: relative; } .Footer-section { margin-bottom: 40px; } @media only screen and (min-width: 62em), print { .Footer-section { margin-bottom: 0; } } .Footer-links a { color: hsl(0, 0%, 12%); } .Footer-links a:hover { color: hsl(208, 99%, 28%); text-decoration: none; } .Footer-links .Icon { margin-inline-end: 1.5em; } @media only screen and (min-width: 62em), print { .Footer-social { margin: 2em 0; } } @media only screen and (min-width: 75em), print { .Footer-social { margin: 0; } } .Footer-teasers .CtaBlock { padding: 0; margin: 0; } .Footer-teasers .Heading { margin-top: 0; } .Footer-teasers .Grid-cell { border-radius: 10px; padding: 25px; } .Footer-teasers .Grid-cell:nth-last-child(n+2) { margin-bottom: 25px; } .Footer-teasers .Grid-cell:nth-child(odd) { background: hsl(0, 0%, 100%); } .Footer-teasers .Grid-cell:nth-child(even) { background: hsl(208, 99%, 28%); color: hsl(0, 0%, 100%); } .Footer-teasers .Grid-cell:nth-child(even) p { font-size: 0.9rem; } .Footer-teasers .Grid-cell:nth-child(even) .Link--arrow { color: currentColor; } .Footer-teasers p { font-size: 0.8rem; line-height: 1.5; } .Footer-teasers a { font-size: 0.9rem; } .Footer .Curve { z-index: 0; } .Footer .Site-container { margin-bottom: 0; margin-top: 0; } @media print { .Footer { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/Form.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
*/ .Form, .Form__MainBody { background: hsl(40, 18%, 97%); padding: 25px; border-radius: 8px; } .Form input[type=text], .Form__MainBody input[type=text], .Form input[type=password], .Form__MainBody input[type=password], .Form input[type=email], .Form__MainBody input[type=email], .Form input[type=url], .Form__MainBody input[type=url], .Form .Input, .Form__MainBody .Input { margin-bottom: 10px; } .Form .List-item, .Form__MainBody .List-item { position: relative; } .Form legend, .Form__MainBody legend { width: 100%; } .Form .Input label, .Form__MainBody .Input label { font-size: 1em; } .Form .InputGroup .InputGroup-input, .Form__MainBody .InputGroup .InputGroup-input { margin-bottom: 0; } .Form--xforms .Form-group, .Form__MainBody .Form-group { margin-bottom: 1em; } .Form--xforms .Form-group .Input--select, .Form__MainBody .Form-group .Input--select { margin-bottom: 0; } .Form--xforms label, .Form__MainBody label { display: block; } .Form--xforms input[type=text], .Form__MainBody input[type=text], .Form--xforms input[type=password], .Form__MainBody input[type=password], .Form--xforms input[type=email], .Form__MainBody input[type=email] { width: 100%; margin-bottom: 0; } .Form--xforms textarea, .Form__MainBody textarea { width: 100%; } .Form--xforms td, .Form__MainBody td, .Form--xforms tr, .Form__MainBody tr { padding: 0; } .Form--xforms fieldset, .Form__MainBody fieldset { padding-left: 0; margin-bottom: 10px; } .Form--xforms fieldset legend, .Form__MainBody fieldset legend { text-align: left; } .Form--xforms fieldset label, .Form__MainBody fieldset label { margin-bottom: 0; margin-right: 25px; } .input-validation-error { border: 1px solid hsl(359, 89%, 42%) !important; } .field-validation-error { color: hsl(359, 89%, 42%); } .validation-summary-errors ul { padding-left: 0; } .validation-summary-errors li { list-style-type: none; } /*#endregion*/ /*#region URL: /assets/styles/components/FormAssembly.less */ /* Includes style for third-party forms created by www.formassembly.com IB will add html in Episerver with validation included */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Form--salesforce { padding: 48px; } .Form--assembly { color: #333; } .Form--assembly select[multiple] { width: 100%; margin-bottom: 1em; border-radius: 0; color: #333; } .Form--assembly .Input--select { margin-bottom: 1em; } .Form--assembly .Input--select select { box-sizing: content-box !important; padding: 0.45em; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding-right: 2em; } .Form--assembly .wForm fieldset.captcha p.instructions { color: #333; margin: 0 0 1em 0; } .Form--assembly .wForm .captchaHelp { color: #333; } .Form--assembly .wForm fieldset.captcha input { clear: both; display: block; } .Form--assembly .wForm input[type=submit] { background-color: #f09000; color: #fff; -webkit-appearance: none; border: none; cursor: pointer; display: inline-block; line-height: normal; margin: 0; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; user-select: none; white-space: normal; border-radius: 2em; vertical-align: middle; transition: 0.25s; transition-property: background-color; } .Form--assembly .wForm input[type=submit]:hover { background-color: #dd7f00; color: #fff; } .Form--assembly .wFormContainer { width: auto; border: 0; background: none; border-radius: 0; box-shadow: none; } .Form--assembly .wForm { padding: 0; } .Form--assembly .wForm fieldset { border: 0; padding: 0; margin: 0; } .Form--assembly .wForm legend, .Form--assembly .wForm label { margin-top: 0; margin-bottom: 0.5em; font-size: 1.25em; font-weight: 400; line-height: 1.1; color: #333; width: 100%!important; } .Form--assembly .wForm legend { text-align: left; padding: 0; margin: 0 0 1em 0; } .Form--assembly .wForm .labelsAbove .preField { padding: 0; margin: 0 0 0.5em 0; } .Form--assembly .wForm .oneField { border: 0; padding: 0; width: 100%; margin: 0; } .Form--assembly .inputWrapper { width: 100%; } .Form--assembly .oneField input[type=text], .Form--assembly .oneField input[type=password], .Form--assembly .oneField input[type=email], .Form--assembly .oneField input[type=url] { border: 1px solid #ccc; padding: 0.6em 1.2em; font-size: 1em; max-width: 100%; width: 100%!important; border-radius: 0; background: #fff; } .Form--assembly .labelsAbove .preField { padding: 0; } @media (min-width: 62em) { .Form--assembly .wForm .oneField { width: 48%; } .Form--assembly .wForm .section div:first-child { margin-right: 20px; } } .errFld input, .errFld select { border: 1px solid red!important; } .wFormContainer .errMsg { margin-top: -10px; margin-bottom: 20px; } /* This section is responsible for styling new forms provided by salesforce. HTML and validation still provided by IB editors */ .Form--salesforce { font-size: 16px; } .Form--salesforce h4 { font-size: 1.8em; margin-bottom: 40px; } .Form--salesforce label { display: block; margin-bottom: 8px; } .Form--salesforce label + br { display: none; } .Form--salesforce label[for=acknowledge] { display: inline-block; vertical-align: top; width: 90%; margin-left: 8px; } .Form--salesforce input[type=text], .Form--salesforce input[type=password], .Form--salesforce input[type=email], .Form--salesforce input[type=url], .Form--salesforce input.gsc-input[type=text] { width: 100%; margin-bottom: 1.2em; } .Form--salesforce textarea { width: 100%; max-width: 100%; } .Form--salesforce select, .Form--salesforce select[multiple] { width: 100%; max-width: 100%; padding: 0.45em; margin-bottom: 1.2em; border: 1px solid #ccc; } .Form--salesforce select:focus, .Form--salesforce select[multiple]:focus { outline: none; box-shadow: 0 0 3px 0 #13b6ea; } .Form--salesforce select:not([multiple]) { line-height: 1.3; padding: 0.45em 2.4em 0.45em 0.45em; box-sizing: border-box; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234a73ba%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(90deg, #fff, #fff 0px, #c4c5c7 1px, #fff 1px); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, right 34px top 0px; background-size: 0.65em auto, 100%; } .Form--salesforce input[type=submit] { background-color: #f09000; color: #fff; -webkit-appearance: none; border: none; cursor: pointer; display: inline-block; line-height: normal; margin: 0; padding: 8px 15px; position: relative; text-align: center; text-decoration: none; user-select: none; white-space: normal; border-radius: 2em; vertical-align: middle; transition: 0.25s; transition-property: background-color; } .Form--salesforce #element1, .Form--salesforce #element2 { width: 100%; display: inline-block; vertical-align: top; } @media only screen and (min-width: 75em), print { .Form--salesforce #element1, .Form--salesforce #element2 { width: 48%; } } .Form--salesforce .required:after { content: " *"; color: red; } .Form--salesforce select, .Form--salesforce input, .Form--salesforce textarea, .Form--salesforce select:not([multiple]) { padding: 0.8em 1.35em; background-color: hsl(0, 0%, 100%); border-radius: 10px; border: 1px solid hsl(204, 4%, 74%); color: hsl(0, 0%, 12%); font-size: 0.9rem; } .row { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (min-width: 75em), print { .row { flex-direction: row; } } .error { color: #D8000C; margin: 5px 0px; padding: 1px 2px 3px 0px; background-repeat: no-repeat; background-position: 10px center; max-width: 290px; } .required:after { content: " *"; color: red; } /*#endregion*/ /*#region URL: /assets/styles/components/GlobalNavBar.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
*/ .GlobalNavBar { font-size: 14px; font-size: 0.7rem; padding: 0.55em 0; } @media only screen and (min-width: 75em), print { .GlobalNavBar { font-size: calc(12px + (14 - 12) * (100vw - 1200px) / (1520 - 1200)); } } @media only screen and (min-width: 95em), print { .GlobalNavBar { font-size: 14px; font-size: 0.7rem; } } .GlobalNavBar-list { margin: 0; padding: 0; } .GlobalNavBar-list--bordered .GlobalNavBar-item { margin-inline-end: 0; } @media only screen and (min-width: 75em), print { .GlobalNavBar-list--bordered .GlobalNavBar-item:after { background-color: currentColor; content: ""; display: inline-block; height: 1.425em; margin: 0 0.725em; transition: background-color 0.55s cubic-bezier(0.33, 1, 0.68, 1); vertical-align: middle; width: 1px; will-change: background-color; } } .GlobalNavBar-item { display: inline-block; margin-inline-end: 1.45em; } .GlobalNavBar-item:last-child { margin-inline-end: 0; } .GlobalNavBar-item--large { font-size: 0.8rem; } .GlobalNavBar-link { align-items: center; color: currentColor; display: inline-flex; flex-direction: column; font-weight: 400; justify-content: space-between; text-decoration: none; transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1); white-space: nowrap; } .GlobalNavBar-link::before { content: attr(data-text); content: attr(data-text) / ""; font-weight: 700; height: 0; pointer-events: none; speak: none; user-select: none; visibility: hidden; } @media speech { .GlobalNavBar-link::before { display: none; } } .GlobalNavBar-link.Link--dropdown::before { padding-right: 1rem; } .GlobalNavBar-link:hover, .GlobalNavBar-link:focus, .GlobalNavBar-link:visited { color: currentColor; font-weight: 700; opacity: 0.5; text-decoration: none; } .GlobalNavBar-link.is-active { font-weight: 700; } .GlobalNavBar-menu { position: static; } .GlobalNavBar-menu-list { list-style: none; text-align: left; } .GlobalNavBar-menu-item { font-size: 1rem; font-weight: normal; } @media only screen and (min-width: 62em), print { .GlobalNavBar-menu-item { font-weight: bold; } } @media print { .GlobalNavBar { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/GlobalNotification.less */ .GlobalNotificationBlock { position: sticky; top: 0; width: 100%; display: flex; justify-content: center; align-items: center; padding: 12px; z-index: 100; } .GlobalNotificationBlock-wrapper { display: flex; align-items: center; } .GlobalNotificationBlock p { margin: 0; } .GlobalNotificationBlock--info { background-color: #dceefe; } .GlobalNotificationBlock--info .GlobalNotificationBlock-icon:before { content: ""; margin-right: 16px; width: 20px; height: 20px; display: block; background-color: black; -webkit-mask-image: url("/assets/Images/bell.svg"); mask-image: url("/assets/Images/bell.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .GlobalNotificationBlock--danger { background-color: #fdd8d9; } .GlobalNotificationBlock--danger .GlobalNotificationBlock-icon:before { content: ""; margin-right: 16px; width: 20px; height: 20px; display: block; background-color: black; -webkit-mask-image: url("/assets/Images/alert.svg"); mask-image: url("/assets/Images/alert.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .GlobalNotificationBlock-button { width: 24px; height: 24px; background: none; border: none; text-transform: lowercase; background-image: url("/assets/Images/close.svg"); background-size: contain; } /*#endregion*/ /*#region URL: /assets/styles/components/Grid.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# **Core grid component** The Grid-cell should be combined with a utils-size class for the specific breakpoint you want to target. DO NOT apply dimension or offset utilities to the `Grid` element. All cell widths and offsets should be applied to child grid cells. **Example uses:**
1of2
1of2
1of3
2of3
*/ /* Grid container ========================================================================== */ /** * All content must be contained within child `Grid-cell` elements. * * 1. Account for browser defaults of elements that might be the root node of * the component. * 2. Remove inter-cell whitespace that appears between `inline-block` child * elements. * 3. Ensure consistent default alignment. */ .Grid { display: block; /* 1 */ font-size: 0; /* 2 */ margin: 0; /* 1 */ padding: 0; /* 1 */ text-align: left; /* 3 */ } /** * Modifier: center align all grid cells */ .Grid--alignCenter { text-align: center; } /** * Modifier: right align all grid cells */ .Grid--alignRight { text-align: right; } /** * Modifier: middle-align grid cells */ .Grid--alignMiddle > .Grid-cell { vertical-align: middle; } /** * Modifier: bottom-align grid cells */ .Grid--alignBottom > .Grid-cell { vertical-align: bottom; } /** * Modifier: gutters * * NOTE: this can trigger a horizontal scrollbar if the component is as wide as * the viewport. Use padding on a container, or `overflow-x:hidden` to protect * against it. */ .Grid--withGutter { margin-left: -20px; margin-right: -20px; } .Grid--withOuterGutter { margin-left: 20px; margin-right: 20px; } .Grid--withGutter > .Grid-cell { padding-left: 20px; padding-right: 20px; } /* Extra wide gutters */ .Grid--withWideGutter { margin-left: -40px; margin-right: -40px; } .Grid--withWideGutter.Grid--withOuterGutter { margin-left: 40px; margin-right: 40px; } .Grid--withWideGutter > .Grid-cell { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 62em), print { .Grid--withExtraWideGutter { margin-left: -80px; margin-right: -80px; } .Grid--withExtraWideGutter.Grid--withOuterGutter { margin-left: 80px; margin-right: 80px; } .Grid--withExtraWideGutter > .Grid-cell { padding-left: 80px; padding-right: 80px; } } /* Gutters above and below a Grid cell */ .Grid--withGutterY > .Grid-cell { margin-top: 20px; margin-bottom: 20px; } .Grid--withGutterWideY > .Grid-cell { margin-top: 40px; margin-bottom: 40px; } /* Grid cell ========================================================================== */ /** * No explicit width by default. Rely on combining `Grid-cell` with a dimension * utility or a component class that extends 'grid'. * * 1. Fundamentals of the non-float grid layout. * 2. Reset font size change made in `Grid`. * 3. Keeps content correctly aligned with the grid direction. * 4. Controls vertical positioning of units. * 5. Make cells full-width by default. */ .Grid-cell { box-sizing: border-box; display: inline-block; /* 1 */ font-size: 18px; /* 2 */ font-size: 1rem; /* 2 */ margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; text-align: left; /* 3 */ vertical-align: top; /* 4 */ width: 100%; /* 5 */ } @media only screen and (min-width: 75em), print { .Grid-cell { font-size: 20px; /* 2 */ font-size: 1rem; /* 2 */ } } /** * Modifier: horizontally center one unit * Set a specific unit to be horizontally centered. Doesn't affect * any other units. Can still contain a child `Grid` object. */ .Grid-cell--center { display: block; margin-right: auto; margin-left: auto; } /*#endregion*/ /*#region URL: /assets/styles/components/Header.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
*/ .Header { backface-visibility: hidden; background: transparent; border-bottom: 1px solid hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); padding: 0.6em 0; } @media only screen and (min-width: 75em), print { .Header { top: 0; } } .Header-navContainer { padding: 0.5em; } .Header-navContainer::after { content: ""; display: block; box-shadow: 0 4px 10px hsl(0, 0%, 12%); position: absolute; width: 100%; top: 100%; left: 0; height: 10px; transform: translateY(-100%); opacity: 0.06; } @media only screen and (min-width: 75em), print { .Header-navContainer::after { display: none; } } .Header-logo { max-width: 50%; width: 10rem; } @media only screen and (min-width: 75em), print { .Header-logo { width: 8rem; } } @media only screen and (min-width: 95em), print { .Header-logo { width: 10rem; } } .Header-logo-image { width: 100%; } @media only screen and (min-width: 75em), print { .Header-searchButton { margin-inline-start: 10px; opacity: 1; visibility: visible; transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-with-search .Header-searchButton { opacity: 0; visibility: hidden; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } } @media only screen and (min-width: 95em), print { .Header-searchButton { margin-inline-start: 25px; } } .Header-menuButton { -webkit-appearance: none; background: none; border: none; border-radius: 0; padding: 0.5em; position: relative; } .Header-menuIcon { transition: opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.55s cubic-bezier(0.65, 0, 0.35, 1); } @media only screen and (max-width: 75em), print { .Header-menuIcon.Icon { transform: translate(-50%, -50%); top: 50%; position: absolute; left: 50%; animation: none !important; } } .Header-menuIcon--open { opacity: 1; visibility: visible; } .is-with-menu .Header-menuIcon--open { opacity: 0; visibility: hidden; } .Header-menuIcon--close { opacity: 0; visibility: hidden; } .is-with-menu .Header-menuIcon--close { opacity: 1; visibility: visible; } @media only screen and (min-width: 75em), print { .Header .Header-menuButton, .Header .SecondaryNav { display: none; } } @media print { .Header { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/HeaderHero.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#

The IB is a
leader in
international
education

*/ .HeaderHero { position: relative; width: 100%; /* * Header hero modifiers */ /* * Header hero elements */ } @media only screen and (max-width: 75em), print { .HeaderHero { min-height: 100vh; } } @media only screen and (min-width: 75em), print { .HeaderHero { max-height: 200vh; } .HeaderHero::before { content: ''; display: block; height: 0; width: 100%; } } .HeaderHero--large::before { padding-top: 51.04%; } .HeaderHero--shorter::before { padding-top: 36.45%; } .HeaderHero--shortest::before { padding-top: 26.04%; } .HeaderHero--focusTop { background-position: 0 0; } .HeaderHero--focusMiddle { background-position: center center; } .HeaderHero--focusBottom { background-position: 0 70%; } .HeaderHero-controls { display: none; position: absolute; right: 40px; bottom: 90px; z-index: 10; } @media only screen and (min-width: 75em), print { .HeaderHero-controls { display: block; } } .HeaderHero-controls input { display: none; } .HeaderHero-controls label { background: hsl(0, 0%, 100%); cursor: pointer; display: block; width: 8px; min-height: 8px; border-radius: 4px; margin: 10px; } .HeaderHero-controls label::after { content: ""; display: block; max-height: 0; height: calc(25px + 8px); transition: max-height 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .HeaderHero-controls :checked + label::after { max-height: calc(25px + 8px); } @media only screen and (max-width: 75em), print { .HeaderHero--default { min-height: 0; } .HeaderHero--default .HeaderHero-slide { height: auto; } .HeaderHero--default .HeaderHero-image-wrapper { height: 50vh; min-height: 15rem; } } .HeaderHero--withMap { height: 37em !important; } .HeaderHero--empty { background: hsl(208, 99%, 28%) no-repeat center center; background-size: cover; padding-top: 0; height: 15em; min-height: 0; } .HeaderHero--noSwoosh:after { content: ''; display: none; } .HeaderHero-link--full, .HeaderHero--FullLink { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .HeaderHero-content { z-index: 2; } .HeaderHero-content.Site-container { margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 75em), print { .HeaderHero-content { background: hsl(195, 84%, 50%); border-radius: 10px; height: auto; z-index: 4; } .HeaderHero-content.Site-container { padding: 40px 25px; margin-top: calc(-40px - 2em); margin-bottom: 0; max-width: calc(100% - 2 * 25px); } .HeaderHero--withQuote .HeaderHero-content { background: hsl(45, 16%, 90%); } } @media only screen and (min-width: 75em), print { .HeaderHero-content { align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; padding-top: 5rem; width: 100%; } } .HeaderHero--withQuote .HeaderHero-content, .HeaderHero--default .HeaderHero-content, .HeaderHero--slider .HeaderHero-content { position: relative; } .HeaderHero-heading { color: hsl(0, 0%, 100%); font-weight: 700; max-width: 15.5em; margin: 0; } .HeaderHero-subHeading { color: hsl(0, 0%, 100%); margin: 0 0 25px 0; max-width: 40em; padding: 0; } @media only screen and (min-width: 75em), print { .HeaderHero-subHeading { margin-bottom: 10px; } } .HeaderHero-button { margin-top: 40px; } @media only screen and (max-width: 75em), print { .HeaderHero-button { background: hsl(208, 99%, 28%); } .HeaderHero-button:hover { background-color: hsl(0, 0%, 12%); } } .HeaderHero-image { height: 100%; opacity: 1; object-fit: cover; position: absolute; transition: opacity 0.75s cubic-bezier(0.32, 0, 0.67, 0); width: 100%; z-index: 1; } @media only screen and (max-width: 75em), print { .HeaderHero-image { object-position: center; object-fit: cover; height: 100vh; width: 100vw; } .HeaderHero-image--mobile ~ .HeaderHero-image--desktop { display: none; } .HeaderHero--focusTop .HeaderHero-image { object-position: 0 0; } .HeaderHero--focusMiddle .HeaderHero-image { object-position: center; } .HeaderHero--focusBottom .HeaderHero-image { object-position: 0 70%; } } @media only screen and (min-width: 75em), print { .HeaderHero-image { max-height: 200vh; } .HeaderHero-image--mobile { display: none; } } .HeaderHero-image.is-transparent { opacity: 0; } .HeaderHero-image-wrapper { background-size: cover; background-position: center; } .HeaderHero-image-wrapper::after { background: linear-gradient(181.32deg, hsl(0, 0%, 12%) 0%, transparent 100%); bottom: 0; content: ""; display: block; left: 0; opacity: 0.24; position: absolute; right: 0; top: 0; z-index: 2; } .HeaderHero--withMap .HeaderHero-image-wrapper::after { display: none; } @media only screen and (max-width: 75em), print { .HeaderHero-image-wrapper { position: relative; height: 100vh; } } @media only screen and (min-width: 75em), print { .HeaderHero-image-wrapper { position: absolute !important; top: 0; left: 0; height: 100%; width: 100%; } } .HeaderHero-playContainer { width: 3.3em; position: absolute; bottom: 0; left: 50%; margin-left: -1.65em; z-index: 1; } .HeaderHero-play { background: #004A8D; background: rgba(0, 74, 141, 0.65); border-radius: 50%; color: #fff; text-decoration: none; font-size: 2em; width: 1.6em; height: 1.6em; text-align: center; vertical-align: middle; display: table-cell; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .HeaderHero-play > span { vertical-align: middle; display: inline-block; } .HeaderHero-play .Icon { letter-spacing: -0.15em; } .HeaderHero-play:hover { color: #fff; opacity: 0.8; } .HeaderHero-slide { background: no-repeat center 33.33333333%; /* used when noscript */ background-size: cover; /* used when noscript */ background-position: center; bottom: 0; display: none; left: 0; right: 0; top: 0; } @media only screen and (max-width: 75em), print { .HeaderHero-slide + .HeaderHero-slide { position: absolute; } } @media only screen and (min-width: 75em), print { .HeaderHero-slide { height: 100%; overflow: hidden; position: absolute !important; } } .HeaderHero-slide.is-active { display: block; } .HeaderHero-video { background: hsl(0, 0%, 12%); height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: opacity 0.55s cubic-bezier(0.32, 0, 0.67, 0); width: 100%; z-index: 1; } .HeaderHero-video.is-transparent { opacity: 0; } @media only screen and (max-width: 75em), print { .HeaderHero-video { height: 100vh; left: 50%; transform: translateX(-50%); width: 175vh; } } .HeaderHero-teasers { position: relative; z-index: 4; } @media only screen and (min-width: 75em), print { .HeaderHero-teasers { margin-top: -4em !important; } } .HeaderHero-teasers-wrapper { align-items: stretch; } @media only screen and (min-width: 62em), print { .HeaderHero-teasers-wrapper { background: hsl(40, 18%, 97%); border-radius: 10px; padding: 25px 40px 40px 40px; } } @media only screen and (min-width: 75em), print { .HeaderHero-teasers .Section { margin-top: 0; } } .HeaderHero-teaser { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; width: 100%; } @media only screen and (max-width: 62em), print { .HeaderHero-teaser { background: hsl(40, 18%, 97%); border-radius: 10px; padding: 40px 25px; } } .HeaderHero-teaser:nth-child(n+2) { margin-top: 40px; } @media only screen and (min-width: 62em), print { .HeaderHero-teaser:nth-child(odd) { padding-right: 40px; } .HeaderHero-teaser:nth-child(even) { padding-left: 40px; } .HeaderHero-teaser:nth-child(-n+2) { margin-top: 0; } } .HeaderHero-teaser-tag { color: hsl(195, 84%, 50%); margin-bottom: 10px; } .HeaderHero-arrow { margin-top: 25px; } .HeaderHero .Curve { transform: translateY(50%); z-index: 4; } @media only screen and (min-width: 30em), print { .HeaderHero-playContainer { width: 5em; margin-left: -2.5em; bottom: 10%; } .HeaderHero-play { font-size: 3em; } } @media only screen and (min-width: 75em), print { .HeaderHero-playContainer { top: 51%; bottom: auto; } } @media print { .HeaderHero { background: hsl(0, 0%, 100%); } .HeaderHero--empty { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/Heading.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media only screen and (min-width: 75em), print { }@media only screen and (min-width: 75em), print { }@media only screen and (min-width: 75em), print { }.Heading--strike .Heading-text { font-size: 14px;font-size: 0.778rem;font-weight: 700;letter-spacing: 0.1em;line-height: 1.2;text-transform: uppercase; } @media only screen and (min-width: 75em), print { .Heading--strike .Heading-text { font-size: 14px;font-size: 0.7rem; } }@media only screen and (min-width: 62em), print { }@media only screen and (min-width: 62em), print { }/*# Component for handling heading styles. It supports making a ``h2`` look like e.g. a ``h5``, which means you can have semantically correct HTML while still get the correct visual look.

H1 heading that looks like a H6 with "Heading--h6"

Heading--border
Heading--pageWithBorder
Heading--page

Heading--strike

*/ .Heading--light { font-weight: 400 !important; } .Heading--medium { font-weight: 600 !important; } .Heading--bold { font-weight: 700 !important; } .Heading--extraLarge { font-size: 4em; } .Heading--border { border-bottom: 1px solid currentColor; padding-bottom: 1em; } .Heading--tight { margin: 0.5em 0; } .Heading--pad { padding-top: 1em !important; padding-bottom: 1em !important; } .Heading--padHalf { padding-top: 0.5em !important; padding-bottom: 0.5em !important; } .Heading--padTop { padding-top: 1em !important; } .Heading--padBottom { padding-bottom: 1em !important; } .Heading--padHalfBottom { padding-bottom: 0.5em !important; } .Heading--page, .Heading--pageWithBorder { color: #4A74BB; font-size: 2em; font-weight: 300; text-align: center; margin-bottom: 0.5em; margin-top: 0; } @media only screen and (min-width: 30em), print { .Heading--page, .Heading--pageWithBorder { font-size: 3.125em; } } .Heading--pageWithBorder { border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.8em; } .Heading--strike { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; justify-content: center; text-transform: uppercase; } .Heading--strike::before, .Heading--strike::after { content: ""; border-top: 1px solid currentColor; align-self: center; } .Heading--blue { color: hsl(208, 99%, 28%); } .Heading--strikeUpper .Heading-text { text-transform: uppercase; } .Heading--strikeDarker { border-top: 1px solid #cecece; } @media print { .Heading-text { background: #fff !important; } } /*#endregion*/ /*#region URL: /assets/styles/components/Icon.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# We use SVG sprites. All symbol definitions are placed in the /Views/Shared/Icons.cshtml **Example uses:** An icon that is purely decorative An icon that is a stand-alone (is a meaningful trigger on its own) Icon title And icon wrapped in a link, where a link has a descriptive label */ @font-face { font-family: 'IB_icons'; src: url('/assets/fonts/icons/IB_icons.eot?-2psp0m'); src: url('/assets/fonts/icons/IB_icons.eot?#iefix-2psp0m') format('embedded-opentype'), url('/assets/fonts/icons/IB_icons.woff?2psp0m') format('woff'), url('/assets/fonts/icons/IB_icons.ttf?2psp0m') format('truetype'), url('/assets/fonts/icons/IB_icons.svg?2psp0m#IB_icons') format('svg'); font-weight: normal; font-style: normal; } .Icon { display: inline-block; fill: currentColor; height: 1.2em; min-height: 1.2em; min-width: 1.2em; stroke: currentColor; transform-box: fill-box; transform-origin: 50% 50%; vertical-align: middle; width: 1.2em; } .Icon--smaller { height: 1em; min-height: 1em; min-width: 1em; width: 1em; } .Icon--smallest { height: 0.5em; min-height: 0.5em; min-width: 0.5em; width: 0.5em; } .Icon--larger { height: 2.25em; min-height: 2.25em; min-width: 2.25em; width: 2.25em; } .Icon--largest { height: 3.25em; min-height: 3.25em; min-width: 3.25em; width: 3.25em; } @media only screen and (min-width: 75em), print { .Icon--md-larger { height: 2.25em; min-height: 2.25em; min-width: 2.25em; width: 2.25em; } } .Icon--youtube:before { content: "\e902"; } .Icon--instagram:before { content: "\e901"; } .Icon--search:before { content: "\e603"; } .Icon--envelope:before { content: "\e604"; } .Icon--chevronDown:before { content: "\e60e"; } .Icon--fax:before { content: "\e60f"; } .Icon--chevronLeft:before { content: "\e610"; } .Icon--chevronUp:before { content: "\e611"; } .Icon--times:before { content: "\e605"; } .Icon--chevronRight:before { content: "\e606"; } .Icon--twitter:before { content: "\e600"; } .Icon--facebook:before { content: "\e601"; } .Icon--linkedin:before { content: "\e602"; } .Icon--phone:before { content: "\e607"; } .Icon--location:before { content: "\e608"; } .Icon--globe:before { content: "\e609"; } .Icon--calendar:before { content: "\e60a"; } .Icon--play:before { content: "\e60d"; } .Icon--skype:before { content: "\e60c"; } .Icon--file-empty:before { content: "\e924"; } /* Modifiers */ .Icon--padLeft { margin-left: 0.3em; } .Icon--padRight { margin-right: 0.3em; } .Icon--circle { position: relative; display: inline-block; } .Icon--circle:before { background: #ccc; border-radius: 100%; color: #ffffff; display: block; height: 2.1em; width: 2.1em; line-height: 2.1em; text-align: center; font-size: 0.8em; margin-right: 0.5em; } @media print { .Icon--circle:before { background: #fff; color: #333333; } } .Icon--blue:before { color: #13b6ea; } /*#endregion*/ /*#region URL: /assets/styles/components/Image.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# **Rounded Image** **Circle Image** */ .Image { margin: 10px 0; } .Image:first-child { margin-top: 0; } .Image--full, .Image--full .Image-element { width: 100%; } .Image--smaller, .Image--smaller .Image-element { margin: 0 auto; max-width: 125px; width: 50%; } .Image--rounded .Image-element { border-radius: 10px; } .Image--rounded-top .Image-element { border-top-left-radius: 10px; border-top-right-radius: 10px; } .Image--teaser .Image-element { aspect-ratio: 1.45454545; } .Image--stripe .Image-element { aspect-ratio: 2.5; } .Image-element { background: hsl(30, 20%, 98%); content-visibility: auto; display: block; font-size: 0.7rem; margin: 0 auto; max-width: 100%; } .Image-element[src*=".svg"] { background: transparent; } .Image-caption { font-size: 16px; font-size: 0.889rem; border-bottom: 1px solid hsl(204, 4%, 74%); color: hsl(204, 4%, 74%); font-style: italic; margin-top: 10px; padding: 0; } @media only screen and (min-width: 75em), print { .Image-caption { font-size: 16px; font-size: 0.8rem; } } .Image--center { display: block; margin: 0 auto; } .Image--circle { border-radius: 100%; border: 1px solid #B9BBBD; } .Image--float { float: left; margin: 10px 25px 10px 0; } .image--roundedSquare { border-radius: 10px; } .Image--dockedLogo { border-radius: 100%; background: #FBFAF9; padding: 0.4em; max-width: 65px; position: absolute; margin-top: -5em; margin-left: 1em; } @media only screen and (min-width: @{@widthXSmall}), print { .Image--dockedLogo { max-width: 75px; } } @media only screen and (min-width: 30em), print { .Image--dockedLogo { padding: 0.6em; max-width: 100px; margin-top: -6em; } } @media only screen and (min-width: 62em), print { .Image--dockedLogo { padding: 0.6em; max-width: 135px; margin-top: -8em; } } /*#endregion*/ /*#region URL: /assets/styles/components/Infobox.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Infobox { background: hsl(30, 20%, 98%); border-radius: 20px; color: hsl(45, 17%, 60%); padding: 25px; } @media only screen and (min-width: 62em), print { .Infobox { padding: 40px; } } @media only screen and (min-width: 75em), print { .Infobox { padding: 25px 90px; } } .Infobox-header { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; justify-content: center; text-transform: uppercase; } .Infobox-header::before, .Infobox-header::after { content: ""; border-top: 1px solid hsl(45, 17%, 60%); align-self: center; } .Infobox-item:not(:last-child) { margin-bottom: 25px; } @media only screen and (min-width: 62em), print { .Infobox-item { margin-bottom: 0; } } .Infobox .Button { font-weight: 400; } .Infobox .Button:visited { color: hsl(45, 17%, 60%); } /*#endregion*/ /*#region URL: /assets/styles/components/Infographic.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Infographics with values displayed onto them. Used on Country detail page.
1354 1354 1354 1354
*/ .Infographic { font-size: 3em; font-weight: 600; width: 100%; display: inline-block; background-size: auto 100%; background-repeat: no-repeat; color: #fff; line-height: 1em; text-align: center; background-position: top center; } .Infographic-link { color: #fff; text-decoration: none; } .Infographic--school { background-image: url('/Assets/Images/school.svg'); padding: 1em 0 0.6em; font-size: 3.8em; } .no-svg .Infographic--school { background-image: url('/Assets/Images/school.png'); background-position: center; } .Infographic--calendar { background-image: url('/Assets/Images/calendar.svg'); padding: 1.2em 0 0.6em; font-size: 3.8em; } .no-svg .Infographic--calendar { background-image: url('/Assets/Images/calendar.png'); background-position: center; } .Infographic--speaker { background-image: url('/Assets/Images/speaker.svg'); padding: 0.9em 0 2.2em; } .no-svg .Infographic--speaker { background-image: url('/Assets/Images/speaker.png'); background-position: center; } .Infographic--graduate { background-image: url('/Assets/Images/graduate.svg'); padding: 0.45em 0 2.7em; text-indent: -0.5em; font-size: 2.5em; } .no-svg .Infographic--graduate { background-image: url('/Assets/Images/graduate.png'); background-position: center; } /*#endregion*/ /*#region URL: /assets/styles/components/Input.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# **Custom Checkbox** **Custom Select** */ .Input { /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* accessibility */ } .Input [type="checkbox"]:not(:checked), .Input [type="checkbox"]:checked { position: absolute; left: -9999px; } .Input [type="checkbox"]:not(:checked) + label, .Input [type="checkbox"]:checked + label { position: relative; padding-inline-start: 1.5em; cursor: pointer; } .Input [type="checkbox"]:not(:checked) + label:hover::before, .Input [type="checkbox"]:checked + label:hover::before { border-color: hsl(0, 0%, 12%); } .Input [type="checkbox"]:focus + label { border-color: hsl(195, 84%, 50%); } .Input [type="checkbox"]:not(:checked) + label:before, .Input [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1em; height: 1em; border: 1px solid hsl(204, 4%, 74%); border-radius: 4px; background: transparent; } .Input [type="checkbox"]:not(:checked) + label:after, .Input [type="checkbox"]:checked + label:after { background-color: hsl(195, 84%, 50%); content: ""; display: block; height: calc(1em - 6px); position: absolute; top: 3px; width: calc(1em - 6px); border-radius: 2px; left: 3px; transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1), transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .Input [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .Input [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .Input [type="checkbox"]:disabled:not(:checked) + label:before, .Input [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: hsl(204, 4%, 74%); background-color: hsl(204, 4%, 74%); cursor: not-allowed; } .Input [type="checkbox"]:disabled:checked + label:after { color: hsl(204, 4%, 74%); } .Input [type="checkbox"]:disabled + label { color: hsl(204, 4%, 74%); } .Input [type="checkbox"]:checked:focus + label:before, .Input [type="checkbox"]:not(:checked):focus + label:before { border-color: hsl(195, 84%, 50%); } .Input--select { background-color: hsl(0, 0%, 100%); background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23B9BCBE' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M18.205 5.75l-8.1 8.33a.563.563 0 01-.4.17.552.552 0 01-.4-.17l-8.1-8.33' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-position: right center; background-position: calc(100% - .85em) center; background-repeat: no-repeat; background-size: auto 1.2em; border: 1px solid hsl(204, 4%, 74%); color: #000; display: block; font-weight: normal; overflow: hidden; width: 100%; } .Input--select.is-selected { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231f1f1f' viewBox='0 0 21 20' id='close'%3E%3Cg clip-path='url(/assets/styles/components/%23clip0)'%3E%3Cg clip-path='url(/assets/styles/components/%23clip1)' fill='none' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.92 19.374L19.67.624m0 18.75L.92.624'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='translate(.295)' d='M0 0h20v20H0z'%3E%3C/path%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Cpath fill='%23fff' transform='translate(.295)' d='M0 0h20v20H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); border-color: hsl(0, 0%, 12%); color: hsl(0, 0%, 12%); } .Input--select select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 0.45em 0.85em; margin: 0; padding-inline-end: 2em; } .Input--select select::-ms-expand { display: none !important; } .Input--select select:focus { outline: none; } .Input--select:hover { border-color: hsl(0, 0%, 12%); } .Input--select:focus { border-color: hsl(195, 84%, 50%); } .Input--select select:disabled { background-color: hsl(204, 4%, 74%); border-color: hsl(204, 4%, 74%); cursor: not-allowed; color: hsl(0, 0%, 12%); } .Input--select select:checked { background-color: hsl(204, 4%, 74%); cursor: default; color: hsl(0, 0%, 12%); } .Input--select-smaller { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23014c8e' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M18.205 5.75l-8.1 8.33a.563.563 0 01-.4.17.552.552 0 01-.4-.17l-8.1-8.33' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); border-color: hsl(208, 99%, 28%); color: hsl(208, 99%, 28%); } .Input--select-smaller select { padding: 0.25em 1.15em; } .vendor-ie-9 .Input--select select { width: 150% !important; } .Input--thin { padding: 0.3em !important; } /*#endregion*/ /*#region URL: /assets/styles/components/InputGroup.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# */ .InputGroup { background-color: hsl(0, 0%, 100%); border: 1px solid hsl(204, 4%, 74%); border-radius: 8px; color: hsl(204, 4%, 74%); display: table; font-weight: normal; overflow: hidden; } .InputGroup:hover { border-color: hsl(195, 84%, 50%); } .InputGroup:focus { border-color: hsl(0, 0%, 12%); } .InputGroup-input { border-radius: 0 !important; border: none !important; box-shadow: none; background-color: transparent; background-image: none; cursor: pointer; display: table-cell; padding: 0.45em 0.85em; font-size: 1rem; margin: 0; width: 100%; } .InputGroup-addon { display: table-cell; padding-inline-start: 1em; padding-inline-end: 0.5em; text-decoration: none; vertical-align: middle; white-space: nowrap; } a.InputGroup-addon { color: hsl(195, 84%, 50%); } a.InputGroup-addon:hover { background: none; } /*#endregion*/ /*#region URL: /assets/styles/components/Link.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Link--location:before, .Link--twitter:before, .Link--facebook:before, .Link--linkedin:before, .Link--youtube:before, .Link--instagram:before, .Link--mail:before, .Link--phone:before, .Link--search:before { display: inline-block;fill: currentColor;height: 1.2em;min-height: 1.2em;min-width: 1.2em;stroke: currentColor;transform-box: fill-box;transform-origin: 50% 50%;vertical-align: middle;width: 1.2em; } .Link--youtube:before { content: "\e902"; } .Link--instagram:before { content: "\e901"; } .Link--search:before { content: "\e603"; } .Link--mail:before { content: "\e604"; } .Link--twitter:before { content: "\e600"; } .Link--facebook:before { content: "\e601"; } .Link--linkedin:before { content: "\e602"; } .Link--phone:before { content: "\e607"; } .Link--location:before { content: "\e608"; } /*#

Link--gray

Link--arrow

Link--arrowLeft

Facebook - Twitter - LinkedIn

Link--location

Link--dropdown

Link--search:

Link with custom highlight: Custom Highlight Link

@Html.Translate("/buttons/readMore") @linkItem.Text Read more */ .Link, .Link--default { background: none; border: none; padding: 0; text-decoration: none; } .Link:hover, .Link--default:hover { text-decoration: underline; } .Link:hover .Button, .Link--default:hover .Button, .GlobalNavBar .Link:hover, .GlobalNavBar .Link--default:hover { text-decoration: none; } .Link:focus, .Link--default:focus { outline: 1px solid hsl(195, 84%, 50%); outline-offset: 0.1em; } .Link--arrow { align-items: center; border-bottom: 1px solid currentColor; color: hsl(208, 99%, 28%); display: flex; flex-wrap: nowrap; font-weight: 400; justify-content: space-between; padding-bottom: 0.25em; padding-top: 0.4em; transition-duration: 0.3s; transition-property: background-color, color, border-radius, padding; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); white-space: nowrap; max-width: 100%; } .Link--arrow .Link-text { text-overflow: ellipsis; overflow: hidden; } .Link--arrow:visited { color: hsl(208, 99%, 28%); } .Link--arrow:hover { border-radius: 8px; text-decoration: none; background: hsl(208, 99%, 28%); color: hsl(0, 0%, 100%); padding-left: 0.8em; padding-right: 0.8em; border-color: transparent; transition-property: background-color, color, padding; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } @media (prefers-reduced-motion) { .Link--arrow:hover { transition-property: none; } } .Link--arrow-right:hover .Icon { animation: moveLeft 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1); } @media (prefers-reduced-motion) { .Link--arrow-right:hover .Icon { animation: none; } } .Link--arrow-right .Icon { margin-inline-start: 1em; } .Link--arrow-left:hover .Icon { animation: moveRight 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1); } @media (prefers-reduced-motion) { .Link--arrow-left:hover .Icon { animation: none; } } .Link--arrow-left .Icon { margin-inline-end: 1em; } .Link--dropdown { vertical-align: middle; } .Link--dropdown .Icon { min-width: 0.5em; max-width: 0.5em; width: 0.5em; height: 0.5em; margin-inline-start: 0.5em; top: -0.05em; } .Link--slide { color: hsl(208, 99%, 28%); display: inline-block; position: relative; width: 100%; border-bottom: 1px solid hsl(208, 99%, 28%); text-decoration: none !important; overflow: hidden; } .Link--slide:visited { color: hsl(208, 99%, 28%); } .Link--slide .Link-text { opacity: 0; transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .Link--slide .Link-icon { text-align: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%; transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } @media (prefers-reduced-motion) { .Link--slide .Link-icon { transition-property: none; } } .Link--slide:hover .Link-text, .Link--slide:focus .Link-text, .Link--slide:active .Link-text { opacity: 1; text-decoration: none; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); transition-delay: 0.15s; } .Link--slide:hover .Link-icon, .Link--slide:focus .Link-icon, .Link--slide:active .Link-icon { transform: translateX(calc(100% - 1em)); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } @media (prefers-reduced-motion) { .Link--slide:hover .Link-icon, .Link--slide:focus .Link-icon, .Link--slide:active .Link-icon { transition: none; } } .Link--appear .Icon { opacity: 0; transform: translateX(-0.25em); transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1), transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .Link--appear:hover .Icon, .Link--appear:focus .Icon, .Link--appear:active .Icon { opacity: 1; transform: translateX(0); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .Link--chevron { font-size: 18px; font-size: 0.9rem; text-decoration: underline; } .Link--chevron, .Link--chevron:visited { color: hsl(208, 99%, 28%); } .Link--chevron:hover, .Link--chevron:active, .Link--chevron:focus { color: hsl(195, 84%, 50%); } .Link--chevron:hover .Icon { animation: moveRight 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1); } @media (prefers-reduced-motion) { .Link--chevron:hover .Icon { animation: none; } } .Link--chevron .Icon { margin-inline-start: 0.5em; } .Link--list { align-items: center; border-bottom: 1px solid currentColor; display: flex; font-weight: 400; justify-content: space-between; margin-bottom: 1em; padding-bottom: 0.25em; padding-top: 0.4em; transition-duration: 0.3s; transition-property: border-color, color; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); } .Link--list, .Link--list:hover { text-decoration: none; } .Link--light, .Link--light:hover, .Link--light:active, .Link--light:visited { color: hsl(0, 0%, 100%); } .Link--light:hover { text-decoration: underline; } .Link--social { color: hsl(0, 0%, 100%); vertical-align: middle; } .Link--social .Icon { margin-inline-end: 0.5em; transform: translateY(-0.075em); } .Link--social:hover, .Link--social:focus, .Link--social:active { color: hsl(0, 0%, 100%); } .Link--larger { font-size: 1.1em; } .Link--gray { color: hsl(204, 4%, 74%); } .Link--gray:hover { color: hsl(208, 99%, 28%); } .Link--silent { color: hsl(0, 0%, 12%); text-decoration: none; } .Link--silent:hover { color: hsl(0, 0%, 12%); text-decoration: none; } .Link--location, .Link--facebook, .Link--linkedin, .Link--youtube, .Link--instagram, .Link--twitter, .Link--mail, .Link--phone { display: inline-block; } .Link--search { line-height: 1em; } .Link--search:before { background: #13B6EA; color: #fff; border-radius: 50%; padding: 5px 7px 6px 6px; font-size: 14px; } .Link--search:hover { text-decoration: none !important; } .Link--search:hover:before { background: #11a0ce; } @media print { .Link .Icon { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/List.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# List component is used for listings of content, in either horizontal och vertical direction. It is often used in combination with a ``UL/OL`` tag but it is not required. **Example uses:**
List: List--roundBox: List--inline: List--border:
*/ .List { list-style: none; padding: 0; } .List--inline { padding: 0; white-space: normal; } .List--inline.List--condensed { padding: 0; } .List--morePadding .List-item { padding: 1.4em 0.7em; overflow: hidden; } .List--condensed { margin: 0; } .List--inline .List-item { display: inline-block; padding: 0.5em 0; padding-inline-end: 0.5em; } .List--spreaded .List-item { padding-inline-end: 2.25em; } .List--withNumber { list-style: decimal; padding-left: 2em; } .List--roundBox { padding: 0.5em; border: 1px solid #ddd; border-radius: 1em; text-align: center; margin: 1em 0; } .List--roundBox .List-item { display: inline-block; margin-right: 1em; margin: 0.3em 1em 0.3em 0; text-align: left; } .List--withGutter { margin-bottom: 2em; } .List--withGutter .List-item, .List--withGutter li { margin-bottom: 1.25em; } .List--withGutterY { margin-top: 2em; } .List--columns { -moz-column-count: 3; -moz-column-gap: 1.5em; -webkit-column-count: 3; -webkit-column-gap: 1.5em; column-count: 3; column-gap: 1.5em; } .List--floated { overflow: hidden; } .List--floated .List-item { float: left; width: 100%; } .List--border .List-item { border-bottom: 1px solid hsl(0, 0%, 100%); padding: 10px 0; } .List--border .List-item a { display: block; } .List--innerBorder .List-item { padding-right: 1.5em; } .List--innerBorder .List-item > span { border-bottom: 1px solid #ddd; padding: 0.5em; display: block; } .List--noLastBorder .List-item:last-child { border-bottom: 0; padding-top: 0; } .List-itemImage { margin-right: 1em; display: block; } /*#endregion*/ /*#region URL: /assets/styles/components/MainNav.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# */ .MainNav { align-self: stretch; position: relative; } @media only screen and (min-width: 75em), print { .MainNav { height: auto !important; flex-grow: 1; padding-left: 25px; } .MainNav::before { display: none; } } .MainNav-list { font-size: 20px; font-size: 1rem; list-style: none; margin: 0; background: hsl(0, 0%, 100%); backface-visibility: hidden; /* help prevent a layout bug in chrome */ width: 100%; display: flex; flex-direction: column; padding: 0.75em 0; } @media only screen and (min-width: 75em), print { .MainNav-list { font-size: 16px; font-size: 0.8rem; font-size: calc(14px + (18 - 14) * (100vw - 1200px) / (1520 - 1200)); background: transparent; list-style: none; display: flex; align-items: center; font-weight: 600; justify-content: flex-end; line-height: 1.4; margin: 0; padding: 0; transition: max-height 0.55s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), padding 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .MainNav-item.is-expanded .MainNav-list { max-height: 100vh; opacity: 1; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); padding: 40px 0; } .MainNav-list.is-active { flex-direction: row; padding: 0; transition-duration: 0.3s; transition-delay: 0.3s; } } @media only screen and (min-width: 95em), print { .MainNav-list { font-size: 18px; font-size: 0.9rem; } } .MainNav-item { padding: 0.5em 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-weight: normal; } @media only screen and (min-width: 75em), print { .MainNav-item { padding: 0; margin: 0 1em; flex-wrap: nowrap; white-space: nowrap; transition: color 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .MainNav-item .MainNav-item { font-size: 13px; font-size: 0.65rem; font-size: calc(13px + (16 - 13) * (100vw - 1200px) / (1520 - 1200)); white-space: normal; } } @media only screen and (min-width: 95em), print { .MainNav-item { margin: 0 25px; } .MainNav-item .MainNav-item { font-size: 16px; font-size: 0.8rem; } } .MainNav-item a { color: currentColor; text-decoration: none; } .MainNav-pageLink { display: flex; flex-wrap: nowrap; flex-grow: 1; justify-content: space-between; width: 50%; align-items: center; align-content: space-between; } @media only screen and (min-width: 75em), print { .MainNav-pageLink { flex-wrap: wrap; } .MainNav-pageLink::after { background: hsl(195, 84%, 50%); border-radius: 4px; bottom: -0.8rem; bottom: -0.65rem; top: 0.65rem; content: ''; display: block; height: 4px; position: relative; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1); width: 100%; } .MainNav-item:hover > .MainNav-pageLink, .is-active > .MainNav-pageLink { color: hsl(195, 84%, 50%); } .MainNav-item:hover > .MainNav-pageLink::after, .is-active > .MainNav-pageLink::after { transform: scaleX(1); transform-origin: 0 50%; transition: transform 0.55s cubic-bezier(0.32, 0, 0.67, 0); } } .MainNav-pageLink:not(:only-child) .Icon { display: none; } .MainNav-goBack { font-size: 1em; font-weight: inherit; color: hsl(204, 4%, 74%); justify-content: flex-start; } .MainNav-goBack .Icon { margin-inline-end: 1em; } @media only screen and (min-width: 75em), print { .MainNav-goBack { display: none; } } .MainNav-drillButton { padding-inline-end: 1em; order: -1; align-self: stretch; } @media only screen and (min-width: 75em), print { .MainNav-drillButton { display: none; } } @media only screen and (min-width: 75em), print { .MainNav > .MainNav-list > .MainNav-list-backdrop { position: fixed; top: 100%; left: 0; right: 0; height: 100vh; background: hsl(0, 0%, 12%); z-index: -1; opacity: 0; border-top: 1px solid #fff; visibility: hidden; transition: opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .MainNav > .MainNav-list > .is-expanded ~ .MainNav-list-backdrop { opacity: 0.8; visibility: visible; transition-delay: 0s; } .MainNav > .MainNav-list > .MainNav-item { text-align: center; } .MainNav > .MainNav-list > .MainNav-item .Icon { display: none; } .MainNav-item:nth-child(1) > .MainNav-list { grid-template-rows: repeat(5, auto); grid-template-columns: repeat(3, 1fr); grid-auto-flow: column; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list { grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, minmax(0, auto)); grid-auto-flow: column; gap: 10px 10px; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item:nth-child(-n+4) { grid-row-start: 1; grid-row-end: -1; align-self: self-start; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item:nth-child(-n+4) > .MainNav-pageLink { overflow: hidden; background-size: contain; background-position: center top; background-repeat: no-repeat; white-space: nowrap; width: 100%; display: inline-block; height: 0; padding-top: 30%; margin-bottom: 10px; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item:nth-child(-n+4) > .MainNav-pageLink:hover { animation: squish 2 alternate 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item:nth-child(-n+4) > .MainNav-pageLink > span { position: absolute; width: 0; height: 0; overflow: hidden; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item:nth-child(-n+4) > .MainNav-pageLink > .Icon { display: none; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item > .MainNav-list { display: block; position: static; overflow: visible; transform: none; max-height: none; opacity: 1; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list > .MainNav-item > .MainNav-list .MainNav-list { display: none; } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list .MainNav-pageLink[href$="middle-years-programme/"] { background-image: url('/Assets/Images/ProgrammeLogos/MYP/MYP-subbrand-EN.png'); } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list .MainNav-pageLink[href$="primary-years-programme/"] { background-image: url('/Assets/Images/ProgrammeLogos/PYP/PYP-subbrand-EN.png'); } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list .MainNav-pageLink[href$="diploma-programme/"] { background-image: url('/Assets/Images/ProgrammeLogos/DP/DP-subbrand-EN.png'); } .MainNav > .MainNav-list > .MainNav-item-img > .MainNav-list .MainNav-pageLink[href$="career-related-programme/"] { background-image: url('/Assets/Images/ProgrammeLogos/IBCC/IBCC-subbrand-EN.png'); } .MainNav-item:nth-child(3) > .MainNav-list, .MainNav-item:nth-child(4) > .MainNav-list, .MainNav-item:nth-child(5) > .MainNav-list { grid-template-columns: repeat(4, 1fr); } .MainNav-item > .MainNav-list { position: absolute; top: 100%; left: 0; right: 0; background: hsl(0, 0%, 100%); color: hsl(0, 0%, 12%); max-height: 0; opacity: 0; display: grid; box-sizing: content-box; gap: 10px 40px; font-size: 0.8rem; font-weight: 400; overflow: visible; align-content: baseline; align-items: baseline; transform: translateY(0.6rem); grid-auto-flow: row; } .MainNav-item > .MainNav-list .MainNav-list { padding: 0.75em 0; } .MainNav .MainNav-list > .MainNav-item > .MainNav-list > .MainNav-item > .MainNav-list::before, .MainNav .MainNav-list > .MainNav-item > .MainNav-list > .MainNav-item > .MainNav-list::after { display: none; } .MainNav .MainNav-list > .MainNav-item > .MainNav-list > .MainNav-item > .MainNav-list .MainNav-item { margin: 10px 0 0 0; } .MainNav-item > .MainNav-list-item .MainNav-item > .MainNav-list-item { padding-inline-end: 0; } .MainNav-item > .MainNav-list .MainNav-list-backdrop { position: fixed; top: 0; bottom: 0; background: white; z-index: -1; left: 0; transform: translateX(-50%); } .MainNav-item > .MainNav-list > .MainNav-item > .MainNav-list { display: none; } .MainNav-item > .MainNav-list .MainNav-item { text-align: left; flex-wrap: wrap; } .MainNav-item > .MainNav-list .MainNav-item .MainNav-pageLink { align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .MainNav-item > .MainNav-list .MainNav-item .MainNav-pageLink:hover .Icon { animation: moveLeft 1 reverse 0.55s cubic-bezier(0.65, 0, 0.35, 1) forwards; opacity: 1; transform: scale(1); } .MainNav-item > .MainNav-list .MainNav-item .MainNav-pageLink .Icon { transition-duration: 0.55s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1); } .MainNav-item > .MainNav-list .MainNav-item .Icon { display: inline-block; margin-inline-start: 1em; opacity: 0; transform: scale(0); transform-origin: 100% 50%; transition: opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1), transform 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .MainNav-item > .MainNav-list .MainNav-item:first-child { display: flex; } .MainNav-item > .MainNav-list .MainNav-pageLink::after { display: none; } .MainNav-list { flex-direction: row; } .MainNav .MainNav-item > .MainNav-list > .MainNav-item { max-height: 0; overflow-y: hidden; background: none; transition: max-height 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .MainNav .MainNav-item > .MainNav-list > .MainNav-item .MainNav-item { max-height: none; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .MainNav .MainNav-item > .MainNav-list > .MainNav-item .MainNav-item, .MainNav .MainNav-item > .MainNav-list > .MainNav-item .MainNav-list { background: none; } .MainNav .MainNav-item.is-expanded > .MainNav-list > .MainNav-item { max-height: 100vh; } } @media only screen and (max-width: 75em), print { .MainNav { position: static; height: 100%; left: 0; top: 0; width: 100%; color: hsl(0, 0%, 12%); overflow: hidden; transition: min-height 0.55s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important; } .is-with-search .MainNav { background: hsl(0, 0%, 100%); max-height: none; min-height: initial !important; visibility: visible; } .MainNav > .MainNav-list { align-self: flex-start; height: 100%; overflow: hidden; align-content: flex-start; justify-content: flex-start; } .MainNav > .MainNav-list .MainNav-list { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; background: hsl(0, 0%, 100%); } .MainNav > .MainNav-list .MainNav-list::after { display: block; content: ""; align-self: stretch; justify-self: stretch; background: hsl(0, 0%, 100%); position: absolute; top: 100%; left: 0; width: 100%; height: 100vh; z-index: 1; } .MainNav-list { transform: translateX(100%); height: 100%; transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1); } .MainNav-list.is-active { transform: translateX(0); height: 100%; } .is-with-search .MainNav-list { display: none; } .MainNav-item.is-active > .MainNav-pageLink { color: hsl(195, 84%, 50%); } .MainNav-item .Icon--smaller { margin-inline-start: 0.6em; } .MainNav .MainNav-goBack .Icon { margin-inline-start: 0; } } .MainNav .MainNav-wrapper { position: absolute; height: 100%; background-color: #fff; left: calc(-100vw); bottom: 0; z-index: 1; width: auto; max-width: 300vw; min-width: 300vw; } /*#endregion*/ /*#region URL: /assets/styles/components/Map.less */ /*# Map component for displaying Google Maps. Used in combination with Image-circle to get the circle look.
*/ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .js-off .Map { border: 0; } .js-on .Map { display: block; height: 0; width: 100%; max-width: 100%; } .js-on .Map-fallback { display: none; } .gmnoprint img { max-width: none; } .gm-style img { max-width: none; } .gm-style .infoContent { line-height: 1.35; overflow: hidden; white-space: nowrap; } .HeaderHero .gm-style div a div img { max-width: none; top: -20px !important; } .HeaderHero .gm-style-cc { bottom: 30px!important; } .HeaderHero .gm-style div a div img { max-width: none; top: -28px !important; } .HeaderHero .gm-style-cc { bottom: 35px!important; } @media only screen and (min-width: 30em), print { .HeaderHero .gm-style div a div img { top: -20px !important; } .HeaderHero .gm-style-cc { bottom: 30px!important; } } .Map { padding-bottom: 50.35%; } .HeaderHero--withMap .Map { height: 100%; padding-bottom: 0; width: 100%; } .Map.is-loading::after { animation: rotateFull 1.3s linear infinite normal; content: "Loading..."; border: 3px solid hsl(45, 17%, 60%); border-radius: 50%; border-top-color: transparent; height: 40px; left: calc(50% - 40px / 2); overflow: hidden; position: absolute; text-indent: 40px; top: calc(50% - 40px / 2); white-space: nowrap; width: 40px; z-index: 2; } .Map.is-loading::before { background: hsl(30, 20%, 98%); content: ""; height: 100%; left: 0; opacity: 0.5; position: static; text-indent: 40px; top: 0; width: 100%; z-index: 1; } .Map-block { background: hsl(40, 18%, 97%); display: none; position: relative; } @media only screen and (min-width: 75em), print { .Map-block { display: block; margin-top: -90px; } } .Map-cluster { background: hsl(208, 99%, 28%); border-radius: 50%; color: hsl(0, 0%, 100%); font-size: 0.75rem; font-weight: 700; line-height: 46px; text-align: center; } .Map-cluster div { position: static !important; } .Map .infoContent, .Map-info { padding: 10px; font-size: 0.7rem; max-width: 22em; } .Map-filters { background: hsl(0, 0%, 100%); border-radius: 10px; right: 25px; padding: 10px; position: absolute; top: 25px; } .Map-buttons { background: hsl(40, 18%, 97%); border-radius: 10px; padding: 10px; } .Map-button { font-size: 16px; font-size: 0.8rem; background: transparent; color: hsl(0, 0%, 12%); display: flex; flex-direction: column; margin: 0; overflow: visible; padding: 0.3em 25px 0.2em 25px; position: relative; text-align: center; transition: color 0.3s cubic-bezier(0.33, 1, 0.68, 1); } .Map-button::after { background: hsl(208, 99%, 28%); border-radius: 10px; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: scale(0.9); transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1), transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); width: 100%; z-index: 0; } @media (prefers-reduced-motion) { .Map-button::after { transition: none; } } .Map-button:hover { background: none; } .Map-button:first-of-type { margin-right: 10px; position: relative; } :checked + .Map-button { color: hsl(0, 0%, 100%); transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); } :checked + .Map-button::after { transform: scale(1); opacity: 1; } .Map-button-text { display: inline-block; float: left; overflow: hidden; position: relative; text-overflow: ellipsis; width: 100%; white-space: nowrap; z-index: 1; } .Map-link, .Map-link:hover, .Map-linkactive, .Map-link:visited { color: hsl(208, 99%, 28%); } /*#endregion*/ /*#region URL: /assets/styles/components/Media.less */ /*# The Media component is used for splitting content into a fixed width column and a fluid column that works nicely with for different screen widths. Based on the Flag object by CSS Wizardry, but renamed to Media because it's more common name for this layout. http://csswizardry.com/2013/05/the-flag-object/

This is the body of the Media object. You can change the alignment of the body to be either middle (default), top or bottom.

Nested Media object works as well.

*/ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Media { display: table; width: 100%; } .Media-side, .Media-body { display: table-cell; vertical-align: middle; } .Media--top .Media-side, .Media--top .Media-body { vertical-align: top; } .Media--bottom .Media-side, .Media--bottom .Media-body { vertical-align: bottom; } .Media--middle .Media-side, .Media--middle .Media-body { vertical-align: middle; } .Media--right .Media-side { display: table-cell; } .Media-side { padding-right: 1em; } .Media-side > img { display: block; max-width: none; } .Media--right .Media-side { padding-right: 0; padding-left: 1em; } .Media-body { width: 100%; } .Media--equal .Media-body { width: auto; } .Media--gutterX2 .Media-side { padding-right: 2em; } .Media--gutterX2.Media--right .Media-side { padding-right: 0; padding-left: 2em; } .Media--gutterY { margin-top: 2em; margin-bottom: 2em; } @media (max-width: 23.75em) { .Media--flatInXSmallWidth { caption-side: top; } .Media--flatInXSmallWidth .Media-side { display: table-caption; padding: 0 !important; text-align: center; } .Media--flatInXSmallWidth .Media-side > img { display: inline; max-width: 100%; } .Media--flatInXSmallWidth.Media--flatInXSmallWidthBottom { caption-side: bottom; } .Media--flatInXSmallWidth.Media--flatInXSmallWidthBottom.Media--withGutter .Media-side { padding-top: 1em !important; } } /*#endregion*/ /*#region URL: /assets/styles/components/Menu.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Menu { background: hsl(30, 20%, 98%); border-radius: 8px; padding: 0; border-radius: 12px; overflow: hidden; } .Menu .Menu-page-title-text { color: hsl(0, 0%, 12%); line-height: 33px; font-size: 30px; padding: 34px 40px 35px 40px; width: 100%; display: block; } .Menu .accordion-list { position: relative; display: block; width: 100%; padding: 0; margin: 0; border-top: 1px solid #cdcbc5; } .Menu .accordion-list.scroll { max-height: 600px; overflow-y: auto; } .Menu .accordion-list-item { width: 100%; display: block; border-bottom: 1px solid #cdcbc5; } .Menu .accordion-list-item__icon { font-size: 1.125em; display: inline-block; vertical-align: middle; } .Menu .accordion-list-item__link { font-size: 24px; display: flex; vertical-align: middle; color: #000000; text-decoration: none; white-space: initial; max-width: 100%; align-items: center; outline: 0; } .Menu .accordion-list-item__link.hasChildren { max-width: 90%; } .Menu .accordion-list-item-icon { font-size: 0.75em; position: absolute; display: inline-block; right: 0; color: #000000; padding: 0 0.83333em; margin-right: 0.83333em; } .Menu .accordion-list-item-icon::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-right' width='25' height='25' viewBox='0 0 21 25' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 6l6 6l-6 6' /%3E%3C/svg%3E"); display: inline-block; height: auto; margin-left: 25px; max-width: 1rem; min-width: 1rem; width: 1rem; color: hsl(208, 99%, 28%); } .Menu .accordion-list-item-icon.isExpanded.active::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='25' height='25' viewBox='0 0 21 25' stroke-width='1.5' stroke='hsl(208, 99%, 28%)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E"); } .Menu .accordion-list-item-icon.isExpanded::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='25' height='25' viewBox='0 0 21 25' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E"); } .Menu .accordion-list-item__controls { padding: 24px 0; text-indent: 0; position: relative; width: 100%; white-space: nowrap; overflow: hidden; color: #000000; display: flex; align-items: center; } .Menu .accordion-list-item__controls.isExpanded a { color: #014a8c; } .Menu .accordion-list-item__controls.is-selected a { color: #014a8c; } .Menu .accordion-list--level-0 { max-height: 100%; border-top: none; } .Menu .accordion-list--level-0 > li > div { background: #fbfaf9; } .Menu .accordion-list--level-0 > li a { padding: 0 40px; padding-right: 40px; } .Menu .accordion-list--level-0 .accordion-list-item:last-child { border-bottom: none; } .Menu .accordion-list--level-1 > li > div { background: #f6f5f2; } .Menu .accordion-list--level-1 > li a { padding: 0 calc(40px + 20px); padding-right: 40px; font-size: 22px; } .Menu .accordion-list--level-2 > li > div { background: #f0efea; } .Menu .accordion-list--level-2 > li a { padding: 0 calc(40px + 40px); padding-right: 40px; font-size: 20px; } .Menu .accordion-list--level-3 > li > div { background: #e9e8e2; } .Menu .accordion-list--level-3 > li a { padding: 0 calc(40px + 60px); padding-right: 40px; font-size: 18px; } .Menu .accordion-list--level-4 > li > div { background: #dfded8; } .Menu .accordion-list--level-4 > li a { padding: 0 calc(40px + 80px); padding-right: 40px; font-size: 18px; } /*#endregion*/ /*#region URL: /assets/styles/components/MicrositeHeader.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Microsite .MainNav-item > .MainNav-list { grid-template-columns: minmax(auto, 15em); } /*#endregion*/ /*#region URL: /assets/styles/components/Modal.less */ /*# Component for showing a modal window on page. Can be used in conjunction with the "modal" js-module. The dialog is not suitable for content that is taller than the screen height.

Open modal

Modal header

×

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean maximus eget ipsum id mattis. Aliquam nec erat sed justo ullamcorper congue eget id orci. Phasellus eleifend rhoncus lacinia.

Cancel Send
*/ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Modal { position: absolute; display: none; top: 0; right: 0; left: 0; bottom: 0; padding: 1em; } .Modal:after { content: ''; background: url('/Assets/Images/overlay-alpha.png'); background: rgba(0, 0, 0, 0.6); position: fixed; backface-visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .Modal.Modal--active { display: block; } .Modal-dialog { position: relative; background: hsl(30, 20%, 98%); margin: 0 auto; border-radius: 1em; z-index: 11; width: 100%; max-width: 550px; height: 100%; max-height: calc(100vh - 7em); padding: 1em; overflow-y: auto; } .Modal-footer { border-top: 1px solid hsl(45, 17%, 60%); margin-top: 1em; padding: 0.8em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; text-align: right; } .Modal-close { position: absolute; top: 0.5em; right: 0.6em; font-size: 1.6em; text-decoration: none; padding: 0.1rem 0.5rem; background: hsl(45, 16%, 90%); line-height: 1em; border-radius: 50%; } .Modal-close:hover { background: hsl(204, 4%, 74%); color: hsl(0, 0%, 100%); } .Modal--fullSize .Modal-dialog { max-width: 1400px; } /*#endregion*/ /*#region URL: /assets/styles/components/Navigation.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Navigation { left: 0; position: absolute; right: 0; top: 0; z-index: 10; } .Navigation.is-sticky { position: fixed; } .Navigation .Logo-svg { height: auto; } .is-sticky .Navigation-wrapper { transform: translateY(-100%); transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-sticky .Navigation-wrapper:not(.is-visible) { transition-property: none; } .is-sticky .Navigation-wrapper.is-visible { transform: translateY(0); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .Navigation-top { background-color: hsla(30, 20%, 98%, 0.9); color: hsl(208, 99%, 28%); position: relative; transition: background-color 0.55s cubic-bezier(0.33, 1, 0.68, 1), color 0.55s cubic-bezier(0.33, 1, 0.68, 1), max-height 0.55s cubic-bezier(0.33, 1, 0.68, 1); will-change: background-color, color, max-height; z-index: 2; } .is-sticky:not(.is-with-top-bar) .Navigation-top { max-height: 0 !important; overflow: hidden; } .is-with-menu .Navigation-top, .is-with-top-bar .Navigation-top, .is-with-search .Navigation-top, .Navigation:hover .Navigation-top { background-color: hsl(208, 99%, 28%); color: hsl(0, 0%, 100%); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .Navigation-bottom { background: transparent; transition: background 0.55s cubic-bezier(0.33, 1, 0.68, 1), color 0.55s cubic-bezier(0.33, 1, 0.68, 1), transform 0.55s cubic-bezier(0.33, 1, 0.68, 1); will-change: background, color, transform; } @media only screen and (max-width: 75em), print { .is-with-menu .Navigation-bottom { display: block; width: 100%; height: auto; } } @media only screen and (min-width: 75em), print { .Navigation-bottom { position: relative; transform: translateY(0); z-index: 1; } } .Navigation-bottom-links { align-self: stretch; background: hsl(0, 0%, 100%); display: none; flex-wrap: nowrap; height: calc(100vh - 5.5rem); left: 0; min-height: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; top: 100%; width: 100%; } @media only screen and (max-width: 75em), print { .Navigation-bottom-links { flex: 1 0 50%; } } @media only screen and (min-width: 75em), print { .Navigation-bottom-links { background: transparent; display: flex; flex-grow: 1; height: auto !important; justify-content: flex-end; max-height: none; overflow: visible; position: static; width: auto; } } .is-with-search .Navigation-bottom-links { overflow-y: hidden; } @media only screen and (max-width: 75em), print { .is-with-search .Navigation-bottom-links, .is-with-menu .Navigation-bottom-links { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; position: absolute; } } @media only screen and (min-width: 75em), print { .is-with-search .Navigation-bottom-links, .is-with-menu .Navigation-bottom-links { position: static; } } .is-with-menu .Navigation-bottom, .is-with-search .Navigation-bottom, .is-sticky .Navigation-bottom, .is-visible .Navigation-bottom, .Navigation:hover .Navigation-bottom { background: hsl(0, 0%, 100%); color: hsl(208, 99%, 28%); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } @media only screen and (min-width: 75em), print { .is-with-menu .Navigation-bottom, .is-with-search .Navigation-bottom, .is-sticky .Navigation-bottom, .is-visible .Navigation-bottom, .Navigation:hover .Navigation-bottom { color: hsl(0, 0%, 12%); } } .is-visible .Navigation-bottom { backface-visibility: hidden; } @media only screen and (min-width: 75em), print { .is-visible .Navigation-bottom .logo-text { opacity: 0; } } .is-with-search .Navigation-bottom .logo-text { opacity: 1; } .Navigation-backdrop { background: hsl(0, 0%, 12%); display: none; height: 100vh; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1); width: 100vw; } .is-hovered .Navigation-backdrop { display: block; opacity: 0.8; } .Navigation-logo { transition: all 0.55s cubic-bezier(0.33, 1, 0.68, 1); will-change: visibility; } .Navigation-logo .logo-text { fill: hsl(0, 0%, 100%); transition: fill 0.55s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1); will-change: fill, opacity; } .is-sticky .Navigation-logo .logo-text, .is-with-search .Navigation-logo .logo-text, .Navigation:hover .Navigation-logo .logo-text { fill: hsl(208, 99%, 28%); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .is-with-menu .Navigation-logo { visibility: hidden; opacity: 0; transition: cubic-bezier(0.32, 0, 0.67, 0); } .Navigation-select { left: 50%; max-width: calc(100% - 6rem - 2 * 40px); opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.55s cubic-bezier(0.33, 1, 0.68, 1); visibility: hidden; } .is-with-menu.is-nested-nav .Navigation-select { visibility: visible; opacity: 1; } @media only screen and (max-width: 75em), print { .Navigation-search { background: hsl(0, 0%, 100%); position: absolute; top: 0; width: 100%; padding: 40px; display: none; } .Navigation-search form { display: flex; flex-direction: column; } .Navigation-search button { margin-top: 10px; } .is-with-search .Navigation-search { display: block; } } @media only screen and (min-width: 75em), print { .Navigation-search { white-space: nowrap; max-width: 0; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); } .is-with-search .Navigation-search { max-width: 80vw; } .Navigation-search-button { margin-inline-start: 10px; } .Navigation-search-field, .Navigation-search-button { opacity: 0; transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-with-search .Navigation-search-field, .is-with-search .Navigation-search-button { opacity: 1; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } } @media only screen and (min-width: 75em), print and only screen and (min-width: 75em), print { .Navigation-search-field { min-width: 24.5em; } } @media only screen and (max-width: 75em), print { .Navigation-search-secondary { position: absolute; top: calc(45vh - 1.9rem); height: 55vh; left: 0; width: 100%; background: hsl(0, 0%, 100%); display: none; padding-bottom: 25px !important; overflow-y: scroll; } .is-with-search .Navigation-search-secondary { display: block; } } @media only screen and (min-width: 75em), print { .Navigation-search-secondary { max-height: 0; overflow: hidden; transition: max-height 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-with-search .Navigation-search-secondary { max-height: 100vh; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } .Navigation-search-secondary .Infobox { background: transparent; margin-bottom: 40px; margin-top: 40px; transition: background 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-with-search .Navigation-search-secondary .Infobox { background: hsl(30, 20%, 98%); transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } } .Navigation-menu { color: hsl(45, 17%, 60%); display: none; white-space: nowrap; } @media only screen and (max-width: 75em), print { .Navigation-menu { display: none; } } .Navigation-menu .Button { margin: 0 10px 0 40px; } .is-sticky .is-visible .Navigation-menu .Button { display: block; } .is-sticky .is-visible .Navigation-menu { display: block; } .is-with-search .is-sticky .is-visible .Navigation-menu { display: none !important; } .Navigation .Site-container { margin: 0 auto; } @media only screen and (min-width: 75em), print { .Header-searchButton { transform: translateY(-0.2em); } .is-sticky .Header-searchButton { transform: translateY(-0.1em); } .MainNav, .Header-searchButton { opacity: 1; visibility: visible; transition: opacity 0.55s cubic-bezier(0.33, 1, 0.68, 1), visibility 0.55s cubic-bezier(0.33, 1, 0.68, 1), transform 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-with-search .MainNav, .is-with-search .Header-searchButton { opacity: 0; visibility: hidden; transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); } } /*#endregion*/ /*#region URL: /assets/styles/components/PropertyList.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# PropertyList creates a listing of key-value pairs in a vertical layout.
Country:
United States
Region:
North America & the Caribbean
*/ .PropertyList { line-height: 1.4; margin: 40px 0; } .PropertyList-item { display: table-row; } .PropertyList-key, .PropertyList-value { display: table-cell; margin-bottom: 10px; padding: 10px 0; } .PropertyList--condensed .PropertyList-key, .PropertyList--condensed .PropertyList-value { padding: 4px 0; } .PropertyList-key { padding-inline-end: 25px; } /*#endregion*/ /*#region URL: /assets/styles/components/Quote.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Quote { background-size: auto 100%; background-position: center; background-position: 24.5% center; background-repeat: no-repeat; border-radius: 10px; left: 50%; padding: 50vh calc(2 * 25px) 40px calc(2 * 25px); position: relative; transform: translateX(-50%); width: 100vw; } @media only screen and (max-width: 75em), print { .HeaderHero .Quote { padding-top: 0; padding-bottom: 0; } } @media only screen and (min-width: 62em), print { .Quote { background-size: cover; padding: 40px 0; position: static; transform: none; width: 100%; } } .Quote-text { font-size: 18px; font-size: 1rem; font-style: italic; line-height: 1.7; margin: 0 0 25px 0; } @media only screen and (min-width: 62em), print { .Quote-text { font-size: 28px; font-size: 1.4rem; } } .Quote-text:before { content: "\201C\00a0"; } .Quote-text:after { content: "\00a0\201D"; } .Quote-wrapper { background: hsl(45, 16%, 90%); border-bottom: none; border-top: none; border-radius: 20px; color: hsl(0, 0%, 12%); padding: 40px; } @media only screen and (min-width: 62em), print { .Quote-wrapper { padding: 40px 90px; } } @media only screen and (max-width: 75em), print { .HeaderHero .Quote-wrapper { background-color: transparent; padding-bottom: 0; padding-top: 0; } } .Quote-cite { font-style: normal; } @media only screen and (max-width: 62em), print { .Quote-cite { font-size: 18px; font-size: 1rem; } } /*#endregion*/ /*#region URL: /assets/styles/components/Registration.less */ /*#endregion*/ /*#region URL: /assets/styles/components/Search.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .ss-result > .u-textLight { font-size: 14px; font-size: 0.778rem; color: hsl(204, 4%, 74%); } @media only screen and (min-width: 75em), print { .ss-result > .u-textLight { font-size: 14px; font-size: 0.7rem; } } .ss-result .ss-title, .ss-title { font-size: 24px; font-size: 1.333rem; color: hsl(208, 99%, 28%); } @media only screen and (min-width: 75em), print { .ss-result .ss-title, .ss-title { font-size: 28px; font-size: 1.4rem; } } .ss-result em { font-weight: 600; } .ss-result .ss-title, .ss-result .ss-title * { text-decoration: none !important; } .ss-result .ss-title:hover, .ss-result .ss-title *:hover { text-decoration: underline !important; } /* paging */ .pagination > li > a { font-size: 16px; border-color: none !important; background-color: #4A74BB !important; border-radius: 50%; color: #fff !important; text-shadow: none !important; padding: 1px 7px 2px !important; text-decoration: none !important; font-weight: normal !important; } .pagination > li > a:hover { background-color: #4068ab !important; } .pagination > li.active > a { border: 1px solid #4A74BB !important; background-color: #FBFAF9 !important; color: #4A74BB !important; } .pagination { display: inline-block; padding-left: 0; margin: 90px 0 25px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: 5px; line-height: 1.42857143; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } input.searchBox { border-radius: 2em; } @media only screen and (max-width: 37.5em) { .search-button span.search-button-text { display: none; } } input.searchBox:focus { outline: none; box-shadow: none; } .SiteSearchBlock { padding: 25px 0; } /*#endregion*/ /*#region URL: /assets/styles/components/SecondaryNav.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# */ .SecondaryNav { background: hsl(40, 18%, 97%); font-size: 0.78rem; padding: 0 40px; width: 100%; } @media only screen and (max-width: 75em), print { .is-with-search .SecondaryNav { max-height: 0; visibility: hidden; } } .SecondaryNav-list { margin: 0; padding: 0; max-height: none; overflow: hidden; transition: max-height 0.55s cubic-bezier(0.33, 1, 0.68, 1); } .is-nested + .SecondaryNav .SecondaryNav-list { transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0); max-height: 0; } .SecondaryNav-item { display: block; padding-bottom: 2em; } .SecondaryNav-item a { color: currentColor; text-decoration: none; } .SecondaryNav-item:first-child, .u-isHidden:first-child + .SecondaryNav-item { padding-top: 40px; } .SecondaryNav-item:last-child { padding-bottom: 40px; } .SecondaryNav-item--noBorder { border-right: none; } .SecondaryNav-menuButton { border: none; background: #EBE8E2; -webkit-appearance: none; width: 1.9em; height: 1.9em; text-align: center; border-radius: 50%; } .SecondaryNav-menuButton .Header-menuIcon { margin: 0; } .SecondaryNav-menuButton:hover { background: #e1dcd3; } .SecondaryNav-menuButton:focus { outline: none; } @media only screen and (min-width: 62em), print { .SecondaryNav-menuButton { display: none; } .is-shrunk .SecondaryNav-menuButton { display: inline-block; } .is-shrunk .SecondaryNav-dropdown { display: none; position: absolute; top: 2.2em; right: 0; min-width: 160px; z-index: 10000; background: #FBFAF9; padding: 0; list-style: none; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); border-radius: 3px; font-size: 1.1em; text-align: left; } .is-shrunk .SecondaryNav-dropdown.is-active { display: block; } .is-shrunk .SecondaryNav-dropdown li:first-child .SecondaryNav-dropdownItem { border-top-left-radius: 3px; border-top-right-radius: 3px; } .is-shrunk .SecondaryNav-dropdown li:last-child .SecondaryNav-dropdownItem { border-bottom: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .is-shrunk .SecondaryNav-dropdownItem > a { color: #666; display: block; border-bottom: none; border-right: none; padding: 0.8em 0.8em; text-decoration: none; } .is-shrunk .SecondaryNav-dropdownItem > a:hover { background-color: #EEE; color: #666; } } /*#endregion*/ /*#region URL: /assets/styles/components/Section.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
Default Section (with Section-pad)
Gray Section (with Section-pad)
Search Section (with Section-pad)
*/ .Section { margin: 40px auto; } .Split .Section { margin: 25px auto; } @media only screen and (min-width: 75em), print { } @media only screen and (min-width: 75em), print { .Split .Section { margin: 0 auto; } } .Split .Section + .Section { margin-top: 0; } @media only screen and (min-width: 62em), print { .Section { margin: 90px auto; } } @media only screen and (min-width: 75em), print { .Section { margin: 130px auto; } } .Section--gray { background-color: hsl(204, 4%, 74%); padding-bottom: 0 !important; } .Section--gray.Section--gray:after, .Section--gray.Section--gray:before { background: hsl(204, 4%, 74%); } .Section--editorial { background-color: hsl(85, 34%, 63%); border-radius: 10px; } .Section--editorial a { color: hsl(208, 99%, 28%); } .Section--pad { padding: 25px !important; } .Section--extraPad { padding: 40px !important; } .Section--border { border: 1px solid hsl(204, 4%, 74%); border-radius: 10px; } .Section--bottomBorder { padding-bottom: 25px; border-bottom: 1px solid hsl(204, 4%, 74%); } .Section--headerPull { /* See "& + .Site-container, & + .Section" in HeaderHero.less */ margin-top: -130px; position: relative; z-index: 2; } .Split { margin: calc(25px * 2) 0; } @media only screen and (min-width: 62em), print { .Split { margin: 0 auto; } } @media print { .Section { background: #fff !important; margin-top: 40px; margin-bottom: 40px; } } /*#endregion*/ /*#region URL: /assets/styles/components/Site.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Site component deals with max-width of the page container and styling of main content area. */ .Site { background-color: hsl(0, 0%, 100%); } .Site-container { max-width: 1480px; width: 100%; margin: 0 auto; padding: 0 40px; } @media only screen and (min-width: 75em), print { .Site-container { margin: 90px auto; } } @media only screen and (min-width: 75em), print { .Site-container--full { max-width: none; width: 100%; } } @media only screen and (min-width: 75em), print { .Site-container--small { margin-left: auto; margin-right: auto; max-width: 1240px; } } @media only screen and (max-width: 75em), print { .Site-container.breadcrumbs { margin-bottom: 40px; } } .Site-main { overflow: hidden; } @media only screen and (min-width: 30em), print { } .Site--withHeaderHero .Site-main { padding-top: 0; } @media print { .Site { padding-top: 0 !important; } .Site-container { max-width: none !important; padding: 0 !important; } } /*#endregion*/ /*#region URL: /assets/styles/components/Sitemap.less */ /*# Creates a list with borders connecting each row. */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Sitemap { list-style-type: none; color: #ccc; position: relative; margin-top: 0.4em; padding-bottom: 0.5em; } .Sitemap::before { content: ""; background: #b9bbbd; height: 1em; width: 1px; display: block; position: absolute; top: -0.8em; } .Sitemap::after { content: ""; background: #FBFAF9; height: 2em; width: 1px; display: block; position: absolute; bottom: 0; } .Sitemap--root { padding-left: 0; } .Sitemap--root::before { display: none; content: none; } .Sitemap--root > .Sitemap-item > .Sitemap-link { font-weight: bold; } .Sitemap--root > .Sitemap-item:last-child { border-left: none; } .Sitemap-item { border-top: 1px solid #b9bbbd; border-left: 1px solid #b9bbbd; line-height: 1.5em; color: #666; display: block; } .Sitemap-link { background: #fff; padding: 0 0.8em; position: relative; top: -0.9em; margin-left: 1em; text-decoration: none; display: block; } /*#endregion*/ /*#region URL: /assets/styles/components/Social.less */ /*# Component for handling social share buttons. Basically adds surrounding margins and sets correct widths for buttons. */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Social { margin: 40px 0; padding: 10px; background: hsl(40, 18%, 97%); border-radius: 8px; text-align: center; } .Social-item { height: 1rem; line-height: 1rem; } .Social-item > iframe, .Social-item > a, .Social-item > span { overflow: hidden; height: 1rem; line-height: 1rem; width: auto; vertical-align: middle !important; border-radius: 4px; } .Social-twitter { width: 3em !important; background: hsl(195, 84%, 50%); color: hsl(0, 0%, 100%); text-decoration: none; } .Social-email { font-size: 0.6rem; padding: 0 4px; text-decoration: none; } .Social--noBorder { border-top: none; } .Social--evenSpace { margin-top: 2.5em; margin-bottom: 2.5em; } @media print { .Social { display: none; } } /*#endregion*/ /*#region URL: /assets/styles/components/Status.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Component used to display status messages.

This is a plain status message

This is a success message

This is an info message

This is a warning message

*/ .Status { font-size: 18px; font-size: 1rem; background-color: hsl(208, 97%, 43%); color: hsl(0, 0%, 100%); margin: 1em 0; padding: 1em; } @media only screen and (min-width: 75em), print { .Status { font-size: 18px; font-size: 1rem; padding: 1em 20%; } } .Status p { margin: 0; } .Status--rounded { border-radius: 8px; } .Status--fixedBottom { margin: 0; position: fixed; backface-visibility: hidden; /* 1 */ bottom: 0; right: 0; left: 0; z-index: 10; } .Status--center { text-align: center; } .Status--transparent { background-color: transparent; } .Status--tight { padding-right: 0; padding-left: 0; } .Status--success { background-color: hsl(131, 64%, 43%); } .Status--info { background-color: hsl(34, 100%, 63%); } .Status--warning { background-color: hsl(359, 89%, 42%); } /*#endregion*/ /*#region URL: /assets/styles/components/Table.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
Header 1 Header 2 Header 3
Row col 1 Row col 2 Row col 3
Row col 1 Row col 2 Row col 3
*/ @media only screen and (max-width: 62em), print { .Table, .table { width: 100%; max-width: 100%; display: block; overflow-x: auto; } } .Table th, .table th { font-weight: 400; padding: 25px 10px; border-bottom: 1px solid hsl(0, 0%, 12%); } .Table th a:hover, .table th a:hover { color: hsl(195, 84%, 50%); text-decoration: none; } .Table td, .table td { border-bottom: 1px solid hsl(204, 4%, 74%); padding: 30px 10px; } .Table th, .Table td, .table th, .table td { font-size: 20px; font-size: 1.111rem; } @media only screen and (min-width: 75em), print { .Table th, .Table td, .table th, .table td { font-size: 20px; font-size: 1rem; } } .Table th:last-child, .Table td:last-child, .table th:last-child, .table td:last-child { padding-right: 0; } .Table th:first-child, .Table td:first-child, .table th:first-child, .table td:first-child { padding-left: 0; } .Table-cell--min-width, .table-cell--min-width { min-width: 4em; } .Table-sortDirection { font-size: 0.65em; color: currentColor; padding-left: 0.5em; vertical-align: text-top; } .Table--border th, .Table--border td { border-bottom: 1px solid hsl(0, 0%, 12%); } .Table--borderLeft th, .Table--borderLeft td { border-left: 1px solid hsl(204, 4%, 74%); } .Table--borderLeft th:first-child, .Table--borderLeft td:first-child { border-left: none; } .Table--SmallTableHead th { font-size: 16px; font-size: 0.889rem; } @media only screen and (min-width: 75em), print { .Table--SmallTableHead th { font-size: 18px; font-size: 0.9rem; } } /* The TinyMce editor doesn't like the PascalCase syntax. */ /*#endregion*/ /*#region URL: /assets/styles/components/Tabs.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*# Tabs component for dividing content into different tab panels. Uses the "tabs" js-module.
Panel 1
Panel 2
*/ .Tabs-list { margin: 0; padding-left: 0; width: 100%; display: table; table-layout: fixed; text-align: left; background-color: #f7f5f3; } .Tabs-item { display: table-cell; vertical-align: bottom; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border: 1px solid #ddd; } .Tabs-item.is-active { border-bottom-color: #FBFAF9; } .Tabs-item.is-active .Tabs-link { background: #FBFAF9; } .Tabs-item.is-active .Tabs-link:hover { background-color: #FBFAF9; cursor: default; } .Tabs-item--pad { padding: 1em; } .Tabs-link { display: block; color: #333; text-decoration: none; padding: 1em; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; } .Tabs-link:hover { background-color: #EBE8E2; color: #333; } .Tabs-panel { display: none; background: #FBFAF9; padding: 1em; border: 1px solid #ddd; border-top: none; } .Tabs-panel.is-active { display: block; } .Tabs--withIcons .Tabs-item { text-align: center; } .Tabs--withIcons .Tabs-icon { margin-right: 0; } .Tabs--withIcons .Tabs-text { display: none; } @media only screen and (min-width: 62em), print { .Tabs--withIcons .Tabs-item { text-align: left; } .Tabs--withIcons .Tabs-icon { margin-right: 0.5em; } .Tabs--withIcons .Tabs-text { display: inline; } } /*#endregion*/ /*#region URL: /assets/styles/components/Tag.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#

Type: Default Remove Type: Blue Sold
out

*/ .Tag { font-size: 18px; font-size: 1rem; align-items: center; background: #f09000; border-radius: 25px; color: hsl(0, 0%, 100%); display: inline-block; display: inline-flex; flex-wrap: nowrap; justify-content: space-between; padding: 10px 40px; white-space: nowrap; } @media only screen and (min-width: 75em), print { .Tag { font-size: 18px; font-size: 0.9rem; } } .Tag a, .Tag .Icon { color: currentColor; } .Tag--grey { background: hsl(204, 4%, 74%); color: hsl(0, 0%, 100%); } .Tag-type { margin-inline-end: 0.25em; } .Tag-text { font-weight: 700; } .Tag-remove { margin-inline-start: 1em; text-decoration: none; top: -0.1em; } .Tag-remove > span { display: none; } .Tag-remove.is-loading { background-image: url('/assets/images/loading-yellow.gif'); background-size: auto 85%; background-repeat: no-repeat; background-position: center; } .Tag-remove.is-loading span, .Tag-remove.is-loading:before { visibility: hidden; } .Tag--circle { font-size: 16px; font-size: 0.889rem; align-items: center; border-radius: 50%; flex-wrap: wrap; height: 3rem; justify-content: center; line-height: 1; margin-right: 10px; max-height: 3rem; max-width: 3rem; padding: 4px; text-align: center; width: 3rem; white-space: normal; } @media only screen and (min-width: 75em), print { .Tag--circle { font-size: 16px; font-size: 0.8rem; } } .Tag--circle.Tag--small { height: 1.825rem; max-height: 1.825rem; max-width: 1.825rem; padding: 0; width: 1.825rem; } .Tag--blue { background: hsl(195, 84%, 50%); } .Tag--small { font-size: 16px; font-size: 0.889rem; padding: 4px 25px; } @media only screen and (min-width: 75em), print { .Tag--small { font-size: 16px; font-size: 0.8rem; } } .Tag--small .Icon { height: 0.75em; width: 0.75em; min-height: 0.75em; min-width: 0.75em; } /*#endregion*/ /*#region URL: /assets/styles/components/TagList.less */ /*# */ .TagList { margin-top: 0.5em; } .TagList.List .List-item { margin-right: 0.3em; margin-bottom: 0.3em; } /*#endregion*/ /*#region URL: /assets/styles/components/Teaser.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } .Teaser { margin-bottom: 40px; } .Teaser-wrapper { background: hsl(0, 0%, 100%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 100%; } .Teaser--plain .Teaser-wrapper { background: none; } .Teaser-image { width: 100%; } .Teaser-body { padding: 40px; flex-grow: 1; width: 100%; } .Teaser--plain .Teaser-body { padding: 40px 0; } .Teaser-copy { height: 100%; text-align: left; } .Teaser-link { margin-top: 40px; width: 100%; } /*#endregion*/ /*#region URL: /assets/styles/components/TextBlock.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media only screen and (max-width: 62em), print { .TextBlock { padding: 25px 20px 40px 20px; } } @media only screen and (max-width: 75em), print { .TextBlock { padding: 40px 20px 90px 20px; margin-top: 130px; } } .TextBlock--plain { background: hsl(40, 18%, 97%); border-radius: 10px; } @media only screen and (min-width: 62em), print { .TextBlock--plain { border-radius: 20px; border-bottom-left-radius: 200px; padding-top: 90px; padding-bottom: 200px; } } @media only screen and (min-width: 75em), print { .TextBlock--plain { padding-top: 130px; } } .TextBlock--cutout { border-radius: 10px; background: hsl(40, 18%, 97%); padding: 40px 20px 0 20px; max-width: 700px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 62em), print { .TextBlock--cutout { border-radius: 20px; border-bottom-left-radius: 100px; padding-top: 100px; } } @media only screen and (min-width: 75em), print { .TextBlock--cutout { border-bottom-left-radius: 10px; border-top-right-radius: 200px; padding-top: 130px; } } .TextBlock--cutout .Icon { stroke: hsl(208, 99%, 28%); } .TextBlock--cutout .Image { margin: 0; } .TextBlock--cutout a { color: hsl(0, 0%, 12%); } .TextBlock--right, .TextBlock--left { position: relative; } @media only screen and (max-width: 75em), print { .TextBlock--right, .TextBlock--left { margin-top: 130px; } } @media only screen and (min-width: 62em), print { .TextBlock--left { border-top-right-radius: calc(200px / 2); } } @media only screen and (min-width: 75em), print { .TextBlock--left { border-top-right-radius: 200px; } } .TextBlock--right { margin-bottom: 200px; } @media only screen and (min-width: 75em), print { .TextBlock--left, .TextBlock--left-alt { margin-top: 200px; } } .TextBlock--withIcons, .TextBlock--links { background: hsl(217, 46%, 51%); border-radius: 20px; color: hsl(0, 0%, 100%); } .TextBlock--withIcons { padding-bottom: 90px; padding-top: 40px; } @media only screen and (min-width: 75em), print { .TextBlock--withIcons { border-top-right-radius: 200px; } } .TextBlock--links { padding-bottom: 130px; padding-top: 90px; } @media only screen and (min-width: 75em), print { .TextBlock--conferences { margin-top: -25px; } } .TextBlock-bg { background: hsl(40, 18%, 97%); border-radius: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; } @media only screen and (min-width: 62em), print { .TextBlock-bg { border-radius: 20px; } .TextBlock--left .TextBlock-bg { border-bottom-left-radius: 100px; } .TextBlock--left-alt .TextBlock-bg { border-bottom-left-radius: 20px; border-bottom-right-radius: 100px; } .TextBlock--right .TextBlock-bg { border-top-right-radius: 100px; } .TextBlock--right-alt .TextBlock-bg { border-top-right-radius: 20px; border-top-left-radius: 100px; } } @media only screen and (min-width: 75em), print { .TextBlock-bg { border-radius: 20px; } .TextBlock--left .TextBlock-bg { border-bottom-left-radius: 200px; } .TextBlock--left-alt .TextBlock-bg { border-bottom-left-radius: 20px; border-bottom-right-radius: 200px; } .TextBlock--right .TextBlock-bg { border-top-right-radius: 200px; } .TextBlock--right-alt .TextBlock-bg { border-top-right-radius: 20px; border-top-left-radius: 200px; } } .TextBlock-image { display: block; } .TextBlock--cutout .TextBlock-image { margin: 25px auto 0 auto; max-width: 50%; } @media only screen and (min-width: 62em), print { .TextBlock--cutout .TextBlock-image { margin-top: 130px; } } @media only screen and (min-width: 75em), print { .TextBlock--right .TextBlock-image { position: absolute; left: 20px; right: 0; bottom: 0; margin-bottom: -90px; } } .TextBlock-image-wrapper { display: block; width: 100%; } @media only screen and (max-width: 75em), print { .TextBlock-image-wrapper { margin: 0 auto; width: 83.33%; } } @media only screen and (min-width: 75em), print { .TextBlock-image-wrapper { display: inline-block; } } .TextBlock--left .TextBlock-image-wrapper { margin-top: -90px; } @media only screen and (min-width: 75em), print { .TextBlock--right .TextBlock-image-wrapper { position: absolute; top: 0; bottom: 0; } } .TextBlock--withIcons .TextBlock-link { border-bottom: 1px solid currentColor; color: hsl(0, 0%, 100%); text-decoration: none; } .TextBlock--links .TextBlock-link { color: hsl(0, 0%, 100%); } .TextBlock--left .TextBlock-links, .TextBlock--right .TextBlock-links { margin-bottom: 0; margin-top: 40px; padding-top: 10px; } .TextBlock--left .TextBlock-links a, .TextBlock--right .TextBlock-links a { color: hsl(208, 99%, 28%); } .TextBlock--plain .TextBlock-body { padding-bottom: 25px; } @media only screen and (min-width: 62em), print { .TextBlock--plain .TextBlock-body { padding-bottom: 0; } } .TextBlock--left .TextBlock-body, .TextBlock--right .TextBlock-body { padding-bottom: 40px; padding-top: 40px; } @media only screen and (min-width: 75em), print { .TextBlock--left .TextBlock-body, .TextBlock--right .TextBlock-body { padding-bottom: 130px; padding-top: 90px; } } @media only screen and (min-width: 75em), print { .TextBlock--left-alt .TextBlock-body, .TextBlock--right-alt .TextBlock-body { padding-top: 200px; } } @media only screen and (min-width: 62em), print { .TextBlock--cutout .TextBlock-body { font-size: 24px; font-size: 1.2rem; } } .TextBlock-heading { font-weight: 600; } .TextBlock--cutout .TextBlock-heading { color: hsl(208, 99%, 28%); margin: 25px 0; } @media only screen and (min-width: 75em), print { .TextBlock--cutout .TextBlock-heading { font-weight: 700; } } .TextBlock--right .TextBlock-heading { margin-bottom: 25px; } .TextBlock--withIcons .TextBlock-heading { padding-top: 40px; font-weight: 400; } .TextBlock--cutout .TextBlock-tag { font-size: 18px; font-size: 1rem; } @media only screen and (min-width: 75em), print { .TextBlock--cutout .TextBlock-tag { font-size: 20px; font-size: 1rem; } } /*#endregion*/ /*#region URL: /assets/styles/components/Tooltip.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } /*#
A header that needs explaining

Lorem ipsum dolor sit amet.

*/ .Tooltip { position: relative; cursor: help; } .Tooltip:before { position: absolute; top: 150%; left: -9999px; z-index: 100; opacity: 0; content: attr(data-tooltip); padding: 4px 10px; font-size: 0.8rem; line-height: 1.2; text-align: center; font-weight: normal; color: hsl(0, 0%, 12%); max-width: 100%; background: hsl(45, 17%, 60%); border-radius: 4px; transition: opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1); white-space: normal; } .Tooltip:hover:before { opacity: 1; left: 0; } .Tooltip:after { color: hsl(0, 0%, 100%); content: "?"; background: hsl(45, 17%, 60%); border-radius: 50%; display: inline-block; font-size: 0.7rem; height: 1.5em; line-height: 1.65em; margin-left: 4px; text-align: center; vertical-align: middle; width: 1.5em; } .Tooltip.Tooltip-position--top:before { top: inherit; bottom: 150%; box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.2); } .Tooltip.Tooltip-position--left:before { left: -115%; top: -100%; box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.2); } .Tooltip.Tag--grey:after { content: ""; background: transparent; margin: 0; width: 0; padding: 0; } .Table--borderLeft td .Tooltip { white-space: nowrap !important; } .Table--borderLeft td .Tooltip:before { max-width: none; } /*#endregion*/ /*#region URL: /assets/styles/pages/50anniversary.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @font-face { font-family: "DIN Alternate"; src: url("/assets/fonts/DIN_Alternate_Bold.ttf"); font-weight: normal; font-style: normal; } .Site--with50anniversary { background-color: hsl(208, 99%, 28%); font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif; color: hsl(0, 0%, 100%); } .Site--with50anniversary.block { overflow: hidden; } .Site--with50anniversary .Site-container { max-width: 100%; padding: 0; margin: 0; width: 100%; position: relative; } .Site--with50anniversary .Modal { z-index: 200; } .Site--with50anniversary .Modal-dialog { position: fixed; top: 10px !important; left: 10px; right: 10px; width: calc(100% - 20px); max-height: calc(100% - 20px); background-color: hsl(0, 0%, 100%); overflow: auto; } .Site--with50anniversary .Modal:after { background: rgba(0, 38, 70, 0.8); } .Site--with50anniversary .Footer { color: hsl(0, 0%, 100%); } .Site--with50anniversary .Footer-nav a { color: hsl(0, 0%, 100%); } .Site-50anniversary > .Site-container { background-color: hsl(0, 0%, 100%); } .Site-50anniversary video { background-color: hsl(0, 0%, 12%); object-fit: cover; } .Site-50anniversary *::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .Top-bar, .Bottom-bar { margin: 0 auto; z-index: 101; left: 0; right: 0; } .Top-bar { position: absolute; } .Top-bar.menu-open { position: fixed; } .Bottom-bar { position: fixed; bottom: 0; } .LanguageBtn { position: absolute; z-index: 101; display: block; top: 15px; right: 110px; cursor: pointer; color: #fff; line-height: 40px; text-shadow: 1px 1px 2px #666; text-transform: uppercase; } .LanguageBtn:hover { color: #fff; } .LanguageBtn:after { content: url('/Assets/Images/Arrow_down.svg'); margin-left: 0.5em; vertical-align: middle; } .LanguageSwitcher { position: absolute; display: block; overflow: hidden; right: 110px; top: 40px; height: 0; padding: 0; margin: 5px 0; color: #fff; z-index: 50; list-style: none; } .LanguageSwitcher.is-expanded { height: auto; } .LanguageSwitcher li { height: 20px; text-align: left; margin: 0.25em 5px 0.25em 0; } .LanguageSwitcher li a { color: #fff; text-decoration: none; text-shadow: 1px 1px 2px #666; text-transform: uppercase; } .MainMenuBtn { position: absolute; z-index: 101; display: block; background-image: url("/Assets/Images/menu_icon2.svg"); background-repeat: no-repeat; background-size: contain; top: 15px; right: 30px; width: 65px; height: 45px; cursor: pointer; } .MainMenuBtn.close { background-image: url("/Assets/Images/menu-close_icon2.png"); } .MainMenu { position: fixed; background: url("/Assets/Images/swoosh-footer.png") no-repeat 0 bottom #13B6EA; background-size: contain; color: #fff; top: 0; left: 0; width: 100%; height: 0; z-index: 100; overflow: hidden; -moz-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; display: flex; justify-content: center; /* align horizontal */ align-items: center; } .MainMenu.is-expanded { height: 100%; } .MainMenu-nav { list-style: none; padding: 0; text-align: center; } .MainMenu-nav a { color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; font-size: 45px; } .MainMenu-nav a:hover { color: #004B8C; } .SocialMediaPanel { text-align: center; } .SocialMediaPanel-nav { padding: 0; list-style: none; display: inline-block; } .SocialMediaPanel-nav li { display: inline-block; margin-left: 20px; } .SocialMediaPanel-nav a { color: #fff; text-decoration: none; } .SocialMediaPanel-nav a:hover { color: #004B8C; } .Startpage { position: relative; overflow: hidden; background: #000; } .Startpage-video { position: absolute; top: -500px; bottom: -500px; left: -1200px; right: -1200px; display: block; margin: auto; } .Startpage-loader { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; margin: auto; width: 100%; height: 100%; z-index: 2; overflow: hidden; background-image: url(/Assets/Images/top-logos.svg); background-size: 35vh; background-position: center center; background-color: transparent; background-repeat: no-repeat; /*background-size: 35vh;*/ background-size: cover; } .Startpage-logoanniv { position: absolute; top: 10px; left: 30px; height: 66px; z-index: 5; } .Startpage-discover { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; background: url("/Assets/Images/blue-wave.svg") no-repeat center top; background-size: cover; -webkit-transition: bottom 0.3s; /* Safari */ transition: bottom 0.3ss; } .Startpage-discover.hidden { bottom: -130px; } .Startpage-discover p { color: #fff; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; text-align: center; text-transform: uppercase; font-size: 40px; margin: 20px 0 10px; } .Startpage-discover :after { content: ''; background: url("/Assets/Images/scroll_mouse_arrow.gif") no-repeat; width: 28px; height: 40px; display: block; margin: 0 auto; background-size: contain; } .Timeline { height: 20px; background-color: #3E81B3; position: relative; width: 100%; margin: 0 auto; z-index: 10; } .Timeline.is-shrunk { position: fixed; top: 0; } .Timeline-container { position: relative; width: calc(100% - 20px); margin: 0 10px; height: 100%; } .Timeline-container:before { content: ''; position: absolute; left: -10px; width: 10px; height: 100%; background-color: #004A8D; } .Timeline-progressbar { height: 100%; background-color: #004A8D; position: absolute; top: 0; left: 0; -webkit-transition: width 0.3s; transition: width 0.3s; } .Timeline-progressbar:after { content: ''; display: block; position: absolute; right: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; } .Timeline-counter { position: absolute; top: 40px; left: 40px; background: #fff; width: 270px; height: 93px; padding: 10px; border-radius: 93px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); color: #004B8C; } .Timeline-year { font-size: 60px; line-height: 73px; height: 73px; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; border-right: 2px solid #004B8C; width: 130px; float: left; margin-left: 15px; } .Timeline-schools, .Timeline-programs { font-size: 10px; line-height: 10px; width: 90px; float: right; margin-bottom: 3px; text-transform: uppercase; } .Timeline-schools span, .Timeline-programs span { display: block; font-size: 25px; line-height: 25px; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; } .Page { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .Page video { outline: none; overflow-x: hidden; } .Page-description { font-size: 22px; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; } .Page-description p { margin: 0; color: inherit; } .Page-description a { color: inherit; } .Page-ovalcenter { background-color: #004B8C; } .Page-ovalcenter .Page-overlay { position: relative; top: 0; left: 0; width: 100%; height: 100%; } .Page-ovalcenter .Page-overlay img { display: block; width: 100%; } .Page-ovalcenter .Page-description { position: absolute; bottom: 15%; left: 0; right: 0; text-align: center; color: #fff; width: 50%; margin: 0 auto; } .Page-waves { z-index: 2; } .Page-waves:before { content: ''; background: url("/Assets/Images/white-wave.svg") no-repeat center top; background-size: 102%; width: 100%; height: 50px; position: absolute; top: -48px; } .Page-waves:after { content: ''; background: url("/Assets/Images/white-wave-inside.svg") no-repeat center bottom; background-size: 102%; width: 100%; height: 50px; position: absolute; bottom: -42px; } .Page-roundimage-content { display: table; width: 100%; position: relative; z-index: 2; } .Page-roundimage .Page-image { display: table-cell; vertical-align: middle; width: 50%; } .Page-roundimage .Page-image-frame { display: block; width: 426px; height: 426px; border-radius: 50%; border: 3px solid #fff; margin: -50px 0 -30px; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .Page-roundimage .Page-image-frame video, .Page-roundimage .Page-image-frame img { height: 100%; min-width: 100%; margin: 0 auto; position: absolute; top: 0; left: -200px; right: -200px; } .Page-roundimage .Page-description { display: table-cell; vertical-align: middle; width: 50%; text-align: left; color: #000; } .Page-roundimage-image-left .Page-image { padding-left: 15%; } .Page-roundimage-image-left .Page-image-frame { float: right; } .Page-roundimage-image-left .Page-description { padding-left: 20px; padding-right: 15%; } .Page-roundimage-image-right .Page-image { padding-right: 15%; } .Page-roundimage-image-right .Page-image-frame { float: left; } .Page-roundimage-image-right .Page-description { padding-right: 20px; padding-left: 15%; } .Page-roundimage + .Page-dualimages:before, .Page-roundimage + .Page-roundimage:before { content: none; } .Page-roundimage + .Page-dualimages .Page-image-frame, .Page-roundimage + .Page-roundimage .Page-image-frame { margin-top: 0; } .Page-dualimages + .Page-dualimages:before, .Page-dualimages + .Page-roundimage:before { content: none; } .Page-dualimages + .Page-dualimages .Page-image-frame, .Page-dualimages + .Page-roundimage .Page-image-frame { margin-top: 0; } .Page-dualimages-content { display: table; width: 100%; position: relative; z-index: 2; } .Page-dualimages .Page-image { display: table-cell; vertical-align: middle; width: 50%; } .Page-dualimages .Page-image-frame { display: block; width: 633px; height: 426px; border: 3px solid #fff; margin: -50px 0 -45px; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .Page-dualimages .Page-image-frame video, .Page-dualimages .Page-image-frame img { height: 100%; min-width: 100%; margin: 0 auto; position: absolute; top: 0; left: -200px; right: -200px; } .Page-dualimages .Page-description { display: table-cell; vertical-align: middle; width: 50%; text-align: left; color: #000; } .Page-dualimages-image-right .Page-image-frame { border-radius: 426px 0 0 426px; float: right; border-right: 0; } .Page-dualimages-image-right .Page-description { padding-left: 15%; padding-right: 20px; } .Page-dualimages-image-left .Page-image-frame { border-radius: 0 426px 426px 0; border-left: 0; } .Page-dualimages-image-left .Page-description { padding-right: 15%; padding-left: 20px; } .Video-control { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .Video-control .Video-play { background: url("/Assets/Images/video-ctrl/icon_play-big.svg") no-repeat center center; position: absolute; z-index: 4; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 64px; height: 40px; cursor: pointer; outline: none; overflow-x: hidden; } .Video-control-buttons { background: rgba(0, 75, 151, 0.5); border-radius: 20px; border: 2px solid rgba(255, 255, 255, 0.75); padding: 5px; position: absolute; z-index: 5; bottom: 30px; right: 0; left: 0; width: 140px; height: 40px; margin: 0 auto; text-align: center; } .Video-control .btn { cursor: pointer; display: inline-block; width: 24px; margin: 0 6px; background-size: contain; background-repeat: no-repeat; background-position: center top; vertical-align: middle; } .Video-control .btnPlay { height: 15px; background-image: url("/Assets/Images/video-ctrl/icon_play.svg"); } .Video-control .btnSubtitles { height: 15px; background-image: url("/Assets/Images/video-ctrl/icon_subtitles.svg"); } .Video-control .btnVolume { height: 22px; background-image: url("/Assets/Images/video-ctrl/icon_volume.svg"); } .Video-control .btnVolume.mute { background-image: url("/Assets/Images/video-ctrl/icon_volume-mute.svg"); margin-top: 1px; } .Video-control .btnEnlarge { height: 18px; background-image: url("/Assets/Images/video-ctrl/icon_enlarge.svg"); } .Startpage .Video-control .Video-control-buttons { bottom: 25%; width: 175px; } .Video-control.play .Video-play { display: none; } .Video-control.play .btnPlay { background-image: url("/Assets/Images/video-ctrl/icon_pause.svg"); } .Video-control.pause .Video-control-buttons { display: none !important; } .Footer--withWave { position: relative; z-index: 2; overflow: visible; } .Footer--withWave:before { content: ''; display: block; width: 100%; height: 40px; position: absolute; top: -40px; background: url("/Assets/Images/footer-wave.svg") no-repeat top; background-size: cover; } .Footer--withWave .Site-container { position: relative; } .Footer .back-to-top { position: absolute; display: block; visibility: hidden; background: url("/Assets/Images/arrow-top.svg") no-repeat; background-size: contain; bottom: 15px; right: 30px; width: 45px; height: 65px; cursor: pointer; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .Footer .back-to-top.show { opacity: 1; visibility: visible; } .Footer-nav { list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-align: center; padding: 20px 0; } .Footer-nav li { display: inline-block; margin: 0 10px; } .Footer-nav a { text-decoration: none; } .Footer-nav a:hover { color: #004B8C; } .Footer-copyright { text-align: center; } .Popup { background-color: #fff; max-width: 650px; padding: 15px 40px; } .Popup-heading { color: #527ABE; font-family: 'Myriad Pro', 'Arial', 'Trebuchet MS', sans-serif; text-align: center; font-size: 32px; margin-bottom: 30px; } .Popup p { font-size: 16px; margin-bottom: 30px; } .Popup p.intro { padding-bottom: 30px; border-bottom: 1px solid #979797; font-size: 18px; } .Popup a { color: #0075DA; text-decoration: none; } .Popup-close { display: block; width: 50px; height: 32px; position: absolute; top: 10px; right: 10px; text-decoration: none; background-image: url("/Assets/Images/icon_close2.svg"); background-repeat: no-repeat; background-size: contain; } @media print { .MainMenu { display: none; } } @media (min-width: 769px) and (max-width: 1024px) { .Startpage-discover p { font-size: 36px; } .Startpage-discover :after { width: 22px; height: 32px; } .Page-description { font-size: 20px; line-height: 26px; } .Page-ovalcenter .Page-description { width: 75%; } } @media (max-width: 768px) { .Startpage-logoanniv { height: 45px; left: 15px; } .Startpage-discover p { font-size: 24px; } .Startpage-discover :after { width: 18px; height: 26px; } .MainMenu-nav a { font-size: 25px; } .MainMenuBtn { width: 45px; height: 30px; right: 15px; } .LanguageBtn { right: 75px; line-height: 30px; } .LanguageSwitcher { right: 75px; } .Timeline { height: 10px; } .Timeline-container { width: calc(100% - 10px); margin: 0 5px; } .Timeline-container:before { left: -5px; width: 5px; } .Timeline-progressbar:after { right: -5px; width: 10px; height: 10px; } .Timeline-counter { position: relative; top: 0; left: 0; width: 100%; height: 40px; padding: 0; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .Timeline-year { font-size: 38px; line-height: 40px; height: 40px; border-right: none; width: auto; margin-left: 15px; } .Timeline-schools, .Timeline-programs { height: 40px; padding-top: 15px; width: auto; float: left; margin-bottom: 0; margin-left: 20px; } .Timeline-schools span, .Timeline-programs span { display: inline-block; font-size: 20px; line-height: 20px; margin-left: 5px; } .Page { background-position-y: -30px !important; background-attachment: scroll; } .Page-description { font-size: 16px; line-height: 18px; } .Page-ovalcenter .Page-description { position: relative; bottom: 0; text-align: center; width: 100%; margin-top: -50px; padding: 5% 10% 12%; z-index: 2; background: url("/Assets/Images/blue-wave2.svg") no-repeat center top; background-size: cover; } .Page-waves:before { height: 25px; top: -25px; } .Page-waves:after { height: 25px; bottom: -25px; } .Page-roundimage-content { display: flex; flex-direction: column; position: relative; } .Page-roundimage .Page-image { order: 1; display: block; width: 100%; float: none; padding: 0; } .Page-roundimage .Page-image-frame { width: 45vmin !important; height: 45vmin !important; margin: -30px auto 0px; float: none; } .Page-roundimage .Page-description { order: 2; display: block; vertical-align: middle; width: 100%; padding: 10px 10% 25px; text-align: center; } .Page-dualimages-content { display: flex; flex-direction: column; } .Page-dualimages .Page-image { display: block; order: 1; width: 100%; } .Page-dualimages .Page-image-frame { width: 90vmin !important; height: 50vmin !important; border: 3px solid #fff; margin: -15px auto 0px; float: none; border-radius: 200px; } .Page-dualimages .Page-image-frame video, .Page-dualimages .Page-image-frame img { width: 100%; height: auto; min-height: 100%; } .Page-dualimages .Page-description { display: block; order: 2; width: 100%; padding: 5% 10% 10%; text-align: center; } .Footer--withWave:before { height: 25px; top: -25px; } .Footer .back-to-top { bottom: 15px; right: 15px; width: 30px; height: 45px; } .Footer-nav { padding: 20px 0; } .Footer-nav li { margin: 0 10px; } } @media (max-width: 560px) { .Page-waves:before { height: 15px; top: -15px; } .Page-waves:after { height: 15px; bottom: -15px; } .Page-roundimage .Page-image-frame { width: 55vmin !important; height: 55vmin !important; } .Video-control-buttons { padding: 2px; bottom: 15px; width: 110px; height: 35px; } .Video-control-buttons .btn { width: 18px; height: 100%; background-position: center; } .Video-control-buttons .btnPlay { background-size: 16px 14px; } .Video-control-buttons .btnVolume { background-size: 16px 20px; } .Video-control-buttons .btnVolume.mute { background-size: 19px 20px; margin-top: 0; } .Video-control-buttons .btnEnlarge { background-size: 16px 17px; } .Startpage .Video-control-buttons .Video-control-buttons { bottom: 95px; } } /*** VIDEO SUBTITLES STUFF ***/ .SubtitlesList { display: none; position: absolute; bottom: 40px; left: 10px; background: rgba(0, 75, 151, 0.5); margin: 0; padding: 6px 30px; border: 2px solid #fff; border-radius: 10px; color: #fff; list-style: none; text-align: left; } .SubtitlesList li { white-space: nowrap; } .SubtitlesList li.active::before { content: "✓"; position: absolute; margin-left: -16px; } video#Startpage-video { max-width: 100%; } @media screen and (max-aspect-ratio: 1.77777778) { video#Startpage-video { height: 100%; } ::cue { line-height: 1.2em; } } @media screen and (min-aspect-ratio: 1.77777778) { video#Startpage-video { width: 100%; } ::cue { line-height: 5em; } } ::cue { font-size: 0.7em; background: rgba(0, 0, 0, 0.2); position: fixed; bottom: 1em; line-height: 1.2em; width: auto; left: 10%; right: 10%; } /*@media screen and (max-aspect-ratio: 1920/1080) { ::cue { line-height: 0em; } } @media screen and (min-aspect-ratio: 1920/1080) { ::cue { line-height: 3em; } }*/ /*@media screen and (min-aspect-ratio: 1900/900) { ::cue { line-height: 6em; } }*/ /*@media only screen and (min-width : 320px) { ::cue { font-size: .15em; } } @media only screen and (min-width : 768px) { ::cue { font-size: .25em; } } @media only screen and (max-width : 900px) { ::cue { font-size: .35em; } } @media only screen and (min-width : 1224px) { ::cue { font-size: .5em; } } @media only screen and (min-width : 1440px) { ::cue { font-size: .6em; } }*/ /*#endregion*/ /*#region URL: /assets/styles/pages/Article.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media only screen and (min-width: 75em), print { }@media only screen and (min-width: 75em), print { }@media only screen and (min-width: 75em), print { }@media only screen and (min-width: 75em), print { }@media only screen and (min-width: 62em), print { }@media only screen and (min-width: 62em), print { }.Article { /* ul, ol { list-style-position: inside; padding: .5em 0; li { padding: .2em 0; } }*/ } .Article h1, .Article h2, .Article h3, .Article h4, .Article h5, .Article h6 { color: hsl(208, 99%, 28%); } .Article a:not(.Button):visited, .Article a:not(.Link):visited { color: hsl(277, 50%, 35%); } .Article .Button:visited, .Article .Link:visited { color: currentColor; } @supports (aspect-ratio: 16 / 9) { .Article iframe[src*=vimeo], .Article iframe[src*=youtube] { aspect-ratio: 1.77777778; height: auto; } } .Article img { border-radius: 8px; margin: 10px auto; } /*#endregion*/ /*#region URL: /assets/styles/pages/EventDetailPage.less */ @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Myriad Pro'; src: url('/Assets/Fonts/MyriadPro-It.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Arial'; src: local('Arial'); font-weight: 400; line-gap-override: 96%; font-display: optional; } @font-face { font-family: 'Trebuchet MS'; src: local('Trebuchet MS'); font-weight: 400; line-gap-override: 94%; font-display: optional; } @media (max-width: 30em) { .Event--RegistrationContainer p { display: inline-block; } .Event--RegistrationContainer p:not(:last-child) { margin-right: 5px; } .Event--RegistrationContainer.mobile-only > div:not(:first-child) { padding-top: 10px; } } /*#endregion*/