.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} @charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } body { background-color: #1c1c1c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* disable input glowies */ input:focus, textarea:focus { outline: none; outline-width: 0; } /* WP Admin Bar */ ::-webkit-input-placeholder { color: white; opacity: 1; } :-ms-input-placeholder { color: white; opacity: 1; } ::-ms-input-placeholder { color: white; opacity: 1; } ::placeholder { color: white; opacity: 1; } ::-ms-input-placeholder { color: white; } .body-content p img, .body-content img { max-width: 100%; height: auto; } body { margin: 0; color: black; font-family: "fira-sans", helvetica, arial, sans-serif; font-weight: normal; line-height: 1.333rem; -webkit-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures; -webkit-font-kerning: auto; font-kerning: auto; -webkit-font-feature-settings: 'liga' 1; font-feature-settings: 'liga' 1; font-variant-numeric: oldstyle-nums; -webkit-font-feature-settings: 'onum'; font-feature-settings: 'onum'; } h1, h2, h3, h4, h5, h6 { margin: 0; color: black; font-family: "fira-sans", helvetica, arial, sans-serif; font-weight: normal; font-variant-numeric: lining-nums; -webkit-font-feature-settings: 'lnum'; font-feature-settings: 'lnum'; } .font-sans, .newsletter-cta, .newsletter-cta-inpage, .body-content .definition .meaning, .body-content .pullquote, .body-content .statistic .value, .body-content .sidebar-image .caption, .body-content .big-image .caption, .body-content .figure .header h3, .site-footer { font-family: "fira-sans", helvetica, arial, sans-serif; } .font-mono { font-family: "Source Code Pro", monospace; } p { color: black; letter-spacing: 0.01; margin: 0 0 2rem 0; color: black; font-size: 18px; line-height: 28px; } p:last-child { margin-bottom: 0; } b, strong { font-weight: 600; } .font-serif, .body-content .statistic .info, .body-content .related-link .title, .page-news-main .description { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 400; } .font-serif b, .body-content .statistic .info b, .body-content .related-link .title b, .page-news-main .description b, .font-serif strong, .body-content .statistic .info strong, .body-content .related-link .title strong, .page-news-main .description strong { font-weight: 700; } ul, ol { margin: 1rem 0; padding: 0 2rem; } ul:first-of-type, ol:first-of-type { margin-top: 0; } ul li { font-size: 18px; line-height: 28px; margin-bottom: 15px; color: #000000; } li { margin-bottom: 0.25rem; letter-spacing: 0.016em; } li:last-child { margin-bottom: 0; } li > ul, li > ol { margin-bottom: 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0; } h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul { margin-top: 0; } blockquote { position: relative; margin: 1.5rem 2rem 1.25rem; letter-spacing: 0.016em; font-style: italic; } blockquote:before, blockquote:after { position: absolute; color: #00b0ab; font-style: normal; font-size: ms(3); line-height: ms(3); } blockquote:before { top: -0.5rem; left: -1.25rem; content: '\201C'; } blockquote:after { padding-left: 0.25rem; content: '\201D'; } blockquote > p { display: inline; } a { color: #00b0ab; text-decoration: none; } a:hover { color: #dcab27; } code { font-family: "Source Code Pro", monospace; font-size: 0.9rem; } pre { overflow-x: scroll; border: 1px solid #cccccc; padding: 1rem; background-color: #f3f7f9; font-family: "Source Code Pro", monospace; font-size: 0.8rem; line-height: 0.9rem; } .kicker, .kicker-square, .impact-story .page-hero .impact-header .left .kicker, .research-header .type-title .kicker, .hub-news-top h1 { margin-bottom: 4px; color: black; } .h1, .body-content.dropcap > p:first-of-type::first-letter, .page-hero__inside-left h1, .hub-career-top__left h1, .page-contact h1, .impact-story .page-hero .impact-header .left h1, .research-header .type-title h1 { font-size: 42px; line-height: 48px; font-family: "fira-sans", helvetica, arial, sans-serif; } .h1.knock-out, .body-content.dropcap > p:first-of-type::first-letter, .page-hero__inside-left h1, .hub-career-top__left h1, .page-contact h1, .impact-story .page-hero .impact-header .left h1, .research-header .type-title h1 { color: white; } .h1.light, .body-content.dropcap > p.light:first-of-type::first-letter, .page-hero__inside-left h1.light, .hub-career-top__left h1.light, .page-contact h1.light, .impact-story .page-hero .impact-header .left h1.light, .research-header .type-title h1.light { font-weight: 300; } .h1.medium, .body-content.dropcap > p:first-of-type::first-letter, .page-hero__inside-left h1, .hub-career-top__left h1, .page-contact h1, .impact-story .page-hero .impact-header .left h1, .research-header .type-title h1 { font-weight: 500; } .h1.semibold, .body-content.dropcap > p.semibold:first-of-type::first-letter, .page-hero__inside-left h1.semibold, .hub-career-top__left h1.semibold, .page-contact h1.semibold, .impact-story .page-hero .impact-header .left h1.semibold, .research-header .type-title h1.semibold { font-weight: 600; } .h1.book, .body-content.dropcap > p.book:first-of-type::first-letter, .page-hero__inside-left h1.book, .hub-career-top__left h1.book, .page-contact h1.book, .impact-story .page-hero .impact-header .left h1.book, .research-header .type-title h1.book { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h1.bold, .body-content.dropcap > p.bold:first-of-type::first-letter, .page-hero__inside-left h1.bold, .hub-career-top__left h1.bold, .page-contact h1.bold, .impact-story .page-hero .impact-header .left h1.bold, .research-header .type-title h1.bold { font-weight: 700; } .h2, .impact-carousel-shown .slide .meta h3, .our-team h2, .body-content h1, .body-content h2, .home-page-hero__text, .hub-career-list__left h2, .hub-news-featured-news .slide .right h3, .hub-research-featured-item .left h3, .bio__left h1, .page-contact-main-address, .job-wrapper .left h1, .page-news-header .right h1 { font-size: 32px; line-height: 38px; font-weight: 600; color: black; } .h2.knock-out, .impact-carousel-shown .slide .meta h3.knock-out, .our-team h2.knock-out, .body-content h1.knock-out, .body-content h2.knock-out, .home-page-hero__text, .hub-career-list__left h2.knock-out, .hub-news-featured-news .slide .right h3.knock-out, .hub-research-featured-item .left h3.knock-out, .bio__left h1, .page-contact-main-address, .job-wrapper .left h1.knock-out, .page-news-header .right h1.knock-out { color: white; } .h2.light, .impact-carousel-shown .slide .meta h3.light, .our-team h2.light, .body-content h1.light, .body-content h2.light, .light.home-page-hero__text, .hub-career-list__left h2.light, .hub-news-featured-news .slide .right h3.light, .hub-research-featured-item .left h3.light, .bio__left h1.light, .light.page-contact-main-address, .job-wrapper .left h1.light, .page-news-header .right h1.light { font-weight: 300; } .h2.medium, .impact-carousel-shown .slide .meta h3.medium, .our-team h2, .body-content h1, .body-content h2, .medium.home-page-hero__text, .hub-career-list__left h2, .hub-news-featured-news .slide .right h3, .hub-research-featured-item .left h3, .bio__left h1.medium, .page-contact-main-address, .job-wrapper .left h1, .page-news-header .right h1 { font-weight: 500; } .h2.semibold, .impact-carousel-shown .slide .meta h3.semibold, .our-team h2.semibold, .body-content h1.semibold, .body-content h2.semibold, .semibold.home-page-hero__text, .hub-career-list__left h2.semibold, .hub-news-featured-news .slide .right h3.semibold, .hub-research-featured-item .left h3.semibold, .bio__left h1.semibold, .semibold.page-contact-main-address, .job-wrapper .left h1.semibold, .page-news-header .right h1.semibold { font-weight: 600; } .h2.book, .impact-carousel-shown .slide .meta h3.book, .our-team h2.book, .body-content h1.book, .body-content h2.book, .book.home-page-hero__text, .hub-career-list__left h2.book, .hub-news-featured-news .slide .right h3.book, .hub-research-featured-item .left h3.book, .bio__left h1.book, .book.page-contact-main-address, .job-wrapper .left h1.book, .page-news-header .right h1.book { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h2.bold, .impact-carousel-shown .slide .meta h3.bold, .our-team h2.bold, .body-content h1.bold, .body-content h2.bold, .bold.home-page-hero__text, .hub-career-list__left h2.bold, .hub-news-featured-news .slide .right h3.bold, .hub-research-featured-item .left h3.bold, .bio__left h1.bold, .bold.page-contact-main-address, .job-wrapper .left h1.bold, .page-news-header .right h1.bold { font-weight: 700; } .h3, .block-header h2, .our-team-list .slide h3, .body-content h3, .hub-career-job-item .title, .hub-people-list .hub-people-item .meta h3, .page-contact-office-address, .research-key-takeaways h2 { font-size: 26px; line-height: 36px; color: black; } .h3.knock-out, .block-header h2.knock-out, .our-team-list .slide h3.knock-out, .body-content h3.knock-out, .hub-career-job-item .knock-out.title, .hub-people-list .hub-people-item .meta h3, .knock-out.page-contact-office-address, .research-key-takeaways h2.knock-out { color: white; } .h3.equal-line-height, .block-header h2.equal-line-height, .our-team-list .slide h3, .body-content h3.equal-line-height, .hub-career-job-item .equal-line-height.title, .hub-people-list .hub-people-item .meta h3.equal-line-height, .equal-line-height.page-contact-office-address, .research-key-takeaways h2.equal-line-height { line-height: 26px; } .h3.light, .block-header h2.light, .our-team-list .slide h3.light, .body-content h3.light, .hub-career-job-item .light.title, .hub-people-list .hub-people-item .meta h3.light, .light.page-contact-office-address, .research-key-takeaways h2.light { font-weight: 300; } .h3.medium, .block-header h2, .our-team-list .slide h3.medium, .body-content h3, .hub-career-job-item .title, .hub-people-list .hub-people-item .meta h3, .page-contact-office-address, .research-key-takeaways h2 { font-weight: 500; } .h3.semibold, .block-header h2.semibold, .our-team-list .slide h3.semibold, .body-content h3.semibold, .hub-career-job-item .semibold.title, .hub-people-list .hub-people-item .meta h3.semibold, .semibold.page-contact-office-address, .research-key-takeaways h2.semibold { font-weight: 600; } .h3.book, .block-header h2.book, .our-team-list .slide h3.book, .body-content h3.book, .hub-career-job-item .book.title, .hub-people-list .hub-people-item .meta h3.book, .book.page-contact-office-address, .research-key-takeaways h2.book { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h3.bold, .block-header h2.bold, .our-team-list .slide h3, .body-content h3.bold, .hub-career-job-item .bold.title, .hub-people-list .hub-people-item .meta h3.bold, .bold.page-contact-office-address, .research-key-takeaways h2.bold { font-weight: 700; } .h4, .body-content h4, .home-page-after-carousel__text, .page-hero-summary, .hub-career-introduction, .hub-career-open-positions-description, .hub-news-featured-news .slide .right .description, .hub-research-explore-meta h2, .page-what-we-do .page-hero-description p, .bio__right .introduction, .impact-story .page-hero .impact-header .left .description, .job-wrapper .left .location, .page-news-header .right .description { font-size: 18px; line-height: 28px; color: black; } .h4.knock-out, .body-content h4.knock-out, .home-page-after-carousel__text, .page-hero-summary, .hub-career-introduction, .knock-out.hub-career-open-positions-description, .hub-news-featured-news .slide .right .knock-out.description, .hub-research-explore-meta h2.knock-out, .page-what-we-do .page-hero-description p, .bio__right .introduction, .impact-story .page-hero .impact-header .left .description, .job-wrapper .left .knock-out.location, .page-news-header .right .knock-out.description { color: white; } .h4.light, .body-content h4.light, .light.home-page-after-carousel__text, .light.page-hero-summary, .light.hub-career-introduction, .light.hub-career-open-positions-description, .hub-news-featured-news .slide .right .light.description, .hub-research-explore-meta h2.light, .page-what-we-do .page-hero-description p.light, .bio__right .light.introduction, .impact-story .page-hero .impact-header .left .light.description, .job-wrapper .left .light.location, .page-news-header .right .light.description { font-weight: 300; } .h4.medium, .body-content h4, .medium.home-page-after-carousel__text, .medium.page-hero-summary, .medium.hub-career-introduction, .medium.hub-career-open-positions-description, .hub-news-featured-news .slide .right .medium.description, .hub-research-explore-meta h2, .page-what-we-do .page-hero-description p.medium, .bio__right .medium.introduction, .impact-story .page-hero .impact-header .left .medium.description, .job-wrapper .left .medium.location, .page-news-header .right .medium.description { font-weight: 500; } .h4.semibold, .body-content h4.semibold, .semibold.home-page-after-carousel__text, .semibold.page-hero-summary, .semibold.hub-career-introduction, .semibold.hub-career-open-positions-description, .hub-news-featured-news .slide .right .semibold.description, .hub-research-explore-meta h2.semibold, .page-what-we-do .page-hero-description p.semibold, .bio__right .semibold.introduction, .impact-story .page-hero .impact-header .left .semibold.description, .job-wrapper .left .semibold.location, .page-news-header .right .semibold.description { font-weight: 600; } .h4.book, .body-content h4.book, .home-page-after-carousel__text, .book.page-hero-summary, .hub-career-introduction, .hub-career-open-positions-description, .hub-news-featured-news .slide .right .description, .hub-research-explore-meta h2.book, .page-what-we-do .page-hero-description p, .bio__right .introduction, .impact-story .page-hero .impact-header .left .description, .job-wrapper .left .location, .page-news-header .right .description { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h4.bold, .body-content h4.bold, .bold.home-page-after-carousel__text, .bold.page-hero-summary, .bold.hub-career-introduction, .bold.hub-career-open-positions-description, .hub-news-featured-news .slide .right .bold.description, .hub-research-explore-meta h2.bold, .page-what-we-do .page-hero-description p.bold, .bio__right .bold.introduction, .impact-story .page-hero .impact-header .left .bold.description, .job-wrapper .left .bold.location, .page-news-header .right .bold.description { font-weight: 700; } .h5, .newsletter-cta .callout, .newsletter-cta-inpage .callout, .hub-news-featured-events .teaser h3, .hub-news-latest__list .teaser h3, .contact-block-address .address, .hub-research-results__item .left h3 { font-size: 16px; line-height: 22px; letter-spacing: -0.18px; color: black; } .h5.knock-out, .newsletter-cta .callout, .newsletter-cta-inpage .callout, .hub-news-featured-events .teaser h3.knock-out, .hub-news-latest__list .teaser h3.knock-out, .contact-block-address .knock-out.address, .hub-research-results__item .left h3.knock-out { color: white; } .h5.light, .newsletter-cta .light.callout, .newsletter-cta-inpage .light.callout, .hub-news-featured-events .teaser h3.light, .hub-news-latest__list .teaser h3.light, .contact-block-address .light.address, .hub-research-results__item .left h3.light { font-weight: 300; } .h5.medium, .newsletter-cta .callout, .newsletter-cta-inpage .callout, .hub-news-featured-events .teaser h3, .hub-news-latest__list .teaser h3, .contact-block-address .address, .hub-research-results__item .left h3 { font-weight: 500; } .h5.semibold, .newsletter-cta .semibold.callout, .newsletter-cta-inpage .semibold.callout, .hub-news-featured-events .teaser h3.semibold, .hub-news-latest__list .teaser h3.semibold, .contact-block-address .semibold.address, .hub-research-results__item .left h3.semibold { font-weight: 600; } .h5.book, .newsletter-cta .book.callout, .newsletter-cta-inpage .book.callout, .hub-news-featured-events .teaser h3.book, .hub-news-latest__list .teaser h3.book, .contact-block-address .book.address, .hub-research-results__item .left h3.book { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h5.bold, .newsletter-cta .bold.callout, .newsletter-cta-inpage .bold.callout, .hub-news-featured-events .teaser h3.bold, .hub-news-latest__list .teaser h3.bold, .contact-block-address .bold.address, .hub-research-results__item .left h3.bold { font-weight: 700; } .h6, .teaser h3, .hub-research-featured-item .left .description, .hub-research-tier2 .teaser h3 { font-size: 14px; line-height: 22px; color: black; } .h6.gray, .teaser h3.gray, .hub-research-featured-item .left .description { color: #5e5e5e; } .h6.knock-out, .teaser h3.knock-out, .hub-research-featured-item .left .knock-out.description { color: white; } .h6.light, .teaser h3.light, .hub-research-featured-item .left .light.description { font-weight: 300; } .h6.medium, .teaser h3, .hub-research-featured-item .left .medium.description, .hub-research-tier2 .teaser h3 { font-weight: 500; } .h6.semibold, .teaser h3.semibold, .hub-research-featured-item .left .semibold.description { font-weight: 600; } .h6.book, .teaser h3.book, .hub-research-featured-item .left .description { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .h6.bold, .teaser h3.bold, .hub-research-featured-item .left .bold.description { font-weight: 700; } .kicker-style, .kicker, .kicker-square, .impact-story .page-hero .impact-header .left .kicker, .research-header .type-title .kicker, .hub-news-top h1, .our-team-list .slide .position, .hub-career-top__left .kicker, .hub-career-top__left .kicker-square, .hub-career-top__left .hub-news-top h1, .hub-news-top .hub-career-top__left h1, .hub-career-job-item .location, .contact-block-emails .email a, .hub-topic .page-hero__inside-right .contact a, .hub-research-topic .page-hero__inside-right .contact a, .hub-research-topics h2, .bio__left .position, .page-contact-main-location, .page-contact-office-location, .page-news-meta .type-title { font-size: 13px; line-height: 18px; letter-spacing: 0.125em; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; text-transform: uppercase; color: black; } .kicker-style--blue { color: #0078ae; } .kicker-style.knock-out, .knock-out.kicker, .knock-out.kicker-square, .impact-story .page-hero .impact-header .left .knock-out.kicker, .research-header .type-title .knock-out.kicker, .hub-news-top h1.knock-out, .our-team-list .slide .knock-out.position, .hub-career-top__left .kicker, .hub-career-top__left .kicker-square, .hub-career-top__left .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .hub-career-top__left .kicker, .hub-career-top__left .research-header .type-title .kicker, .research-header .type-title .hub-career-top__left .kicker, .hub-career-top__left .hub-news-top h1, .hub-news-top .hub-career-top__left h1, .hub-career-job-item .knock-out.location, .contact-block-emails .email a.knock-out, .hub-topic .page-hero__inside-right .contact a.knock-out, .hub-research-topic .page-hero__inside-right .contact a.knock-out, .hub-research-topics h2.knock-out, .bio__left .position, .page-contact-main-location, .knock-out.page-contact-office-location, .page-news-meta .knock-out.type-title { color: white; } .kicker-style.featured, .featured.kicker, .featured.kicker-square, .impact-story .page-hero .impact-header .left .featured.kicker, .research-header .type-title .featured.kicker, .hub-news-top h1.featured, .our-team-list .slide .featured.position, .hub-career-job-item .location, .contact-block-emails .email a.featured, .hub-topic .page-hero__inside-right .contact a.featured, .hub-research-topic .page-hero__inside-right .contact a.featured, .hub-research-topics h2.featured, .bio__left .featured.position, .page-contact-main-location, .page-contact-office-location, .job-wrapper .left .kicker, .job-wrapper .left .kicker-square, .job-wrapper .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .job-wrapper .left .kicker, .job-wrapper .left .hub-news-top h1, .hub-news-top .job-wrapper .left h1, .page-news-meta .featured.type-title { font-family: "fira-sans", helvetica, arial, sans-serif; font-weight: 500; } .kicker-content-type, .feature-block-item__top .meta .kicker, .feature-block-item__top .meta .kicker-square, .feature-block-item__top .meta .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .feature-block-item__top .meta .kicker, .feature-block-item__top .meta .hub-news-top h1, .hub-news-top .feature-block-item__top .meta h1, .teaser .type, .hub-news-featured-news .slide .right .type-date .type, .contact-block-emails .title, .contact-block-address .title, .hub-research-tier2 .teaser .kicker, .hub-research-tier2 .teaser .kicker-square, .hub-research-tier2 .teaser .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .hub-research-tier2 .teaser .kicker, .hub-research-tier2 .teaser .hub-news-top h1, .hub-news-top .hub-research-tier2 .teaser h1, .hub-research-results__item .left .type-date .type, .page-news-header .right .type-date .type { font-size: 11px; line-height: 16px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; text-transform: uppercase; color: black; letter-spacing: 0.03125em; } .author-style, .feature-block-item .author-date .author, .hub-research-featured-item .left .authors, .hub-research-tier2 .teaser .authors, .hub-research-results__item .left .authors { font-size: 13px; line-height: 18px; font-weight: 500; color: black; } .author-style--blue { color: #0078ae; } .date-style, .teaser .date, .hub-news-featured-news .slide .right .type-date .date, .hub-research-tier2 .teaser .kicker-date .date, .hub-research-results__item .left .type-date .date, .page-news-header .right .type-date .date { font-size: 11px; line-height: 16px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; color: black; } .date-style--blue { color: #0078ae; } .meta-data, input[type='text'], .feature-block-item .short-description, .newsletter-cta .form .sign-up, .newsletter-cta .right .sign-up, .newsletter-cta-inpage .form .sign-up, .newsletter-cta-inpage .right .sign-up, .newsletter-cta .options a, .newsletter-cta-inpage .options a, .hub-people-list .hub-people-item .meta .content, .hub-people-list .hub-people-item .meta .content > button, .hub-research-tier2 .teaser .description, .hub-research-results__item .left .description { font-size: 11px; line-height: 17px; color: #515151; letter-spacing: 0.005em; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .meta-data.link, input.link[type='text'], .feature-block-item .link.short-description, .newsletter-cta .form .link.sign-up, .newsletter-cta .right .link.sign-up, .newsletter-cta-inpage .form .link.sign-up, .newsletter-cta-inpage .right .link.sign-up, .newsletter-cta .options a, .newsletter-cta-inpage .options a, .hub-people-list .hub-people-item .meta .link.content, .hub-people-list .hub-people-item .meta .content > button.link, .hub-research-tier2 .teaser .link.description, .hub-research-results__item .left .link.description { color: #0078ae; text-decoration: underline; } .meta-data.knock-out, input[type='text'], .feature-block-item .knock-out.short-description, .newsletter-cta .form .sign-up, .newsletter-cta .right .sign-up, .newsletter-cta-inpage .form .sign-up, .newsletter-cta-inpage .right .sign-up, .newsletter-cta .options a, .newsletter-cta-inpage .options a, .hub-people-list .hub-people-item .meta .content, .hub-people-list .hub-people-item .meta .content > button, .hub-research-tier2 .teaser .knock-out.description, .hub-research-results__item .left .knock-out.description { color: white; } .press-link, .teaser .source { position: relative; padding-left: 15px; font-size: 11px; line-height: 16px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; color: #0078ae; text-decoration: underline; } .press-link:before, .teaser .source:before { position: absolute; left: 0; top: 2px; content: url(/wp-content/themes/site/static/images/external-press.svg); } .body-font-style, .body-content, .page-hero-description, .contact-block-address .phone, .contact-block-address .email a, .page-contact-office-phone-fax { font-size: 18px; line-height: 30px; font-family: "freight-text-pro", "Times New Roman", serif; color: #515151; } .body-font-style.small, .small.body-content, .page-hero-description, .contact-block-address .small.phone, .contact-block-address .email a.small, .hub-people-list .hub-people-item .meta .description, .bio__right .bio-content, .small.page-contact-office-phone-fax { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; } .body-font-style.link, .link.body-content, .link.page-hero-description, .contact-block-address .link.phone, .contact-block-address .email a, .link.page-contact-office-phone-fax { color: #0078ae; } .body-font-style.knock-out, .knock-out.body-content, .page-hero-description, .contact-block-address .knock-out.phone, .contact-block-address .email a.knock-out, .hub-people-list .hub-people-item .meta .description, .bio__right .bio-content, .knock-out.page-contact-office-phone-fax { color: white; } .vertical-align-wrap, .impact-carousel-shown .slide .meta, .home-page-hero__copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #wpadminbar { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .site-container { overflow: hidden; background-color: white; } main { margin-top: 60px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .button { position: relative; display: inline-block; padding: 20px 55px 20px 35px; border: 1px solid black; background-color: white; color: black; font-size: 13px; line-height: 13px; font-weight: 600; letter-spacing: 0.125em; text-transform: uppercase; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .button:hover, .impact-carousel-shown .slide a:hover .button { border: 1px solid white; background-color: black; color: white; } .button img.arrow { position: absolute; top: calc(50% - 8px); right: 20px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .button:hover img.arrow, .impact-carousel-shown .slide a:hover .button img.arrow { right: 16px; } .button-ghost { background: transparent; border: 1px solid white; color: white; } .button-ghost:hover { background-color: transparent; } .button-blue { background-color: #005379; border: 0; color: white; } .button-blue img.arrow { width: 16px; height: auto; } .button-blue:hover { background-color: #0078ae; border: 0; color: white; } .button-blue-light { background-color: #cce2ec; border: 0; color: #0078ae; } .button-blue-light img.arrow { width: 16px; height: auto; } .button-blue-light:hover, .impact-carousel-shown .slide a:hover .button { background-color: #e1f1f8; border: 0; color: #0078ae; } .button-icon--email { background-image: url("/wp-content/themes/site/static/images/social-email.svg"); background-repeat: no-repeat; background-position: 12px center; padding-left: 58px; } .social-sharing { overflow: hidden; background: #005379; padding: 10px; display: inline-block; } .social-sharing:after { clear: both; content: ''; } .social-sharing .social { float: left; width: 40px; height: 40px; margin-right: -1px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .social-sharing .social:last-child { margin-right: 0; } .social-sharing .social svg path, .social-sharing .social svg polyline { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .social-sharing .social:hover { background: #034c69; } input[type='text'] { padding: 0 15px; color: black; -webkit-transition: background 200ms ease; transition: background 200ms ease; } input[type='text']::-webkit-input-placeholder { color: #929292; } input[type='text']:-ms-input-placeholder { color: #929292; } input[type='text']::-ms-input-placeholder { color: #929292; } input[type='text']::placeholder { color: #929292; } input[type='text']:focus::-webkit-input-placeholder { opacity: 0.5; } input[type='text']:focus:-ms-input-placeholder { opacity: 0.5; } input[type='text']:focus::-ms-input-placeholder { opacity: 0.5; } input[type='text']:focus::placeholder { opacity: 0.5; } .carousel-next, .carousel-prev { position: absolute; width: 35px; height: 35px; z-index: 10; cursor: pointer; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .carousel-next img, .carousel-prev img { width: 100%; height: 100%; } .carousel-next:hover, .carousel-prev:hover { opacity: 1; } .carousel-prev { top: calc(50% - 17px); left: 30px; } .carousel-next { top: calc(50% - 17px); right: 30px; } .impact-carousel { position: relative; height: 358px; } .impact-carousel-strip { position: relative; overflow: hidden; } .impact-carousel-strip:after { clear: both; content: ''; } .impact-carousel-strip .slide { float: left; width: 658px; height: 358px; outline: none; cursor: pointer; background-color: #001822; } .impact-carousel-strip .slide img { width: 100%; height: 100%; opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .impact-carousel-shown-wrapper { position: absolute; overflow: hidden; top: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 770px; height: 420px; background-color: white; z-index: 1; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); } .impact-carousel-shown { width: 100%; height: 100%; } .impact-carousel-shown:after { clear: both; content: ''; } .impact-carousel-shown .slick-list, .impact-carousel-shown .slick-track { height: 100%; } .impact-carousel-shown .slide { overflow: hidden; float: left; outline: none; } .impact-carousel-shown .slide a { position: relative; display: block; width: 100%; height: 100%; } .impact-carousel-shown .slide a:hover .image { -webkit-transform: scale(1.025); transform: scale(1.025); } .impact-carousel-shown .slide .image { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-position: center; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .impact-carousel-shown .slide .meta { position: absolute; top: 0; left: 0; width: 50%; height: 100%; padding: 0 50px; background: white; } .impact-carousel-shown .slide .meta h3 { margin: 10px 0 28px; } .impact-carousel-shown .slide .meta .more { font-size: 18px; line-height: 22px; font-weight: 600; } .impact-carousel-shown .slide .meta .more img { display: inline; margin-left: 12px; } .block-header { position: relative; margin-bottom: 11px; height: 32px; border-bottom: 1px solid #cccccc; } .block-header h2 { position: absolute; bottom: -1px; display: inline-block; border-bottom: 1px solid #005379; color: #005379; } .block-header a { position: absolute; top: 8px; right: 0; padding-right: 21px; color: #0090d1; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: underline; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .block-header a img { position: absolute; top: 0; right: 0; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; width: 12px; height: 11px; } .block-header a:hover img { right: -4px; } .featured-block .block-header { margin-bottom: 31px; } .featured-block-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .feature-block-item { min-height: 115px; } .feature-block-item .short-description { margin-bottom: 14px; } .feature-block-item .author-date { display: grid; grid-template-columns: 1fr 82px; } .feature-block-item .author-date .date { color: #929292; font-size: 11px; line-height: 18px; text-align: right; } .feature-block-item__top { display: grid; grid-template-columns: 75px 1fr; grid-gap: 10px; margin-bottom: 10px; } .feature-block-item__top .image img { width: 75px; height: 75px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .feature-block-item__top .meta { position: relative; padding-right: 24px; } .feature-block-item__top .meta h3 { font-size: 16px; line-height: 18px; font-weight: 500; letter-spacing: 0.00688em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .feature-block-item__top .meta img { position: absolute; top: 20px; right: 4px; width: 12px; height: 11px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .feature-block-item__top:hover .image img { opacity: 1; } .feature-block-item__top:hover .meta h3 { color: #0078ae; } .feature-block-item__top:hover .meta img { right: 0px; } .news-block { display: grid; grid-template-columns: 1fr 333px; grid-gap: 30px; margin: 70px auto 0 auto; width: 950px; } .news-block-press-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 120px; grid-column-gap: 30px; } .teaser { display: grid; grid-template-columns: 70px 1fr; grid-gap: 15px; border-bottom: 1px solid #e2e2e2; } .teaser .left { padding-top: 20px; } .teaser .right { position: relative; padding-top: 16px; } .teaser .teaser-image, .teaser .teaser-image-press { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .teaser .teaser-image { max-width: 70px; max-height: 70px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .teaser .teaser-image-press { width: 70px; height: 70px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .teaser h3 { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; line-height: 1.4; } .teaser:hover .teaser-image, .teaser:hover .teaser-image-press { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .teaser:hover h3 { color: #0078ae; } .teaser .source-date, .teaser .type-location, .teaser .type-date { position: absolute; bottom: 28px; left: 0; right: 0; } .teaser .source { display: block; position: absolute; left: 0; } .teaser .type, .teaser .date, .teaser .location { display: block; position: absolute; font-size: 11px; line-height: 11px; color: #929292; } .teaser .type { left: 0; text-transform: uppercase; } .teaser .date, .teaser .location { right: 0; } .teaser-event .event-date-card { display: block; width: 70px; height: 70px; padding-top: 10px; background-color: #001822; color: white; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .teaser-event .event-date-card .month, .teaser-event .event-date-card .day { display: block; font-weight: 600; text-align: center; } .teaser-event .event-date-card .month { margin-bottom: 2px; font-size: 13px; line-height: 13px; text-transform: uppercase; } .teaser-event .event-date-card .day { font-size: 24px; line-height: 24px; } .teaser-event:hover .event-date-card { opacity: 1; background-color: #0078ae; } .news-block-news-list .teaser { height: 115px; } .news-block-news-list .teaser .left { padding-top: 25px; padding-left: 5px; } .news-block-news-list .teaser .event-date-card { width: 60px; height: 60px; } .news-block-news-list .teaser .teaser-image { width: 60px; height: 60px; } .pagination { height: 50px; font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: 0.00688em; } .pagination:after { clear: both; content: ''; } .pagination .arrow, .pagination .page-numbers.next, .pagination .page-numbers.prev { float: left; position: relative; display: block; width: 30px; height: 50px; } .pagination .arrow img, .pagination .page-numbers.next img, .pagination .page-numbers.prev img { width: 7px; height: 11px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .pagination .arrow-prev img, .pagination .page-numbers.prev img { position: absolute; top: 20px; left: 8px; } .pagination .arrow-prev:hover img, .pagination .page-numbers.prev:hover img { left: 4px; } .pagination .arrow-next img, .pagination .page-numbers.next img { position: absolute; top: 20px; right: 8px; } .pagination .arrow-next:hover img, .pagination .page-numbers.next:hover img { right: 4px; } .pagination .page-button, .pagination .page-numbers.current, .pagination .page-button-current, .pagination .page-numbers:not(.next):not(.prev) { float: left; display: block; margin-right: 15px; width: 49px; height: 49px; padding-top: 15px; border: 1px solid #cccccc; color: #0090d1; text-align: center; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .pagination .page-button:hover, .pagination .page-numbers.current:hover, .pagination .page-button-current:hover, .pagination .page-numbers:not(.next):not(.prev):hover { border: 1px solid #0090d1; } .pagination .page-button-last, .pagination .page-numbers.current-last, .pagination .page-button-current-last, .pagination .page-numbers:not(.next):not(.prev)-last { margin-right: 0; } .pagination .page-button-current, .pagination .page-numbers.current { background-color: #0090d1 !important; border: 1px solid #0090d1 !important; color: white !important; } .our-team { padding-bottom: 50px; } .our-team h2 { margin: 37px auto 0; width: 970px; } .our-team-list { padding: 20px 0 0 0; overflow: hidden; } .our-team-list:after { clear: both; content: ''; } .our-team-list .slick-list { overflow: visible; } .our-team-list .slide { float: left; margin-right: 30px; width: 270px; height: 345px; outline: none; text-align: center; color: black; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .our-team-list .slide .headshot { display: block; margin-bottom: 15px; width: 270px; height: 270px; background-position: top center; background-size: cover; background-repeat: no-repeat; opacity: 0.9; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .our-team-list .slide h3 { opacity: 0.8; margin-bottom: 2px; color: #005379; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .our-team-list .slide .position { opacity: 0.5; letter-spacing: 0.125em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .our-team-list .slide:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .our-team-list .slide:hover .headshot, .our-team-list .slide:hover h3, .our-team-list .slide:hover .position { opacity: 1; } .our-team-list .slide:hover h3 { color: #0078ae; } .our-team-list .carousel-prev { top: calc(50% - 53px); } .our-team-list .carousel-next { top: calc(50% - 53px); } .newsletter-cta, .newsletter-cta-inpage { padding: 30px; background-color: #002636; color: white; font-size: 14px; line-height: 14px; } .newsletter-cta .form, .newsletter-cta .right, .newsletter-cta-inpage .form, .newsletter-cta-inpage .right { overflow: hidden; } .newsletter-cta .form input, .newsletter-cta .form a, .newsletter-cta .right input, .newsletter-cta .right a, .newsletter-cta-inpage .form input, .newsletter-cta-inpage .form a, .newsletter-cta-inpage .right input, .newsletter-cta-inpage .right a { float: left; display: block; height: 45px; } .newsletter-cta .form input, .newsletter-cta .right input, .newsletter-cta-inpage .form input, .newsletter-cta-inpage .right input { width: 100%; margin: 0 0 5px; border-radius: 0; border: 0; outline: 0; background: #003c57; color: white; } .newsletter-cta .form input::-webkit-input-placeholder, .newsletter-cta .right input::-webkit-input-placeholder, .newsletter-cta-inpage .form input::-webkit-input-placeholder, .newsletter-cta-inpage .right input::-webkit-input-placeholder { color: white; } .newsletter-cta .form input:-ms-input-placeholder, .newsletter-cta .right input:-ms-input-placeholder, .newsletter-cta-inpage .form input:-ms-input-placeholder, .newsletter-cta-inpage .right input:-ms-input-placeholder { color: white; } .newsletter-cta .form input::-ms-input-placeholder, .newsletter-cta .right input::-ms-input-placeholder, .newsletter-cta-inpage .form input::-ms-input-placeholder, .newsletter-cta-inpage .right input::-ms-input-placeholder { color: white; } .newsletter-cta .form input::placeholder, .newsletter-cta .right input::placeholder, .newsletter-cta-inpage .form input::placeholder, .newsletter-cta-inpage .right input::placeholder { color: white; } .newsletter-cta .form input:focus, .newsletter-cta .right input:focus, .newsletter-cta-inpage .form input:focus, .newsletter-cta-inpage .right input:focus { background: #005379; } .newsletter-cta .form .sign-up, .newsletter-cta .right .sign-up, .newsletter-cta-inpage .form .sign-up, .newsletter-cta-inpage .right .sign-up { width: 100%; padding: 15px 0 0 15px; background-color: #0078ae; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; color: white; } .newsletter-cta .form .sign-up:hover, .newsletter-cta .right .sign-up:hover, .newsletter-cta-inpage .form .sign-up:hover, .newsletter-cta-inpage .right .sign-up:hover { opacity: 1; } .newsletter-cta .options, .newsletter-cta-inpage .options { margin: 0 0 10px; } .newsletter-cta .options a, .newsletter-cta-inpage .options a { opacity: 1; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .newsletter-cta .options a:hover, .newsletter-cta-inpage .options a:hover { opacity: 0.8; } .newsletter-cta .callout { margin-bottom: 15px; } .newsletter-cta .form { margin-bottom: 8px; } .newsletter-cta .form .email { width: 270px; } .newsletter-cta-inpage .newsletter-cta-form { display: grid; grid-template-columns: 1fr 285px; } .newsletter-cta-inpage .left { padding-top: 3px; } .newsletter-cta-inpage .callout { margin-bottom: 46px; } .newsletter-cta-inpage .options { margin-bottom: 0; } .newsletter-cta-inpage .right input { margin-bottom: 2px; } .newsletter-cta-inpage .right input.first_name { width: 50%; width: calc(50% - 1px); margin-right: 1px; } .newsletter-cta-inpage .right input.last_name { width: 50%; width: calc(50% - 1px); margin-left: 1px; } .newsletter-cta-inpage .right input.email { width: calc(100% - 45px); } .newsletter-cta-inpage .right .sign-up { width: 45px; padding: 0; background-color: #0078ae; opacity: 1; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .newsletter-cta-inpage .right .sign-up:hover { opacity: 0.8; } .newsletter-cta-inpage .right .sign-up img { width: 17px; height: 12px; } .body-content { /* WP */ /* END WP */ } .body-content h1, .body-content h2 { margin-bottom: 16px; margin-bottom: 15px; margin-top: 50px; color: #000000; font-size: 28px; } .body-content h3 { margin-bottom: 11px; color: #005379; } .body-content h4 { margin-bottom: 8px; font-style: italic; color: #005379; } .body-content ul { list-style: none; padding: 0; } .body-content ul li { padding-left: 2em; text-indent: -1.2em; } .body-content ul li:before { padding-right: 0.8em; color: #0079b3; content: '\25AA'; } .body-content a { color: #0090d1; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .body-content a:hover { color: #0078ae; } .body-content .alignleft { float: left; margin-right: 16px; } .body-content .alignright { float: right; margin-left: 16px; } .body-content .aligncenter { display: block; margin: 16px auto 20px auto; max-width: 100%; } .body-content.dropcap > p:first-of-type::first-letter { float: left; display: block; margin-top: 6px; margin-right: 29px; margin-bottom: 7px; padding: 12px 22px; background-color: #0078ae; overflow: hidden; } .body-content .newsletter-cta-inpage { margin: 30px 0; } .body-content .definition { position: relative; display: inline-block; } .body-content .definition .subject { text-decoration: underline; -webkit-text-decoration-color: #0090d1; text-decoration-color: #0090d1; cursor: pointer; } .body-content .definition:after { position: relative; margin-left: 2px; top: -6px; color: #0090d1; font-size: 14px; line-height: 14px; content: '?'; } .body-content .definition .meaning { display: none; position: absolute; left: 50%; bottom: 42px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 225px; padding: 18px 15px; background-color: #0078ae; color: white; font-size: 13px; line-height: 16px; z-index: 1; } .body-content .definition .meaning:after { position: absolute; width: 0; height: 0; left: 50%; bottom: -14px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-style: solid; border-width: 14px 13.5px 0 13.5px; border-color: #0078ae transparent transparent transparent; content: ''; } .body-content .definition .meaning strong { font-weight: 600; } .body-content .definition:hover .meaning { display: block; } .body-content .waypoint-fade-in { opacity: 0; -webkit-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out; } .body-content .waypoint-fade-in-active { opacity: 1; } .body-content .pullquote { display: block; width: 570px; padding: 30px; background-color: #0078ae; color: white; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } .body-content .pullquote .text { display: block; margin-bottom: 10px; font-size: 18px; line-height: 26px; font-weight: 600; } .body-content .pullquote .text:before { content: '\201C'; } .body-content .pullquote .text:after { content: '\201D'; } .body-content .pullquote .source { display: block; font-size: 16px; line-height: 26px; color: #d7e2e7; } .body-content .statistic { display: block; float: left; width: 180px; margin: 60px 40px 60px -80px; padding: 15px 0 8px 0; border-top: 10px solid #0078ae; border-bottom: 2px solid #0078ae; } .body-content .statistic .value { display: block; margin-bottom: 9px; font-size: 72px; line-height: 72px; text-align: center; } .body-content .statistic .info { display: block; font-size: 18px; line-height: 28px; } .body-content .statistic-right { float: right; margin: 60px -80px 60px 40px; } .body-content .sidebar-image { display: block; float: left; width: 270px; margin: 60px 40px 60px -200px; } .body-content .sidebar-image .image { position: relative; display: block; } .body-content .sidebar-image .image img { display: block; margin-bottom: 13px; width: 100%; } .body-content .sidebar-image .image a { position: absolute; right: 0; bottom: 0; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .body-content .sidebar-image .image a:hover { opacity: 1; } .body-content .sidebar-image .caption { display: block; padding-left: 13px; border-left: 1px solid #0090d1; color: #929292; font-size: 13px; line-height: 20px; } .body-content .sidebar-image-right { float: right; margin: 60px -200px 60px 40px; } .body-content .big-image { margin: 15px 0 23px 0; } .body-content .big-image .image { position: relative; } .body-content .big-image .image img { display: block; margin-bottom: 8px; width: 100%; } .body-content .big-image .image a { position: absolute; right: 0; bottom: 0; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .body-content .big-image .image a:hover { opacity: 1; } .body-content .big-image .caption { padding-left: 13px; border-left: 1px solid #0090d1; color: #929292; font-size: 13px; line-height: 20px; } .body-content .figure { width: 570px; margin: 16px auto 30px auto; } .body-content .figure .header { position: relative; margin-bottom: 19px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; } .body-content .figure .header h3 { margin: 0; padding-top: 12px; font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: 0.00688em; } .body-content .figure .header .sharing { position: absolute; top: 0; right: 0; height: 32px; width: auto; } .body-content .figure .header .sharing .social-sharing { height: 32px; } .body-content .figure .header .sharing .social-sharing .social { width: 32px; height: 32px; } .body-content .figure .header .sharing .social-sharing .social svg { height: 100%; width: 100%; } .body-content .figure img { display: block; width: 100%; margin-bottom: 20px; } .body-content .related-link { position: relative; display: block; margin: 30px 0; padding: 32px 0; border-top: 2px solid #0090d1; border-bottom: 2px solid #0090d1; color: #0090d1; font-size: 28px; font-family: "fira-sans", helvetica, arial, sans-serif; padding-right: 80px; } .body-content .related-link .title { font-size: 32px; line-height: 32px; font-weight: 600; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .body-content .related-link img { position: absolute; display: block; top: calc(50% - 16px); right: 30px; width: 33px; height: 31px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .body-content .related-link:hover .title { opacity: 1; } .body-content .related-link:hover img { right: 26px; } .hub-people .our-team-list { margin-bottom: 70px; } .hub-people .related-links { background-color: #f3f7f9; } .loading-overlay { display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 30, 0.05); z-index: 100; } .loading-overlay img { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); width: 64px; height: 64px; } .modal { padding: 0; border-radius: 0; } .modal-newsletter { width: 325px; } .modal-newsletter .top { padding: 30px 27px; } .modal-newsletter .title { margin-bottom: 5px; font-size: 18px; line-height: 20px; font-weight: 600; } .modal-newsletter .info { margin-bottom: 30px; font-size: 13px; line-height: 15px; letter-spacing: 0.00562em; } .modal-newsletter .topics-title { margin-bottom: 10px; font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: 0.00688em; } .modal-newsletter .topics-list { margin-bottom: 30px; } .modal-newsletter .topics-list ul { padding: 0; list-style: none; } .modal-newsletter .topics-list ul li { margin-bottom: 15px; } .modal-newsletter .topics-list ul li:last-child { margin-bottom: 0; } .modal-newsletter .topics-list ul li input[type='checkbox'] { margin-right: 10px; } .modal-newsletter .topics-list ul li label { font-size: 13px; line-height: 13px; } .modal-newsletter input[type='text'] { display: block; margin-bottom: 10px; width: 100%; outline: 0; outline-style: none; border: 1px solid #cccccc; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .modal-newsletter input[type='text'].active { border: 1px solid #0090d1; } .modal-newsletter input[type='text'].active::-webkit-input-placeholder { color: #0090d1; } .modal-newsletter input[type='text'].active:-ms-input-placeholder { color: #0090d1; } .modal-newsletter input[type='text'].active::-ms-input-placeholder { color: #0090d1; } .modal-newsletter input[type='text'].active::placeholder { color: #0090d1; } .modal-newsletter input[type='text']:last-child { margin-bottom: 0; } .modal-newsletter .bottom { display: block; padding: 23px 0 18px; background-color: #0090d1; color: white; font-size: 11px; line-height: 11px; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 0.0625em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; opacity: 0.8; } .modal-newsletter .bottom img { margin-right: 15px; vertical-align: middle; } .modal-newsletter .bottom:hover { opacity: 1; } .back-to-top { display: block; position: absolute; bottom: 0; right: 30px; color: #005379; font-size: 11px; line-height: 58px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1875em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .back-to-top:after { clear: both; content: ''; } .back-to-top .text { display: block; float: left; } .back-to-top .box { position: relative; display: block; float: left; margin-left: 10px; width: 58px; height: 58px; background: #005379; } .back-to-top .box img { position: absolute; top: calc(50% - 5px); left: calc(50% - 6px); width: 12px; height: 11px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .back-to-top:hover { color: #0078ae; } .back-to-top:hover .box img { top: calc(50% - 9px); } .kicker-square, .impact-story .page-hero .impact-header .left .kicker, .research-header .type-title .kicker { display: inline-block; background: #005379; color: white; padding: 6px 22px 5px; } .breadcrumb a, .next { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 17px; text-transform: none; } .sticky-wrapper { position: absolute; top: 0; right: 0; } .sharing-floater { margin-top: 114px; top: 2px; right: 0; z-index: 5; } .sharing-floater .social-sharing { width: 60px; } .sharing-floater.stuck { position: fixed; } .rhg-interactive { margin: 2rem 0; } .rhg-interactive__iframe-wrapper { position: relative; } .rhg-interactive__iframe-wrapper iframe { border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rhg-highlights { background-color: #f3f7f9; padding: 3rem; margin: 3rem 0; } .rhg-highlights .rhg-highlights__items .rhg-highlights__item { max-width: 340px; margin: 0 auto; } .rhg-highlights .rhg-highlights__items .rhg-highlights__item:not(:last-child) { margin-bottom: 2rem; } .rhg-highlights .rhg-highlights__items .rhg-highlights__item-image { padding-top: 66%; overflow: hidden; position: relative; margin-bottom: 1rem; } .rhg-highlights .rhg-highlights__items .rhg-highlights__item-image img { position: absolute; top: -100%; left: 0; right: 0; bottom: -100%; margin: auto; } .rhg-highlights .rhg-highlights__items h3 { margin-bottom: 0; } .rhg-highlights .rhg-highlights__items .rhg-highlight-item__description p { font-family: "fira-sans-2", helvetica, arial, sans-serif; color: #5e5e5e; font-size: .875em; line-height: 1.3; } .rhg-request-demo { margin-bottom: 2rem; } .rhg-request-demo .rhg-request-demo__block { background-color: #0078ae; padding: 2rem; color: white; margin-bottom: 1rem; } .rhg-request-demo .rhg-request-demo__block h3 { color: white; } .rhg-request-demo .rhg-request-demo__block .rhg-request-demo__description { font-family: "fira-sans-2", helvetica, arial, sans-serif; line-height: 1.67; margin-bottom: 1rem; } .rhg-request-demo .rhg-request-demo__block a { font-family: "fira-sans", helvetica, arial, sans-serif; font-weight: 600; white-space: nowrap; } .rhg-request-demo .rhg-request-demo__portal-cta { font-style: italic; } .characters-grid-blocks { display: inline-block; } .characters-grid-blocks.top-left > div, .characters-grid-blocks.bottom-left > div { float: right; } .characters-grid-blocks.top-right > div, .characters-grid-blocks.bottom-right > div { float: left; } .characters-grid-blocks > div { width: 40px; height: 40px; text-align: center; line-height: 40px; font-family: 'PingFangSC-Semibold'; font-size: 12px; font-weight: 200; } .characters-grid-blocks > div.animate { opacity: 0; -webkit-transition: opacity 100ms ease, -webkit-transform 250ms ease; transition: opacity 100ms ease, -webkit-transform 250ms ease; transition: opacity 100ms ease, transform 250ms ease; transition: opacity 100ms ease, transform 250ms ease, -webkit-transform 250ms ease; } .characters-grid-blocks > div.animate:nth-child(1) { -webkit-transition-delay: 10ms; transition-delay: 10ms; } .characters-grid-blocks > div.animate:nth-child(2) { -webkit-transition-delay: 20ms; transition-delay: 20ms; } .characters-grid-blocks > div.animate:nth-child(3) { -webkit-transition-delay: 30ms; transition-delay: 30ms; } .characters-grid-blocks > div.animate:nth-child(4) { -webkit-transition-delay: 40ms; transition-delay: 40ms; } .characters-grid-blocks > div.animate:nth-child(5) { -webkit-transition-delay: 50ms; transition-delay: 50ms; } .characters-grid-blocks > div.animate:nth-child(6) { -webkit-transition-delay: 60ms; transition-delay: 60ms; } .characters-grid-blocks > div.animate:nth-child(7) { -webkit-transition-delay: 70ms; transition-delay: 70ms; } .characters-grid-blocks > div.animate:nth-child(8) { -webkit-transition-delay: 80ms; transition-delay: 80ms; } .characters-grid-blocks > div.animate:nth-child(9) { -webkit-transition-delay: 90ms; transition-delay: 90ms; } .characters-grid-blocks > div.animate:nth-child(10) { -webkit-transition-delay: 100ms; transition-delay: 100ms; } .characters-grid-blocks > div.animate:nth-child(11) { -webkit-transition-delay: 110ms; transition-delay: 110ms; } .characters-grid-blocks > div.animate:nth-child(12) { -webkit-transition-delay: 120ms; transition-delay: 120ms; } .characters-grid-blocks > div.animate:nth-child(13) { -webkit-transition-delay: 130ms; transition-delay: 130ms; } .characters-grid-blocks > div.animate:nth-child(14) { -webkit-transition-delay: 140ms; transition-delay: 140ms; } .characters-grid-blocks > div.animate:nth-child(15) { -webkit-transition-delay: 150ms; transition-delay: 150ms; } .characters-grid-blocks > div.animate:nth-child(16) { -webkit-transition-delay: 160ms; transition-delay: 160ms; } .characters-grid-blocks > div.animate:nth-child(17) { -webkit-transition-delay: 170ms; transition-delay: 170ms; } .characters-grid-blocks > div.animate:nth-child(18) { -webkit-transition-delay: 180ms; transition-delay: 180ms; } .characters-grid-blocks > div.animate:nth-child(19) { -webkit-transition-delay: 190ms; transition-delay: 190ms; } .characters-grid-blocks > div.animate:nth-child(20) { -webkit-transition-delay: 200ms; transition-delay: 200ms; } .characters-grid-blocks > div.animate:nth-child(21) { -webkit-transition-delay: 210ms; transition-delay: 210ms; } .characters-grid-blocks > div.animate:nth-child(22) { -webkit-transition-delay: 220ms; transition-delay: 220ms; } .characters-grid-blocks > div.animate:nth-child(23) { -webkit-transition-delay: 230ms; transition-delay: 230ms; } .characters-grid-blocks > div.animate:nth-child(24) { -webkit-transition-delay: 240ms; transition-delay: 240ms; } .characters-grid-blocks > div.animate:nth-child(25) { -webkit-transition-delay: 250ms; transition-delay: 250ms; } .characters-grid-blocks > div.animate:nth-child(26) { -webkit-transition-delay: 260ms; transition-delay: 260ms; } .characters-grid-blocks > div.animate:nth-child(27) { -webkit-transition-delay: 270ms; transition-delay: 270ms; } .characters-grid-blocks > div.animate:nth-child(28) { -webkit-transition-delay: 280ms; transition-delay: 280ms; } .characters-grid-blocks > div.animate:nth-child(29) { -webkit-transition-delay: 290ms; transition-delay: 290ms; } .characters-grid-blocks > div.animate:nth-child(30) { -webkit-transition-delay: 300ms; transition-delay: 300ms; } .characters-grid-blocks > div.animate:nth-child(31) { -webkit-transition-delay: 310ms; transition-delay: 310ms; } .characters-grid-blocks > div.animate:nth-child(32) { -webkit-transition-delay: 320ms; transition-delay: 320ms; } .characters-grid-blocks > div.animate:nth-child(33) { -webkit-transition-delay: 330ms; transition-delay: 330ms; } .characters-grid-blocks > div.animate:nth-child(34) { -webkit-transition-delay: 340ms; transition-delay: 340ms; } .characters-grid-blocks > div.animate:nth-child(35) { -webkit-transition-delay: 350ms; transition-delay: 350ms; } .characters-grid-blocks > div.animate:nth-child(36) { -webkit-transition-delay: 360ms; transition-delay: 360ms; } .characters-grid-blocks > div.animate:nth-child(37) { -webkit-transition-delay: 370ms; transition-delay: 370ms; } .characters-grid-blocks > div.animate:nth-child(38) { -webkit-transition-delay: 380ms; transition-delay: 380ms; } .characters-grid-blocks > div.animate:nth-child(39) { -webkit-transition-delay: 390ms; transition-delay: 390ms; } .characters-grid-blocks > div.animate:nth-child(40) { -webkit-transition-delay: 400ms; transition-delay: 400ms; } .characters-grid-blocks > div.animate:nth-child(41) { -webkit-transition-delay: 410ms; transition-delay: 410ms; } .characters-grid-blocks > div.animate:nth-child(42) { -webkit-transition-delay: 420ms; transition-delay: 420ms; } .characters-grid-blocks > div.animate:nth-child(43) { -webkit-transition-delay: 430ms; transition-delay: 430ms; } .characters-grid-blocks > div.animate:nth-child(44) { -webkit-transition-delay: 440ms; transition-delay: 440ms; } .characters-grid-blocks > div.animate:nth-child(45) { -webkit-transition-delay: 450ms; transition-delay: 450ms; } .characters-grid-blocks > div.animate:nth-child(46) { -webkit-transition-delay: 460ms; transition-delay: 460ms; } .characters-grid-blocks > div.animate:nth-child(47) { -webkit-transition-delay: 470ms; transition-delay: 470ms; } .characters-grid-blocks > div.animate:nth-child(48) { -webkit-transition-delay: 480ms; transition-delay: 480ms; } .characters-grid-blocks > div.animate:nth-child(49) { -webkit-transition-delay: 490ms; transition-delay: 490ms; } .characters-grid-blocks > div.animate:nth-child(50) { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .characters-grid-blocks > div.animate:nth-child(51) { -webkit-transition-delay: 510ms; transition-delay: 510ms; } .characters-grid-blocks > div.animate:nth-child(52) { -webkit-transition-delay: 520ms; transition-delay: 520ms; } .characters-grid-blocks > div.animate:nth-child(53) { -webkit-transition-delay: 530ms; transition-delay: 530ms; } .characters-grid-blocks > div.animate:nth-child(54) { -webkit-transition-delay: 540ms; transition-delay: 540ms; } .characters-grid-blocks > div.animate:nth-child(55) { -webkit-transition-delay: 550ms; transition-delay: 550ms; } .characters-grid-blocks > div.animate:nth-child(56) { -webkit-transition-delay: 560ms; transition-delay: 560ms; } .characters-grid-blocks > div.animate:nth-child(57) { -webkit-transition-delay: 570ms; transition-delay: 570ms; } .characters-grid-blocks > div.animate:nth-child(58) { -webkit-transition-delay: 580ms; transition-delay: 580ms; } .characters-grid-blocks > div.animate:nth-child(59) { -webkit-transition-delay: 590ms; transition-delay: 590ms; } .characters-grid-blocks > div.animate:nth-child(60) { -webkit-transition-delay: 600ms; transition-delay: 600ms; } .characters-grid-blocks > div.animate:nth-child(61) { -webkit-transition-delay: 610ms; transition-delay: 610ms; } .characters-grid-blocks > div.animate:nth-child(62) { -webkit-transition-delay: 620ms; transition-delay: 620ms; } .characters-grid-blocks > div.animate:nth-child(63) { -webkit-transition-delay: 630ms; transition-delay: 630ms; } .characters-grid-blocks > div.animate:nth-child(64) { -webkit-transition-delay: 640ms; transition-delay: 640ms; } .characters-grid-blocks > div.animate:nth-child(65) { -webkit-transition-delay: 650ms; transition-delay: 650ms; } .characters-grid-blocks > div.animate:nth-child(66) { -webkit-transition-delay: 660ms; transition-delay: 660ms; } .characters-grid-blocks > div.animate:nth-child(67) { -webkit-transition-delay: 670ms; transition-delay: 670ms; } .characters-grid-blocks > div.animate:nth-child(68) { -webkit-transition-delay: 680ms; transition-delay: 680ms; } .characters-grid-blocks > div.animate:nth-child(69) { -webkit-transition-delay: 690ms; transition-delay: 690ms; } .characters-grid-blocks > div.animate:nth-child(70) { -webkit-transition-delay: 700ms; transition-delay: 700ms; } .characters-grid-blocks > div.animate:nth-child(71) { -webkit-transition-delay: 710ms; transition-delay: 710ms; } .characters-grid-blocks > div.animate:nth-child(72) { -webkit-transition-delay: 720ms; transition-delay: 720ms; } .characters-grid-blocks > div.animate:nth-child(73) { -webkit-transition-delay: 730ms; transition-delay: 730ms; } .characters-grid-blocks > div.animate:nth-child(74) { -webkit-transition-delay: 740ms; transition-delay: 740ms; } .characters-grid-blocks > div.animate:nth-child(75) { -webkit-transition-delay: 750ms; transition-delay: 750ms; } .characters-grid-blocks > div.animate:nth-child(76) { -webkit-transition-delay: 760ms; transition-delay: 760ms; } .characters-grid-blocks > div.animate:nth-child(77) { -webkit-transition-delay: 770ms; transition-delay: 770ms; } .characters-grid-blocks > div.animate:nth-child(78) { -webkit-transition-delay: 780ms; transition-delay: 780ms; } .characters-grid-blocks > div.animate:nth-child(79) { -webkit-transition-delay: 790ms; transition-delay: 790ms; } .characters-grid-blocks > div.animate:nth-child(80) { -webkit-transition-delay: 800ms; transition-delay: 800ms; } .characters-grid-blocks > div.animate:nth-child(81) { -webkit-transition-delay: 810ms; transition-delay: 810ms; } .characters-grid-blocks > div.animate:nth-child(82) { -webkit-transition-delay: 820ms; transition-delay: 820ms; } .characters-grid-blocks > div.animate:nth-child(83) { -webkit-transition-delay: 830ms; transition-delay: 830ms; } .characters-grid-blocks > div.animate:nth-child(84) { -webkit-transition-delay: 840ms; transition-delay: 840ms; } .characters-grid-blocks > div.animate:nth-child(85) { -webkit-transition-delay: 850ms; transition-delay: 850ms; } .characters-grid-blocks > div.animate:nth-child(86) { -webkit-transition-delay: 860ms; transition-delay: 860ms; } .characters-grid-blocks > div.animate:nth-child(87) { -webkit-transition-delay: 870ms; transition-delay: 870ms; } .characters-grid-blocks > div.animate:nth-child(88) { -webkit-transition-delay: 880ms; transition-delay: 880ms; } .characters-grid-blocks > div.animate:nth-child(89) { -webkit-transition-delay: 890ms; transition-delay: 890ms; } .characters-grid-blocks > div.animate:nth-child(90) { -webkit-transition-delay: 900ms; transition-delay: 900ms; } .characters-grid-blocks > div.animate:nth-child(91) { -webkit-transition-delay: 910ms; transition-delay: 910ms; } .characters-grid-blocks > div.animate:nth-child(92) { -webkit-transition-delay: 920ms; transition-delay: 920ms; } .characters-grid-blocks > div.animate:nth-child(93) { -webkit-transition-delay: 930ms; transition-delay: 930ms; } .characters-grid-blocks > div.animate:nth-child(94) { -webkit-transition-delay: 940ms; transition-delay: 940ms; } .characters-grid-blocks > div.animate:nth-child(95) { -webkit-transition-delay: 950ms; transition-delay: 950ms; } .characters-grid-blocks > div.animate:nth-child(96) { -webkit-transition-delay: 960ms; transition-delay: 960ms; } .characters-grid-blocks > div.animate:nth-child(97) { -webkit-transition-delay: 970ms; transition-delay: 970ms; } .characters-grid-blocks > div.animate:nth-child(98) { -webkit-transition-delay: 980ms; transition-delay: 980ms; } .characters-grid-blocks > div.animate:nth-child(99) { -webkit-transition-delay: 990ms; transition-delay: 990ms; } .characters-grid-blocks > div.animate:nth-child(100) { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } .characters-grid-blocks > div.animate:nth-child(101) { -webkit-transition-delay: 1010ms; transition-delay: 1010ms; } .characters-grid-blocks > div.animate:nth-child(102) { -webkit-transition-delay: 1020ms; transition-delay: 1020ms; } .characters-grid-blocks > div.animate:nth-child(103) { -webkit-transition-delay: 1030ms; transition-delay: 1030ms; } .characters-grid-blocks > div.animate:nth-child(104) { -webkit-transition-delay: 1040ms; transition-delay: 1040ms; } .characters-grid-blocks > div.animate:nth-child(105) { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; } .characters-grid-blocks > div.animate:nth-child(106) { -webkit-transition-delay: 1060ms; transition-delay: 1060ms; } .characters-grid-blocks > div.animate:nth-child(107) { -webkit-transition-delay: 1070ms; transition-delay: 1070ms; } .characters-grid-blocks > div.animate:nth-child(108) { -webkit-transition-delay: 1080ms; transition-delay: 1080ms; } .characters-grid-blocks > div.animate:nth-child(109) { -webkit-transition-delay: 1090ms; transition-delay: 1090ms; } .characters-grid-blocks > div.animate:nth-child(110) { -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } .characters-grid-blocks > div.animate:nth-child(111) { -webkit-transition-delay: 1110ms; transition-delay: 1110ms; } .characters-grid-blocks > div.animate:nth-child(112) { -webkit-transition-delay: 1120ms; transition-delay: 1120ms; } .characters-grid-blocks > div.animate:nth-child(113) { -webkit-transition-delay: 1130ms; transition-delay: 1130ms; } .characters-grid-blocks > div.animate:nth-child(114) { -webkit-transition-delay: 1140ms; transition-delay: 1140ms; } .characters-grid-blocks > div.animate:nth-child(115) { -webkit-transition-delay: 1150ms; transition-delay: 1150ms; } .characters-grid-blocks > div.animate:nth-child(116) { -webkit-transition-delay: 1160ms; transition-delay: 1160ms; } .characters-grid-blocks > div.animate:nth-child(117) { -webkit-transition-delay: 1170ms; transition-delay: 1170ms; } .characters-grid-blocks > div.animate:nth-child(118) { -webkit-transition-delay: 1180ms; transition-delay: 1180ms; } .characters-grid-blocks > div.animate:nth-child(119) { -webkit-transition-delay: 1190ms; transition-delay: 1190ms; } .characters-grid-blocks > div.animate:nth-child(120) { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .characters-grid-blocks > div.animate:nth-child(121) { -webkit-transition-delay: 1210ms; transition-delay: 1210ms; } .characters-grid-blocks > div.animate:nth-child(122) { -webkit-transition-delay: 1220ms; transition-delay: 1220ms; } .characters-grid-blocks > div.animate:nth-child(123) { -webkit-transition-delay: 1230ms; transition-delay: 1230ms; } .characters-grid-blocks > div.animate:nth-child(124) { -webkit-transition-delay: 1240ms; transition-delay: 1240ms; } .characters-grid-blocks > div.animate:nth-child(125) { -webkit-transition-delay: 1250ms; transition-delay: 1250ms; } .characters-grid-blocks > div.animate:nth-child(126) { -webkit-transition-delay: 1260ms; transition-delay: 1260ms; } .characters-grid-blocks > div.animate:nth-child(127) { -webkit-transition-delay: 1270ms; transition-delay: 1270ms; } .characters-grid-blocks > div.animate:nth-child(128) { -webkit-transition-delay: 1280ms; transition-delay: 1280ms; } .characters-grid-blocks > div.animate:nth-child(129) { -webkit-transition-delay: 1290ms; transition-delay: 1290ms; } .characters-grid-blocks > div.animate:nth-child(130) { -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } .characters-grid-blocks > div.animate:nth-child(131) { -webkit-transition-delay: 1310ms; transition-delay: 1310ms; } .characters-grid-blocks > div.animate:nth-child(132) { -webkit-transition-delay: 1320ms; transition-delay: 1320ms; } .characters-grid-blocks > div.animate:nth-child(133) { -webkit-transition-delay: 1330ms; transition-delay: 1330ms; } .characters-grid-blocks > div.animate:nth-child(134) { -webkit-transition-delay: 1340ms; transition-delay: 1340ms; } .characters-grid-blocks > div.animate:nth-child(135) { -webkit-transition-delay: 1350ms; transition-delay: 1350ms; } .characters-grid-blocks > div.animate:nth-child(136) { -webkit-transition-delay: 1360ms; transition-delay: 1360ms; } .characters-grid-blocks > div.animate:nth-child(137) { -webkit-transition-delay: 1370ms; transition-delay: 1370ms; } .characters-grid-blocks > div.animate:nth-child(138) { -webkit-transition-delay: 1380ms; transition-delay: 1380ms; } .characters-grid-blocks > div.animate:nth-child(139) { -webkit-transition-delay: 1390ms; transition-delay: 1390ms; } .characters-grid-blocks > div.animate:nth-child(140) { -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } .characters-grid-blocks > div.animate:nth-child(141) { -webkit-transition-delay: 1410ms; transition-delay: 1410ms; } .characters-grid-blocks > div.animate:nth-child(142) { -webkit-transition-delay: 1420ms; transition-delay: 1420ms; } .characters-grid-blocks > div.animate:nth-child(143) { -webkit-transition-delay: 1430ms; transition-delay: 1430ms; } .characters-grid-blocks > div.animate:nth-child(144) { -webkit-transition-delay: 1440ms; transition-delay: 1440ms; } .characters-grid-blocks > div.animate:nth-child(145) { -webkit-transition-delay: 1450ms; transition-delay: 1450ms; } .characters-grid-blocks > div.animate:nth-child(146) { -webkit-transition-delay: 1460ms; transition-delay: 1460ms; } .characters-grid-blocks > div.animate:nth-child(147) { -webkit-transition-delay: 1470ms; transition-delay: 1470ms; } .characters-grid-blocks > div.animate:nth-child(148) { -webkit-transition-delay: 1480ms; transition-delay: 1480ms; } .characters-grid-blocks > div.animate:nth-child(149) { -webkit-transition-delay: 1490ms; transition-delay: 1490ms; } .characters-grid-blocks > div.animate:nth-child(150) { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } .characters-grid-blocks > div.animate:nth-child(151) { -webkit-transition-delay: 1510ms; transition-delay: 1510ms; } .characters-grid-blocks > div.animate:nth-child(152) { -webkit-transition-delay: 1520ms; transition-delay: 1520ms; } .characters-grid-blocks > div.animate:nth-child(153) { -webkit-transition-delay: 1530ms; transition-delay: 1530ms; } .characters-grid-blocks > div.animate:nth-child(154) { -webkit-transition-delay: 1540ms; transition-delay: 1540ms; } .characters-grid-blocks > div.animate:nth-child(155) { -webkit-transition-delay: 1550ms; transition-delay: 1550ms; } .characters-grid-blocks > div.animate:nth-child(156) { -webkit-transition-delay: 1560ms; transition-delay: 1560ms; } .characters-grid-blocks > div.animate:nth-child(157) { -webkit-transition-delay: 1570ms; transition-delay: 1570ms; } .characters-grid-blocks > div.animate:nth-child(158) { -webkit-transition-delay: 1580ms; transition-delay: 1580ms; } .characters-grid-blocks > div.animate:nth-child(159) { -webkit-transition-delay: 1590ms; transition-delay: 1590ms; } .characters-grid-blocks > div.animate:nth-child(160) { -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .characters-grid-blocks > div.animate:nth-child(161) { -webkit-transition-delay: 1610ms; transition-delay: 1610ms; } .characters-grid-blocks > div.animate:nth-child(162) { -webkit-transition-delay: 1620ms; transition-delay: 1620ms; } .characters-grid-blocks > div.animate:nth-child(163) { -webkit-transition-delay: 1630ms; transition-delay: 1630ms; } .characters-grid-blocks > div.animate:nth-child(164) { -webkit-transition-delay: 1640ms; transition-delay: 1640ms; } .characters-grid-blocks > div.animate:nth-child(165) { -webkit-transition-delay: 1650ms; transition-delay: 1650ms; } .characters-grid-blocks > div.animate:nth-child(166) { -webkit-transition-delay: 1660ms; transition-delay: 1660ms; } .characters-grid-blocks > div.animate:nth-child(167) { -webkit-transition-delay: 1670ms; transition-delay: 1670ms; } .characters-grid-blocks > div.animate:nth-child(168) { -webkit-transition-delay: 1680ms; transition-delay: 1680ms; } .characters-grid-blocks > div.animate:nth-child(169) { -webkit-transition-delay: 1690ms; transition-delay: 1690ms; } .characters-grid-blocks > div.animate:nth-child(170) { -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } .characters-grid-blocks > div.animate:nth-child(171) { -webkit-transition-delay: 1710ms; transition-delay: 1710ms; } .characters-grid-blocks > div.animate:nth-child(172) { -webkit-transition-delay: 1720ms; transition-delay: 1720ms; } .characters-grid-blocks > div.animate:nth-child(173) { -webkit-transition-delay: 1730ms; transition-delay: 1730ms; } .characters-grid-blocks > div.animate:nth-child(174) { -webkit-transition-delay: 1740ms; transition-delay: 1740ms; } .characters-grid-blocks > div.animate:nth-child(175) { -webkit-transition-delay: 1750ms; transition-delay: 1750ms; } .characters-grid-blocks > div.animate:nth-child(176) { -webkit-transition-delay: 1760ms; transition-delay: 1760ms; } .characters-grid-blocks > div.animate:nth-child(177) { -webkit-transition-delay: 1770ms; transition-delay: 1770ms; } .characters-grid-blocks > div.animate:nth-child(178) { -webkit-transition-delay: 1780ms; transition-delay: 1780ms; } .characters-grid-blocks > div.animate:nth-child(179) { -webkit-transition-delay: 1790ms; transition-delay: 1790ms; } .characters-grid-blocks > div.animate:nth-child(180) { -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } .characters-grid-blocks > div.animate:nth-child(181) { -webkit-transition-delay: 1810ms; transition-delay: 1810ms; } .characters-grid-blocks > div.animate:nth-child(182) { -webkit-transition-delay: 1820ms; transition-delay: 1820ms; } .characters-grid-blocks > div.animate:nth-child(183) { -webkit-transition-delay: 1830ms; transition-delay: 1830ms; } .characters-grid-blocks > div.animate:nth-child(184) { -webkit-transition-delay: 1840ms; transition-delay: 1840ms; } .characters-grid-blocks > div.animate:nth-child(185) { -webkit-transition-delay: 1850ms; transition-delay: 1850ms; } .characters-grid-blocks > div.animate:nth-child(186) { -webkit-transition-delay: 1860ms; transition-delay: 1860ms; } .characters-grid-blocks > div.animate:nth-child(187) { -webkit-transition-delay: 1870ms; transition-delay: 1870ms; } .characters-grid-blocks > div.animate:nth-child(188) { -webkit-transition-delay: 1880ms; transition-delay: 1880ms; } .characters-grid-blocks > div.animate:nth-child(189) { -webkit-transition-delay: 1890ms; transition-delay: 1890ms; } .characters-grid-blocks > div.animate:nth-child(190) { -webkit-transition-delay: 1900ms; transition-delay: 1900ms; } .characters-grid-blocks > div.animate:nth-child(191) { -webkit-transition-delay: 1910ms; transition-delay: 1910ms; } .characters-grid-blocks > div.animate:nth-child(192) { -webkit-transition-delay: 1920ms; transition-delay: 1920ms; } .characters-grid-blocks > div.animate:nth-child(193) { -webkit-transition-delay: 1930ms; transition-delay: 1930ms; } .characters-grid-blocks > div.animate:nth-child(194) { -webkit-transition-delay: 1940ms; transition-delay: 1940ms; } .characters-grid-blocks > div.animate:nth-child(195) { -webkit-transition-delay: 1950ms; transition-delay: 1950ms; } .characters-grid-blocks > div.animate:nth-child(196) { -webkit-transition-delay: 1960ms; transition-delay: 1960ms; } .characters-grid-blocks > div.animate:nth-child(197) { -webkit-transition-delay: 1970ms; transition-delay: 1970ms; } .characters-grid-blocks > div.animate:nth-child(198) { -webkit-transition-delay: 1980ms; transition-delay: 1980ms; } .characters-grid-blocks > div.animate:nth-child(199) { -webkit-transition-delay: 1990ms; transition-delay: 1990ms; } .characters-grid-blocks > div.animate:nth-child(200) { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } .characters-grid-blocks > div.animate:nth-child(201) { -webkit-transition-delay: 2010ms; transition-delay: 2010ms; } .characters-grid-blocks > div.animate:nth-child(202) { -webkit-transition-delay: 2020ms; transition-delay: 2020ms; } .characters-grid-blocks > div.animate:nth-child(203) { -webkit-transition-delay: 2030ms; transition-delay: 2030ms; } .characters-grid-blocks > div.animate:nth-child(204) { -webkit-transition-delay: 2040ms; transition-delay: 2040ms; } .characters-grid-blocks > div.animate:nth-child(205) { -webkit-transition-delay: 2050ms; transition-delay: 2050ms; } .characters-grid-blocks > div.animate:nth-child(206) { -webkit-transition-delay: 2060ms; transition-delay: 2060ms; } .characters-grid-blocks > div.animate:nth-child(207) { -webkit-transition-delay: 2070ms; transition-delay: 2070ms; } .characters-grid-blocks > div.animate:nth-child(208) { -webkit-transition-delay: 2080ms; transition-delay: 2080ms; } .characters-grid-blocks > div.animate:nth-child(209) { -webkit-transition-delay: 2090ms; transition-delay: 2090ms; } .characters-grid-blocks > div.animate:nth-child(210) { -webkit-transition-delay: 2100ms; transition-delay: 2100ms; } .characters-grid-blocks > div.animate:nth-child(211) { -webkit-transition-delay: 2110ms; transition-delay: 2110ms; } .characters-grid-blocks > div.animate:nth-child(212) { -webkit-transition-delay: 2120ms; transition-delay: 2120ms; } .characters-grid-blocks > div.animate:nth-child(213) { -webkit-transition-delay: 2130ms; transition-delay: 2130ms; } .characters-grid-blocks > div.animate:nth-child(214) { -webkit-transition-delay: 2140ms; transition-delay: 2140ms; } .characters-grid-blocks > div.animate:nth-child(215) { -webkit-transition-delay: 2150ms; transition-delay: 2150ms; } .characters-grid-blocks > div.animate:nth-child(216) { -webkit-transition-delay: 2160ms; transition-delay: 2160ms; } .characters-grid-blocks > div.animate:nth-child(217) { -webkit-transition-delay: 2170ms; transition-delay: 2170ms; } .characters-grid-blocks > div.animate:nth-child(218) { -webkit-transition-delay: 2180ms; transition-delay: 2180ms; } .characters-grid-blocks > div.animate:nth-child(219) { -webkit-transition-delay: 2190ms; transition-delay: 2190ms; } .characters-grid-blocks > div.animate:nth-child(220) { -webkit-transition-delay: 2200ms; transition-delay: 2200ms; } .characters-grid-blocks > div.animate:nth-child(221) { -webkit-transition-delay: 2210ms; transition-delay: 2210ms; } .characters-grid-blocks > div.animate:nth-child(222) { -webkit-transition-delay: 2220ms; transition-delay: 2220ms; } .characters-grid-blocks > div.animate:nth-child(223) { -webkit-transition-delay: 2230ms; transition-delay: 2230ms; } .characters-grid-blocks > div.animate:nth-child(224) { -webkit-transition-delay: 2240ms; transition-delay: 2240ms; } .characters-grid-blocks > div.animate:nth-child(225) { -webkit-transition-delay: 2250ms; transition-delay: 2250ms; } .characters-grid-blocks > div.animate:nth-child(226) { -webkit-transition-delay: 2260ms; transition-delay: 2260ms; } .characters-grid-blocks > div.animate:nth-child(227) { -webkit-transition-delay: 2270ms; transition-delay: 2270ms; } .characters-grid-blocks > div.animate:nth-child(228) { -webkit-transition-delay: 2280ms; transition-delay: 2280ms; } .characters-grid-blocks > div.animate:nth-child(229) { -webkit-transition-delay: 2290ms; transition-delay: 2290ms; } .characters-grid-blocks > div.animate:nth-child(230) { -webkit-transition-delay: 2300ms; transition-delay: 2300ms; } .characters-grid-blocks > div.animate:nth-child(231) { -webkit-transition-delay: 2310ms; transition-delay: 2310ms; } .characters-grid-blocks > div.animate:nth-child(232) { -webkit-transition-delay: 2320ms; transition-delay: 2320ms; } .characters-grid-blocks > div.animate:nth-child(233) { -webkit-transition-delay: 2330ms; transition-delay: 2330ms; } .characters-grid-blocks > div.animate:nth-child(234) { -webkit-transition-delay: 2340ms; transition-delay: 2340ms; } .characters-grid-blocks > div.animate:nth-child(235) { -webkit-transition-delay: 2350ms; transition-delay: 2350ms; } .characters-grid-blocks > div.animate:nth-child(236) { -webkit-transition-delay: 2360ms; transition-delay: 2360ms; } .characters-grid-blocks > div.animate:nth-child(237) { -webkit-transition-delay: 2370ms; transition-delay: 2370ms; } .characters-grid-blocks > div.animate:nth-child(238) { -webkit-transition-delay: 2380ms; transition-delay: 2380ms; } .characters-grid-blocks > div.animate:nth-child(239) { -webkit-transition-delay: 2390ms; transition-delay: 2390ms; } .characters-grid-blocks > div.animate:nth-child(240) { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } .characters-grid-blocks > div.animate:nth-child(241) { -webkit-transition-delay: 2410ms; transition-delay: 2410ms; } .characters-grid-blocks > div.animate:nth-child(242) { -webkit-transition-delay: 2420ms; transition-delay: 2420ms; } .characters-grid-blocks > div.animate:nth-child(243) { -webkit-transition-delay: 2430ms; transition-delay: 2430ms; } .characters-grid-blocks > div.animate:nth-child(244) { -webkit-transition-delay: 2440ms; transition-delay: 2440ms; } .characters-grid-blocks > div.animate:nth-child(245) { -webkit-transition-delay: 2450ms; transition-delay: 2450ms; } .characters-grid-blocks > div.animate:nth-child(246) { -webkit-transition-delay: 2460ms; transition-delay: 2460ms; } .characters-grid-blocks > div.animate:nth-child(247) { -webkit-transition-delay: 2470ms; transition-delay: 2470ms; } .characters-grid-blocks > div.animate:nth-child(248) { -webkit-transition-delay: 2480ms; transition-delay: 2480ms; } .characters-grid-blocks > div.animate:nth-child(249) { -webkit-transition-delay: 2490ms; transition-delay: 2490ms; } .characters-grid-blocks > div.animate:nth-child(250) { -webkit-transition-delay: 2500ms; transition-delay: 2500ms; } .characters-grid-blocks > div.animate:nth-child(251) { -webkit-transition-delay: 2510ms; transition-delay: 2510ms; } .characters-grid-blocks > div.animate:nth-child(252) { -webkit-transition-delay: 2520ms; transition-delay: 2520ms; } .characters-grid-blocks > div.animate:nth-child(253) { -webkit-transition-delay: 2530ms; transition-delay: 2530ms; } .characters-grid-blocks > div.animate:nth-child(254) { -webkit-transition-delay: 2540ms; transition-delay: 2540ms; } .characters-grid-blocks > div.animate:nth-child(255) { -webkit-transition-delay: 2550ms; transition-delay: 2550ms; } .characters-grid-blocks > div.animate:nth-child(256) { -webkit-transition-delay: 2560ms; transition-delay: 2560ms; } .characters-grid-blocks > div.animate:nth-child(257) { -webkit-transition-delay: 2570ms; transition-delay: 2570ms; } .characters-grid-blocks > div.animate:nth-child(258) { -webkit-transition-delay: 2580ms; transition-delay: 2580ms; } .characters-grid-blocks > div.animate:nth-child(259) { -webkit-transition-delay: 2590ms; transition-delay: 2590ms; } .characters-grid-blocks > div.animate:nth-child(260) { -webkit-transition-delay: 2600ms; transition-delay: 2600ms; } .characters-grid-blocks > div.animate:nth-child(261) { -webkit-transition-delay: 2610ms; transition-delay: 2610ms; } .characters-grid-blocks > div.animate:nth-child(262) { -webkit-transition-delay: 2620ms; transition-delay: 2620ms; } .characters-grid-blocks > div.animate:nth-child(263) { -webkit-transition-delay: 2630ms; transition-delay: 2630ms; } .characters-grid-blocks > div.animate:nth-child(264) { -webkit-transition-delay: 2640ms; transition-delay: 2640ms; } .characters-grid-blocks > div.animate:nth-child(265) { -webkit-transition-delay: 2650ms; transition-delay: 2650ms; } .characters-grid-blocks > div.animate:nth-child(266) { -webkit-transition-delay: 2660ms; transition-delay: 2660ms; } .characters-grid-blocks > div.animate:nth-child(267) { -webkit-transition-delay: 2670ms; transition-delay: 2670ms; } .characters-grid-blocks > div.animate:nth-child(268) { -webkit-transition-delay: 2680ms; transition-delay: 2680ms; } .characters-grid-blocks > div.animate:nth-child(269) { -webkit-transition-delay: 2690ms; transition-delay: 2690ms; } .characters-grid-blocks > div.animate:nth-child(270) { -webkit-transition-delay: 2700ms; transition-delay: 2700ms; } .characters-grid-blocks > div.animate:nth-child(271) { -webkit-transition-delay: 2710ms; transition-delay: 2710ms; } .characters-grid-blocks > div.animate:nth-child(272) { -webkit-transition-delay: 2720ms; transition-delay: 2720ms; } .characters-grid-blocks > div.animate:nth-child(273) { -webkit-transition-delay: 2730ms; transition-delay: 2730ms; } .characters-grid-blocks > div.animate:nth-child(274) { -webkit-transition-delay: 2740ms; transition-delay: 2740ms; } .characters-grid-blocks > div.animate:nth-child(275) { -webkit-transition-delay: 2750ms; transition-delay: 2750ms; } .characters-grid-blocks > div.animate:nth-child(276) { -webkit-transition-delay: 2760ms; transition-delay: 2760ms; } .characters-grid-blocks > div.animate:nth-child(277) { -webkit-transition-delay: 2770ms; transition-delay: 2770ms; } .characters-grid-blocks > div.animate:nth-child(278) { -webkit-transition-delay: 2780ms; transition-delay: 2780ms; } .characters-grid-blocks > div.animate:nth-child(279) { -webkit-transition-delay: 2790ms; transition-delay: 2790ms; } .characters-grid-blocks > div.animate:nth-child(280) { -webkit-transition-delay: 2800ms; transition-delay: 2800ms; } .characters-grid-blocks > div.animate:nth-child(281) { -webkit-transition-delay: 2810ms; transition-delay: 2810ms; } .characters-grid-blocks > div.animate:nth-child(282) { -webkit-transition-delay: 2820ms; transition-delay: 2820ms; } .characters-grid-blocks > div.animate:nth-child(283) { -webkit-transition-delay: 2830ms; transition-delay: 2830ms; } .characters-grid-blocks > div.animate:nth-child(284) { -webkit-transition-delay: 2840ms; transition-delay: 2840ms; } .characters-grid-blocks > div.animate:nth-child(285) { -webkit-transition-delay: 2850ms; transition-delay: 2850ms; } .characters-grid-blocks > div.animate:nth-child(286) { -webkit-transition-delay: 2860ms; transition-delay: 2860ms; } .characters-grid-blocks > div.animate:nth-child(287) { -webkit-transition-delay: 2870ms; transition-delay: 2870ms; } .characters-grid-blocks > div.animate:nth-child(288) { -webkit-transition-delay: 2880ms; transition-delay: 2880ms; } .characters-grid-blocks > div.animate:nth-child(289) { -webkit-transition-delay: 2890ms; transition-delay: 2890ms; } .characters-grid-blocks > div.animate:nth-child(290) { -webkit-transition-delay: 2900ms; transition-delay: 2900ms; } .characters-grid-blocks > div.animate:nth-child(291) { -webkit-transition-delay: 2910ms; transition-delay: 2910ms; } .characters-grid-blocks > div.animate:nth-child(292) { -webkit-transition-delay: 2920ms; transition-delay: 2920ms; } .characters-grid-blocks > div.animate:nth-child(293) { -webkit-transition-delay: 2930ms; transition-delay: 2930ms; } .characters-grid-blocks > div.animate:nth-child(294) { -webkit-transition-delay: 2940ms; transition-delay: 2940ms; } .characters-grid-blocks > div.animate:nth-child(295) { -webkit-transition-delay: 2950ms; transition-delay: 2950ms; } .characters-grid-blocks > div.animate:nth-child(296) { -webkit-transition-delay: 2960ms; transition-delay: 2960ms; } .characters-grid-blocks > div.animate:nth-child(297) { -webkit-transition-delay: 2970ms; transition-delay: 2970ms; } .characters-grid-blocks > div.animate:nth-child(298) { -webkit-transition-delay: 2980ms; transition-delay: 2980ms; } .characters-grid-blocks > div.animate:nth-child(299) { -webkit-transition-delay: 2990ms; transition-delay: 2990ms; } .characters-grid-blocks > div.animate:nth-child(300) { -webkit-transition-delay: 3000ms; transition-delay: 3000ms; } .characters-grid-blocks > div.animate:nth-child(301) { -webkit-transition-delay: 3010ms; transition-delay: 3010ms; } .characters-grid-blocks > div.animate:nth-child(302) { -webkit-transition-delay: 3020ms; transition-delay: 3020ms; } .characters-grid-blocks > div.animate:nth-child(303) { -webkit-transition-delay: 3030ms; transition-delay: 3030ms; } .characters-grid-blocks > div.animate:nth-child(304) { -webkit-transition-delay: 3040ms; transition-delay: 3040ms; } .characters-grid-blocks > div.animate:nth-child(305) { -webkit-transition-delay: 3050ms; transition-delay: 3050ms; } .characters-grid-blocks > div.animate:nth-child(306) { -webkit-transition-delay: 3060ms; transition-delay: 3060ms; } .characters-grid-blocks > div.animate:nth-child(307) { -webkit-transition-delay: 3070ms; transition-delay: 3070ms; } .characters-grid-blocks > div.animate:nth-child(308) { -webkit-transition-delay: 3080ms; transition-delay: 3080ms; } .characters-grid-blocks > div.animate:nth-child(309) { -webkit-transition-delay: 3090ms; transition-delay: 3090ms; } .characters-grid-blocks > div.animate:nth-child(310) { -webkit-transition-delay: 3100ms; transition-delay: 3100ms; } .characters-grid-blocks > div.animate:nth-child(311) { -webkit-transition-delay: 3110ms; transition-delay: 3110ms; } .characters-grid-blocks > div.animate:nth-child(312) { -webkit-transition-delay: 3120ms; transition-delay: 3120ms; } .characters-grid-blocks > div.animate:nth-child(313) { -webkit-transition-delay: 3130ms; transition-delay: 3130ms; } .characters-grid-blocks > div.animate:nth-child(314) { -webkit-transition-delay: 3140ms; transition-delay: 3140ms; } .characters-grid-blocks > div.animate:nth-child(315) { -webkit-transition-delay: 3150ms; transition-delay: 3150ms; } .characters-grid-blocks > div.animate:nth-child(316) { -webkit-transition-delay: 3160ms; transition-delay: 3160ms; } .characters-grid-blocks > div.animate:nth-child(317) { -webkit-transition-delay: 3170ms; transition-delay: 3170ms; } .characters-grid-blocks > div.animate:nth-child(318) { -webkit-transition-delay: 3180ms; transition-delay: 3180ms; } .characters-grid-blocks > div.animate:nth-child(319) { -webkit-transition-delay: 3190ms; transition-delay: 3190ms; } .characters-grid-blocks > div.animate:nth-child(320) { -webkit-transition-delay: 3200ms; transition-delay: 3200ms; } .characters-grid-blocks > div.animate:nth-child(321) { -webkit-transition-delay: 3210ms; transition-delay: 3210ms; } .characters-grid-blocks > div.animate:nth-child(322) { -webkit-transition-delay: 3220ms; transition-delay: 3220ms; } .characters-grid-blocks > div.animate:nth-child(323) { -webkit-transition-delay: 3230ms; transition-delay: 3230ms; } .characters-grid-blocks > div.animate:nth-child(324) { -webkit-transition-delay: 3240ms; transition-delay: 3240ms; } .characters-grid-blocks > div.animate:nth-child(325) { -webkit-transition-delay: 3250ms; transition-delay: 3250ms; } .characters-grid-blocks > div.animate:nth-child(326) { -webkit-transition-delay: 3260ms; transition-delay: 3260ms; } .characters-grid-blocks > div.animate:nth-child(327) { -webkit-transition-delay: 3270ms; transition-delay: 3270ms; } .characters-grid-blocks > div.animate:nth-child(328) { -webkit-transition-delay: 3280ms; transition-delay: 3280ms; } .characters-grid-blocks > div.animate:nth-child(329) { -webkit-transition-delay: 3290ms; transition-delay: 3290ms; } .characters-grid-blocks > div.animate:nth-child(330) { -webkit-transition-delay: 3300ms; transition-delay: 3300ms; } .characters-grid-blocks > div.animate:nth-child(331) { -webkit-transition-delay: 3310ms; transition-delay: 3310ms; } .characters-grid-blocks > div.animate:nth-child(332) { -webkit-transition-delay: 3320ms; transition-delay: 3320ms; } .characters-grid-blocks > div.animate:nth-child(333) { -webkit-transition-delay: 3330ms; transition-delay: 3330ms; } .characters-grid-blocks > div.animate:nth-child(334) { -webkit-transition-delay: 3340ms; transition-delay: 3340ms; } .characters-grid-blocks > div.animate:nth-child(335) { -webkit-transition-delay: 3350ms; transition-delay: 3350ms; } .characters-grid-blocks > div.animate:nth-child(336) { -webkit-transition-delay: 3360ms; transition-delay: 3360ms; } .characters-grid-blocks > div.animate:nth-child(337) { -webkit-transition-delay: 3370ms; transition-delay: 3370ms; } .characters-grid-blocks > div.animate:nth-child(338) { -webkit-transition-delay: 3380ms; transition-delay: 3380ms; } .characters-grid-blocks > div.animate:nth-child(339) { -webkit-transition-delay: 3390ms; transition-delay: 3390ms; } .characters-grid-blocks > div.animate:nth-child(340) { -webkit-transition-delay: 3400ms; transition-delay: 3400ms; } .characters-grid-blocks > div.animate:nth-child(341) { -webkit-transition-delay: 3410ms; transition-delay: 3410ms; } .characters-grid-blocks > div.animate:nth-child(342) { -webkit-transition-delay: 3420ms; transition-delay: 3420ms; } .characters-grid-blocks > div.animate:nth-child(343) { -webkit-transition-delay: 3430ms; transition-delay: 3430ms; } .characters-grid-blocks > div.animate:nth-child(344) { -webkit-transition-delay: 3440ms; transition-delay: 3440ms; } .characters-grid-blocks > div.animate:nth-child(345) { -webkit-transition-delay: 3450ms; transition-delay: 3450ms; } .characters-grid-blocks > div.animate:nth-child(346) { -webkit-transition-delay: 3460ms; transition-delay: 3460ms; } .characters-grid-blocks > div.animate:nth-child(347) { -webkit-transition-delay: 3470ms; transition-delay: 3470ms; } .characters-grid-blocks > div.animate:nth-child(348) { -webkit-transition-delay: 3480ms; transition-delay: 3480ms; } .characters-grid-blocks > div.animate:nth-child(349) { -webkit-transition-delay: 3490ms; transition-delay: 3490ms; } .characters-grid-blocks > div.animate:nth-child(350) { -webkit-transition-delay: 3500ms; transition-delay: 3500ms; } .characters-grid-blocks > div.animate:nth-child(351) { -webkit-transition-delay: 3510ms; transition-delay: 3510ms; } .characters-grid-blocks > div.animate:nth-child(352) { -webkit-transition-delay: 3520ms; transition-delay: 3520ms; } .characters-grid-blocks > div.animate:nth-child(353) { -webkit-transition-delay: 3530ms; transition-delay: 3530ms; } .characters-grid-blocks > div.animate:nth-child(354) { -webkit-transition-delay: 3540ms; transition-delay: 3540ms; } .characters-grid-blocks > div.animate:nth-child(355) { -webkit-transition-delay: 3550ms; transition-delay: 3550ms; } .characters-grid-blocks > div.animate:nth-child(356) { -webkit-transition-delay: 3560ms; transition-delay: 3560ms; } .characters-grid-blocks > div.animate:nth-child(357) { -webkit-transition-delay: 3570ms; transition-delay: 3570ms; } .characters-grid-blocks > div.animate:nth-child(358) { -webkit-transition-delay: 3580ms; transition-delay: 3580ms; } .characters-grid-blocks > div.animate:nth-child(359) { -webkit-transition-delay: 3590ms; transition-delay: 3590ms; } .characters-grid-blocks > div.animate:nth-child(360) { -webkit-transition-delay: 3600ms; transition-delay: 3600ms; } .characters-grid-blocks > div.animate:nth-child(361) { -webkit-transition-delay: 3610ms; transition-delay: 3610ms; } .characters-grid-blocks > div.animate:nth-child(362) { -webkit-transition-delay: 3620ms; transition-delay: 3620ms; } .characters-grid-blocks > div.animate:nth-child(363) { -webkit-transition-delay: 3630ms; transition-delay: 3630ms; } .characters-grid-blocks > div.animate:nth-child(364) { -webkit-transition-delay: 3640ms; transition-delay: 3640ms; } .characters-grid-blocks > div.animate:nth-child(365) { -webkit-transition-delay: 3650ms; transition-delay: 3650ms; } .characters-grid-blocks > div.animate:nth-child(366) { -webkit-transition-delay: 3660ms; transition-delay: 3660ms; } .characters-grid-blocks > div.animate:nth-child(367) { -webkit-transition-delay: 3670ms; transition-delay: 3670ms; } .characters-grid-blocks > div.animate:nth-child(368) { -webkit-transition-delay: 3680ms; transition-delay: 3680ms; } .characters-grid-blocks > div.animate:nth-child(369) { -webkit-transition-delay: 3690ms; transition-delay: 3690ms; } .characters-grid-blocks > div.animate:nth-child(370) { -webkit-transition-delay: 3700ms; transition-delay: 3700ms; } .characters-grid-blocks > div.animate:nth-child(371) { -webkit-transition-delay: 3710ms; transition-delay: 3710ms; } .characters-grid-blocks > div.animate:nth-child(372) { -webkit-transition-delay: 3720ms; transition-delay: 3720ms; } .characters-grid-blocks > div.animate:nth-child(373) { -webkit-transition-delay: 3730ms; transition-delay: 3730ms; } .characters-grid-blocks > div.animate:nth-child(374) { -webkit-transition-delay: 3740ms; transition-delay: 3740ms; } .characters-grid-blocks > div.animate:nth-child(375) { -webkit-transition-delay: 3750ms; transition-delay: 3750ms; } .characters-grid-blocks > div.animate:nth-child(376) { -webkit-transition-delay: 3760ms; transition-delay: 3760ms; } .characters-grid-blocks > div.animate:nth-child(377) { -webkit-transition-delay: 3770ms; transition-delay: 3770ms; } .characters-grid-blocks > div.animate:nth-child(378) { -webkit-transition-delay: 3780ms; transition-delay: 3780ms; } .characters-grid-blocks > div.animate:nth-child(379) { -webkit-transition-delay: 3790ms; transition-delay: 3790ms; } .characters-grid-blocks > div.animate:nth-child(380) { -webkit-transition-delay: 3800ms; transition-delay: 3800ms; } .characters-grid-blocks > div.animate:nth-child(381) { -webkit-transition-delay: 3810ms; transition-delay: 3810ms; } .characters-grid-blocks > div.animate:nth-child(382) { -webkit-transition-delay: 3820ms; transition-delay: 3820ms; } .characters-grid-blocks > div.animate:nth-child(383) { -webkit-transition-delay: 3830ms; transition-delay: 3830ms; } .characters-grid-blocks > div.animate:nth-child(384) { -webkit-transition-delay: 3840ms; transition-delay: 3840ms; } .characters-grid-blocks > div.animate:nth-child(385) { -webkit-transition-delay: 3850ms; transition-delay: 3850ms; } .characters-grid-blocks > div.animate:nth-child(386) { -webkit-transition-delay: 3860ms; transition-delay: 3860ms; } .characters-grid-blocks > div.animate:nth-child(387) { -webkit-transition-delay: 3870ms; transition-delay: 3870ms; } .characters-grid-blocks > div.animate:nth-child(388) { -webkit-transition-delay: 3880ms; transition-delay: 3880ms; } .characters-grid-blocks > div.animate:nth-child(389) { -webkit-transition-delay: 3890ms; transition-delay: 3890ms; } .characters-grid-blocks > div.animate:nth-child(390) { -webkit-transition-delay: 3900ms; transition-delay: 3900ms; } .characters-grid-blocks > div.animate:nth-child(391) { -webkit-transition-delay: 3910ms; transition-delay: 3910ms; } .characters-grid-blocks > div.animate:nth-child(392) { -webkit-transition-delay: 3920ms; transition-delay: 3920ms; } .characters-grid-blocks > div.animate:nth-child(393) { -webkit-transition-delay: 3930ms; transition-delay: 3930ms; } .characters-grid-blocks > div.animate:nth-child(394) { -webkit-transition-delay: 3940ms; transition-delay: 3940ms; } .characters-grid-blocks > div.animate:nth-child(395) { -webkit-transition-delay: 3950ms; transition-delay: 3950ms; } .characters-grid-blocks > div.animate:nth-child(396) { -webkit-transition-delay: 3960ms; transition-delay: 3960ms; } .characters-grid-blocks > div.animate:nth-child(397) { -webkit-transition-delay: 3970ms; transition-delay: 3970ms; } .characters-grid-blocks > div.animate:nth-child(398) { -webkit-transition-delay: 3980ms; transition-delay: 3980ms; } .characters-grid-blocks > div.animate:nth-child(399) { -webkit-transition-delay: 3990ms; transition-delay: 3990ms; } .characters-grid-blocks > div.animate:nth-child(400) { -webkit-transition-delay: 4000ms; transition-delay: 4000ms; } .characters-grid-blocks > div.animate:nth-child(401) { -webkit-transition-delay: 4010ms; transition-delay: 4010ms; } .characters-grid-blocks > div.animate:nth-child(402) { -webkit-transition-delay: 4020ms; transition-delay: 4020ms; } .characters-grid-blocks > div.animate:nth-child(403) { -webkit-transition-delay: 4030ms; transition-delay: 4030ms; } .characters-grid-blocks > div.animate:nth-child(404) { -webkit-transition-delay: 4040ms; transition-delay: 4040ms; } .characters-grid-blocks > div.animate:nth-child(405) { -webkit-transition-delay: 4050ms; transition-delay: 4050ms; } .characters-grid-blocks > div.animate:nth-child(406) { -webkit-transition-delay: 4060ms; transition-delay: 4060ms; } .characters-grid-blocks > div.animate:nth-child(407) { -webkit-transition-delay: 4070ms; transition-delay: 4070ms; } .characters-grid-blocks > div.animate:nth-child(408) { -webkit-transition-delay: 4080ms; transition-delay: 4080ms; } .characters-grid-blocks > div.animate:nth-child(409) { -webkit-transition-delay: 4090ms; transition-delay: 4090ms; } .characters-grid-blocks > div.animate:nth-child(410) { -webkit-transition-delay: 4100ms; transition-delay: 4100ms; } .characters-grid-blocks > div.animate:nth-child(411) { -webkit-transition-delay: 4110ms; transition-delay: 4110ms; } .characters-grid-blocks > div.animate:nth-child(412) { -webkit-transition-delay: 4120ms; transition-delay: 4120ms; } .characters-grid-blocks > div.animate:nth-child(413) { -webkit-transition-delay: 4130ms; transition-delay: 4130ms; } .characters-grid-blocks > div.animate:nth-child(414) { -webkit-transition-delay: 4140ms; transition-delay: 4140ms; } .characters-grid-blocks > div.animate:nth-child(415) { -webkit-transition-delay: 4150ms; transition-delay: 4150ms; } .characters-grid-blocks > div.animate:nth-child(416) { -webkit-transition-delay: 4160ms; transition-delay: 4160ms; } .characters-grid-blocks > div.animate:nth-child(417) { -webkit-transition-delay: 4170ms; transition-delay: 4170ms; } .characters-grid-blocks > div.animate:nth-child(418) { -webkit-transition-delay: 4180ms; transition-delay: 4180ms; } .characters-grid-blocks > div.animate:nth-child(419) { -webkit-transition-delay: 4190ms; transition-delay: 4190ms; } .characters-grid-blocks > div.animate:nth-child(420) { -webkit-transition-delay: 4200ms; transition-delay: 4200ms; } .characters-grid-blocks > div.animate:nth-child(421) { -webkit-transition-delay: 4210ms; transition-delay: 4210ms; } .characters-grid-blocks > div.animate:nth-child(422) { -webkit-transition-delay: 4220ms; transition-delay: 4220ms; } .characters-grid-blocks > div.animate:nth-child(423) { -webkit-transition-delay: 4230ms; transition-delay: 4230ms; } .characters-grid-blocks > div.animate:nth-child(424) { -webkit-transition-delay: 4240ms; transition-delay: 4240ms; } .characters-grid-blocks > div.animate:nth-child(425) { -webkit-transition-delay: 4250ms; transition-delay: 4250ms; } .characters-grid-blocks > div.animate:nth-child(426) { -webkit-transition-delay: 4260ms; transition-delay: 4260ms; } .characters-grid-blocks > div.animate:nth-child(427) { -webkit-transition-delay: 4270ms; transition-delay: 4270ms; } .characters-grid-blocks > div.animate:nth-child(428) { -webkit-transition-delay: 4280ms; transition-delay: 4280ms; } .characters-grid-blocks > div.animate:nth-child(429) { -webkit-transition-delay: 4290ms; transition-delay: 4290ms; } .characters-grid-blocks > div.animate:nth-child(430) { -webkit-transition-delay: 4300ms; transition-delay: 4300ms; } .characters-grid-blocks > div.animate:nth-child(431) { -webkit-transition-delay: 4310ms; transition-delay: 4310ms; } .characters-grid-blocks > div.animate:nth-child(432) { -webkit-transition-delay: 4320ms; transition-delay: 4320ms; } .characters-grid-blocks > div.animate:nth-child(433) { -webkit-transition-delay: 4330ms; transition-delay: 4330ms; } .characters-grid-blocks > div.animate:nth-child(434) { -webkit-transition-delay: 4340ms; transition-delay: 4340ms; } .characters-grid-blocks > div.animate:nth-child(435) { -webkit-transition-delay: 4350ms; transition-delay: 4350ms; } .characters-grid-blocks > div.animate:nth-child(436) { -webkit-transition-delay: 4360ms; transition-delay: 4360ms; } .characters-grid-blocks > div.animate:nth-child(437) { -webkit-transition-delay: 4370ms; transition-delay: 4370ms; } .characters-grid-blocks > div.animate:nth-child(438) { -webkit-transition-delay: 4380ms; transition-delay: 4380ms; } .characters-grid-blocks > div.animate:nth-child(439) { -webkit-transition-delay: 4390ms; transition-delay: 4390ms; } .characters-grid-blocks > div.animate:nth-child(440) { -webkit-transition-delay: 4400ms; transition-delay: 4400ms; } .characters-grid-blocks > div.animate:nth-child(441) { -webkit-transition-delay: 4410ms; transition-delay: 4410ms; } .characters-grid-blocks > div.animate:nth-child(442) { -webkit-transition-delay: 4420ms; transition-delay: 4420ms; } .characters-grid-blocks > div.animate:nth-child(443) { -webkit-transition-delay: 4430ms; transition-delay: 4430ms; } .characters-grid-blocks > div.animate:nth-child(444) { -webkit-transition-delay: 4440ms; transition-delay: 4440ms; } .characters-grid-blocks > div.animate:nth-child(445) { -webkit-transition-delay: 4450ms; transition-delay: 4450ms; } .characters-grid-blocks > div.animate:nth-child(446) { -webkit-transition-delay: 4460ms; transition-delay: 4460ms; } .characters-grid-blocks > div.animate:nth-child(447) { -webkit-transition-delay: 4470ms; transition-delay: 4470ms; } .characters-grid-blocks > div.animate:nth-child(448) { -webkit-transition-delay: 4480ms; transition-delay: 4480ms; } .characters-grid-blocks > div.animate:nth-child(449) { -webkit-transition-delay: 4490ms; transition-delay: 4490ms; } .characters-grid-blocks > div.animate:nth-child(450) { -webkit-transition-delay: 4500ms; transition-delay: 4500ms; } .characters-grid-blocks > div.animate:nth-child(451) { -webkit-transition-delay: 4510ms; transition-delay: 4510ms; } .characters-grid-blocks > div.animate:nth-child(452) { -webkit-transition-delay: 4520ms; transition-delay: 4520ms; } .characters-grid-blocks > div.animate:nth-child(453) { -webkit-transition-delay: 4530ms; transition-delay: 4530ms; } .characters-grid-blocks > div.animate:nth-child(454) { -webkit-transition-delay: 4540ms; transition-delay: 4540ms; } .characters-grid-blocks > div.animate:nth-child(455) { -webkit-transition-delay: 4550ms; transition-delay: 4550ms; } .characters-grid-blocks > div.animate:nth-child(456) { -webkit-transition-delay: 4560ms; transition-delay: 4560ms; } .characters-grid-blocks > div.animate:nth-child(457) { -webkit-transition-delay: 4570ms; transition-delay: 4570ms; } .characters-grid-blocks > div.animate:nth-child(458) { -webkit-transition-delay: 4580ms; transition-delay: 4580ms; } .characters-grid-blocks > div.animate:nth-child(459) { -webkit-transition-delay: 4590ms; transition-delay: 4590ms; } .characters-grid-blocks > div.animate:nth-child(460) { -webkit-transition-delay: 4600ms; transition-delay: 4600ms; } .characters-grid-blocks > div.animate:nth-child(461) { -webkit-transition-delay: 4610ms; transition-delay: 4610ms; } .characters-grid-blocks > div.animate:nth-child(462) { -webkit-transition-delay: 4620ms; transition-delay: 4620ms; } .characters-grid-blocks > div.animate:nth-child(463) { -webkit-transition-delay: 4630ms; transition-delay: 4630ms; } .characters-grid-blocks > div.animate:nth-child(464) { -webkit-transition-delay: 4640ms; transition-delay: 4640ms; } .characters-grid-blocks > div.animate:nth-child(465) { -webkit-transition-delay: 4650ms; transition-delay: 4650ms; } .characters-grid-blocks > div.animate:nth-child(466) { -webkit-transition-delay: 4660ms; transition-delay: 4660ms; } .characters-grid-blocks > div.animate:nth-child(467) { -webkit-transition-delay: 4670ms; transition-delay: 4670ms; } .characters-grid-blocks > div.animate:nth-child(468) { -webkit-transition-delay: 4680ms; transition-delay: 4680ms; } .characters-grid-blocks > div.animate:nth-child(469) { -webkit-transition-delay: 4690ms; transition-delay: 4690ms; } .characters-grid-blocks > div.animate:nth-child(470) { -webkit-transition-delay: 4700ms; transition-delay: 4700ms; } .characters-grid-blocks > div.animate:nth-child(471) { -webkit-transition-delay: 4710ms; transition-delay: 4710ms; } .characters-grid-blocks > div.animate:nth-child(472) { -webkit-transition-delay: 4720ms; transition-delay: 4720ms; } .characters-grid-blocks > div.animate:nth-child(473) { -webkit-transition-delay: 4730ms; transition-delay: 4730ms; } .characters-grid-blocks > div.animate:nth-child(474) { -webkit-transition-delay: 4740ms; transition-delay: 4740ms; } .characters-grid-blocks > div.animate:nth-child(475) { -webkit-transition-delay: 4750ms; transition-delay: 4750ms; } .characters-grid-blocks > div.animate:nth-child(476) { -webkit-transition-delay: 4760ms; transition-delay: 4760ms; } .characters-grid-blocks > div.animate:nth-child(477) { -webkit-transition-delay: 4770ms; transition-delay: 4770ms; } .characters-grid-blocks > div.animate:nth-child(478) { -webkit-transition-delay: 4780ms; transition-delay: 4780ms; } .characters-grid-blocks > div.animate:nth-child(479) { -webkit-transition-delay: 4790ms; transition-delay: 4790ms; } .characters-grid-blocks > div.animate:nth-child(480) { -webkit-transition-delay: 4800ms; transition-delay: 4800ms; } .characters-grid-blocks > div.animate:nth-child(481) { -webkit-transition-delay: 4810ms; transition-delay: 4810ms; } .characters-grid-blocks > div.animate:nth-child(482) { -webkit-transition-delay: 4820ms; transition-delay: 4820ms; } .characters-grid-blocks > div.animate:nth-child(483) { -webkit-transition-delay: 4830ms; transition-delay: 4830ms; } .characters-grid-blocks > div.animate:nth-child(484) { -webkit-transition-delay: 4840ms; transition-delay: 4840ms; } .characters-grid-blocks > div.animate:nth-child(485) { -webkit-transition-delay: 4850ms; transition-delay: 4850ms; } .characters-grid-blocks > div.animate:nth-child(486) { -webkit-transition-delay: 4860ms; transition-delay: 4860ms; } .characters-grid-blocks > div.animate:nth-child(487) { -webkit-transition-delay: 4870ms; transition-delay: 4870ms; } .characters-grid-blocks > div.animate:nth-child(488) { -webkit-transition-delay: 4880ms; transition-delay: 4880ms; } .characters-grid-blocks > div.animate:nth-child(489) { -webkit-transition-delay: 4890ms; transition-delay: 4890ms; } .characters-grid-blocks > div.animate:nth-child(490) { -webkit-transition-delay: 4900ms; transition-delay: 4900ms; } .characters-grid-blocks > div.animate:nth-child(491) { -webkit-transition-delay: 4910ms; transition-delay: 4910ms; } .characters-grid-blocks > div.animate:nth-child(492) { -webkit-transition-delay: 4920ms; transition-delay: 4920ms; } .characters-grid-blocks > div.animate:nth-child(493) { -webkit-transition-delay: 4930ms; transition-delay: 4930ms; } .characters-grid-blocks > div.animate:nth-child(494) { -webkit-transition-delay: 4940ms; transition-delay: 4940ms; } .characters-grid-blocks > div.animate:nth-child(495) { -webkit-transition-delay: 4950ms; transition-delay: 4950ms; } .characters-grid-blocks > div.animate:nth-child(496) { -webkit-transition-delay: 4960ms; transition-delay: 4960ms; } .characters-grid-blocks > div.animate:nth-child(497) { -webkit-transition-delay: 4970ms; transition-delay: 4970ms; } .characters-grid-blocks > div.animate:nth-child(498) { -webkit-transition-delay: 4980ms; transition-delay: 4980ms; } .characters-grid-blocks > div.animate:nth-child(499) { -webkit-transition-delay: 4990ms; transition-delay: 4990ms; } .characters-grid-blocks > div.animate:nth-child(500) { -webkit-transition-delay: 5000ms; transition-delay: 5000ms; } .characters-grid-blocks > div svg { width: 12px; height: auto; } .characters-grid-blocks > div svg path { stroke-width: 1; stroke: white; stroke-linecap: square; fill: none; fill-rule: evenodd; } .characters-grid-blocks.is-active > div.animate { opacity: 1; } .home-page { padding-bottom: 60px; } .home-page-hero { background-color: #002636; color: white; margin-bottom: 81px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; } .home-page-hero .characters-grid { position: absolute; top: 20px; right: 15px; padding: 0 0 0 40px; width: 100%; max-width: 50%; } .home-page-hero .characters-grid .characters-grid-blocks { float: right; } .home-page-hero__background-blur-overlay { width: 50%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 2; } .home-page-hero__background-blur-overlay .image-blur, .home-page-hero__background-blur-overlay .color-opacity { content: ''; position: absolute; top: 0; height: 100%; } .home-page-hero__background-blur-overlay .image-blur { top: -25px; left: -25px; width: 102vw; height: 110%; width: calc(100vw + 50px); height: calc(100% + 50px); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-filter: blur(15px); filter: blur(15px); } .home-page-hero__background-blur-overlay .color-opacity { width: 100%; background-color: rgba(0, 38, 54, 0.5); } .home-page-hero__background-blur-overlay .characters-grid-mobile { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: none; } .home-page-hero__background-blur-overlay .characters-grid-mobile .characters-grid-blocks { width: 100% !important; } .home-page-hero__background-blur-overlay .characters-grid-mobile .characters-grid-blocks canvas { width: 100%; } .home-page-hero__overhang { width: 50%; height: 30px; position: absolute; bottom: -30px; left: 0; background-color: #cce2ec; } .home-page-hero__copy { padding: 0 76px 0 18px; width: 50%; height: 550px; min-height: 550px; position: relative; z-index: 3; } .home-page-hero__copy-inside { max-width: 570px; float: right; } .home-page-hero__text { padding-bottom: 30px; } .home-page-hero__text span { display: block; max-width: 670px; } .home-page-after-carousel { position: relative; padding: 92px 0 159px 0; min-height: 500px; background-color: #004f71; color: white; -webkit-box-shadow: inset 0 -250px 250px -100px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -250px 250px -100px rgba(0, 0, 0, 0.1); } .home-page-after-carousel .characters-grid-left { position: absolute; top: 10px; left: 15px; width: 100%; max-width: 50%; height: 100%; } .home-page-after-carousel .characters-grid-left .characters-grid-blocks { float: left; opacity: 0.7; } .home-page-after-carousel .characters-grid-right { position: absolute; top: 10px; right: 15px; width: 100%; max-width: 50%; height: 100%; } .home-page-after-carousel .characters-grid-right .characters-grid-blocks { float: right; opacity: 0.7; } .home-page-after-carousel .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.6; background-repeat: no-repeat; background-position: center center; background-size: cover; } .home-page-after-carousel__inside { position: relative; margin: 0 auto; width: 100%; max-width: 787px; text-align: center; } .home-page-after-carousel__inside a.button { margin: 40px 0 0; } .home-page-after-carousel__text { text-align: center; margin: 0 auto; width: 50ch; } .home-page-research { position: relative; margin: -95px auto 0; width: 1170px; padding: 59px 100px 68px 100px; background-color: white; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); } #filter-sort + span .select2-selection--single .select2-selection__arrow { display: block; } .hide-arrow + span .select2-selection--single .select2-selection__arrow { display: none; } .page-hero { min-height: 450px; position: relative; padding: 60px 0 68px 0; background-color: #002636; color: white; background-repeat: no-repeat; background-position: center center; background-size: cover; } body.page-template-hub-people .page-hero { min-height: auto; } .page-hero__background-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.7; } #research-topics { grid-template-columns: 200px 1fr 200px; grid-gap: 50px; max-width: 95vw; } #research-topics > .hub-research-topics { margin-bottom: 0px; } #research-topics > .hub-research-topics h2, #research-topics > .hub-research-topics a { color: white; } #research-topics > .hub-research-topics .hub-research-topics__list a:last-child { border-bottom: none; } #research-topics > .hub-research-topics .hub-research-topics__list .hub-research-topics__item { padding: 15px 16px; } .page-hero__inside { position: relative; display: grid; grid-template-columns: 270px 1fr; grid-gap: 30px; margin: 0 auto; width: 970px; } .page-hero-summary { margin-bottom: 15px; } .page-hero-description p { color: white; margin-bottom: 20px; font-size: 14px; line-height: 22px; } .page-hero-description p br { display: block !important; margin-bottom: 20px !important; content: ' '; } .page-hero-description p:last-child { margin-bottom: 0; } /* Career */ .hub-career { background-color: #f3f7f9; } .hub-career-top { padding-top: 70px; padding-bottom: 70px; background-color: #002636; } .hub-career-top__inside { width: 100%; max-width: 1205px; margin: 0 auto; display: grid; grid-template-columns: 470px 1fr; grid-gap: 65px; margin: 0 auto; } .hub-career-top__left .meta { margin-bottom: 52px; padding-left: 235px; } .hub-career-top__left .kicker, .hub-career-top__left .kicker-square, .hub-career-top__left .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .hub-career-top__left .kicker, .hub-career-top__left .research-header .type-title .kicker, .research-header .type-title .hub-career-top__left .kicker, .hub-career-top__left .hub-news-top h1, .hub-news-top .hub-career-top__left h1 { margin-bottom: 8px; } .hub-career-top__right h2 { margin-bottom: 10px; font-size: 32px; line-height: 38px; font-weight: 600; } .hub-career-list { display: grid; grid-template-columns: 470px 1fr; grid-gap: 65px; margin: 0 auto; max-width: 1205px; padding-top: 76px; padding-bottom: 50px; background-color: #f3f7f9; } .hub-career-list__left .meta { margin-bottom: 52px; padding-left: 235px; } .hub-career-list__left .kicker, .hub-career-list__left .kicker-square, .hub-career-list__left .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .hub-career-list__left .kicker, .hub-career-list__left .research-header .type-title .kicker, .research-header .type-title .hub-career-list__left .kicker, .hub-career-list__left .hub-news-top h1, .hub-news-top .hub-career-list__left h1 { margin-bottom: 8px; font-size: 11px; line-height: 11px; } .hub-career-open-positions-description { margin-bottom: 20px; color: #005379; } .hub-career-job-item { position: relative; display: grid; grid-template-columns: 400px 1fr; grid-gap: 20px; overflow: hidden; padding: 21px 0; border-bottom: 1px solid #cccccc; } .hub-career-job-item .title, .hub-career-job-item .location { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-career-job-item .title { width: 400px; color: #005379; } .hub-career-job-item .location { margin: auto 0; } .hub-career-job-item img { position: absolute; top: calc(50% - 6px); right: 4px; width: 14px; height: 12px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-career-job-item:hover .title, .hub-career-job-item:hover .location { opacity: 1; } .hub-career-job-item:hover img { right: 0; } /* News */ .hub-news-top { padding: 56px 0 52px 0; background-color: #f3f7f9; } .hub-news-top h1 { margin: 0 auto 18px auto; width: 970px; } .hub-news-featured-news { overflow: hidden; margin-bottom: 20px; } .hub-news-featured-news:after { clear: both; content: ''; } .hub-news-featured-news .slide { float: left; display: grid; grid-template-columns: 250px 1fr; grid-column-gap: 60px; margin: 0 20px; width: 970px; height: 370px; padding: 60px; outline: none; background-color: white; -webkit-filter: grayscale(95%); filter: grayscale(95%); opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-news-featured-news .slide.slick-current { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .hub-news-featured-news .slide .left { overflow: hidden; } .hub-news-featured-news .slide .left .image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-news-featured-news .slide .right { color: black; } .hub-news-featured-news .slide .right .type-date { margin-bottom: 10px; } .hub-news-featured-news .slide .right .type-date .type { margin-right: 26px; } .hub-news-featured-news .slide .right h3 { margin-bottom: 18px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-news-featured-news .slide .right .description { color: #005379; } .hub-news-featured-news .slide.slick-current:hover .left .image { -webkit-transform: scale(1.1); transform: scale(1.1); } .hub-news-featured-news .slide.slick-current:hover .right h3 { color: #0090d1; } .hub-news-featured-events { display: grid; grid-template-columns: repeat(2, 470px); grid-column-gap: 46px; margin: 0 auto; width: 970px; } .hub-news-latest-wrapper { padding-top: 39px; padding-bottom: 80px; margin: 0 auto; width: 970px; } .hub-news-latest-wrapper h2 { margin-bottom: 11px; font-size: 24px; line-height: 32px; font-weight: 600; } .hub-news-latest { display: grid; grid-template-columns: 1fr 270px; grid-gap: 34px; } .hub-news-latest__left { position: relative; } .hub-news-latest__list { margin-bottom: 2.625rem; } .hub-news-featured-events .teaser, .hub-news-latest__list .teaser { padding-top: 28px; padding-bottom: 24px; } .hub-news-featured-events .teaser .left, .hub-news-latest__list .teaser .left { padding-top: 0; } .hub-news-featured-events .teaser .right, .hub-news-latest__list .teaser .right { padding-top: 0; } .hub-news-featured-events .teaser h3, .hub-news-latest__list .teaser h3 { margin-bottom: 10px; } .hub-news-featured-events .teaser .source-date, .hub-news-featured-events .teaser .type-location, .hub-news-featured-events .teaser .type-date, .hub-news-latest__list .teaser .source-date, .hub-news-latest__list .teaser .type-location, .hub-news-latest__list .teaser .type-date { position: static; } .hub-news-featured-events .event-date-card, .hub-news-latest__list .event-date-card { padding-top: 14px; } .hub-news-featured-events .teaser { padding-top: 28px; padding-bottom: 34px; } .contact-block { margin-bottom: 30px; padding: 40px 30px 54px; background-color: #f3f7f9; } .contact-block-emails { margin-bottom: 43px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } .contact-block-emails .title { margin-bottom: 10px; } .contact-block-emails .email { margin-bottom: 30px; } .contact-block-emails .email a { display: block; width: 100%; padding: 18px 0 18px 18px; color: white; background: #005379; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .contact-block-emails .email a img { margin-right: 15px; width: 21px; height: 14px; vertical-align: middle; } .contact-block-address .title { margin-bottom: 10px; } .contact-block-address .address { margin-bottom: 5px; } .contact-block-address .phone { margin-bottom: 10px; } .contact-block-address .email a { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } /* People */ .hub-people-list-wrapper { padding-top: 50px; padding-bottom: 70px; background-color: #002636; } .hub-people-list { display: grid; grid-template-columns: repeat(2, 570px); grid-template-rows: -webkit-max-content; grid-template-rows: max-content; grid-gap: 30px; width: 1170px; margin: 0 auto; } .hub-people-list .hub-people-item { display: grid; grid-template-columns: 140px 1fr; grid-gap: 20px; padding: 30px; background-color: #003349; color: black; } .hub-people-list .hub-people-item .headshot { overflow: hidden; display: block; width: 140px; height: 170px; } .hub-people-list .hub-people-item .headshot .image { width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; opacity: 1; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-people-list .hub-people-item .meta { position: relative; padding-right: 30px; } .hub-people-list .hub-people-item .meta h3 { margin-bottom: 5px; } .hub-people-list .hub-people-item .meta .position { margin-bottom: 15px; font-size: 13px; line-height: 19px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1475em; color: white; } .hub-people-list .hub-people-item .meta .content { margin: 10px 0 0 0; } .hub-people-list .hub-people-item .meta .content > button { text-align: left; padding: 5px 0 5px 18px; background-position: left, center; background-size: 7px, 3px; background-repeat: no-repeat; background-color: transparent; background-image: url(/wp-content/themes/site/static/images/caret-white-small.svg); border: 0; outline: none; color: white; cursor: pointer; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .hub-people-list .hub-people-item .meta .content > button:hover { background-position: 3px, center; } .hub-people-list .hub-people-item .meta img { position: absolute; top: 11px; right: 4px; width: 12px; height: 11px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-people-list .hub-people-item:hover { -webkit-transition: background 200ms ease; transition: background 200ms ease; background: #005379; } .hub-people-list .hub-people-item:hover .meta img { right: 0; } /* Research */ .hub-research:not(.hub-search) .page-hero { padding-bottom: 234px; } .hub-search .page-hero { min-height: 0; } .hub-topic .page-hero, .hub-research-topic .page-hero { background-color: #002636; padding-bottom: 234px; } .hub-topic .page-hero .page-hero-background-image, .hub-research-topic .page-hero .page-hero-background-image { position: absolute; background-size: cover; background-repeat: no-repeat; top: -2%; left: -2%; width: 104%; height: 104%; -webkit-filter: blur(7px); filter: blur(7px); } .hub-topic .page-hero .page-hero-background-overlay, .hub-research-topic .page-hero .page-hero-background-overlay { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 38, 54, 0.8); } .hub-topic .page-hero .kicker, .hub-topic .page-hero .kicker-square, .hub-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-topic .page-hero .impact-header .left .kicker, .hub-topic .page-hero .hub-news-top h1, .hub-news-top .hub-topic .page-hero h1, .hub-research-topic .page-hero .kicker, .hub-research-topic .page-hero .kicker-square, .hub-research-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-research-topic .page-hero .impact-header .left .kicker, .hub-research-topic .page-hero .hub-news-top h1, .hub-news-top .hub-research-topic .page-hero h1 { position: relative; margin: 0 auto 5px auto; width: 970px; color: white; } .hub-topic .page-hero__inside-left, .hub-research-topic .page-hero__inside-left { position: relative; } .hub-topic .page-hero__inside-left h1, .hub-research-topic .page-hero__inside-left h1 { margin: 0 0 22px; } .hub-topic .page-hero__inside-left .image, .hub-research-topic .page-hero__inside-left .image { width: 100%; height: 0; padding-top: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .hub-topic .page-hero__inside-right, .hub-research-topic .page-hero__inside-right { position: relative; } .hub-topic .page-hero__inside-right .contact, .hub-research-topic .page-hero__inside-right .contact { margin-top: 62px; } .hub-topic .page-hero__inside-right .contact a, .hub-research-topic .page-hero__inside-right .contact a { display: inline-block; padding: 18px 18px; color: white; background: #005379; letter-spacing: 0.1875em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-topic .page-hero__inside-right .contact a img, .hub-research-topic .page-hero__inside-right .contact a img { margin-right: 15px; width: 23px; height: 16px; vertical-align: middle; } .hub-research, .hub-research-featured, .page-research-topic { background-color: #f3f7f9; } .hub-research-featured { position: relative; margin-bottom: 40px; height: 350px; margin-top: -204px; background: transparent; } .hub-research-featured .strike { position: absolute; bottom: 0; width: 100%; height: 146px; background-color: #f3f7f9; } .hub-research-featured .item-wrapper { position: absolute; top: 0; width: 100%; height: 350px; } .hub-research-featured-item { display: block; overflow: hidden; margin: 0 auto; width: 970px; height: 350px; background-color: white; color: black; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); } .hub-research-featured-item:after { clear: both; content: ''; } .hub-research-featured-item .left, .hub-research-featured-item .right { float: left; width: 485px; height: 350px; } .hub-research-featured-item .left { position: relative; padding: 43px 40px; } .hub-research-featured-item .left .kicker, .hub-research-featured-item .left .kicker-square, .hub-research-featured-item .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .hub-research-featured-item .left .kicker, .hub-research-featured-item .left .hub-news-top h1, .hub-news-top .hub-research-featured-item .left h1 { letter-spacing: 0.1875em; } .hub-research-featured-item .left h3 { margin-bottom: 9px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-research-featured-item .left .authors { position: absolute; bottom: 43px; width: 100%; } .hub-research-featured-item .right { overflow: hidden; } .hub-research-featured-item .right .image { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-research-featured-item:hover { color: black; } .hub-research-featured-item:hover h3 { color: #0078ae; } .hub-research-featured-item:hover .right .image { -webkit-transform: scale(1.1); transform: scale(1.1); } .hub-research-tier2 { display: grid; grid-template-columns: repeat(2, 470px); grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; grid-gap: 30px; margin: 0 auto 2.5rem auto; width: 970px; } .hub-research-tier2 .teaser { grid-template-columns: 1fr; border-bottom: 0; background-color: white; color: black; display: grid; grid-template-columns: 1fr 160px; } .hub-research-tier2 .teaser .left { padding: 30px; } .hub-research-tier2 .teaser .kicker-date { overflow: hidden; margin-bottom: 16px; } .hub-research-tier2 .teaser .kicker-date:after { clear: both; content: ''; } .hub-research-tier2 .teaser .kicker-date div { float: left; width: 50%; } .hub-research-tier2 .teaser .kicker-date .date { position: static; text-align: right; } .hub-research-tier2 .teaser h3 { margin-bottom: 4px; } .hub-research-tier2 .teaser .description { margin-bottom: 14px; } .hub-research-tier2 .teaser .authors { padding-right: 60px; } .hub-research-tier2 .teaser .right { overflow: hidden; padding-top: 0; } .hub-research-tier2 .teaser .right .image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-research-tier2 .teaser:hover h3 { color: #0078ae; } .hub-research-tier2 .teaser:hover .right .image { -webkit-transform: scale(1.1); transform: scale(1.1); } .hub-research-search { display: grid; grid-template-columns: 1fr 38%; grid-template-rows: 58px; grid-gap: 30px; margin: 0 auto; width: 970px; } .hub-research-search__filters, .hub-research-search__search { color: white; font-size: 18px; line-height: 18px; } .hub-research-search__filters { overflow: hidden; padding: 20px 25px 0; background-color: #002636; } .hub-research-search__filters:after { clear: both; content: ''; } .hub-research-search__filters > div { float: left; margin-right: 16px; } .hub-research-search__filters .sort { width: 67px; } .hub-research-search__filters .type { width: 89px; } .hub-research-search__filters .author { margin-right: 0; width: 180px; } .hub-research-search__filters select { border: 0; background-color: transparent; } .hub-research-search__filters .select2-selection--single { border: 0; border-radius: 0; background-color: transparent; outline: none; } .hub-research-search__filters .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; color: white; font-size: 15px; line-height: 18px; letter-spacing: 0.00688em; } .hub-research-search__filters .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: white; } .hub-research-search__filters .select2-selection--single .select2-selection__rendered .select2-selection__clear { font-weight: inherit; z-index: 1; } .hub-research-search__filters .select2-selection--single .select2-selection__arrow { top: 6px; right: 0; width: 10px; height: 7px; } .hub-research-search__filters .select2-selection--single .select2-selection__arrow b { border: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-image: url(/wp-content/themes/site/static/images/dropdown-down-blue.svg); } .select2-results__option { padding: 0px 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; font-size: 14px; margin-bottom: 5px; } .hub-research-search__search { position: relative; background-color: #0078ae; } .hub-research-search__search .filter-keyword { width: 100%; padding: 20px 25px 0; border: 0; outline: 0; background-color: #0078ae; color: white; font-size: 18px; line-height: 18px; } .hub-research-search__search .filter-keyword::-webkit-input-placeholder { color: white; } .hub-research-search__search .filter-keyword:-ms-input-placeholder { color: white; } .hub-research-search__search .filter-keyword::-ms-input-placeholder { color: white; } .hub-research-search__search .filter-keyword::placeholder { color: white; } .hub-research-search__search .search { position: absolute; display: block; top: 20px; right: 25px; width: 18px; height: 17px; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-research-search__search .search:hover { opacity: 1; } .hub-research-search__search .search img { width: 100%; height: 100%; } .hub-research-explore { padding-top: 70px; background-color: white; padding-bottom: 50px; } .hub-research-explore__inside { margin: 0 auto; width: 970px; } .hub-research-explore-meta { margin-bottom: 25px; } .hub-research-explore-meta h2 { padding-bottom: 14px; color: black; } .hub-research-explore__inside-grid { display: grid; grid-template-columns: 1fr 270px; grid-gap: 34px; } .hub-research-explore__left { position: relative; } .hub-research-results { margin-bottom: 30px; } .hub-research-results__item { display: grid; grid-template-columns: 1fr 215px; grid-column-gap: 30px; padding: 25px 0; border-bottom: 1px solid #cccccc; color: black; } .hub-research-results__item.no-image { grid-template-columns: 1fr; } .hub-research-results__item:first-child { padding-top: 0; } .hub-research-results__item .left .type-date { position: relative; margin-bottom: 10px; color: black; font-size: 11px; line-height: 11px; } .hub-research-results__item .left .type-date .type { text-transform: uppercase; } .hub-research-results__item .left .type-date .date { position: absolute; top: 0; right: 0; text-align: right; } .hub-research-results__item .left h3 { margin-bottom: 5px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-research-results__item .left .description { margin-bottom: 10px; } .hub-research-results__item .right { overflow: hidden; width: 215px; height: 140px; } .hub-research-results__item .right .image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .hub-research-results__item:hover .left h3 { color: #0078ae; } .hub-research-results__item:hover .right .image { -webkit-transform: scale(1.1); transform: scale(1.1); } .hub-research-topics { margin-bottom: 50px; margin-top: -3px; } .hub-research-topics .hub-research-topics__item { position: relative; display: block; padding: 20px 16px; border-bottom: 1px solid #cccccc; color: black; } .hub-research-topics .hub-research-topics__item .title { font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: 0.00688em; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-research-topics .hub-research-topics__item img { position: absolute; top: calc(50% - 6px); right: 4px; width: 14px; height: 12px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .hub-research-topics .hub-research-topics__item:hover .title { opacity: 1; } .hub-research-topics .hub-research-topics__item:hover img { right: 0; } .hub-data-story { padding-bottom: 1px; } .hub-data-story .page-hero-summary { margin-bottom: 0; } .hub-data-story .page-hero .page-hero-background-image { height: 100%; } .hub-data-story .hub-research-featured { height: unset; margin-bottom: 4rem; } .hub-data-story .hub-research-featured-item { margin-bottom: 2rem; } .hub-data-story .hub-research-featured-item .right { height: 100%; } .hub-data-story dl dt { color: #005379; } .hub-data-story dl dd { margin: 0; font-weight: 400; color: #5e5e5e; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-size: .875em; } .hub-data-story dl dd:not(:last-child) { margin-bottom: 1rem; } .basic-page { margin: 60px auto 0; width: 970px; padding: 50px 0 50px; } .page-what-we-do { background-color: #f3f7f9; } .page-what-we-do .page-hero { padding-top: 70px; padding-bottom: 94px; } .page-what-we-do .page-hero .characters-grid { position: absolute; top: 20px; right: 15px; } .page-what-we-do .page-hero .characters-grid .characters-grid-blocks { float: right; } .page-what-we-do .page-hero-description { font-size: 28px; line-height: 34px; font-weight: normal; } .page-what-we-do .body-background { position: relative; } .page-what-we-do .body-background:after { content: ''; background-image: url("/wp-content/themes/site/static/images/RHG-chracter-grid-v2-2x.png"); width: 100%; height: 100%; position: absolute; background-size: contain; top: 200px; background-repeat: no-repeat; } .page-what-we-do .body-background .body-content { width: 770px; } .page-what-we-do .body-background .body-content-top { background-color: #f3f7f9; position: relative; margin: 70px auto 0; z-index: 1; position: relative; padding-right: 20px; padding-left: 9px; } .page-what-we-do .body-background .body-content-top > .characters-grid { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; } .page-what-we-do .body-background .body-content-bottom { background-color: #f3f7f9; margin: 30px auto 0; padding-bottom: 70px; z-index: 1; position: relative; } .page-what-we-do .partnerships { background-color: white; text-align: center; padding-bottom: 70px; } .page-what-we-do .partnerships h1 { padding-top: 60px; padding-bottom: 60px; } .page-what-we-do .partnerships .partner-container { max-width: 970px; margin: 0 auto; border-top: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-what-we-do .partnerships .partner-container .partner { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc((100% - ((1 - 1) * 0%)) / 1); flex-basis: calc((100% - ((1 - 1) * 0%)) / 1); max-width: calc((100% - ((1 - 1) * 0%)) / 1); max-width: calc((100% - ((1 - 1) * 0%)) / 1); margin-left: 0%; } .page-what-we-do .partnerships .partner-container .partner:nth-child(1n + 1) { margin-left: 0; } .page-what-we-do .partnerships .partner-container .partner { padding: 30px; display: block; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .page-what-we-do .partnerships .partner-container .partner:first-child { border-left: 1px solid #e7e7e7; } .page-what-we-do .partnerships .partner-container .partner:hover { -webkit-box-shadow: inset 0px 0px 0px 1px black; box-shadow: inset 0px 0px 0px 1px black; } .page-what-we-do .partnerships .partner-container .partner:hover .image { -webkit-filter: none; filter: none; } .page-what-we-do .partnerships .partner-container .partner .image { min-height: 250px; max-width: 230px; margin-left: auto; margin-right: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); } html.no-scroll, html.no-scroll body { overflow: hidden; position: relative; height: 100%; } .blocker { background-color: rgba(0, 0, 0, 0.2); } a[href='#close-modal'] { display: none; background: transparent !important; } .partnership-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */ left: 0; top: 10%; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .partnership-modal:before { content: ' '; background-color: rgba(0, 0, 0, 0.2); width: 100vw; height: 100vh; background-position: center; background-size: cover; position: fixed; top: 0; left: 0; z-index: 1000; right: 0; bottom: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } .partnership-modal .partnership-modal-container { padding: 50px; background-color: white; left: calc(50vw - (730px / 2)); min-width: 730px; max-width: 730px; z-index: 1000; position: relative; background: white; overflow: auto; height: 800px; max-height: 100vh; } .partnership-modal .partnership-modal-container .close { position: absolute; right: 20px; top: 20px; font-size: 25px; cursor: pointer; color: #e25d5d; } .partnership-modal .partnership-modal-container .close:hover { color: black; } .partnership-modal .partnership-modal-container .top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; } .partnership-modal .partnership-modal-container .top span { font-size: 39px; color: #bdbdbd; } .partnership-modal .partnership-modal-container .top img:last-of-type { max-width: 180px; } .partnership-modal .partnership-modal-container .body-text { text-align: left; margin-bottom: 35px; } .partnership-modal .partnership-modal-container .body-text p:first-child { font-family: "fira-sans", helvetica, arial, sans-serif; font-size: 25px; text-align: center; } .partnership-modal .partnership-modal-container .body-text p:last-child { font-family: "freight-text-pro", "Times New Roman", serif; } .partnership-modal .partnership-modal-container .bottom-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .partnership-modal .partnership-modal-container .bottom-links a { display: block; text-align: left; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; max-width: 270px; color: #0090d1; position: relative; padding-left: 24px; } .partnership-modal .partnership-modal-container .bottom-links a:before { content: ' '; background-image: url("/wp-content/themes/site/static/images/Icon-External-Link-blue_thicker.svg"); width: 47px; height: 49px; background-size: cover; background-position: center; left: -16px; top: -4px; background-repeat: no-repeat; background-size: 75%; position: absolute; } .partnership-modal .partnership-modal-container .bottom-links a:after { content: ' '; background-image: url("/wp-content/themes/site/static/images/arrowhead.svg"); width: 20px; height: 20px; background-size: cover; background-position: center; right: 0; top: 12px; background-repeat: no-repeat; background-size: 60%; position: absolute; } .partnership-modal .partnership-modal-container .bottom-links a:hover { color: black; } .partnership-modal .partnership-modal-container .bottom-links a:hover:before { content: ' '; background-image: url("/wp-content/themes/site/static/images/Icon-External-Link-blue-hover.svg"); width: 47px; height: 49px; background-size: cover; background-position: center; left: -16px; top: -4px; background-repeat: no-repeat; background-size: 75%; position: absolute; } .partnership-modal .partnership-modal-container .bottom-links a:hover:after { content: ' '; background-image: url("/wp-content/themes/site/static/images/arrowhead-black.svg"); width: 20px; height: 20px; background-size: cover; background-position: center; right: 0; top: 12px; background-repeat: no-repeat; background-size: 60%; position: absolute; } /* Bio / Team */ .bio-page { background-color: #002636; } .bio-page .breadcrumb { padding-top: 15px; margin-bottom: 40px; padding-left: 18px; } .bio-page .breadcrumb a { color: #0090d1; font-size: 11px; line-height: 11px; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .bio-page .breadcrumb a:hover { opacity: 1; } .bio-page .breadcrumb a img { margin-right: 4px; } .bio-page .our-team { margin-top: 0; padding-top: 30px; background-color: white; } .bio-container { margin: 0 auto; width: 1170px; padding-bottom: 55px; } .bio { display: grid; grid-template-columns: 335px 1fr; grid-gap: 65px; margin: 0 auto; width: 970px; } .bio__left h1 { margin-bottom: 1px; } .bio__left .position { margin-bottom: 18px; } .bio__left .headshot { margin-bottom: 10px; width: 335px; height: 335px; background-position: top center; background-size: cover; background-repeat: no-repeat; } .bio__left .contact { margin-bottom: 10px; padding: 8px 4px 7px; width: 100%; background: #005379; text-align: center; height: auto; } .bio__left .contact a { float: none; display: inline-block; } .bio__left .download.has-both a { width: 49%; width: calc(50% - 5px); } .bio__left .download a { float: left; position: relative; display: block; margin-bottom: 10px; width: 100%; padding: 24px; background: #005379; color: white; font-size: 13px; line-height: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.125em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .bio__left .download a:hover { background: #0071a5; } .bio__left .download a:nth-child(2) { float: right; } .bio__left .download a img { position: absolute; right: 11px; width: 45px; height: 45px; top: 8px; } .bio__right .introduction { margin-bottom: 10px; } .bio__right .bio-content p { color: white; } .bio-featured-research { background-color: #002636; position: relative; padding: 0 0 12px; } .bio-featured-research .strike { position: absolute; bottom: 0; width: 100%; height: 50%; height: calc(50%); background-color: #f3f7f9; } .bio-featured-research__inside { margin: 0 auto 0; width: 1170px; padding: 59px 100px 68px 100px; background-color: white; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); position: relative; } .bio-other-research { position: relative; padding: 50px 0 70px; background-color: #f3f7f9; } .bio-other-research .block-header { height: 32px; margin: 0 auto 15px; width: 970px; } .bio-other-research__list { display: grid; grid-template-columns: repeat(2, 470px); grid-column-gap: 30px; grid-auto-rows: 100px; margin: 0 auto 30px auto; width: 970px; } .bio-other-research__item { display: grid; grid-template-columns: 1fr 70px; grid-gap: 15px; padding: 15px 0; border-bottom: 1px solid #cccccc; color: black; } .bio-other-research__item .left .kicker, .bio-other-research__item .left .kicker-square, .bio-other-research__item .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .bio-other-research__item .left .kicker, .bio-other-research__item .left .hub-news-top h1, .hub-news-top .bio-other-research__item .left h1 { margin-bottom: 0; } .bio-other-research__item .left h3 { font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: 0.00688em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .bio-other-research__item .right img { width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .bio-other-research__item:hover .left h3 { color: #0078ae; } .bio-other-research__pager { margin: 0 auto; width: 970px; } .bio-other-research__pager .pagination { margin: 0 auto; width: 365px; } .bio-press { padding-bottom: 50px; background-color: white; } .bio-press .news-block { margin-top: 0; padding-top: 30px; } /* Contact */ .page-contact h1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 970px; } .page-contact-top { padding-top: 70px; padding-bottom: 70px; background-color: #002636; position: relative; overflow: hidden; } .page-contact-top__inside { position: relative; } .page-contact-top .characters-grid-top-right { position: absolute; top: 20px; right: 15px; opacity: 0.5; } .page-contact-top .characters-grid-top-right .characters-grid-blocks { float: right; } .page-contact-top .characters-grid-bottom-left { position: absolute; bottom: 15px; left: 15px; opacity: 0.5; } .page-contact-top .characters-grid-bottom-left .characters-grid-blocks { float: right; } .page-contact-top-background-image { position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: -2%; left: -2%; width: 104%; height: 104%; -webkit-filter: blur(7px); filter: blur(7px); } .page-contact-top-background-overlay { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 38, 54, 0.9); } .page-contact-main, .page-contact-offices, .page-contact-contact__inside { display: grid; grid-template-columns: repeat(2, 370px); grid-gap: 30px; margin: 0 auto; width: 100%; max-width: 770px; } .page-contact-main { padding-bottom: 58px; } .page-contact-main-location { margin-bottom: 10px; } .page-contact-main-address { margin-bottom: 10px; } .page-contact-main-phone-fax { margin-bottom: 16px; font-size: 18px; line-height: 28px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; color: white; } .page-contact-main img { width: 370px; height: 379px; -o-object-fit: cover; object-fit: cover; } .page-contact-main__left { padding-top: 64px; } .page-contact-offices { padding: 20px 0 20px; } .page-contact-office { position: relative; padding: 50px 0 50px; } .page-contact-office:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; max-width: 270px; height: 1px; background-color: #cccccc; } .page-contact-office:nth-last-child(-n + 2):after { display: none; } .page-contact-office-location { margin-bottom: 17px; } .page-contact-office-address { margin-bottom: 10px; color: #005379; } .page-contact-office-phone-fax { margin-bottom: 5px; } .page-contact-office-email a { color: #0079b3; text-decoration: underline; font-weight: 300; } .page-contact-contact { position: relative; padding: 61px 0 59px 0; background-color: #f3f7f9; overflow: hidden; } .page-contact-contact .characters-grid-left { position: absolute; top: 10px; left: 15px; width: 100%; max-width: 50%; height: 100%; } .page-contact-contact .characters-grid-left .characters-grid-blocks { float: left; opacity: 0.7; } .page-contact-contact .characters-grid-right { position: absolute; top: 10px; right: 15px; width: 100%; max-width: 50%; height: 100%; } .page-contact-contact .characters-grid-right .characters-grid-blocks { float: right; opacity: 0.7; } .page-contact-contact__inside { position: relative; width: 770px; } .page-contact-other-email { background-color: white; padding: 70px 10px 70px; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); } .page-contact-other-email-title { margin-bottom: 19px; font-size: 24px; line-height: 34px; font-weight: 500; text-align: center; color: #005379; } .page-contact-other-email-email { font-weight: 600; font-size: 11px; line-height: 11px; text-align: center; } /* Impact */ .impact-story .page-hero { min-height: 0; padding-top: 31px; } .impact-story .page-hero:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 38, 54, 0.8); } .impact-story .page-hero .breadcrumb { margin-bottom: 15px; padding-left: 18px; } .impact-story .page-hero .breadcrumb a { color: white; font-size: 11px; line-height: 11px; text-transform: uppercase; opacity: 0.7; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .impact-story .page-hero .breadcrumb a:hover { opacity: 1; } .impact-story .page-hero .breadcrumb a img { margin-right: 4px; } .impact-story .page-hero .impact-header { margin: 0 auto; width: 970px; position: relative; } .impact-story .page-hero .impact-header .left { padding-left: 100px; padding-right: 130px; } .impact-story .page-hero .impact-header .left .kicker-square, .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .hub-news-top h1, .hub-news-top .impact-story .page-hero .impact-header .left h1 { margin-bottom: 10px; } .impact-story .page-hero .impact-header .left h1 { margin-bottom: 10px; } .impact-story .body-content { margin: 0 auto 37px auto; width: 770px; padding-top: 60px; } .impact-story .newsletter-cta-inpage { margin: 0 auto 60px auto; width: 770px; } .impact-story .more-stories { position: relative; padding-bottom: 60px; } .impact-story .more-stories:after { content: ' '; background-image: url("/wp-content/themes/site/static/images/Horizontal-100-with-Characters-2x.png"); z-index: 0; background-size: cover; position: absolute; top: 163px; background-position: center; background-repeat: repeat-x; width: 100vw; height: 300px; } .impact-story .more-stories .fill { position: absolute; top: 0; width: 100%; height: 100%; background-color: #f3f7f9; z-index: 0; } .impact-story .more-stories .strike { position: absolute; top: 0; height: 86px; width: 100%; background-color: white; z-index: 0; } .impact-story .more-stories .more-stories-block { margin: 0 auto; width: 1170px; padding: 48px 100px; background-color: white; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); z-index: 1; position: relative; } .impact-story .more-stories .more-stories-block .block-header { margin-bottom: 10px; } .impact-story .more-stories .more-stories-block .list { display: grid; grid-template-columns: repeat(2, 470px); grid-gap: 30px; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } .impact-story .more-stories .more-stories-block .more-stories-item { display: grid; grid-template-columns: 125px 1fr; grid-gap: 30px; padding: 33px; } .impact-story .more-stories .more-stories-block .more-stories-item .left { overflow: hidden; } .impact-story .more-stories .more-stories-block .more-stories-item .left .image { width: 125px; height: 125px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.8; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .impact-story .more-stories .more-stories-block .more-stories-item .right { position: relative; padding-right: 16px; } .impact-story .more-stories .more-stories-block .more-stories-item .right h3 { margin-bottom: 8px; font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: 0.00688em; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .impact-story .more-stories .more-stories-block .more-stories-item .right .description { color: #929292; font-size: 13px; line-height: 18px; } .impact-story .more-stories .more-stories-block .more-stories-item .right img { position: absolute; top: 0; right: 4px; width: 13px; height: 13px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .impact-story .more-stories .more-stories-block .more-stories-item:hover .left .image { opacity: 1; } .impact-story .more-stories .more-stories-block .more-stories-item:hover .right h3 { color: #0078ae; } .impact-story .more-stories .more-stories-block .more-stories-item:hover .right img { right: 0; } /* Job */ .job { position: relative; padding-top: 15px; background-color: #f3f7f9; } .job .breadcrumb { margin-bottom: 46px; padding-left: 18px; } .job .breadcrumb a { color: #0090d1; font-size: 11px; line-height: 11px; text-transform: uppercase; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .job .breadcrumb a:hover { opacity: 1; } .job .breadcrumb a img { margin-right: 4px; } .job .open-positions { margin: 0 auto; width: 1170px; padding: 50px 0 50px 300px; border-top: 1px solid #cccccc; } .job .open-positions h2 { margin-bottom: 10px; font-size: 32px; line-height: 38px; font-weight: 600; } .job-wrapper { display: grid; grid-template-columns: 270px 1fr; grid-gap: 30px; margin: 0 auto; padding-bottom: 35px; width: 1170px; } .job-wrapper .left .kicker, .job-wrapper .left .kicker-square, .job-wrapper .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .job-wrapper .left .kicker, .job-wrapper .left .hub-news-top h1, .hub-news-top .job-wrapper .left h1 { margin-bottom: 8px; } .job-wrapper .left h1 { margin-bottom: 2px; } .job-wrapper .left .location { margin-bottom: 29px; color: #005379; } .job-wrapper .right { padding-top: 17px; } /* News */ .page-news { margin-top: 60px; padding-top: 60px; background-color: #f3f7f9; } .page-news-meta { display: grid; grid-template-columns: 1fr 970px 1fr; margin-bottom: 21px; font-size: 11px; line-height: 11px; text-transform: uppercase; } .page-news-meta .breadcrumb { padding-left: 18px; } .page-news-meta .breadcrumb a { color: #0090d1; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .page-news-meta .breadcrumb a:hover { opacity: 1; } .page-news-meta .breadcrumb a img { margin-right: 4px; } .page-news-meta .pad { text-align: right; } .page-news-meta .pad .next { display: none; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .page-news-meta .pad .next:hover { color: #0078ae; } .page-news-header-container { background-color: #f3f7f9; position: relative; z-index: 5; overflow: visible; } .page-news-header-container:after { content: ' '; background-image: url("/wp-content/themes/site/static/images/Horizontal-100-with-Characters-2x.png"); background-size: cover; position: absolute; top: 86px; background-position: center; z-index: -1; background-repeat: repeat-x; width: 100%; bottom: 30px; height: 200px; } .page-news-header-container .next { position: absolute; display: block; top: 0; right: 0; width: 188px; padding: 20px 30px; background: #cce2ec; } .page-news-header-container .next .title { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 17px; color: #0090d1; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .page-news-header-container .next img { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; width: 12px; } .page-news-header-container .next:hover img { -webkit-transform: translate(5px, -50%); transform: translate(5px, -50%); } .page-news-header { display: grid; grid-template-columns: 250px 1fr; grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; grid-column-gap: 60px; margin: 0 auto; width: 970px; padding: 60px; background-color: white; -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.2); } .page-news-header .left { background-position: center; background-size: cover; background-repeat: no-repeat; width: 250px; height: 250px; } .page-news-header .right { color: black; } .page-news-header .right .type-date { margin-bottom: 10px; font-size: 11px; line-height: 11px; } .page-news-header .right .type-date .type { margin-right: 26px; } .page-news-header .right h1 { margin-bottom: 5px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .page-news-header .right .description { color: #005379; } .page-news-header-no-image { display: block; height: auto; } .page-news-header-no-image .left { display: none; } .page-news-main { background-color: white; position: relative; } .page-news-main .description { display: none; margin: 0 auto; width: 770px; padding-top: 20px; font-size: 24px; line-height: 34px; } .page-news-main .body-content { margin: 0 auto 50px auto; padding-top: 40px; width: 770px; } .page-news-main .newsletter-cta-inpage { margin: 0 auto 60px auto; width: 770px; } .page-news-main .news-block { margin-bottom: 60px; } /* Research */ .research-header { position: relative; height: 350px; background-color: #002636; color: white; overflow: hidden; } .research-header .research-header-background { position: absolute; background-size: cover; background-repeat: no-repeat; top: -1%; left: -1%; width: 102%; height: 102%; -webkit-filter: blur(15px); filter: blur(15px); } .research-header .characters-grid-top-right { position: absolute; top: 20px; right: 15px; opacity: 0.5; } .research-header .characters-grid-top-right .characters-grid-blocks { float: right; } .research-header .characters-grid-bottom-left { position: absolute; bottom: 15px; left: 15px; opacity: 0.5; } .research-header .characters-grid-bottom-left .characters-grid-blocks { float: right; } .research-header .breadcrumb { margin-bottom: 15px; padding-top: 31px; padding-left: 18px; } .research-header .breadcrumb a { color: white; font-size: 12px; line-height: 12px; opacity: 0.8; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .research-header .breadcrumb a img { margin-right: 4px; } .research-header .breadcrumb a:hover { opacity: 1; } .research-header .type-title { padding: 65px 64px 54px; position: absolute; left: calc(50% - 385px - 64px); bottom: 0; width: 898px; background-color: rgba(0, 38, 54, 0.9); } .research-header .type-title .kicker-square, .research-header .type-title .impact-story .page-hero .impact-header .left .kicker, .impact-story .page-hero .impact-header .left .research-header .type-title .kicker, .research-header .type-title .kicker, .research-header .type-title .hub-news-top h1, .hub-news-top .research-header .type-title h1 { margin-bottom: 9px; position: absolute; top: 0; } .research-meta { padding: 10px 0; background: #005379; overflow: hidden; } .research-meta__inside { display: grid; grid-template-columns: 1fr 295px; margin: 0 auto; width: 770px; } .research-meta .author-date { font-size: 16px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .research-meta .author-date .authors { display: inline-block; margin-right: 10px; max-width: 344px; color: white; font-size: 14px; line-height: 18px; font-weight: 500; vertical-align: middle; } .research-meta .author-date .authors a { color: white; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .research-meta .author-date .authors a:hover { text-decoration: underline; } .research-meta .author-date .date { color: white; font-size: 14px; line-height: 18px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .research-meta .sharing { position: relative; } .research-meta .sharing .social-sharing { display: inline-block; right: 0; } .research-key-takeaways-container { padding: 50px 0; background-color: #f3f7f9; } .research-key-takeaways { margin: 0 auto; width: 770px; } .research-key-takeaways h2 { margin-bottom: 13px; color: #005379; } .research-key-takeaways__item { margin-bottom: 40px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 24px; } .research-key-takeaways__item strong { font-family: "fira-sans", helvetica, arial, sans-serif; font-weight: 500; background: #cde3ed; color: #005379; white-space: pre-wrap; padding: 0 4px; } .research-key-takeaways__item:last-child { margin-bottom: 18px; } .research-content { position: relative; padding-top: 48px; margin-bottom: 64px; } .research-content .body-content { margin: 0 auto; width: 770px; padding-bottom: 44px; } .research-content .sharing { margin: 0 auto; width: 770px; } /* 404 */ .page-not-found { margin-left: auto; margin-right: auto; width: 970px; padding: 50px 0 80px 0; } .page-not-found h1 { margin-bottom: 18px; font-size: 32px; line-height: 38px; font-weight: 600; } .research-content .body-content *:not(.related-link) img { width: 100%; margin-top: 30px; opacity: 0.8; } .research-content .body-content *:not(.related-link) img:hover { width: 100%; margin-top: 30px; opacity: 1; } .research-content .research-content-bottom { width: 770px; margin: 0 auto; overflow: hidden; } .research-content .research-content-bottom > .sharing { width: auto; float: left; } .research-content .research-content-bottom > .download { margin: 0 0 0 20px; float: left; } .research-content .research-content-bottom > .download a.button { padding: 24px 55px 23px 35px; background-image: url("/wp-content/themes/site/static/images/social-download.svg"); background-repeat: no-repeat; background-position: 93%, center; } .body-content .figure > .header { overflow: hidden; background: #005379; padding: 10px 20px; margin: 0; border: 0; } .body-content .figure > .header > h3 { float: left; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: white; } .body-content .figure > .header > .sharing { position: static; height: auto; float: right; } .body-content .figure > .header > .sharing > .social-sharing { height: auto; float: left; padding: 0; } .body-content .figure > .header > .sharing > .social-sharing > a.social { width: 40px; height: 40px; } .site-header { position: fixed; display: grid; grid-template-columns: 180px auto 1fr; z-index: 1000; height: 60px; width: 100%; background-color: #002636; color: white; font-size: 15px; line-height: 18px; letter-spacing: 0.05625em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .site-header a { color: white; opacity: 0.7; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; font-size: 14px; } .site-header a:hover { opacity: 1; } .site-header ul.menu { margin: 0; padding: 0; list-style-type: none; } .site-header ul.menu > li { float: left; margin-right: 1rem; line-height: inherit; padding-bottom: 21px; margin-bottom: 0; } .site-header ul.menu > li:last-child { margin-right: 0; } .site-header ul.menu > li.current-menu-item a { opacity: 1; } form.desktop-search-form { position: absolute; top: 0; left: 178px; right: 0; bottom: 0; background: #002636; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 38px; -webkit-transition: opacity 300ms ease, visibility 0ms linear 0ms; transition: opacity 300ms ease, visibility 0ms linear 0ms; visibility: visible; opacity: 1; } form.desktop-search-form.header-hidden { -webkit-transition: opacity 300ms ease, visibility 0ms linear 300ms; transition: opacity 300ms ease, visibility 0ms linear 300ms; visibility: hidden; opacity: 0; } form.desktop-search-form > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } form.desktop-search-form input[type='submit'] { display: none; } form.desktop-search-form label { opacity: 0; } form.desktop-search-form input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; color: #acb8bd; border-bottom: solid 2px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.1em 0; font-size: 1.25em; } .sub-menu { display: none; } .menu-item-has-children { position: relative; } .site-header__logo a { opacity: 1; } .site-header__logo a img { background-color: #002636; width: 154px; height: 60px; } .site-header__main-nav { padding-top: 21px; } .site-header__utility-nav { padding-top: 22px; padding-right: 36px; font-size: 13px; line-height: 13px; } .site-header__utility-nav ul.menu { float: right; } .site-header-mobile { position: fixed; display: none; height: 60px; width: 100%; background-color: #002636; color: white; z-index: 1000; } .site-header-mobile-trigger { position: absolute; display: block; top: 0; right: 0; width: 60px; height: 60px; padding-top: 15px; background-color: #002636; opacity: 0.8; cursor: pointer; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-header-mobile-trigger:hover { opacity: 1; } .site-header-mobile-trigger .line { display: block; margin: 7px auto; width: 25px; height: 2px; background-color: white; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .site-header-mobile-trigger.is-active .line:nth-child(2) { opacity: 0; } .site-header-mobile-trigger.is-active .line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .site-header-mobile-trigger.is-active .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } .site-header-mobile__nav { overflow: hidden; position: relative; top: -6px; height: 0; background-color: #002636; opacity: 0; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .site-header-mobile__nav.is-active { height: 4000px; padding-top: 44px; padding-bottom: 60px; opacity: 1; overflow: auto; max-height: calc(100vh - 59px); -webkit-overflow-scrolling: touch; } .site-header-mobile__nav a { color: white; opacity: 0.7; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-header-mobile__nav a:hover { color: white; opacity: 1; } .site-header-mobile__nav ul.menu { margin: 0; padding: 0; list-style-type: none; } .site-header-mobile__nav ul.menu > li { text-align: center; } .site-header-mobile__nav ul.menu > li.current-menu-item a { opacity: 1; } .site-header-mobile__nav .sub-menu { padding: 0; } .site-header-mobile__nav .sub-menu > li a { font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; font-size: 16px; padding-top: 5px; } .site-header-mobile__nav .sub-menu > li:last-child a { padding-bottom: 5px; } .site-header-mobile__nav-main { margin-bottom: 15px; } .site-header-mobile__nav-main ul.menu > li { font-size: 24px; line-height: 44px; } .site-header-mobile__nav-utility ul.menu > li { font-size: 24px; line-height: 44px; } .header-search-close { margin-left: 30px; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 4px; } .mobile-search-form { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: solid 1px #acb8bd; } .mobile-search-form button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; color: white; border: none; } .mobile-search-form input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: #acb8bd; font-size: 24px; background: none; } .site-footer { padding: 60px 0; background-color: #1c1c1c; color: #cccccc; font-size: 16px; line-height: 26px; z-index: 0; position: relative; } .site-footer__top { display: grid; grid-template-columns: 60px 404px 285px 1fr; grid-gap: 30px; width: 970px; margin: 0 auto 1.8125rem auto; } .site-footer__top-logo { padding-top: 14px; opacity: 0.9; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__top-logo:hover { opacity: 1; } .site-footer__top-logo img { background-color: #177aab; width: 60px; height: 60px; } .site-footer__top-nav a, .site-footer__social-media a { color: white; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__top-nav a svg path, .site-footer__social-media a svg path { -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__top-nav a svg rect, .site-footer__social-media a svg rect { stroke: #515151; } .site-footer__top-nav a:hover, .site-footer__social-media a:hover { opacity: 1; } .site-footer__top-nav a { font-size: 15px; } .site-footer__top-nav ul.menu { display: grid; grid-template-columns: repeat(2, 170px); grid-column-gap: 30px; grid-auto-rows: 44px; margin: 0; padding: 0; list-style-type: none; } .site-footer__top-nav ul.menu > li { position: relative; margin-bottom: 0; width: 100%; height: 44px; padding-top: 8px; border-bottom: 1px solid #515151; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; } .site-footer__top-nav ul.menu > li:after { position: absolute; top: 12px; content: ''; width: 12px; height: 11px; right: 10px; background-image: url("/wp-content/themes/site/static/images/arrow-blue.svg"); background-size: 12px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__top-nav ul.menu > li:hover:after { right: 5px; } .site-footer__newsletter-cta { margin-bottom: 0.5rem; } .site-footer__newsletter-cta-form-callout { margin-bottom: 10px; font-family: "fira-sans-2", helvetica, arial, sans-serif; font-weight: 600; color: white; } .site-footer__newsletter-cta-form-fields { overflow: hidden; } .site-footer__newsletter-cta-form-fields:after { clear: both; content: ''; } .site-footer__newsletter-cta-form-fields input, .site-footer__newsletter-cta-form-fields a { float: left; display: block; height: 36px; } .site-footer__newsletter-cta-form-fields input { margin: 0 0 2px; background-color: #353535; color: white; border: 0; outline: none; } .site-footer__newsletter-cta-form-fields input::-webkit-input-placeholder { color: white; } .site-footer__newsletter-cta-form-fields input:-ms-input-placeholder { color: white; } .site-footer__newsletter-cta-form-fields input::-ms-input-placeholder { color: white; } .site-footer__newsletter-cta-form-fields input::placeholder { color: white; } .site-footer__newsletter-cta-form-fields input:focus { background-color: #5b5b5b; } .site-footer__newsletter-cta-form-fields input.first_name { width: 50%; width: calc(50% - 1px); margin-right: 1px; } .site-footer__newsletter-cta-form-fields input.last_name { width: 50%; width: calc(50% - 1px); margin-left: 1px; } .site-footer__newsletter-cta-form-fields input.email { width: 87%; } .site-footer__newsletter-cta-form-fields .sign_up { width: 13%; padding: 5px 0 0 11px; background-color: #0078ae; opacity: 1; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__newsletter-cta-form-fields .sign_up:hover { opacity: 0.8; } .site-footer__newsletter-cta-form-fields .sign_up img { width: 17px; height: 12px; } .site-footer__social-media { overflow: hidden; padding-top: 24px; } .site-footer__social-media:after { clear: both; content: ''; } .site-footer__social-media a { float: left; margin-left: -1px; width: 40px; height: 40px; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .site-footer__social-media a svg path { fill: transparent; stroke: white; stroke-width: 1px; } .site-footer__social-media a:first-child { margin-left: 0; } .site-footer__social-media a:hover { opacity: 0.8; } .site-footer__bottom { text-align: center; font-size: 13px; line-height: 24px; font-weight: 300; } .site-footer__bottom span:after { margin: 0 0 0 16px; padding-right: 10px; color: #666; content: '|'; } .site-footer__bottom span:last-child:after { margin: 0; content: ''; } .site-footer__bottom span a { color: #0091d7; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; text-decoration: underline; } .site-footer__bottom span a:hover { opacity: 1; } body.admin-bar { padding-top: 32px; } div#wpadminbar { position: fixed; } @media screen and (max-width: 600px) { #wpadminbar { position: fixed; } } @media all and (max-width: 480px) { .h1, .body-content.dropcap > p:first-of-type::first-letter, .page-hero__inside-left h1, .hub-career-top__left h1, .page-contact h1, .impact-story .page-hero .impact-header .left h1, .research-header .type-title h1 { font-size: 28px; line-height: 35px; } .h2, .impact-carousel-shown .slide .meta h3, .our-team h2, .body-content h1, .body-content h2, .home-page-hero__text, .hub-career-list__left h2, .hub-news-featured-news .slide .right h3, .hub-research-featured-item .left h3, .bio__left h1, .page-contact-main-address, .job-wrapper .left h1, .page-news-header .right h1 { font-size: 20px; line-height: 26px; } .h3, .block-header h2, .our-team-list .slide h3, .body-content h3, .hub-career-job-item .title, .hub-people-list .hub-people-item .meta h3, .page-contact-office-address, .research-key-takeaways h2 { padding-right: 25px; font-size: 18px; line-height: 23px; } .h3.equal-line-height, .block-header h2.equal-line-height, .our-team-list .slide h3, .body-content h3.equal-line-height, .hub-career-job-item .equal-line-height.title, .hub-people-list .hub-people-item .meta h3.equal-line-height, .equal-line-height.page-contact-office-address, .research-key-takeaways h2.equal-line-height { line-height: 18px; } .h4, .body-content h4, .home-page-after-carousel__text, .page-hero-summary, .hub-career-introduction, .hub-career-open-positions-description, .hub-news-featured-news .slide .right .description, .hub-research-explore-meta h2, .page-what-we-do .page-hero-description p, .bio__right .introduction, .impact-story .page-hero .impact-header .left .description, .job-wrapper .left .location, .page-news-header .right .description { font-size: 15px; line-height: 25px; } .meta-data, input[type='text'], .feature-block-item .short-description, .newsletter-cta .form .sign-up, .newsletter-cta .right .sign-up, .newsletter-cta-inpage .form .sign-up, .newsletter-cta-inpage .right .sign-up, .newsletter-cta .options a, .newsletter-cta-inpage .options a, .hub-people-list .hub-people-item .meta .content, .hub-people-list .hub-people-item .meta .content > button, .hub-research-tier2 .teaser .description, .hub-research-results__item .left .description { line-height: 15px; } .body-font-style.small, .small.body-content, .page-hero-description, .contact-block-address .small.phone, .contact-block-address .email a.small, .hub-people-list .hub-people-item .meta .description, .bio__right .bio-content, .small.page-contact-office-phone-fax { line-height: 18px; } .news-block { display: block; margin: 0; width: 100%; padding: 20px 18px 0; } .news-block-press-list { display: block; margin-bottom: 50px; } .teaser .right { position: relative; padding-top: 16px; padding-bottom: 32px; } .pagination { height: 40px; } .pagination .arrow { height: 40px; } .pagination .arrow-prev img { top: 14px; } .pagination .arrow-next img { top: 14px; } .pagination .page-button { width: 40px; height: 40px; padding-top: 9px; } .our-team h2 { margin: 0 0 12px; width: 100%; padding: 0 18px; text-align: left; } .newsletter-cta-inpage .newsletter-cta-form { display: block; } .newsletter-cta-inpage .left { padding: 24px 0 15px; } .newsletter-cta-inpage .right { padding-bottom: 24px; } .newsletter-cta-inpage .right input[type='text'] { width: 100%; } .body-content img { max-width: 100%; height: auto; } .body-content .related-link { font-size: 18px; } .body-content .figure { width: 125%; z-index: 10; position: relative; background-color: white; } .body-content .figure > header > .sharing { margin: 0 auto; text-align: center; } .body-content .figure > header > h3 { display: none; } .impact-story article .body-content .figure { width: 100%; } .back-to-top { position: static; margin-top: 30px; margin-left: 18px; } .home-page-after-carousel { padding: 30px 18px 34px 18px; min-height: 400px; } .home-page-after-carousel .characters-grid-left { display: none; } .home-page-after-carousel .characters-grid-right { display: none; } .home-page-after-carousel__inside { margin-top: 40px; } .home-page-after-carousel__text { margin-bottom: 15px; width: 35ch; text-align: left; } .home-page-research { margin-top: 0; width: 100%; padding: 14px 18px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .page-hero__inside { display: block; width: 100%; padding: 0 18px; } .page-hero__inside-left { margin-bottom: 10px; } .page-hero__inside-left h1 { font-size: 36px; line-height: 42px; } .hub-career-top { padding: 50px 18px 30px; } .hub-career-top__inside { grid-template-columns: 1fr; grid-gap: 0; } .hub-career-top__left { margin-bottom: 0px; } .hub-career-top__left .meta { margin-bottom: 10px; padding-left: 0; } .hub-career-list { grid-template-columns: 1fr; grid-gap: 0; width: 100%; padding: 50px 18px 30px; } .hub-career-list__left { margin-bottom: 0px; } .hub-career-list__left .meta { margin-bottom: 10px; padding-left: 0; } .hub-career-job-item { grid-template-columns: 160px 1fr; grid-gap: 15px; } .hub-career-job-item .title { width: auto; font-size: 18px; line-height: 22px; } .hub-career-job-item .location { width: 80%; } .hub-news-top h1 { width: 100%; padding: 0 18px; } .hub-news-featured-news .slide { grid-template-columns: 75px 1fr; grid-column-gap: 15px; width: 375px; height: 275px; padding: 15px; } .hub-news-featured-news .slide .left .image { width: 75px; height: 75px; } .hub-news-featured-news .slide .right h3 { margin-bottom: 10px; font-size: 22px; line-height: 28px; } .hub-news-featured-news .slide .right .description { padding-right: 12px; font-size: 15px; line-height: 20px; } .hub-news-featured-events { grid-template-columns: 1fr; grid-column-gap: 0; width: 100%; padding: 0 18px; } .hub-news-latest-wrapper { margin: 0; width: 100%; padding: 0 18px 50px; padding-top: 20px; } .contact-block-emails .email { padding-left: 25px; } .hub-people-list-wrapper { padding-top: 15px; } .hub-people-list { grid-template-columns: 1fr; grid-template-rows: auto; grid-gap: 15px; width: 100%; padding: 0 18px; } .hub-people-list .hub-people-item { grid-template-columns: 100px 1fr; grid-gap: 15px; padding: 15px; } .hub-people-list .hub-people-item .meta { padding-right: 0px; } .hub-people-list .hub-people-item .meta .description { opacity: 0.65; } .hub-people-list .hub-people-item .headshot { width: 100px; height: 125px; } .hub-topic .page-hero .kicker, .hub-topic .page-hero .kicker-square, .hub-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-topic .page-hero .impact-header .left .kicker, .hub-topic .page-hero .hub-news-top h1, .hub-news-top .hub-topic .page-hero h1, .hub-research-topic .page-hero .kicker, .hub-research-topic .page-hero .kicker-square, .hub-research-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-research-topic .page-hero .impact-header .left .kicker, .hub-research-topic .page-hero .hub-news-top h1, .hub-news-top .hub-research-topic .page-hero h1 { width: 100%; padding-left: 18px; } .hub-topic .page-hero__inside-left, .hub-research-topic .page-hero__inside-left { min-height: auto; } .hub-topic .page-hero__inside-left h1, .hub-research-topic .page-hero__inside-left h1 { margin-bottom: 10px; } .hub-topic .page-hero__inside-left .image, .hub-research-topic .page-hero__inside-left .image { position: static; left: auto; width: 200px; height: 200px; } .hub-research-featured { height: auto; } .hub-research-featured .strike { display: none; } .hub-research-featured .item-wrapper { position: static; height: auto; } .hub-research-featured-item { overflow: hidden; height: auto; width: 90%; } .hub-research-featured-item:after { clear: both; content: ''; } .hub-research-featured-item .left, .hub-research-featured-item .right { float: right; width: 100%; height: auto; } .hub-research-featured-item .left { padding: 25px; } .hub-research-featured-item .left h3 { font-size: 22px; line-height: 26px; } .hub-research-featured-item .left .description { margin-bottom: 20px; font-size: 14px; line-height: 20px; } .hub-research-featured-item .left .authors { position: static; } .hub-research-featured-item .right .image { width: 100%; height: 200px; } .hub-research-tier2 { display: block; width: 100%; padding: 0 18px; } .hub-research-tier2 .teaser { display: block; margin-bottom: 15px; } .hub-research-tier2 .teaser h3 { font-weight: 500; line-height: 1.15rem; margin-bottom: 10px; } .hub-research-tier2 .teaser .right { display: none; } .hub-research-search { display: block; width: 100%; } .hub-research-search__filters { padding: 20px 18px; } .hub-research-search__filters > div { float: none; } .hub-research-search__filters .title { margin-bottom: 10px; } .hub-research-search__filters .sort { width: 100%; } .hub-research-search__filters .type { width: 100%; } .hub-research-search__filters .author { margin-right: 0; width: 100%; } .hub-research-search__search .filter-keyword { padding: 16px 18px 16px; } .hub-research-search__search .search { right: 18px; } .hub-research-explore__inside { width: 100%; padding: 0 18px; } .hub-research-explore__inside .block-header { margin-bottom: 10px; } .hub-research-explore__inside-grid { display: block; } .hub-research-explore__left { margin-bottom: 30px; } .hub-research-results__item .right .image { width: 75px; height: 75px; } .hub-research-results__item { grid-template-columns: 1fr 80px; } .hub-research-topics { padding-top: 30px; } .page-what-we-do .page-hero .characters-grid { display: none; } .page-what-we-do .page-hero-description p { width: 100%; } .page-what-we-do .body-background .body-content { width: 100%; padding-left: 18px; padding-right: 18px; } .bio-page .breadcrumb { margin-bottom: 24px; } .bio-container { width: 100%; padding: 0 18px; } .bio { display: block; width: 100%; } .bio__left h1 { font-size: 30px; line-height: 36px; } .bio__left .headshot { width: 100%; } .bio__left .download { margin-bottom: 24px; } .bio__right { padding-bottom: 40px; } .bio__right .introduction { font-size: 18px; line-height: 28px; } .bio-other-research { margin: 0; width: 100%; padding: 30px 18px 50px; } .bio-other-research .block-header { width: 100%; } .bio-other-research__list { display: block; margin: 0; width: 100%; padding: 0 18px 24px; } .bio-other-research__pager { margin: 0; width: 100%; padding: 0 18px; } .page-contact h1 { max-width: 100%; padding: 0 40px; } .page-contact-top { padding-bottom: 0; } .page-contact-top .characters-grid-top-right { display: none; } .page-contact-top .characters-grid-bottom-left { display: none; } .page-contact-main, .page-contact-offices, .page-contact-contact__inside { max-width: 100%; padding: 0 40px 10px; display: block; } .page-contact-main { margin-bottom: 30px; } .page-contact-main img { display: none; } .page-contact-main__left { padding-top: 40px; padding-bottom: 20px; } .page-contact-office:nth-last-child(-n + 2):after { display: block; } .page-contact-office:last-child:after { display: none; } .page-contact-contact { margin-bottom: 30px; padding: 30px 0px; } .page-contact-contact .characters-grid-left { display: none; } .page-contact-contact .characters-grid-right { display: none; } .page-contact-contact__inside { width: 100%; } .page-contact-other-email { margin-bottom: 15px; padding: 40px 0; } .page-contact-other-email:last-child { margin-bottom: 0; } .page-contact-other-email-title { margin-top: 0; } .impact-story .page-hero .impact-header { display: block; width: 100%; padding: 0 18px; } .impact-story .page-hero .impact-header .left { margin-bottom: 24px; padding-left: 0; padding-right: 18px; } .impact-story .page-hero .impact-header .left h1 { font-size: 36px; line-height: 44px; } .impact-story .page-hero .impact-header .right .image { width: 100%; height: 170px; } .impact-story .page-hero { padding-bottom: 40px; } .impact-story .body-content { width: 100%; padding: 40px 18px 0; } .impact-story .newsletter-cta-inpage { margin-bottom: 30px; width: 100%; padding: 0 18px; } .impact-story .more-stories .more-stories-block { width: 100%; padding: 24px 18px; } .impact-story .more-stories .more-stories-block .list { display: block; } .impact-story .more-stories .more-stories-block .more-stories-item { grid-gap: 15px; margin-bottom: 15px; padding: 8px; } .impact-story .more-stories .more-stories-block .more-stories-item:last-child { margin-bottom: 0; } .impact-story .more-stories .more-stories-block .more-stories-item .right { padding-right: 24px; } .job .open-positions { width: 100%; padding-left: 18px; padding-right: 18px; } .job-wrapper { display: block; width: 100%; padding-left: 20px; padding-right: 80px; } .page-news { padding-top: 20px; } .page-news-meta { overflow: hidden; display: block; margin-left: 0; margin-right: 0; width: 100%; padding: 0 18px; } .page-news-meta:after { clear: both; content: ''; } .page-news-meta .breadcrumb { float: left; width: 50%; margin: 0; padding: 0; } .page-news-meta .type-title, .page-news-meta .type-date { display: none; } .page-news-meta .pad { float: left; width: 50%; } .page-news-meta .pad .next { display: inline; color: #0090d1; opacity: 0.8; -webkit-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .page-news-header { display: block; width: 100%; padding: 30px 18px; text-align: center; } .page-news-header .left { margin: 0 auto; margin-bottom: 12px; width: 250px; height: 250px; } .page-news-header .right h1 { font-size: 25px; line-height: 30px; } .page-news-header .right .description { font-family: "fira-sans-2", helvetica, arial, sans-serif; color: #005379; } .page-news-header .description { display: none; } .page-news-main .description { display: block; width: 100%; padding-left: 18px; margin: 0 auto; padding-top: 20px; font-size: 18px; line-height: 24px; font-family: "fira-sans-2", helvetica, arial, sans-serif; color: #005379; padding-right: 70px; } .page-news-main .body-content { margin-bottom: 30px; width: 100%; padding: 20px 18px; padding-right: 70px; } .page-news-main .newsletter-cta-inpage { margin-bottom: 30px; width: 100%; padding: 0 18px; } .research-content .body-content img { padding: 10px; opacity: 1; } .body-content .figure > .header h3 { display: none; } .body-content .figure > .header > .sharing .social-sharing { -webkit-transform: translateX(-44.5%); transform: translateX(-44.5%); } .site-footer__top { display: block; margin: 0; width: 100%; padding: 0 18px; } .site-footer__top > div { margin-bottom: 24px; } .site-footer__top-nav, .site-footer__social-media { margin-bottom: 30px; } .site-footer__top-nav ul.menu { grid-template-columns: 1fr; } .site-footer__newsletter-cta-form-fields input { height: 40px; } .site-footer__newsletter-cta-form-fields input.first_name, .site-footer__newsletter-cta-form-fields input.last_name, .site-footer__newsletter-cta-form-fields input.email { width: 100%; } .site-footer__newsletter-cta-form-fields .sign_up { width: 100%; padding-left: 0; text-align: center; } .site-footer__bottom { margin: 0; width: 100%; padding: 0 18px; } .site-footer__bottom span { display: block; text-align: left; } .site-footer__bottom span:after { margin: 0; padding: 0; content: ''; } } @media print { main { margin-top: 90px; } .social-sharing { display: none; } .news-block { display: none; } .pagination { display: none; } .our-team { display: none; } .newsletter-cta, .newsletter-cta-inpage { display: none; } .back-to-top { display: none; } .job .open-positions { display: none; } .page-news-meta .breadcrumb, .page-news-meta .pad { display: none; } .page-news-header-container .next { display: none; } .research-header { height: auto; } .research-header .breadcrumb { display: none; } .research-header .type-title { bottom: 30px; } .research-content .sharing { display: none; } .site-header, .site-header__main-nav, .site-header__utility-nav { display: none; } .site-footer__top-nav, .site-footer__social-media { display: none; } .site-footer__newsletter-cta { display: none; } .site-footer__bottom .credit { display: none; } } @media all and (max-width: 650px) { .carousel-prev { top: -35px; left: auto; right: 35px; } .carousel-next { top: -35px; left: auto; right: 0px; } .impact-carousel-strip { overflow: visible; } .impact-carousel-shown-wrapper { top: 0; left: 0; width: 100%; height: 392px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: none; box-shadow: none; } .impact-carousel-shown .slide .image { width: 100%; max-width: 100%; height: 55%; } .impact-carousel-shown .slide .meta { width: 100%; max-width: 100%; height: 55%; top: auto; bottom: 0; } .impact-carousel-shown .slide .meta { padding: 0 25px 21px; bottom: 0; } .impact-carousel-shown .slide .meta h3 { margin-bottom: 5px; font-size: 20px; line-height: 24px; } .home-page-hero { padding: 25px 18px 30px 18px; margin-bottom: 0px; } .home-page-hero .characters-grid { display: none; } .home-page-hero__background-blur-overlay { width: 100%; } .home-page-hero__background-blur-overlay .characters-grid-mobile { display: block; } .home-page-hero__background-blur-overlay .characters-grid-mobile .characters-grid-blocks canvas { display: none; } .home-page-hero__overhang { display: none; } .home-page-hero__copy { width: 100%; min-height: 300px; height: 300px; padding-right: 18px; } .home-page-hero__text { font-size: 20px; line-height: 26px; letter-spacing: 0em; padding-bottom: 15px; } .home-page-hero__text span { max-width: 100%; } } @media all and (max-width: 375px) { .impact-carousel { height: 392px; } } @media all and (min-width: 376px) and (max-width: 480px) { .impact-carousel { min-height: 225px; } .impact-carousel-strip .slide { width: 359px; height: 225px; } } @media all and (min-width: 481px) and (max-width: 768px) { .impact-carousel { height: 290px; } .impact-carousel-strip .slide { width: 533px; height: 290px; } .impact-carousel-shown-wrapper { width: 650px; height: 350px; } .news-block-press-list { display: block; margin-bottom: 60px; } .newsletter-cta-inpage .right input[type='text'] { width: 100%; } .hub-career-top__left { margin-bottom: 0px; } .hub-career-top__left .meta { margin-bottom: 10px; padding-left: 0; } .hub-career-list__left { margin-bottom: 0px; } .hub-career-list__left .meta { margin-bottom: 10px; padding-left: 0; } .hub-topic .page-hero .kicker, .hub-topic .page-hero .kicker-square, .hub-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-topic .page-hero .impact-header .left .kicker, .hub-topic .page-hero .hub-news-top h1, .hub-news-top .hub-topic .page-hero h1, .hub-research-topic .page-hero .kicker, .hub-research-topic .page-hero .kicker-square, .hub-research-topic .impact-story .page-hero .impact-header .left .kicker, .impact-story .hub-research-topic .page-hero .impact-header .left .kicker, .hub-research-topic .page-hero .hub-news-top h1, .hub-news-top .hub-research-topic .page-hero h1 { width: 700px; } .hub-topic .page-hero__inside-left .image, .hub-research-topic .page-hero__inside-left .image { left: -32px; width: 230px; height: 230px; } .hub-research-search__filters { padding-bottom: 11px; } .hub-research-search__search .filter-keyword { padding-bottom: 16px; } .hub-research-explore__inside-grid { grid-template-columns: 1fr 200px; grid-gap: 20px; } .page-contact-main img { width: 100%; height: 100%; } .site-footer__top-nav ul.menu { grid-template-columns: repeat(3, 1fr); } } @media all and (min-width: 650px) and (max-width: 480px) { .impact-carousel-shown-wrapper { top: 0; width: 366px; height: 225px; } } @media all and (max-width: 768px) { .impact-carousel-shown .slide a .meta .meta__inside h3 { font-size: 24px; line-height: 28px; } .newsletter-cta .form input, .newsletter-cta .form a, .newsletter-cta .right input, .newsletter-cta .right a, .newsletter-cta-inpage .form input, .newsletter-cta-inpage .form a, .newsletter-cta-inpage .right input, .newsletter-cta-inpage .right a { float: none; margin-bottom: 1px; } .newsletter-cta .form .first_name, .newsletter-cta .form .last_name, .newsletter-cta .right .first_name, .newsletter-cta .right .last_name, .newsletter-cta-inpage .form .first_name, .newsletter-cta-inpage .form .last_name, .newsletter-cta-inpage .right .first_name, .newsletter-cta-inpage .right .last_name { width: 100%; } .newsletter-cta .form .sign-up, .newsletter-cta .right .sign-up, .newsletter-cta-inpage .form .sign-up, .newsletter-cta-inpage .right .sign-up { width: 100%; padding-left: 0; text-align: center; } .newsletter-cta { padding: 15px; } .newsletter-cta .form .email { width: 100%; } .body-content .statistic, .body-content .sidebar-image { margin: 30px 30px 30px 0px; width: 125%; z-index: 10; position: relative; background: white; } .body-content .statistic-right, .body-content .sidebar-image-right { margin: 30px 0 30px 0; } .body-content .pullquote { margin: 0px 30px 30px 0px; width: 100%; } .hub-news-latest { grid-template-columns: 1fr; grid-gap: 0; } .hub-news-latest__left { padding-bottom: 40px; } .hub-research-explore { padding-top: 50px; } .page-news-header-container .next { display: none; } .research-key-takeaways { width: 700px; } .site-footer { padding: 30px 0; } .site-footer__top-logo { padding-top: 0; } .site-footer__social-media { padding-top: 0; } } @media all and (max-width: 770px) { .featured-block .block-header { margin-bottom: 10px; } .featured-block-list { display: block; } .feature-block-item { min-height: auto; padding: 15px 0 15px; } .hub-career-list__right .hub-career-open-positions-description { font-size: 15px; line-height: 21px; } } @media (max-width: 768px) { .feature-block-item__top { grid-template-columns: 75px 1fr; grid-gap: 15px; } .feature-block-item__top .image img { width: 75px; height: 75px; } } @media all and (min-width: 481px) and (max-width: 667px) { .news-block { display: block; margin-top: 20px; width: 600px; } .our-team h2 { width: 600px; text-align: left; } .home-page-hero { padding: 25px 18px 70px 18px; } .home-page-hero__text { padding-bottom: 24px; } .home-page-hero__text span { max-width: 600px; } .home-page-after-carousel__inside { max-width: 600px; margin-top: 40px; } .home-page-after-carousel__text { width: 40ch; } .home-page-research { margin-bottom: 50px; width: 600px; padding: 30px; } .page-hero__inside { grid-template-columns: 210px 1fr; grid-gap: 15px; width: 600px; } .hub-news-top h1 { width: 600px; } .hub-news-featured-news .slide { grid-column-gap: 15px; width: 600px; } .hub-news-featured-news .slide .right h3 { margin-bottom: 10px; font-size: 22px; line-height: 28px; } .hub-news-featured-news .slide .right .description { font-size: 16px; line-height: 22px; } .hub-news-featured-events { grid-template-columns: 1fr; grid-column-gap: 0; width: 600px; } .hub-news-latest-wrapper { margin: 0 auto; width: 600px; } .hub-people-list { grid-template-columns: 1fr; grid-template-rows: auto; width: 600px; } .hub-research-featured { height: 300px; } .hub-research-featured .item-wrapper { height: 300px; } .hub-research-featured-item { margin: 0 auto; height: 300px; width: 600px; } .hub-research-featured-item .left, .hub-research-featured-item .right { width: 300px; height: 300px; } .hub-research-featured-item .left { padding: 24px 20px; } .hub-research-featured-item .left h3 { font-size: 24px; line-height: 30px; } .hub-research-featured-item .left .description { font-size: 14px; line-height: 20px; } .hub-research-search { display: block; width: 600px; } .hub-research-explore__inside { width: 600px; } .hub-research-explore__inside .block-header { margin-bottom: 10px; } .page-what-we-do .page-hero-description p { width: 25ch; } .bio-container { width: 600px; } .bio { grid-template-columns: 235px 1fr; grid-gap: 30px; width: 100%; } .bio__left .headshot { width: 235px; height: 235px; } .bio-other-research { margin: 0; width: 100%; padding: 30px 0 50px; } .bio-other-research .block-header { width: 600px; } .bio-other-research__list { display: block; width: 600px; } .bio-other-research__pager { width: 600px; } .page-contact h1 { max-width: 600px; } .page-contact-main, .page-contact-offices, .page-contact-contact__inside { max-width: 600px; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .page-contact-contact__inside { width: 600px; } .impact-story .page-hero .impact-header { width: 600px; } .impact-story .page-hero .impact-header .left { padding-left: 0; padding-right: 30px; } .impact-story .page-hero .impact-header .left h1 { font-size: 36px; line-height: 44px; } .impact-story .body-content { width: 600px; } .impact-story .newsletter-cta-inpage { width: 600px; } .impact-story .more-stories .more-stories-block { width: 600px; padding: 24px 30px; } .impact-story .more-stories .more-stories-block .list { display: block; } .impact-story .more-stories .more-stories-block .more-stories-item { grid-gap: 15px; padding: 8px; } .page-news-meta { overflow: hidden; display: block; margin-left: auto; margin-right: auto; width: 600px; } .page-news-meta:after { clear: both; content: ''; } .page-news-meta .breadcrumb { float: left; width: 50%; margin: 0; padding: 0; } .page-news-meta .type-title, .page-news-meta .type-date { display: none; } .page-news-meta .pad { float: left; width: 50%; } .page-news-meta .pad .next { display: inline; } .page-news-header { width: 600px; } .page-news-header .description { display: none; } .page-news-main .description { display: block; width: 600px; } .page-news-main .body-content { width: 600px; padding-top: 20px; } .page-news-main .newsletter-cta-inpage { width: 600px; } .research-meta .author-date { font-size: 14px; line-height: 16px; } .research-meta .author-date .date { font-size: 14px; } .site-footer__top { display: block; width: 600px; } .site-footer__top > div { margin-bottom: 24px; } .site-footer__top > div:last-child { margin-bottom: 0; } .site-footer__newsletter-cta-form-fields .email { width: 560px; } .site-footer__bottom { margin: 0 auto; width: 600px; } .site-footer__bottom span { display: block; text-align: left; } .site-footer__bottom span:after { margin: 0; padding: 0; content: ''; } } @media all and (min-width: 668px) and (max-width: 768px) { .news-block { display: block; margin-top: 20px; width: 700px; } .our-team h2 { width: 700px; text-align: left; } .home-page-hero__text { padding-bottom: 15px; } .page-hero__inside { grid-template-columns: 210px 1fr; grid-gap: 15px; width: 700px; } .hub-news-top h1 { width: 700px; } .hub-news-featured-news .slide { grid-column-gap: 30px; width: 700px; } .hub-news-featured-news .slide .right h3 { font-size: 26px; line-height: 32px; } .hub-news-featured-news .slide .right .description { font-size: 18px; line-height: 26px; } .hub-news-featured-events { grid-template-columns: 1fr; grid-column-gap: 0; width: 700px; } .hub-news-latest-wrapper { margin: 0 auto; width: 700px; } .hub-people-list { grid-template-columns: 1fr; grid-template-rows: auto; width: 700px; } .hub-research-featured-item { margin: 0 auto; width: 700px; } .hub-research-featured-item .left, .hub-research-featured-item .right { width: 350px; height: 350px; } .hub-research-featured-item .left { padding: 24px 20px; } .hub-research-featured-item .left h3 { font-size: 26px; line-height: 32px; } .hub-research-featured-item .left .description { font-size: 16px; line-height: 26px; } .hub-research-tier2 { display: block; margin: 0 auto; width: 640px; } .hub-research-tier2 .teaser { margin-bottom: 30px; } .hub-research-search { display: block; width: 700px; } .hub-research-explore__inside { width: 700px; } .hub-research-explore__inside .block-header { margin-bottom: 10px; } .page-what-we-do .page-hero-description p { width: 32ch; } .page-what-we-do .body-background .body-content { width: 700px; } .bio-container { width: 700px; } .page-contact h1 { max-width: 700px; } .page-contact-main, .page-contact-offices, .page-contact-contact__inside { max-width: 700px; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .page-contact-contact__inside { width: 700px; } .impact-story .page-hero .impact-header { width: 700px; } .impact-story .page-hero .impact-header .left { padding-left: 60px; padding-right: 65px; } .impact-story .body-content { width: 700px; } .impact-story .newsletter-cta-inpage { width: 700px; } .impact-story .more-stories .more-stories-block { width: 700px; padding: 24px 30px; } .impact-story .more-stories .more-stories-block .list { display: block; } .impact-story .more-stories .more-stories-block .more-stories-item { grid-gap: 15px; padding: 8px; } .page-news-meta { overflow: hidden; display: block; margin-left: auto; margin-right: auto; width: 700px; } .page-news-meta:after { clear: both; content: ''; } .page-news-meta .breadcrumb { float: left; width: 50%; margin: 0; padding: 0; } .page-news-meta .type-title, .page-news-meta .type-date { display: none; } .page-news-meta .pad { float: left; width: 50%; } .page-news-meta .pad .next { display: inline; } .page-news-header { width: 700px; } .page-news-header .description { display: none; } .page-news-main .description { display: block; width: 700px; } .page-news-main .body-content { width: 700px; padding-top: 20px; } .page-news-main .newsletter-cta-inpage { width: 700px; } .site-footer__top { display: block; width: 700px; } .site-footer__top > div { margin-bottom: 24px; } .site-footer__top > div:last-child { margin-bottom: 0; } .site-footer__newsletter-cta-form-fields .email { width: 660px; } .site-footer__bottom { margin: 0 auto; width: 700px; } .site-footer__bottom span { display: block; text-align: left; } .site-footer__bottom span:after { margin: 0; padding: 0; content: ''; } } @media all and (min-width: 769px) and (max-width: 1024px) { .body-content .pullquote-right { margin-right: -100px; } .body-content .sidebar-image { margin-left: -100px; } .body-content .sidebar-image-right { margin-right: -100px; } .home-page-research { width: 970px; padding: 30px; } .page-hero__inside { grid-gap: 15px; } .hub-career-top { padding-top: 50px; padding-bottom: 30px; } .hub-career-top__inside { grid-template-columns: 300px 1fr; grid-gap: 30px; } .hub-career-list { grid-template-columns: 300px 1fr; grid-gap: 30px; max-width: 970px; padding-top: 50px; padding-bottom: 30px; } .hub-news-featured-news .slide { width: 787px; } .hub-news-featured-events { grid-column-gap: 30px; } .hub-people-list { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; width: 970px; } .bio-container { width: 970px; } .impact-story .more-stories .more-stories-block { width: 970px; padding: 24px 50px; } .impact-story .more-stories .more-stories-block .list { grid-template-columns: repeat(2, 430px); grid-gap: 15px; } .impact-story .more-stories .more-stories-block .more-stories-item { padding: 15px; } .job-wrapper { width: 970px; } .page-news-meta { grid-template-columns: 1fr 770px 1fr; } .page-news-header-container .next { width: auto; padding: 15px; } .page-news-header-container .next .title { display: none; } .page-news-header { width: 787px; padding: 30px; } .site-footer { padding: 30px 0; } } @media (max-width: 1024px) { .loading-overlay img { top: calc(30% - 32px); } .modal-newsletter { margin-top: 60px; } .modal-newsletter .top { padding: 15px; } .modal-newsletter .info { margin-bottom: 15px; } .modal-newsletter .topics-title { margin-bottom: 6px; } .modal-newsletter .topics-list { margin-bottom: 15px; } .modal-newsletter .topics-list ul li { margin-bottom: 8px; } .modal-newsletter input[type='text'] { margin-bottom: 6px; } .page-what-we-do .page-hero { padding-bottom: 60px; } .page-what-we-do .body-background .body-content-top { margin: 50px auto 0; padding-bottom: 50px; } .page-what-we-do .body-background .body-content-bottom { margin: 40px auto 0; padding-bottom: 50px; } } @media (min-width: 769px) { .rhg-interactive { margin: 4rem 0; margin-left: -200px; margin-right: -200px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .rhg-highlights { padding: 4rem; margin: 4rem 0; } .rhg-highlights .rhg-highlights__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: top; -ms-flex-align: top; align-items: top; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rhg-highlights .rhg-highlights__items .rhg-highlights__item { max-width: 570px; width: 50%; margin: 0 1rem; } .rhg-request-demo { margin: 0 -100px 2rem; } .rhg-request-demo .rhg-request-demo__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rhg-request-demo .rhg-request-demo__block .rhg-request-demo__description { padding-right: 2rem; margin-bottom: 0; } .hub-data-story .page-hero__inside-right { padding-top: 4rem; } .hub-data-story .hub-research-featured-item { height: 408px; } } @media all and (min-width: 668px) and (max-width: 1024px) { .home-page-hero { padding-top: 28px; } .home-page-after-carousel__inside { max-width: 700px; margin-top: 40px; } .home-page-after-carousel__text { width: 48ch; } .bio { grid-gap: 30px; width: 100%; } .bio-other-research .block-header { margin: 15px; width: 95%; } .bio-other-research__list { grid-template-columns: repeat(2, 48%); width: 95%; } .bio-other-research__pager { width: 100%; } } @media all and (max-width: 940px) { .home-page-hero__text span { font-size: 20px; line-height: 26px; } } @media screen and (min-width: 668px) and (max-width: 768px) { .home-page-research { width: 700px; padding: 30px; } .hub-career-top { padding-top: 50px; padding-bottom: 30px; } .hub-career-top__inside { grid-template-columns: 1fr; grid-gap: 0; width: 90%; } .hub-career-list { grid-template-columns: 1fr; grid-gap: 0; max-width: 700px; padding-top: 50px; padding-bottom: 30px; } .job .open-positions { width: 700px; padding-left: 0; } .job-wrapper { display: block; width: 700px; } } @media (max-width: 480px) { .page-hero { padding: 60px 0 20px 0; } } @media all and (max-width: 630px) { #research-topics { display: block; width: 100%; padding: 0 18px; } #research-topics .page-hero__inside-left { margin-bottom: 10px; } #research-topics .page-hero__inside-left h1 { font-size: 36px; line-height: 42px; } #research-topics > .hub-research-topics { padding-top: 30px; } } @media all and (min-width: 481px) and (max-width: 830px) { #research-topics { grid-template-columns: 200px 1fr; grid-row-gap: 30px; } } @media all and (min-width: 481px) and (max-width: 630px) { #research-topics .page-hero__inside-left { font-size: 36px; line-height: 42px; } } @media all and (min-width: 375px) and (max-width: 830px) { #research-topics > .hub-research-topics { grid-column-end: 3; margin-bottom: 0px; } } @media all and (min-width: 481px) and (max-width: 1024px) { .page-hero__inside-left { font-size: 36px; line-height: 42px; } } @media screen and (min-width: 481px) and (max-width: 667px) { .hub-career-top { padding-top: 50px; padding-bottom: 30px; } .hub-career-top__inside { grid-template-columns: 1fr; grid-gap: 0; } .hub-career-list { grid-template-columns: 1fr; grid-gap: 0; max-width: 600px; padding-top: 50px; padding-bottom: 30px; } .hub-career-job-item { grid-gap: 50px; } .hub-research-tier2 { display: block; margin: 0 auto; width: 540px; } .hub-research-tier2 .teaser { margin-bottom: 30px; } .page-what-we-do .body-background .body-content { width: 600px; } .job .open-positions { width: 600px; padding-left: 0; } .job-wrapper { display: block; width: 600px; } } @media (min-width: 769px) and (max-width: 1024px) { .hub-career-top__left .meta { padding-left: 135px; } .hub-career-list__left .meta { padding-left: 135px; } } @media all and (max-width: 1024px) { .hub-career-top__right h2 { font-size: 26px; line-height: 32px; } .bio-featured-research__inside { max-width: 100%; width: 100%; } .bio-featured-research__inside__inside { margin-bottom: 0; padding: 18px 18px 30px 18px; } } @media (max-width: 791px) { .page-what-we-do .partnerships h1 { padding-top: 30px; padding-bottom: 30px; font-size: 25px; } } @media (min-width: 791px) { .page-what-we-do .partnerships .partner-container .partner { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc( (100% - ((2 - 1) * 0%)) / 2); flex-basis: calc( (100% - ((2 - 1) * 0%)) / 2); max-width: calc( (100% - ((2 - 1) * 0%)) / 2); margin-left: 0%; } .page-what-we-do .partnerships .partner-container .partner:nth-child(1n + 1) { margin-left: 0%; } .page-what-we-do .partnerships .partner-container .partner:nth-child(2n + 1) { margin-left: 0; } } @media (min-width: 1200px) { .page-what-we-do .partnerships .partner-container .partner { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc( (100% - ((3 - 1) * 0%)) / 3); flex-basis: calc( (100% - ((3 - 1) * 0%)) / 3); max-width: calc( (100% - ((3 - 1) * 0%)) / 3); margin-left: 0%; } .page-what-we-do .partnerships .partner-container .partner:nth-child(2n + 1) { margin-left: 0%; } .page-what-we-do .partnerships .partner-container .partner:nth-child(3n + 1) { margin-left: 0; } .page-what-we-do .partnerships .partner-container a[href='#modal-4'] { border-left: 1px solid #e7e7e7; } } @media (min-width: 969px) and (max-width: 1200px) { .page-what-we-do .partnerships .partner-container a[href='#modal-3'], .page-what-we-do .partnerships .partner-container a[href='#modal-5'] { border-left: 1px solid #e7e7e7; } .page-what-we-do .partnerships .partner-container a[href='#modal-4'] { border-left: 0; } } @media all and (max-width: 769px) { .page-what-we-do .partnerships .partner-container .partner { border-right: 0; } } @media all and (max-width: 791px) { .page-what-we-do .partnerships .partner-container .partner .image { min-height: 200px; } } @media (min-width: 320px) and (max-width: 791px) { .partnership-modal { bottom: 0; top: unset; width: 100%; max-width: 100%; } } @media (max-width: 730px) { .partnership-modal .partnership-modal-container { max-width: 100%; overflow: auto; left: 0; height: 450px; width: 100%; min-width: 100%; margin: 0 auto; -webkit-overflow-scrolling: touch; } } @media (min-width: 320px) and (max-width: 630px) { .partnership-modal .partnership-modal-container { padding: 20px; padding-bottom: 60px; } .partnership-modal .partnership-modal-container .top { padding-left: 10px; padding-right: 10px; } .partnership-modal .partnership-modal-container .top span { font-size: 20px; } .partnership-modal .partnership-modal-container .top img, .partnership-modal .partnership-modal-container .top img:last-of-type { max-width: 120px; } } @media all and (max-width: 1170px) { .bio-featured-research__inside { padding: 30px 30px 40px 30px; width: 100%; max-width: 100%; } } @media all and (max-width: 787px) { .research-header .characters-grid-top-right { display: none; } .research-header .characters-grid-bottom-left { display: none; } .research-header { height: auto; } .research-header .research-header-background { background-image: none !important; } .research-header .breadcrumb { padding-top: 15px; padding-left: 18px; } .research-header .type-title { position: static; left: auto; bottom: auto; width: 100%; padding: 40px 18px 30px; z-index: 20; position: relative; margin-top: 30px; } .research-header .type-title h1 { font-size: 32px; line-height: 40px; } .research-meta { display: block; width: 100%; padding: 18px 18px 0; } .research-meta .author-date { position: static; margin-top: 6px; margin-bottom: 6px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; } .research-meta .author-date .authors { display: block; margin-bottom: 4px; margin-right: 0; width: 100%; max-width: 100%; } .research-meta .author-date .date { margin-left: 0px; position: static; width: 100%; max-width: 100%; } .research-meta .sharing { position: static; } .research-meta .sharing .social-sharing { display: block; position: static; } .research-meta { padding-top: 0; } .research-meta .author-date { min-height: 65px; } .research-meta .sharing { display: none; } .research-content { margin-bottom: 30px; padding-top: 24px; padding-bottom: 64px; padding-right: 70px; } .research-content .body-content { margin-bottom: 50px; width: 100%; padding: 0 18px; } .research-content .sharing { width: 100%; padding: 0 18px; } } @media all and (max-width: 715px) { .sub-menu { display: block; list-style-type: none; } .sub-menu > li { margin-bottom: 0; } .sub-menu > li a { display: block; } .site-header__main-nav, .site-header__utility-nav { display: none; } .site-header-mobile { display: block; } } @media all and (min-width: 716px) { .menu-item-has-children:hover > ul.sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: white; position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 200px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); margin: 0; padding: 0; list-style-type: none; } .menu-item-has-children:hover > ul.sub-menu:before { content: ' '; position: absolute; width: 100%; left: 0; bottom: 100%; height: 10px; } .menu-item-has-children:hover > ul.sub-menu:after { content: ''; width: 0px; height: 0px; border: 10px solid white; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; border-bottom-color: white; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .menu-item-has-children:hover > ul.sub-menu > li { margin: 0; color: black; } .menu-item-has-children:hover > ul.sub-menu > li:last-child a { padding-bottom: 10px; } .menu-item-has-children:hover > ul.sub-menu > li:hover a { color: #0078ae; } .menu-item-has-children:hover > ul.sub-menu > li a { padding-top: 10px; padding-left: 20px; padding-right: 20px; display: block; color: black; } } @media screen and (max-width: 782px) { body.admin-bar { padding-top: 46px; } } /*# sourceMappingURL=main.css.map*/